.product-grid > .grid__item {
  padding-bottom: 4rem;
}

.product-grid.grid--offset-bottom {
  margin-bottom: -4rem;
}

@media screen and (min-width: 768px) {
  .product-grid > .grid__item {
    padding-bottom: 6rem;
  }

  .product-grid.grid--offset-bottom {
    margin-bottom: -6rem;
  }
}