/* ============================================================
   产品分类样式
   .sx-cat-grid / .sx-cat-card  —— 首页分类卡片（4 类，2 列）
   .sx-cat-group —— 产品中心页的分类分组
   .sx-cat-nav  —— 分类页底部的分类切换
   ============================================================ */

/* ---------- 分类卡片（首页） ---------- */
/* 首页分类卡复用原产品墙容器，需解除 Elementor 的 31% / 353px 限宽，
   否则卡片会被压成竖条。分类页与产品中心页不使用 sx-cat-host。 */
.sx-cat-host{width:100%!important;--width:100%!important;flex:0 0 100%!important;max-width:100%!important;display:block!important}
.sx-cat-host > .sx-cat-grid{width:100%!important}
.sx-cat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:26px;margin:22px auto 0;max-width:1200px;padding:0 4px}
.sx-cat-card{display:flex;flex-direction:column;background:#fff;border:1px solid #e6ecf3;border-radius:16px;overflow:hidden;text-decoration:none!important;box-shadow:0 6px 20px rgba(11,46,79,.07);transition:transform .25s,box-shadow .25s}
.sx-cat-card:hover{transform:translateY(-4px);box-shadow:0 14px 34px rgba(11,46,79,.15)}
/* 图片容器：留白形成独立图框，下边缘线同时作为与文字区的分割线 */
.sx-cat-thumb{display:block;position:relative;width:100%;padding:14px 14px 16px;background:#fff;border-bottom:1px solid #e6ecf3;box-sizing:border-box;overflow:hidden}
.sx-cat-thumb img{display:block;width:100%;aspect-ratio:16/10;height:auto;object-fit:cover;object-position:center;border-radius:8px;background:#eef3f8;transition:transform .45s}
.sx-cat-card:hover .sx-cat-thumb img{transform:scale(1.05)}
.sx-cat-body{display:flex;flex-direction:column;gap:8px;padding:18px 20px 20px}
.sx-cat-title{font-size:18px;font-weight:700;color:#0b2e4f;line-height:1.35}
.sx-cat-desc{font-size:13.5px;line-height:1.65;color:#5c6c7c;flex:1}
.sx-cat-count{font-size:13px;font-weight:600;color:#1e88e5}
.sx-cat-card:hover .sx-cat-count{color:#0b2e4f}

/* ---------- 分类分组（产品中心页） ---------- */
.sx-cat-group{margin:0 0 46px}
.sx-cat-group-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:8px}
.sx-cat-group-title{font-size:24px;line-height:1.35;color:#0b2e4f;margin:0;font-weight:700}
.sx-cat-group-more{font-size:13.5px;font-weight:600;color:#1e88e5;text-decoration:none;white-space:nowrap}
.sx-cat-group-more:hover{color:#0b2e4f}
.sx-cat-group-desc{font-size:14.5px;line-height:1.7;color:#5c6c7c;margin:0 0 18px;max-width:920px}

/* ---------- 分类导航（分类页底部） ---------- */
.sx-cat-nav{margin:44px 0 10px;padding:24px 26px;background:#f4f8fc;border-radius:14px}
.sx-cat-nav h3{font-size:17px;color:#0b2e4f;margin:0 0 14px;font-weight:700}
.sx-cat-nav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.sx-cat-nav li{margin:0}
.sx-cat-nav a{display:inline-block;padding:8px 16px;background:#fff;border:1px solid #dde6ef;border-radius:999px;font-size:13.5px;color:#28425c;text-decoration:none;transition:background .2s,border-color .2s}
.sx-cat-nav a:hover{background:#0b2e4f;border-color:#0b2e4f;color:#fff}

/* ---------- 导航二级菜单 ---------- */
.sx-cat-menu-item a{font-size:14px}

/* ---------- 响应式 ---------- */
@media (max-width:1024px){
  .sx-cat-grid{grid-template-columns:repeat(2,1fr);gap:20px}
  .sx-cat-group-title{font-size:21px}
}
@media (max-width:600px){
  .sx-cat-grid{grid-template-columns:1fr;gap:16px;padding:0 2px}
  .sx-cat-thumb{padding:11px 11px 13px}
  .sx-cat-body{padding:15px 17px 17px}
  .sx-cat-title{font-size:16.5px}
  .sx-cat-desc{font-size:13px}
  .sx-cat-group{margin-bottom:34px}
  .sx-cat-group-title{font-size:19px}
  .sx-cat-group-desc{font-size:13.5px}
  .sx-cat-nav{padding:18px 16px}
  .sx-cat-nav a{font-size:12.5px;padding:7px 13px}
}

/* ---------- 分类页顶部特色图 ----------
   分类页以产品页为模板导出时会继承产品页的 Astra 特色图（针机大图），
   与分类无关；这里做兜底隐藏，动态站与静态包一致。产品页不受影响。 */
.sx-cat-page .ast-single-post-featured-section{display:none!important}