/* ================================================================
   BQ Builder — 产品展示模块样式
   3套布局: 经典电商 / 极简画廊 / 行内快选
   响应式规则：与 render.php 内联 <style> 互补增强
   ================================================================ */

/* ==================== 经典电商响应式 ==================== */
@media (max-width: 1024px) {
    .bq-ps-ce .bq-ps-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}
@media (max-width: 600px) {
    .bq-ps-ce .bq-ps-grid {
        grid-template-columns: 1fr !important;
    }
}

/* ==================== 极简画廊响应式 ==================== */
@media (max-width: 1024px) {
    .bq-ps-mg .bq-ps-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}
@media (max-width: 600px) {
    .bq-ps-mg .bq-ps-grid {
        grid-template-columns: 1fr !important;
    }
}

/* ==================== 行内快选响应式 ==================== */
@media (max-width: 1024px) {
    .bq-ps-qs .bq-ps-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}
@media (max-width: 600px) {
    .bq-ps-qs .bq-ps-grid {
        grid-template-columns: 1fr !important;
    }
}