2 columnas en modo móvil woocommerce

hola, deseo mostrar las categroias y los productos de woocommerce en dos columnas, ya lo logré con este codigo

@media (max-width: 767px) {
  div.woocommerce ul.products li.product {
    flex-basis: 50%;
    max-width: 50%;
  }
}

pero solo funciona este codigo en la pagina de inicio, desearia un codigo que me sirva en la pagina de la tienda y enas secciones de las categorias

Gracias con antelación

La página con la que necesito ayuda: [accede para ver el enlace]