/* CineFlex v9.1 — natural mobile scrolling + true edge-to-edge footer */
html, body {
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior-y: auto !important;
  touch-action: auto !important;
  -webkit-overflow-scrolling: touch;
}
body { position: static !important; }
main, .content, .homepage, .page-wrapper, .content-wrapper {
  max-width: 100% !important;
  overflow-x: hidden !important;
  touch-action: auto !important;
}
/* Allow a vertical page swipe even when the gesture starts on a movie row. */
.scroller, [class*="scroller"], .movie-row, .movie-list, .row-posters,
.cf-top10-scroller, .horizontal-scroll, .cf-discovery-dock {
  touch-action: pan-x pan-y !important;
  overscroll-behavior-x: contain !important;
  overscroll-behavior-y: auto !important;
}
/* True native edge-to-edge dock. Overrides the older centered Dulo dock. */
body > .bottom-nav.cf-native-bottom-nav,
.bottom-nav.cf-native-bottom-nav {
  position: fixed !important;
  inset: auto 0 0 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  transform: none !important;
  translate: none !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 100% !important;
  margin: 0 !important;
  padding: 0 0 env(safe-area-inset-bottom) !important;
  box-sizing: border-box !important;
  border-radius: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
  border-bottom: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  overflow: visible !important;
  z-index: 2147483000 !important;
}
.bottom-nav.cf-native-bottom-nav .nav-item {
  min-width: 0 !important;
  width: auto !important;
  max-width: none !important;
  flex: none !important;
  box-sizing: border-box !important;
}
@media (max-width: 899px) {
  html.cf-tv-mode .bottom-nav.cf-native-bottom-nav { display: grid !important; }
}