/* Mobile Scroll Performance + Fixed Bottom Nav */

@media (max-width: 900px) {

  /* === SCROLL PERF: kill backdrop-filter (mobile killer) === */
  *,
  *::before,
  *::after {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }

  /* === KILL constantly-running animations on mobile === */
  .se-skel,
  [class*="pulse"],
  [class*="glow"],
  [class*="shimmer"] {
    animation: none !important;
  }

  /* === FIXED BOTTOM NAV ===
     Force nav to viewport bottom regardless of any ancestor containing blocks.
     We escape the flex container via maximum-specificity + !important on every
     positioning property. */
  body > .se-app > nav.se-bottom-nav,
  .se-app .se-bottom-nav,
  nav.se-bottom-nav,
  .se-bottom-nav {
    position: fixed !important;
    left: 8px !important;
    right: 8px !important;
    bottom: 8px !important;
    top: auto !important;
    z-index: 9999 !important;
    transform: none !important;
    /* Force the painting to be on the viewport, not in flow */
    will-change: auto !important;
  }

  /* === Body breathing room so content isn't hidden behind nav === */
  body {
    padding-bottom: 100px !important;
  }
  .se-app {
    padding-bottom: 0 !important;
  }
  .se-container {
    padding-bottom: var(--se-sp-4) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

@media (hover: none) and (pointer: coarse) {
  html, body {
    -webkit-overflow-scrolling: touch;
  }
}