/* =============================================
   阀门管件页 — 编辑式重构（对齐 purifiers.html 设计语言）
   白底、墨色标题、细线分隔、蓝 #0066cc 唯一强调色
   挂载 <body class="ep">，依赖 css/style.css + css/editorial.css + css/purifiers.css
   结构：编辑式页头 → 指标带 → 产品系列总览（品类分组卡，链至独立产品页）→
         快速选型总表 → 浅色 CTA
   ============================================= */

/* ---------- 产品总览：统一品类，六个系列以两列大卡排列 ---------- */
body.ep .pu-ov-grid.vf-grid-2 { grid-template-columns: repeat(2, 1fr); }
body.ep .vf-grid-2 .pu-card { grid-template-columns: 168px 1fr; }
body.ep .vf-grid-2 .pu-card-img { height: 172px; }
body.ep .vf-grid-2 .pu-card-img img { max-height: 152px; }
body.ep .vf-grid-2 .pu-model { flex-wrap: wrap; }
/* 自研标记：墨底白字胶囊 */
body.ep .pu-flag.vf-flag-own { background: var(--ep-ink); }

/* ---------- 响应式 ---------- */
@media (max-width: 1080px) {
  body.ep .pu-ov-grid.vf-grid-2 { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
  body.ep .pu-ov-grid.vf-grid-2 { grid-template-columns: 1fr; }
  body.ep .vf-grid-2 .pu-card { grid-template-columns: 96px 1fr; gap: 14px; }
  body.ep .vf-grid-2 .pu-card-img { height: 126px; }
  body.ep .vf-grid-2 .pu-card-img img { max-height: 108px; }
}