/* ===== RESPONSIVE PRODUCTS GRID - SOLO DESKTOP ===== */
/* Griglia responsive SOLO per desktop - NON tocca mai il mobile */
/* IMPORTANTE: Mobile (< 1025px) rimane perfetto come era prima */

/* Default desktop: 3 prodotti per riga - SOLO per viewport >= 1025px */
@media (min-width: 1025px) {
    html body div.container div.products-grid,
    html body .container .featured-products .products-grid,
    html body .featured-products .container .products-grid,
    html body .products-section .container .products-grid,
    html body .container .products-grid,
    body .container .products-grid,
    body .products-grid,
    .container .products-grid,
    .products-grid {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 15px !important;
        overflow-x: hidden !important;
        grid-auto-rows: auto !important;
        grid-template-rows: none !important;
        width: 100% !important;
        max-width: 100% !important;
    }
}

/* Viewport grandi: 4 prodotti per riga */
@media (min-width: 1400px) {
    html body div.container div.products-grid,
    html body .container .featured-products .products-grid,
    html body .featured-products .container .products-grid,
    html body .products-section .container .products-grid,
    html body .container .products-grid,
    body .container .products-grid,
    body .products-grid,
    .container .products-grid,
    .products-grid {
        grid-template-columns: repeat(4, 1fr) !important;
        gap: 18px !important;
    }
}

/* Viewport molto grandi: 5 prodotti per riga */
@media (min-width: 1800px) {
    html body div.container div.products-grid,
    html body .container .featured-products .products-grid,
    html body .featured-products .container .products-grid,
    html body .products-section .container .products-grid,
    html body .container .products-grid,
    body .container .products-grid,
    body .products-grid,
    .container .products-grid,
    .products-grid {
        grid-template-columns: repeat(5, 1fr) !important;
        gap: 20px !important;
    }
}

/* MOBILE: Nessuna regola qui - rimane perfetto come era prima */
/* Tutte le regole mobile sono state rimosse per preservare il comportamento originale */

/* Assicura che non ci sia mai overflow orizzontale - SOLO DESKTOP */
@media (min-width: 1025px) {
    html body .container .products-grid .product-card,
    html body .featured-products .container .products-grid .product-card,
    html body .products-section .container .products-grid .product-card,
    body .products-grid .product-card,
    .products-grid .product-card {
        min-width: 0 !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    /* Container principale per evitare overflow */
    html body .featured-products .container,
    html body .products-section .container,
    .featured-products .container,
    .products-section .container {
        overflow-x: hidden !important;
    }
}