.section--product-highlight{background:var(--phs-bg, var(--tl-ink));color:var(--phs-fg, #fff);padding-block:var(--tl-gap-section);overflow:hidden}.phs__head{display:grid;gap:var(--s-5);justify-items:center;text-align:center}.phs__heading{color:var(--phs-fg, #fff);text-transform:uppercase;max-width:18ch}.phs__slider{position:relative;margin-top:var(--s-9)}.phs__track{position:relative;height:375px;overflow:visible}.phs__track:focus-visible{outline:2px solid var(--phs-fg, #fff);outline-offset:8px;border-radius:var(--tl-radius-card)}.phs__slide{position:absolute;top:50%;left:50%;width:290px;aspect-ratio:290 / 375;transform:translate(-50%,-50%) scale(.85);transform-origin:50% 50%;opacity:0;pointer-events:none;z-index:1;border-radius:var(--tl-radius-card);overflow:hidden;box-shadow:0 24px 48px #00000059;transition:transform var(--tl-dur-slow) var(--tl-ease-out),opacity var(--tl-dur-slow) var(--tl-ease-out),width var(--tl-dur-slow) var(--tl-ease-out)}.phs__slide picture,.phs__slide .media-frame{width:100%;height:100%}.phs__slide img{width:100%;height:100%;object-fit:cover}.phs__slide .media-frame{background:color-mix(in srgb,var(--phs-fg, #fff) 8%,transparent)}.phs__slide .placeholder-svg{width:100%;height:100%;background:color-mix(in srgb,var(--phs-fg, #fff) 85%,var(--phs-bg, var(--tl-ink)));fill:color-mix(in srgb,var(--phs-bg, var(--tl-ink)) 55%,transparent)}.phs__slide.is-active{opacity:1;pointer-events:auto;z-index:3;transform:translate(-50%,-50%) scale(1) rotate(0)}.phs__slide.is-prev{opacity:1;z-index:2;width:165px;transform:translate(calc(-50% - 175px),-50%) rotate(-10deg)}.phs__slide.is-next{opacity:1;z-index:2;width:165px;transform:translate(calc(175px - 50%),-50%) rotate(10deg)}@media(min-width:1024px){.phs__slider{margin-top:var(--s-11)}.phs__track{height:574px}.phs__slide{width:444px}.phs__slide.is-prev{width:285px;transform:translate(calc(-50% - 260px),-50%) rotate(-10deg)}.phs__slide.is-next{width:285px;transform:translate(calc(260px - 50%),-50%) rotate(10deg)}}.phs__arrow{width:44px;height:44px;border-radius:var(--tl-radius-pill);background:#fff;color:var(--tl-ink);display:inline-flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0000002e;transition:transform var(--tl-dur-fast) var(--tl-ease-out),background-color var(--tl-dur-fast) var(--tl-ease)}.phs__arrow:hover{transform:scale(1.08);background:#f4f4f4}.phs__arrow:active{transform:scale(.96)}.phs__arrow--side{display:none}@media(min-width:1024px){.phs__arrow--side{display:inline-flex;position:absolute;top:50%;transform:translateY(-50%);z-index:10}.phs__arrow--side:hover{transform:translateY(-50%) scale(1.08)}.phs__arrow--side:active{transform:translateY(-50%) scale(.96)}.phs__arrow--prev{left:clamp(24px,calc(50% - 512px),50%)}.phs__arrow--next{right:clamp(24px,calc(50% - 512px),50%)}}.phs__controls{display:flex;align-items:center;justify-content:space-between;gap:var(--s-6);margin-top:var(--s-7);padding-inline:clamp(16px,4vw,32px)}@media(min-width:1024px){.phs__controls{display:none}}.phs__progress{position:relative;flex:1;height:2px;background:color-mix(in srgb,var(--phs-fg, #fff) 20%,transparent);border-radius:var(--tl-radius-pill);overflow:hidden}.phs__progress-bar{position:absolute;inset-block:0;left:0;width:100%;background:var(--tl-red);border-radius:inherit;transition:transform var(--tl-dur-slow) var(--tl-ease-out),width var(--tl-dur-slow) var(--tl-ease-out)}.phs__controls-btns{display:flex;gap:var(--s-3)}.phs__stats{display:flex;justify-content:center;align-items:stretch;margin:var(--s-10) 0 0;padding:0;list-style:none;text-align:center}.phs__stat{padding-inline:clamp(20px,5vw,48px)}.phs__stat+.phs__stat{border-left:1px solid color-mix(in srgb,var(--phs-fg, #fff) 15%,transparent)}.phs__stat-label{font-size:.8rem;opacity:.7;text-transform:uppercase;letter-spacing:.06em;color:var(--phs-fg, #fff)}.phs__stat-value{margin-top:var(--s-3);font-size:clamp(1.75rem,4.5vw,2.5rem);font-weight:600;text-transform:uppercase;letter-spacing:-.02em;line-height:.9;color:var(--phs-fg, #fff)}.phs__body{margin:var(--s-9) auto 0;max-width:560px;text-align:center;color:color-mix(in srgb,var(--phs-fg, #fff) 88%,transparent)}
/*# sourceMappingURL=/cdn/shop/t/43/assets/product-highlight-slider.css.map */