/* ============================================================
   AEONA — Mobile Responsive Overrides
   Breakpoints:
     ≤1199px → small desktop
     ≤991px  → tablet (hamburger menu)
     ≤767px  → mobile
     ≤575px  → small mobile
============================================================ */

/* overflow-x: clip (not hidden) keeps position: sticky working on the header */
html, body {
  overflow-x: clip;
  max-width: 100%;
}

/* ─── ≤1199px ─────────────────────────────────────────── */
@media (max-width: 1199px) {
  .banner-section .hero-arch { max-width: 240px; height: 540px; }
  .proc-detail .facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* ─── ≤991px ──────────────────────────────────────────── */
@media (max-width: 991px) {
  .section-padding { padding: 72px 0; }
  .heading-area h2 { font-size: 2rem; }

  .banner-section { padding: 40px 0 56px; }
  .banner-section h1 { font-size: 2.25rem; }
  .banner-section .hero-arch { display: none; }

  .stats-section [class*="col-"]:nth-child(3) .stat { border-left: 0; }

  .surgeon-section figure img { height: 440px; }
  .surgeon-section .signature { font-size: 3.5rem; }

  .final-cta-section h2 { font-size: 2.25rem; }

  .inner-banner-section h1 { font-size: 2.5rem; }
  .proc-detail .proc-box { padding: 28px; }
  .proc-detail h2 { font-size: 1.75rem; }

  /* sticky Call · WhatsApp · Book bar replaces the floating button */
  .float-whatsapp { display: none; }
  .mobile-action-bar {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1040;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    padding: 10px 12px 14px;
    background: #FFFAF8;
    border-top: 1px solid #EBDCD8;
    box-shadow: 0 -8px 20px rgba(59, 31, 58, 0.08);
  }
  .mobile-action-bar a {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 50px;
    border-radius: 14px;
    font-weight: 600;
    font-size: .875rem;
  }
  .mobile-action-bar .call { border: 1.5px solid #3B1F3A; color: #3B1F3A; }
  .mobile-action-bar .wa { background: #1F7A4D; color: #fff; }
  .mobile-action-bar .book { background: #F5C518; color: #3B1F3A; font-family: "Montserrat", sans-serif; font-weight: 700; }
  body { padding-bottom: 76px; }
}

/* ─── ≤767px ──────────────────────────────────────────── */
@media (max-width: 767px) {
  .section-padding { padding: 56px 0; }
  .heading-area { margin-bottom: 28px; }
  .heading-area h2 { font-size: 1.75rem; }
  .heading-area p { font-size: 1rem; }

  .banner-section h1 { font-size: 1.875rem; }
  .banner-section .hero-intro { font-size: 1rem; }
  .lead-form { padding: 20px; }

  .strip-section ul { justify-content: flex-start; flex-wrap: nowrap; overflow-x: auto; white-space: nowrap; padding-bottom: 4px; }

  .stats-section { padding: 32px 0; }
  .stats-section .stat strong { font-size: 2rem; }
  .stats-section [class*="col-"] + [class*="col-"] .stat { border-left: 0; }

  .not-sure-bar { padding: 22px; }
  .not-sure-bar .btn { width: 100%; }

  .surgeon-section figure img { height: 360px; }
  .surgeon-section .exp-badge { bottom: 44px; }

  .why-section .wide-photo,
  .journey-section .wide-photo { height: 220px; }
  .why-section .why-card { padding: 24px; }

  .final-cta-section h2 { font-size: 1.875rem; }

  .footer { padding-bottom: 32px; }

  .inner-banner-section h1 { font-size: 2rem; }
  .proc-detail .proc-box { padding: 20px; border-radius: 22px; }
  .proc-detail .steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .proc-detail .cancant { grid-template-columns: 1fr; }

  .thankyou-section .ty-card { padding: 28px 20px; }
  .thankyou-section .next-steps { grid-template-columns: 1fr; }
}

/* ─── ≤575px ──────────────────────────────────────────── */
@media (max-width: 575px) {
  .header .logo img { width: 120px; }
  .banner-section .hero-cta .btn { width: 100%; }
  .pill-tabs .nav-link { padding: 0 16px; }
  .proc-detail .facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}