/* ============================================================
   CONLUXS PRODUCTS CARD SIZE REGRESSION FIX V1  (CANDIDATE ONLY)
   https://www.conluxs.com/products/

   ROOT CAUSE:
   styles.css 遗留的全局规则 `.product-card { aspect-ratio: 3 / 4;
   min-height: 22rem }` 与 Products 页内联 style 的新弹性卡布局叠加：
   卡片高度被 aspect-ratio 锁死(宽*4/3) + 页内 .product-card__body{flex:1}
   再被 .product-card__name{flex:1} 二次拉伸，产品名文本只有 2 行却被
   拉成 60~86px 的空盒，产生大面积深色空白、整卡纵向异常增高。

   FIX STRATEGY:
   仅在 Products 页面内、以页面真实 wrapper `.page-body` 作为 scope 覆盖
   全局遗留几何规则，把卡片高度还回内容自适应：
   - card: aspect-ratio 回到 auto、移除 min-height 锁
   - body: 不再 flex 拉伸(flex:0 0 auto)
   - name: 不再被拉伸(flex:0 0 auto)，高度=实际文本行数
   图片(4/3 容器 + object-fit:contain)保持原样，不改一张图、不裁切。
   ============================================================ */

/* BODY 声明：仅本文件被 products.html 独家引用，selector 全部挂在
   .page-body 下（Products 页唯一 body class），不会泄漏到任何其他页面 */

/* 1) 卡片高度改由内容决定，解除 styles.css 的全局几何锁 */
.page-body .product-card {
  aspect-ratio: auto;
  min-height: 0;
}

/* 2) 卡片主体不再吸收卡片剩余高度，收缩到自身内容高度 */
.page-body .product-card__body {
  flex: 0 0 auto;
}

/* 3) 产品名不再吸收 body 剩余高度（消除"大片深色空白"的直接来源） */
.page-body .product-card__name {
  flex: 0 0 auto;
  margin-bottom: 0.75rem;
  /* v1.1: 统一保留 2 行最小行高，使单行/双行产品名的卡片行内等高，
     grid 默认 align-items:stretch 行拉伸时不再产生底部深色空隙 */
  min-height: 2.3625rem; /* = 2 行 × line-height 1.35 × font-size 0.875rem */
}

/* 说明：.product-card__img-wrap 及其 img 的 aspect-ratio:4/3 与
   object-fit:contain 本来即正确，无需修改；产品图片保持完整显示。 */