/**
 * mobile-no-flicker.css
 * Tablet/phone only (≤1260px): kill backdrop-filter over animated layers.
 * Desktop (≥1261px) is untouched — no rules apply.
 */
@media (max-width: 1260px) {
  /* Sticky / chrome bars + glass surfaces */
  .topbar,
  .ticker-wrap,
  .nav-center-btns,
  .index-hero-glass,
  .stores-bar,
  .search-wrapper,
  .site-footer,
  .sidebar,
  .store-sidebar,
  .modal-box,
  .modal-overlay,
  .glass,
  .ov-card,
  .stat-card,
  .card,
  [class*="backdrop"],
  .shop-cats-badge,
  .shop-cats-desc,
  .store-card,
  .cust-card {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  /* Opaque-enough fills for dark dashboard chrome only */
  html body .topbar {
    background: rgba(12, 15, 24, 0.94) !important;
  }
  html body .ticker-wrap {
    background: rgba(12, 15, 24, 0.92) !important;
  }

  /* Hide FX layers that force continuous repaints under glass */
  #particles-js,
  #neural-bg,
  #aurora-shader-canvas,
  #aurora-bg-layer,
  #shader-bg-root,
  .shader-bg-root {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  /* Soften infinite chrome animations that flash during scroll */
  .logo-slider-track,
  .nav-center-btns .btn-pill#btn-apply-nav,
  .store-card-anim-border::before,
  .auction-badge {
    animation: none !important;
  }
}
