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

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

.product-recommendations__heading {
  margin: 0;
  margin-bottom: 3rem; text-align: center; color: var(--gradient-base-accent-2); font-size: 2.4rem;  font-weight: var(--font-heading-weight);
}
.product-recommendations__heading {
  margin: 0;
  margin-bottom: 3rem;
    
}
@media screen and (min-width: 768px) {
  .product-recommendations__heading {
  font-size: 3.6rem; 
  }
}