/* Homepage polish; checkout, pricing, account and product controls stay untouched. */
body #top > section:is(#hero,.studio-copy.hero):not(.category-hero){width:calc(100% - 48px);margin:16px auto 0;border-radius:28px}
body #top > section:is(#hero,.studio-copy.hero):not(.category-hero) .hero-carousel{height:clamp(550px,calc(100svh - var(--hero-top,180px) - 20px),760px);border-radius:28px}
body #top > section:is(#hero,.studio-copy.hero) .hero-offer{width:57%;padding:42px 0 112px clamp(28px,4vw,70px)}
body #top > section:is(#hero,.studio-copy.hero) .hero-offer h2{font-size:clamp(48px,5.3vw,88px);line-height:1.03;letter-spacing:-.05em}
body #top > section:is(#hero,.studio-copy.hero) .hero-offer .offer-detail{font-size:clamp(16px,1.3vw,19px);max-width:33ch;line-height:1.5}
body #top > section:is(#hero,.studio-copy.hero) .hero-offer .offer-action{border-radius:14px;min-height:54px}
body #top > section:is(#hero,.studio-copy.hero) .offer-proof,
body #top > section:is(#hero,.studio-copy.hero) .offer-number,
body #top > section:is(#hero,.studio-copy.hero) #heroCarouselCount,
body .product-art-image .product-visual-caption{display:none}
body #top > section:is(#hero,.studio-copy.hero) .hero-carousel-bar{inset:auto auto 24px clamp(28px,4vw,70px);padding:0;background:none;border:0;gap:24px}
body #top > section:is(#hero,.studio-copy.hero) .hero-offer-tabs{gap:8px;align-items:center}
body #top > section:is(#hero,.studio-copy.hero) .hero-offer-tab{width:28px;min-width:28px;min-height:44px;padding:0;border:0;font-size:0;flex:none}
body #top > section:is(#hero,.studio-copy.hero) .hero-offer-tab::after{content:"";display:block;height:5px;border-radius:6px;background:#17171730;transition:background .2s}
body #top > section:is(#hero,.studio-copy.hero) .hero-offer-tab[aria-pressed=true]::after{background:#f20813}
body #top > section:is(#hero,.studio-copy.hero) .hero-carousel-controls button{width:44px;height:44px;background:#fff9;border-color:#17171720;backdrop-filter:blur(8px)}
body #top > section:is(#hero,.studio-copy.hero) #heroCarouselPause{min-width:44px;width:44px;font-size:17px;border-radius:50%}
body #top > section:is(#hero,.studio-copy.hero) .hero-carousel-controls button:hover{background:#fff}
body #catalog > #online-copycenter-banner{display:flex!important;justify-content:space-between;gap:24px!important;align-items:center!important;padding:26px 30px!important;margin:0 0 28px!important;border-radius:20px!important;background:#fff!important;border:1px solid #e7ddd0;border-left:5px solid #f20813;color:#171717!important;text-decoration:none}
body #catalog > #online-copycenter-banner::before,body #catalog > #online-copycenter-banner::after{content:none;display:none}
body #catalog > #online-copycenter-banner .copycenter-banner-copy{display:grid;color:#171717;max-width:none}
body #catalog > #online-copycenter-banner .copycenter-banner-copy strong{font-size:24px;color:#171717}
body #catalog > #online-copycenter-banner .copycenter-banner-copy>span{color:#625c55;font-size:15px}
body #catalog > #online-copycenter-banner .copycenter-banner-action{color:#fff;font-size:14px}
body #catalog > #online-copycenter-banner[hidden]{display:none!important}
.copycenter-banner-copy{display:grid;gap:6px}
.copycenter-banner-copy strong{font-size:24px;letter-spacing:-.025em}
.copycenter-banner-copy>span{font-size:15px;line-height:1.45;color:#625c55}
.copycenter-banner-action{padding:14px 20px;background:#f20813;color:#fff;border-radius:12px;font-size:14px;font-weight:750;white-space:nowrap}
body #catalog > #online-copycenter-banner:hover{border-color:#f20813;box-shadow:0 6px 22px #3022140a}
body #catalog > #online-copycenter-banner:focus-visible{outline:3px solid #171717;outline-offset:4px}
@media(max-width:760px){
 body #top > section:is(#hero,.studio-copy.hero):not(.category-hero){width:calc(100% - 24px);margin-top:10px;border-radius:20px}
 body #top > section:is(#hero,.studio-copy.hero):not(.category-hero) .hero-carousel{height:700px;border-radius:20px}
 body #top > section:is(#hero,.studio-copy.hero) .hero-offer{width:100%;padding:26px 22px 0}
 body #top > section:is(#hero,.studio-copy.hero) .hero-offer h2{font-size:clamp(42px,10.5vw,64px);line-height:1.03;margin-bottom:14px}
 body #top > section:is(#hero,.studio-copy.hero) .hero-offer .offer-detail{font-size:14px;max-width:34ch;margin-bottom:18px}
 body #top > section:is(#hero,.studio-copy.hero) .hero-carousel-slide img{bottom:0;height:53%;object-position:50% 55%}
 body #top > section:is(#hero,.studio-copy.hero) .hero-carousel-bar{left:22px;right:22px;bottom:16px;justify-content:space-between;gap:16px}
 body #top > section:is(#hero,.studio-copy.hero) .hero-offer-tabs{flex:none;gap:6px}
 body #top > section:is(#hero,.studio-copy.hero) .hero-offer-tab{width:22px;min-width:22px}
 body #catalog > #online-copycenter-banner{padding:20px!important;gap:16px!important;align-items:flex-start!important;flex-direction:column;border-radius:16px!important;margin-bottom:22px!important}
 body #catalog > #online-copycenter-banner .copycenter-banner-copy strong{font-size:21px}
 .copycenter-banner-copy strong{font-size:21px}
 .copycenter-banner-action{font-size:13px}
}
@media(prefers-reduced-motion:reduce){body .hero-offer-tab::after{transition:none}}