@media screen and (min-width: 480px) and (max-width: 1023px) {
  .is-layout-grid.is-responsive-grid-layout {
    grid-template-columns: var(
      --responsive-grid-layout-tablet-columns
    ) !important;
  }

  .is-responsive-grid-layout .wp-block-woocommerce-product-template {
    grid-template-columns: var(
      --responsive-grid-layout-tablet-columns
    ) !important;
  }

  .has-responsive-spanning {
    grid-column: span var(--responsive-spanning-column-tablet) !important;
    grid-row: span var(--responsive-spanning-row-tablet) !important;
  }
}

@media screen and (max-width: 479px) {
  .is-layout-grid.is-responsive-grid-layout {
    grid-template-columns: var(
      --responsive-grid-layout-mobile-columns
    ) !important;
  }

  .is-responsive-grid-layout .wp-block-woocommerce-product-template {
    grid-template-columns: var(
      --responsive-grid-layout-mobile-columns
    ) !important;
  }

  .has-responsive-spanning {
    grid-column: span var(--responsive-spanning-column-mobile) !important;
    grid-row: span var(--responsive-spanning-row-mobile) !important;
  }
}