/* ============================================================
 * WSC Mall — 滚动性能优化（content-visibility）
 * 让浏览器跳过视口外长列表内容的渲染，滚动到才渲染，
 * 显著降低手机端滚动时的 layout/paint 开销。
 * 纯 CSS 渐进增强：不支持的浏览器自动忽略，零副作用。
 * contain-intrinsic-size 的 auto 关键字会记住渲染后的真实尺寸，减少跳动。
 * ============================================================ */

/* 长列表/网格容器：屏幕外跳过渲染 */
.product-grid,
.stats-grid,
.apply-grid {
  content-visibility: auto;
  contain-intrinsic-size: auto 1000px;
}

/* 商品卡片网格内部逐卡跳过（配合上面容器级跳过，双重优化） */
.product-card {
  content-visibility: auto;
  contain-intrinsic-size: auto 420px;
}

/* 尊重系统「减弱动态效果」：关闭时强制全部渲染（避免辅助技术找不到内容） */
@media (prefers-reduced-motion: reduce) {
  .product-grid,
  .stats-grid,
  .apply-grid,
  .product-card {
    content-visibility: visible;
  }
}