/*
 * Bazarestan 1.0.179.46 — deep scroll/runtime optimization.
 * No dimensions, typography, colors, spacing or interactions are changed.
 */

/* Chromium/Android repaints a body-sized background using
 * background-attachment:fixed during every scroll frame. Keep the exact same
 * gradient declaration/colors from the design system, but let the compositor
 * scroll the already-painted canvas normally. */
html body.bz-warm-glass-design,
html.dark body.bz-warm-glass-design,
html[data-theme="dark"] body.bz-warm-glass-design {
  background-attachment: scroll !important;
}

/* The two decorative viewport layers retain their exact opacity/filter, but are
 * rasterized once and then composited instead of repainted on every scroll. */
html body > .fade-pattern,
html body > .fade-img {
  transform: translate3d(0,0,0) !important;
  backface-visibility: hidden !important;
  will-change: transform;
  contain: paint;
}

/* The old rule promoted every product thumbnail to a separate GPU layer.
 * Long archives could create dozens/hundreds of layers and exhaust the mobile
 * compositor budget. Images render identically without forced promotion. */
.product-grid-item .bz-product-card-image > img,
.product-card .bz-product-card-image > img {
  transform: none !important;
  will-change: auto !important;
  backface-visibility: visible !important;
}