/**
 * Virtual product list — spacers + content-visibility (load-scrool.md)
 * بدون تغییر ظاهر کارت‌ها؛ فقط بهینه‌سازی رندر.
 */
#products .order-vs-spacer {
  grid-column: 1 / -1;
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  pointer-events: none;
  visibility: hidden;
}

#products .product-card {
  content-visibility: auto;
  contain-intrinsic-size: auto 420px;
}

#products.products--list .product-card {
  content-visibility: visible;
  contain-intrinsic-size: auto 110px;
}

#products .product__media img.product__media-img {
  background: #f8f9fa;
}

#products.products--list .product__media img.product__media-img,
#products.view-large:not(.products--list) .product__media img.product__media-img,
#products:not(.products--list) .product__media img.product__media-img {
  content-visibility: visible;
  contain: none;
}

@supports (-webkit-touch-callout: none) {
  #products .product-card {
    content-visibility: visible;
  }
}