/**
 * 产品列表页：标题区 PC / 手机各一套
 * 手机端为子目录卡片（灰条标题 + 编号列表），断点与 mobile-nav-grid 一致
 */
.product-list-title-m {
    display: none;
}

@media only screen and (max-width: 991.98px) {
    .product-list-title-pc {
        display: none !important;
    }

    .product-list-title-m {
        display: block;
        box-sizing: border-box;
        width: 100%;
        margin: 14px 0 10px;
        padding: 0 16px;
    }

    .m-product-subdir-card {
        background: #fff;
        border-radius: 12px;
        overflow: hidden;
        border: 1px solid rgba(0, 0, 0, 0.06);
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04);
    }

    /* 与 mobile-nav-grid .m-nav-grid-link 主色一致 */
    .m-product-subdir-bar {
        background: rgb(220, 91, 61);
        background: rgba(220, 91, 61, 0.98);
        color: #ffffff;
        font-size: 17px;
        font-weight: 700;
        line-height: 1.4;
        padding: 12px 16px;
        text-align: left;
    }

    .m-product-subdir-list {
        list-style: none;
        margin: 0;
        padding: 8px 0;
        counter-reset: m-product-subdir;
    }

    .m-product-subdir-item {
        counter-increment: m-product-subdir;
        margin: 0;
        padding: 0;
    }

    .m-product-subdir-item + .m-product-subdir-item {
        border-top: 1px solid #f0f0f0;
    }

    .m-product-subdir-link {
        display: block;
        padding: 14px 16px;
        color: #555;
        font-size: 15px;
        font-weight: 700;
        line-height: 1.5;
        text-decoration: none;
        outline: none;
        -webkit-tap-highlight-color: transparent;
    }

    /* 悬停：字色与九宫格格子默认底色一致（mobile-nav-grid .m-nav-grid-link） */
    .m-product-subdir-link:hover:not(.m-subdir-active) {
        color: rgb(220, 91, 61);
        color: rgba(220, 91, 61, 0.98);
    }

    .m-product-subdir-link:hover:not(.m-subdir-active)::before {
        color: rgb(220, 91, 61);
        color: rgba(220, 91, 61, 0.98);
    }

    .m-product-subdir-link:active {
        background: #f7f7f7;
    }

    /* 当前栏目：仅字色高亮（与九宫格主色一致），不用色块底 */
    .m-product-subdir-link.m-subdir-active {
        background: transparent;
        box-shadow: none;
        color: rgb(220, 91, 61);
        color: rgba(220, 91, 61, 0.98);
        font-weight: 700;
    }

    .m-product-subdir-link.m-subdir-active:active {
        filter: none;
        background: #f7f7f7;
    }

    .m-product-subdir-link::before {
        content: "- " counter(m-product-subdir) " / ";
        color: #666;
        font-weight: 700;
    }

    .m-product-subdir-link.m-subdir-active::before {
        color: rgb(220, 91, 61);
        color: rgba(220, 91, 61, 0.98);
        font-weight: 700;
    }
}