/*
================================================

Space Vanta Theme 1.0

Module:
Product Collection / Product Grid

Version:
FRAME-003-A

Purpose:
Product Grid Layout
Responsive Product Count

================================================
*/


/* =================================================
   Desktop
================================================= */

.sv-product-collection__product-grid {

    width: 100%;

    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 32px;

}


/* =================================================
   Product Card
================================================= */

.sv-product-collection__product-grid>.sv-product-collection__product-card {

    min-width: 0;

}


/* =================================================
   Mobile
================================================= */

@media (max-width: 767px) {

    .sv-product-collection__product-grid {

        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        gap: 20px 12px;

    }
    /* Paging is handled by scene.js (cards per page = columns x 2). */

}