/* ============================================================================
   SLL · 详情页/分类描述里的表格 —— 横向滚动而不是撑破/裁掉
   2026-09-01  业务反馈 #729：手机端表格右侧内容看不到、也没法左右滑

   问题：老页面的表格是 table-layout:auto，声明的 width 只是【最小值】，
        实际按内容撑开。#729 实测：
          桌面 容器1003px / 表格1021px  -> 顶出去 18px
          手机 容器 337px / 表格1021px  -> 直接被裁掉, 右侧内容不可达

   做法：只给【直接包着表格的那个容器】加 overflow-x:auto。
        ★ 表格自身一个属性都不动 ★ —— 放得下的表格零变化(不会出现滚动条)，
        放不下的可以左右滑。

   ☠ 试过并否决的（都会破坏本来正常的表格，实测数据见 CLAUDE.md §0.37）:
     table{max-width:100%}                    -> 无效, #729 仍 1052px
     table{display:block;width:auto}          -> 把 #424 本来 560px 的小表拉宽到 993px
     table{display:inline-block;width:auto}   -> 把 #424 的 560px 压成 421px

   :has() 现代浏览器全支持(Chrome105+/Safari15.4+/FF121+)；老浏览器直接忽略这条，
   行为退回今天的样子，不会更糟。
   ============================================================================ */

#productDescription:has(> table),
#productDescription *:has(> table),
.info-des-boxs:has(> table),
.info-des-boxs *:has(> table) {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    max-width: 100%;
}