/* =============================================================================
   PRODUCT GRID
   ==========================================================================
   Responsable UNIQUEMENT de la grille des produits.
   Aucune carte.
   Aucun layout.
   Aucun filtre.
   ========================================================================== */


/* =============================================================================
   GRILLE
   ========================================================================== */

.ic33-product-grid{

    display:grid;

    grid-template-columns:
        repeat(
            auto-fill,
            minmax(320px,1fr)
        );

    gap:32px;

    width:100%;

    margin:0;
    padding:0;

    align-items:stretch;

}


/* =============================================================================
   ENFANTS
   ========================================================================== */

.ic33-product-grid > *{

    width:100%;

    min-width:0;

    margin:0;

}


/* =============================================================================
   RESPONSIVE
   ========================================================================== */

@media (max-width:768px){

    .ic33-product-grid{

        grid-template-columns:
            repeat(
                auto-fill,
                minmax(260px,1fr)
            );

        gap:24px;

    }

}

@media (max-width:520px){

    .ic33-product-grid{

        grid-template-columns:1fr;

    }

}