.compv2-hero{position:relative;overflow:hidden;min-height:var(--cv2h-height);padding:clamp(20px,3vw,42px);border-radius:24px;background-color:var(--cv2h-bg);background-position:center;background-size:cover;color:var(--cv2h-text)}
.compv2-hero *{box-sizing:border-box}
.compv2-hero-heading{position:relative;z-index:3;margin:0 0 22px}
.compv2-hero-heading h2{margin:0;color:var(--cv2h-heading)}
.compv2-hero-heading p{margin:7px 0 0;color:var(--cv2h-text)}
.compv2-hero-track{display:flex;gap:22px;transition:transform var(--cv2h-speed) ease}
.compv2-hero-slide{position:relative;flex:0 0:min(76%,920px);min-height:calc(var(--cv2h-height) - 84px);border:1px solid var(--cv2h-accent);border-radius:22px;background:linear-gradient(90deg,rgba(0,0,0,.82),rgba(0,0,0,.16)),var(--cv2h-image) center/cover;box-shadow:0 16px 38px rgba(0,0,0,.22);overflow:hidden;opacity:.58;transform:scale(.94);transition:opacity var(--cv2h-speed),transform var(--cv2h-speed),box-shadow var(--cv2h-speed)}
.compv2-hero-slide.is-active{opacity:1;transform:scale(1);box-shadow:0 0 calc(var(--cv2h-glow,24px) + 10px) color-mix(in srgb,var(--cv2h-accent) var(--cv2h-glow-mix,34%),transparent),0 20px 48px rgba(0,0,0,.28)}
.compv2-hero-copy{position:absolute;left:clamp(22px,5vw,70px);bottom:clamp(24px,6vw,72px);max-width:620px}
.compv2-hero-copy>span{color:var(--cv2h-accent);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.1em}
.compv2-hero-copy h3{margin:8px 0 12px;color:#fff;font-size:clamp(32px,5vw,68px);line-height:1;text-shadow:0 3px 14px rgba(0,0,0,.96),0 1px 4px rgba(0,0,0,.92)}
.compv2-hero-price{margin-bottom:20px;color:var(--cv2h-price);font-size:22px;font-weight:900}
.compv2-hero-copy a{display:inline-flex;padding:13px 23px;border-radius:999px;background:var(--cv2h-accent);color:#fff;font-weight:900;text-decoration:none}
.compv2-hero-copy a:hover{background:var(--cv2h-accent-hover)}
.compv2-hero-nav{position:absolute;right:26px;bottom:26px;z-index:5;display:flex;gap:8px}
.compv2-hero-nav button{width:46px;height:46px;border:1px solid rgba(255,255,255,.2);border-radius:50%;background:var(--cv2h-nav);color:#fff;cursor:pointer}
.compv2-hero.is-slider .compv2-hero-slide{flex-basis:100%;min-height:var(--cv2h-height);border:1px solid var(--cv2h-accent);border-radius:0}
.compv2-hero.is-slider{padding:0}
.compv2-hero.is-slider .compv2-hero-heading{position:absolute;top:28px;left:38px}
.compv2-hero.is-showcase .compv2-hero-track{display:grid;grid-template-columns:1.55fr 1fr;grid-template-rows:1fr 1fr}
.compv2-hero.is-showcase .compv2-hero-slide{min-height:240px;opacity:1;transform:none;flex:auto}
.compv2-hero.is-showcase .compv2-hero-slide:first-child{grid-row:1/3;min-height:var(--cv2h-height)}
.compv2-hero.is-showcase .compv2-hero-slide:nth-child(n+4){display:none}
.compv2-hero.is-showcase .compv2-hero-copy h3{font-size:clamp(24px,3vw,48px)}@media(max-width:720px){.compv2-hero{min-height:var(--cv2h-mobile-height);padding:16px}
.compv2-hero-slide{flex-basis:92%;min-height:var(--cv2h-mobile-height)}
.compv2-hero.is-showcase .compv2-hero-track{display:flex}
.compv2-hero.is-showcase .compv2-hero-slide{display:block!important;flex:0 0 92%;min-height:var(--cv2h-mobile-height)}
.compv2-hero-copy{left:22px;right:22px;bottom:28px}
.compv2-hero-nav{right:18px;bottom:18px}}
.compv2-hero.is-showcase .compv2-hero-slide:first-child{grid-row:auto;min-height:240px}
.compv2-hero.is-showcase .compv2-hero-slide.is-showcase-primary{grid-row:1/3;min-height:var(--cv2h-height)}@media(max-width:720px){.compv2-hero.is-showcase .compv2-hero-slide:first-child,.compv2-hero.is-showcase .compv2-hero-slide.is-showcase-primary{grid-row:auto;min-height:var(--cv2h-mobile-height)}}
