.animate__animated {
    --animate-duration: 1s;
    --animate-delay: 1s;
    --animate-repeat: 1 -webkit-animation-duration: 1s;
    animation-duration: 1s;
    animation-duration: var(--animate-duration);
    animation-fill-mode: both;
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    transform: translateZ(0);
  }
}
.animate__fadeInLeft { animation-name: fadeInLeft;}
.modal__overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  width: 100vw;
  overflow-y: scroll;
}
.modal__content { position: relative;}
.modal__container {
    width: 100%;
    position: relative;
    max-width: var(--size-content);
    padding: var(--main-gap);
}

.modal__close {
    position: absolute;
    top: .5rem;
    right: .5rem;
    z-index: 2;
    width: 1.5rem;
    height: 1.5rem;
    background: none;
    border: 0;
    cursor: pointer;
    opacity: .5;
    transition: var(--trns-15);
}
.modal__close:hover { opacity: 1;}
.modal__close:before, .modal__close:after {
    content: '';
    position: absolute;
    background: var(--clr-text-sub);
    top: 0;
    left: .65rem;
    height: 100%;
    width: .2rem;
}
.modal__close:before { transform: rotate(45deg);}
.modal__close:after { transform: rotate(135deg);}

.modal__btn {
  font-size: 0.875rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  background-color: #e6e6e6;
  color: rgba(0, 0, 0, 0.8);
  border-radius: 0.25rem;
  border-style: none;
  border-width: 0;
  cursor: pointer;
  -webkit-appearance: button;
  text-transform: none;
  overflow: visible;
  line-height: 1.15;
  margin: 0;
  -moz-osx-font-smoothing: grayscale;
  backface-visibility: hidden;
  transform: translateZ(0);
  transition: transform 0.25s ease-out;
}

.modal__btn:focus,
.modal__btn:hover {
  transform: scale(1.05);
}

.modal__btn-primary {
  background-color: #00449e;
  color: var(--clr-white);
}

