/* src/public/modules/store/product-grid/product-grid.responsive.css */

/* MÓVIL (< 600px): hereda del base — 2 columnas en cards */

/* TABLET (600px - 1023px): 3 Columnas */
@media (min-width: 600px) and (max-width: 1023px) {
    .category-products-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 10px;
    }
}

/* PC (1024px+): 5 Columnas */
@media (min-width: 1024px) {
    .category-products-grid {
        grid-template-columns: repeat(5, 1fr);
        gap: 14px;
    }
}