/* This file loads after the legacy theme and keeps phones on native browser scrolling. */
@media (max-width: 1024px) {
  html,
  body {
    position: static !important;
    display: block !important;
    width: 100% !important;
    min-height: 100% !important;
    height: auto !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior-y: auto !important;
    touch-action: pan-y !important;
    -webkit-overflow-scrolling: touch !important;
    transform: none !important;
  }

  body > main,
  main,
  .home-page,
  .about-page,
  .inner-page,
  .planner-page {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    overflow-x: clip !important;
    overflow-y: visible !important;
    touch-action: pan-y !important;
    transform: none !important;
  }

  .home-hero-visual,
  .home-dream-visual,
  .home-orbit,
  .home-visual-card,
  .home-visual-dot,
  .home-dream-orbit,
  .home-dream-spark {
    pointer-events: none !important;
  }

  a,
  button,
  input,
  textarea,
  select {
    position: relative;
    z-index: 2;
    pointer-events: auto !important;
    touch-action: manipulation !important;
  }
}