/* GoldenPort v44 — mobile horizontal overflow hardening
   Loaded only on viewports <= 767px. Desktop layout is unchanged. */
@media (max-width: 767px) {
  html,
  body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden !important;
    overscroll-behavior-x: none;
  }

  body {
    position: relative;
  }

  main,
  header,
  footer,
  section,
  nav {
    max-width: 100%;
  }

  img,
  video,
  iframe,
  svg,
  canvas {
    max-width: 100%;
  }

  .modal,
  .modal-panel,
  .video-frame-wrap,
  .case-video-media {
    max-width: 100%;
  }

  /* This carousel is intentionally horizontally scrollable.
     Keep horizontal movement inside the component, not on the page. */
  .orionstar-carousel-wrap {
    width: 100%;
    max-width: 100%;
    overflow: hidden !important;
  }

  .orionstar-card-row {
    width: 100%;
    max-width: 100%;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
  }

  .video-frame-wrap video,
  .case-video-media video {
    width: 100%;
    max-width: 100%;
  }
}