/* ============================================================
   ZYORA - performance layer (loads last, overrides only).
   Fixes the "heavy blocks": every .card used backdrop-filter blur(18px),
   which forces the GPU to re-blur the page behind each card while scrolling
   and on every click. Removing it is invisible on solid surfaces and makes
   scrolling / button presses instant, especially on phones.
   ============================================================ */

/* 1. No live blur anywhere (this was the biggest cost) */
*, *::before, *::after {
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

/* 2. Bars that sat on top of content keep a nearly solid background instead of blur */
.topbar,
.bottom-nav {
  background: color-mix(in srgb, var(--ios-surface-solid, var(--surface, #fff)) 97%, transparent) !important;
}

/* 3. Cards: cheaper shadow, no stacked effects */
.card, .stat, .dash-stat, .dash-card, .adm-card, .bot-row,
.be-card, .set-card, .prof-card, .bil-card, .ad-card, .ab-card {
  animation: none !important;
  will-change: auto !important;
}

/* 4. Long lists / big sections are only painted when scrolled near them */
.bot-row, .conv-row, .ac-conv, .adm-row, .hist-row, .order-row, .bil-card, .be-card {
  content-visibility: auto;
  contain-intrinsic-size: auto 84px;
}

/* 5. Buttons answer the tap immediately: no 300ms delay, no accidental double-zoom */
a, button, .btn, .icon-btn, [role="button"], input, select, textarea, label {
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
}

/* 6. Keep transitions short and limited to cheap properties */
.btn, .icon-btn, .topnav__link, .bottom-nav a, .card {
  transition-property: background-color, border-color, color, opacity, transform !important;
  transition-duration: .12s !important;
}

/* 7. Smooth scrolling without layout thrash */
html { scroll-behavior: auto; -webkit-text-size-adjust: 100%; }
body { overflow-anchor: none; }
img { content-visibility: auto; }
img, video { max-width: 100%; height: auto; }

/* 8. Skeleton / decorative infinite animations stop when the tab is hidden or on small phones */
@media (max-width: 640px) {
  .bb-bars i, .zl-skel i, .ac-skel i { animation: none !important; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}