/* Mobile-responsive polish — Al Rayan main site.
   Served directly (no Vite build tooling on server). Loaded after the
   compiled bundle so these rules win. */

/* Media should never force horizontal scroll on phones. */
img, video { max-width: 100%; height: auto; }

/* Stripe injects hidden, full-width utility iframes (payment-request,
   hCaptcha, controller) that overflow the viewport by a few px on mobile. */
iframe { max-width: 100%; }

@media (max-width: 767.98px) {
  /* Bootstrap's large g-5 gutter (3rem) overflows narrow screens
     (footer columns) — trim it on phones. */
  .row.g-5 { --bs-gutter-x: 1.5rem; }
}