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

body .product-grid.negative-margin {
  margin-bottom: 0px;
}

@media screen and (min-width: 750px) {
  .product-grid .grid__item {
    padding-bottom: calc(3rem + var(--page-width-margin));
  }
.product-recommendations { padding-bottom: 10rem !important; }
  .product-grid.negative-margin {
    margin-bottom: calc(-5rem - var(--page-width-margin));
  }

  .product-grid.negative-margin--small {
    margin-bottom: calc(-1rem - var(--page-width-margin));
  }
}