.fresh-drops{background-size:cover;background-position:center;background-repeat:no-repeat;color:var(--color-ink);padding-block:clamp(40px,6vw,88px);--slide-w: 86vw;--nav-size: 60px;--nav-gutter: 12px;--nav-edge-gap: 0px}.fresh-drops .drops-head{text-align:center;width:min(760px,calc(100% - 32px));margin:0 auto clamp(24px,3vw,50px)}.fresh-drops .drops-head .section-title{text-transform:uppercase}.fresh-drops .drops-head p{font-size:clamp(20px,1.3vw,24px);line-height:1.45;margin-top:14px}.fresh-drops .drops-viewport{position:relative}.fresh-drops .drops-track{display:flex;gap:clamp(28px,8vw,160px);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding-inline:max(0px,calc((100% - var(--slide-w)) / 2));scroll-padding-inline:max(0px,calc((100% - var(--slide-w)) / 2));padding-bottom:10px;align-items:center;overscroll-behavior-x:contain;-ms-overflow-style:none;scrollbar-width:none}.fresh-drops .drops-track.is-animating{scroll-snap-type:none}.fresh-drops .drops-track::-webkit-scrollbar{display:none}@media(min-width:750px){.fresh-drops{--slide-w: min(720px, 64vw);--nav-edge-gap: 28px}}@media(min-width:1100px){.fresh-drops{--slide-w: min(760px, 56vw);--nav-edge-gap: 40px}}.fresh-drops .drop-slide{flex:0 0 var(--slide-w);scroll-snap-align:center;scroll-snap-stop:always;text-decoration:none;color:inherit;display:flex;flex-direction:column;align-items:center}.fresh-drops .drop-slide__media{position:relative;width:100%;min-height:clamp(260px,34vw,520px);background:transparent;overflow:hidden;border-radius:2px}@media(max-width:749px){.fresh-drops .drop-slide__media{aspect-ratio:1 / 1;min-height:min(86vw,420px)}}.fresh-drops .drop-slide__media img,.fresh-drops .drop-slide__media svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;object-position:center}.fresh-drops .drop-slide__label{--ui-bg: var(--color-ink);--ui-fg: #fff;--ui-border: var(--color-ink);--ui-hover-bg: #fff;--ui-hover-fg: var(--color-ink);display:inline-flex;align-items:center;justify-content:center;width:fit-content;gap:8px;margin-top:50px;font-weight:700;text-transform:uppercase;font-size:clamp(20px,1.2vw,22px);letter-spacing:.01em;line-height:1;padding:16px 34px;text-decoration:none;opacity:0;transform:translateY(-6px);pointer-events:none}@media(max-width:749px){.fresh-drops .drop-slide__label{padding:14px 20px}.fresh-drops{--nav-size: 36px}}.fresh-drops .drop-slide.is-active .drop-slide__label{opacity:1;transform:translateY(0);pointer-events:auto}.fresh-drops .drop-slide.is-active:hover .drop-slide__label,.fresh-drops .drop-slide.is-active:focus-within .drop-slide__label{background-size:100% 100%,auto;color:var(--ui-hover-fg)}.fresh-drops .drops-nav{--ui-bg: var(--color-ink);--ui-fg: #fff;--ui-border: var(--color-ink);--ui-hover-bg: #fff;--ui-hover-fg: var(--color-ink);position:absolute;top:calc(clamp(260px,34vw,520px)/2);transform:translateY(-50%);width:var(--nav-size);height:var(--nav-size);display:inline-flex;align-items:center;justify-content:center;border-radius:0;cursor:pointer;z-index:3}@media(max-width:749px){.fresh-drops .drops-nav{top:calc(min(86vw,420px)/2)}}.fresh-drops .drops-nav:hover:not(:disabled),.fresh-drops .drops-nav:focus-visible:not(:disabled){background-size:100% 100%,auto;transform:translateY(-50%) scale(1.08)}.fresh-drops .drops-nav:disabled,.fresh-drops .drops-nav[aria-disabled=true]{opacity:.32;cursor:not-allowed}.fresh-drops .drops-nav[data-dir=prev]{left:max(var(--nav-gutter),calc(45% - (var(--slide-w) / 2) - (var(--nav-size) / 2) - var(--nav-edge-gap)))}.fresh-drops .drops-nav[data-dir=next]{left:min(calc(100% - var(--nav-gutter) - var(--nav-size)),calc(55% + (var(--slide-w) / 2) - (var(--nav-size) / 2) + var(--nav-edge-gap)))}.fresh-drops .drops-nav svg{width:22px;height:22px}.fresh-drops .drops-nav path{stroke:currentColor;transition:stroke .22s ease}@media(prefers-reduced-motion:reduce){.fresh-drops .drops-nav:hover:not(:disabled),.fresh-drops .drops-nav:focus-visible:not(:disabled){transform:translateY(-50%)}}.fresh-drops .drops-foot{text-align:center;margin-top:clamp(24px,3vw,40px)}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-fresh-drops.css.map */