/* Homepage hero only: no changes to catalog, footer or product artwork. */
[data-page="home"].home-structured #home-offer{padding-top:0;background:#fff}
[data-page="home"].home-structured #home-offer .hero-left,[data-page="home"].home-structured #home-offer .hero-right{display:grid;grid-template-rows:auto minmax(0,1fr) 54px;gap:18px;align-content:stretch;bottom:24px}
[data-page="home"].home-structured #home-offer .hero-title{font-size:clamp(32px,3.1vw,46px);font-weight:700;line-height:1.12;letter-spacing:-.02em;margin:0;max-width:100%}
[data-page="home"].home-structured #home-offer .hero-left .hero-title{text-shadow:0 2px 10px #0009}
[data-page="home"].home-structured #home-offer .hero .hero-action{position:relative;isolation:isolate;grid-row:3;align-self:end;justify-self:start;display:inline-flex;justify-content:center;align-items:center;gap:11px;width:300px;max-width:100%;min-width:0;min-height:54px;height:54px;padding:9px 15px;border:1px solid #ffffff65;border-bottom-color:#342187;border-radius:12px;background:#5844c4;color:#fff;box-shadow:0 3px 0 #37238c,0 8px 18px #26175e26;font-size:16px;font-weight:700;line-height:1.25;text-align:center;text-decoration:none;text-shadow:none;overflow:hidden;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:#7764dc44;transition:background-color .18s ease,box-shadow .18s ease,border-color .18s ease}
#home-offer .hero-action::after{content:"";position:absolute;inset:-35% auto -35% -65%;width:42%;background:linear-gradient(100deg,transparent,#ffffff30,transparent);transform:skewX(-18deg);pointer-events:none;z-index:-1}
#home-offer .hero-action-icon{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border:1px solid #ffffff30;border-radius:8px;background:#ffffff14;transition:transform .18s ease;pointer-events:none}
#home-offer .hero-action-icon svg{display:block;width:20px;height:20px;pointer-events:none}
#home-offer .hero-action-label{pointer-events:none}
@media(hover:hover) and (pointer:fine){
 [data-page="home"].home-structured #home-offer .hero .hero-action:hover{background:#4933b3;border-color:#cfc4ff;box-shadow:0 3px 0 #302078,0 9px 23px #38206c45;text-decoration:none}
 #home-offer .hero-action:hover::after{animation:hero-action-light .65s ease-out both}
 #home-offer .hero-action:hover .hero-action-icon{animation:hero-action-icon .42s ease-out both}
}
[data-page="home"].home-structured #home-offer .hero .hero-action:focus-visible{outline:3px solid #9e87ff;outline-offset:4px;box-shadow:0 0 0 2px #fff,0 3px 0 #37238c,0 8px 18px #26175e26}
[data-page="home"].home-structured #home-offer .hero .hero-action:active{background:#38248c;border-color:#cabfff;box-shadow:0 1px 0 #281965,inset 0 3px 7px #1c0e6a55;transition-duration:0s}
#home-offer .hero-action:active .hero-action-icon{transform:scale(.9);animation:none}
#home-offer .hero-action:focus-visible::after{animation:hero-action-light .65s ease-out both}
#home-offer .hero-action:focus-visible .hero-action-icon{animation:hero-action-icon .42s ease-out both}
@keyframes hero-action-light{to{left:135%}}
@keyframes hero-action-icon{50%{transform:scale(1.12) rotate(-5deg)}to{transform:scale(1) rotate(0)}}
@media(max-width:1020px){[data-page="home"].home-structured #home-offer .hero-title{font-size:34px}}
@media(min-width:641px) and (max-width:760px){[data-page="home"].home-structured #home-offer .hero .hero-action{font-size:14px;gap:8px;padding:9px 10px}}
@media(max-width:640px){
 [data-page="home"].home-structured #home-offer .hero-title{font-size:30px}
 [data-page="home"].home-structured #home-offer .hero-left,[data-page="home"].home-structured #home-offer .hero-right{bottom:auto;min-height:calc(78.6vw + 90px);grid-template-rows:auto minmax(140px,1fr) 54px;gap:18px;padding-bottom:18px}
 [data-page="home"].home-structured #home-offer .hero .hero-action{font-size:15px;width:300px}
}
@media(prefers-reduced-motion:reduce){
 [data-page="home"].home-structured #home-offer .hero .hero-action,#home-offer .hero-action-icon{transition:none}
 #home-offer .hero-action::after{display:none}
 #home-offer .hero-action:hover .hero-action-icon,#home-offer .hero-action:focus-visible .hero-action-icon{animation:none}
}

/* Keep the readable CTA role on one line after typography integration. */
#home-offer .hero-action-label{white-space:nowrap}