@media (max-width: 980px) {
  .nav { height: 74px; }

  .brand img {
    width: 104px;
  }

  .menu-toggle { display: block; }

  .nav-links {
    position: fixed;
    inset: 74px 16px auto;
    display: grid;
    gap: 6px;
    padding: 18px;
    border: 1px solid rgba(32, 32, 32, 0.08);
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 0 24px 70px rgba(32, 32, 32, 0.14);
    backdrop-filter: blur(22px);
    transform: translateY(-18px);
    opacity: 0;
    visibility: hidden;
    transition: opacity 240ms var(--ease), transform 240ms var(--ease), visibility 240ms var(--ease);
  }

  .menu-open .nav-links {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
  }

  .nav-links a,
  .nav-links .btn {
    width: 100%;
    justify-content: flex-start;
  }

  .grid-4,
  .flavor-grid,
  .stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .split,
  .form-layout,
  .footer-grid {
    grid-template-columns: 1fr;
  }

  .info-panel { position: static; }

  .bottle-stage {
    height: 380px;
  }

  .bottle-left { transform: translate(-145%, -52%) rotate(-8deg); }
  .bottle-right { transform: translate(45%, -52%) rotate(8deg); }
  .bottle-low-left { transform: translate(-115%, 20%) rotate(5deg); }
  .bottle-low-right { transform: translate(18%, 22%) rotate(-5deg); }
}

@media (max-width: 680px) {
  .container,
  .nav {
    width: min(100% - 28px, 1180px);
  }

  .section {
    padding: 72px 0;
  }

  .hero {
    min-height: auto;
    padding: 82px 0 38px;
  }

  .hero-logo {
    width: min(170px, 60vw);
    border-radius: 18px;
    margin-bottom: 16px;
  }

  .hero h1 {
    font-size: clamp(2.05rem, 9.3vw, 2.9rem);
  }

  .lead {
    font-size: 1rem;
    line-height: 1.52;
  }

  .hero-actions {
    margin-top: 22px;
  }

  .hero-actions,
  .center-actions,
  .faq-tools,
  .newsletter {
    flex-direction: column;
  }

  .btn,
  .faq-tools .btn {
    width: 100%;
    min-height: 50px;
  }

  .bottle-stage {
    height: 220px;
    margin-top: 18px;
  }

  .bottle {
    width: 72px;
  }

  .bottle-main {
    width: 96px;
  }

  .bottle-left { transform: translate(-120%, -68%) rotate(-8deg); }
  .bottle-right { transform: translate(22%, -68%) rotate(8deg); }
  .bottle-low-left { transform: translate(-104%, 20%) rotate(5deg); }
  .bottle-low-right { transform: translate(4%, 24%) rotate(-5deg); }

  .grid-4,
  .flavor-grid,
  .stats,
  .why-grid,
  .form-grid {
    grid-template-columns: 1fr;
  }

  .feature-card,
  .why-card,
  .stat {
    min-height: auto;
  }

  .flavor-card {
    min-height: 420px;
    padding: 24px;
  }

  .flavor-card img {
    height: 230px;
  }

  .page-hero {
    padding: 118px 0 62px;
  }

  .form-shell,
  .info-panel {
    padding: 22px;
  }

  .footer-bottom {
    display: grid;
  }

  .footer-logo {
    width: 150px;
  }
}