.product-recommendations {
  display: block;
  z-index: 0;
  position: relative;
}

.product-recommendations:not(.product-recommendations--loaded) {
  padding: 0;
  margin: 0;
}

.product-recommendations__heading {
  text-align: left;
  margin: 0;
  margin-bottom: 3rem;
  font-weight: var(--font-body-weight);
}

@media screen and (min-width: 768px) {
  .product-recommendations__heading {
    margin-bottom: 5rem;
  }
}