/* Isolated mobile refinements: does not alter desktop layout except appointment button */
.header-appointment { border-radius: 999px; padding: 13px 23px; }
.mobile-site-nav[hidden] { display:none !important; }
@media (max-width:900px) {
  .site-header { position:relative; z-index:1000; }
  .header-inner { display:flex; align-items:center; }
  .mobile-menu-btn { display:flex !important; position:relative; z-index:1002; flex-shrink:0; margin-left:auto; }
  .mobile-site-nav:not([hidden]) { display:flex; flex-direction:column; gap:0; position:absolute; top:100%; left:0; right:0; z-index:1001; background:#fff; padding:12px 22px 22px; box-shadow:0 15px 28px rgba(20,45,85,.17); max-height:75vh; overflow-y:auto; }
  .mobile-site-nav a, .mobile-site-nav summary { display:block; padding:12px 8px; color:#244b83; font-weight:650; text-decoration:none; border-bottom:1px solid #e9edf5; cursor:pointer; }
  .mobile-site-nav details a { padding-left:24px; font-weight:500; font-size:14px; }
  .mobile-site-nav .mobile-appointment-link { margin-top:12px; text-align:center; background:#d93678; color:#fff; border-radius:999px; }
  .mobile-menu-btn[aria-expanded="true"] span:nth-child(1) { transform:translateY(7px) rotate(45deg); }
  .mobile-menu-btn[aria-expanded="true"] span:nth-child(2) { opacity:0; }
  .mobile-menu-btn[aria-expanded="true"] span:nth-child(3) { transform:translateY(-7px) rotate(-45deg); }
  .mobile-menu-btn span { transition:transform .2s,opacity .2s; }
}
@media (max-width:600px) {
  .medical-hero .medical-hero-features { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px 8px; width:min(100%,340px); margin-inline:auto; }
  .medical-hero .medical-hero-features > div { display:flex; flex-direction:column; align-items:center; justify-content:flex-start; text-align:center; gap:5px; font-size:12px; line-height:1.35; }
  .medical-hero .medical-hero-features svg { width:29px; height:29px; flex:0 0 29px; }
  .medical-hero .medical-hero-urology .medical-hero-visual { opacity:1 !important; display:block !important; }
  .medical-hero .medical-hero-urology .medical-hero-visual img { opacity:.24 !important; object-position:68% center !important; }
  .medical-hero .medical-hero-urology .medical-hero-inner { background:transparent !important; }
  .hera-section { padding-bottom:35px !important; }
  .home-gallery { padding-top:35px !important; }
  .about-centre-brand, .about-logo-wrap { display:flex; justify-content:center !important; align-items:center !important; margin-inline:auto !important; }
  .about-centre-logo { margin-inline:auto !important; }
  .about-doctor-mukesh .about-doctor-visual { width:100% !important; max-width:350px !important; margin-inline:auto !important; }
  .about-doctor-mukesh .about-doctor-image-placeholder { width:100% !important; aspect-ratio:516/687 !important; height:auto !important; }
  .about-doctor-mukesh .about-doctor-image-placeholder img { width:100% !important; height:100% !important; object-fit:cover !important; }
  .urology-explorer-image img { transition:transform .35s ease; }
  .urology-explorer-image.is-zoomed img { transform:scale(1.35); }
  .urology-explorer-image { cursor:zoom-in; touch-action:manipulation; }
  .urology-explorer-image.is-zoomed { cursor:zoom-out; }
}
@media (prefers-reduced-motion:reduce) { .urology-explorer-image img { transition:none; } }