/* Mobile flow reset: neutralizes legacy inline coordinate layout below 768px. */
@media (max-width: 768px) {
  html, body { width: 100%; max-width: 100%; overflow-x: hidden; }

  .site-header { position: static !important; top: auto !important; margin: 0 !important; height: auto !important; min-height: 0 !important; padding: 10px 16px !important; gap: 10px !important; flex-wrap: nowrap !important; overflow: visible !important; transform: none !important; }
  .site-header .header-logo { width: 185px !important; max-width: 100% !important; height: auto !important; flex: 0 1 auto !important; }
  .site-header .main-nav { display: none !important; }
  .site-header .header-line, .site-header .header-phone { display: none !important; }
  .site-header .menu-button { display: grid !important; width: 42px !important; height: 42px !important; margin-left: auto !important; flex: 0 0 42px !important; }
  #cases.new-case-section,
  #information.information-hub,
  #symptoms.symptoms-section {
    position: static !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 0 24px !important;
    transform: none !important;
  }

  .stage,
  .stage > .hero-kicker,
  .stage > .hero-title,
  .stage > .hero-sub,
  .stage > .hero-ctas-strip,
  .stage > .fact-photo-only,
  .stage > .fact-area-only,
  .stage > .contact-heading,
  .stage > .contact-divider,
  .stage > .contact-lead,
  .stage > .cards-strip,
  .belief-section,
  .belief-card1,
  .belief-card2,
  .belief-card3,
  .belief-lead,
  .symptoms-section,
  .new-case-section,
  .information-hub,
  .new-case-card,
  .information-hub__card {
    position: static !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 0 24px !important;
    transform: none !important;
    box-sizing: border-box !important;
  }

  .stage {
    display: block !important;
    padding: 24px 16px 40px !important;
    overflow: visible !important;
    clip-path: none !important;
  }

  .stage > .layer,
  .stage > .handwritten {
    display: none !important;
  }

  .stage > .hero-kicker,
  .stage > .hero-title,
  .stage > .hero-sub,
  .stage > .hero-ctas-strip,
  .stage > .fact-photo-only,
  .stage > .fact-area-only,
  .stage > .contact-heading,
  .stage > .contact-divider,
  .stage > .contact-lead,
  .stage > .cards-strip {
    display: block !important;
    padding: 0 !important;
  }

  .stage > .hero-ctas-strip,
  .stage > .cards-strip {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }

  .stage > img,
  .stage > .contact-lead img,
  .stage > .hero-ctas-strip img,
  .stage > .fact-photo-only,
  .stage > .fact-area-only {
    display: block !important;
    max-width: 100% !important;
    height: auto !important;
  }

  .stage > .contact-lead img { position: static !important; top: auto !important; left: auto !important; right: auto !important; transform: none !important; }
  .stage > .fact-photo-only,
  .stage > .fact-area-only { width: 100% !important; max-width: 360px !important; height: 128px !important; object-fit: contain !important; margin-left: auto !important; margin-right: auto !important; }
  .new-case-counter { position: static !important; inset: auto !important; transform: none !important; display: inline-block !important; }
  .revised-contact-illustration { margin-top: 0 !important; }

  .belief-section,
  .symptoms-section,
  .new-case-section,
  .information-hub {
    display: block !important;
    padding: 40px 16px !important;
    overflow: visible !important;
  }

  .belief-card1,
  .belief-card2,
  .belief-card3,
  .belief-lead { padding: 0 16px !important; }

  .symptoms-section .symptoms-heading,
  .symptoms-section .symptoms-grid,
  .new-case-inner,
  .information-hub__inner {
    position: static !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 auto 20px !important;
    transform: none !important;
  }

  .symptoms-section .symptoms-grid,
  .new-case-grid { display: grid !important; grid-template-columns: 1fr !important; gap: 18px !important; }
  .symptom-card,
  .new-case-card,
  #cases .new-case-card { position: static !important; top: auto !important; left: auto !important; width: 100% !important; height: auto !important; min-height: 0 !important; margin: 0 !important; transform: none !important; }
  .symptom-card .symptom-photo,
  .new-case-photo { height: auto !important; aspect-ratio: 16 / 9 !important; }
  .information-hub__tabs { position: static !important; width: 100% !important; margin: 0 0 16px !important; transform: none !important; }
  .information-hub__card { padding: 24px !important; }
  .information-hub__heading { display: block !important; }
}