/* ============================================================
 * category.css —— 产品分类（5 页共用）
 * 源：05-原型/heat-shrink-tubing.html
 * 目标模板：taxonomy-zz_product_cat.php
 * 本文件 = 该族独有规则（公共外壳见 _base.css）
 * 自动生成，请勿手改
 * ============================================================ */

:root{--blue:#1565C0;--blue-darker:#0A3D8F;--red:#E0301E;--paper:#f5f6f8;--white:#fff;--line:#dde2e8;--text:#222;--muted:#555}
body{font-family:Georgia,serif;background:var(--paper);color:var(--text);line-height:1.7;font-size:16px}
.container{max-width:1100px;margin:0 auto;padding:0 24px}
h1,h2,h3{font-family:Arial,sans-serif;font-weight:700}
.nav-item.on>a{color:var(--blue);font-weight:700}
.dropdown .dd-cur{background:var(--paper);font-weight:700}
.hero{background:var(--blue-darker);padding:40px 0}
.hero h1{color:#fff;font-size:1.8rem;margin-bottom:8px}
.hero p{color:#c5cae9;font-size:14px;font-family:Arial,sans-serif;max-width:720px}
.breadcrumb{padding:14px 0;font-size:12px;color:#888;font-family:Arial,sans-serif}
.breadcrumb a{color:#888;text-decoration:none}
.intro{background:var(--white);padding:40px 0 8px}
.intro-text{max-width:800px;font-size:15px}
.section{padding:40px 0 48px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.card{background:var(--white);border:1px solid var(--line);border-radius:6px;overflow:hidden;text-decoration:none;display:block;transition:box-shadow .2s}
.card:hover{box-shadow:0 4px 16px rgba(21,101,192,.1)}
.card-img{height:160px;overflow:hidden}
.card-img img{width:100%;height:100%;object-fit:cover;display:block}
.card-body{padding:16px 18px}
.card-body h3{font-size:16px;color:var(--blue-darker);margin-bottom:4px}
.card-body p{font-size:13px;color:var(--muted);line-height:1.5}
.guide{background:var(--white);padding:36px 0;border-top:1px solid var(--line)}
.guide-text{max-width:800px;font-size:15px}
.guide-text a{color:var(--blue-darker);text-decoration:underline}
.cta-band{background:var(--blue-darker);color:#fff;padding:40px 0;text-align:center}
.cta-band p{color:#c5cae9;font-size:14px;margin-bottom:20px}
.cta-btn{display:inline-block;background:var(--red);color:#fff;font-family:Arial,sans-serif;font-weight:700;font-size:15px;padding:14px 32px;text-decoration:none;border-radius:4px}
.zz-footer{background:#0D47A1;border-top:3px solid var(--red);color:#b3d1f2;padding:48px 0 20px;font-family:Arial,sans-serif}
@media(max-width:768px){
.grid{grid-template-columns:1fr}
.hdr nav{display:none}
.burger{display:block}
.m-nav.open{display:block}
.foot-grid{grid-template-columns:1fr 1fr;gap:24px}
.foot-brand{grid-column:1/-1}
}