/* ==================================================
   GLOBAL SAFARI FIX (SAFE VERSION)
   This file fixes Apple viewport issues ONLY.
   It does NOT override your layout.
================================================== */

@supports (-webkit-touch-callout: none) {
  :root {
    --vh: 1vh;
  }

  html, body {
    min-height: -webkit-fill-available; /* ✅ allows scroll */
    height: auto;                       /* ✅ restores normal flow */
    overflow-x: hidden;                 /* keep horizontal lock only */
    overflow-y: auto;                   /* ✅ re‑enable vertical scroll */
  }

  .use-true-vh {
    height: calc(var(--vh) * 100);      /* still fixes Safari height bug */
  }
}
@supports (-webkit-touch-callout: none) {
    .hero-title {
        margin-top: 80px;
    }
}