/*
 * 首页product-grid区块前台样式
 * Reason: 规则从原有主题样式按选择器归属拆分；不修改尺寸、颜色、断点和资源语义。
 */

.zbt-product-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--aura-tectonic-gap-all-lg);
}

@media (max-width: 62rem) {
.zbt-product-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 35rem) {
.zbt-product-grid {
        grid-template-columns: 1fr;
    }
}

.zbt-product-grid {
    position: absolute;
    top: 0;
    left: 608px;
    display: block;
    /* 两列卡片最右缘为 456 + 425 = 881px；去掉多余的 7px 空白。 */
    inline-size: 881px;
    block-size: 910px;
}

@media not all and (min-width: 92.0625rem) {
.zbt-product-grid {
        position: static;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 24px;
        inline-size: auto;
        block-size: auto;
    }
}

@media (max-width: 35rem) {
.zbt-product-grid {
        grid-template-columns: 1fr;
        gap: 18px;
    }
}