/* ==========================================================================
   Zhenjun 产品中心（/products，行业优先）样式
   仅在该页入队（见 zhenjun-industry.php）。选择器均带 .azj- 前缀，
   与 assets/industry.css 一同构成产品/行业两部分 UI，不改动主题其它区块。
   ========================================================================== */

/* 行业索引区沿用首页卡片组件，只需微调间距 */
.tgt-section.azj-phub{padding-bottom:26px;}
.tgt-section.azj-phub .tgt-section-title{margin-bottom:34px;}
.tgt-section.azj-phub .tgt-section-title p{max-width:760px;margin:14px auto 0;color:#5b6570;line-height:1.7;}

/* 产品类型次级筛选：胶囊 */
.azj-filter-chips{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:0 0 28px;}
.azj-chip{
  display:inline-flex;align-items:center;gap:8px;
  padding:9px 16px;border:1px solid #e3e6ea;border-radius:999px;
  background:#fff;color:#404852;text-decoration:none;
  font-size:13px;line-height:1.2;transition:all .22s ease;
}
.azj-chip:hover{border-color:#1565C0;color:#1565C0;text-decoration:none;}
.azj-chip.is-active{background:#1565C0;border-color:#1565C0;color:#fff;}
.azj-chip-count{
  display:inline-block;min-width:20px;padding:1px 6px;border-radius:999px;
  background:#f1f4f8;color:#5b6570;font-size:11px;font-weight:600;text-align:center;
}
.azj-chip.is-active .azj-chip-count{background:rgba(255,255,255,.24);color:#fff;}

/* 产品卡片上的一行类别标签 */
.tgt-section.azj-phub-list .product-card .azj-card-cat{
  margin:-4px 14px 10px;font-size:12px;letter-spacing:.04em;
  text-transform:uppercase;color:#8a949e;
}
/* 有类别标签时标题下边距收紧一些 */
.tgt-section.azj-phub-list .product-card h4{margin-bottom:4px;}

/* ==========================================================================
   卡片底部对齐（2026-10-09 修复）
   问题：产品标题 1~3 行不等长，把下方的「类别标签 + VIEW DETAILS」推得上上下下，
        同一行卡片的按钮参差不齐。
   做法：卡片改为纵向 flex（grid 行内卡片本就等高），用 margin-top:auto 把
        底部块整体压到卡片底部 —— 标题多长都不会再影响按钮位置，且不截断标题。
   注意：选择器比主题 `.tgt-section.product-center-wrap .product-card` 多一个类，
        确保覆盖生效（不依赖加载顺序）。
   ========================================================================== */
.tgt-section.product-center-wrap.azj-phub-list .product-card{
  display: flex;
  flex-direction: column;
  height: 100%;
}
.tgt-section.product-center-wrap.azj-phub-list .product-card h4{
  /* 标题保持自然高度，不做行数截断（不丢信息） */
  flex: 0 0 auto;
}
.tgt-section.product-center-wrap.azj-phub-list .product-card .azj-card-cat{
  margin-top: auto;          /* 关键：把底部块压到卡片底 */
  margin-bottom: 12px;
}
.tgt-section.product-center-wrap.azj-phub-list .product-card .btn-read{
  align-self: center;        /* 居中，与主题 text-align:center 一致 */
  flex: 0 0 auto;
}

/* 窄屏：胶囊横向滚动，避免换行占满一屏 */
@media (max-width:767px){
  .azj-filter-chips{
    flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;
    padding-bottom:6px;-webkit-overflow-scrolling:touch;
  }
  .azj-chip{flex:0 0 auto;}
  .tgt-section.azj-phub{padding-bottom:10px;}
}