/* ============================================================
   内页手机端统一排版（2026-10-28）
   作用：公墓一览 / 公墓详情 / 四个服务页 / 两篇文章 共 43 页
   只在 ≤859px 生效，电脑端完全不受影响
   挂载位置：各页 </style> 之后、</head> 之前
   ============================================================ */

/* 内页吸顶简版导航：默认（电脑端）隐藏 */
.m-nav{display:none}

@media (max-width: 859px){

  /* ---------- 内页吸顶导航：独立 sticky，吸在顶栏（60px）正下方 ----------
     说明：微信内核下 sticky 不可嵌套，故与本页 header 各自独立吸顶；
     深绿底 + 白胶囊 + 金线收口，与首页目录条同一套视觉语言 */
  .m-nav{
    position:sticky;top:60px;z-index:49;
    display:grid;grid-template-columns:repeat(4,1fr);gap:6px;
    padding:7px 12px;background:var(--green-900);
    border-bottom:3px solid var(--gold);
  }
  .m-nav a,.m-nav button{
    display:block;width:100%;text-align:center;font-size:12.5px;font-weight:600;
    color:var(--green-900);background:#fff;border:none;border-radius:99px;
    padding:6px 0;line-height:1.35;font-family:inherit;cursor:pointer;
  }
  .m-nav a.on{background:var(--gold);color:#fff}
  .m-nav a:active,.m-nav button:active{background:var(--gold);color:#fff}

  /* ---------- 页面骨架：整体收紧间距 ---------- */
  .wrap{padding:0 16px}
  section{padding:28px 0}
  h2{font-size:18px;margin-bottom:12px;padding-left:10px;border-left-width:3px;letter-spacing:.5px}

  /* ---------- 页头 ---------- */
  .crumb{font-size:12.5px;padding-top:10px}
  .page-head{padding:16px 0 0}
  .page-head h1{font-size:21px;letter-spacing:1px;line-height:1.45}
  .page-head p{font-size:13.5px;margin-top:6px;line-height:1.7}

  /* ---------- 按钮与行动区 ---------- */
  .btn{padding:11px 20px;font-size:14px}
  .cta-band{margin-top:24px;padding:22px 16px}
  .cta-band h3{font-size:17.5px;letter-spacing:.5px}
  .cta-band p{font-size:13px;margin-top:4px}
  .cta-band .btns{margin-top:14px;gap:9px}

  /* ---------- 提示框 ---------- */
  .note,.note-box,.tips{padding:13px 15px;font-size:13px;margin-top:16px;line-height:1.7}

  /* ---------- 页脚与底部悬浮条 ---------- */
  footer.site{padding:22px 0 16px;margin-top:28px;font-size:12.5px}
  .beian{font-size:11.5px;line-height:1.8}
  .float-bar a,.float-bar button{padding:8px 0 6px;font-size:11px}
  .float-bar .f-ico{font-size:17px}

  /* ---------- 公墓一览页 ---------- */
  .znav{gap:8px;margin-top:14px}
  .znav a{font-size:13px;padding:6px 13px}
  .zdesc{font-size:12.5px;margin-bottom:10px}
  .grid{gap:10px}
  .gcard b{font-size:14.5px;margin:10px 12px 0}
  .gcard .d{font-size:12px;margin:2px 12px 0}
  .gcard .tags{font-size:11.5px;margin:5px 12px 0}
  .gcard .pr{font-size:12px;margin:6px 12px 0}
  .gcard{padding-bottom:12px}
  .step{padding:12px 14px;gap:10px}
  .step .no{width:26px;height:26px;font-size:13px}
  .step h4{font-size:14.5px}
  .step p{font-size:12.5px;line-height:1.65}
  .faq .q{padding:12px 15px;margin-bottom:9px}
  .faq .q b{font-size:14px}
  .faq .q p{font-size:13px;line-height:1.7}

  /* ---------- 公墓详情页 ---------- */
  .hero-ph{height:176px;font-size:12.5px}
  .hero-ph .big{font-size:14px}
  .info h1{font-size:21px}
  .info .pos{font-size:13.5px;margin-top:6px}
  .stats{gap:10px;margin-top:18px}
  .stat{padding:12px 10px}
  .stat b{font-size:18px}
  .stat span{font-size:12px}
  .type{padding:14px 15px;gap:8px}
  .type h4{font-size:15px}
  .type p{font-size:12.5px}
  .price{margin-left:0;text-align:left;width:100%;padding-top:8px;border-top:1px dashed var(--line)}
  .price b{font-size:18px}
  .gallery{gap:8px}
  .near{padding:13px 14px}
  .near .nthumb{width:60px;height:46px}
  .near b{font-size:14.5px}
  .near i{font-size:12px;margin-top:5px}
  .near-all{margin-top:14px}
  .near-all a{font-size:13.5px;padding:9px 20px}

  /* ---------- 服务页：流程 / 套餐 ---------- */
  .steps{gap:9px;margin-top:18px}
  .step p{line-height:1.65}
  .plans{gap:11px;margin-top:18px}
  .plan{padding:18px 16px}
  .plan h3{font-size:16.5px}
  .plan .price{font-size:14.5px;margin:5px 0 8px}
  .plan ul{font-size:13px}
  .plan li{padding:3px 0 3px 20px}

  /* ---------- 用品页：大类改为通栏单列（关键：2 列会把特价小图压成窄条） ---------- */
  .cats{grid-template-columns:1fr;gap:11px;margin-top:18px}
  /* 图标与标题同一行在上，描述跨整行在下（压缩卡片高度） */
  .cat{display:grid;grid-template-columns:34px 1fr;column-gap:10px;row-gap:0;align-items:center;padding:14px 15px}
  .cat .ico{grid-row:1;width:34px;height:34px;font-size:17px;border-radius:9px;margin:0;display:flex;align-items:center;justify-content:center}
  .cat h3{grid-column:2;font-size:15.5px;margin:0}
  .cat p{grid-column:1/3;font-size:12.5px;line-height:1.65;margin:6px 0 0}
  .cat .items{grid-column:1/3;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:12px}
  .it{padding:8px 8px 10px}
  .it .ph2{height:auto;aspect-ratio:4/3;margin-bottom:6px}
  .it .ph-tbd{height:auto;aspect-ratio:4/3;margin-bottom:6px}
  .it b{font-size:12.5px;line-height:1.4}
  .it .pr{font-size:12.5px;margin-top:3px}
  .promise{padding:20px 15px}
  .pgrid{gap:9px;margin-top:14px}
  .pgrid .p{padding:12px 10px}
  .pgrid b{font-size:14.5px;margin-bottom:2px}
  .pgrid span{font-size:12px}
  .steps .s{padding:13px 11px}
  .steps .s i{width:24px;height:24px;font-size:13px}

  /* ---------- 生前契约页：图标与标题同行压缩（同用品页思路） ---------- */
  .cards{gap:11px;margin-top:18px}
  .card{display:grid;grid-template-columns:34px 1fr;column-gap:10px;align-items:center;padding:15px 16px}
  .card .ico{grid-row:1;width:34px;height:34px;font-size:17px;border-radius:9px;margin:0;display:flex;align-items:center;justify-content:center}
  .card h3{grid-column:2;font-size:15.5px;margin:0}
  .card p{grid-column:1/3;font-size:13px;line-height:1.7;margin:6px 0 0}

  /* ---------- 文章页正文 ---------- */
  article{padding:18px 0 6px}
  article h1{font-size:21px;line-height:1.45;letter-spacing:.3px}
  .meta{font-size:12px;margin:10px 0 4px;padding-bottom:12px}
  article h2{font-size:17.5px;margin:24px 0 10px;padding-left:10px;border-left-width:3px}
  article h3{font-size:15.5px;margin:16px 0 7px}
  article p{font-size:14.5px;line-height:1.85;margin:10px 0}
  article li{font-size:14.5px;line-height:1.8}
  article ul,article ol{margin:8px 0 8px 20px}
  .box{padding:14px 15px;margin:14px 0}
  .box h4{font-size:14.5px}
  .box p{font-size:13.5px}
  .warn:not(.tag){padding:13px 15px;font-size:13.5px;margin:14px 0}
  /* 公墓详情页：.step 用 ::before 绝对定位序号，须保留左侧空间，否则序号压字 */
  .gmu .step{padding:12px 14px 12px 46px}

  /* ---------- 公众号关注横条 ---------- */
  .gzh-band{padding:14px 0;margin-top:28px}
}