/* FORZA GRIGLIA RESPONSIVE - SOLO DESKTOP */
/* Questo CSS modifica SOLO le versioni desktop, lascia intatto il mobile */

/* IMPORTANTE: Tutte le regole si applicano SOLO a viewport >= 1025px */
/* Il mobile (< 1025px) rimane PERFETTO come era prima */

/* Desktop molto grande: 5 prodotti per riga */
@media (min-width: 1800px) {
    .products-grid .product-card:nth-child(n+6) {
        display: none !important;
    }
    .products-grid {
        grid-template-columns: repeat(5, 1fr) !important;
        gap: 20px !important;
    }
}

/* Desktop grande: 4 prodotti per riga */
@media (min-width: 1400px) and (max-width: 1799px) {
    .products-grid .product-card:nth-child(n+5) {
        display: none !important;
    }
    .products-grid {
        grid-template-columns: repeat(4, 1fr) !important;
        gap: 18px !important;
    }
}

/* Desktop medio: 3 prodotti per riga */
@media (min-width: 1025px) and (max-width: 1399px) {
    .products-grid .product-card:nth-child(n+4) {
        display: none !important;
    }
    .products-grid {
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 15px !important;
    }
}

/* Forza grid display SOLO su desktop */
@media (min-width: 1025px) {
    .products-grid {
        display: grid !important;
        overflow-x: hidden !important;
        width: 100% !important;
    }
}

/* MOBILE: Nessuna modifica - rimane perfetto come era */
/* Tutto sotto 1025px non viene toccato da questo CSS */