/* ============================================================
   VYUHVERSE CAPITAL — MOBILE REDESIGN
   ONLY applies on screens ≤ 768px.
   Desktop/laptop untouched.
   ============================================================ */

@media (max-width: 768px) {

  /* ── NUCLEAR OVERFLOW FIX ───────────────────────────────── */
  /* Nothing can ever create horizontal scroll on mobile */
  html {
    overflow-x: hidden !important;
    max-width: 100vw !important;
  }
  body {
    overflow-x: hidden !important;
    max-width: 100vw !important;
    position: relative !important;
  }
  #root {
    overflow-x: hidden !important;
    max-width: 100vw !important;
    width: 100% !important;
  }
  section, footer, main, header, nav {
    overflow: hidden !important;
    max-width: 100vw !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  /* ── REMOVE MIN-H-SCREEN FROM ALL SECTIONS ──────────────── */
  #services,
  #mission-vision,
  #clients,
  #community,
  #founders,
  #service-packages,
  section.philosophy-section {
    min-height: unset !important;
    height: auto !important;
  }

  /* Hero keeps its full height */
  #home {
    min-height: 100svh !important;
    height: auto !important;
  }

}