/* T-MALL-RESP-1025 桌面族窄窗件 mall-desktop-narrow.css — 由 01_脚本/scripts/08_工具/css合并.py 从 mall/*.css 生成, 禁止手改。
 * 桌面族 UA 窄窗 (<1025) 地板与移动态撤销规则; 源 desktop-narrow.css 整篇路由 (T-MALL-UASPLIT-1104, 与移动件互斥加载)
 * 源清单 (顺序=原加载顺序): layout.css + card.css + category.css + product.css + cart.css + order.css + articles.css + share_dock.css + glass.css + animation.css + liquid.css + theme.css + bg_layer.css + lightbox.css + poster.css + modal.css */

/* ===== source: desktop-narrow.css (md5 47a2f4b8f73d) ===== */
/* ============================================================
   T-MALL-UASPLIT-1104 — 桌面族窄窗源模块 (2026-11-04 用户裁定, 京东电商口径)
   合并器 (01_脚本/scripts/08_工具/css合并.py) 把本文件整篇路由到第四产物
   mall-desktop-narrow.css, 由 primer_header.php 仅挂给桌面族 UA (与移动件互斥)。

   背景: 旧骨架是纯视口宽度响应式 (≤1024 一律移动形态), PC 浏览器拉窄窗会出底部
   tab (用户报的现象)。本卡起: 布局族 = 服务端 UA 判定 (core/config.php
   mall_device_kind(), 唯一入口) —— 手机 UA 挂 mall-mobile.css (移动骨架零改动);
   桌面族 (桌面 + 平板/ipad, 京东口径) 挂本件: 视口 <1025 保持桌面骨架 + body
   地板横滚 (京东 PC 窄窗行为), ⛔ 降级成移动布局。

   机制: 桌面族窄窗下 mall-base.css 的 ≤1024 基础段仍会命中窄视口 (与旧平板
   同构), 本件按桌面口径逐项撤销/恢复。全部选择器带 html[data-device="desktop"]
   前缀 (属性 +0,1,1, 压过 mobile 桶 0,2,0 抬特异性写法); 手机族 UA 无该属性,
   本件即便被误加载也零影响 (双保险)。⛔ 只用于布局选择, 不门控内容。
   平板归属回退开关: 只改 config.php mall_device_kind() 一条正则 (ipad→mobile)。
   ============================================================ */
