/* ==========================================================================
   Audinex — Responsive
   ========================================================================== */

@media (max-width: 1199.98px) {
  .feature-tile.large { grid-column: span 6; }
  .feature-tile.soon { grid-column: span 6; }
  .preview-float { display: none; }
}

@media (max-width: 991.98px) {
  :root {
    --section-padding-y: 80px;
  }

  .navbar-brand img,
  .navbar-brand .logo-dark {
    width: 140px;
    max-width: 150px;
    height: auto;
  }

  .announcement-strip .announce-full { display: none; }
  .announcement-strip .announce-short { display: inline; }

  .navbar-actions .btn-login { display: none; }

  .hero-title { max-width: none; }
  .hero-dark { padding-bottom: 3.25rem; }
  .product-preview { margin-top: 2rem; }

  .hero-showcase {
    min-height: 360px;
    max-width: 480px;
  }

  .macbook {
    transform:
      translate3d(var(--parallax-x, 0px), var(--parallax-y, 0px), 0)
      rotateY(-8deg) rotateX(6deg);
  }
  .iphone-float { width: 112px; right: 4%; }
  .gw-3 { left: 0; }
  .pricing-card.is-recommended,
  .pricing-preview-card.is-recommended { transform: none; }
  .pricing-card.is-recommended:hover,
  .pricing-preview-card.is-recommended:hover { transform: translateY(-4px); }
  .mobile-app-visual { width: min(520px, 100%); }

  .feature-asymmetric {
    grid-template-columns: 1fr 1fr;
  }

  .feature-tile.large,
  .feature-tile.wide,
  .feature-tile.soon {
    grid-column: span 1;
  }

  .pillar-split,
  .growth-layout {
    grid-template-columns: 1fr;
  }

  .growth-grid { grid-template-columns: 1fr 1fr; }
  .reassurance-row { grid-template-columns: 1fr 1fr; }

}

@media (max-width: 767.98px) {
  :root {
    --section-padding-y: 60px;
  }

  .feature-asymmetric { grid-template-columns: 1fr; }
  .feature-tile.large,
  .feature-tile.wide,
  .feature-tile.soon { grid-column: auto; }

  .pillar-list { grid-template-columns: 1fr; }
  .growth-grid { grid-template-columns: 1fr; }
  .therapy-checks { grid-template-columns: 1fr; }

  .preview-body { grid-template-columns: 48px 1fr; min-height: 240px; }
  .preview-stats { grid-template-columns: 1fr 1fr 1fr; gap: 0.4rem; }

  .hero-ctas .btn { width: 100%; }
  .hero-trust { flex-direction: column; gap: 0.45rem; }

  .hero-showcase { min-height: 300px; }
  .macbook {
    width: 92%;
    transform: translate3d(var(--parallax-x, 0px), var(--parallax-y, 0px), 0);
  }
  .iphone-float { width: 96px; bottom: 2%; right: 2%; }
  .glass-widget { min-width: 96px; padding: 0.5rem 0.6rem; }
  .glass-widget strong { font-size: 0.95rem; }
  .gw-1 { top: 2%; left: 0; }
  .gw-2 { top: 0; right: 0; }
  .gw-3 { display: none; }
  .gw-4 { bottom: 4%; right: 34%; }

  .pricing-card .plan-name,
  .pricing-preview-card .plan-name {
    padding-right: 0;
    padding-top: 1.35rem;
  }

  .plan-badge {
    left: 1rem;
    right: auto;
  }

  .cookie-banner {
    left: 0.75rem;
    right: 0.75rem;
    bottom: 0.75rem;
    width: auto;
    border-radius: 16px 16px 14px 14px;
  }

  .demo-modal-dialog {
    max-width: calc(100vw - 1rem);
    margin: 0.5rem auto;
  }

  .demo-modal-content {
    border-radius: 14px;
    max-height: calc(100dvh - 16px);
  }

  .demo-modal-content .modal-header,
  .demo-modal-content .modal-body,
  .demo-modal-footer {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .demo-modal-footer {
    flex-direction: column;
    align-items: stretch;
  }

  .demo-modal-footer .btn { width: 100%; }

  .footer-bottom {
    flex-direction: column;
    text-align: center;
  }

  .footer-legal { justify-content: center; }

  .preview-tabs { flex-direction: column; align-items: stretch; }
  .preview-tab { width: 100%; text-align: center; }
}

@media (max-width: 575.98px) {
  .reassurance-row { grid-template-columns: 1fr; }

  .navbar-brand .brand-word { font-size: 1.05rem; }
  .navbar-brand img,
  .navbar-brand .logo-dark {
    width: 128px;
    max-width: 135px;
    height: auto;
  }
  .hero-showcase { min-height: 260px; }
  .gw-3, .gw-4 { display: none; }
  .mobile-app-visual { width: 100%; max-width: 100%; }

  .hero-title { font-size: clamp(2.2rem, 10vw, 2.8rem); }

  .preview-stats { grid-template-columns: 1fr; }
  .preview-body { min-height: 220px; }
}

@media (max-width: 374.98px) {
  .announcement-strip { font-size: 0.68rem; padding: 0.35rem 0; }
  .btn-sm { font-size: 0.8rem; padding: 0.45rem 0.7rem; }
}

@media (min-width: 992px) {
  .navbar-audinex .navbar-nav { gap: 0.05rem; }
}

@media (min-width: 1400px) {
  .container { max-width: 1160px; }
}

@media (pointer: coarse) {
  .navbar-audinex .nav-link,
  .footer-links a,
  .card-link {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
  }
}

@media print {
  .site-header,
  .announcement-strip,
  .cookie-banner,
  .cta-section,
  .skip-link { display: none !important; }
}