/* GRID: Desktop = 1 column, Mobile = 2 columns */
.woocommerce ul.products, .woocommerce-page ul.products {
  display: grid !important;
  grid-template-columns: 1fr !important; /* desktop = 1 column */
  gap: 18px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.woocommerce ul.products li.product {
  width: 100% !important;
  float: none !important;
  box-sizing: border-box !important;
}

/* mobile 2 columns */
@media (max-width: 767px) {
  .woocommerce ul.products, .woocommerce-page ul.products {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}
