@media screen and (min-width: 750px) {
  .product-grid .grid__item {
    padding-bottom: var(--grid-desktop-vertical-spacing);
  }
  .product-grid.grid-gap-lg .grid__item {
    padding-bottom: calc(var(--grid-desktop-horizontal-spacing) * 2);
  }
}

.product-grid .grid__item {
  padding-bottom: var(--grid-mobile-vertical-spacing);
}