@keyframes mmfadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes mmfadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes mmslideIn {
  from {
    transform: translateY(15%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes mmslideOut {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-10%);
  }
}
.micromodal-slide {
  display: none;
}

.micromodal-slide.is-open {
  display: block;
}

.micromodal-slide[aria-hidden=false] .modal__overlay {
  animation: mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide[aria-hidden=false] .modal__container {
  animation: mmslideIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide[aria-hidden=true] .modal__overlay {
  animation: mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide[aria-hidden=true] .modal__container {
  animation: mmslideOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.button {
  font-size: 1.25rem;
  line-height: 1;
  color: var(--clr-white);
  cursor: pointer;
  min-height: 3rem;
  min-width: auto;
  max-width: 100%;
  padding: .15rem .35rem;
  background-color: var(--clr-red);
  border-radius: var(--r-2);
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  overflow: hidden;
}


.button::before {
  background: var(--clr-white);
  content: "";
  height: 200px;
  left: -115px;
  opacity: 0.2;
  position: absolute;
  top: -80px;
  transform: rotate(35deg);
  transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
  width: 80px;
  background: rgba(255, 255, 255, 0.7);
}
.button:hover::before {
  left: 120%;
  transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
}
.advantages {
    background-color: #cfdfff;
    background-image: linear-gradient(180deg, var(--clr-black-30), var(--clr-tr) var(--main-gap));
}
.advantages-wrap {
    display: flex;
    flex-flow: row;
    width: 100%;
    gap: 1rem;
    border-left: 2px solid var(--clr-acnt);
    background: linear-gradient(90deg, var(--clr-white), transparent);
    padding: var(--main-gap-05);
}
.advantages-img, .advantages-content {
    display: flex;
    width: 100%;
    justify-content: center;
}
.advantages-img {
    max-width: 5rem;
    align-items: center;
}
.advantages-content {
    max-width: calc(100% - 6rem);;
    flex-flow: column;
    gap: .5rem;
    min-height: 7rem;
    align-items: flex-start;
}
.advantages-content .title {
    font-size: 1.25rem;
    line-height: 1;
    color: var(--clr-acnt-hover);
}
.advantages-content .text {
    font-size: 1rem;
    line-height: 1.25;
}

.group {
    position: relative;
}
.group input {
    font-size: 1rem;
    padding: .15rem .35rem;
    height: 2.5rem;
    display: flex;
    width: 100%;
    border: none;
    border-bottom: 1px solid var(--clr-gray);
}
.group input:focus {
  outline: none;
}
.group input:focus ~ .highlight {
  animation: inputHighlighter 0.3s ease;
}
.group input:focus ~ .custom-label, .group input:valid ~ .custom-label {
  top: -20px;
  font-size: 14px;
  color: #5264AE;
}
.group input:focus ~ .bar:before, .group input:focus ~ .bar:after {
  width: 50%;
}
.group .custom-label {
  
  color: #999;
  font-size: 18px;
  font-weight: normal;
  position: absolute;
  pointer-events: none;
  left: 5px;
  top: 10px;
  transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -webkit-transition: 0.2s ease all;
}
.group .bar {
  position: relative;
  display: block;
  width: 100%;
}
.group .bar::before, .group .bar::after {
  content: "";
  height: 2px;
  width: 0;
  bottom: 1px;
  position: absolute;
  background: #5264AE;
  transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -webkit-transition: 0.2s ease all;
}
.group .bar::before {
  left: 50%;
}
.group .bar::after {
  right: 50%;
}
.group .highlight {
  position: absolute;
  height: 60%;
  width: 100px;
  top: 25%;
  left: 0;
  pointer-events: none;
  opacity: 0.5;
}

@keyframes inputHighlighter {
  from {
    background: #5264AE;
  }
  to {
    width: 0;
    background: transparent;
  }
}

.results_prom_test { margin-top: .5rem; }
.results_prom_test span { font-size: .8rem; line-height: 1; }
.results_prom_test { font-weight: 400; }
.results_prom_test .nofind-promo { color: var(--clr-red); }
.results_prom_test .find-promo { color: var(--clr-green); }
.results_prom_test b { font-weight: 700; }

#scroll-top {
  position: fixed;
  bottom: 50px;
  right: 40px;
  z-index: 10;
  background: var(--clr-white);
  box-shadow: 0 0 .5rem var(--clr-black-10);
  border-radius: 50%;
  transform: translateY(120px);
  transition: all 0.2s ease-in-out;
  cursor: pointer;
  width: 50px;
  height: 50px;
  font-size: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#scroll-top.active {
  transform: translateY(0);
}

label[id*=error] {
    color: red;
    font-size: 14px;
    position: absolute;
    bottom: -22px;
    left: 5px;
}

header .header__wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 1530px;
  max-width: 100%;
  margin: 0 auto;
  padding: 13px 15px;
}
header .header__wrap .header__logo {
  display: flex;
  align-items: center;
}
header .header__wrap .header__logo img {
  width: 150px;
  min-width: 150px;
  max-width: 100%;
}
header .header__wrap .header__logo p {
  
  font-size: 14px;
  line-height: 20px;
  text-transform: uppercase;
  margin: 8px 0 0 16px;
}
header .header__wrap .header__icons {
  display: flex;
  align-items: center;
  width: 320px;
  max-width: 100%;
}
header .header__wrap .header__actions {
  display: flex;
  align-items: center;
}
header .header__wrap .header__actions .button {
  min-height: 40px;
}
header .header__wrap .header__actions .header__actions-phone {
  margin-left: 30px;
}
header .header__wrap .header__actions .header__actions-phone a {
  
  font-size: 28px;
  line-height: 34px;
  color: var(--clr-acnt);
  margin-bottom: 4px;
}
header .header__wrap .header__actions .header__actions-phone p {
  
  font-size: 14px;
  line-height: 20px;
  text-align: end;
}
header .header__wrap #burger {
  display: none;
}

nav {
    background-color: var(--clr-blued-light);
    position: sticky;
    top: 0;
    left: 0;
    z-index: 100;
    display: flex;
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
}
.nav-container {
    display: flex;
    flex-flow: wrap;
    justify-content: center;
    align-content: center;
    width: 100%;
    max-width: var(--size-content);
    margin: 0 auto;    
}
nav .nav__wrap {
    width: var(--size-content);
    margin: 0 auto;
    padding: var(--main-gap-05) 0;
    display: flex;
    justify-content: space-between;
    gap: var(--main-gap);
    max-width: calc(100% - 30rem);
}
nav .nav__wrap .nav-link {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    font-size: 1.15rem;
    transition: var(--trns-15);
    line-height: 1;
    color: var(--clr-white);
    cursor: pointer;
    font-family: var(--font-alt);
    font-weight: 400;
}
nav .nav__wrap .nav-link:hover { opacity: 0.7;}

nav .button.order-button {
    min-height: auto;
    min-width: 9rem;
}
.nav-logo {
    display: flex;
    width: 100%;
    max-width: 16rem;
    padding: var(--main-gap-05) var(--main-gap);
    gap: .5rem;
    justify-content: center;
    align-items: center;
    transition: var(--trns-15);
    cursor: pointer;
    filter: grayscale(1) brightness(5);
}
.nav-logo img {
    display: flex;
    width: 5rem;
    transition: var(--trns-15);
}
.nav-logo p {
    display: flex;
    width: 100%;
    max-width: calc(100% - 5.5rem);
    font-size: .8rem;
    line-height: 1;
    opacity: .5;
    color: #1f3a6b;
    transition: var(--trns-15);
}
.nav-logo:hover { filter: grayscale(0) brightness(3.5);}
.nav-logo:hover p { opacity: 1;}
.nav-contacts {
    display: flex;
    width: 100%;
    max-width: 14rem;
    flex-flow: column;
    padding: var(--main-gap-05) var(--main-gap);
    justify-content: center;
    align-items: center;
}
.nav-contacts a {
    font-family: var(--font-alt);
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1;
    transition: var(--trns-15);
    cursor: pointer;
    color: #1f3a6b;
    filter: grayscale(1) brightness(5);
}
.nav-contacts a:hover { filter: grayscale(0) brightness(3.5);}
.nav-contacts p { 
    font-size: .8rem;
    color: white;
    opacity: .5;
    line-height: 1;
}

.main-page {
  background: url("./img/fn-fanselx.webp?v=2") center top / cover no-repeat;
  background-color: var(--bg-clr);
    
  min-height: 40rem;
    
  display: flex;
  flex-flow: column;
  padding: 0;
}
.main-page__wrap {
  position: relative;
  width: 100%;
  max-width: var(--size-content);
  margin: 0 auto;
  padding: var(--main-gap) var(--main-gap-05);
  display: flex;
  flex-flow: wrap;
  min-height: 35rem;
  justify-content: center;
  align-items: center;
}
.main-page__subtitle {
  font-size: 48px;
  line-height: 54px;
  color: var(--clr-red);
  text-align: center;
}
/* .main-page h1 {
  font-size: 62px;
  line-height: 68px;
  color: var(--clr-acnt);
  text-align: center;
  margin-bottom: 10px;
} */
.main-page h2 {
  
  font-size: 28px;
  line-height: 34px;
  text-align: center;
}
.main-page__image-mobile {
  display: none;
}
.main-page__captions {
  position: absolute;
  left: calc(50% - 184px);
  bottom: -40px;
  width: 487px;
  max-width: 100%;
  display: flex;
  justify-content: space-between;
}
.main-page .main-page__captions .main-page__caption-volume {
  font-size: 24px;
  line-height: 30px;
  color: var(--clr-red);
}
.main-page .main-page__captions .main-page__caption-text {
  
  font-size: 16px;
  line-height: 22px;
  color: var(--clr-acnt);
  text-align: center;
}
.main-page .main-page__banner {
  width: 420px;
  max-width: 100%;
  margin-left: auto;
  margin-top: -64px;
  border-radius: 20px;
  box-shadow: 0 0 .5rem var(--clr-black-10);
}
.main-page .main-page__banner__header {
  background-color: var(--clr-blue-dark);
  padding: var(--main-gap-05);
  border-radius: var(--r-2) var(--r-2) 0 0;
  line-height: 1.15;
  font-size: 1.15rem;
  text-align: center;
}
.main-page__banner form {
    display: flex;
    flex-flow: column;
    gap: var(--main-gap-05);
}
.main-page .main-page__banner__content {
    background: var(--clr-white);
    display: flex;
    flex-flow: column;
    width: 100%;
    gap: var(--main-gap);
    border-radius: var(--r-2);
    padding: var(--main-gap);    
}
.main-page .main-page__banner .main-page__banner__content .main-page__banner__content-video {
  width: 360px;
  max-width: 100%;
  height: 190px;
  margin: 0 auto;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
.main-page .main-page__banner .main-page__banner__content .main-page__banner__content-video video {
  width: 380px;
  height: 100%;
  margin-left: -10px;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}

.main-page__banner__content-price {
    display: flex;
    flex-flow: wrap;
    position: relative;
    width: 100%;
    gap: 1rem;
    justify-content: flex-start;
    align-items: flex-end;
    color: var(--clr-text-sub);
}
.price__wrap {
    display: flex;
    flex-flow: wrap;
    gap: var(--main-gap-05);
    justify-content: flex-start;
    align-items: flex-end;
}
[class*="price"] .old {
    white-space: nowrap;
    text-decoration: line-through;
    font-size: 1.25rem;
    opacity: .5;
}
[class*="price"] .new {
    line-height: 1;
    white-space: nowrap;
    font-size: 2.5rem;
}
.price-discount {
    color: var(--clr-text);
}
[class*="price"] .discount {
    font-size: 1rem;
    line-height: 1;
    color: var(--clr-green);
    font-weight: 400;
}

.form-submit {
    display: flex;
    width: 100%;
    flex-flow: column;
    gap: var(--main-gap-05);
    position: relative;
}
div[class*="modal"] form .split-box { bottom: 2rem;}
.inputs-wrap, .input-promo {
    display: flex;
    width: 100%;
    /* padding: 0 var(--main-gap); */
    flex-flow: column;
    gap: var(--main-gap-05);
}
.disclaimer {
    opacity: .5;
    margin: 0 auto;
    font-size: .8rem;
    width: fit-content;
    line-height: 1;
    text-align: center;
    margin-top: calc(var(--main-gap) / 3 * -1);
}

.form-submit .button {
  width: 100%;
}

.advantages__wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.advantages__wrap .advantages__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 31px 30px 31px;
}
.advantages__wrap .advantages__item:hover img {
  opacity: 0.9;
}
.advantages__wrap .advantages__item .title {
  
  font-size: 24px;
  line-height: 30px;
  text-align: center;
  margin: 16px 0 8px 0;
}
.advantages__wrap .advantages__item .text {
  
  font-size: 18px;
  line-height: 24px;
  text-align: center;
}

.recipes {
  padding: 70px 0;
}

.recipes .recipes__comment {
  
  font-size: 18px;
  line-height: 24px;
  text-align: center;
  margin-bottom: 30px;
}

.recipes__slider-wrap {
  position: relative;
}
.recipes__slider-wrap .recipes__slider-arrow {
  position: absolute;
  top: 42%;
  width: 42px;
  height: 42px;
  z-index: 1;
  cursor: pointer;
}
.recipes__slider-wrap .recipes__slider-arrow.prev {
  left: -20px;
}
.recipes__slider-wrap .recipes__slider-arrow.next {
  right: -20px;
  transform: rotate(180deg);
}

.recipes__slider {
  width: 1200px;
  max-width: 100%;
  margin: 0 auto;
}
.recipes__slider .recipes__slider-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 264px;
  margin: 25px 15px 25px 15px;
  box-shadow: 0 0 .5rem var(--clr-black-10);
  padding: 12px 12px 24px 12px;
  border-radius: 24px;
  background-color: var(--clr-white);
}
.recipes__slider .recipes__slider-item.slick-current {
  box-shadow: inset 0px 0px 0px 1px var(--clr-acnt), 0 0 .5rem var(--clr-black-10);
}
.recipes__slider .recipes__slider-item .recipes__slider-item__image {
  min-height: 163px;
  border-radius: 12px;
  margin-bottom: 12px;
}
.recipes__slider .recipes__slider-item .recipes__slider-item__image img {
  border-radius: 12px;
}
.recipes__slider .recipes__slider-item .recipes__slider-item__title {
  
  font-size: 24px;
  line-height: 30px;
  text-align: center;
  padding: 0 30px;
}
.recipes__slider .recipes__slider-item .recipes__slider-item__arrow {
  display: none;
}

.recipes__slider_secondary-wrap {
  margin-top: 30px;
}

.recipes__slider_secondary {
  width: 100%;
}
.recipes__slider_secondary .recipes__slider_secondary__item {
  display: flex;
  align-items: flex-start;
}
.recipes__slider_secondary .recipes__slider_secondary__item .recipes__slider_secondary__item-image {
  width: 700px;
  min-width: 700px;
  position: relative;
}
.recipes__slider_secondary .recipes__slider_secondary__item .recipes__slider_secondary__item-image .smoke {
  position: absolute;
  top: 119px;
  left: 80px;
  mix-blend-mode: screen;
  width: 500px;
  height: 290px;
  border-radius: 510px;
}
.recipes__slider_secondary .recipes__slider_secondary__item .recipes__slider_secondary__item-image .smoke.beef {
  top: 169px;
  left: 100px;
  width: 470px;
  height: 230px;
}
.recipes__slider_secondary .recipes__slider_secondary__item .recipes__slider_secondary__item-image .smoke.mackerel {
  top: 89px;
  left: 90px;
  width: 500px;
  height: 390px;
}
.recipes__slider_secondary .recipes__slider_secondary__item .recipes__slider_secondary__item-image .smoke.pate {
  top: 129px;
  left: 110px;
  width: 440px;
  height: 200px;
}
.recipes__slider_secondary .recipes__slider_secondary__item .recipes__slider_secondary__item-image .smoke.borsch {
  top: 89px;
  left: 80px;
  width: 500px;
  height: 290px;
}
.recipes__slider_secondary .recipes__slider_secondary__item .recipes__slider_secondary__item-image .smoke.tomatoes {
  top: 80px;
  left: 80px;
  width: 500px;
  height: 370px;
}
.recipes__slider_secondary .recipes__slider_secondary__item .recipes__slider_secondary__item-image .smoke.potato {
  top: 119px;
  left: 80px;
  width: 500px;
  height: 290px;
}
.recipes__slider_secondary .recipes__slider_secondary__item .recipes__slider_secondary__item-content {
  margin-left: 30px;
}
.recipes__slider_secondary .recipes__slider_secondary__item .recipes__slider_secondary__item-content .recipes__slider_secondary__item-title {
  
  font-size: 36px;
  line-height: 42px;
  color: var(--clr-acnt);
  margin-bottom: 24px;
}
.recipes__slider_secondary .recipes__slider_secondary__item .recipes__slider_secondary__item-content .recipes__slider_secondary__item-subtitle {
  
  font-size: 24px;
  line-height: 30px;
  margin-bottom: 16px;
}
.recipes__slider_secondary .recipes__slider_secondary__item .recipes__slider_secondary__item-content .recipes__slider_secondary__item__list-title {
  
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 8px;
}
.recipes__slider_secondary .recipes__slider_secondary__item .recipes__slider_secondary__item-content ul {
  list-style: disc;
  margin-bottom: 24px;
  padding-left: 19px;
}
.recipes__slider_secondary .recipes__slider_secondary__item .recipes__slider_secondary__item-content ul li {
  
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 4px;
}
.recipes__slider_secondary .recipes__slider_secondary__item .recipes__slider_secondary__item-content .recipes__slider_secondary__item-step {
  
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 12px;
}
.recipes__slider_secondary .recipes__slider_secondary__item .recipes__slider_secondary__item-content .recipes__slider_secondary__item-step span {
  
}

.installment {
  background: url("./img/installment-bg-1.webp") bottom left / 36% no-repeat,
      url("./img/installment-bg-2.webp") bottom right / 40% no-repeat,
      radial-gradient(160% 160% at 50% 80%, var(--clr-bluel) 0%, var(--clr-blue-dark) 50%, var(--clr-blued-dark) 100%);
  background-color: var(--bg-clr);
}

.installment ul {
  width: 400px;
  max-width: 100%;
  margin: 80px auto 90px auto;
}
.installment ul li {
  display: flex;
  align-items: flex-end;
  margin-bottom: 16px;
}
.installment ul li img {
  width: 45px;
}
.installment ul li p {
  
  font-size: 24px;
  line-height: 28px;
  color: var(--clr-white);
  margin-left: 4px;
}
.installment .installment-mobile-image {
  display: none;
}
.installment .button {
  width: 360px;
  height: 55px;
  margin: 0 auto;
}

.models { background-image: radial-gradient(150% 170% at 50% 120%, var(--clr-bluel) 0%, var(--clr-blue-dark) 40%, var(--clr-blued-dark) 70%);}
.models .section__title {
  text-transform: uppercase;
}

.models__wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.models__item {
  background-color: var(--clr-gray-light);
  border-radius: 24px;
  width: 600px;
  max-width: 100%;
  padding: 20px 40px 20px 30px;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.models__item * {
  position: relative;
  z-index: 1;
}
.models__item .models__item-image {
  position: absolute;
  right: 15px;
  z-index: 0;
}
.models__item .models__item-categories {
  display: flex;
  flex-wrap: wrap;
  padding-right: 100px;
  margin-bottom: var(--main-gap);
}
.models__item .models__item-categories .category {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 30px;
}
.models__item .models__item-categories .category p {
  
  font-size: 16px;
  line-height: 17px;
  color: var(--clr-white);
  text-transform: uppercase;
}
.models__item .models__item-categories .category img {
  margin-right: 6px;
}
.models__item .models__item-categories .category.saving {
  background-color: var(--clr-blue);
}
.models__item .models__item-categories .category.loan {
  background-color: var(--clr-yellow);
}
.models__item .models__item-categories .category.loan p {
  color: var(--clr-black);
}
.models__item .models__item-categories .category.discount {
  background-color: var(--clr-red-dark);
}
.models__item .models__item-stats__wrap {
  min-height: 15rem;
}
.models__item .models__item-stats {
  padding: 6px 8px;
  border-radius: var(--r-4);
  border: 1px solid var(--clr-acnt);
  margin-bottom: 8px;
}
.models__item .models__item-stats .stat {
  display: flex;
  align-items: center;
}
.models__item .models__item-stats .stat p {
  
  font-size: 16px;
  line-height: 22px;
  margin-left: 8px;
}
.models__item .models__item-stats .stat:not(:last-child) {
  margin-bottom: 4px;
}
.models__item .models__item-discount {
  width: fit-content;
  font-size: 21px;
  line-height: 26px;
  color: var(--clr-white);
  background-color: var(--clr-pink);
  border-radius: 12px;
  padding: 2px 7px;
}
.models__item .models__item-discount span {
  font-family: inherit;
}
.models__item .models__item-price {
  display: flex;
  align-items: center;
  margin-top: 8px;
}
.models__item .models__item-price .new {
  
  font-size: 36px;
  line-height: 37px;
  color: var(--clr-white);
  background-color: var(--clr-green);
  border-radius: 12px;
  padding: 4px 10px;
}
.models__item .models__item-price .new span {
  font-family: inherit;
  font-weight: inherit;
  line-height: 0;
}
.models__item .models__item-price .old {
  
  font-size: 24px;
  line-height: 30px;
  margin-left: 12px;
  position: relative;
}
.models__item .models__item-price .old::after {
  content: "";
  width: 110%;
  height: 2px;
  position: absolute;
  top: 12px;
  left: -3px;
  background-color: var(--clr-pink);
  transform: rotate(-7deg);
}
.models__item .models__item-title {
  
  font-size: 36px;
  line-height: 42px;
  margin-top: 20px;
}
.models__item .models__item-subtitle {
  
  font-size: 16px;
  line-height: 22px;
  margin-top: 12px;
}
.models__item .models__item-parameters {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  margin: 8px 0 24px 0;
}
.models__item .models__item-parameters .parameter {
  
  font-size: 14px;
  line-height: 18px;
  color: var(--clr-white);
  background-color: #B3B3B3;
  border-radius: 8px;
  padding: 2px 8px;
}
.models__item .models__item-parameters .parameter__volume {
  
  font-size: 16px;
  line-height: 16px;
  color: var(--clr-acnt);
  text-decoration: underline;
  margin-left: auto;
  cursor: pointer;
}
.models__item .button, .choose__banner .button {
  width: 100%;
  background-color: var(--clr-acnt);
}
.models__item .models__item-volumes {
    display: flex;
    width: 100%;
    margin-bottom: 12px;
    margin-top: -12px;
    display: none;
    border-radius: var(--r-6);
    overflow: hidden;
}
.models__item .models__item-volumes.active {
  display: flex;
}
.models__item .models__item-volumes .volume {
    padding: .15rem .35rem;
    width: 100%;
    max-width: 20%;
    background-color: var(--clr-white-50);
}
.models__item .models__item-volumes .volume:first-child { border-radius: var(--r-6) 0 0 var(--r-6);}
.models__item .models__item-volumes .volume:last-child { border-radius: 0 var(--r-6) var(--r-6) 0;}
.models__item .models__item-volumes .volume:nth-child(odd) { background-color: var(--clr-white);}
.models__item .models__item-volumes .volume .key {
    font-size: 16px;
    line-height: 22px;
}
.models__item .models__item-volumes .volume .value {
  
  font-size: 16px;
  line-height: 22px;
}
.models__item.mini .models__item-image {
  top: 110px;
}
.models__item.mini .models__item-categories .category.size {
  background-color: var(--clr-bluel);
}
.models__item.mini .models__item-categories .category.custom {
  background-color: var(--clr-orange);
}
.models__item.fansel .models__item-image {
  top: 30px;
}
.models__item.fansel .models__item-categories .category.size {
  background-color: var(--clr-bluel);
}
.models__item.fansel .models__item-categories .category.custom {
  background-color: var(--clr-pink);
}
.models .category.ribbon {
    display: flex;
    gap: .25em;
    border-radius: var(--r-7);
    padding: .15rem .5rem;
    height: 1.25rem;
    font-size: .8rem;
    background: var(--bg-clr);
    color: var(--clr-text);
}
.models .category.ribbon p {
    text-transform: capitalize;
    font-size: inherit;
    font-family: var(--font-alt);
    line-height: 1;
    letter-spacing: initial;
    color: inherit;
}
.models .category.ribbon.--orange {
    --bg-clr: var(--clr-orange-20);
    --clr-text: var(--clr-orange-dark);
}
.models .category.ribbon.--blue {
    --bg-clr: var(--clr-blue-20);
    --clr-text: var(--clr-blue);
}
.models .category.ribbon.--bluel {
    --bg-clr: var(--clr-bluel-20);
    --clr-text: var(--clr-bluel);
}
.models .category.ribbon.--blued {
    --bg-clr: var(--clr-blued-20);
    --clr-text: var(--clr-blued);
}
.models .category.ribbon.--green {
    --bg-clr: var(--clr-green-20);
    --clr-text: var(--clr-green);
}
.models .category.ribbon.--pink {
    --bg-clr: var(--clr-pink-20);
    --clr-text: var(--clr-pink);
}
.models .category.ribbon.--red {
    --bg-clr: var(--clr-red-20);
    --clr-text: var(--clr-red);
}
.models .category.ribbon.--yellow {
    --bg-clr: var(--clr-yellow-20);
    --clr-text: var(--clr-yellow);
}

.models .category.ribbon.--alt.--orange {
    --bg-clr: var(--clr-orange);
    --clr-text: var(--clr-white);
}
.models .category.ribbon.--alt.--blue {
    --bg-clr: var(--clr-blue);
    --clr-text: var(--clr-white);
}
.models .category.ribbon.--alt.--bluel {
    --bg-clr: var(--clr-bluel);
    --clr-text: var(--clr-white);
}
.models .category.ribbon.--alt.--blue {
    --bg-clr: var(--clr-blued);
    --clr-text: var(--clr-white);
}
.models .category.ribbon.--alt.--green {
    --bg-clr: var(--clr-green);
    --clr-text: var(--clr-white);
}
.models .category.ribbon.--alt.--pink {
    --bg-clr: var(--clr-pink);
    --clr-text: var(--clr-white);
}
.models .category.ribbon.--alt.--red {
    --bg-clr: var(--clr-red);
    --clr-text: var(--clr-white);
}
.models .category.ribbon.--alt.--yellow {
    --bg-clr: var(--clr-yellow);
    --clr-text: var(--clr-text-sub);
}

i.icn.--coin:after {
    mask-image: var(--svg-coin);
    -webkit-mask-image: var(--svg-coin);
}
i.icn.--star:after {
    mask-image: var(--svg-star);
    -webkit-mask-image: var(--svg-star);
}
i.icn.--heat:after {
    mask-image: var(--svg-heat);
    -webkit-mask-image: var(--svg-heat);
}
i.icn.--percent:after {
    mask-image: var(--svg-percent);
    -webkit-mask-image: var(--svg-percent);
}
i.icn.--play-invert:after {
    mask-image: var(--svg-play-invert);
    -webkit-mask-image: var(--svg-play-invert);
}
i.icn.--jars:after {
    mask-image: var(--svg-jar);
    -webkit-mask-image: var(--svg-jar);
}
i.icn.--time:after {
    mask-image: var(--svg-time);
    -webkit-mask-image: var(--svg-time);
}
i.icn.--term:after {
    mask-image: var(--svg-term);
    -webkit-mask-image: var(--svg-term);
}
i.icn:after {
    content: '';
    mask-size: contain;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-position: center center;
    -webkit-mask-position: center center;
    background-color: var(--clr-text);
    width: 100%;
    height: 100%;
}
i.icn {
    display: flex;
    position: relative;
    --icn-size: 1.15em;
    width: var(--icn-size);
    height: var(--icn-size);
}
i.icn.--xsm { --icn-size: .5em;}
i.icn.--sm { --icn-size: .75em;}
i.icn.--lg { --icn-size: 1.25em;}
i.icn.--xlg { --icn-size: 1.5em;}
i.icn.--ulg { --icn-size: 2em;}
i.icn.--uulg { --icn-size: 4em;}


.equipment__choose-item {
  font-size: 24px;
  line-height: 30px;
  text-align: center;
  cursor: pointer;
  padding: 5px 0;
  width: 50%;
}
.equipment__choose-item.active {
  color: var(--clr-white);
  background-color: var(--clr-red);
}
.equipment__choose-item:first-child {
  border-radius: 18px 0 0 18px;
  border-right: 1px solid var(--clr-red);
}
.equipment__choose-item:last-child {
  border-radius: 0 30px 30px 0;
  border-left: 1px solid var(--clr-red);
}

.equipment__wrap {
  display: none;
  justify-content: space-between;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  padding: 40px 0;
  position: relative;
}
.equipment__wrap.active {
  display: flex;
}
.equipment__wrap.fansel {
  background-image: url(./img/equipment-bg-fansel.webp);
}
.equipment__wrap.fansel ul li {
  margin-bottom: 16px;
}
.equipment__wrap.mini {
  background-image: url(./img/equipment-bg-mini.webp);
}
.equipment__wrap.minis {
  background-image: url(./img/equipment-bg-minis.webp);
}
.equipment__wrap.lite {
  background-image: url(./img/equipment-bg-lite.webp);
}
.equipment__wrap.mini ul li {
  margin-bottom: 20px;
}
.equipment__wrap .equipment__mobile-image {
  display: none;
}
.equipment__wrap ul {
  min-height: 472px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.equipment__wrap ul li {
  display: flex;
  align-items: center;
  cursor: pointer;
  position: relative;
  z-index: 1;
}
.equipment__wrap ul li[data-micromodal-trigger^=equipment] p {
  text-decoration: underline;
}
.equipment__wrap ul li.active span {
  color: var(--clr-white);
  background-color: var(--clr-red);
}
.equipment__wrap ul li span {
    width: 2rem;
    height: 2rem;
    display: flex;
    background-color: var(--clr-tr);
    border-radius: var(--r-c);
    border: 1px solid var(--clr-red);
    font-size: 1rem;
    line-height: 1;
    color: var(--clr-red);
    justify-content: center;
    align-items: center;
    text-align: center;
    transition: var(--trns-15);
}
.equipment__wrap ul li p {
  
  font-size: 20px;
  line-height: 26px;
  margin-left: 12px;
}

.equipment__dots-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.equipment__dot {
    position: absolute;
    width: 2rem;
    height: 2rem;
    display: none;
    justify-content: center;
    align-items: center;
    background-color: var(--clr-red);
    border-radius: var(--r-c);
    font-size: 1rem;
    line-height: 1;
}
.equipment__dot::after {
    content: attr(data-dot);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 1rem;
    line-height: 1;
    color: var(--clr-white);
    display: flex;
    justify-content: center;
    align-items: center;
}
.equipment__dot.active { display: flex;}
.equipment__dot p {
    font-size: 0;
    border-radius: var(--r-c);
    background-color: var(--clr-red-20);
    width: 2rem;
    height: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    animation: pulse 3s ease-in-out 0s infinite normal forwards;
    box-shadow: inset 0 0 .25rem var(--clr-red);
}
@keyframes pulse {
    0% { transform: scale(1);}
    50% { transform: scale(1.53);}
    100% { transform: scale(1);}
}

.equipment__dots.fansel .equipment__dot.dot-1 { top: 66%; left: 43%;}
.equipment__dots.fansel .equipment__dot.dot-2 { top: 21%; left: 38%;}
.equipment__dots.fansel .equipment__dot.dot-3 { top: 14%; left: 52%;}
.equipment__dots.fansel .equipment__dot.dot-4 { top: 32%; left: 43%;}
.equipment__dots.fansel .equipment__dot.dot-5 { top: 86%; left: 60%;}
.equipment__dots.fansel .equipment__dot.dot-6 { top: 0%; left: 47%;}
.equipment__dots.fansel .equipment__dot.dot-7 { top: 12%; left: 39%;}
.equipment__dots.fansel .equipment__dot.dot-8 { top: 3%; left: 40%;}
.equipment__dots.fansel .equipment__dot.dot-9.--1 { top: 85%; left: 41%;}
.equipment__dots.fansel .equipment__dot.dot-9.--2 { top: 3%; left: 40%;}
.equipment__dots.fansel .equipment__dot.dot-10.--1 { top: 93%; left: 36%;}
.equipment__dots.fansel .equipment__dot.dot-10.--2 { top: 3%; left: 40%;}
.equipment__dots.fansel .equipment__dot.dot-11.--1 { top: 89%; left: 38%;}
.equipment__dots.fansel .equipment__dot.dot-11.--2 { top: 3%; left: 40%;}
.equipment__dots.fansel .equipment__dot.dot-12 { top: 96%; left: 34%;}
.equipment__dots.fansel .equipment__dot.dot-13 { top: 65%; left: 59%;}
.equipment__dots.fansel .equipment__dot.dot-14 { top: 65%; left: 66%;}
.equipment__dots.fansel .equipment__dot.dot-15 { top: 41%; left: 63%;}

.equipment__dots.mini .equipment__dot.dot-1 { top: 66%; left: 43%;}
.equipment__dots.mini .equipment__dot.dot-2 { top: 30%; left: 38%;}
.equipment__dots.mini .equipment__dot.dot-3 { top: 23%; left: 52%;}
.equipment__dots.mini .equipment__dot.dot-4 { top: 40%; left: 43%;}
.equipment__dots.mini .equipment__dot.dot-5 { top: 86%; left: 60%;}
.equipment__dots.mini .equipment__dot.dot-6 { top: 7%; left: 47%;}
.equipment__dots.mini .equipment__dot.dot-7 { top: 21%; left: 38%;}
.equipment__dots.mini .equipment__dot.dot-8 { top: 11%; left: 40%;}
.equipment__dots.mini .equipment__dot.dot-9.--1 { top: 85%; left: 41%;}
.equipment__dots.mini .equipment__dot.dot-9.--2 { top: 11%; left: 40%;}
.equipment__dots.mini .equipment__dot.dot-10.--1 { top: 93%; left: 36%;}
.equipment__dots.mini .equipment__dot.dot-10.--2 { top: 11%; left: 40%;}
.equipment__dots.mini .equipment__dot.dot-11.--1 { top: 89%; left: 38%;}
.equipment__dots.mini .equipment__dot.dot-11.--2 { top: 11%; left: 40%;}
.equipment__dots.mini .equipment__dot.dot-12 { top: 96%; left: 34%;}
.equipment__dots.mini .equipment__dot.dot-13 { top: 65%; left: 59%;}
.equipment__dots.mini .equipment__dot.dot-14 { top: 65%; left: 66%;}
.equipment__dots.mini .equipment__dot.dot-15 { top: 41%; left: 63%;}

.equipment__dots.lite .equipment__dot.dot-1 { top: 80%; left: 43%;}
.equipment__dots.lite .equipment__dot.dot-2 { top: 50%; left: 38%;}
.equipment__dots.lite .equipment__dot.dot-3 { top: 35%; left: 52%;}
.equipment__dots.lite .equipment__dot.dot-4 { top: 63%; left: 34%;}
.equipment__dots.lite .equipment__dot.dot-5 { top: 58%; left: 49%;}
.equipment__dots.lite .equipment__dot.dot-6 { top: 86%; left: 60%;}
.equipment__dots.lite .equipment__dot.dot-7 { top: 26%; left: 44%;}
.equipment__dots.lite .equipment__dot.dot-8 { top: 33%; left: 40%;}
.equipment__dots.lite .equipment__dot.dot-9 { top: 30%; left: 46%;}
.equipment__dots.lite .equipment__dot.dot-10 { top: 93%; left: 36%; display: none;}
.equipment__dots.lite .equipment__dot.dot-11 { top: 33%; left: 42%;}
.equipment__dots.lite .equipment__dot.dot-12 { top: 65%; left: 59%;}
.equipment__dots.lite .equipment__dot.dot-13 { top: 65%; left: 66%;}
.equipment__dots.lite .equipment__dot.dot-14 { top: 41%; left: 64%;}

.equipment__dots.minis .equipment__dot.dot-1 { top: 80%; left: 43%;}
.equipment__dots.minis .equipment__dot.dot-2 { top: 40%; left: 38%;}
.equipment__dots.minis .equipment__dot.dot-3 { top: 25%; left: 52%;}
.equipment__dots.minis .equipment__dot.dot-4 { top: 52%; left: 34%;}
.equipment__dots.minis .equipment__dot.dot-5 { top: 48%; left: 49%;}
.equipment__dots.minis .equipment__dot.dot-6 { top: 86%; left: 60%;}
.equipment__dots.minis .equipment__dot.dot-7 { top: 26%; left: 44%;}
.equipment__dots.minis .equipment__dot.dot-8 { top: 23%; left: 40%;}
.equipment__dots.minis .equipment__dot.dot-9 { top: 20%; left: 46%;}
.equipment__dots.minis .equipment__dot.dot-10 { top: 93%; left: 36%; display: none;}
.equipment__dots.minis .equipment__dot.dot-11 { top: 23%; left: 42%;}
.equipment__dots.minis .equipment__dot.dot-12 { top: 65%; left: 59%;}
.equipment__dots.minis .equipment__dot.dot-13 { top: 65%; left: 66%;}
.equipment__dots.minis .equipment__dot.dot-14 { top: 41%; left: 64%;}

.equipment__ready {
  
  font-size: 18px;
  line-height: 24px;
  text-align: center;
  margin-bottom: 24px;
  margin-top: 30px;
}
.equipment__ready span {
  display: block;
}

.equipment__guarantee {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  width: 800px;
  max-width: 100%;
  padding: 12px 12px;
  border-radius: 24px;
  border: 2px solid var(--clr-red);
}
.equipment__guarantee .equipment__guarantee-title {
  
  font-size: 30px;
  line-height: 36px;
  color: var(--clr-red);
  text-transform: uppercase;
  margin-bottom: 8px;
}
.equipment__guarantee .equipment__guarantee-subtitle {
  
  font-size: 18px;
  line-height: 24px;
  text-align: center;
  margin-bottom: 24px;
}
.equipment__guarantee .equipment__guarantee-text {
  
  font-size: 24px;
  line-height: 30px;
  text-align: center;
}
.equipment__guarantee .equipment__guarantee-text span {
  color: var(--clr-red);
}

.steamwater {
  padding: 50px 0 50px 0;
}
.steamwater .section__title {
  margin-bottom: 50px;
}

.steamwater__wrap {
  display: flex;
  justify-content: space-between;
}

.steamwater__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 48%;
  padding: 0 20px;
}
.steamwater__item .steamwater__item-title {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}
.steamwater__item .steamwater__item-title p {
  
  font-size: 36px;
  line-height: 42px;
  color: var(--clr-acnt);
  margin-left: 12px;
}
.steamwater__item .steamwater__item-subtitle {
  
  font-size: 24px;
  line-height: 30px;
  text-align: center;
  margin-bottom: 40px;
}
.steamwater__item .steamwater__item-content {
  display: flex;
}
.steamwater__item .steamwater__item-content .steamwater__item-content__image {
  position: relative;
  width: 330px;
  max-width: 100%;
}
.steamwater__item .steamwater__item-content .steamwater__item-content__image .main {
  position: relative;
  z-index: 2;
}
.steamwater__item .steamwater__item-content .steamwater__item-content__image .secondary {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.steamwater__item .steamwater__item-content .steamwater__item-content__image .secondary img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.steamwater__item .steamwater__item-content .steamwater__item-content__image .secondary img.water {
  z-index: 1;
}
.steamwater__item .steamwater__item-content .steamwater__item-content__image .secondary img.bubbles {
  mix-blend-mode: screen;
}
.steamwater__item .steamwater__item-content .steamwater__item-content__stats {
  width: 225px;
  max-width: 100%;
  margin-top: 50px;
  padding-left: 20px;
}
.steamwater__item .steamwater__item-content .steamwater__item-content__stats ul {
  padding-left: 16px;
  margin-bottom: 24px;
}
.steamwater__item .steamwater__item-content .steamwater__item-content__stats ul li .key {
  
  font-size: 18px;
  line-height: 24px;
}
.steamwater__item .steamwater__item-content .steamwater__item-content__stats ul li .value {
  
  font-size: 24px;
  line-height: 30px;
  color: var(--clr-acnt);
}
.steamwater__item .steamwater__item-content .steamwater__item-content__stats ul li:not(:last-child) {
  margin-bottom: 16px;
}
.steamwater__item .steamwater__item-content .steamwater__item-content__stats .lids-types__wrap {
  position: relative;
}
.steamwater__item .steamwater__item-content .steamwater__item-content__stats .lids-types__wrap.active .lids-types__button {
  background-color: var(--clr-acnt);
  color: var(--clr-white);
}
.steamwater__item .steamwater__item-content .steamwater__item-content__stats .lids-types__wrap.active .lids-types__banner {
  opacity: 1;
}
.steamwater__item .steamwater__item-content .steamwater__item-content__stats .lids-types__wrap .lids-types__button {
  
  font-size: 18px;
  line-height: 24px;
  color: var(--clr-acnt);
  text-align: center;
  border: 2px solid var(--clr-acnt);
  border-radius: 30px;
  padding: 4px 12px;
  width: 200px;
  max-width: 100%;
  cursor: pointer;
}
.steamwater__item .steamwater__item-content .steamwater__item-content__stats .lids-types__wrap .lids-types__banner {
  width: 200px;
  max-width: 100%;
  background-color: var(--clr-gray-light);
  border-radius: 0 0 30px 30px;
  border-radius: 24px;
  padding: 12px 8px 4px 8px;
  margin: 6px 0 0 0;
  transition: all 0.2s ease-in-out;
  opacity: 0;
}
.steamwater__item .steamwater__item-content .steamwater__item-content__stats .lids-types__wrap .lids-types__banner p {
  
  font-size: 14px;
  line-height: 17px;
  padding-left: 40px;
  background-image: url(../../refresh/img/lids-types-check.svg);
  background-repeat: no-repeat;
  background-position: 0px 4px;
  background-size: 32px;
}
.steamwater__item .steamwater__item-comment {
  display: flex;
  align-items: center;
  border-top: 1px solid var(--clr-acnt);
  margin: 40px 0 0 30px;
  padding-top: 16px;
}
.steamwater__item .steamwater__item-comment img {
  width: 42px;
}
.steamwater__item .steamwater__item-comment p {
  
  font-size: 16px;
  line-height: 22px;
  margin-left: 16px;
}

.modes {
    background: url("../refresh/img/modes-bg-desktop.jpg") center / cover no-repeat;
    background-color: var(--bg-clr);
    background-blend-mode: multiply;
}
.modes .modes__choose-title, .equipment .equipment__choose-title {
    font-size: 1.25rem;
    line-height: 1.15;
    text-align: center;
    color: var(--clr-blue-dark);
    margin-bottom: var(--main-gap);
    height: 3cap;
    justify-content: center;
    align-items: center;
    display: flex;
}
.equipment .equipment__choose-title { color: var(--clr-red);}
.modes .container {
  position: relative;
}
.modes .modes__image-wrap {
  position: absolute;
  bottom: 140px;
  left: 150px;
}
.modes .modes__image-desktop {
  position: relative;
  display: none;
}
.modes .modes__image-desktop.active {
  display: block;
}
.modes .modes__image-desktop.water .modes__image-desktop__secondary img.bubbles {
  mix-blend-mode: screen;
}
.modes .modes__image-desktop.steam .modes__image-desktop__secondary img.bubbles {
  mix-blend-mode: screen;
}
.modes .modes__image-desktop .modes__image-desktop__main {
  position: relative;
  z-index: 2;
}
.modes .modes__image-desktop .modes__image-desktop__secondary {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.modes .modes__image-desktop .modes__image-desktop__secondary img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.modes .modes__image-desktop .modes__image-desktop__secondary img.water {
  z-index: 1;
}
.modes .modes__image-desktop .modes__image-desktop__secondary img.bubbles {
  mix-blend-mode: color-dodge;
}
.modes-params-wrap {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateX(-40%) translateY(-50%);
    display: flex;
    flex-flow: column;
    gap: var(--main-gap);
    padding: var(--main-gap);
    padding-right: 7rem;
    background: var(--clr-bluel-20);
    border-radius: var(--r-2);
    color: var(--clr-blued);
}
.modes-params {
    display: flex;
    width: 100%;
    flex-flow: column;
}
.modes-params .name {
    color: var(--clr-text-sub);
    font-size: .8rem;
}
.modes-params .val {
    font-weight: 700;
    font-family: var(--font-alt);
    font-size: 1.75rem;
}


.modes__steps-wrap {
    display: flex;
    flex-flow: column;
    gap: var(--main-gap-05);
    justify-content: center;
    align-items: flex-end;
    
    display: none;
}
.modes__steps-wrap.active { display: flex;}
.modes__step {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: 610px;
    /* box-shadow: 0 0 .5rem var(--clr-black-10); */
    border-radius: var(--r-2);
    background-color: var(--clr-white);
    gap: var(--main-gap-05);
}
.modes__step:not(:last-child) {
    margin-bottom: 16px;
}
.modes__step-number {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 4rem;
    line-height: 1;
    color: var(--clr-acnt);
    border-radius: var(--r-c);
    background: var(--clr-tr);
    width: 4rem;
    height: 100%;
    padding-left: var(--main-gap);
}
.modes__step-content {
    width: 100%;
    padding: var(--main-gap-05) 0;
    display: flex;
    flex-flow: column;
    gap: .5rem;
    max-width: calc(100% - var(--main-gap) - 12rem - 5rem);
}
.modes__step-content .title {
    font-size: 1.15rem;
    line-height: 1.15;
}    
.modes__step-content .text {
    font-size: .9rem;
    line-height: 1.25;
}
.modes__step-image {
    border-radius: 0 var(--r-2) var(--r-2) 0;
    width: 12rem;
    height: 12rem;
}
.modes__step-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 0 var(--r-2) var(--r-2) 0;
}

.choice {
  position: relative;
}
.choice .section__title span {
  color: var(--clr-red);
}
.choice .choice__bg {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
}

.choice__item {
  display: flex;
  align-items: center;
  position: relative;
  z-index: 1;
  width: 710px;
  max-width: 100%;
  margin-bottom: 40px;
  opacity: 0;
}
.choice__item.active {
  opacity: 1;
}
.choice__item .choice__item-icon {
  width: 84px;
  min-width: 84px;
}
.choice__item .choice__item-content {
  margin-left: 16px;
}
.choice__item .choice__item-content .title {
  
  font-size: 24px;
  line-height: 30px;
  margin-bottom: 8px;
}
.choice__item .choice__item-content .text {
  
  font-size: 18px;
  line-height: 24px;
}


img.improve-modal-image {
    width: calc(100% + var(--main-gap)* 2);
    max-width: calc(100% + var(--main-gap)* 2);
    margin: calc(var(--main-gap)* -1);
}
.improve .improve__comment {
    font-size: 18px;
    line-height: 24px;
    text-align: center;
    margin: 70px 0 24px 0;
}
.improve .improve__comment-set {
  font-size: 24px;
  line-height: 30px;
  text-align: center;
  width: 1020px;
  max-width: 100%;
  margin: 0 auto;
}
.improve .improve__comment-set span {
  color: var(--clr-red);
}

.improve__slider-wrap {
  position: relative;
}
[class*="slider-arrow"] {
    position: absolute;
    top: 47%;
    width: 2rem;
    height: 2rem;
    z-index: 1;
    cursor: pointer;
    display: flex;
    border-radius: 50%;
    background: var(--clr-white);
    justify-content: center;
    align-items: center;
    padding: .5rem;
    top: calc(50% - 6rem);
    opacity: .75;
    transition: var(--trns-15);
    transform: scale(1);
    box-shadow: 0 0 .5rem var(--clr-black-10);
}
[class*="slider-arrow"].next { right: 0; transform: scale(1) rotate(180deg);}
[class*="slider-arrow"]:hover { opacity: 1; transform: scale(1.15);}
[class*="slider-arrow"].next:hover { transform: scale(1.15) rotate(180deg);}

.improve__slider-wrap .slick-dots {
  position: absolute;
  bottom: -20px;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: center;
}
.improve__slider-wrap .slick-dots li {
  margin: 0 5px;
  position: relative;
  color: transparent;
  width: 12px;
  height: 12px;
}
.improve__slider-wrap .slick-dots li::before {
  content: "";
  width: 12px;
  height: 12px;
  background-color: #CCCCCC;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
}
.improve__slider-wrap .slick-dots li.slick-active::before {
  background-color: var(--clr-acnt);
}

.improve__slider {
  max-width: 100%;
  margin: 0 auto;
}
.improve__slider-item {
    align-items: center;
    margin: 0;
    padding: var(--main-gap-05);
    border-radius: 0;
    display: flex;
    flex-flow: column;
    box-shadow: none;
    gap: var(--main-gap-05);
}
.improve__slider-item__image {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 10rem;
    border-radius: var(--r-2);
    cursor: zoom-in;
    position: relative;
    max-width: 100%;
    overflow: hidden;
}
.improve__slider-item__image::before {
    content: "";
    width: 4rem;
    height: 4.25rem;
    opacity: 0;
    transition: all 0.2s ease-in-out;
    position: absolute;
    top: calc(50% - 2.125rem);
    left: calc(50% - 2rem);
    z-index: 1;
    background-image: url(../refresh/img/improve-magnifier-dekstop.svg);
    background-repeat: no-repeat;
    background-position: center center;
}
.improve__slider-item__image picture {
    display: flex;
    width: 100%;
    height: 100%;
}
.improve__slider-item__image img {
    transition: all 0.2s ease-in-out;
    display: flex;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}
.improve__slider-item__image:hover img { filter: brightness(0.7);}
.improve__slider-item__image:hover::before { opacity: 1;}
.improve__slider-item__content {
    display: flex;
    flex-flow: column;
    gap: var(--main-gap-05);
    width: 100%;
}
.improve__slider-item__content .title {
    font-size: 1.25rem;
    line-height: 1.15;
    min-height: 3rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.improve__slider-item__content .text {
    font-size: .8rem;
    line-height: 1.25;
}

.people {
    position: relative;
    overflow: hidden;
    background-image: url(../refresh/img/people-bg.jpg);
    background-repeat: no-repeat;
    background-size: 1920px;
    background-position: top 24px left 0;
}    


.people__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    max-width: 26rem;
    margin: 0 auto;
}
.people__item .people__item-image {
    width: 100%;
    max-width: 21.25rem;
}
.people__item.home .people__item-image {
    width: 100%;
    max-width: 24rem;
}
.people__item.hunt .people__item-image {
    width: 120%;
    max-width: 31rem;
    margin-left: 9rem;
}
.people__item .people__item-banner {
    margin-top: calc(var(--main-gap)* -1);
    border-radius: var(--r-2);
}
.people__item .people__item-banner .title {
    width: 100%;
    padding: var(--main-gap-05) var(--main-gap);
    border-radius: var(--r-2) var(--r-2) 0 0;
    background-color: var(--clr-red);
    font-size: 1.5rem;
    line-height: 1.15;
    color: var(--clr-white);
    text-align: center;
}
.people__item .people__item-banner .text {
    padding: var(--main-gap-05) var(--main-gap);
    background: var(--clr-gray-light);
    width: 100%;
    border-radius: 0 0 var(--r-2) var(--r-2);
    font-size: 1rem;
    line-height: 1.25;
    text-align: center;
    min-height: 6rem;
    justify-content: center;
    align-items: center;
    display: flex;
}
.hurry { background-image: radial-gradient(100% 50% at 0% 100%, #68daff 0%, rgb(171 245 255 / 50%) 50%, transparent 150%), radial-gradient(100% 50% at 100% 100%, #ff5fba 0%, rgb(217 126 255 / 50%) 50%, transparent 150%);}
.hurry__wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.hurry__banner {
    width: 24rem;
    max-width: 100%;
    border-radius: var(--r-2);
    box-shadow: 0 0 .5rem var(--clr-black-10);
    background: var(--clr-white);
    padding: var(--main-gap);
}
.hurry__image {
    max-width: calc(100% - 26rem);
}
.hurry__banner-header {
    display: flex;
    flex-flow: column;
    align-items: center;
    background-color: var(--clr-acnt);
    background-image: radial-gradient(110% 130% at 50% -20%, var(--clr-bluel-light) 0%, var(--clr-bluel-dark) 60%, var(--clr-blued-dark) 100%);
    border-radius: var(--r-2);
    padding: var(--main-gap);
    width: calc(100% + var(--main-gap)* 2);
    margin: calc(var(--main-gap)* -1);
    margin-bottom: var(--main-gap);
    /* animation: huerotate 60s ease-in-out infinite; */
}
.hurry__banner-title {
    font-size: 1.5rem;
    line-height: 1;
    text-align: center;
    text-transform: uppercase;
}
.hurry__banner-countdown {
    display: flex;
    flex-flow: row;
    gap: var(--main-gap-05);
    margin: 0 auto;
    width: 100%;
    max-width: 20rem;
    justify-content: space-between;
    align-items: center;
    padding-top: var(--main-gap-05);
}
.hurry__banner-countdown [class*="_item"] {
    display: flex;
    flex-flow: column;
    align-items: center;
    position: relative;
}
.hurry__banner-countdown [class*="_item"] .time {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 6rem;
    height: 6rem;
    border-radius: 50%;
    background-color: var(--clr-white-05);
    border: 1px solid var(--clr-white-20);
    font-size: 3rem;
    line-height: 1;
    color: var(--clr-white);
}
.hurry__banner-countdown [class*="_item"] .unit {
    font-size: .8rem;
    line-height: 1;
    color: var(--clr-white-40);
    position: absolute;
    bottom: .5rem;
}
.hurry__banner-presents {
    font-family: var(--font-alt);
    margin-top: var(--main-gap-05);
    border-radius: var(--r-2);
    padding: .15rem .5rem;
    background-color: var(--clr-white-05);
    border: 1px solid var(--clr-white-20);
    height: 2.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1rem;
    gap: .5em;
    width: 100%;
    max-width: 20rem;
    font-weight: 400;
    text-transform: uppercase;
    color: var(--clr-white);
    line-height: 1;
    text-align: center;
}
.hurry__banner-presents span {
    font-weight: 700;
    font-size: 1.5em;
    line-height: 1.5em;
    /* color: var(--clr-red-light); */
}
.hurry__banner-body form {
    display: flex;
    width: 100%;
    flex-flow: column;
    gap: var(--main-gap-05);
}

.hurry__wrap .hurry__banner .hurry__banner-body form .loan__wrap {
  border: 1px solid var(--clr-red);
  border-radius: 4px;
  padding: 4px 30px;
  margin: 6px 0 24px 0;
}
.hurry__wrap .hurry__banner .hurry__banner-body form .loan__wrap p {
  
  font-size: 16px;
  line-height: 22px;
}
.hurry__wrap .hurry__banner .hurry__banner-body form .loan__wrap p span {
  color: var(--clr-red);
}
.hurry__wrap .hurry__banner .hurry__banner-body form .button {
  width: 360px;
}
.upgrade {
  padding: 60px 0 60px 0;
}

.upgrade .upgrade__comment {
  
  font-size: 18px;
  line-height: 24px;
  text-align: center;
  margin: 30px auto 0 auto;
}
.upgrade .upgrade__comment span {
  
  font-weight: 700;
  color: var(--clr-red);
}

.upgrade__wrap {
  position: relative;
}
.upgrade__wrap .upgrade__bulb {
  position: absolute;
  top: -70px;
  right: 100px;
  cursor: pointer;
}
.upgrade__wrap .upgrade__bulb img {
  animation: pulse-bulb 2.8s ease-in-out infinite;
}
@keyframes pulse-bulb {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}
.upgrade__bulb-description {
    position: absolute;
    bottom: -15rem;
    right: 0;
    width: 100%;
    min-width: 38rem;
    max-width: 100%;
    padding: var(--main-gap);
    border-radius: var(--r-2);
    border: 1px solid;
    background-color: var(--clr-red-20);
    backdrop-filter: blur(1rem);
    --clr-text: var(--clr-red);
    --clr-text-sub: var(--clr-red);
    color: var(--clr-text);
    transition: var(--trns-15);
    opacity: 0;
    pointer-events: none;
    z-index: -1;
}
.upgrade__bulb-description:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: var(--r-2);
    background: var(--clr-white-50);
    z-index: -1;
    top: 0;
    left: 0;
}
.upgrade__bulb-description.active {
  opacity: 1;
  pointer-events: all;
  z-index: 1;
}
.upgrade__bulb-description .title {
  
  font-size: 22px;
  line-height: 28px;
  margin-bottom: 16px;
}
.upgrade__bulb-description .text {
  
  font-size: 18px;
  line-height: 24px;
}
.upgrade__wrap .upgrade__bg img {
  margin: 0 auto;
}
.upgrade__wrap .upgrade__item { position: absolute; bottom: 20%;}

/* .upgrade__wrap .upgrade__item.column { right: calc(50% - 9rem);} */

.upgrade__wrap .upgrade__item.column { right: 0;}

.upgrade__wrap .upgrade__item.column .upgrade__item-title {
  margin-left: -40px;
}
.upgrade__wrap .upgrade__item .upgrade__item-title {
  display: flex;
  align-items: center;
}
.upgrade__wrap .upgrade__item .upgrade__item-title img {
  width: 36px;
}
.upgrade__wrap .upgrade__item .upgrade__item-title p {
  
  font-size: 24px;
  line-height: 30px;
  margin-left: 4px;
}
.upgrade__wrap .upgrade__item .upgrade__item-price {
  
  font-size: 30px;
  line-height: 36px;
  color: var(--clr-acnt);
  margin-bottom: 8px;
}
.upgrade__wrap .upgrade__item .upgrade__item-price span {
  font-family: inherit;
  font-weight: inherit;
}
.upgrade__wrap .upgrade__item .button {
  background-color: var(--clr-acnt);
  width: 180px;
  min-width: auto;
}

.certificates {
  position: relative;
  overflow: hidden;
}
.certificates .section__title {
  color: var(--clr-acnt);
}
.certificates .certificates__bg {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100vw;
  height: 300px;
  background-color: #638AAF;
  -webkit-clip-path: polygon(0 0, 100% 54%, 100% 100%, 0% 100%);
          clip-path: polygon(0 0, 100% 54%, 100% 100%, 0% 100%);
}
.certificates > * {
  position: relative;
  z-index: 1;
}

.certificates__item {
  display: flex;
  justify-content: space-between;
}
.certificates__item.hanhi .certificates__item-image .magnifier {
  bottom: 40px;
  right: 0;
}
.certificates__item.hanhi .certificates__item-content {
  padding-top: 60px;
  max-width: 630px;
}
.certificates__item.trust {
  margin-top: -50px;
}
.certificates__item.trust .certificates__item-image .magnifier {
  bottom: 170px;
  left: 0;
}
.certificates__item.trust .certificates__item-content {
  padding-top: 100px;
}
.certificates__item .certificates__item-image {
  position: relative;
  cursor: pointer;
}
.certificates__item .certificates__item-image .magnifier {
  position: absolute;
}
.certificates__item .certificates__item-content .certificates__item-content__title {
  
  font-size: 30px;
  line-height: 36px;
  margin-bottom: 40px;
}
.certificates__item .certificates__item-content ul {
  max-width: 540px;
}
.certificates__item .certificates__item-content ul li {
  display: flex;
  align-items: flex-start;
  margin-bottom: 24px;
}
.certificates__item .certificates__item-content ul li img {
  width: 45px;
}
.certificates__item .certificates__item-content ul li p {
  
  font-size: 24px;
  line-height: 30px;
  margin-left: 8px;
}

.certificates__points-wrap {
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
}
.certificates__points-wrap .certificates__point {
  display: flex;
  align-items: center;
}
.certificates__points-wrap .certificates__point p {
  
  font-size: 18px;
  line-height: 24px;
  color: var(--clr-white);
  margin-left: 12px;
}

.reviews {
  padding: 40px 0;
}

.reviews__slider-wrap {
  position: relative;
  padding-bottom: 50px;
}
.reviews__slider-wrap .reviews__slider-arrow {
  position: absolute;
  top: 42%;
  width: 42px;
  height: 42px;
  z-index: 1;
  cursor: pointer;
}
.reviews__slider-wrap .reviews__slider-arrow.prev {
  left: -20px;
}
.reviews__slider-wrap .reviews__slider-arrow.next {
  right: -20px;
  transform: rotate(180deg);
}
.reviews__slider-wrap .slick-dots {
  position: absolute;
  bottom: -44px;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: center;
}
.reviews__slider-wrap .slick-dots li {
  margin: 0 5px;
  position: relative;
  color: transparent;
  width: 12px;
  height: 12px;
}
.reviews__slider-wrap .slick-dots li::before {
  content: "";
  width: 12px;
  height: 12px;
  background-color: #CCCCCC;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
}
.reviews__slider-wrap .slick-dots li.slick-active::before {
  background-color: var(--clr-acnt);
}

.reviews__slider {
  width: 1130px;
  max-width: 92%;
  margin: 0 auto;
}
.reviews__slider .reviews__slider-item {
  width: 352px;
  max-width: 100%;
  border-radius: 24px;
  background-color: var(--clr-gray-light);
  padding: 16px;
  margin: 0 12px;
  min-height: 414px;
  max-height: 414px;
  position: relative;
}
.reviews__slider .reviews__slider-item.nophoto {
  display: flex;
  flex-direction: column;
}
.reviews__slider .reviews__slider-item.nophoto .reviews__slider-item__body {
  max-height: 263px;
}
.reviews__slider .reviews__slider-item.nophoto .reviews__slider-item__expand {
  margin-top: auto;
}
.reviews__slider .reviews__slider-item.nophoto::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  background-repeat: no-repeat;
  background-position: center bottom;
  mix-blend-mode: multiply;
  opacity: 0.3;
}
.reviews__slider .reviews__slider-item.shit {
  max-height: none;
}
.reviews__slider .reviews__slider-item.shit .reviews__slider-item__body {
  max-height: none;
  overflow: unset;
}
.reviews__slider .reviews__slider-item .reviews__slider-item__header {
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  padding-bottom: 12px;
  border-bottom: 1px solid #CCCCCC;
}
.reviews__slider .reviews__slider-item .reviews__slider-item__header .avatar {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  display: none;
  margin-right: 16px;
}
.reviews__slider .reviews__slider-item .reviews__slider-item__header .avatar img {
  border-radius: 50%;
}
.reviews__slider .reviews__slider-item .reviews__slider-item__header .user-info .name {
  
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 4px;
}
.reviews__slider .reviews__slider-item .reviews__slider-item__header .user-info .device {
  
  font-size: 16px;
  line-height: 22px;
}
.reviews__slider .reviews__slider-item .reviews__slider-item__header .review-date {
  
  font-size: 14px;
  line-height: 20px;
  color: #999999;
  margin-left: auto;
}
.reviews__slider .reviews__slider-item .reviews__slider-item__images {
  display: flex;
  padding: 16px 0 0 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 12px;
  grid-row-gap: 0px;
}
.reviews__slider .reviews__slider-item .reviews__slider-item__images .image {
  position: relative;
  cursor: zoom-in;
  width: 94px;
  height: 94px;
}
.reviews__slider .reviews__slider-item .reviews__slider-item__images .image.rotate img {
  transform: rotate(90deg);
}
.reviews__slider .reviews__slider-item .reviews__slider-item__images .image::before {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 12px;
  background-color: #999999;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  pointer-events: none;
  background-image: url(../refresh/img/reviews-magnifier.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 30px;
  transition: all 0.2s ease-in-out;
  opacity: 0;
}
.reviews__slider .reviews__slider-item .reviews__slider-item__images .image:hover::before {
  opacity: 1;
}
.reviews__slider .reviews__slider-item .reviews__slider-item__images .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 12px;
}
.reviews__slider .reviews__slider-item .reviews__slider-item__body {
  margin-top: 16px;
  max-height: 155px;
  overflow: hidden;
}
.reviews__slider .reviews__slider-item .reviews__slider-item__body p {
  
  font-size: 16px;
  line-height: 22px;
}
.reviews__slider .reviews__slider-item .reviews__slider-item__expand {
  
  font-size: 14px;
  line-height: 20px;
  color: var(--clr-acnt);
  text-align: right;
  text-transform: uppercase;
  margin-top: 30px;
  position: absolute;
  bottom: 12px;
  right: 30px;
}

.production__advantages {
  display: flex;
  justify-content: space-between;
  margin-top: 60px;
}
.production__advantages div {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.production__advantages div p {
  
  font-size: 18px;
  line-height: 24px;
  text-align: center;
  margin-top: 12px;
}

.production__slider-wrap {
  position: relative;
  margin-top: 40px;
  padding-bottom: 50px;
}
.production__slider-wrap .production__slider-arrow {
  position: absolute;
  top: 40%;
  width: 42px;
  height: 42px;
  z-index: 1;
  cursor: pointer;
}
.production__slider-wrap .production__slider-arrow.next {
  right: 0;
  transform: rotate(180deg);
}
.production__slider-wrap .slick-dots {
  position: absolute;
  bottom: -44px;
  left: 0;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  display: flex;
  justify-content: center;
}
.production__slider-wrap .slick-dots li {
  margin: 5px 5.5px;
  position: relative;
  color: transparent;
  width: 12px;
  min-width: 12px;
  height: 12px;
}
.production__slider-wrap .slick-dots li::before {
  content: "";
  width: 100%;
  height: 100%;
  background-color: #CCCCCC;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
}
.production__slider-wrap .slick-dots li.slick-active::before {
  background-color: var(--clr-acnt);
}

.production__slider {
  width: 1130px;
  max-width: 100%;
  margin: 0 auto;
}
.production__slider .production__slider-item {
  width: 700px;
  max-width: 100%;
}
.production__slider .production__slider-item img {
  margin: 0 auto;
}

.questions {
  padding: 40px 0;
}
.accordion {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    display: flex;
    flex-flow: wrap;
    gap: var(--main-gap);
}
.accordion .accordion__item {
    display: flex;
    flex-flow: column;
    border-radius: var(--r-2);
    background-color: var(--clr-gray-light);
    width: 100%;
    max-width: calc(50% - var(--main-gap-05));
    height: min-content;
    position: relative;
}
.accordion dt {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    min-height: var(--clear);
    cursor: pointer;
    background: var(--clr-gray-light);
    border-radius: var(--r-2);
        
}
.accordion dt.active {
    border-radius: var(--r-2);
    margin-bottom: 0;
    background-color: var(--clr-gray-light);
}
.accordion dt.active .accordion__arrow img { transform: rotate(180deg);}
.accordion dt .accordion__title-wrap {
    display: flex;
    align-items: center;
    width: 100%;
    padding: var(--main-gap-05) 4rem var(--main-gap-05) var(--main-gap);
    gap: var(--main-gap);
    min-height: 6rem;
}
.accordion dt .accordion__title-wrap .accordion__number {
    font-size: 2.5rem;
    line-height: 1.15;
    color: var(--clr-red);
}
.accordion dt .accordion__title-wrap .accordion__title {
    font-size: 1.25rem;
    line-height: 1.15;
}
.accordion dt .accordion__arrow {
    display: flex;
    width: 4rem;
    min-width: 4rem;
    height: 100%;
    border-radius: var(--r-2);
    transition: var(--trns-15);
    position: absolute;
    top: 0;
    right: 0;
    filter: grayscale(1) brightness(0.5);
}
.accordion dt .accordion__arrow img {
    margin: 2.5rem auto 0 auto;
    transition: var(--trns-15);  
    width: 2rem;
    height: 1rem;
}
.accordion dd {
    font-size: 1rem;
    line-height: 1.25;
    padding: var(--main-gap-05) var(--main-gap);
    max-height: 20rem;
    margin-top: -2rem
}
.accordion dd p { margin-bottom: 5px;}
.accordion dd .button { color: var(--clr-text); border-color: var(--clr-text);}
.accordion dd .button:hover { color: var(--clr-white); border-color: var(--clr-red-hover);}

.filtred-el.--active { display: flex;}
.filtred-el.--disabled { display: none;}


.row.filter-row { margin-bottom: calc(var(--main-gap) * -2); overflow: hidden;}
.row.filter-row + .row { background: var(--bg-clr);}
.filter-area {
    display: flex;
    flex-flow: row;
    padding: var(--main-gap) var(--main-gap-05);
    gap: var(--main-gap-05);
    width: var(--size-content);
    overflow: hidden;
    overflow-x: scroll;
    padding-bottom: calc(var(--main-gap) * 2);
    justify-content: center;
    align-items: center;
}
.filter {
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--clr-tr);
    font-size: 1rem;
    border: 1px solid;
    min-height: 2rem;
    padding: .15rem 1rem;
    border-radius: var(--r-btn);
    color: var(--clr-text-sub);
    transition: var(--trns-15);
    cursor: pointer;
}
.filter:hover { background: var(--clr-gray-light);}
.filter.--active {
    color: var(--clr-white);
    border-color: var(--clr-red);
    background: var(--clr-red);
}


.questions .button {
    width: 360px;
    margin: 30px auto 0 auto;
    background: none;
    color: #999999;
    border: 2px solid #999999;
}

.onedevice {
    background-image: url(../refresh/img/onedevice-bg-desktop-2.jpg);
    background-repeat: no-repeat;
    background-position: top right;
    background-size: contain;
}    

.onedevice__wrap {
    width: 100%;
    background-color: var(--bg-clr);
    position: relative;
    max-width: 38rem;
    padding: var(--clear) var(--main-gap);
    margin: calc(var(--clear)* -1);
}
.onedevice__wrap::before {
    content: '';
    width: 16rem;
    height: 100%;
    position: absolute;
    top: 0;
    right: -15.5rem;
    background: linear-gradient(270deg, var(--clr-tr) 0%, var(--bg-clr) 90%, var(--bg-clr) 100%)
}
.onedevice__wrap .onedevice__image-mobile {
  display: none;
}
.onedevice__wrap ul li {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.onedevice__wrap ul li img {
  width: 45px;
  height: 37px;
}
.onedevice__wrap ul li p {
  
  font-size: 24px;
  line-height: 30px;
  margin-left: 12px;
}
.onedevice__wrap .onedevice__comment {
  
  font-size: 16px;
  line-height: 22px;
  margin-top: 30px;
  max-width: 532px;
}

.order {
  background-image: url(../refresh/img/order-bg.jpg);
  background-repeat: no-repeat;
  background-position: center left;
  background-size: contain;
}
.order .order__mobile-image {
  display: none;
}

.order__banner {
    width: 100%;
    max-width: 42rem;
    margin-left: auto;
    border-radius: var(--r-2);
    background-color: var(--clr-white);
    box-shadow: 0 0 .5rem var(--clr-black-10);
    padding: var(--main-gap);
}
.order__banner .order__banner-header { color: var(--clr-white); background: var(--clr-acnt-hover);}

.choose .section__title {
  margin-bottom: 46px;
}

.choose__wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.choose__wrap .choose__item {
  width: 590px;
  max-width: 100%;
}
.choose__wrap .choose__item .choose__item-comment {
  display: flex;
  align-items: center;
  margin-top: 40px;
}
.choose__wrap .choose__item .choose__item-comment p {
  
  font-size: 16px;
  line-height: 22px;
  margin-left: 16px;
}

.choose__banner {
  position: relative;
  background-color: var(--clr-white);
  border-radius: 30px;
  padding: 46px 32px 24px 32px;
  box-shadow: 0 0 .5rem var(--clr-black-10);
}
.choose__banner .choose__banner-image {
  position: absolute;
  bottom: 94px;
  left: 10px;
}
.choose__banner .choose__banner-sticker {
  position: absolute;
  overflow: hidden;
  border-radius: 50%;
}
.choose__banner .choose__banner-sticker::before {
  background: var(--clr-white);
  content: "";
  height: 200px;
  opacity: 0.2;
  position: absolute;
  top: -20px;
  transform: rotate(35deg);
  width: 80px;
  background: rgba(255, 255, 255, 0.7);
  animation: gloss 3.8s linear infinite;
}
@keyframes gloss {
  0% {
    left: -115px;
  }
  100% {
    left: 2420%;
  }
}
.choose__banner .choose__banner-sticker.sticker-14 {
  bottom: 136px;
  left: 184px;
}
.choose__banner .choose__banner-sticker.sticker-20 {
  bottom: 180px;
  left: 169px;
}
.choose__banner .choose__banner-content {
  max-width: 100%;
  margin-left: auto;
}
.choose__banner .choose__banner-content.content-14 {
  width: 230px;
}
.choose__banner .choose__banner-content.content-20 {
  width: 240px;
}
.choose__banner .choose__banner-content .choose__banner-content__title {
  
  font-size: 36px;
  line-height: 42px;
  margin-bottom: 8px;
}
.choose__banner .choose__banner-content .choose__banner-content__volume {
  
  font-size: 30px;
  line-height: 36px;
  color: var(--clr-red);
  margin-bottom: 46px;
}
.choose__banner .choose__banner-content .choose__banner-content__stats {
  border: 1px solid var(--clr-gray);
  border-radius: 12px;
  padding: 7px 4px 1px 10px;
  margin-bottom: 8px;
  width: 184px;
}
.choose__banner .choose__banner-content .choose__banner-content__stats .stat {
  display: flex;
  align-items: center;
  margin-bottom: 4px;
}
.choose__banner .choose__banner-content .choose__banner-content__stats .stat p {
  
  font-size: 18px;
  line-height: 24px;
  margin-left: 10px;
}
.choose__banner .choose__banner-content .choose__banner-content__price-old {
  
  font-size: 30px;
  line-height: 36px;
  text-decoration: line-through;
  margin-top: 24px;
}
.choose__banner .choose__banner-content .choose__banner-content__price-new {
  font-size: 2.25rem;
  line-height: 1;
  color: var(--clr-pink);
  white-space: nowrap;
  margin-bottom: 1rem;
}
.choose__banner .choose__banner-content .choose__banner-content__price-new span {
  font-family: inherit;
  font-weight: 600;
}
.choose__banner .button {
  width: 100%;
}

.compare {
  padding: 50px 0 50px 0;
  position: relative;
}
.compare .compare__comment {
  
  font-size: 18px;
  line-height: 24px;
  text-align: center;
  max-width: 560px;
  margin: 50px auto 0 auto;
}

.compare__wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 860px;
  max-width: 100%;
  margin: 50px auto 40px auto;
}
.compare__wrap .compare__item {
  width: 340px;
  max-width: 100%;
}
.compare__wrap .compare__item.good .compare__item-image {
  left: 0;
}
.compare__wrap .compare__item.good .compare__item-title {
  color: var(--clr-green);
}
.compare__wrap .compare__item.bad .compare__item-image {
  right: 0;
}
.compare__wrap .compare__item .compare__item-image {
  position: absolute;
  top: 140px;
}
.compare__wrap .compare__item .compare__item-title {
  
  font-size: 30px;
  line-height: 36px;
  margin-bottom: 24px;
}
.compare__wrap .compare__item ul {
  padding: 12px 16px 24px 30px;
  background-color: var(--clr-gray-light);
  border-radius: 0 0 30px 30px;
}

.compare__wrap .compare__lightning {
  margin-top: 70px;
  position: relative;
}
.compare__wrap .compare__lightning::after {
  content: "";
  width: 127px;
  height: 127px;
  background-image: url(../refresh/img/compare-vs.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  position: absolute;
  top: calc(50% - 63.5px);
  left: calc(50% - 63.5px);
}

footer {
  padding: 30px 0;
  background-color: var(--clr-acnt);
}
footer .footer__wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
footer .footer__wrap .footer__info {
  width: 300px;
  max-width: 100%;
}
footer .footer__wrap .footer__info .footer__info-logo {
  filter: brightness(0) saturate(100%) invert(97%) sepia(0%) saturate(3568%) hue-rotate(342deg) brightness(135%) contrast(100%);
  width: 150px;
  margin-bottom: 36px;
}
footer .footer__wrap .footer__info p {
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 30px;
}
footer .footer__wrap .footer__links {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 35px;
}
footer .footer__wrap .footer__links a {
  
  font-size: 18px;
  line-height: 24px;
  color: var(--clr-white);
  text-align: center;
  margin-bottom: 23px;
}
footer .footer__wrap .footer__links a:hover {
  text-decoration: underline;
}
footer .footer__wrap .footer__social {
  width: 270px;
  padding-top: 35px;
}
footer .footer__wrap .footer__social .footer__social__phone {
  display: flex;
  align-items: center;
  padding: 0 12px;
  margin-bottom: 16px;
}
footer .footer__wrap .footer__social .footer__social__phone img {
  width: 25px;
  height: 25px;
  margin-right: 16px;
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(27deg) brightness(106%) contrast(106%);
}
footer .footer__wrap .footer__social .footer__social__phone a {
  
  font-size: 24px;
  line-height: 30px;
  color: var(--clr-white);
}
footer .footer__wrap .footer__social .footer__social__phone p {
  font-size: 14px;
  line-height: 20px;
}
footer .footer__wrap .footer__social .footer__social__vk {
  display: flex;
  align-items: center;
  background-color: #12315f;
  padding: 10px 12px 10px 12px;
  border-radius: 10px;
  width: 256px;
  margin-bottom: 24px;
}
footer .footer__wrap .footer__social .footer__social__vk img {
  width: 25px;
  height: 25px;
  margin-right: 16px;
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(27deg) brightness(106%) contrast(106%);
}
footer .footer__wrap .footer__social .footer__social__vk div p:first-child {
  
  font-size: 16px;
  line-height: 22px;
  color: var(--clr-white);
}
footer .footer__wrap .footer__social .footer__social__vk div p:last-child {
  font-size: 14px;
  line-height: 20px;
}
footer .footer__wrap .footer__social .button {
  width: 256px;
}
footer .footer__wrap .footer__info-mobile {
  display: none;
}

#upgrade-steamer .modal__container {
  width: 1260px;
  max-width: 100%;
}
#upgrade-steamer .modal__content {
  position: relative;
  width: 800px;
  max-width: 100%;
  margin-left: auto;
  background-color: var(--clr-white);
  border-radius: 24px;
}
#upgrade-steamer .modal__content .modal__content-body {
  position: relative;
  padding: 24px 24px 40px 54px;
}
#upgrade-steamer .modal__content .modal__content-body .title {
  
  font-size: 36px;
  line-height: 42px;
  color: var(--clr-acnt);
  margin-bottom: 24px;
  position: relative;
  z-index: 1;
}
#upgrade-steamer .modal__content .modal__content-body .image {
  position: absolute;
  top: 20px;
  right: 30px;
}
#upgrade-steamer .modal__content .modal__content-body ul {
  width: 300px;
  max-width: 100%;
  margin-bottom: 40px;
}
#upgrade-steamer .modal__content .modal__content-body ul li {
  display: flex;
  align-items: center;
}
#upgrade-steamer .modal__content .modal__content-body ul li:not(:last-child) {
  margin-bottom: 16px;
}
#upgrade-steamer .modal__content .modal__content-body ul li img {
  width: 40px;
  height: 40px;
}
#upgrade-steamer .modal__content .modal__content-body ul li p {
  
  font-size: 18px;
  line-height: 24px;
  margin-left: 8px;
}
#upgrade-steamer .modal__content .modal__content-body ul li p br {
  display: none;
}
#upgrade-steamer .modal__content .modal__content-body .price-comment {
  
  font-size: 14px;
  line-height: 20px;
}
#upgrade-steamer .modal__content .modal__content-body .price {
  
  font-size: 60px;
  line-height: 50px;
  color: var(--clr-acnt);
}
#upgrade-steamer .modal__content .modal__content-body .price span {
  font-family: inherit;
  font-weight: 700;
}
#upgrade-steamer .modal__content .modal__content-footer {
  background-color: var(--clr-gray-light);
  border-radius: 0 0 24px 24px;
  padding: 16px 0;
  position: relative;
  z-index: 1;
}
#upgrade-steamer .modal__content .modal__content-footer .button {
  width: 360px;
  max-width: 90%;
  margin: 0 auto;
}

