.section-cf-product-hero,.cf-product-hero{width:100%}.section-cf-product-hero{position:relative;z-index:3}.cf-product-hero{position:relative;min-height:var(--cf-hero-height);overflow:visible;isolation:isolate;color:var(--cf-hero-text);background:var(--cf-hero-background)}.cf-product-hero,.cf-product-hero *{box-sizing:border-box}.cf-product-hero__media,.cf-product-hero__picture,.cf-product-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0}.cf-product-hero__media{z-index:0;overflow:hidden}.cf-product-hero__picture,.cf-product-hero__image{display:block;width:100%;height:100%}.cf-product-hero__image{object-fit:cover;object-position:var(--cf-hero-position);opacity:var(--cf-hero-image-opacity)}.cf-product-hero__overlay{z-index:1;background:linear-gradient(to bottom,rgb(0 0 0 / calc(var(--cf-hero-shade) * .72)),rgb(0 0 0 / var(--cf-hero-shade)) 56%,transparent 84%),linear-gradient(to bottom,transparent 36%,color-mix(in srgb,var(--cf-hero-blend) 18%,transparent) 62%,var(--cf-hero-blend) 100%);pointer-events:none}.cf-product-hero__content{position:relative;z-index:2;display:flex;min-height:var(--cf-hero-height);flex-direction:column;justify-content:var(--cf-hero-content-position);padding:72px var(--cf-hero-side-padding) 104px}.cf-product-hero__copy{width:min(100%,var(--cf-hero-content-width));text-align:left;text-shadow:0 2px 18px rgb(0 0 0 / 38%)}.cf-product-hero__copy--center{align-self:center;text-align:center}.cf-product-hero__proof{display:inline-flex;max-width:100%;align-items:center;gap:8px;margin-bottom:14px;padding:7px 12px;background:#00000047;border:1px solid rgb(255 255 255 / 38%);border-radius:999px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:12px;font-weight:700;line-height:1.35;letter-spacing:.02em;text-shadow:none}.cf-product-hero__stars{display:inline-flex;flex:0 0 auto;gap:2px}.cf-product-hero__stars svg{display:block;width:20px;height:20px;flex:0 0 20px}.cf-product-hero__proof-text{min-width:0}.cf-product-hero__proof-text>:first-child,.cf-product-hero__subtitle>:first-child{margin-top:0}.cf-product-hero__proof-text>:last-child,.cf-product-hero__subtitle>:last-child{margin-bottom:0}.cf-product-hero__title{margin:0;color:inherit;font-family:var(--font-heading-family, inherit);font-size:var(--cf-hero-title-size);font-style:var(--font-heading-style, normal);font-weight:var(--font-heading-weight, 700);line-height:1.08;letter-spacing:-.025em}.cf-product-hero__subtitle{max-width:620px;margin-top:18px;color:color-mix(in srgb,var(--cf-hero-text) 90%,transparent);font-size:16px;line-height:1.6}.cf-product-hero__copy--center .cf-product-hero__subtitle{margin-inline:auto}.cf-product-hero__visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.cf-product-hero__search{position:relative;z-index:5;display:block;width:min(100%,var(--cf-hero-search-width));margin-top:22px;color:var(--cf-hero-search-text);text-align:left;text-shadow:none}.cf-product-hero__copy--center .cf-product-hero__search{margin-inline:auto}.cf-product-hero__search-heading{margin:0 0 9px;color:var(--cf-hero-text);font-size:13px;font-weight:750;line-height:1.35;text-shadow:0 1px 12px rgb(0 0 0 / 35%)}.cf-product-hero__search-form{margin:0}.cf-product-hero__search-field{position:relative;display:flex;min-height:58px;align-items:center;gap:8px;padding:5px;background:var(--cf-hero-search-background);border:1px solid color-mix(in srgb,var(--cf-hero-search-text) 16%,transparent);border-radius:14px;box-shadow:0 0 0 1px #ffffff52,0 18px 45px #1f140f2e;transition:border-color .16s ease,box-shadow .16s ease}.cf-product-hero__search-field:focus-within{border-color:var(--cf-hero-button);box-shadow:0 0 0 3px color-mix(in srgb,var(--cf-hero-button) 22%,transparent),0 20px 48px #1f140f38}.cf-product-hero__search-icon{display:grid;width:38px;height:38px;flex:0 0 38px;place-items:center;color:var(--cf-hero-button)}.cf-product-hero__search-icon svg,.cf-product-hero__search-clear svg,.cf-product-hero__search-close svg,.cf-product-hero__search-submit svg,.cf-product-hero__search-view-all svg{display:block}.cf-product-hero__search-input{width:100%;min-width:0;min-height:46px;margin:0;padding:0;color:var(--cf-hero-search-text);background:transparent;border:0;border-radius:0;box-shadow:none;font:inherit;font-size:15px;line-height:1.35;outline:0;-webkit-appearance:none;appearance:none}.cf-product-hero__search-input::placeholder{color:color-mix(in srgb,var(--cf-hero-search-text) 55%,transparent);opacity:1}.cf-product-hero__search-input::-webkit-search-cancel-button,.cf-product-hero__search-input::-webkit-search-decoration{display:none;-webkit-appearance:none;appearance:none}.cf-product-hero__search-clear{display:grid;width:38px;height:38px;flex:0 0 38px;padding:0;place-items:center;color:color-mix(in srgb,var(--cf-hero-search-text) 68%,transparent);background:transparent;border:0;border-radius:50%;cursor:pointer}.cf-product-hero__search-clear:hover{color:var(--cf-hero-search-text);background:color-mix(in srgb,var(--cf-hero-search-text) 7%,transparent)}.cf-product-hero__search-close{display:grid;width:36px;height:36px;flex:0 0 36px;padding:0;place-items:center;color:color-mix(in srgb,var(--cf-hero-search-text) 68%,transparent);background:transparent;border:0;border-radius:50%;cursor:pointer}.cf-product-hero__search-close:hover{color:var(--cf-hero-search-text);background:color-mix(in srgb,var(--cf-hero-search-text) 7%,transparent)}.cf-product-hero__search-submit{display:inline-flex;min-width:108px;min-height:46px;flex:0 0 auto;align-items:center;justify-content:center;gap:8px;padding:10px 16px;color:var(--cf-hero-button-text);background:var(--cf-hero-button);border:1px solid var(--cf-hero-button);border-radius:10px;cursor:pointer;font:inherit;font-size:13px;font-weight:750;line-height:1;transition:color .16s ease,background-color .16s ease,transform .16s ease}.cf-product-hero__search-submit:hover{color:var(--cf-hero-button);background:var(--cf-hero-button-text);transform:translateY(-1px)}.cf-product-hero__search-clear:focus-visible,.cf-product-hero__search-close:focus-visible,.cf-product-hero__search-submit:focus-visible,.cf-product-hero__search-view-all:focus-visible,.cf-product-hero__search-result:focus-visible{outline:3px solid var(--cf-hero-button);outline-offset:2px}.cf-product-hero__search-clear[hidden],.cf-product-hero__search-popup[hidden],.cf-product-hero__search-view-all[hidden]{display:none!important}.cf-product-hero__search-popup{position:absolute;top:calc(100% + 8px);inset-inline:0;z-index:30;overflow:hidden;color:var(--cf-hero-search-text);background:var(--cf-hero-search-background);border:1px solid color-mix(in srgb,var(--cf-hero-search-text) 16%,transparent);border-radius:14px;box-shadow:0 24px 65px #1f140f47;text-align:left}.cf-product-hero__search-popup-head{display:flex;min-height:48px;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px 9px;color:color-mix(in srgb,var(--cf-hero-search-text) 62%,transparent);font-size:11px;font-weight:800;line-height:1.2;letter-spacing:.1em;text-transform:uppercase}.cf-product-hero__search-results{overflow:visible}.cf-product-hero__search-result{display:grid;grid-template-columns:64px minmax(0,1fr);gap:12px;align-items:center;min-height:78px;padding:8px 14px;color:var(--cf-hero-search-text);border-top:1px solid color-mix(in srgb,var(--cf-hero-search-text) 9%,transparent);text-decoration:none;transition:background-color .14s ease}.cf-product-hero__search-result--no-image{grid-template-columns:minmax(0,1fr)}.cf-product-hero__search-result:hover,.cf-product-hero__search-result.is-active{color:var(--cf-hero-search-text);background:color-mix(in srgb,var(--cf-hero-button) 9%,var(--cf-hero-search-background))}.cf-product-hero__search-result-media{position:relative;display:grid;width:64px;height:64px;overflow:hidden;place-items:center;background:color-mix(in srgb,var(--cf-hero-search-text) 6%,var(--cf-hero-search-background));border-radius:9px}.cf-product-hero__search-result-media img{display:block;width:100%;height:100%;object-fit:cover}.cf-product-hero__search-result-media--empty:before{width:23px;height:18px;border:1.5px solid color-mix(in srgb,var(--cf-hero-search-text) 35%,transparent);border-radius:3px;content:""}.cf-product-hero__search-result-media--empty:after{position:absolute;width:6px;height:6px;background:color-mix(in srgb,var(--cf-hero-search-text) 28%,transparent);border-radius:50%;content:"";transform:translate(5px,-3px)}.cf-product-hero__search-result-copy{display:grid;min-width:0;gap:3px}.cf-product-hero__search-result-vendor{overflow:hidden;color:color-mix(in srgb,var(--cf-hero-search-text) 55%,transparent);font-size:10px;font-weight:750;line-height:1.2;letter-spacing:.07em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.cf-product-hero__search-result-title{display:-webkit-box;overflow:hidden;font-size:14px;font-weight:700;line-height:1.3;-webkit-box-orient:vertical;-webkit-line-clamp:2}.cf-product-hero__search-result-price{color:var(--cf-hero-button);font-size:12px;font-weight:750;line-height:1.3}.cf-product-hero__search-view-all{display:flex;min-height:48px;align-items:center;justify-content:space-between;gap:12px;padding:11px 15px;color:var(--cf-hero-button);background:color-mix(in srgb,var(--cf-hero-button) 7%,var(--cf-hero-search-background));border-top:1px solid color-mix(in srgb,var(--cf-hero-search-text) 12%,transparent);font-size:13px;font-weight:800;text-decoration:none}.cf-product-hero__search-view-all:hover{color:var(--cf-hero-button-text);background:var(--cf-hero-button)}.cf-product-hero__search-skeleton{display:grid;grid-template-columns:64px minmax(0,1fr);gap:12px;align-items:center;min-height:78px;padding:8px 14px;border-top:1px solid color-mix(in srgb,var(--cf-hero-search-text) 8%,transparent)}.cf-product-hero__search-skeleton--no-image{grid-template-columns:minmax(0,1fr)}.cf-product-hero__search-skeleton-media,.cf-product-hero__search-skeleton-copy{display:block;background:linear-gradient(100deg,color-mix(in srgb,var(--cf-hero-search-text) 7%,transparent) 20%,color-mix(in srgb,var(--cf-hero-search-text) 13%,transparent),color-mix(in srgb,var(--cf-hero-search-text) 7%,transparent) 60%);background-size:220% 100%;animation:cf-hero-search-shimmer 1.25s linear infinite}.cf-product-hero__search-skeleton-media{width:64px;height:64px;border-radius:9px}.cf-product-hero__search-skeleton-copy{width:min(75%,260px);height:13px;border-radius:999px}@keyframes cf-hero-search-shimmer{to{background-position-x:-220%}}.cf-product-hero__button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;margin-top:24px;padding:12px 24px;color:var(--cf-hero-button-text);background:var(--cf-hero-button);border:1px solid var(--cf-hero-button);border-radius:var(--cf-hero-button-radius);font-size:14px;font-weight:700;line-height:1.2;text-decoration:none;text-shadow:none;transition:color .18s ease,background-color .18s ease,transform .18s ease}.cf-product-hero__button:hover{color:var(--cf-hero-button);background:var(--cf-hero-button-text);transform:translateY(-1px)}.cf-product-hero__button:focus-visible{outline:3px solid currentColor;outline-offset:3px}@media screen and (max-width:767px){.cf-product-hero,.cf-product-hero__content{min-height:var(--cf-hero-height-mobile)}.cf-product-hero__image{object-position:var(--cf-hero-position-mobile)}.cf-product-hero__content{align-items:center;justify-content:flex-start;padding:var(--cf-hero-mobile-top) clamp(16px,var(--cf-hero-side-padding),32px) 56px}.cf-product-hero__copy,.cf-product-hero__copy--center{align-self:center;margin-inline:auto;text-align:center}.cf-product-hero__title{font-size:var(--cf-hero-title-size-mobile);line-height:1.12}.cf-product-hero__proof{margin-bottom:11px;padding:6px 10px;font-size:11px}.cf-product-hero__stars svg{width:18px;height:18px;flex-basis:18px}.cf-product-hero__subtitle{margin:14px auto 0;font-size:14px;line-height:1.55}.cf-product-hero__search{width:100%;margin-top:18px}.cf-product-hero__search-heading{margin-bottom:7px;font-size:12px}.cf-product-hero__search-field{min-height:54px;gap:4px;padding:4px;border-radius:12px}.cf-product-hero__search-icon{width:34px;height:34px;flex-basis:34px}.cf-product-hero__search-input{min-height:44px;font-size:16px}.cf-product-hero__search-clear{width:36px;height:36px;flex-basis:36px}.cf-product-hero__search-submit{min-width:92px;min-height:44px;padding-inline:13px}.cf-product-hero__search-popup{border-radius:12px}.cf-product-hero__search-results{max-height:min(330px,48vh);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.cf-product-hero__search-result{grid-template-columns:56px minmax(0,1fr);min-height:70px;padding:7px 10px}.cf-product-hero__search-result--no-image{grid-template-columns:minmax(0,1fr)}.cf-product-hero__search-result-media,.cf-product-hero__search-skeleton-media{width:56px;height:56px}.cf-product-hero__search-skeleton{grid-template-columns:56px minmax(0,1fr);min-height:70px;padding:7px 10px}.cf-product-hero__search-skeleton--no-image{grid-template-columns:minmax(0,1fr)}.cf-product-hero__button{min-height:46px;margin-top:20px;padding-inline:20px}}@media(prefers-reduced-motion:reduce){.cf-product-hero__button,.cf-product-hero__search-field,.cf-product-hero__search-submit,.cf-product-hero__search-result{transition:none}.cf-product-hero__search-skeleton-media,.cf-product-hero__search-skeleton-copy{animation:none}}@media screen and (max-width:420px){.cf-product-hero__search-submit{width:44px;min-width:44px;padding:0}.cf-product-hero__search-submit span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/cf-product-hero.css.map */