/* ===== Секция "Новинка" ===== */
.novelty {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.novelty__wrapper {
  --k: min(1px, calc(100vw / 1920));
  position: relative;
  width: 100%;
  height: calc(846 * var(--k));
}

@supports (container-type: inline-size) {
  .novelty {
    container-type: inline-size;
  }

  .novelty__wrapper {
    --k: min(1px, calc(100cqw / 1920));
  }
}

.novelty__bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.novelty__bg--mobile {
  display: none;
}

.novelty__sticker {
  position: absolute;
  left: calc(613.25 * var(--k));
  top: calc(51.3 * var(--k));
  z-index: 3;
  width: calc(220.5 * var(--k));
  height: calc(219.44 * var(--k));
  background: url("../img/novelty/sticker.png") center center/contain no-repeat;
  transform: rotate(-10.09deg);
  filter: drop-shadow(calc(9.587 * var(--k)) calc(8.522 * var(--k)) calc(23.435 * var(--k)) rgba(255, 255, 255, 0.52));
}

.novelty__sticker span {
  position: absolute;
  left: 0;
  top: calc(64.89 * var(--k));
  width: 100%;
  font-family: "Robotoslab", sans-serif;
  font-weight: 600;
  font-size: calc(40.479 * var(--k));
  line-height: calc(78.992 * var(--k));
  letter-spacing: calc(-0.81 * var(--k));
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  color: #fff;
}

.novelty__info {
  position: absolute;
  left: calc(1027 * var(--k));
  top: calc(73 * var(--k));
  z-index: 2;
  width: calc(637 * var(--k));
  min-height: calc(716 * var(--k));
  padding: calc(64 * var(--k));
  box-sizing: border-box;
  background-color: #fff8f3;
  background-image: radial-gradient(calc(501 * var(--k)) calc(598 * var(--k)) at 43.5% 50%, #fff8f3 32%, #ffdfa8 100%);
}

.novelty__title.title--h2 {
  margin: 0;
  font-size: calc(52 * var(--k));
  line-height: calc(74.154 * var(--k));
  padding-bottom: calc(20 * var(--k));
}

.novelty__title.title--h2:after {
  width: calc(150 * var(--k));
  height: calc(2 * var(--k));
}

.novelty__text {
  margin-top: calc(20 * var(--k));
  font-size: calc(26 * var(--k));
  line-height: calc(35 * var(--k));
  color: #303030;
}

.novelty__list {
  margin-top: calc(40 * var(--k));
}

.novelty__list-item {
  display: flex;
  align-items: center;
}

.novelty__list-item + .novelty__list-item {
  margin-top: calc(24 * var(--k));
}

.novelty__list-item.element-animation {
  opacity: 0;
}

.novelty__list-item.element-animation.element-show {
  opacity: 1;
  transition: opacity 1s;
  animation: textUp 1s ease;
}

.novelty__list-icon {
  flex: 0 0 auto;
  width: calc(90 * var(--k));
  height: calc(70 * var(--k));
  margin-right: calc(16 * var(--k));
}

.novelty__list-icon img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.novelty__list-text {
  width: calc(380 * var(--k));
  font-size: calc(26 * var(--k));
  line-height: 120%;
  color: #a1652c;
}

.novelty__text.element-animation {
  opacity: 0;
}

.novelty__text.element-animation.element-show {
  opacity: 1;
  transition: opacity 1s;
  animation: textLeft 1s ease;
}

@media screen and (max-width: 991px) {
  .novelty__wrapper {
    --k: 0.62px;
    height: auto;
    padding-bottom: 40px;
  }

  .novelty__bg {
    position: relative;
    height: 0;
    padding-top: 60%;
    background-position: 22% center;
  }

  .novelty__info {
    position: relative;
    left: auto;
    top: auto;
    width: auto;
    height: auto;
    margin: -60px 30px 0;
  }

  .novelty__sticker {
    left: auto;
    right: 30px;
    top: 20px;
    width: 120px;
    height: 119px;
  }

  .novelty__sticker span {
    top: 35px;
    font-size: 22px;
    line-height: 43px;
    letter-spacing: -0.44px;
  }

  .novelty__title.title--h2 {
    font-size: 32px;
    line-height: 120%;
    padding-bottom: 20px;
  }

  .novelty__title.title--h2:after {
    height: 2px;
  }

  .novelty__text {
    font-size: 18px;
    line-height: 140%;
  }

  .novelty__list-text {
    width: auto;
    font-size: 18px;
  }

  .novelty__list-icon {
    width: 70px;
    height: 54px;
  }
}

/* ---- мобильный макет 375 (1-в-1) ---- */
@media screen and (max-width: 767px) {
  .novelty__wrapper {
    --k: min(1.15px, calc(100vw / 375));
    height: auto;
    padding-bottom: 0;
  }

  @supports (container-type: inline-size) {
    .novelty__wrapper {
      --k: min(1.15px, calc(100cqw / 375));
    }
  }

  .novelty__bg {
    display: none;
  }

  .novelty__bg--mobile {
    display: block;
    position: relative;
    height: calc(420 * var(--k));
    padding-top: 0;
    background-position: center center;
  }

  .novelty__sticker {
    left: calc(211.9 * var(--k));
    right: auto;
    top: calc(18.9 * var(--k));
    width: calc(137 * var(--k));
    height: calc(136.3 * var(--k));
  }

  .novelty__sticker span {
    top: calc(40.32 * var(--k));
    font-size: calc(25.15 * var(--k));
    line-height: calc(49.077 * var(--k));
    letter-spacing: calc(-0.503 * var(--k));
  }

  .novelty__info {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    padding: calc(24 * var(--k)) calc(16 * var(--k)) calc(40 * var(--k));
  }

  .novelty__title.title--h2 {
    font-size: calc(24 * var(--k));
    line-height: normal;
    padding-bottom: calc(10 * var(--k));
  }

  .novelty__title.title--h2:after {
    width: calc(150 * var(--k));
    height: calc(2 * var(--k));
  }

  .novelty__text {
    margin-top: calc(8 * var(--k));
    font-size: calc(18 * var(--k));
    line-height: normal;
  }

  .novelty__list {
    margin-top: calc(24 * var(--k));
  }

  .novelty__list-item {
    height: calc(50 * var(--k));
  }

  .novelty__list-item + .novelty__list-item {
    margin-top: calc(16 * var(--k));
  }

  .novelty__list-icon {
    width: calc(64.148 * var(--k));
    height: calc(49.893 * var(--k));
    margin-right: calc(15.161 * var(--k));
  }

  .novelty__list-text {
    flex: 1 1 auto;
    width: auto;
    font-size: calc(18 * var(--k));
    line-height: normal;
  }
}