/* Phase 8.5.4e — lock document horizontal scrolling on mobile.
   Intentional horizontal rails remain independently scrollable. */
@media screen and (max-width:700px) {
  html {
    width:100%!important;
    max-width:100%!important;
    overflow-x:hidden!important;
    overscroll-behavior-x:none;
  }
  body {
    position:relative;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    overflow-x:hidden!important;
    overscroll-behavior-x:none;
  }
  body > main#home, main#home {
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow-x:hidden!important;
    box-sizing:border-box!important;
  }
  main#home > section, main#home > .section,
  #categories, #featured, #explore, #genreBrowse {
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }
  #categories .categoryCarousel { max-width:100%!important; min-width:0!important; }
  html body > nav#mobileFloatNav.mobileFloatNav {
    position:fixed!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
}