.shop-hero.shop-hero-feature{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:32px;width:min(100%,1440px);padding-block:36px}.shop-hero-feature .shop-hero-copy{min-width:0;display:block}.shop-hero-feature h1{font-size:clamp(36px,3.8vw,55px)}.shop-hero-feature .shop-hero-visual{border:1px solid var(--border-subtle);background:var(--bg-main);border-radius:18px;grid-area:auto;min-width:0;height:auto}.shop-banner-track{scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;width:100%;display:flex;overflow:auto hidden}.shop-banner-track::-webkit-scrollbar{display:none}.shop-banner-track:focus-visible{outline-offset:-2px}.shop-hero-feature .shop-banner-image-link{scroll-snap-align:start;scroll-snap-stop:always;flex:0 0 100%;min-width:0;display:block}.shop-banner-media{position:relative}.shop-banner-panels{display:grid}.shop-banner-panels>.shop-hero-campaign{grid-area:1/1}.shop-banner-panels>[aria-hidden=true]{visibility:hidden;pointer-events:none}.shop-banner-arrows{pointer-events:none;justify-content:space-between;display:flex;position:absolute;inset:50% 12px auto;transform:translateY(-50%)}.shop-banner-arrows>button{width:44px;height:44px;color:var(--text-main);pointer-events:auto;background:0 0;border:0;justify-content:center;align-items:center;display:flex;position:relative}.shop-banner-arrows>button:before{content:"";background:color-mix(in srgb, var(--card-bg) 85%, transparent);border-radius:50%;position:absolute;inset:6px}.shop-banner-arrows>button>svg{width:18px;height:18px;position:relative}.shop-banner-arrows>button:hover:before{background:var(--card-bg)}.shop-hero-feature .shop-banner-image-link>img{aspect-ratio:16/10;object-fit:contain;width:100%;height:auto;display:block}.shop-hero-feature .shop-hero-campaign{border-top:1px solid var(--border-subtle);background:var(--card-bg);color:var(--text-main);border-radius:0;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;margin:0;padding:16px 20px;display:grid;position:static}.shop-hero-feature .shop-banner-copy{overflow-wrap:anywhere;min-width:0}.shop-hero-feature .shop-hero-campaign strong{font-size:17px;line-height:1.4}.shop-hero-feature .shop-banner-copy>p{color:var(--text-muted);margin-top:6px;font-size:12px;line-height:1.7}.shop-hero-feature .shop-banner-badge{color:#36592a;background:#e4f8d9;border-radius:5px;margin-bottom:7px;padding:3px 7px;font-size:9px;font-weight:650;display:inline-block}.shop-hero-feature .shop-hero-campaign>.shop-banner-cta{border:1px solid var(--border-subtle);min-width:0;max-width:220px;min-height:42px;color:var(--text-main);background:var(--bg-main);border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:10px 13px;font-size:11px;font-weight:600;line-height:1.4;display:inline-flex}.shop-hero-feature .shop-banner-cta:hover{border-color:#62c23c}.shop-hero-feature .shop-banner-cta>svg{flex-shrink:0;position:static;transform:none}.shop-banner-counter{color:var(--text-muted);font-variant-numeric:tabular-nums;pointer-events:none;justify-content:center;align-items:center;gap:7px;padding:6px 12px;font-size:11px;display:flex}@media (max-width:1023px){.shop-hero.shop-hero-feature{gap:24px}.shop-hero-feature h1{font-size:36px}.shop-hero-feature .shop-hero-actions{flex-wrap:wrap;gap:14px}.shop-hero-feature .shop-hero-note{flex-wrap:wrap;gap:12px}}@media (max-width:767px){.shop-banner-arrows{display:none}.shop-hero.shop-hero-feature{grid-template-columns:minmax(0,1fr);gap:24px;padding-block:26px}.shop-hero-feature h1{margin-block:16px;font-size:clamp(34px,9vw,46px)}.shop-hero-feature .shop-hero-copy>.shop-eyebrow{font-size:9px}.shop-hero-feature .shop-hero-intro{font-size:12px;line-height:1.8}.shop-hero-feature .shop-hero-actions{gap:18px;margin-top:20px}.shop-hero-feature .shop-hero-note{display:none}.shop-hero-feature .shop-hero-visual{border-radius:15px}.shop-hero-feature .shop-banner-image-link>img{aspect-ratio:16/11}.shop-hero-feature .shop-hero-campaign{grid-template-columns:minmax(0,1fr);gap:12px;padding:16px}.shop-hero-feature .shop-hero-campaign strong{font-size:16px}.shop-hero-feature .shop-hero-campaign>.shop-banner-cta{justify-self:start;max-width:100%}}
