/* Main test variant: photo first, then a separate readable offer. */
#header, #header.scrolled { background:#0d0906; }
#header .nav { min-height:76px; padding:10px 0; }
#header .logo img { height:52px; }
.hero.hero-dark { display:block; min-height:0; margin:0; padding:0 0 48px; border-radius:0; }
.hero-dark .hero-inner { display:flex; flex-direction:column; align-items:center; }
.hero-dark .hero-product { width:100%; max-width:850px; margin:0 auto 26px; }
.hero-dark .hero-product img { display:block; width:100%; height:auto; object-fit:contain; border-radius:20px; }
.hero-dark .hero-intro, .hero-dark .hero-actions { width:100%; max-width:720px; text-align:center; }
.hero-dark .hero-eyebrow { margin-bottom:14px; }
.hero-dark .hero-h1 { font-size:clamp(30px,4vw,48px); }
.hero-dark .hero-sub { margin:16px auto 24px; max-width:550px; }
.hero-dark .hero-bullets { display:flex; flex-wrap:wrap; justify-content:center; gap:12px 24px; margin-bottom:24px; }
.hero-dark .hero-main-cta { background:#ed7934; color:#17120d; box-shadow:none; border-radius:14px; width:100%; max-width:450px; white-space:normal; }
@media(min-width:769px) { .hero-dark .hero-product { max-width:540px; } .hero-dark .hero-h1 br:first-of-type {display:none;} }
@media(max-width:768px) {
 .hero-dark .hero-product { width:calc(100% + 40px); margin:0 -20px 22px; }
 .hero-dark .hero-product img { border-radius:0; }
 .hero-dark .hero-intro,.hero-dark .hero-actions { text-align:left; }
 .hero-dark .hero-bullets { display:grid; justify-content:start; gap:9px; }
 .hero-dark .hero-eyebrow { font-size:9px; }
 .hero-dark .hero-main-cta { font-size:15px; padding:17px 10px; }
}
@media(min-width:769px) and (max-width:1099px) { #header .nav-phone {display:none;} }