.recommendations {
   &__wrapper {
   }

   &__body {
   }

   &__title {
      margin-bottom: 32px;

      @include _HDesktop {
         margin-bottom: 60px;
      }
   }

   &__list {
      display: grid;
      gap: 20px;

      @include _Tablet {
         grid-template-columns: repeat(2, 1fr);
      }
      @include _XSDesktop {
         grid-template-columns: repeat(3, 1fr);
      }
   }

   &__item {
      @include _Tablet {
         &:nth-child(3) {
            display: none;
         }
      }

      @include _XSDesktop {
         &:nth-child(n) {
            display: flex;
         }
      }
   }
}
