/* 移动端收口 —— 单独成文件，避免单文件超出 FTP 上限 */
/* ===== 移动端收口（≤620px）===== */
@media(max-width:620px){
  .pledge .wrap{grid-template-columns:1fr;gap:14px;padding:22px 24px}
  .hero .cta{flex-direction:column;align-items:stretch}
  .hero .cta .btn{justify-content:center}
  .hero-visual{max-width:300px;aspect-ratio:1/1;margin:0 auto}
  .hero .wrap{padding:52px 24px 60px;gap:28px}
  .hero-stats{gap:20px 26px;margin-top:30px}
  .hero-stats div b{font-size:25px}
  .spectable{max-width:100%!important;table-layout:fixed}
  .spectable td{word-break:break-word}
  .spectable td:first-child{width:38%}
  .gallery-grid{grid-template-columns:1fr 1fr!important}
  .contact-grid{grid-template-columns:1fr}
  .markets .region span{font-size:12px}
  h1{font-size:clamp(26px,7vw,34px)}
  .by-page h1{font-size:clamp(26px,7vw,34px)}
  .prod-grid{grid-template-columns:repeat(2,1fr);gap:12px}
  .prod-card .prod-body{padding:12px 12px 14px}
  .prod-card .prod-name{font-size:13.5px}
  .cart-btn .cw,.cart-btn .cc{display:none}
}

/* ===== 移动端搜索面板（≤620px）=====
   桌面上面板的定位基准是 .nav-right（relative，右边缘对齐 Inquiry List）、宽 240px；
   窄屏导航右侧只剩 ~160px 空间，向右对齐的 240px 会冲出屏幕左边。
   所以这里把 .nav-right 和 .nav-search 都设回 static，让面板以 header 为基准、
   左右各留 16px 整条铺满，贴在导航下方。 */
@media(max-width:620px){
  .nav-right{position:static}
  .nav-search{position:static}
  .search-form{left:16px;right:16px;width:auto;top:calc(100% + 8px)}
}

/* ===== 超窄屏（≤380px）导航收紧 =====
   360px 下 logo 136 + 导航右侧 189 + 左右留白 56 = 381px，超过视口 → 页面横向可滚动 7px。
   办法：左右留白 28→16（省 24px），搜索热区 38→32（省 6px），共省 30px，重新装得下。
   只作用于 ≤380px（iPhone SE / 老安卓）；390 及以上的常规手机原样装得下，不动。 */
@media(max-width:380px){
  .nav-inner{padding-left:16px;padding-right:16px}
  .search-toggle{width:32px;height:32px}
  .search-toggle .nav-ico{width:22px;height:22px}
}