@media (max-width: 1024.98px) {

    /* ---- 窄窗地板 (京东 PC 窄窗行为: 布局宽恒 ≥1025, 窗口更窄 → 页面级横滚) ----
       注: T-MALL-RESP-1025 废除的是全局 body min-width (伤 1025-1200 流式段);
       本地板只挂 <1025 窄窗段, 桌面族 ≥1025 视口行为零变化。 */
    html[data-device="desktop"] body { min-width: 1025px; }

    /* ---- 头部: 桌面导航常驻 + 移动端元素恒隐藏 (撤销 mobile 桶 1012-1024 还原块) ----
       vendor 工具类是无媒体查询的 !important (d-lg-none 恒隐藏底部 tab/汉堡/游客登录,
       d-none 恒隐藏桌面导航/用户下拉) — ≥1025 由 base 既有恢复块接管, 本块补 <1025 段。 */
    html[data-device="desktop"] .bottom-nav { display: none !important; }
    html[data-device="desktop"] #mobile-menu-toggle { display: none !important; }
    html[data-device="desktop"] .site-header .site-nav-desktop { display: flex !important; }
    html[data-device="desktop"] .site-header .user-dropdown { display: inline-block !important; }
    html[data-device="desktop"] .login-btn.login-btn--guest.d-lg-none { display: inline-flex !important; }

    /* ---- 头部窄窗防挤压: 容器地板 + 搜索框固定宽 (撤销 base <600 移动收缩) ----
       各元素保持桌面固有宽, 排不下的部分随页面级横滚查看 (京东窄窗行为)。 */
    html[data-device="desktop"] .site-header .container-lg { min-width: 1025px; box-sizing: border-box; }
    html[data-device="desktop"] .search-box { width: 150px; flex: 0 1 auto; min-width: 0; }

    /* ---- 页脚/主内容让位按 device 分派 (桌面族无底部 tab → 撤销移动件让位) ----
       不撤销则窄窗页脚凭空多 72px 底边距 (tab 已不渲染, 让位无对象)。 */
    html[data-device="desktop"] .site-footer { padding-bottom: 0; }
    html[data-device="desktop"] .site-main { padding-bottom: 48px; }

    /* ---- 节日/节气 chip 行: 按 1025 布局宽出 7 列 (同 1440 桌面口径) ----
       撤销 base ≤1199/≤767 与 mobile 桶 ≤1024 档 (选择器需 ≥(0,3,1) 压过 base 后载档)。 */
    html[data-device="desktop"] .festival-strip__track { --fest-cols: 7; }
    html[data-device="desktop"] .festival-strip__track > .festival-chip--past-second { display: flex; }
    html[data-device="desktop"] .festival-strip__track > .festival-chip:nth-child(n+5):nth-child(-n+7) { display: flex; }

    /* ---- 首页栏目网格: 恢复桌面列数链 (京东口径 = 按 1025 布局宽渲染, 随页面横滚) ----
       桌面口径权威值 (T-MALL-HOMEGRID-1104 → T-HOME4COL-1105): 上新 7 列 / 定制资源 8 列 /
       全部课件 4 列 / 首页瀑布流 4 列 (1105 裁定 3→4); ⛔ 沿用移动档位会被判「列数不对」。 */
    html[data-device="desktop"] .new-arrivals:is(#new-arrivals) .new-arrivals__grid { grid-template-columns: repeat(7, minmax(0, 1fr)); }
    html[data-device="desktop"] #custom-columns .custom-columns__grid { display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); overflow-x: visible; }
    html[data-device="desktop"] .masonry-grid:is(#product-grid) { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    html[data-device="desktop"] .masonry-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } /* T-HOME4COL-1105: 桌面族窄窗瀑布流跟桌面口径 4 列 */
    html[data-device="desktop"] .masonry { column-count: 2; }
    html[data-device="desktop"] .rail-arrow { display: none !important; }

    /* ---- 页脚列数: 撤销 mobile 桶 ≤1024 两列档 (1025 布局宽按桌面 4 列) ---- */
    html[data-device="desktop"] .site-footer__main { grid-template-columns: repeat(4, 1fr); }

    /* ---- 商品/首页壳: 恢复桌面左分类栏 sticky (撤销 base ≤1024 抽屉化) ----
       窄窗桌面筛选入口 = 左栏本身; 移动筛选面板与悬浮遮罩不出场。 */
    html[data-device="desktop"] .mall-shell { flex-direction: row; gap: 24px; }
    html[data-device="desktop"] .mall-shell__main { width: auto; }
    html[data-device="desktop"] .category-drawer {
        position: sticky !important; top: calc(var(--mall-header-height) + 16px);
        left: auto; height: auto; width: 220px; flex: 0 0 220px;
        transform: none; z-index: auto; box-shadow: none;
        max-height: calc(100vh - var(--mall-header-height) - 32px); overflow-y: auto;
        border-right: 1px solid var(--glass-border);
    }
    html[data-device="desktop"] .filter-btn { display: none; }
    html[data-device="desktop"] .filter-sheet { display: none !important; }
    html[data-device="desktop"] .drawer-overlay { display: none !important; }

    /* ---- 购物车汇总: 撤销移动件悬浮条定位, 恢复 base sticky 卡 ----
       (base <1025 默认态本就 sticky bottom:16px, 只清移动件的 fixed 坐标) */
    html[data-device="desktop"] .col-12 .cart-summary { position: sticky; left: auto; right: auto; bottom: 16px; }

    /* ---- 字体栈: 桌面族窄窗保持桌面字体栈 (撤销 base ≤767 系统字体段) ---- */
    html[data-device="desktop"] body {
        font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display",
            "PingFang SC", "Helvetica Neue", "Segoe UI", Roboto, sans-serif;
    }

    /* 有意保留 (窄窗桌面容忍口径, 详见卡 result): 弹窗底部抽屉态 (modal.css)、
       海报编辑器单列 (poster.css)、详情骨架列态 (product.css)、灯箱尺寸档、
       玻璃/背景动画降级 (≤767/≤599) — 功能完整、无遮挡, ⛔ 无限扩大撤销面。 */
}
/* T-MALLUI-1105: 栏目改名口径=定制资源 (路由 slug poster.php 不动) */
/* T-NAVREWORK-1105: 全站终改旧栏目名口径废止 */
