/* ==========================================================================
   【第42轮】手机端触控目标 —— proof/mobiletest.js 实测抓到的最后一项

   实测 375 / 390 / 412 三个宽度下都是同样这四个太小：
       btnMenu   42x30    btnMore   39x30
       btnReset  76x30    modal__x  31x31
   30px 高是【鼠标】的尺寸。手指的最小舒适点击区是 44pt（Apple HIG）
   / 48dp（Material），30px 在店里单手拿手机时是点不准的 ——
   尤其 btnMenu 在顶栏右上角、btnReset 在筛选行右侧。

   桌面端不改（鼠标精度够，30px 在桌面是紧凑的合理密度）。
   ========================================================================== */
@media (max-width:899px){
  /* 顶栏图标按钮 */
  #btnMenu,
  .btn--sm,
  .mst-bar .btn,
  .mst-bar button{
    min-height:44px;
  }
  /* 筛选行里的"清空筛选 / 更多" */
  #btnReset{ min-height:44px; padding-left:16px; padding-right:16px; }
  /* 弹窗关闭按钮：正方形，至少 44x44 */
  .modal__x{
    width:44px; height:44px; min-width:44px; min-height:44px;
    display:inline-flex; align-items:center; justify-content:center;
  }
  /* 用 :has() 兜住所有"小按钮"类名变体（btn--ghost 等） */
  body:has(#btnMenu) header .btn{ min-height:44px; }
  /* 圆点/叉号类的小热区（标签上的删除按钮） */
  body:has(#btnMenu) .chip__x,
  body:has(#btnMenu) .tag__x{
    min-width:32px; min-height:32px;
    display:inline-flex; align-items:center; justify-content:center;
  }
}