/* Layout de 2 columnas para el catálogo de WooCommerce en móviles */
@media (max-width: 767px) {
  .woocommerce ul.products,
  ul.products {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px !important;
  }

  .woocommerce ul.products li.product,
  ul.products li.product {
    width: 100% !important;
    float: none !important;
    margin-right: 0 !important;
    margin-bottom: 10px !important;
  }
}