/* 维护说明：本文件为共享样式，由对应页面 <link> 引入。
   顶部导航由 _shared/js/site-nav.js 注入（.sn-*），此处不含导航样式。 */
/* ===== 新领航官网 - 通用移动端适配 ===== */
/* 在每个 HTML 的 </style> 后面加一行：<link rel="stylesheet" href="mobile-fix.css"> */

/* ===== 全局 ===== */
img { max-width: 100%; height: auto; }
table { max-width: 100%; }

/* ===== 平板 (<=1080px) ===== */
@media (max-width: 1080px) {
  /* 顶部留出 > 66px 导航栏高度的空间，避免标题被固定导航栏遮挡 */
  .container { width: 94% !important; padding: 88px 16px !important; }
  .param-card { padding: 32px !important; }
  .product-grid { grid-template-columns: repeat(2, 1fr) !important; }
}

/* ===== 手机 (<=720px) ===== */
@media (max-width: 720px) {
  /* 基础布局 */
  .container { width: 94% !important; padding: 84px 14px !important; }
  body { padding: 40px 10px !important; font-size: 15px !important; }

  /* 标题缩小 */
  .section-head h2, .section-title { font-size: 24px !important; }
  h3 { font-size: 20px !important; }
  h4 { font-size: 17px !important; }

  /* 参数卡片 */
  .param-card { padding: 20px !important; border-radius: 14px !important; }
  .param-title { font-size: 24px !important; margin-bottom: 24px !important; }
  .group-title { font-size: 18px !important; }

  /* 参数表格变成卡片式 */
  .param-table { font-size: 14px !important; }
  .param-table td { padding: 10px 8px !important; display: block; width: 100% !important; }
  .param-table td:first-child { font-size: 13px; color: #888; border-bottom: none; padding-bottom: 2px; }
  .param-table td:last-child { padding-bottom: 12px; border-bottom: 1px solid #eee; }
  .param-table tr { border-bottom: none; }

  /* 产品网格 */
  .product-grid { grid-template-columns: repeat(2, 1fr) !important; gap: 14px !important; }
  .product .thumb { padding: 14px !important; }
  .product .meta { padding: 12px !important; }
  .product h4 { font-size: 14px !important; }

  /* 产品大图 */
  .product-top-img { margin-bottom: 24px !important; }

  /* 返回按钮 */
  .back-btn { font-size: 15px !important; padding: 10px 24px !important; }
}

/* ===== 小屏手机 (<=480px) ===== */
@media (max-width: 480px) {
  .product-grid { grid-template-columns: 1fr !important; }
  .container { padding: 80px 10px !important; }
  .param-card { padding: 14px !important; }
  h2 { font-size: 22px !important; }
}