#upgrade-column .modal__content {
  position: relative;
  width: 100%;
  background-color: var(--clr-white);
  border-radius: 24px;
}
#upgrade-column .modal__content .modal__content-body {
  display: flex;
  justify-content: space-between;
}
#upgrade-column .modal__content .modal__content-body .modal__content-body__item { position: relative; width: 100%;}
#upgrade-column .modal__content .modal__content-body .modal__content-body__item .title {
  
  font-size: 36px;
  line-height: 42px;
  color: var(--clr-acnt);
  margin-bottom: 24px;
  position: relative;
  z-index: 1;
}
#upgrade-column .modal__content .modal__content-body .modal__content-body__item .image {
  position: absolute;
  top: 0;
  right: 30px;
}
#upgrade-column .modal__content .modal__content-body .modal__content-body__item ul {
  margin-bottom: 40px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 0;
  gap: var(--main-gap-05);
  height: auto;
  width: 100%;
  max-width: 24rem;
}
#upgrade-column .modal__content .modal__content-body .modal__content-body__item ul li {
  display: flex;
  align-items: center;
}
#upgrade-column .modal__content .modal__content-body .modal__content-body__item ul li img {
  width: 40px;
  height: 40px;
}
#upgrade-column .modal__content .modal__content-body .modal__content-body__item ul li p {
  
  font-size: 18px;
  line-height: 24px;
  margin-left: 8px;
}
#upgrade-column .modal__content .modal__content-body .modal__content-body__item ul li p br {
  display: none;
}
#upgrade-column .modal__content .modal__content-body .modal__content-body__item .price__wrap {
  display: flex;
  align-items: flex-end;
}
#upgrade-column .modal__content .modal__content-body .modal__content-body__item .price__wrap .price-comment {
  
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 3px;
}
#upgrade-column .modal__content .modal__content-body .modal__content-body__item .price__wrap .price {
  
  font-size: 60px;
  line-height: 50px;
  color: var(--clr-acnt);
  margin-left: 12px;
}
#upgrade-column .modal__content .modal__content-body .modal__content-body__item .price__wrap .price span {
  font-family: inherit;
  font-weight: 700;
}
#upgrade-column .modal__content .modal__content-footer {
  background-color: var(--clr-gray-light);
  border-radius: 0 0 24px 24px;
  padding: 16px 0;
  position: relative;
  z-index: 1;
}
#upgrade-column .modal__content .modal__content-footer .button {
  width: 360px;
  max-width: 90%;
  margin: 0 auto;
}

