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

.product-grid.negative-margin {
  margin-bottom: -2rem;
}

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

  .product-grid.negative-margin {
    margin-bottom: -5rem;
  }

  .product-grid.negative-margin--small {
    margin-bottom: -1rem;
  }
}

/* BellaBloom collection/search grids use a tighter, explicit row rhythm.
   Keep the negative last-row compensation equal to the item gutter. */
.bbc-commerce .bbc-product-grid > .grid__item {
  padding-bottom: 40px;
}

.bbc-search .bbc-product-grid.negative-margin {
  margin-bottom: -40px;
}

@media screen and (max-width: 749px) {
  .bbc-commerce .bbc-product-grid > .grid__item {
    padding-bottom: 30px;
  }

  .bbc-search .bbc-product-grid.negative-margin {
    margin-bottom: -30px;
  }
}