. .product-hero{--product-hero-text: var(--color-foreground);--product-hero-muted: color-mix(in srgb, var(--color-foreground) 72%, var(--color-background));--product-hero-accent: var(--color-primary-button-background);--product-hero-gallery-background: color-mix(in srgb, var(--color-foreground) 3%, var(--color-background));--product-hero-gallery-border: var(--color-border);color:var(--product-hero-text)}.product-hero__layout{display:grid;gap:var(--gap-2xl)}.product-hero__gallery,.product-hero__offer{min-width:0}.product-hero__media-viewport{position:relative;overflow:hidden;border:1px solid var(--product-hero-gallery-border);border-radius:var(--product-hero-media-radius, 16px);background:var(--product-hero-gallery-background);touch-action:pan-y}.product-hero__media-track{display:flex;transition:transform .24s ease;will-change:transform}.product-hero__media{flex:0 0 100%;aspect-ratio:var(--product-hero-media-ratio, 1 / 1)}.product-hero__media img,.product-hero__media--placeholder svg{display:block;width:100%;height:100%;object-fit:cover}.product-hero__gallery .product-hero__arrow{position:absolute;top:50%;z-index:3;display:flex;align-items:center;justify-content:center;width:42px;height:42px;padding:0;transform:translateY(-50%);border:1px solid rgba(0,0,0,.12);border-radius:50%;background:#ffffffeb;color:#202020;cursor:pointer;box-shadow:0 2px 10px #0000001f}.product-hero__gallery .product-hero__arrow--prev{left:12px}.product-hero__gallery .product-hero__arrow--next{right:12px}.product-hero__gallery .product-hero__arrow:disabled{opacity:.3;cursor:default}.product-hero__gallery .product-hero__arrow svg{width:22px;height:22px}.product-hero__thumbnails{display:flex;gap:var(--gap-sm);margin-top:var(--margin-sm);overflow-x:auto;padding:2px;scrollbar-width:thin}.product-hero__thumbnail{flex:0 0 var(--product-hero-thumbnail-size, 64px);aspect-ratio:1;overflow:hidden;padding:0;border:2px solid transparent;border-radius:calc(var(--product-hero-media-radius, 16px) * .5);background:transparent;cursor:pointer}.product-hero__thumbnail:hover{border-color:rgb(var(--color-foreground-rgb) / var(--opacity-30))}.product-hero__thumbnail.is-selected{border-color:var(--product-hero-accent)}.product-hero__thumbnail img{display:block;width:100%;height:100%;object-fit:cover}.product-hero__gallery-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--gap-sm);margin-top:10px}.product-hero__dots{display:flex;flex:1 1 auto;min-width:0;flex-wrap:nowrap;align-items:center;gap:4px;padding-block:4px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none}.product-hero__dots::-webkit-scrollbar{display:none}.product-hero__dots.is-scrollable{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 12px,#000 calc(100% - 12px),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 12px,#000 calc(100% - 12px),transparent 100%)}.product-hero__dot{flex:0 0 auto;width:9px;height:9px;padding:0;border:0;border-radius:999px;background-color:rgb(var(--color-foreground-rgb) / var(--opacity-30));cursor:pointer;transition:background-color .18s ease}.product-hero__dot:hover{background-color:rgb(var(--color-foreground-rgb) / var(--opacity-50))}.product-hero__dot.is-selected{width:25px;background-color:var(--product-hero-accent)}.product-hero__counter{flex:0 0 auto;font-size:.8125rem;color:var(--product-hero-muted);white-space:nowrap}.product-hero__offer{display:flex;flex-direction:column;gap:var(--product-hero-offer-gap, var(--gap-md))}.product-hero__block{min-width:0}.product-hero__block--intro{margin-bottom:var(--product-hero-intro-bottom-spacing, 0)}.product-hero__block--bonus{margin-bottom:var(--product-hero-bonus-bottom-spacing, 0)}.product-hero__badge,.product-hero__urgency,.product-hero__guarantee{display:inline-flex;align-items:center;gap:var(--gap-xs);width:fit-content;margin:0}.product-hero__badge{padding:5px 10px;border-radius:var(--style-border-radius-pills, 40px);font-size:.875rem;font-weight:700;background:var(--product-hero-badge-background, color-mix(in srgb, var(--product-hero-accent) 14%, transparent));color:var(--product-hero-badge-color, var(--product-hero-accent))}.product-hero__badge--highlight{background:var(--product-hero-badge-background, color-mix(in srgb, var(--product-hero-accent) 14%, transparent));color:var(--product-hero-badge-color, var(--product-hero-accent))}.product-hero__badge--subtle{background:var(--product-hero-badge-background, color-mix(in srgb, var(--color-foreground) 7%, transparent))}.product-hero__badge--outline,.product-hero__urgency--outline,.product-hero__guarantee--outline{border:1px solid currentColor}.product-hero__title{margin:0;color:var(--product-hero-text)}.product-hero__description{margin:var(--margin-sm) 0 0;color:var(--product-hero-muted);line-height:1.6}.product-hero__product-description{color:var(--product-hero-muted);line-height:1.6}.product-hero__product-description>:first-child{margin-block-start:0}.product-hero__product-description>:last-child{margin-block-end:0}.product-hero__product-description :is(p,ul,ol){margin-block:var(--margin-sm)}.product-hero__product-description :is(ul,ol){padding-inline-start:var(--padding-lg)}.product-hero__product-description li+li{margin-block-start:var(--margin-2xs)}.product-hero__benefits{display:grid;gap:var(--product-hero-benefits-gap, var(--gap-sm));margin:0;padding:0;list-style:none}.product-hero__benefit{display:flex;align-items:flex-start;gap:var(--gap-sm);line-height:1.5}.product-hero__icon,.product-hero__badge svg,.product-hero__benefit svg,.product-hero__urgency svg,.product-hero__guarantee svg{flex:none;width:1.25em;height:1.25em;stroke:currentColor;stroke-width:2;fill:none}.product-hero__benefit svg{color:var(--product-hero-benefit-icon-color, var(--product-hero-accent))}.product-hero__price-wrap{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.product-hero__price-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--gap-sm)}.product-hero__price{color:var(--product-hero-price-color, var(--product-hero-text));font-size:clamp(2rem,4vw,3rem);font-weight:800;letter-spacing:-.04em;line-height:1}.product-hero__compare-price{color:var(--product-hero-compare-color, var(--product-hero-muted));font-size:1.05rem;opacity:.85;text-decoration:line-through}.product-hero__saving{padding:5px 11px;border-radius:var(--style-border-radius-pills, 40px);background:var(--product-hero-saving-background, color-mix(in srgb, var(--product-hero-accent) 14%, transparent));color:var(--product-hero-saving-color, var(--product-hero-accent));font-size:.8125rem;font-weight:700;white-space:nowrap}.product-hero__stock{display:flex;align-items:center;gap:8px;margin:0;font-size:.9rem;font-weight:700;color:var(--product-hero-stock-color, var(--product-hero-muted))}.product-hero__stock-dot{flex:none;width:.6rem;height:.6rem;border-radius:50%;background:var(--product-hero-stock-dot-color, var(--product-hero-accent));animation:product-hero-stock-pulse 1.4s ease-in-out infinite}@keyframes product-hero-stock-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.85)}}.product-hero__urgency,.product-hero__guarantee{justify-content:center;width:100%;padding:var(--padding-sm) var(--padding-md);border-radius:var(--style-border-radius-pills, 40px);line-height:1.4;text-align:center}.product-hero__urgency{background:var(--product-hero-urgency-background, var(--product-hero-urgency-default-background, color-mix(in srgb, var(--product-hero-accent) 14%, transparent)));color:var(--product-hero-urgency-color, var(--product-hero-urgency-default-color, var(--product-hero-accent)));font-weight:var(--product-hero-urgency-font-weight, 600)}.product-hero__urgency--highlight{--product-hero-urgency-default-background: color-mix(in srgb, var(--product-hero-accent) 14%, transparent);--product-hero-urgency-default-color: var(--product-hero-accent)}.product-hero__urgency--subtle{--product-hero-urgency-default-background: color-mix(in srgb, var(--color-foreground) 7%, transparent);--product-hero-urgency-default-color: var(--product-hero-text)}.product-hero__urgency--outline{--product-hero-urgency-default-background: transparent;--product-hero-urgency-default-color: var(--product-hero-accent)}.product-hero__urgency svg{color:var(--product-hero-urgency-icon-color, currentColor)}.product-hero__urgency>span{font-size:var(--product-hero-urgency-font-size, 16px)}.product-hero__guarantee{padding-block:var(--product-hero-guarantee-padding-block, var(--padding-sm));padding-inline:var(--product-hero-guarantee-padding-inline, var(--padding-md));background:var(--product-hero-guarantee-background, var(--product-hero-guarantee-default-background, transparent));color:var(--product-hero-guarantee-color, var(--product-hero-guarantee-default-color, var(--product-hero-muted)));font-weight:var(--product-hero-guarantee-font-weight, 500)}.product-hero__guarantee--highlight{--product-hero-guarantee-default-background: color-mix(in srgb, var(--color-primary-button-background) 10%, transparent);--product-hero-guarantee-default-color: var(--color-primary-button-background)}.product-hero__guarantee--subtle{--product-hero-guarantee-default-background: color-mix(in srgb, var(--color-foreground) 5%, transparent);--product-hero-guarantee-default-color: var(--product-hero-muted)}.product-hero__guarantee--outline{--product-hero-guarantee-default-background: transparent;--product-hero-guarantee-default-color: var(--product-hero-muted)}.product-hero__guarantee svg{color:var(--product-hero-guarantee-icon-color, currentColor)}.product-hero__bonus{display:grid;grid-template-columns:auto 1fr;gap:var(--gap-md);align-items:center;padding-block:var(--product-hero-bonus-padding-block, var(--padding-md));padding-inline:var(--product-hero-bonus-padding-inline, var(--padding-md));border:1px solid var(--color-border);border-radius:var(--style-border-radius-popover, 12px);color:var(--product-hero-text);background-color:var(--product-hero-bonus-default-background, transparent)}.product-hero__bonus--highlight{--product-hero-bonus-default-background: color-mix(in srgb, var(--color-primary-button-background) 8%, transparent)}.product-hero__bonus--subtle{--product-hero-bonus-default-background: color-mix(in srgb, var(--color-foreground) 4%, transparent)}.product-hero__bonus--outline{--product-hero-bonus-default-background: transparent}.product-hero__bonus-media{display:grid;place-items:center;width:68px;height:68px;box-sizing:border-box;overflow:hidden;border-radius:10px;background-color:var(--product-hero-bonus-media-background, color-mix(in srgb, var(--product-hero-bonus-accent-color, var(--product-hero-accent)) 12%, transparent));color:var(--product-hero-bonus-accent-color, var(--product-hero-accent))}.product-hero__bonus-media--image{padding:2px}.product-hero__bonus-media :is(img,svg){width:100%;height:100%;object-fit:cover}.product-hero__bonus-media svg{width:28px;height:28px}.product-hero__bonus-content>*{margin:0}.product-hero__bonus-content p{margin-top:4px;line-height:1.5}.product-hero__bonus-eyebrow{color:var(--product-hero-bonus-accent-color, var(--product-hero-accent));font-size:.75rem;font-weight:var(--product-hero-bonus-eyebrow-font-weight, 700);text-transform:uppercase;line-height:1.3}.product-hero__bonus-title{font-size:1rem;color:currentColor;font-weight:var(--product-hero-bonus-title-font-weight, 600);line-height:1.35}.product-hero__bonus-text{font-weight:var(--product-hero-bonus-text-font-weight, 400)}.product-hero__unit-price{width:100%;color:var(--product-hero-muted);font-size:.8125rem;opacity:.7}.product-hero__timeline{display:grid;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;margin-block:var(--product-hero-timeline-top-spacing, 0) var(--product-hero-timeline-bottom-spacing, 0);padding:0;list-style:none}.product-hero__timeline-step{position:relative;display:grid;justify-items:center;gap:var(--gap-xs);color:var(--product-hero-timeline-text-color, var(--product-hero-muted));font-size:.8125rem;line-height:1.4;text-align:center}.product-hero__timeline-step:not(:last-child):after{position:absolute;z-index:0;top:20px;left:50%;width:100%;height:1px;background:var(--product-hero-timeline-line-color, var(--color-border));content:""}.product-hero__timeline-step>svg{position:relative;display:grid;place-items:center;width:40px;height:40px;padding:10px;border-radius:50%;background:var(--product-hero-timeline-node-color, var(--product-hero-accent));color:var(--color-primary-button-text, var(--color-background));stroke:currentColor;z-index:1}.product-hero__accordion{border-top:1px solid var(--product-hero-accordion-border-color, var(--color-border))}.product-hero__accordion:last-child{border-bottom:1px solid var(--product-hero-accordion-border-color, var(--color-border))}.product-hero__accordion summary{display:flex;align-items:center;justify-content:space-between;gap:var(--gap-md);padding-block:var(--product-hero-accordion-padding, var(--padding-md));color:var(--product-hero-accordion-title-color, var(--product-hero-text));cursor:pointer;font-weight:700;line-height:1.4;list-style:none}.product-hero__accordion summary::-webkit-details-marker{display:none}.product-hero__accordion-icon{flex:0 0 20px;width:20px;height:20px;color:var(--product-hero-accordion-icon-color, var(--product-hero-accent));transition:transform .2s ease}.product-hero__accordion[open] summary{color:var(--product-hero-accordion-active-color, var(--product-hero-accent))}.product-hero__accordion[open] .product-hero__accordion-icon--plus{transform:rotate(45deg)}.product-hero__accordion[open] .product-hero__accordion-icon--chevron{transform:rotate(180deg)}.product-hero__accordion-content{padding:0 0 var(--product-hero-accordion-padding, var(--padding-md));line-height:1.6}@media screen and (min-width:990px){.product-hero__layout{grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);align-items:start;gap:var(--product-hero-column-gap)}.product-hero__offer{position:sticky;top:var(--header-group-height, 0)}}@media screen and (max-width:749px){.product-hero__layout{gap:var(--product-hero-gallery-offer-gap-mobile, 20px)}.product-hero__gallery-footer,.product-hero__thumbnails{margin-top:8px}.product-hero__gallery .product-hero__arrow{width:36px;height:36px}.product-hero__gallery .product-hero__arrow--prev{left:8px}.product-hero__gallery .product-hero__arrow--next{right:8px}.product-hero__offer{gap:var(--product-hero-offer-gap-mobile, var(--product-hero-offer-gap, var(--gap-lg)))}.product-hero__benefit{gap:8px}.product-hero__price{font-size:2.25rem}.product-hero__timeline{width:100%;margin-block:var(--product-hero-timeline-top-spacing, 0) var(--product-hero-timeline-bottom-spacing, 0);font-size:.75rem}}@media(prefers-reduced-motion:reduce){.product-hero__accordion-toggle,.product-hero__media-track{transition:none}.product-hero__stock-dot{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/product-hero.css.map */