.modal__content {
    position: relative;
    width: 100%;
    max-width: 100%;
    background-color: var(--clr-white);
    border-radius: var(--r-2);
    padding: var(--main-gap);
    display: flex;
    flex-flow: wrap;
    align-items: center;
    justify-content: center;
}
div[id^=equipment-modal] .modal__content .modal__content-image {
    width: calc(100% + var(--main-gap)* 2);
    border-radius: var(--r-2);
    margin: calc(var(--main-gap)* -1);
    margin-bottom: var(--main-gap);
}
div[id^=equipment-modal] .modal__content .modal__content-image picture {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    object-fit: cover;
    object-position: center;
    border-radius: var(--r-2);
}
div[id^=equipment-modal] .modal__content .modal__content-image picture img {
    display: flex;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: var(--r-2);
}
div[id^=equipment-modal] .modal__content .modal__content-image img {
  border-radius: 20px;
}
div[id^=equipment-modal] .modal__content .modal__content-text {
    width: 100%;
}
div[id^=equipment-modal] .modal__content .modal__content-text .modal__content-text__title {
    font-size: 1.5rem;
    line-height: 1.15;
    margin-bottom: var(--main-gap);
}
div[id^=equipment-modal] .modal__content .modal__content-text .modal__content-text__description {
    font-size: 1rem;
    line-height: 1.25;
}

