/* ==========================================================
   手机抽屉补丁（第十版 · 合并去重版）
   只作用于 ≤760px；PC 端一行规则都不碰。
   1) 底部「免费出一份配餐方案」区：按钮恒为一行满宽胶囊，两张名片恒并排等宽
   2) 01→07 含「联系我们」每次打开菜单错峰浮入（不再克隆节点，选中态不会被冲掉）
   3) 选中项样式见 nav-active.css（本文件不再重复定义，避免互相覆盖）
   ========================================================== */
@media (max-width:760px){

  /* ---- 抽屉骨架：整屏高度，中部可滚，底部区永远跟在最后 ---- */
  .nav{height:100vh;height:100dvh;min-height:0;}
  .nav__bd{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;}
  .nav__foot{
    flex:0 0 auto;min-height:0;overflow:hidden;
    display:flex!important;flex-direction:column;gap:10px;
    padding:12px 14px calc(11px + env(safe-area-inset-bottom,0px));
  }

  /* ---- ① 主按钮：显式锁 高/行高/字号，任何继承都压不垮，绝不变成圆球 ---- */
  .nav__foot .btn--primary,
  .nav__foot>.btn{
    display:flex!important;align-items:center;justify-content:center;
    width:100%!important;min-width:0!important;max-width:100%;flex:0 0 auto;
    box-sizing:border-box!important;
    height:48px!important;min-height:48px;max-height:52px;line-height:48px!important;
    padding:0 16px!important;margin:0!important;border:0;border-radius:100px!important;
    font-family:inherit;font-size:clamp(13.6px,3.7vw,15.4px)!important;font-weight:800;letter-spacing:.3px;
    white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis;aspect-ratio:auto!important;
    background:linear-gradient(135deg,#FF9A2E,#F2790C);color:#fff;
    box-shadow:0 10px 22px rgba(242,121,12,.26);
  }
  .nav__foot .btn--primary *{white-space:nowrap;}

  /* ---- ② 两张名片：CSS Grid 强制两列等宽等高，号码超长只省略不撑破 ---- */
  .nav__cards{
    display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:9px;width:100%;flex:0 0 auto;min-height:0;
  }
  .nav__cards a{
    display:flex!important;flex-direction:row!important;align-items:center!important;
    gap:7px;width:auto!important;min-width:0!important;max-width:100%;flex:0 0 auto;
    box-sizing:border-box!important;height:46px;padding:6px 9px!important;margin:0;
    border-radius:12px;background:#fff;border:1px solid var(--line);overflow:hidden;
  }
  .nav__cards em{flex:0 0 16px;width:16px;height:16px;display:grid;place-items:center;
    font-size:13px;line-height:1;font-style:normal;}
  .nav__cards span{flex:1 1 auto!important;min-width:0;display:block;}
  .nav__cards b{display:block;font-size:9.2px;font-weight:700;color:var(--ink-3);
    letter-spacing:.6px;line-height:1.25;white-space:nowrap;}
  .nav__cards span.t{display:block!important;font-size:11.2px;font-weight:700;color:var(--green-800);
    line-height:1.3;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

  /* ---- ③ 底部小字：独占一行居中 ---- */
  .nav__foot>p{
    flex:0 0 auto;width:100%;box-sizing:border-box;margin:0!important;padding:0;
    font-size:10.6px;line-height:1.5;color:var(--ink-3);text-align:center;letter-spacing:.2px;
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  }

  /* ---- ④ 第 07 格「联系我们」通栏卡：横向一行，与 01~06 同为格子、同一节奏 ---- */
  .nav__ul>li:nth-child(7)>a{
    display:flex!important;flex-direction:row!important;align-items:center!important;
    justify-content:flex-start!important;gap:10px!important;
    width:100%;box-sizing:border-box;min-height:60px!important;height:auto!important;
    padding:11px 12px!important;margin:0;flex:0 0 auto;overflow:hidden;
    background:var(--orange-100,#FFF3E4);border:1px solid #FFE3C2;border-radius:14px;
  }
  .nav__ul>li:nth-child(7) a .ni{position:static!important;flex:0 0 20px;font-size:20px;line-height:1;top:auto;right:auto;}
  .nav__ul>li:nth-child(7) a .nt{flex:1 1 auto!important;min-width:0;padding:0!important;}
  .nav__ul>li:nth-child(7) a .nv{font-size:15.4px!important;font-weight:800;color:var(--orange-600,#D96A07);white-space:nowrap;}
  .nav__ul>li:nth-child(7) a .ns{font-size:10.6px;color:#B26A12;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .nav__ul>li:nth-child(7) a .nd{flex:0 0 auto;position:static!important;top:auto;left:auto;
    padding:3px 7px!important;border-radius:8px;background:#fff;color:var(--orange-600,#D96A07);
    font-size:9.5px;font-weight:800;letter-spacing:.5px;width:auto!important;height:auto!important;}

  /* ---- ⑤ 错峰浮入：只加 class、不换节点，所以选中态（is-cur/is-active）永不被冲掉 ---- */
  @keyframes mmRise{from{opacity:0;transform:translateY(18px) scale(.985);}to{opacity:1;transform:none;}}
  body.nav-open .nav__ul>li>a{
    animation:mmRise .46s cubic-bezier(.22,.7,.3,1) both!important;
    animation-delay:var(--d,.06s)!important;
  }
  body.nav-open .nav__foot{animation:mmRise .5s ease both!important;animation-delay:.40s!important;}

  /* ---- ⑥ 320 等超窄屏：整体再降一档，两列仍保持 ---- */
  @media (max-width:360px){
    .nav__foot .btn--primary,.nav__foot>.btn{height:45px!important;min-height:45px;line-height:45px!important;font-size:13.6px!important;padding:0 12px!important;}
    .nav__cards{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:7px;}
    .nav__cards a{height:44px;padding:6px 7px!important;gap:5px;}
    .nav__cards span.t{font-size:10.6px;} .nav__cards b{font-size:8.8px;}
    .nav__foot>p{font-size:10px;}
    .nav__ul>li:nth-child(7)>a{gap:8px!important;padding:10px!important;}
    .nav__ul>li:nth-child(7) a .nv{font-size:14.6px!important;}
    .nav__ul>li:nth-child(7) a .ns{font-size:10px;}
  }

  /* ---- ⑦ 横屏矮屏：卡片压矮，底部区依然完整可见 ---- */
  @media (max-height:420px){
    .nav__hd{padding:12px 14px 10px;} .nav__hd img{width:30px;height:30px;} .nav__hd-t b{font-size:14px;}
    .nav__bd{padding:10px 12px 6px;}
    .nav__ul>li>a{min-height:54px!important;padding:9px 10px 9px 12px!important;}
    .nav__ul>li>a .nv{font-size:14.6px!important;} .nav__ul>li>a .ns{margin-top:2px;font-size:10px;}
    .nav__ul>li:nth-child(7)>a{min-height:50px!important;}
    .nav__foot{gap:8px;padding:10px 12px calc(9px + env(safe-area-inset-bottom,0px));}
    .nav__foot .btn--primary,.nav__foot>.btn{height:42px!important;min-height:42px;line-height:42px!important;font-size:14px!important;}
    .nav__cards a{height:40px;}
  }

  @media (prefers-reduced-motion:reduce){
    body.nav-open .nav__ul>li>a,body.nav-open .nav__foot{animation:none!important;opacity:1!important;transform:none!important;}
  }
}