/* ==========================================================================
   Manshanhong Pet & Garden — 设计系统 v6（单一网格 / 单一间距刻度 / 单一卡片）
   ========================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Varela+Round&family=Nunito+Sans:opsz,wght@6..12,400;6..12,600;6..12,700;6..12,800&display=swap');

/* ---- 1. 设计令牌 ---- */
:root{
  /* 间距刻度（全站只用这 6 个数） */
  --s1:8px;  --s2:16px; --s3:24px; --s4:40px; --s5:64px; --s6:88px;
  /* 容器与栅格 */
  --maxw:1200px; --gutter:24px; --gap:20px;
  /* 圆角：卡片 16 / 图片 16 / 药丸 999 */
  --r16:16px; --rpill:999px;
  /* 色板 */
  --bg:#fffbf7; --surface:#fdf3ea; --card:#ffffff;
  --ink:#2b2320; --muted:#726258; --line:#efe1d5;
  --coral:#e9674c; --coral-d:#d4533a; --honey:#f2a65a; --sage:#8fa98c;
  --tint:rgba(233,103,76,.10);
  /* 阴影：两级，全站只用这两级 */
  --sh1:0 1px 2px rgba(43,35,32,.04), 0 8px 24px rgba(43,35,32,.06);
  --sh2:0 2px 4px rgba(43,35,32,.05), 0 16px 40px rgba(43,35,32,.10);
}

/* ---- 2. 基础排版 ---- */
body{font-family:'Nunito Sans',system-ui,-apple-system,sans-serif;color:var(--ink);background:var(--bg);font-size:16px;line-height:1.7;}
h1,h2,h3,h4{font-family:'Varela Round','Nunito Sans',sans-serif;color:var(--ink);font-weight:400;letter-spacing:.1px;margin:0;}
h1{font-size:clamp(2rem,3.1vw,2.75rem);line-height:1.16;}
h2{font-size:clamp(1.45rem,2.1vw,1.8rem);line-height:1.28;}
h3{font-size:1.06rem;line-height:1.45;}
p{margin:0 0 var(--s2);}
a{color:var(--coral-d);}
.entry-content > *:first-child{margin-top:0;}

/* ---- 3. 布局组件（所有区块共用） ---- */
.container{max-width:var(--maxw);margin:0 auto;padding-left:var(--gutter);padding-right:var(--gutter);}
.sec{padding-top:var(--s6);padding-bottom:var(--s6);}
.sec--tint{background:var(--surface);}
.sec--tight{padding-top:0;padding-bottom:var(--s6);}
.sec-head{max-width:680px;margin-bottom:var(--s4);}
.sec-head--row{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--s3);max-width:none;}
.sec-head h2 + p{margin-top:var(--s1);color:var(--muted);font-size:1.02rem;}
.overline{display:block;margin:0 0 var(--s1);font-size:.74rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--coral);}
.link-more{font-weight:700;font-size:.92rem;white-space:nowrap;text-decoration:none;}
.link-more:hover{text-decoration:underline;}

/* ---- 4. 按钮（全站只有这三种） ---- */
.btn{display:inline-flex;align-items:center;justify-content:center;height:48px;padding:0 28px;border-radius:var(--rpill);
  font-weight:700;font-size:.94rem;text-decoration:none!important;transition:background .18s,transform .18s,box-shadow .18s;cursor:pointer;}
