/* ============================================================
   UX Dynamic Products Results — Grid responsivo
   ============================================================ */

/* Desktop: 4 colunas (herdado do wc_set_loop_prop) */
.uxds-products-results ul.products {
    grid-template-columns: repeat( 4, 1fr ) !important;
}

/* Tablet: 3 colunas — até 1024px */
@media ( max-width: 1024px ) {
    .uxds-products-results ul.products {
        grid-template-columns: repeat( 3, 1fr ) !important;
    }
}

/* Mobile: 2 colunas — até 640px */
@media ( max-width: 640px ) {
    .uxds-products-results ul.products {
        grid-template-columns: repeat( 2, 1fr ) !important;
    }
}