/*
  Mobile overflow guard
  هدف: منع تحرّك الصفحة يمين/يسار ومنع التمرير الأفقي على الهواتف.
  Scoped to mobile only to avoid impacting desktop layouts.
*/

@media (max-width: 768px) {
  html,
  body {
    overflow-x: hidden !important;
    overscroll-behavior-x: none;
  }

  body {
    width: 100%;
  }

  img,
  svg,
  video,
  canvas,
  iframe,
  embed,
  object {
    max-width: 100%;
    height: auto;
  }
}