/* WWW 首页关键首屏：列表按 4 行×列数预占位，减轻 Style.css 延后与 SSR→AJAX 换页时的 CLS */
.www-product-list-hold {
    min-height: 70vh;
}
/* 未就绪时按列数预留约 4 行卡片高度（正方形主图 + 标题区） */
.www-product-list-hold:not(.www-product-list-ready) {
    min-height: calc(4 * (100vw - 1.5rem) + 22rem);
}
@media (min-width: 640px) and (max-width: 991.98px) {
    .www-product-list-hold:not(.www-product-list-ready) {
        min-height: calc(4 * ((100vw - 2rem) / 2) + 22rem);
    }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    .www-product-list-hold:not(.www-product-list-ready) {
        min-height: calc(4 * (min(100vw, 960px) / 3) + 24rem);
    }
}
@media (min-width: 1200px) {
    .www-product-list-hold:not(.www-product-list-ready) {
        min-height: calc(4 * (min(100vw, 1140px) / 4) + 24rem);
    }
}
#ProductList .product-card .card-img-top {
    width: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    background: #fff;
    position: relative;
}
#ProductList .product-card .card-img-top > img,
#ProductList .www-seo-ssr-card .card-img-top > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.www-product-col {
    box-sizing: border-box;
}
@media (min-width: 640px) and (max-width: 767.98px) {
    #ProductList > .www-product-col {
        flex: 0 0 50%;
        max-width: 50%;
    }
}
/* 分类栏：Style.css 延后时仍可见 */
#GoodsLabel .btn {
    margin: 0 4px 6px 0;
}
/* 关于+页脚：首屏不占版面（HTML 仍在，SEO 可读）；无 JS 时 noscript 会取消 */
.www-home-below-list.www-below-list-deferred {
    display: none !important;
}
@media (max-width: 991.98px) {
    #HeaderLabel.www-cat-collapsed #GoodsLabel {
        display: none !important;
    }
    #HeaderLabel.www-cat-expanded #GoodsLabel {
        display: block !important;
    }
}
