/* ============================================================
   mobile.css — 全站移动端适配（yemingzhou.com）
   引用方式：<link rel="stylesheet" href="/css/mobile.css?v=20260927a">
   断点：≤860px 顶栏收纳；≤640px 弹窗/表单/正文紧凑化
   ============================================================ */

/* ---------- ≤860px：顶栏收纳（防撑宽页面） ---------- */
@media(max-width:860px){
  .nav{flex-wrap:wrap;height:auto;padding:10px 0;row-gap:8px}
  .logo{flex:1 1 auto;white-space:nowrap;font-size:18px}
  .nav-tools{flex:none;margin-left:auto;gap:6px}
  .lang-sel{padding:5px 4px;font-size:12px;max-width:96px}
  .cur-switch{padding:5px 4px;font-size:12px;max-width:88px}
  /* 导航链接收进第二行，放不下时横向轻扫 */
  .nav-links{order:3;width:100%;flex-wrap:nowrap;overflow-x:auto;gap:16px;padding:6px 0 2px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .nav-links::-webkit-scrollbar{display:none}
  .nav-links a,.cart-btn{white-space:nowrap;flex:none}
}

/* ---------- ≤640px：手机紧凑化 ---------- */
@media(max-width:640px){
  .container{padding:0 16px}
  /* 弹窗：绝不超屏（此前 640px 定宽在手机上把页面撑出横向滚动） */
  .mask{padding:4vh 12px}
  .dialog{width:100%;max-width:100%;padding:20px 16px}
  .dlg-btns button{padding:11px 18px}
  /* iOS：输入框 ≥16px，聚焦时不再自动放大页面 */
  form input,form textarea,.field input,.field textarea,.qty-box .qty-input{font-size:16px}
  /* 首页 hero */
  .hero{padding:56px 0}
  .hero p{font-size:15px}
  /* 详情页大图 */
  .pd-img .big{min-height:240px}
  .pd-img .big img{max-height:300px}
  /* 政策/关于正文 */
  .legal{padding:36px 0 24px}
  .legal-title{font-size:24px}
  .legal h2{font-size:18px}
  .legal p,.legal li{font-size:15px}
}

/* ---------- 悬浮联系条避让 Cookie 横幅（所有宽度） ---------- */
.fc-wrap{transition:bottom .25s}
body.fc-cookie .fc-wrap{bottom:150px !important}
@media(max-width:640px){body.fc-cookie .fc-wrap{bottom:170px !important}}