/**
 * Sitewide iOS scroll force-fix (load after business CSS in footer)
 * Align CN: disable smooth, allow root overflow-x, kill entrance transforms on touch
 */
@media (max-width: 1024px), (hover: none) {
  html {
    scroll-behavior: auto !important;
  }

  html,
  body {
    height: auto !important;
    max-width: 100% !important;
    overflow: visible !important;
    overflow-x: visible !important;
    overscroll-behavior-y: auto !important;
    -webkit-overflow-scrolling: touch;
  }

  body[class*="page"],
  main[class*="page"],
  [class$="-page"],
  [class*="-page"],
  #container,
  .container-fluid,
  .wrapper,
  .page-wrap {
    overflow-x: visible !important;
    scroll-behavior: auto !important;
  }

  .fade,
  .fade.in,
  [class*="-rise"],
  [class*="-fade"] {
    opacity: 1 !important;
    transform: none !important;
    translate: none !important;
    animation: none !important;
    transition: none !important;
  }
}

html.is-mobile-nav-open,
html.is-mobile-nav-open body {
  overflow: hidden !important;
  overscroll-behavior: none !important;
}