/* =========================================================
 * SRR Search Layout Layer (PC Only)
 * 目的：用“单一权威布局层”彻底统一三列宽度与左右间距
 * 以后要改：只改下面几个变量即可
 * ========================================================= */

#pageSearch{
    /* 容器最大宽（越大越“铺满”，越小越“京东淘宝居中”） */
    --srr-search-container-max: 1720px;

    /* 页面左右内边距（避免贴边） */
    --srr-search-page-pad: 12px;

    /* 三列布局核心：左右侧栏宽 + 三列间距（永远左右一致） */
    --srr-search-side-w: 240px;
    --srr-search-gap: 16px;
}

/* ===== PC：统一三列 grid（只在 PC 生效） ===== */
@media (min-width: 992px){

    /* 1) page-wrap：统一居中 + 最大宽 */
    #pageSearch .page-wrap{
        max-width: min(var(--srr-search-container-max), calc(100vw - (var(--srr-search-page-pad) * 2)));
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: var(--srr-search-page-pad) !important;
        padding-right: var(--srr-search-page-pad) !important;
    }

    /* 2) 三列：强制 grid，左右列同宽，gap 单一来源 */
    #pageSearch .page-wrap > .d-flex{
        display: grid !important;
        grid-template-columns: var(--srr-search-side-w) minmax(0, 1fr) var(--srr-search-side-w) !important;
        gap: var(--srr-search-gap) !important;
        align-items: start !important;

        /* 清掉历史 flex 影响 */
        flex-direction: unset !important;
    }

    /* 3) 三个主列：不允许自带 margin/padding 产生“假间距” */
    #pageSearch .page-wrap > .d-flex > #drawerCategories,
    #pageSearch .page-wrap > .d-flex > main.main-fixed,
    #pageSearch .page-wrap > .d-flex > #drawerQuick{
        margin: 0 !important;
        padding: 0 !important;
        min-width: 0 !important;
    }

    /* 4) 左右侧：强制撑满列宽，清掉旧 max-width / flex-basis 写死值 */
    #pageSearch #drawerCategories,
    #pageSearch #drawerQuick{
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
    }

    #pageSearch #drawerCategories > aside.sidebar,
    #pageSearch #drawerQuick > aside.right-col{
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
    }

    #pageSearch .sidebar-fixed,
    #pageSearch .right-col,
    #pageSearch #leftCategory,
    #pageSearch #rightAside{
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        flex: unset !important;
        flex-basis: auto !important;
    }
}

/* ===== 关键宽度段：只调变量，不动结构（维护成本极低） ===== */

/* 1440 及以下：稍收紧 */
@media (min-width: 992px) and (max-width: 1439.98px){
    #pageSearch{
        --srr-search-side-w: 235px;
        --srr-search-gap: 14px;
    }
}

/* 1366 及以下：再收紧（典型办公本） */
@media (min-width: 992px) and (max-width: 1366.98px){
    #pageSearch{
        --srr-search-side-w: 228px;
        --srr-search-gap: 12px;
    }
}

/* 1200 及以下：极限仍保持三列（你要的“PC 永远三列”） */
@media (min-width: 992px) and (max-width: 1200.98px){
    #pageSearch{
        --srr-search-side-w: 220px;
        --srr-search-gap: 12px;
    }
}