/* v0.2.2: mobile-width integrity, safe compact menus and lead-physician photo. */
html {width:100%; max-width:100%; overflow-x:clip;}
body {width:100%; max-width:100%; min-width:0; overflow-x:clip;}
.v2-home, .v2-interior, .v2-site-header, .v2-site-footer, .v2-home section {min-width:0; max-width:100%;}
.v2-site-header .header-inner, .v2-promos, .v2-topic-grid, .v2-doctor-grid, .v2-more-grid, .v2-steps {min-width:0;}
.v2-feature-consult > img {object-position:53% 18%;}
.v2-feature-consult .v2-feature-copy p:not(.v2-kicker) {line-height:1.52;}
.v3-mega-intro h2 {font-size:28px;}
.v3-mega-inner {padding:26px 30px;}
.v3-mega-grid {grid-template-columns:minmax(220px,1.15fr) minmax(130px,1fr) minmax(180px,1fr);gap:27px;}
.v3-mega-column a {max-width:100%;overflow-wrap:anywhere;}
@media(max-width:1030px) {
  .v2-site-header .v3-primary-nav {max-width:min(430px,96vw);}
  .v3-primary-nav .v3-nav-item-head>a,.v3-primary-nav .v3-nav-simple>a {font-size:20px;}
  .v3-mega-grid {display:flex;flex-direction:column;gap:16px;}
  .v3-mega-inner {padding:18px 16px;}
  .v3-mega-intro h2 {font-size:23px;}
  .v3-mega-column {gap:5px;}
}
@media(max-width:680px) {
  .ayurshe-container {width:calc(100% - 30px)!important;max-width:calc(100% - 30px)!important;margin-inline:auto;}
  .v2-site-header .header-inner {width:calc(100% - 30px)!important;max-width:calc(100% - 30px)!important;grid-template-columns:minmax(0,1fr) auto auto;}
  .v2-site-header .site-branding, .v2-site-header .v2-brand-fallback {min-width:0;max-width:100%;}
  .v2-brand-word strong {font-size:clamp(21px,6vw,27px);}
  .v2-brand-fallback img {width:36px;height:46px;}
  .v2-brand-word small {font-size:5.6px;white-space:normal;letter-spacing:.08em;}
  .v2-hero,.v2-hero-inner {width:100%;min-width:0;}
  .v2-hero-copy {min-width:0;max-width:100%;}
  .v2-hero h1 {font-size:clamp(29px,9.5vw,48px);overflow-wrap:normal;letter-spacing:-.055em;}
  .v2-mini-trust span {min-width:0;}
  .v2-feature {width:100%;min-width:0;}
  .v2-feature-consult > img {width:47%;object-position:52% 22%;}
  .v2-feature-consult .v2-feature-copy {max-width:71%;}
  .v2-feature-consult .v2-feature-copy p:not(.v2-kicker) {font-size:12px;}
  .v2-doctor-card {grid-template-columns:minmax(0,40%) minmax(0,60%);}
  .v2-doctor-copy, .v2-doctor-image {min-width:0;}
  .v2-doctor-copy h3 {overflow-wrap:anywhere;}
  .v2-topics, .v2-promos, .v2-journey, .v2-doctors, .v2-more-grid {max-width:100%;}
}
@media(max-width:390px) {
  .v2-hero h1 {font-size:clamp(28px,9.2vw,36px);}
  .v2-feature-consult .v2-feature-copy {max-width:72%;padding:19px 13px 48px;}
  .v2-feature h2 {font-size:clamp(22px,6.5vw,27px);}
  .v2-doctor-card {display:flex;flex-direction:column;}
  .v2-doctor-image {height:220px;min-height:0;}
  .v2-doctor-copy {padding:18px;}
}
/* Root cause fix: an offscreen translateX drawer inflated the page's scrollWidth (~2x on phones).
   Keep the closed drawer inside the viewport and reveal it via clip-path instead. */
@media(max-width:1030px) {
  .v2-site-header .v3-primary-nav {
    transform:none!important;
    opacity:0;
    clip-path:inset(0 0 0 100%);
    visibility:hidden;
    pointer-events:none;
    transition:clip-path .28s ease, opacity .24s ease, visibility .28s ease;
  }
  body.nav-open .v2-site-header .v3-primary-nav {
    transform:none!important;
    opacity:1;
    clip-path:inset(0 0 0 0);
    visibility:visible;
    pointer-events:auto;
  }
}
@media(prefers-reduced-motion:reduce){.v2-site-header .v3-primary-nav{transition:none!important}}

.v3-mobile-menu-foot .v2-pill{color:#fff!important;font-size:13px!important;text-align:center;}