.order__banner-header {
    width: calc(100% + var(--main-gap)* 2);
    border-radius: var(--r-2) var(--r-2) 0 0;
    margin: calc(var(--main-gap)* -1);
    margin-bottom: var(--main-gap);
    color: var(--clr-acnt-hover);
    background: var(--clr-blue-20);
    font-size: 1.5rem;
    padding: var(--main-gap-05) var(--main-gap);
    line-height: 1.15;
    text-align: center;
}
.order__banner-header sup {
    font-size: .8em;
    font-weight: 400;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: .8em;
}
.order__banner-body form {
    display: flex;
    width: 100%;
    max-width: 100%;
    gap: var(--main-gap-05);
    flex-flow: column;
    align-items: center;
}
.order__banner-body {
    padding: 0;
    margin: 0;
    position: relative;
    width: 100%;
}
.promo-trigger {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    margin: 0;
    transition: .15s;
    cursor: pointer;
    color: var(--clr-gray);
    font-size: .8rem;
    text-decoration: underline;
}
.promo-trigger:hover { color: var(--clr-acnt)}
.promo__wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 100%;
    height: auto;
    min-height: auto;
    
    display: none;
}
.promo__wrap.active { display: flex;}
.promo__wrap input {
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    height: 2.25rem;
    width: calc(100% - 4.5rem);
    margin-right: -2rem;
    padding: .15rem .5rem;    
    border-radius: var(--r-2) 0 0 var(--r-2);
    backface-visibility: var(--clr-tr);
    border: 1px solid;
    border-color: var(--clr-gray);
    font-family: var(--font-alt);
    font-size: .7rem;
    text-transform: uppercase;
    line-height: 1;
    font-weight: 700;
    color: var(--clr-text);
}
.get-pr {
    display: flex;
    text-transform: uppercase;
    padding: .15rem .35rem;
    justify-content: center;
    align-items: center;
    text-align: center;
    height: 2.25rem;
    width: 6.5rem;
    border: 1px solid;
    border-color: var(--clr-gray);
    border-radius: var(--r-2);
    background: var(--clr-gray);
    color: var(--clr-text-sub);
    font-size: .7rem;
    line-height: 1;
    cursor: pointer;
    transition: var(--trns-15);
    transform: scale(1.1, 1) translateX(-.25rem);
}
.get-pr:hover {
    background: var(--clr-gray-dark);
    border-color: var(--clr-gray-dark);
    color: var(--clr-white);
}
.modal__content form .price__wrap {
    display: flex;
    width: 100%;
}

