/* Masonry layout for WooCommerce product grids */
.woocommerce ul.products {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  list-style: none;
  box-sizing: border-box;
}

.woocommerce ul.products.is-loading {
  opacity: 0;
}

.woocommerce ul.products li.product {
  width: calc((100% - 48px) / 3);
  margin: 0 !important;
  margin-bottom: 24px !important;
  box-sizing: border-box;
}

.woocommerce ul.products .grid-sizer {
  width: calc((100% - 48px) / 3);
  margin: 0;
  padding: 0;
  height: 0;
  pointer-events: none;
  visibility: hidden;
}

@media (max-width: 980px) {
  .woocommerce ul.products li.product,
  .woocommerce ul.products .grid-sizer {
    width: calc((100% - 24px) / 2);
  }
}

@media (max-width: 640px) {
  .woocommerce ul.products li.product,
  .woocommerce ul.products .grid-sizer {
    width: 100%;
  }
}