/* ============================================================================
   S6-B6.65x —— SHADOW-ONLY RESPONSIVE OVERRIDE
   ----------------------------------------------------------------------------
   归属裁定（ownership gate）：
     源缺陷位于 `css/style.css` 与 `css/product-detail.css`，二者 **源站与 shadow 共享**
     ⇒ CSS_OWNERSHIP = SHARED_SOURCE_PRODUCTION ⇒ ⛔ 禁止直接编辑该文件
     ⇒ 本文件为 **shadow-only override**（仅由 shadow 页加载；源站冻结页面不引用）

   根因（ROUND A0/B1 实测，同一类）：
     GRID_TRACK_MIN_CONTENT_CONSTRAINT —— `grid-template-columns: 1fr …` 的 min 是 **auto = min-content**
     ⇒ 网格轨被内容 min-content 撑破容器（`342.859px > 312px`），文档 scrollWidth 溢出
     ＋ 非收缩 flex 子项（`.main-image`）同因

   规则均为 **component-generic**（⛔ 无 [href*=]、⛔ 无页面 class / pathname / nth-child / 产品名选择器）
   ⛔ 不使用 `overflow-x:hidden` 掩盖；⛔ 不截断文字、不删长词

   S6-B6.65x 追加块（可整块回退）
   ========================================================================= */

/* ---- A：相关产品网格（≤480 移动 2 列）—— 保留 2 列，只把轨 min 归零 ---- */
@media (max-width: 480px) {
    .related-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* ---- B1：产品详情主网格（≤1024 单列）—— `1fr` → `minmax(0,1fr)` ---- */
@media (max-width: 1024px) {
    body.product-page .product-detail > .container {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* ---- B2：首屏键值清单（轨 min 归零）—— 同一根因 ---- */
@media (max-width: 1024px) {
    body.product-page .product-info .key-features {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* 桌面基线同为 `1fr 1fr`（auto min ✗）⇒ 窄桌面段（≥1025）显式 2 轨 minmax(0,1fr)
   ⚠️ **必须包在 `@media (min-width:1025px)` 内**（⛔ 不能裸写：裸写会排在 ≤1024 规则之后
      ⇒ 反把**移动端既有的 1 列布局**覆盖掉 ✗ —— 实测会连带改变页面高度/滚动条状态，
      并在 `test-tube-en` / `plastic-pcr-tube-en` 上造成 nav 侧 16px 溢出 ✗）*/
@media (min-width: 1025px) {
    body.product-page .product-info .key-features {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* ---- B2b：键值清单的 `<strong>` 标签 `white-space: nowrap`（product-detail.css:187）----
   在窄容器内**撑破轨道**（实测强标签宽 315 > 轨 240）。
   ⛔ 这不是截断 —— 而是**放行换行**（wrap），文字零丢失、零裁切 ✓ */
body.product-page .product-info .key-features li strong {
    white-space: normal;
}

/* ---- B3：首屏图区（≤1024）—— 非收缩 flex 子项归零 ---- */
@media (max-width: 1024px) {
    body.product-page .product-image .main-image {
        min-width: 0;
        max-width: 100%;
    }

    body.product-page .product-image .main-image > * {
        min-width: 0;
        max-width: 100%;
    }
}