@media (max-width: 900px) {
html .woocommerce-page ul.products.columns-4 {
grid-template-columns: repeat(2, 1fr) !important;
gap: 2em !important;
}
}
@media (max-width: 500px) {
html .woocommerce-page ul.products.columns-4 {
display: flex !important;
flex-direction: column !important;
gap: 2em !important;
align-items: center !important;
}
html .woocommerce-page ul.products li.product {
width: 100% !important;
mim-width: 100% !important;
}
}