/* ============================================================
   AmberNord — mobile.css  |  Breakpoints: 1024 · 768 · 480
   ============================================================ */

/* ─── 1024px ─── */
@media(max-width:1024px){
  .nav-link-ext{display:none}
  .nav-cta{display:none}
  .hamburger{display:flex}

  .hero-inner{
    grid-template-columns:1fr;
    text-align:center;
  }
  .hero-text{align-items:center}
  .hero-sub{max-width:480px;margin-left:auto;margin-right:auto}
  .price-hero{align-self:center}
  .hero-actions{justify-content:center}
  .hero-visual{order:-1}
  .bottle-stage{max-width:360px;margin:0 auto}
  .bottle-pill.p1{right:-4%}
  .bottle-pill.p2{left:-4%}

  .hero-glow.g1{width:60vw;height:60vw;right:-10%;top:10%}

  .stats-inner{
    grid-template-columns:1fr 1fr;
    gap:0;
  }
  .stat-sep:nth-child(4){display:none}
  .stat:nth-child(5),.stat:nth-child(7){
    border-top:1px solid rgba(255,255,255,.08);
  }

  .cards-grid{grid-template-columns:1fr;max-width:420px;margin-left:auto;margin-right:auto}

  .origin-inner{
    grid-template-columns:1fr;
    gap:40px;
  }
  .origin-text{order:2}
  .origin-video{order:1}

  .final-inner{grid-template-columns:1fr}
  .final-bottle{display:none}

  .footer-inner{
    grid-template-columns:1fr 1fr;
    gap:32px;
  }
  .footer-brand{grid-column:1/-1}
}

/* ─── 768px ─── */
@media(max-width:768px){
  :root{--pad:20px;--nav-h:60px}

  .hero{padding:calc(var(--nav-h) + 20px) var(--pad) 60px;min-height:100svh}
  .hero-h1{font-size:clamp(2rem,8vw,3rem)}
  .hero-actions{flex-direction:column;width:100%}
  .hero-actions a{width:100%;justify-content:center}
  .bottle-stage{max-width:280px}
  .bottle-pill.p2{left:0}
  .bottle-pill.p3{right:0}

  .stats-inner{
    grid-template-columns:1fr 1fr;
  }
  .stat{padding:20px 16px}
  .stat-num{font-size:clamp(2rem,8vw,3rem)}

  .products{padding:60px var(--pad)}
  .origin{padding:60px var(--pad)}
  .final-cta{padding:60px var(--pad)}

  .yt-facade{border-radius:16px}

  .footer-inner{grid-template-columns:1fr;gap:24px}
  .footer-brand{grid-column:auto}
}

/* ─── 480px ─── */
@media(max-width:480px){
  :root{--pad:16px;--nav-h:56px}

  .hero-h1{font-size:clamp(1.75rem,9vw,2.5rem)}
  .bottle-stage{max-width:240px}
  .bottle-pill{padding:8px 10px}
  .pill-big{font-size:1.125rem}

  .stats-inner{grid-template-columns:1fr 1fr}
  .stat-sep{display:none}
  .stat{border-bottom:1px solid rgba(255,255,255,.06);padding:20px 12px}
  .stat:nth-child(odd){border-right:1px solid rgba(255,255,255,.06)}

  .card{padding:24px 20px}
  .card-daily-num{font-size:clamp(1.75rem,7vw,2.25rem)}

  .payment-logos img{height:18px}

  .final-h2{font-size:clamp(2.25rem,10vw,3.5rem)}
  .final-actions{flex-direction:column}
  .final-actions a{width:100%;justify-content:center}

  .lang-switcher{display:none}
}

/* ─── Touch ─── */
@media(hover:none){
  .card:hover{transform:none}
  .card:active{transform:translateY(-4px)}
  .bottle-img{animation-duration:0s}
  .gallery-strip{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}
}

/* ─── Print ─── */
@media print{
  .nav,.scroll-cue,.hero-glow,.final-glow,
  .yt-facade,.payment-row{display:none!important}
  body{background:#fff;color:#000}
}