/* Product card grid.
   content-product.php emits Bootstrap column wrappers; these rules pin the
   card count per row. Shared by the marketplace archive, category, search and
   shop pages so a card looks identical wherever it appears. */

.swp-products-grid {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -12px;
}

.swp-products-grid > .col-12,
.swp-products-grid > .col-xl-3,
.swp-products-grid > .col-lg-4,
.swp-products-grid > .col-md-6,
.swp-products-grid > div[class*="col-"] {
    flex: 0 0 25% !important;
    max-width: 25% !important;
    width: auto !important;
    padding: 0 12px !important;
    margin-bottom: 25px;
}

@media (max-width: 1200px) {
    .swp-products-grid > .col-12,
    .swp-products-grid > div[class*="col-"] {
        flex: 0 0 33.333% !important;
        max-width: 33.333% !important;
    }
}

@media (max-width: 992px) {
    .swp-products-grid > .col-12,
    .swp-products-grid > div[class*="col-"] {
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }
}

@media (max-width: 575px) {
    .swp-products-grid > .col-12,
    .swp-products-grid > div[class*="col-"] {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
}