/****************************
 * Product Layout Grid
*****************************/
.woocommerce .products.layout-grid {
    --grid-gap-x:50px;
    --grid-gap-y:var(--grid-gap-x);
    --grid-col:3;

    position:relative; z-index:1;
}
@media only screen and (min-width:1281px) {
    .woocommerce .products.layout-grid.columns-1 {--grid-col:1;}
    .woocommerce .products.layout-grid.columns-2 {--grid-col:2;}
    .woocommerce .products.layout-grid.columns-4 {--grid-col:4;}
    .woocommerce .products.layout-grid.columns-5 {--grid-col:5;}
}

/****************************
 * Responsive
*****************************/
@media only screen and (max-width:1280px) {
    /* Product > Grid */
    .woocommerce .products.layout-grid {
        --grid-col:3;
        --grid-gap-x:var(--bb-gap-container);
    }
}
@media only screen and (max-width:767px) {
    /* Product > Grid */
    .woocommerce .products.layout-grid { --grid-col:2;}
}
@media only screen and (max-width:480px) {
    /* Product > Grid */
    .woocommerce .products.layout-grid {--grid-col:1;}
}