.entry-content a.btn,.entry-content a.btn:hover{text-decoration:none!important;}
.btn--primary{background:var(--coral);color:#fff;}
.btn--primary:hover{background:var(--coral-d);color:#fff;transform:translateY(-1px);box-shadow:var(--sh1);}
.btn--ghost{border:1.5px solid var(--ink);color:var(--ink);background:transparent;}
.btn--ghost:hover{background:var(--ink);color:#fff;}
.btn--light{background:#fff;color:var(--coral-d);}
.btn--light:hover{box-shadow:var(--sh2);transform:translateY(-1px);}
.btnrow{display:flex;flex-wrap:wrap;gap:12px;margin:var(--s3) 0 0;}

/* ---- 5. Hero（左文右图，统一网格） ---- */
.hero{padding-top:var(--s5);padding-bottom:var(--s6);background:
  radial-gradient(600px 320px at 96% 2%, rgba(242,166,90,.20), transparent 62%),
  linear-gradient(180deg,#fffdfb 0%, var(--bg) 100%);}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.82fr);gap:var(--s5);align-items:center;}
.hero-copy h1{margin-bottom:var(--s2);}
.hero-copy .lead{font-size:1.05rem;color:var(--muted);max-width:44ch;margin-bottom:0;}
.hero-media{position:relative;}
.hero-media img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:var(--r16);box-shadow:var(--sh2);}
.hero-badge{position:absolute;left:-24px;bottom:32px;background:#fff;border-radius:14px;padding:14px 20px;box-shadow:var(--sh2);}
.hero-badge b{display:block;font-family:'Varela Round',sans-serif;font-size:1.2rem;line-height:1.2;}
.hero-badge span{font-size:.78rem;color:var(--muted);}

/* ---- 6. 数据条（整条带，四等分） ---- */
.statband{background:var(--surface);border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.statband .container{display:grid;grid-template-columns:repeat(4,1fr);}
.stat{padding:var(--s3) var(--s3);border-left:1px solid var(--line);}
.stat:first-child{border-left:0;padding-left:0;}
.stat b{display:block;font-family:'Varela Round',sans-serif;font-size:1.3rem;line-height:1.3;}
.stat span{font-size:.82rem;color:var(--muted);}

/* ---- 7. 品类卡（短代码输出 .wf-cats / .wf-cat） ---- */
.wf-cats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap);}
.wf-cat{display:block;background:var(--card);border:1px solid var(--line);border-radius:var(--r16);
  padding:var(--s3) var(--s2);text-align:center;text-decoration:none!important;transition:border-color .18s,box-shadow .18s,transform .18s;}
.wf-cat:hover{border-color:var(--coral);box-shadow:var(--sh1);transform:translateY(-2px);}
.wf-cat-ico{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:12px;background:var(--tint);}
.wf-cat-ico svg{width:24px;height:24px;stroke:var(--coral);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.wf-cat h3{font-family:'Nunito Sans',sans-serif;font-weight:700;font-size:.94rem;color:var(--ink);margin:var(--s2) 0 2px;}
.wf-cat-n{display:block;font-size:.78rem;color:var(--muted);}

/* ---- 8. 产品卡（短代码输出 .wf-prod-grid / .wf-prod-card） ---- */
.wf-prod-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap);}
.wf-prod-card{position:relative;display:block;background:var(--card);border:1px solid var(--line);border-radius:var(--r16);
  overflow:hidden;text-decoration:none!important;color:var(--ink);transition:border-color .18s,box-shadow .18s,transform .18s;}
.entry-content a.wf-prod-card,.entry-content a.wf-prod-card *{text-decoration:none!important;}
.wf-prod-card:hover{border-color:#e3cdba;box-shadow:var(--sh1);transform:translateY(-2px);}
.wf-prod-card img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;background:var(--surface);}
.wf-prod-card h3{font-family:'Nunito Sans',sans-serif;font-weight:700;font-size:.92rem;line-height:1.45;
  margin:14px var(--s2) 6px;min-height:2.7em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.wf-prod-meta{display:flex;justify-content:space-between;align-items:center;gap:8px;
  padding:0 var(--s2) var(--s2);font-size:.8rem;color:var(--muted);}
.wf-go{color:var(--coral);font-weight:700;white-space:nowrap;}
.wf-chip{position:absolute;top:12px;left:12px;background:rgba(255,255,255,.94);color:var(--muted);
  font-size:.66rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:4px 10px;border-radius:var(--rpill);}

/* ---- 9. 流程步骤（五等分，同一种卡） ---- */
.wf-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--gap);}
.wf-step{background:var(--card);border:1px solid var(--line);border-radius:var(--r16);padding:var(--s3);}
.wf-step b{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:9px;
  background:var(--tint);color:var(--coral-d);font-size:.82rem;font-family:'Varela Round',sans-serif;margin-bottom:14px;}
.wf-step h3{font-family:'Nunito Sans',sans-serif;font-weight:700;font-size:.92rem;margin:0 0 6px;}
.wf-step p{margin:0;font-size:.85rem;color:var(--muted);line-height:1.6;}

/* ---- 10. FAQ（左标题右折叠，统一分隔线） ---- */
.wf-faq-wrap{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.5fr);gap:var(--s5);align-items:start;}
.wf-faq{border-top:1px solid var(--line);}
.wf-faq details{border-bottom:1px solid var(--line);padding:var(--s2) 0;}
.wf-faq summary{display:flex;justify-content:space-between;align-items:center;gap:var(--s2);
  font-weight:700;font-size:.98rem;color:var(--ink);cursor:pointer;list-style:none;}
.wf-faq summary::-webkit-details-marker{display:none;}
.wf-faq summary::after{content:"+";color:var(--coral);font-weight:700;font-size:1.2rem;line-height:1;}
.wf-faq details[open] summary::after{content:"−";}
.wf-faq details p{margin:12px 0 4px;color:var(--muted);font-size:.93rem;}

/* ---- 11. CTA 带（满宽单色，无圆角差异） ---- */
.wf-cta{background:var(--coral);color:#fff;text-align:center;padding:var(--s5) var(--gutter);}
.wf-cta h2{color:#fff;margin-bottom:var(--s1);}
.wf-cta p{color:rgba(255,255,255,.88);max-width:56ch;margin:0 auto var(--s3);}
.wf-cta .btn--light{box-shadow:var(--sh1);}

/* ---- 12. 询盘表单 ---- */
#wf-quote-form{background:var(--card);border:1px solid var(--line);border-radius:var(--r16);padding:var(--s3) var(--s4);box-shadow:var(--sh1);}
#wf-quote-form label{display:block;font-weight:700;font-size:.86rem;margin:var(--s2) 0 6px;}
#wf-quote-form input,#wf-quote-form textarea{width:100%;padding:.75em .95em;border:1px solid var(--line);border-radius:12px;
  font:inherit;background:var(--bg);transition:border-color .15s,background .15s;}
#wf-quote-form input:focus,#wf-quote-form textarea:focus{outline:none;border-color:var(--coral);background:#fff;}
#wf-quote-form button{margin-top:var(--s3);height:48px;padding:0 32px;background:var(--coral);color:#fff;border:0;
  border-radius:var(--rpill);font-weight:700;font-size:.94rem;cursor:pointer;transition:background .18s;}
#wf-quote-form button:hover{background:var(--coral-d);}
.wf-ok{background:#f1f7ef;border:1px solid #cfe3cc;color:#3f6b3d;border-radius:var(--r16);padding:var(--s2) var(--s3);}

/* ---- 13. 产品详情 ---- */
.single-msh_product .entry-content > h2{margin-top:var(--s4);}
.single-msh_product table{width:100%;border-collapse:collapse;border:1px solid var(--line);border-radius:var(--r16);overflow:hidden;margin-bottom:var(--s3);}
.single-msh_product table tr:nth-child(odd){background:var(--surface);}
.single-msh_product table td{padding:12px var(--s2);font-size:.94rem;}

/* ---- 14. 归档/单页标题（统一） ---- */
.home .entry-title,.home .page-header,.home .ast-archive-description{display:none;}
.page-header,.ast-archive-description{padding-top:var(--s5);padding-bottom:0;background:transparent;}
.entry-header .entry-title,.page-header .page-title{font-size:clamp(1.6rem,2.4vw,2.1rem);}
body.taxonomy-msh_product_cat .site-main > article,
body.taxonomy-msh_product_cat .ast-article-outer-wrap,
body.taxonomy-msh_product_cat .pagination{display:none!important;}
body.taxonomy-msh_product_cat .ast-container{padding-top:0;}

/* ---- 15. 页脚 ---- */
.site-footer{background:#2b2320;color:#cdb9a9;padding-top:var(--s2);}
.site-footer .footer-widget-area,
.site-footer .ast-footer-widget-0{display:none;}
.site-primary-footer-wrap{padding-top:var(--s2);padding-bottom:var(--s2);}
.site-footer .site-info{padding:0;}
.site-footer a{color:#f3c7a9;}
.footer-widget-area,.site-primary-footer-wrap{background:#2b2320;}
.site-info{color:#9c8772;font-size:.82rem;}

/* ---- 16. 响应式（栅格逐级收窄，间距刻度不变） ---- */
@media (max-width:1080px){
  .wf-prod-grid{grid-template-columns:repeat(3,1fr);}
  .wf-cats{grid-template-columns:repeat(3,1fr);}
  .wf-steps{grid-template-columns:repeat(3,1fr);}
  .statband .container{grid-template-columns:repeat(2,1fr);}
  .stat:nth-child(3){border-left:0;padding-left:0;}
}
@media (max-width:860px){
  :root{--s5:48px;--s6:56px;}
  .hero-grid{grid-template-columns:1fr;gap:var(--s4);}
  .hero-media img{aspect-ratio:16/10;}
  .hero-badge{left:12px;bottom:12px;}
  .wf-faq-wrap{grid-template-columns:1fr;gap:var(--s3);}
  .sec-head--row{flex-direction:column;align-items:flex-start;gap:var(--s1);}
  .wf-prod-grid{grid-template-columns:repeat(2,1fr);}
  .wf-cats{grid-template-columns:repeat(2,1fr);}
  .wf-steps{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:520px){
  .wf-prod-grid,.wf-cats,.wf-steps{grid-template-columns:1fr;}
  .statband .container{grid-template-columns:1fr;}
  .stat{border-left:0;border-top:1px solid var(--line);padding-left:0;}
  .stat:first-child{border-top:0;}
  #wf-quote-form{padding:var(--s3);}
}