/* r81 · 产品静态页专属样式（/products/<slug>.html）
   ────────────────────────────────────────────────────────────
   ① 桌面档：手机导航 .mhd 与手机页脚 .mft 让位（保险写法，覆盖两族约定）
   ② 手机档（<=1023px）：桌面 .hd/.ft 隐去，正文由桌面 4 段网格切为单列固定 px
      字号取全站手机档字阶（23/20/17/15/14/13），不再乘 --k。            */

header.mhd, footer.mft{ display:none }

@media (max-width:1023px){
header.hd, footer.ft{ display:none }
header.mhd, footer.mft{ display:block }

#body.p-page .p-wide{ width:auto; max-width:none; padding:32px 18px 28px }
#body.p-page .p-eyebrow{ margin-top:14px; font-size:13px; letter-spacing:1.4px; line-height:1.4 }
#body.p-page .p-h1{ margin-top:10px; font-size:23px; line-height:1.28; letter-spacing:-.2px }
#body.p-page .p-lead{ margin-top:10px; font-size:15px; line-height:1.65 }

#body.p-page .p-shell{ display:block; width:auto; max-width:none; padding:0 }
#body.p-page .p-side{ display:none }
#body.p-page .p-main{ display:block; width:auto }
#body.p-page .p-core{ width:auto; max-width:none; padding:0 18px }
#body.p-page .p-sect{ padding:30px 0 }
/* 桌面档 .p-sect::before 用 left:-510px / right:-210px（版心→画布）做底色通栏；
   窄屏下会把底色挤出屏外 43px ⇒ 手机档直接贴满 section（section 本就是全宽 block）*/
#body.p-page .p-sect::before{ left:0; right:0 }

#body.p-page .p-prod{ display:block; margin:0 }
#body.p-page .p-shot{ width:100%; max-width:320px; margin:0 auto; border-radius:10px }
#body.p-page .p-shot img{ padding:16px }
#body.p-page .p-eye-lg{ margin:26px 0 0; font-size:13px; letter-spacing:1.4px }
#body.p-page .p-h2{ margin-top:8px; font-size:20px; line-height:1.3 }
#body.p-page .p-kv{ margin-top:16px }
#body.p-page .p-kvr{ grid-template-columns:minmax(0,1fr); gap:3px; padding:10px 0 }
#body.p-page .p-kvk{ font-size:13px; letter-spacing:.6px }
#body.p-page .p-kvv{ font-size:14px; line-height:1.6 }
#body.p-page .p-btns{ display:block; margin-top:20px }
#body.p-page .p-btn{ display:flex; width:100%; height:46px; padding:0 20px; font-size:15px;
  border-radius:6px; border-width:1px }
#body.p-page .p-btns .p-btn + .p-btn{ margin-top:10px }
#body.p-page .p-note{ margin-top:16px; font-size:13px; line-height:1.65; max-width:none }

#body.p-page .p-twocol{ display:block; margin-top:24px }
#body.p-page .p-tblt{ font-size:20px; margin:0 0 12px }
#body.p-page .p-twocol > div + div .p-tblt{ margin-top:26px }
#body.p-page .p-tblr{ grid-template-columns:minmax(0,1fr); gap:3px; padding:9px 0 }
#body.p-page .p-tblk{ font-size:13px }
#body.p-page .p-tblv{ font-size:14px; line-height:1.6 }

#body.p-page .p-hdrow{ display:block }
#body.p-page .p-hdrow .p-btn{ display:inline-flex; width:auto; height:auto; padding:11px 18px;
  margin-top:16px; font-size:14px }
#body.p-page .p-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px }
#body.p-page .p-card .p-oe{ font-size:14px }
#body.p-page .p-card .p-nm{ font-size:15px; line-height:1.35 }
#body.p-page .p-card .p-ft{ font-size:12px }
#body.p-page .p-go{ font-size:13px }
}