.product-recommendations {

  h2 {
    text-align: center;
    border-bottom: 1px solid black;
    padding: 10px 2.5rem 20px;
    
    @media (min-width: 1024px) {
      margin-top: 30px;
      padding-bottom: 37px;
      margin-bottom: 30px;
    }
  }

  .swiper-navigation__arrows {
    justify-content: flex-end;
    padding: 30px 1.5rem;

    @media (min-width: 1024px) {
      display: none;
    }
  }

  .swiper-wrapper {

    @media (min-width: 1024px) {
      padding: 0 2.5rem;
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      width: auto;
    }

    .swiper-slide {
      @media (max-width: 1023px) {
        width: calc(100% / 1.5);
      }
    }
  }
}