/* Forzar 5 columnas en el módulo de productos (desktop) */
@media (min-width: 960px) {
    .buscastell-products-grid {
        grid-template-columns: repeat(5, 1fr) !important;
    }
}

/* Tablet: mantener 3 columnas */
@media (min-width: 768px) and (max-width: 959px) {
    .buscastell-products-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* Móvil: mantener 1 columna */
@media (max-width: 767px) {
    .buscastell-products-grid {
        grid-template-columns: 1fr !important;
    }
}