.interesting {
  position: relative;
  z-index: 1;
  padding: 8rem 0 20rem 0;

  &::before {
    content: "";
    display: block;
    width: 79%;
    height: 100%;

    background: $primary url("/shop/images/interesting-bg.png") right center no-repeat;
    background-size: cover;
    border-radius: 0 50px 50px 0;

    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;

    @include media-breakpoint-down(lg) {
      width: 93%;
    }
  }

  @include media-breakpoint-down(lg) {
    padding-bottom: 15rem;
  }
}

.interesting__wrapper {
  position: relative;
  z-index: 2;
  padding-right: 2rem;
}

.interesting__title {
  margin-bottom: 1.2rem;

  font-weight: 700;
  font-size: 3.2rem;
  line-height: 1.2;
  color: $white;
}

.interesting__text {
  font-size: 1.6rem;
  line-height: 1.33;
  color: $white;
}

.interesting__list {
  display: flex;
  flex-wrap: wrap;
  width: 100%;

  margin: -12rem -2rem 0 6rem;
  position: relative;
  z-index: 2;

  @include media-breakpoint-down(xl) {
    left: 0;
    margin-left: 0;
  }

  @include media-breakpoint-down(lg) {
    margin-top: -10rem;
    margin-left: 0;

    position: relative;
  }

  @include media-breakpoint-down(sm) {
    flex-direction: column;
  }
}

.interesting__list-item {
  flex: 1 0 0;
  padding: 1rem;
}

.interesting__list-link {

  img {
    display: block;
    border-radius: 10px;
  }
}