
/* ==========================================================================
   商品详情正文 —— 移动端字号自适应修正
   站点：tdinductor.com（后台 upbi678.myueeshop.com）
   日期：2026-09-17

   【问题】
   商品详情正文里的标题字号是「内联写死的 px」写在 span 的 style 上
   （48px / 28px / 24px / 22px / 20px…）。内联样式在所有屏幕宽度下都生效，
   主题自带的移动端媒体查询管不到它，所以手机上标题和电脑上一样大。
   → 390px 手机上 48px 的 "Electrical Characteristics" 会被折成三行。

   【办法】
   用媒体查询 + !important 把移动端的字号压到合适档位。
   作者样式里的 !important 声明可以盖过内联普通声明，这是唯一能盖内联的办法。

   【作用域】
   只作用于 .description_box .editor_txt —— 即商品详情正文。
   不碰页头、页脚、产品图册、其它版块。

   【以后新增字号怎么办】
   下面按 64→20px 给了一整条阶梯。正文里写了别的字号（比如 96px、72px），
   照样式复制一行、把数值换掉即可。
   ========================================================================== */

@media screen and (max-width: 1000px) {

  /* ---- 特大标题（48px 及以上）：Specifications / Electrical Characteristics /
          Outline Dimensions / Key Features 等 ---- */
  .description_box .editor_txt [style*="font-size: 64px"],
  .description_box .editor_txt [style*="font-size:64px"] { font-size: 28px !important; line-height: 1.3 !important; }

  .description_box .editor_txt [style*="font-size: 56px"],
  .description_box .editor_txt [style*="font-size:56px"] { font-size: 27px !important; line-height: 1.3 !important; }

  .description_box .editor_txt [style*="font-size: 48px"],
  .description_box .editor_txt [style*="font-size:48px"] { font-size: 24px !important; line-height: 1.35 !important; }

  .description_box .editor_txt [style*="font-size: 40px"],
  .description_box .editor_txt [style*="font-size:40px"] { font-size: 22px !important; line-height: 1.35 !important; }

  .description_box .editor_txt [style*="font-size: 36px"],
  .description_box .editor_txt [style*="font-size:36px"] { font-size: 21px !important; line-height: 1.4 !important; }

  .description_box .editor_txt [style*="font-size: 32px"],
  .description_box .editor_txt [style*="font-size:32px"] { font-size: 20px !important; line-height: 1.4 !important; }

  .description_box .editor_txt [style*="font-size: 30px"],
  .description_box .editor_txt [style*="font-size:30px"] { font-size: 20px !important; line-height: 1.45 !important; }

  /* ---- 次级标题 ---- */
  .description_box .editor_txt [style*="font-size: 28px"],
  .description_box .editor_txt [style*="font-size:28px"] { font-size: 18px !important; line-height: 1.4 !important; }

  .description_box .editor_txt [style*="font-size: 26px"],
  .description_box .editor_txt [style*="font-size:26px"] { font-size: 17px !important; line-height: 1.45 !important; }

  /* ---- 表格表头 / 小标题 ---- */
  .description_box .editor_txt [style*="font-size: 24px"],
  .description_box .editor_txt [style*="font-size:24px"] { font-size: 17px !important; line-height: 1.45 !important; }

  /* ---- 要点条目 ---- */
  .description_box .editor_txt [style*="font-size: 22px"],
  .description_box .editor_txt [style*="font-size:22px"] { font-size: 16px !important; line-height: 1.55 !important; }

  .description_box .editor_txt [style*="font-size: 20px"],
  .description_box .editor_txt [style*="font-size:20px"] { font-size: 16px !important; line-height: 1.5 !important; }

  /* 16px 正文保持不变 —— 390px 手机上 16px 正好。 */

  /* ======================================================================
     以下为【可选】项：多列数据表在手机上横向滚动。
     不需要的话，把下面这 4 行整段删掉即可 —— 删掉只是表格继续被压窄，
     列头文字会竖着排（Part Number → "Part Numb er"）。
     ====================================================================== */
  .description_box .editor_txt .editor_table_wrap > table:not(.spec-table-v) {
    min-width: 720px;
  }
}
