@media screen and (max-width: 767px) {
    .woocommerce ul.products[class*="columns-"] {
        display: grid;
        grid-template-columns: repeat(4, 1fr) !important;
        grid-gap: 10px;
    }
    
    .woocommerce ul.products li.product, 
    .woocommerce-page ul.products li.product {
        width: 100% !important;
        margin: 0 !important;
        float: none !important;
    }
}