/* ============================================================
   CONLUXS PRODUCTS GRID 4-COLUMN FIX (CANDIDATE)
   https://www.conluxs.com/products/

   ROOT CAUSE:
   页内 .product-grid 使用 repeat(auto-fill, minmax(260px, 1fr))，
   列数无上限：1440/1680px 宽屏自动排到 5 列、1920px 排到 6 列，
   卡片被压窄（1440px 时仅 263px 宽），整排过满、视觉拥挤。

   FIX STRATEGY:
   仅在本页以 .page-body 作为 scope 覆盖列数，桌面端固定 4 列：
   - >= 1280px : 4 列（1440 / 1680 / 1920 均固定 4 列，单卡加宽透气）
   - 1024-1279 : 3 列
   - 640-1023  : 2 列
   - < 640px   : 1 列
   不触碰 gap、卡片几何、图片布局、任何其他页面。
   ============================================================ */

.page-body .product-grid {
  grid-template-columns: repeat(4, 1fr);
}

@media (max-width: 1279px) {
  .page-body .product-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 1023px) {
  .page-body .product-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 639px) {
  .page-body .product-grid {
    grid-template-columns: 1fr;
  }
}