/* =============================================================================
   Discover hub horizontal swipe  (v11.303)
   File: assets/public/css/20-discover-hub-swipe.css

   Supports the finger-tracking page swipe between Discovery hubs (see
   js/36-discover-hub-swipe.js). `touch-action: pan-y` tells the browser the
   panels only scroll vertically natively — horizontal pans are delivered to
   our JS so it can drive the book-style page slide, while vertical scrolling
   stays buttery and native.
   ========================================================================== */
#discover-view,
#anime-discover-view,
#games-discover-view,
#music-discover-view {
  touch-action: pan-y;
}

/* While a swipe is in flight, the sliding panels are GPU-promoted and clipped
   to the viewport so the incoming/outgoing pages never trigger a horizontal
   scrollbar or bleed past the screen edges. */
body.discover-hub-swiping {
  overflow-x: hidden;
}
body.discover-hub-swiping #discover-view,
body.discover-hub-swiping #anime-discover-view,
body.discover-hub-swiping #games-discover-view,
body.discover-hub-swiping #music-discover-view,
body.discover-hub-swiping [data-discover-hub-swipe-clone] {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}