.queue {
  position: fixed;
  top: 300px;
  right: 15px;
  z-index: 10;
}
.queue .queue__item {
  position: relative;
  width: 320px;
  display: none;
  align-items: center;
  padding: 4px 4px 4px 0;
  border-radius: 12px;
  background-color: var(--clr-white);
  box-shadow: 0 0 .5rem var(--clr-black-10);
  animation-name: jiggle;
  animation-duration: 0.6s;
  animation-iteration-count: 1;
}
.queue .queue__item.active {
  display: flex;
}
@keyframes jiggle {
  0% {
    transform: translateY(50px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
.queue .queue__item .queue__item-close {
  position: absolute;
  top: 4px;
  right: 4px;
  width: 16px;
  height: 16px;
  cursor: pointer;
}
.queue .queue__item .queue__item-close::before, .queue .queue__item .queue__item-close::after {
  content: "";
  position: absolute;
  top: 0;
  left: 3px;
  width: 2px;
  height: 100%;
  background: var(--clr-black);
}
.queue .queue__item .queue__item-close::after {
  transform: rotate(45deg);
}
.queue .queue__item .queue__item-close::before {
  transform: rotate(135deg);
}
.queue .queue__item .queue__item-image {
  width: 80px;
  border-radius: 12px 0 0 12px;
}
.queue .queue__item .queue__item-image img {
  border-radius: 12px 0 0 12px;
}
.queue .queue__item .queue__item-text {
  margin-left: 8px;
}
.queue .queue__item .queue__item-text .queue__item-order {
  
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 4px;
}
.queue .queue__item .queue__item-text .queue__item-product {
  
  font-size: 14px;
  line-height: 18px;
}
.queue .queue__item .queue__item-text .queue__item-product span {
  
  display: block;
}/*# sourceMappingURL=style.css.map */