:root {
  --zoom : 1;
  --scale: calc(1 / var(--zoom));
}

img {
  max-width: 100%;
}

@font-face {
  font-family : "Golos Text";
  font-weight : 700;
  font-style  : normal;
  font-display: swap;
  src         : url("../fonts/GolosText-Bold.woff2") format("woff2"), url("../fonts/GolosText-Bold.woff") format("woff");
}

@font-face {
  font-family : "Golos Text";
  font-weight : 600;
  font-style  : normal;
  font-display: swap;
  src         : url("../fonts/GolosText-DemiBold.woff2") format("woff2"), url("../fonts/GolosText-DemiBold.woff") format("woff");
}

@font-face {
  font-family : "Golos Text";
  font-weight : 500;
  font-style  : normal;
  font-display: swap;
  src         : url("../fonts/GolosText-Medium.woff2") format("woff2"), url("../fonts/GolosText-Medium.woff") format("woff");
}

@font-face {
  font-family : "Golos Text";
  font-weight : 400;
  font-style  : normal;
  font-display: swap;
  src         : url("../fonts/GolosText-Regular.woff2") format("woff2"), url("../fonts/GolosText-Regular.woff") format("woff");
}

.promo-banner {
  margin-top: 0;
  width: 100%;
  overflow: hidden;
  position: sticky;
  top: 0;
  left: 0;
  z-index: 100;
  font-family: "GolosText", sans-serif;
}
.promo-banner__inner {
  padding: calc(12px * var(--scale)) 0;
  display: flex;
  justify-content: space-between;
  position: relative;
  overflow: hidden;
}
.promo-banner__inner .container {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
.promo-banner__bg, .promo-banner__bg picture, .promo-banner__bg img {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  right: 0;
  -o-object-fit: cover;
  object-fit: cover;
  z-index: 2;
}
.promo-banner__left {
  max-width: calc(550px * var(--scale));
  position: relative;
  display: flex;
  position: relative;
  flex-direction: column;
  z-index: 3;
  gap: calc(12px * var(--scale));
}
@supports not (gap: 1rem) {
  .promo-banner__left > *:not(:last-child) {
    margin-bottom: calc(12px * var(--scale));
  }
}
@media (max-width: 1160px) {
  .promo-banner__left {
    gap: calc(6px * var(--scale));
  }
  @supports not (gap: 1rem) {
    .promo-banner__left > *:not(:last-child) {
      margin-bottom: calc(6px * var(--scale));
    }
  }
}
.promo-banner__common {
  display: flex;
}
.promo-banner__right {
  display: flex;
  align-items: center;
  position: relative;
  z-index: 3;
  background: #fff;
  border-radius: calc(8px * var(--scale));
  padding: calc(8px * var(--scale));
}
.promo-banner__title {
  font-size: calc(clamp(16px, 11.543px + 1.143vw, 28px) * var(--scale));
  font-style: normal;
  font-weight: 500;
  line-height: 105%;
  color: #fff;
}
.promo-banner__description {
  font-size: calc(clamp(12px, 9.771px + 0.571vw, 18px) * var(--scale));
  line-height: 105%;
  color: #FFF;
}
.promo-banner__gradient-top {
  background: linear-gradient(90deg, #D553F7 65%, #1971D3 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}
.promo-banner__gradient-bottom {
  background: linear-gradient(90deg, #D553F7 30%, #464EAE 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}
.promo-banner__timer {
  display: flex;
  text-align: center;
  align-items: center;
}
.promo-banner__timer-numbers {
  display: flex;
  justify-content: center;
}
.promo-banner__timer-item {
  text-align: center;
  margin: 0 calc(6px * var(--scale));
}
.promo-banner__timer-value {
  font-size: calc(clamp(16px, 13.029px + 0.762vw, 24px) * var(--scale));
  line-height: 110%;
  letter-spacing: calc(-1.2px * var(--scale));
  color: #111;
}
.promo-banner__timer-label {
  font-size: calc(clamp(8px, 0.9375vw, 15px) * var(--scale));
  line-height: 120%;
  color: #111;
}
.promo-banner__btn {
  padding: calc(12px * var(--scale)) calc(22px * var(--scale));
  font-size: calc(clamp(9px, 1.125vw, 18px) * var(--scale));
  border-radius: calc(6px * var(--scale));
  background: #111;
  letter-spacing: calc(-0.18px * var(--scale));
  color: #fff;
  border: none;
  font-weight: 700;
  cursor: pointer;
  border: none;
  white-space: nowrap;
  transition: all 0.4s ease;
}
.promo-banner__btn {
  transition: all 0.4s ease;
}
@media (min-width: 1025px) {
  .promo-banner__btn:hover {
    background: linear-gradient(90deg, #D553F7 0%, #1971D3 100%);
  }
}
.promo-banner__img {
  position: relative;
  width: calc(clamp(55px, 42px + 3.333vw, 90px) * var(--scale));
  height: calc(clamp(55px, 42px + 3.333vw, 90px) * var(--scale));
  flex: 0 0 auto;
  z-index: 2;
  margin-right: calc(15px * var(--scale));
}
.promo-banner__img img{width:100%;height:100%}
.promo-banner__sale {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(10.19deg);
  max-width: 80px;
  color: #000;
  font-size: calc(clamp(6px, 3.771px + 0.571vw, 12px) * var(--scale));
  font-weight: 500;
  line-height: 1;
  white-space: nowrap;
  text-align: center;
}
.promo-banner__sale span {
  display: block;
  font-size: calc(clamp(20px, 13.686px + 1.619vw, 37px) * var(--scale));
  font-weight: 600;
  line-height: 90%;
}
@media (max-width: 991px) {
  .promo-banner__left {
    width: 53%;
  }
  .promo-banner__right {
    width: 46%;
  }
  .promo-banner__timer, .promo-banner__btn {
    width: 100%;
    min-width: -moz-fit-content;
    min-width: fit-content;
  }
  .promo-banner__timer-numbers {
    width: 100%;
  }
  .promo-banner__timer-item {
    margin: 0 calc(2px * var(--scale));
  }
}
@media (max-width: 620px) {
  .promo-banner__right {
    flex-direction: column;
    justify-content: space-between;
  }
  .promo-banner__inner {
    padding: calc(8px * var(--scale)) 0;
  }
  .promo-banner__btn {
    padding: calc(8px * var(--scale)) calc(12px * var(--scale));
  }
  .promo-banner__gradient-top {
    display: inline-block;
  }
}
@media (max-width: 350px) {
  .promo-banner__description {
    font-size: 14px;
  }
}
.promo-banner.sale-period .promo-banner__left {
  max-width: calc(450px * var(--scale));
}
.promo-banner.sale-period .promo-banner__gradient-top {
  background: linear-gradient(90deg, #DB04C2 28.85%, #1F66DF 50%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.promo-banner.sale-period .promo-banner__gradient-bottom {
  background: linear-gradient(90deg, #DB04C2 15.87%, #1F66DF 50.48%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}
@media (max-width: 991px) {
  .promo-banner.sale-period .promo-banner__left {
    width: 40%;
  }
  .promo-banner.sale-period .promo-banner__common {
    width: 60%;
  }
  .promo-banner.sale-period .promo-banner__right {
    width: 100%;
  }
}
@media (max-width: 620px) {
  .promo-banner.sale-period .promo-banner__left {
    width: 53%;
    padding-right: 5px;
  }
  .promo-banner.sale-period .promo-banner__common {
    width: 47%;
    padding-top: calc(30px * var(--scale));
  }
  .promo-banner.sale-period .promo-banner__img {
    position: absolute;
    top: 0;
    z-index: 4;
    right: calc(-10px * var(--scale));
  }
}
.first-screen-black-friday .banner__inner {
  position: relative;
  overflow: hidden;
}

.first-screen-black-friday .banner__r {
  position: relative;
  overflow: hidden;
}

.first-screen-black-friday .banner__r::before {
  content        : "";
  position       : absolute;
  display        : block;
  top            : -5px;
  right          : -25px;
  width          : 321px;
  height         : 233px;
  background     : url("../img/black-friday/ribbons.webp") no-repeat right top;
  background-size: auto;
  pointer-events : none;
  z-index        : 2;
}

.first-screen-black-friday .banner__r-lb {
  max-width: 470px;
  width    : 100%;
  display  : flex;
  flex-wrap: wrap;
}

.first-screen-black-friday .banner__r-lb-top-gradient {
  color      : #fff;
  margin-left: 7px;
  background : linear-gradient(90deg, #9D119E 43.74%, #0BA7E4 89.58%);
  flex-shrink: 1;
  text-align: center;
}

@media (max-width: 991px) {
  .first-screen-black-friday .banner__r {
    position: static;
  }

  .first-screen-black-friday .banner__r::before {
    display: none;
  }

  .first-screen-black-friday .banner__mn {
    position: relative;
    overflow: hidden;
  }

  .first-screen-black-friday .banner__btn-on:before {
    display: none;
  }

  .first-screen-black-friday .banner__mn::before {
    content        : "";
    position       : absolute;
    display        : block;
    top            : -45px;
    right          : -56px;
    width          : 248px;
    height         : 204px;
    background     : url("../img/black-friday/ribbons.webp") no-repeat right top;
    background-size: auto;
    pointer-events : none;
    z-index        : 2;
  }

  .first-screen-black-friday .banner__inner {
    margin  : 90px 0 40px;
    overflow: visible;
  }

  .first-screen-black-friday .header {
    top: -70px;
  }

  .first-screen-black-friday .banner__r-lb {
    max-width      : 100%;
    gap            : 5px;
    bottom         : -10px;
    justify-content: center;
  }

  .first-screen-black-friday .banner__r-lb-top-gradient {
    order      : 5;
    margin-left: 7px;
  }
}

@media (max-width: 695px) {
  .first-screen-black-friday .banner__inner {
    margin-bottom: 80px;
  }

  .first-screen-black-friday .banner__r-lb {
    bottom: -40px;
  }
}


@media (max-width: 370px) {
    .first-screen-black-friday .banner__inner {
    margin-bottom: 120px;
  }

  .first-screen-black-friday .banner__r-lb {
    bottom: -93px;
  }
}

.rate-black-friday .rate__item {
  position: relative;
  overflow: hidden;
  z-index : 2;
}

.rate-black-friday .rate__item::after {
  content        : "";
  position       : absolute;
  top            : -64px;
  right          : -222px;
  width          : 383px;
  height         : 293px;
  background     : url("../img/black-friday/rate-black-friday.png") no-repeat right top;
  background-size: auto;
  pointer-events : none;
  z-index        : 1;
}

@media (max-width: 768px) {
  .tariff-black-friday .tariff__inner::after {
  top: -81px;
  right: -211px;
  width: 401px;
  height: 148px;
  transform: rotate(355deg);
  }
}

.rate-black-friday .rate__saleBF {
  margin-right: 10px;
  position    : relative;
  color            : #fff !important;
  background       : linear-gradient(90deg, #9D119E 43.74%, #0BA7E4 89.58%) !important;
  border-color     : transparent !important;
  background-origin: border-box;
  background-clip  : padding-box, border-box;
  background-image :
    linear-gradient(90deg, #9D119E 43.74%, #0BA7E4 89.58%),
    linear-gradient(90deg, #9D119E 43.74%, #0BA7E4 89.58%) !important;;
  z-index     : 2;
}


  .remodal__form-tx{
    margin-top: -15px;
            margin-bottom: 30px;
          }