:root{--y-red-2:#ef5556}

.b-ruble {
    display: inline-block;
    background: url("../images/ruble-bold.svg");
    background-size: auto;
    background-size: 100%;
    width: clamp(10px, 3.13vw, 16.03px);
    height: clamp(12px, 3.75vw, 19.2px);
    margin: 0 2px 0 2px;
    transform: translateY(1px);
}

.massage-timer-card{display:flex;align-items:center;justify-content:center;width:100%;height:76vw;max-width:475px;max-height:400px;background:rgba(255,255,255,.6);border-radius:20px;box-shadow:0 9.67742px 31.6774px rgba(188,134,71,.17),inset 0 0 24.1px rgba(255,250,243,.78)}
.timer-circle{position:relative;width:69vw;height:69vw;max-width:320px;max-height:320px}
.progress-ring{width:100%;height:100%;transform:rotate(-90deg)}
.progress-ring__bg{opacity:.3}
.progress-ring__circle{stroke-linecap:round;transition:stroke-dashoffset 1s linear;transform-origin:center}
.timer-circle__content{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.timer-circle__text{margin-bottom:6px;color:#575757;font-size:min(3.2vw,14px);font-weight:600;line-height:1.25}
.timer-circle__time{color:#2b2b2b;font-size:min(13vw,58px);font-weight:700;line-height:1}

.bottom-fixed{position:fixed;left:50%;bottom:0;z-index:50;width:100%;max-width:500px;padding:10px;transform:translateX(-50%);background:rgba(255,244,232,.96);border-radius:15px 15px 0 0;box-shadow:0 -8px 30px rgba(166,93,33,.25)}
.bottom-fixed_new {
    background: #FFFFFFF0;
    border: clamp(2px, 0.63vw, 3.23px) solid rgba(255, 255, 255, 0.32);
    box-shadow: 0 0 clamp(24.1px, 7.53vw, 38.55px) 0 #FFFAF3C7 inset,
                0 clamp(-9px, -2.81vw, -14.39px) clamp(31.68px, 9.9vw, 50.69px) 0 #A6A6A614;
}
.bottom-fixed__video{width:100%;margin-bottom:8px}
.bottom-fixed__video_new {
    height: clamp(45px, 14.06vw, 71.99px);
    min-height: unset;
    border-radius: clamp(15px, 4.69vw, 24.01px);
}
.bottom-fixed__stop{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    width:100%;
    min-height:50px;
    padding:5.5%;
    border:clamp(1.5px, 0.47vw, 2.41px) solid #e03638;
    border-radius:14px;
    background:#fff;
    color:#e03638;
    font-size:min(4.625vw,25px);
    font-weight:700;
    text-decoration:none;
}
.bottom-fixed__stop_new {
    height: clamp(45px, 14.06vw, 71.99px);
    min-height: unset;
    border-radius: clamp(15px, 4.69vw, 24.01px);
}
.bottom-fixed__stop_choose-time {
    justify-content: center !important;
    align-items: center;
    border: clamp(1.5px, 0.47vw, 2.41px) solid #9C9CA4;
    color: #4C4E56;
}
.bottom-fixed__time{display:none;margin-right:auto;color:#575757;font-size:min(8vw,34px);font-weight:700;line-height:1}
.bottom-fixed._timer-visible .bottom-fixed__stop{justify-content:space-between;padding:4%}
.bottom-fixed._timer-visible .bottom-fixed__time{display:block}

.bottom-fixed__description-wrapper {
    display: flex;
    align-items: center;
    column-gap: clamp(4px, 1.25vw, 6.4px);
    position: relative;
}

.bottom-fixed__description-wrapper span {
    line-height: 1;
    font-size: clamp(15px, 4.69vw, 24.01px);
}

.bottom-fixed__icon {
    width: clamp(20px, 6.25vw, 32px);
}

.page-bottom-space{height:135px}

.vendi{background:#f6e4d6 url("../images/vendi-bg-mob@1.5x.webp") center/cover;padding:min(7.81vw,39px) 0 min(12vw,60px)}
.vendi__main{
    width: clamp(300px, 93.75vw, 480px);
    height: clamp(193px, 60.31vw, 308.79px);
    margin: 0 auto clamp(48px, 15vw, 76.8px);
    padding: clamp(18px, 5.63vw, 28.83px) 0 0;
    background: #FEFEFFE5;
    border: clamp(2px, 0.63vw, 3.23px) solid #FFFFFF;
    box-shadow: 0px 0px 14.59px 0px #FFFFFF inset, 0px 3.67px 15.69px 0px #CACADD8F;
    border-radius: clamp(20px, 6.25vw, 32px);
}
.vendi__main_new {

}
.vendi__section-title{margin-bottom:min(5vw,25px)}
.vendi__main-form{
    width:100%
}
.vendi__main-form_new {
    width: clamp(300px, 93.75vw, 480px);
    margin: 0 auto;
}
.vendi__main-sign{position:relative;flex:1;height:min(68.75vw,344px);min-height:min(68.75vw,344px);padding:min(3.75vw,18px) min(4.38vw,22px);border-radius:min(7.5vw,37.5px);background:linear-gradient(180.17deg,rgba(255,255,255,.6) .15%,rgba(255,255,255,0) 79.96%);box-shadow:0 max(-.63vw,-3px) min(4.75vw,23px) 0 #bc86472b}
.vendi__main-sign::after{content:"";position:absolute;inset:0;padding:min(.31vw,1.5px);border-radius:min(7.5vw,37.5px);background:linear-gradient(192.83deg,#fffdfa 15.99%,rgba(255,253,250,0) 90.41%);-webkit-mask:conic-gradient(#000 0 0) content-box,conic-gradient(#000 0 0);mask:conic-gradient(#000 0 0) content-box,conic-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.vendi__main-sign-text{
    position:relative;
    z-index:2;
    margin-bottom:0;
    color:#ae8155;
    /*font-size:min(4.38vw,22px);*/
    font-size: clamp(13px, 4.06vw, 20.79px);
    font-weight:500;
    line-height:1.2
}
.vendi__main-sign-pic{position:relative;z-index:2;width:min(28vw,140px)}
.vendi__main-pic{
    position:absolute;
    /*top:max(-1.13vw,-15px);*/
    /*right:0;*/
    top: clamp(-19px, -5.94vw, -30.41px);
    right: clamp(3px, 0.94vw, 4.81px);
    z-index:1;
    /*width:min(93.75vw,468px);*/
    width: clamp(290.33px, 90.73vw, 464.54px);
}

.vs-form{
    position:relative;
}
.vs-form_new {
    width: clamp(300px, 93.75vw, 480px);
    /*height: clamp(214px, 66.88vw, 342.43px);*/
    height: auto;
}
.vs-form__note{
    width: clamp(113px, 35.31vw, 180.79px);
    height: clamp(32px, 10vw, 51.2px);
    position:absolute;
    top: clamp(-64px, -12.5vw, -40px);
    left: clamp(91px, 28.44vw, 145.61px);
    z-index:1;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius: clamp(149px, 46.56vw, 238.39px);
    background: #3B8A21;
    box-shadow: clamp(2.98px, 0.93vw, 4.76px) clamp(4.47px, 1.4vw, 7.17px) clamp(18.77px, 5.87vw, 30.05px) 0 #CDFFBDC2 inset;
    color:#fff;
    font-size:min(4.69vw,23.45px);
    text-transform:uppercase;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: clamp(13px, 4.06vw, 20.79px);
    line-height: 1;
    color: #FFFFFF;
}
/*.vs-form__note::after{*/
/*    content:"";*/
/*    position:absolute;*/
/*    inset:0;*/
/*    padding:min(.31vw,1.5px);*/
/*    border-radius:min(7.5vw,37.5px) 0 min(7.5vw,37.5px) 0;*/
/*    background:linear-gradient(102.48deg,rgba(255,255,255,.5) 53.14%,rgba(255,255,255,.2) 94.47%);*/
/*    -webkit-mask:conic-gradient(#000 0 0) content-box,conic-gradient(#000 0 0);*/
/*    mask:conic-gradient(#000 0 0) content-box,conic-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none*/
/*}*/
.vs-form__title{
    width: max-content;
    margin: 0 auto clamp(5px, 1.56vw, 7.99px);
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: clamp(18px, 5.63vw, 28.83px);
    line-height: 140%;
    text-align: center;
    background: linear-gradient(92.19deg, #2D2D2F -0.49%, #6E6E74 100.4%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}
.vs-form__title_new {
}
.vs-form__text{
    width: clamp(268px, 83.75vw, 428.8px);
    margin: 0 auto clamp(13px, 4.06vw, 20.79px);
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: clamp(13px, 4.06vw, 20.79px);
    line-height: 120%;
    text-align: center;
    letter-spacing: -0.01em;
    color: #4C4E56;
}
.vs-form__text_new {
    /*font-size: clamp(13px, 4.06vw, 20.79px);*/
    /*margin-bottom: clamp(15px, 4.69vw, 24.01px);*/
}

.vendi-form{display:flex;flex-direction:column}
.vendi-form__field-input{width:100%;min-height:min(14vw,70px);padding:0 min(5vw,24px) 0 min(13vw,62px);border:0;border-radius:min(4vw,20px);background:rgba(255,255,255,.8);color:#575757;font-size:min(4.3vw,20px);font-weight:500;line-height:100%;outline:0}
.vendi-form__button{display:flex;align-items:center;justify-content:center;width:100%;min-height:min(14vw,70px);border:0;border-radius:min(4vw,20px);background:#e03638;color:#fff;font-size:min(4.5vw,21px);font-weight:700;line-height:100%;cursor:pointer}
.vendi-form__button_main {
    width: clamp(268px, 83.75vw, 428.8px);
    height: clamp(40px, 12.5vw, 64px);
    min-height: unset;
    font-size: clamp(16px, 5vw, 25.6px);
    margin: 0 auto;
    border-radius: clamp(10px, 3.13vw, 16.03px);
    font-weight: 600;
}

.vendi-form__button_main._loading,
.vendi-form__button_main[disabled] {
    background: #898989;
    color: #FFFFFF94;
    pointer-events: none;
}

.vendi-form__button_bf {
    width: clamp(109px, 34.06vw, 174.39px);
    height: clamp(38px, 11.88vw, 60.83px);
    margin: clamp(11px, 3.44vw, 17.61px) 0 0 clamp(177px, 55.31vw, 283.19px);
    min-height: unset;
    font-size: clamp(15px, 4.69vw, 24.01px);
    border-radius: clamp(11px, 3.44vw, 17.61px);
}

.vendi-cards{
    width: clamp(300px, 93.75vw, 480px);
    margin: 0 auto clamp(24px, 7.5vw, 38.4px);
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    row-gap: clamp(15px, 4.69vw, 24.01px);
    column-gap: clamp(10px, 3.125vw, 16.03px);
}
.vendi-card {
    width: clamp(145px, 45.31vw, 231.99px);
    position:relative;
    overflow:hidden;
    text-decoration: none;
}
.vendi-card__pic{
    width: clamp(145px, 45.31vw, 231.99px);
    display: block;
    margin: 0 auto clamp(5px, 1.56vw, 7.99px);
    object-fit:cover;
}
.vendi-card__name{
    margin: 0 auto;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: clamp(13px, 4.06vw, 20.79px);
    line-height: 110%;
    text-align: center;
    color: #4C4E56;
}
.vendi-card__arr{position:absolute;top:min(3.75vw,18.75px);right:min(4.06vw,20.3px);z-index:2;width:min(7.5vw,37.5px)}

.active-hero__title,.bonus-section__title{color:var(--y-red-2);font-size:clamp(24px,7.5vw,36px);font-weight:700;line-height:120%;letter-spacing:.2px;text-transform:uppercase}
.active-hero__descr,.bonus-section__descr{margin:14px 0 0;color:#b47b50;font-size:clamp(15px,4.6vw,23px);font-weight:700;line-height:120%}
.active-hero__descr_bonuses {
    width: clamp(300px, 93.75vw, 480px);
    margin: 0 auto;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: clamp(13px, 4.06vw, 20.79px);
    line-height: 130%;
    text-align: center;
    color: #4C4E56;
}

.vendi-bonus{position:relative;display:flex;align-items:center;justify-content:space-between;height:min(30vw,150px);margin:min(5vw,25px) 0;padding:min(3.13vw,15.65px) min(3.75vw,18.75px);border-radius:min(5.31vw,26.55px);background:url("../images/vendi-bonus-bg-mob.webp") center/cover}
.vendi-bonus_new {
    width: clamp(300px, 93.75vw, 480px);
    margin: clamp(17px, 5.31vw, 27.19px) auto clamp(24px, 7.5vw, 38.4px);
    align-items: flex-start;
    padding: clamp(16px, 5vw, 25.6px) clamp(16px, 5vw, 25.6px) 0;
}
.vendi-bonus__content{display:flex;flex-direction:column;gap:min(5vw,25px)}
.vendi-bonus__content_new {
    row-gap: clamp(15px, 4.69vw, 24.01px);
}
.vendi-bonus__title{color:#fff0f0;text-shadow:0 min(.31vw,1.55px) min(2.06vw,10.3px) #9d1e188c;font-size:min(5vw,25px);font-weight:600;line-height:1}
.vendi-bonus__value{
    position:relative;
    color:#fff;
    font-size:clamp(30px, 9.38vw, 48.03px);
    font-weight:600;
    line-height:1;
}
.vendi-bonus__value span {
    font-size: clamp(16px, 5vw, 25.6px);
    font-weight: 600;
}
.vendi-bonus__value::after{
    content:"";
    position:absolute;
    left: clamp(190px, 59.38vw, 304.03px);
    top: clamp(17px, 5.31vw, 27.19px);
    width: clamp(44px, 13.75vw, 70.4px);
    height: clamp(44px, 13.75vw, 70.4px);
    transform:translateY(-50%);
    background:url("../images/vendi-coins.webp") center/cover;
}
.vendi-bonus__info{position:absolute;top:min(3.13vw,15.65px);right:min(3.13vw,15.65px);padding:min(1.25vw,6.25px) min(2.5vw,12.5px);border-radius:min(18.13vw,90.65px);background:#ffffffe8;color:#e74d3d;font-size:min(4.06vw,20.3px);font-weight:700;line-height:1.2}
.vendi-bonus__info_new {
    padding: clamp(4px, 1.25vw, 6.4px) clamp(6px, 1.88vw, 9.63px);
    top: clamp(12px, 3.75vw, 19.2px);
    right: clamp(10px, 3.13vw, 16.03px);
}

.vendi-bottom__chairs {
    width: clamp(300px, 93.75vw, 480px);
    height: clamp(469px, 146.56vw, 750.39px);
    margin: 0 0 clamp(48px, 15vw, 76.8px);
    background: #F6F6FBD9;
    border-radius: clamp(20px, 6.25vw, 32px);
    border: clamp(1px, 0.31vw, 1.59px) solid #F2F2F4;
}

.vendi-bottom{display:flex;flex-direction:column;gap:min(7.5vw,37.5px)}
.vendi-bottom__form {
    width: clamp(300px, 93.75vw, 480px);
    height: clamp(164px, 51.25vw, 262.4px);
    position: relative;
    padding: clamp(16px, 5vw, 25.6px) 0 0;
    margin: 0 auto clamp(36px, 11.25vw, 57.6px);
    /*border: 1px solid #EDD3AD;*/
    border-radius: 20px;
}

.vendi-bottom__form-background {
    width: clamp(300px, 93.75vw, 480px);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
}

.vendi-bottom__form_new {
}

.vb-form{
    position:relative;
}
.vb-form_new {
}
.vb-form__title {
    margin: 0 auto clamp(6px, 1.88vw, 9.63px);
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: clamp(20px, 6.25vw, 32px);
    line-height: 120%;
    text-align: center;
    text-transform: uppercase;
    background: linear-gradient(135.31deg, #DD4F49 15.43%, #CC3D38 30.62%, #E4655F 47.37%, #D94B45 62.96%, #EB7C77 82.05%, #CC3D38 93.35%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}
.vb-form__title_giving {
    display: block;
    width: max-content;
    margin: 0 auto;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: clamp(20px, 6.25vw, 32px);
    line-height: 120%;
    text-align: center;
    text-transform: uppercase;
    background: linear-gradient(92.19deg, #2D2D2F -0.49%, #6E6E74 100.4%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}
.vb-form__text{
    width: clamp(146px, 45.63vw, 233.63px);
    /*margin: 0 auto clamp(11px, 3.44vw, 17.61px);*/
    margin: 0 auto;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: clamp(13px, 4.06vw, 20.79px);
    line-height: 120%;
    text-align: center;
    color: #4C4E56;
}

.vendi-chairs{
    position:relative;
}

.vendi-chairs_new {
}

.vendi-chairs__top{
    width: max-content;
    margin: 0 0 clamp(9px, 2.81vw, 14.39px) clamp(19px, 5.94vw, 30.41px);
    display:flex;
    align-items:center;
    column-gap: clamp(17px, 5.31vw, 27.19px);
}
.vendi-chairs__title{
    width: clamp(219px, 68.44vw, 350.41px);
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: clamp(19px, 5.94vw, 30.41px);
    line-height: 110%;
    background: linear-gradient(92.19deg, #2D2D2F -0.49%, #6E6E74 100.4%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}

.vendi-chairs__button{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;width:min(38vw,190px);height:min(14vw,70px);padding:0 min(8vw,40px);border-radius:min(4.69vw,23.45px);background:#e03638;color:#fff;box-shadow:0 min(4px,.8vw) min(8px,1.6vw) 0 #0000001a;font-size:min(5vw,25px);font-weight:600;line-height:1;text-decoration:none}
.vendi-chairs__button_new {
    width: max-content;
    height: max-content;
    padding: 0;
    background: transparent;
    border-radius: clamp(35px, 10.94vw, 56.01px);
}

.vendi-bottom__go-to-icon {
    width: clamp(32px, 10vw, 51.2px);
    height: clamp(32px, 10vw, 51.2px);
}

.vendi-chairs__inner{
    display:flex;
    justify-content:flex-start;
    margin: 0 0 0 clamp(14px, 4.38vw, 22.43px);
    column-gap: clamp(8px, 2.5vw, 12.8px);
}
.vendi-chairs__inner_new {
    column-gap: clamp(8px, 2.5vw, 12.8px);
}

.vendi-chair{
    width: clamp(135px, 42.19vw, 216.01px);
    position: relative;
    text-decoration: none;
}

.vendi-chair__pic {
    width: clamp(135px, 42.19vw, 216.01px);
    position:relative;
    display: block;
    z-index:10;
}

.vendi-chair__highlight {
    width: clamp(129.33px, 40.42vw, 206.95px);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
}

@keyframes chairHighlight {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

.vendi-chair__highlight_xi-robot {
    animation: chairHighlight 2s both alternate infinite;
}
.vendi-chair__highlight_xu {
    animation: chairHighlight 2s both alternate-reverse infinite;

}

.vendi-chair-badge {
    width: clamp(135px, 42.19vw, 216.01px);
    height: clamp(40px, 12.5vw, 64px);
    display: flex;
    justify-content: center;
    align-items: center;
    border: clamp(1px, 0.31vw, 1.59px) solid #FFC0C1;
    background: #FFFFFF;
    border-radius: clamp(10px, 3.13vw, 16.03px);
}

.vendi-chair-badge__description {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: clamp(11px, 3.44vw, 17.61px);
    line-height: 130%;
    text-align: center;
    color: #4C4E56;
}

.vendi-chair-badge__description_red {
    display: inline-block;
    background: linear-gradient(135.31deg, #DD4F49 15.43%, #CC3D38 30.62%, #E4655F 47.37%, #D94B45 62.96%, #EB7C77 82.05%, #CC3D38 93.35%), #4C4E56;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}

.vendi-chair__btn{position:relative;z-index:2;padding:min(2.5vw,12.5px) min(3.13vw,15.65px);border:0;border-radius:min(3.13vw,15.65px);background:#e1b99033;color:#9e6c3e;font-size:min(3.75vw,18.75px);font-weight:600;line-height:1.2;transition:all .4s}
.vendi-chair__btn_xi {
    width: clamp(130px, 40.63vw, 208.03px);
    display: flex;
    justify-content: center;
    align-items: center;
}
.vendi-chair:hover .vendi-chair__btn{box-shadow:0 0 min(39.7px,7.94vw) 0 #ffb14570 inset}

.vendi-form__success {
    display: none;
    color: #4C4E56;
    font-size: min(3.5vw, 16px);
    font-weight: 500;
    line-height: 1.3;
    text-align: center;
}

.vendi-form__gift-text {
    display: none;
    margin: clamp(5px, 1.56vw, 7.99px) auto 0;
    width: clamp(245px, 76.56vw, 391.99px);
    box-sizing: content-box;
    padding: clamp(9px, 2.81vw, 14.39px) clamp(15px, 4.69vw, 24.01px);
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: clamp(12px, 3.75vw, 19.2px);
    line-height: 120%;
    text-align: center;
    letter-spacing: -0.02em;
    color: #4C4E56;
    background: #FEFEFFE5;
    border: clamp(1px, 0.31vw, 1.59px) solid #FFFFFF;
    box-shadow: 0px 0px clamp(14.59px, 4.56vw, 23.35px) 0px #FFFFFF inset, 0px clamp(3.67px, 1.15vw, 5.89px) clamp(15.69px, 4.9vw, 25.09px) 0px #CACADD8F;
    border-radius: clamp(15px, 4.69vw, 24.01px);
}

.vendi-form__gift-text._visible {
    display: block;
}
.vendi-form__success {
    display: none;
}

.vendi-form__success._visible {
    display: block;
}

.bottom-fixed__review {
    display: flex;
    width: 100%;
    padding: 5.5%;
    border-radius: 14px;
    background: #383838;
    color: #fff;
    text-align: center;
    font-weight: 700;
    text-decoration: none;
    opacity: 0;
    max-height: 0;
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 0;
    overflow: hidden;
    pointer-events: none;
    transition: opacity .3s ease, max-height .3s ease, padding .3s ease, margin .3s ease;
    justify-content: center;
    align-items: center;
    font-size: min(4.625vw,25px);
}

.bottom-fixed__review_new {
    height: clamp(45px, 14.06vw, 71.99px);
    border-radius: clamp(15px, 4.69vw, 24.01px);
}

.bottom-fixed._massage-ended .bottom-fixed__review {
    opacity: 1;
    max-height: 60px;
    padding-top: 16px;
    padding-bottom: 16px;
    margin-bottom: 10px;
    pointer-events: auto;
}


/* Форма отзывов */

.feedback-form-page {
    background: #FEFEFF;
}

.review-page {
    width: 100%;
    min-height: 100vh;
    margin: 0 auto;
    padding: clamp(53px, 16.56vw, 84.79px) 0 0;
}

.review-card {
    width: clamp(300px, 93.75vw, 480px);
    margin: 0 auto;
    min-height: clamp(301px, 94.06vw, 481.59px);
    padding: clamp(21px, 6.56vw, 33.59px) clamp(14px, 4.38vw, 22.43px) clamp(14px, 4.38vw, 22.43px);
    border-radius: clamp(20px, 6.25vw, 32px);
    background: #FFFFFF99;
    box-shadow: 0 0 clamp(14.59px, 4.56vw, 23.35px) 0 #FFFFFF inset, 0 clamp(3.67px, 1.15vw, 5.89px) clamp(15.69px, 4.9vw, 25.09px) 0 #CACADD8F;
}

.review-card__title{
    width: clamp(178px, 55.63vw, 284.83px);
    margin: 0 auto clamp(25px, 7.81vw, 39.99px);
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: clamp(13px, 4.06vw, 20.79px);
    line-height: 120%;
    text-align: center;
    color: #575757;
}

.review-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 auto clamp(13px, 4.06vw, 20.79px);
}

.review-title {
    width: max-content;
    margin: 0 auto clamp(19px, 5.94vw, 30.41px);
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: clamp(16px, 5vw, 25.6px);
    line-height: 120%;
    text-align: center;
    color: #2D2D2F;
}

.review-code {
    padding: clamp(8px, 2.5vw, 12.8px) clamp(10px, 3.13vw, 16.03px);
    border-radius: clamp(10px, 3.13vw, 16.03px);
    background: #FFFFFF;
    box-shadow: 0 0 clamp(14.59px, 4.56vw, 23.35px) 0 #FFFFFF inset,
    0 clamp(3.67px, 1.15vw, 5.89px) clamp(15.69px, 4.9vw, 25.09px) 0 #CACADD8F;

    width: max-content;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: clamp(12px, 3.75vw, 19.2px);
    line-height: 1;
    text-align: center;
    color: #4C4E56;
}

.review-stars {
    display: flex;
    gap: clamp(2px, 0.63vw, 3.23px);
}
.review-star {
    width: clamp(28px, 8.75vw, 44.8px);
    height: clamp(28px, 8.75vw, 44.8px);
    padding: 0;
    border: 0;
    background: none;
    color: #8b9292;
    cursor: pointer;
}
.review-star svg {
    width: 100%;
    height: 100%;
    fill: #FFFFFF99;
}
.review-star._active svg{
    fill: #ffd200;
}
.review-reasons {
    display: none;
    flex-wrap: wrap;
    gap: clamp(8px, 2.5vw, 12.8px);
    margin-bottom: clamp(12px, 3.75vw, 19.2px);
}
.review-reasons._visible {
    display: flex;
}
.review-reason {
    padding: clamp(8px, 2.5vw, 12.8px) clamp(10px, 3.13vw, 16.03px);
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: clamp(12px, 3.75vw, 19.2px);
    line-height: 1;
    color: #4C4E56;
    background: #F6F6FB;
    cursor: pointer;
    border-radius: clamp(10px, 3.13vw, 16.03px);
    border: 1px solid #F6F6FB;
}
.review-reason._active {
    background: #4C4E56;
    color: #F6F6FB;
    border: 1px solid #828387;
}
.review-form {
    padding: clamp(15px, 4.69vw, 24.01px) clamp(14px, 4.38vw, 22.43px);
    border-radius: min(5vw, 24px);
    background: #fff;
    box-shadow: 0 clamp(3.67px, 1.15vw, 5.89px) clamp(15.69px, 4.9vw, 25.09px) 0 #CACADD8F;
}
.review-textarea-wrap {
    position: relative;
    margin: 0 auto clamp(12px, 3.75vw, 19.2px);
}
.review-textarea-icon {
    position: absolute;
    top: clamp(9px, 2.81vw, 14.39px);
    left: clamp(11px, 3.44vw, 17.61px);
    width: clamp(24px, 7.5vw, 38.4px);
    height: clamp(24px, 7.5vw, 38.4px);
    opacity: 0.55;
}
.review-textarea {
    width: 100%;
    height: clamp(80px, 25vw, 128px);
    padding: clamp(11px, 3.44vw, 17.61px) clamp(12px, 3.75vw, 19.2px) clamp(11px, 3.44vw, 17.61px) clamp(40px, 12.5vw, 64px);
    resize: none;
    border: clamp(1px, 0.31vw, 1.59px) solid #d8d8d8;
    border-radius: clamp(10px, 3.13vw, 16.03px);
    background: #fff;
    color: #575757;
    font-size: clamp(13px, 4.06vw, 20.79px);
    font-weight: 500;
    line-height: 1.25;
    outline: none;
}
.review-textarea::placeholder {
    color: #8f8f8f;
}
.review-submit {
    display: flex;
    align-items: center;
    justify-content: center;
    width: clamp(244px, 76.25vw, 390.4px);
    height: clamp(45px, 14.06vw, 71.99px);
    border: 0;
    border-radius: clamp(10px, 3.13vw, 16.03px);
    background: #e93639;
    color: #fff;
    font-size: clamp(15px, 4.69vw, 24.01px);
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
}
.review-submit:active {
    background: #c93132;
}


.review-bottom-fixed {
    position: fixed;
    left: 50%;
    bottom: 0;
    z-index: 50;
    width: 100%;
    max-width: 500px;
    padding: clamp(10px, 3.13vw, 16.03px) 0;
    transform: translateX(-50%);
    background: #FFFFFFF0;
    border: clamp(2px, 0.63vw, 3.23px) solid rgba(255, 255, 255, 0.32);
    border-radius: clamp(15px, 4.69vw, 24.01px) clamp(15px, 4.69vw, 24.01px) 0 0;
    box-shadow: 0 clamp(-9px, -2.81vw, -14.39px) clamp(31.68px, 9.9vw, 50.69px) 0 #CACADD30,
    0 0 clamp(24.1px, 7.53vw, 38.55px) 0 #FFFAF3C7 inset;
}

.review-bottom-fixed__button {
    display: flex;
    margin: 0 auto;
    align-items: center;
    justify-content: center;
    column-gap: clamp(4px, 1.25vw, 6.4px);
    width: clamp(300px, 93.75vw, 480px);
    height: clamp(40px, 12.5vw, 64px);
    border: clamp(1.5px, 0.47vw, 2.41px) solid #9C9CA4;
    border-radius: clamp(15px, 4.69vw, 24.01px);
    background: #fff;
    color: #4C4E56;
    font-size: clamp(15px, 4.69vw, 24.01px);
    font-weight: 600;
    line-height: 1;
    text-align: center;
    text-decoration: none;
}

.review-bottom-fixed__icon {
    width: clamp(20px, 6.25vw, 32px);
    position: relative;
    top: 1px;
}

.feedback-form-page {
    padding-bottom: 110px;
}




.m-timer-card {
    width: clamp(300px, 93.75vw, 480px);
    height: clamp(66px, 20.63vw, 105.63px);
    margin: clamp(4px, 1.25vw, 7px) auto clamp(14px, 4.38vw, 22.43px);
    position: relative;
    border-radius: clamp(15px, 4.69vw, 24.01px);
    overflow: hidden;
    /*display: flex;*/
    /*align-items: center;*/
    /*background: radial-gradient(47.3% 106.88% at 52.83% 104.59%, #FF7061 0%, #E03638 100%);*/
    /*border: 1px solid rgba(255, 255, 255, 0.8);*/
}

.connecting-state {
    width: clamp(300px, 93.75vw, 480px);
    height: clamp(66px, 20.63vw, 105.63px);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 100;
    padding: 0 0 0 clamp(16px, 5vw, 25.6px);
    display: flex;
    align-items: center;
    column-gap: clamp(39px, 12.19vw, 62.41px);
    background: radial-gradient(47.3% 106.88% at 52.83% 104.59%, #FF7061 0%, #E03638 100%);
    border-radius: clamp(15px, 4.69vw, 24.01px);
    border: clamp(1px, 0.31vw, 1.59px) solid rgba(255, 255, 255, 0.32);

    transition: opacity 0.16s linear;
}

.connecting-state.hidden {
    opacity: 0;
}

.connecting-state__description {
    width: clamp(189px, 59.06vw, 302.39px);
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: clamp(15px, 4.69vw, 24.01px);
    line-height: 110%;
    letter-spacing: 0.01em;
    color: #FFF6F6;
    text-shadow: 0 clamp(1px, 0.31vw, 1.59px) clamp(2.9px, 0.91vw, 4.66px) rgba(188, 9, 0, 0.58);
}

.connecting-state__spinner {
    width: clamp(40px, 12.5vw, 64px);
    animation: rotation 3s linear both infinite;
}

.running-state {
    width: clamp(300px, 93.75vw, 480px);
    height: clamp(66px, 20.63vw, 105.63px);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 100;
    padding: 0 0 0 clamp(16px, 5vw, 25.6px);
    display: flex;
    align-items: center;
    background: radial-gradient(47.3% 106.88% at 52.83% 104.59%, #FF7061 0%, #E03638 100%);
    border-radius: clamp(15px, 4.69vw, 24.01px);
    border: clamp(1px, 0.31vw, 1.59px) solid rgba(255, 255, 255, 0.32);
    transition: opacity 0.16s linear;
}

.running-state.hidden {
    opacity: 0;
}

.running-state__description {
    width: clamp(148px, 46.25vw, 236.8px);
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: clamp(15px, 4.69vw, 24.01px);
    line-height: 110%;
    letter-spacing: 0.01em;
    color: #FFF6F6;
    text-shadow: 0 clamp(1px, 0.31vw, 1.59px) clamp(2.9px, 0.91vw, 4.66px) rgba(188, 9, 0, 0.58);
}

.running-state__time {
    position: absolute;
    left: clamp(205px, 64.06vw, 320px);
    top: clamp(16px, 5vw, 25.6px);
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: clamp(28px, 8.75vw, 50.22px);
    line-height: 120%;
    color: #fff;
}

.finished-state {
    width: clamp(300px, 93.75vw, 480px);
    height: clamp(66px, 20.63vw, 105.63px);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 100;
    display: flex;
    justify-content: center;
    align-items: center;
    background: radial-gradient(47.3% 106.88% at 52.83% 104.59%, #45D369 0%, #19B240 100%);
    border-radius: clamp(15px, 4.69vw, 24.01px);
    border: clamp(1px, 0.31vw, 1.59px) solid rgba(255, 255, 255, 0.32);
}

.finished-state.hidden {
    opacity: 0;
    transition: opacity 0.16s linear;
}

.finished-state__description {
    width: clamp(260px, 81.25vw, 416px);
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: clamp(13px, 4.06vw, 20.79px);
    line-height: 120%;
    text-align: center;
    color: #FFFFFF;
    text-shadow: 0 clamp(1px, 0.31vw, 1.59px) clamp(2.9px, 0.91vw, 4.66px) rgba(109, 188, 0, 0.58);
}

.finished-state__description_bold {
    font-weight: 700;
}

.m-timer-card_finished {
    justify-content: center;
    background: radial-gradient(47.3% 106.88% at 52.83% 104.59%, #45D369 0%, #19B240 100%);
}

.m-timer-card_finished .m-timer-card__text {
    margin: 0;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 120%;
    text-align: center;
    color: #FFFFFF;
    text-shadow: 0px 1px 2.9px rgba(109, 188, 0, 0.58);
}

.m-timer-card_finished .m-timer-card__time {
    display: none;
}

.m-timer-card_connecting {
    border: 1px solid rgba(255, 255, 255, 0.8);
}

.m-timer-card_connecting .m-timer-card__spinner {
    display: block;
}

.m-timer-card_connecting .m-timer-card__time {
    display: none;
}

@keyframes rotation {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

.m-timer-card__spinner {
    display: none;
    width: clamp(40px, 12.5vw, 64px);
    position: absolute;
    top: clamp(13px, 4.06vw, 20.79px);
    right: clamp(16px, 5vw, 25.6px);
    animation: rotation 3s linear both infinite;
}

.m-timer-card__text {
    margin: 0 0 0 clamp(14px, 4.38vw, 25px);
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    /*font-size: 4.06vw;*/
    font-size: clamp(15px, 4.69vw, 24.01px);
    line-height: 120%;
    /*color: #575757;*/

    color: #FFF6F6;
    text-shadow: 0px 1px 2.9px 0px #BC090094;
}

.m-timer-card__text b {
    font-weight: 700;
}

.m-timer-card__time {
    position: absolute;
    left: clamp(205px, 64.06vw, 327.99px);
    top: clamp(16px, 5vw, 25.6px);
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: clamp(28px, 8.75vw, 50.22px);
    line-height: 120%;
    color: #fff;
}




.proposition-card {
    display: flex;
    align-items: center;
    position: relative;
    width: clamp(145px, 45.31vw, 231.99px);
    height: clamp(52px, 16.25vw, 83.2px);
    /*padding: clamp(10px, 3.13vw, 16.03px) 0 0;*/
    background: #FEFEFFE5;
    border: 0.3125vw solid #FFFFFF;
    border-radius: clamp(15px, 4.69vw, 24.01px);
    box-shadow: 0px 0px 14.59px 0px #FFFFFF inset, 0px 3.67px 15.69px 0px #CACADD8F;
    text-decoration: none;
}

.proposition-card_test {
    width: clamp(300px, 93.75vw, 480px);
    height: clamp(59px, 18.44vw, 94.41px);
    margin: 0 auto clamp(29px, 9.06vw, 46.39px);
}

.proposition-card_bonuses {
    flex-shrink: 0;
}

.proposition-card_gift {
    flex-shrink: 0;
}

.two-proposition-cards {
    display: flex;
    margin: 0 auto clamp(10px, 3.13vw, 16.03px);
    /*column-gap: 20px;*/
    column-gap: clamp(10px, 3.13vw, 17.97px);
}

.proposition-card__container {
    margin: 0 0 0 clamp(10px, 3.13vw, 16.03px);
    display: flex;
    column-gap: clamp(8px, 2.5vw, 12.8px);
}

.proposition-card__container_test {
    margin: 0 0 0 clamp(15px, 4.69vw, 24.01px);
}

.proposition-card__icon {
    display: block;
    width: clamp(28px, 8.75vw, 44.8px);
}

.proposition-card__icon_chair {
    width: clamp(51px, 15.94vw, 81.61px);
    position: absolute;
    left: clamp(224px, 70vw, 358.4px);
    top: clamp(2px, 0.63vw, 3.23px);
}

.proposition-card__description {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: clamp(13px, 4.06vw, 20.79px);
    line-height: 120%;
    color: #575757;
}

.proposition-card__arrow {
    width: clamp(28.33px, 8.85vw, 50.8px);
    position: absolute;
    right: clamp(3px, 0.94vw, 5.4px);
    top: clamp(3px, 0.94vw, 5.4px);
}

.proposition-card__description_test {
}

.proposition-card__description_bonuses {
}

.proposition-card__description_gift {
}

.active-hero__title_new {
    width: clamp(265px, 82.81vw, 423.99px);
    margin: 0 auto clamp(10px, 3.13vw, 16.03px);
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: clamp(19px, 5.94vw, 30.41px);
    line-height: 110%;
    text-align: center;
    text-transform: unset;
    background: linear-gradient(92.19deg, #2D2D2F -0.49%, #6E6E74 100.4%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}

.active-hero__title_new-test {
    width: 286px;
    margin: 0 auto;
    text-transform: unset;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 19px;
    line-height: 110%;
    text-align: center;

    background: linear-gradient(92.19deg, #2D2D2F -0.49%, #6E6E74 100.4%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}

.active-hero_new {
    margin: clamp(28px, 8.75vw, 44.8px) 0 0;
}

.active-hero__descr_new {
    font-size: clamp(16px, 5vw, 25.6px);
    line-height: 1.3;
    font-weight: 600;
    margin: clamp(17px, 5.31vw, 27.19px) 0 0 clamp(3px, 0.94vw, 4.81px);
}



.invitation {
    padding: clamp(24px, 7.5vw, 38.4px) 0 0;
    margin: 0 0 clamp(10px, 3.13vw, 16.03px);
}

.invitation-card {
    width: clamp(300px, 93.75vw, 480px);
    height: clamp(374px, 116.88vw, 598.43px);
    margin: 0 auto;
    padding: clamp(23px, 7.19vw, 36.81px) 0 0;
    position: relative;
}

.invitation-card__background {
    width: clamp(300px, 93.75vw, 480px);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
}

.invitation-card__content {
    position: relative;
    z-index: 25;
}

.invitation-card__title {
    width: clamp(280px, 87.5vw, 448px);
    margin: 0 auto clamp(10px, 3.13vw, 16.03px);
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: clamp(19px, 5.94vw, 30.41px);
    line-height: 110%;
    text-align: center;
    background: linear-gradient(92.19deg, #2D2D2F -0.49%, #6E6E74 100.4%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}

.invitation-card__title_yamaguchi {
    background: linear-gradient(135.31deg, #DD4F49 15.43%, #CC3D38 30.62%, #E4655F 47.37%, #D94B45 62.96%, #EB7C77 82.05%, #CC3D38 93.35%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}

.invitation-card__description {
    width: clamp(238px, 74.38vw, 380.83px);
    margin: 0 auto clamp(13px, 4.06vw, 20.79px);
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: clamp(13px, 4.06vw, 20.79px);
    line-height: 130%;
    text-align: center;
    color: #4C4E56;
}

.nagiev-badge {
    width: clamp(230px, 71.88vw, 368.03px);
    height: clamp(80px, 25vw, 128px);
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 0 0 0 clamp(10px, 3.13vw, 16.03px);
}

.nagiev-badge__description {
    width: clamp(120px, 37.5vw, 192px);
    margin: 0 0 0 clamp(13px, 4.06vw, 20.79px);
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: clamp(13px, 4.06vw, 20.79px);
    line-height: 115%;
    color: #6E7077;
}



.legal-notice {
    width: clamp(320px, 100vw, 512px);
    height: clamp(238px, 74.38vw, 380.83px);
    margin: 0 auto;
    padding: clamp(24px, 7.5vw, 38.4px) 0 0;
    background: #F7F7FB;
}

.legal-notice__container {
    margin: 0 0 0 clamp(10px, 3.13vw, 16.03px);
}

.legal-notice__main {
    margin: 0 0 clamp(14px, 4.38vw, 22.43px);
}

.legal-notice__text {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: clamp(13px, 4.06vw, 20.79px);
    line-height: 120%;
    letter-spacing: -0.01em;
    color: #4C4E56;
}

.legal-notice__text_name {
}

.legal-notice__text_inn {
}

.legal-notice__text_ogrn {
}

.legal-notice__text_type {
}

.legal-notice__contract-offer {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: clamp(13px, 4.06vw, 20.79px);
    line-height: 120%;
    letter-spacing: -0.01em;
    text-decoration-line: underline;
    color: #4C4E56;
}

.legal-notice__usage-rules {
    margin: 0 0 clamp(18px, 5.63vw, 28.83px);
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: clamp(13px, 4.06vw, 20.79px);
    line-height: 120%;
    letter-spacing: -0.02em;
    color: #4C4E56;
}

.legal-notice__usage-rules_bold {
    font-weight: 600;
    letter-spacing: -0.02em;
    text-decoration-line: underline;
    color: #4C4E56;
}

.chair-name {
    width: max-content;
    padding: clamp(8px, 2.5vw, 12.8px) clamp(10px, 3.13vw, 16.03px);
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: clamp(12px, 3.75vw, 19.2px);
    line-height: 120%;
    text-align: center;
    color: #4C4E56;
    background: #FFFFFF;
    box-shadow: 0px 3.67px 15.69px 0px #CACADD8F, 0px 0px 14.59px 0px #FFFFFF inset;
    border-radius: clamp(10px, 3.13vw, 16.03px);
}

.back-button {
    display: block;
    position: fixed;
    width: clamp(32px, 10vw, 51.2px);
    height: clamp(32px, 10vw, 51.2px);
    left: clamp(10px, 3.13vw, 16.03px);
    top: clamp(21px, 6.56vw, 33.59px);
    border-radius: 50%;
    background: #FFFFFF;
    box-shadow: 0 clamp(3.67px, 1.15vw, 5.89px) clamp(15.69px, 4.9vw, 25.09px) 0 #CACADD8F;
}

.back-button__tick {
    width: clamp(24px, 7.5vw, 38.4px);
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 100;
    transform: translate(-50%, -50%);
}


.screen {
    max-width: 512px;
    margin: 0 auto;
    padding: clamp(27px, 8.44vw, 43.21px) 0 clamp(20px, 6.25vw, 32px);
    background: #FEFEFF;
    position: relative;
}

.vending-v2 {
    padding-bottom: clamp(200px, 62.5vw, 320px);
}

.screen_video-player {
    padding: 0;
}

.screen__container {
    width: clamp(300px, 93.75vw, 480px);
    min-height: calc(100vh - 110px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin: 0 auto;
}

.screen__container_video-player {
    width: clamp(320px, 100vw, 512px);
}

.screen__body {

}

.screen__title {
    width: clamp(234px, 73.13vw, 374.43px);
    margin: 0 auto clamp(20px, 6.25vw, 32px);
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: clamp(16px, 5vw, 25.6px);
    line-height: 120%;
    text-align: center;
    color: #2D2D2F;
}

.screen__text {
    font-family: Montserrat;
    font-weight: 400;
    font-size: clamp(13px, 4.06vw, 20.79px);
    line-height: 140%;
    letter-spacing: 0;
}

.period-variants {
    width: clamp(300px, 93.75vw, 480px);
    margin: 0 auto clamp(20px, 6.25vw, 32px);
    padding: clamp(14px, 4.38vw, 22.43px) 0 clamp(14px, 4.38vw, 22.43px);
    border-radius: clamp(20px, 6.25vw, 32px);
    border: clamp(2px, 0.63vw, 3.23px) solid rgba(255, 255, 255, 0.32);
    background: #FFFFFF99;
    box-shadow: 0px clamp(3.67px, 1.15vw, 5.89px) clamp(15.69px, 4.9vw, 25.09px) 0 #CACADD8F, 0 0 clamp(14.59px, 4.56vw, 23.35px) 0 #FFFFFF inset;
}

.period-variants__container {
    width: clamp(272px, 85vw, 435.2px);
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    row-gap: clamp(14px, 4.38vw, 22.43px);
}

.period-form {
    width: max-content;
    height: max-content;
    display: block;
    position: relative;
}

.period-badge {
    width: clamp(272px, 85vw, 435.2px);
    height: clamp(47px, 14.69vw, 75.21px);
    max-width: unset;
    min-height: unset;
    padding: 0;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #FFFFFF;
    border: clamp(1.5px, 0.47vw, 2.41px) solid #CCCCCC;
    border-radius: clamp(10px, 3.13vw, 16.03px);


    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: clamp(15px, 4.69vw, 24.01px);
    line-height: 1;
    text-align: center;
    color: #575757;
}

.period-badge__description_rouble {
    font-size: clamp(11px, 3.44vw, 17.61px);
}

.period-badge_popular {
    border: clamp(1.5px, 0.47vw, 2.41px) solid #E03638;
}

.period-badge_free {
    background: #E03638;
    border: clamp(1.5px, 0.47vw, 2.41px) solid #FF8889;
    color: #FFFFFF;
}

.popular-badge {
    width: clamp(91px, 28.44vw, 145.61px);
    height: clamp(22px, 6.88vw, 35.23px);
    position: absolute;
    top: clamp(-11px, -3.44vw, -17.61px);
    right: clamp(5px, 1.56vw, 7.99px);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: clamp(72px, 22.5vw, 115.2px);
}

.popular-badge_period {
    background: #E03638;
}

.popular-badge_maintenance {
    background: #575757;
}

.popular-badge__description {
    width: max-content;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: clamp(10px, 3.13vw, 16.03px);
    line-height: 1;
    text-transform: uppercase;
    color: #FFFFFF;
}

.chosen-payment-method-block {
    width: max-content;
    margin: 0 auto clamp(20px, 6.25vw, 32px);
}

.chosen-payment-method-block__title {
    width: max-content;
    margin: 0 auto clamp(13px, 4.06vw, 20.79px);
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: clamp(14px, 4.38vw, 22.43px);
    line-height: 120%;
    text-align: center;
    background: linear-gradient(92.19deg, #2D2D2F -0.49%, #6E6E74 100.4%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}

.chosen-payment-method-block__card-wrapper {
    position: relative;
    width: clamp(272px, 85vw, 435.2px);
    height: clamp(36px, 11.25vw, 57.6px);
    margin: 0 auto;
}

.chosen-payment-method-block__card {

}

.chosen-payment-method-block__card_choose {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
}

.chosen-payment-method-block__card_chosen {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
}

.chosen-payment-method-block__card_hidden {
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.2s linear;
}

.chosen-payment-method {
    width: clamp(272px, 85vw, 435.2px);
    height: clamp(36px, 11.25vw, 57.6px);
    padding: 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background: #F6F6FB;
    border: clamp(1.5px, 0.47vw, 2.41px) solid #F6F6F6;
    border-radius: clamp(10px, 3.13vw, 16.03px);
    transition: opacity 0.2s 0.1s linear;
    text-decoration: none;
}

.chosen-payment-method_choose {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
}

.chosen-payment-method_сhosen {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
}

.chosen-payment-method_hidden {
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.2s linear;
}

.chosen-payment-method__card-icon {
    width: clamp(28px, 8.75vw, 44.8px);
    height: clamp(28px, 8.75vw, 44.8px);
    display: block;
    margin: 0 clamp(4px, 1.25vw, 6.4px) 0 clamp(4px, 1.25vw, 6.4px);
}

.chosen-payment-method__content {
    height: max-content;
    position: relative;
    z-index: 0;
}

.chosen-payment-method__description {
    width: max-content;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: clamp(11px, 3.44vw, 17.61px);
    line-height: 120%;
    color: #4C4E56;
}

.chosen-payment-method__arrow {
    width: clamp(24px, 7.5vw, 38.4px);
    position: absolute;
    top: clamp(6px, 1.88vw, 9.63px);
    right: clamp(4px, 1.25vw, 6.4px);
    z-index: 10;
}

.chosen-payment-method__test-card {
    width: max-content;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: clamp(10px, 3.13vw, 16.03px);
    line-height: 1;
    color: #16BD21;
}

.chosen-payment-method__change-icon {
    width: clamp(18px, 5.63vw, 28.83px);
    position: absolute;
    top: clamp(9px, 2.81vw, 14.39px);
    right: clamp(12px, 3.75vw, 19.2px);
    z-index: 10;
}

.maintenance-badge {
    width: clamp(272px, 85vw, 435.2px);
    height: clamp(47px, 14.69vw, 75.21px);
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto clamp(83px, 25.94vw, 132.81px);
    background: #FFFFFF;
    border: clamp(1.5px, 0.47vw, 2.41px) solid #575757;
    border-radius: clamp(10px, 3.13vw, 16.03px);
    text-decoration: none;
}

.maintenance-badge__description {
    width: max-content;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: clamp(15px, 4.69vw, 24.01px);
    line-height: 150%;
    text-align: center;
    color: #575757;
}

.cashback-info {
    width: clamp(272px, 85vw, 435.2px);
    margin: 0 auto clamp(22px, 6.88vw, 35.23px);
}

.cashback-info__description {
    width: clamp(272px, 85vw, 435.2px);
    margin: 0 auto clamp(4px, 1.25vw, 6.4px);
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: clamp(13px, 4.06vw, 20.79px);
    line-height: 130%;
    text-align: center;
    color: #4C4E56;
}

.cashback-info__learn-more {
    width: max-content;
    display: block;
    margin: 0 auto;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: clamp(14px, 4.38vw, 22.43px);
    line-height: 150%;
    text-align: center;
    color: #E03638;
}

.screen__footer {
    width: clamp(295px, 92.19vw, 472.01px);
}

.legal-info {
    margin: 0 0 clamp(12px, 3.75vw, 19.2px);
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: clamp(13px, 4.06vw, 20.79px);
    line-height: 120%;
    color: #828387;
}

.legal-info_bold {
    font-weight: 600;
    text-decoration-line: underline;
    color: #4C4E56;
}

.massage-conditions {
    width: clamp(300px, 93.75vw, 480px);
    margin: 0 0 clamp(18px, 5.63vw, 28.83px);
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: clamp(13px, 4.06vw, 20.79px);
    line-height: 120%;
    letter-spacing: -0.02em;
    color: #4C4E56;
}

.massage-conditions_bold {
    font-weight: 600;
    text-decoration: underline;
}

.screen__last-row {
    width: clamp(294px, 91.88vw, 470.43px);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    row-gap: clamp(12px, 3.75vw, 19.2px);
}

.chair-model-name {
    width: max-content;
    padding: clamp(8px, 2.5vw, 12.8px) clamp(10px, 3.13vw, 16.03px);
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: clamp(12px, 3.75vw, 19.2px);
    line-height: 120%;
    color: #4C4E56;
    background: #FFFFFF;
    box-shadow: 0 clamp(3.67px, 1.15vw, 5.89px) clamp(15.69px, 4.9vw, 25.09px) 0 #CACADD8F, 0 0 clamp(14.59px, 4.56vw, 23.35px) 0 #FFFFFF inset;
    border-radius: clamp(10px, 3.13vw, 16.03px);
}

.language-switch {
    padding: clamp(4.5px, 1.41vw, 7.22px) clamp(12px, 3.75vw, 19.2px) clamp(4.5px, 1.41vw, 7.22px) clamp(4px, 1.25vw, 6.4px);
    display: flex;
    align-items: center;
    column-gap: clamp(4px, 1.25vw, 6.4px);
    background: #F1F1F1;
    border-radius: clamp(12.15px, 3.8vw, 19.46px);
    text-decoration: none;
}

.language-switch__flag {
    width: clamp(19px, 5.94vw, 30.41px);
    display: block;
}

.language-switch__name {
    width: max-content;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: clamp(14px, 4.38vw, 22.43px);
    line-height: 120%;
    color: #4C4E56;
}



.points-details-modal {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 1000;
    background: #00000080;
    transition: display 0.1s;
}

.points-details-modal._active {
    display: block;
}

.points-details-modal__overlay {
    position: absolute;
    inset: 0;
    z-index: 0;
}

.points-details-modal__body {
    width: clamp(320px, 100vw, 512px);
    height: clamp(351px, 109.69vw, 561.61px);
    border-radius: clamp(20px, 6.25vw, 32px) clamp(20px, 6.25vw, 32px) 0 0;
    position: absolute;
    bottom: 0;
    left: 50%;
    z-index: 100;
    transform: translate(-50%, 0);
    background: #FFFFFF;
    box-shadow: 0 clamp(9.68px, 3.03vw, 15.51px) clamp(31.68px, 9.9vw, 50.69px) 0 #BC86472B, 0 0 clamp(24.1px, 7.53vw, 38.55px) 0 #FFFAF3C7 inset;
}

.points-details-modal__cross {
    display: block;
    width: clamp(24px, 7.5vw, 38.4px);
    position: absolute;
    top: clamp(20px, 6.25vw, 32px);
    right: clamp(16px, 5vw, 25.6px);
    z-index: 100;
}

.points-details {
    width: clamp(320px, 100vw, 512px);
    height: clamp(351px, 109.69vw, 561.61px);
    padding: clamp(20px, 6.25vw, 32px) 0 0;
    border-radius: clamp(20px, 6.25vw, 32px) clamp(20px, 6.25vw, 32px) 0 0;
    background: #FFFFFF;
}

.points-details__container {
    margin: 0 0 0 clamp(16px, 5vw, 25.6px);
}

.points-details__title {
    margin: 0 0 clamp(16.5px, 5.16vw, 26.42px);
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: clamp(15px, 4.69vw, 24.01px);
    line-height: 150%;
    color: #383838;
}

.points-details__content {
    display: flex;
    margin: 0 0 clamp(18px, 5.63vw, 28.83px);
    flex-direction: column;
    row-gap: clamp(8px, 2.5vw, 12.8px);
}

.points-details__description {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: clamp(11px, 3.44vw, 17.61px);
    line-height: 130%;
    letter-spacing: -0.01em;
    color: #575757;
}

.points-details__link {
    color: #1F3FDE;
}

.points-details__description_bold {
    font-weight: 500;
}

.proceed-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: clamp(288px, 90vw, 460.8px);
    height: clamp(45px, 14.06vw, 71.99px);
    background: #E03638;
    border-radius: clamp(10px, 3.13vw, 16.03px);
    text-decoration: none;
}

.proceed-btn__description {
    width: max-content;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: clamp(15px, 4.69vw, 24.01px);
    line-height: 1;
    color: #FFFFFF;
}




.profile-header {
    width: clamp(320px, 100vw, 512px);
    margin: 0 auto;
    padding: clamp(30px, 9.38vw, 48.03px) 0 clamp(8px, 2.5vw, 12.8px);
    background: #FFFFFF;
    box-shadow: 0 clamp(9.68px, 3.03vw, 15.51px) clamp(31.68px, 9.9vw, 50.69px) 0 #BDB6D82B;
}

.profile-header_account-page {
    position: relative;
    left: clamp(-15.97px, -3.12vw, -10px);
    margin: clamp(-43.98px, -8.59vw, -27.5px) auto clamp(20px, 6.25vw, 32px);
}

.profile-header__container {
    width: clamp(300px, 93.75vw, 480px);
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

.profile-header__left-part {
    width: max-content;
    display: flex;
    align-items: center;
    column-gap: clamp(8px, 2.5vw, 12.8px);
}

.profile-header__right-part {
    width: max-content;
}

.profile-header__avatar-wrapper {
    width: clamp(34px, 10.63vw, 54.43px);
    height: clamp(34px, 10.63vw, 54.43px);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background-color: #383838;
}

.profile-header__avatar-letter {
    width: max-content;
    color: #fff;
    font-family: Montserrat,sans-serif;
    font-weight: 700;
    font-size: clamp(18px, 5.63vw, 28.83px);
    line-height: 1;
}

.profile-header__avatar {
    width: clamp(34px, 10.63vw, 54.43px);
}

.profile-header__content {
    width: max-content;
}

.profile-header__name {
    width: clamp(190px, 59.38vw, 304.03px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: clamp(13px, 4.06vw, 20.79px);
    line-height: 112%;
    color: #1D1D1D;
}

.profile-header__bonus-row {
    display: flex;
    align-items: center;
    column-gap: clamp(4px, 1.25vw, 6.4px);
}

.profile-header__points {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: clamp(11px, 3.44vw, 17.61px);
    line-height: 112%;
    color: #575757;
}

.profile-header__points_count {
    font-weight: 500;
}

.profile-header__details-link {
    width: max-content;
    display: block;
}

.profile-header__details-icon {
    width: clamp(24px, 7.5vw, 38.4px);
    height: clamp(24px, 7.5vw, 38.4px);
}

.profile-header__details {
    display: flex;
    align-items: center;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: clamp(11px, 3.44vw, 17.61px);
    line-height: 112%;
    color: #E03638;
}

.profile-header__details-arrow {
    width: clamp(12px, 3.75vw, 19.2px);
    display: block;
}

.profile-header__closing-circle {
    width: clamp(32px, 10vw, 51.2px);
    height: clamp(32px, 10vw, 51.2px);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background: #F6F6F6;
    border: clamp(1px, 0.31vw, 1.59px) solid #F6F6F6;
}

.profile-header__closing-cross {
    width: clamp(21.33px, 6.67vw, 34.15px);
}



.personal-account-link {
    display: block;
    padding: clamp(4px, 1.25vw, 6.4px) clamp(8px, 2.5vw, 12.8px);
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: clamp(12px, 3.75vw, 19.2px);
    line-height: 112%;
    text-align: center;
    color: #1D1D1D;
    background: #F8F7FB;
    text-decoration: none;
    border-radius: clamp(8px, 2.5vw, 12.8px);
}

.chair-connecting-spinner {
    position: relative;
    width: clamp(86px, 26.88vw, 137.63px);
    height: clamp(86px, 26.88vw, 137.63px);
    margin: 0 auto;
}

@keyframes spinnerDotFate {
    0%   { background-color: #c0392b; opacity: 1; transform: scale(1); }
    12.5%{ background-color: #f28b82; opacity: 0.9; transform: scale(0.95); }
    25%  { background-color: #f9c4c1; opacity: 0.75; }
    50%  { background-color: #fadadd; opacity: 0.45; }
    75%  { background-color: #fde8e8; opacity: 0.25; }
    87.5%{ background-color: #fde8e8; opacity: 0.15; }
    100% { background-color: #c0392b; opacity: 1; transform: scale(1); }
}

.chair-connecting-spinner__dot {
    position: absolute;
    width: clamp(14px, 4.38vw, 22.43px);
    height: clamp(14px, 4.38vw, 22.43px);
    border-radius: 50%;
    background-color: #f28b82;
    animation: spinnerDotFate 0.8s linear infinite;
}

.chair-connecting-spinner__dot:nth-child(1) {
    left: clamp(36px, 11.25vw, 57.6px);
    top: 0;
    animation-delay: 0s;
}

.chair-connecting-spinner__dot:nth-child(2) {
    left: clamp(62px, 19.38vw, 99.23px);
    top: clamp(11px, 3.44vw, 17.61px);
    animation-delay: -0.7s;
}

.chair-connecting-spinner__dot:nth-child(3) {
    left: clamp(72px, 22.5vw, 115.2px);
    top: clamp(36px, 11.25vw, 57.6px);
    animation-delay: -0.6s;
}

.chair-connecting-spinner__dot:nth-child(4) {
    left: clamp(62px, 19.38vw, 99.23px);
    top: clamp(61px, 19.06vw, 97.59px);
    animation-delay: -0.5s;
}

.chair-connecting-spinner__dot:nth-child(5) {
    left: clamp(36px, 11.25vw, 57.6px);
    top: clamp(72px, 22.5vw, 115.2px);
    animation-delay: -0.4s;
}

.chair-connecting-spinner__dot:nth-child(6) {
    left: clamp(11px, 3.44vw, 17.61px);
    top: clamp(61px, 19.06vw, 97.59px);
    animation-delay: -0.3s;
}

.chair-connecting-spinner__dot:nth-child(7) {
    left: 0;
    top: clamp(36px, 11.25vw, 57.6px);
    animation-delay: -0.2s;
}

.chair-connecting-spinner__dot:nth-child(8) {
    left: clamp(11px, 3.44vw, 17.61px);
    top: clamp(11px, 3.44vw, 17.61px);
    animation-delay: -0.1s;
}




.universal-red-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #E03638;
    border-radius: clamp(10px, 3.13vw, 16.03px);
    text-decoration: none;
}

.universal-red-btn__description {
    font-family: 'Montserrat';
    font-style: normal;
    line-height: 1;
    color: #FFFFFF;
}




.unavailable {
}

.unavailable__user-name {
}

.unavailable__chair-name {
    color: #F46B58;
}

.support-card {
    width: clamp(300px, 93.75vw, 480px);
    padding: clamp(20px, 6.25vw, 32px) 0 clamp(14px, 4.38vw, 22.43px);
    background: #FFFFFF99;
    border: clamp(2px, 0.63vw, 3.23px) solid rgba(255, 255, 255, 0.32);
    box-shadow: 0 0 clamp(14.59px, 4.56vw, 23.35px) 0 #FFFFFF inset, 0 clamp(3.67px, 1.15vw, 5.89px) clamp(15.69px, 4.9vw, 25.09px) 0 #CACADD8F;
    border-radius: clamp(20px, 6.25vw, 32px);
}

.support-card__container {
    width: max-content;
    margin: 0 auto;
}

.support-card__description {
    width: clamp(272px, 85vw, 435.2px);
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: clamp(13px, 4.06vw, 20.79px);
    line-height: 140%;
    text-align: center;
    color: #575757;
}

.support-card__description_bold {
    font-weight: 500;
}

.support-card__description_red {
    color: #E03638;
}

.support-card__description_not-available {
    margin: 0 auto clamp(9px, 2.81vw, 14.39px);
}

.support-card__description_massage-finished {
    margin: 0 auto clamp(12px, 3.75vw, 19.2px);
}

.support-card__phone {
    width: clamp(272px, 85vw, 435.2px);
    margin: 0 auto clamp(24px, 7.5vw, 38.4px);
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: clamp(19px, 5.94vw, 30.41px);
    line-height: 120%;
    text-align: center;
    color: #E03638;
}

.scan-btn {
    width: clamp(272px, 85vw, 435.2px);
    height: clamp(45px, 14.06vw, 71.99px);
    margin: 0 auto;
}

.scan-btn__description {
    width: max-content;
    font-weight: 600;
    font-size: clamp(15px, 4.69vw, 24.01px);
}




.massage-finished {}

.massage-finished__support-card {
    margin: 0 auto clamp(64px, 20vw, 102.4px);
}

.massage-finished__returning {
    width: clamp(236px, 73.75vw, 377.6px);
    margin: 0 auto clamp(16px, 5vw, 25.6px);
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: clamp(14px, 4.38vw, 22.43px);
    line-height: 140%;
    text-align: center;
    color: #575757;
}

.massage-finished__y-link {
}

.choose-time-btn {
    width: clamp(272px, 85vw, 435.2px);
    height: clamp(45px, 14.06vw, 71.99px);
    margin: 0 auto clamp(12px, 3.75vw, 19.2px);
}

.choose-time-btn__description {
    font-size: clamp(15px, 4.69vw, 24.01px);
}

.make-review-btn {
    width: clamp(272px, 85vw, 435.2px);
    height: clamp(45px, 14.06vw, 71.99px);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: clamp(10px, 3.13vw, 16.03px);
    text-decoration: none;
    background: #383838;
}

.make-review-btn__description {
    width: max-content;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: clamp(15px, 4.69vw, 24.01px);
    line-height: 1;
    color: #FFFFFF;
}

.payment-error {

}

.payment-error__title {
    width: max-content;
}

.pick-time-btn {
    width: clamp(272px, 85vw, 435.2px);
    height: clamp(45px, 14.06vw, 71.99px);
    margin: 0 auto;
}

.pick-time-btn__description {
    width: max-content;
    font-weight: 600;
    font-size: clamp(15px, 4.69vw, 24.01px);
}

.pay-for-massage {

}

.pay-for-massage__title {
    width: max-content;
}

.pay-btn {
    width: clamp(272px, 85vw, 435.2px);
    height: clamp(45px, 14.06vw, 71.99px);
    margin: 0 auto;
}

.pay-btn__description {
    width: max-content;
    font-weight: 600;
    font-size: clamp(15px, 4.69vw, 24.01px);
}

.scan-qr {}
.scan-qr__title {
    width: clamp(244px, 76.25vw, 390.4px);
}

.scan-qr-btn {
    width: clamp(272px, 85vw, 435.2px);
    height: clamp(45px, 14.06vw, 71.99px);
    margin: 0 auto;
}

.scan-qr-btn__description {
    width: max-content;
    font-weight: 600;
    font-size: clamp(15px, 4.69vw, 24.01px);
}



.auth-header {
    width: clamp(320px, 100vw, 512px);
    margin: 0 auto;
    padding: clamp(31px, 9.69vw, 49.61px) 0 clamp(9px, 2.81vw, 14.39px);
    background: #FFFFFF;
    box-shadow: 0 clamp(9.68px, 3.03vw, 15.51px) clamp(31.68px, 9.9vw, 50.69px) 0 #BDB6D82B;
}
.auth-header__y-logo {
    width: clamp(170px, 53.13vw, 272.03px);
    height: clamp(32px, 10vw, 51.2px);
    display: block;
    margin: 0 auto;
}




.auth-page {
    /*background: #FEFEFF;*/
    background: rgba(0, 0, 0, 0);
}

.auth-page__title {
    width: clamp(300px, 93.75vw, 480px);
    margin: 0 auto clamp(12px, 3.75vw, 19.2px);
    font-size: clamp(15px, 4.69vw, 24.01px);
}

.auth-page__title_browser {
    margin: 0 auto clamp(98px, 30.63vw, 156.83px);
}

.auth-page__returning {
    width: clamp(250px, 78.13vw, 400.03px);
    text-align: center;
    margin: 0 auto clamp(16px, 5vw, 25.6px);
    color: #575757;
}

.auth-page__details {
    font-weight: 600;
    line-height: 120%;
    display:inline;
    padding: 0;
    margin: 0;
    border:0;
    background-color: transparent;
    text-decoration:underline;
    transition:color 0.2s ease-in-out;
    color: #4C4E56;
}

.auth-page-form {
    width: clamp(274px, 85.63vw, 438.43px);
    margin: 0 auto clamp(87px, 27.19vw, 139.21px);
}

.auth-page-form__input-wrapper {
    width: 100%;
    position: relative;
}

.auth-page-form__input {
    width: 100%;
    min-height: unset;
    margin: 0 auto clamp(24px, 7.5vw, 38.4px);
    display: flex;
    align-items: center;
    padding: clamp(13px, 4.06vw, 20.79px) 0 clamp(13px, 4.06vw, 20.79px) 0;
    border-radius: clamp(10px, 3.13vw, 16.03px);
    outline: none;
    border: clamp(1.5px, 0.47vw, 2.41px) solid #828387;

    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: clamp(14px, 4.38vw, 22.43px);
    line-height: 150%;
    text-align: center;
    color: #4C4E56;
}

.auth-page-form__input_error {
    border: clamp(1.5px, 0.47vw, 2.41px) solid #E03638;
    color: #E03638;
}

.auth-page-form__input_error::placeholder {
    color: #E03638;
}

.auth-page-form__error-msg {
    width: 100%;
    text-align: left;
    margin: 0;
    position: absolute;
    left: 0;
    top: clamp(49px, 15.31vw, 78.39px);
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: clamp(11px, 3.44vw, 17.61px);
    line-height: 120%;
    color: #E03638;
}

.auth-page-form__error-msg_hidden {
    opacity: 0;
}

.auth-page-form__submit {
    width: clamp(274px, 85.63vw, 438.43px);
    height: clamp(45px, 14.06vw, 71.99px);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    font-size: clamp(15px, 4.69vw, 24.01px);
    outline: none;
    border: none;
}




.y-resources-card {
    width: clamp(298px, 93.13vw, 476.83px);
    height: clamp(113.22px, 35.38vw, 181.15px);
    margin: 0 auto clamp(51.78px, 16.18vw, 82.84px);
    padding: clamp(14px, 4.38vw, 22.43px) 0 0;
    background: #FFFFFF99;
    border: clamp(2px, 0.63vw, 3.23px) solid rgba(255, 255, 255, 0.32);
    box-shadow: 0 clamp(3.67px, 1.15vw, 5.89px) clamp(15.69px, 4.9vw, 25.09px) 0 #CACADD8F,
    0 0 clamp(14.59px, 4.56vw, 23.35px) 0 #FFFFFF inset;
    border-radius: clamp(20px, 6.25vw, 32px);
}

.y-resources-card__app-row {
    margin: 0 0 clamp(12px, 3.75vw, 19.2px) clamp(14px, 4.38vw, 22.43px);
    display: flex;
    align-items: center;
    column-gap: clamp(12px, 3.75vw, 19.2px);
}

.y-resources-card__app-sign-in {
    width: max-content;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: clamp(14px, 4.38vw, 22.43px);
    line-height: 124%;
    text-align: center;
    color: #383838;
}

.y-app-badge {
    width: clamp(131px, 40.94vw, 209.61px);
    height: clamp(34.22px, 10.69vw, 54.73px);
    padding: 0 0 0 clamp(4px, 1.25vw, 6.4px);
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-radius: clamp(9px, 2.81vw, 14.39px);
    background: #F6F6FB;
    text-decoration: none;
}

.y-app-badge__y-icon {
    width: clamp(18.22px, 5.69vw, 29.13px);
    display: block;
    margin: 0 clamp(4px, 1.25vw, 6.4px) 0 0;
}

.y-app-badge__description {
    width: max-content;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: clamp(14px, 4.38vw, 22.43px);
    line-height: 130%;
    text-align: center;
    color: #383838;
}

.y-resources-card__stores {
    display: flex;
    column-gap: clamp(8px, 2.5vw, 12.8px);
    margin: 0 0 0 clamp(14px, 4.38vw, 22.43px);
}

.y-resources-card__store-icon {
    width: clamp(131px, 40.94vw, 209.61px);
}

.scan-qr-auth {
    background-color: rgba(0, 0, 0, 0);
}

.scan-qr-auth__title {
    width: clamp(244px, 76.25vw, 390.4px);
}

.scan-qr-auth__description {
    margin: 0 auto clamp(24px, 7.5vw, 38.4px);
    color: #575757;
    text-align: center;
}

.sign-in-btn {
    width: clamp(272px, 85vw, 435.2px);
    height: clamp(45px, 14.06vw, 71.99px);
    margin: 0 auto clamp(12px, 3.75vw, 19.2px);
    display: flex;
    justify-content: center;
    align-items: center;
    background: #383838;
    border-radius: clamp(10px, 3.13vw, 16.03px);
}

.sign-in-btn__description {
    width: max-content;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: clamp(15px, 4.69vw, 24.01px);
    line-height: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FFFFFF;
}



.code-input-page {
    background-color: rgba(0, 0, 0, 0);
}

.code-input-page__title {
    width: clamp(300px, 93.75vw, 480px);
    margin: 0 auto clamp(82px, 25.62vw, 131.17px);
    font-size: clamp(15px, 4.69vw, 24.01px);
    letter-spacing: 0;
}

.code-input-page__phone {
    color: #F46B58;
}

.code-input-page__help-actions {
    width: max-content;
    margin: 0 auto clamp(91px, 28.44vw, 145.61px);
}

.code-input-page__help-link {
    width: max-content;
    margin: 0 auto clamp(10px, 3.13vw, 16.03px);
    display: block;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: clamp(14px, 4.38vw, 22.43px);
    line-height: 150%;
    text-align: center;
    color: #4C4E56;
    text-decoration: underline;
    text-underline-offset: clamp(6px, 1.88vw, 9.63px);
}

.code-input-page__help-link:last-child {
    margin: 0 auto;
}

.input-one-number_new {
    width: clamp(47px, 14.69vw, 75.21px);
    height: clamp(47px, 14.69vw, 75.21px);
    min-height: unset;
    background: #F6F6FB;
    border: clamp(1.5px, 0.47vw, 2.41px) solid #CCCCCC;
}

.sms-code-form {
    width: clamp(274px, 85.63vw, 438.43px);
    margin: 0 auto clamp(48px, 15vw, 76.8px);
    position: relative;
}

.sms-code-form__input-wrapper {
    width: max-content;
    margin: 0 auto clamp(24px, 7.5vw, 38.4px);
    display: flex;
    column-gap: clamp(15px, 4.69vw, 24.01px);
}

.sms-code-form__error-msg {
    width: clamp(274px, 85.63vw, 438.43px);
    margin: 0;
    position: absolute;
    left: 0;
    top: clamp(48px, 15vw, 76.8px);
    font-size: clamp(14px, 4.38vw, 22.43px);
}

.sms-code-form__submit-btn {
    width: clamp(274px, 85.63vw, 438.43px);
    height: clamp(45px, 14.06vw, 71.99px);
    margin: 0 auto clamp(8px, 2.5vw, 12.8px);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: clamp(10px, 3.13vw, 16.03px);
    /*background: #E03638;*/
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: clamp(15px, 4.69vw, 24.01px);
    line-height: 118.2%;
    text-align: center;
    color: #FFFFFF;
}

.new-code-period {
    width: clamp(274px, 85.63vw, 438.43px);
    height: clamp(45px, 14.06vw, 71.99px);
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: clamp(10px, 3.13vw, 16.03px);
    background: #F1F1F1;
}

.new-code-period_hidden {
    opacity: 0;
}

.new-code-period__description {
    width: max-content;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: clamp(15px, 4.69vw, 24.01px);
    line-height: 1;
    text-align: center;
    color: #4C4E56;
}



.registration-page {
    background-color: rgba(0, 0, 0, 0);
}

.registration-page__title {
    width: clamp(300px, 93.75vw, 480px);
    margin: 0 auto clamp(37px, 11.56vw, 59.19px);
    font-size: clamp(15px, 4.69vw, 24.01px);
    letter-spacing: 0;
}

.sign-up-form {
    width: clamp(274px, 85.63vw, 438.43px);
    margin: 0 auto;
}

.sign-up-form__inputs {
    margin: 0 auto clamp(24px, 7.5vw, 38.4px);
    display: flex;
    flex-direction: column;
    row-gap: clamp(16px, 5vw, 25.6px);
}

.sign-up-form__input {
    width: clamp(274px, 85.63vw, 438.43px);
    height: clamp(47px, 14.69vw, 75.21px);
    min-height: unset;
    border-radius: clamp(10px, 3.13vw, 16.03px);
    background: #F6F6FB;
    border: clamp(1.5px, 0.47vw, 2.41px) solid #CCCCCC;

    text-align: left;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: clamp(14px, 4.38vw, 22.43px);
    line-height: 150%;
    color: #828387;
}

.sign-up-form__input + .error-notice {
    display: block;
}

.sign-up-form__submit-btn {
    width: clamp(274px, 85.63vw, 438.43px);
    height: clamp(45px, 14.06vw, 71.99px);
    margin: 0 auto clamp(12px, 3.75vw, 19.2px);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: clamp(15px, 4.69vw, 24.01px);
    min-height: unset;
    line-height: 1;
    padding: 0;
    /*background: #E03638;*/
}

.sign-up-form__checkbox {
    margin: 0 0 clamp(12px, 3.75vw, 19.2px);
}

.sign-up-form__link {
    color: #575757;
}

.agreement-popup {
}

.agreement-popup__head {
    margin: 0 0 clamp(14px, 4.38vw, 22.43px);
}

.agreement-popup__close-btn {
    width: clamp(24px, 7.5vw, 38.4px);
    height: clamp(24px, 7.5vw, 38.4px);
}

.agreement-popup__proceed-btn {
    width: clamp(288px, 90vw, 460.8px);
    height: clamp(45px, 14.06vw, 71.99px);
    margin: 0 auto;
}

.agreement-popup__close-icon {
    width: clamp(24px, 7.5vw, 38.4px);
}

.agreement-popup__window {
    padding: clamp(20px, 6.25vw, 32px) clamp(14px, 4.38vw, 22.43px);
}

.agreement-popup__info {
    row-gap: clamp(10px, 3.13vw, 16.03px);
    margin: 0 0 clamp(18px, 5.63vw, 28.83px);
}

.agreement-popup__descr {
    margin: 0;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: clamp(11px, 3.44vw, 17.61px);
    line-height: 130%;
    letter-spacing: -0.01em;
    color: #575757;
}

.agreement-popup__descr:not(:last-child) {
    margin: 0;
}

.agreement-popup__title {
    width: max-content;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: clamp(15px, 4.69vw, 24.01px);
    line-height: 150%;
    color: #383838;
}



.subscription-popup {

}

.subscription-popup__window {
    padding: clamp(20px, 6.25vw, 32px) clamp(14px, 4.38vw, 22.43px);
    border-radius: clamp(15px, 4.69vw, 24.01px) clamp(15px, 4.69vw, 24.01px) 0 0;
}

.subscription-popup__head {
    margin: 0 0 clamp(14px, 4.38vw, 22.43px);
}

.subscription-popup__title {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: clamp(15px, 4.69vw, 24.01px);
    line-height: 150%;
    color: #383838;
}

.subscription-popup__close-btn {
    width: clamp(24px, 7.5vw, 38.4px);
    height: clamp(24px, 7.5vw, 38.4px);
}

.subscription-popup__close-icon {
    width: clamp(24px, 7.5vw, 38.4px);
}

.subscription-popup__info {
    display: flex;
    margin: 0 0 clamp(18px, 5.63vw, 28.83px);
    flex-direction: column;
    row-gap: clamp(8px, 2.5vw, 12.8px);
}

.subscription-popup .subscription-popup__descr {
    color: #575757;
}

.subscription-popup__descr {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: clamp(11px, 3.44vw, 17.61px);
    line-height: 130%;
    letter-spacing: -0.01em;
    color: #575757;
}

.subscription-popup__descr:not(:last-child) {
    margin: 0;
}

.subscription-popup__proceed-btn {
    width: clamp(288px, 90vw, 460.8px);
    height: clamp(45px, 14.06vw, 71.99px);
}



.payment-methods-page {
    padding: clamp(41px, 12.81vw, 65.59px) 0 0;
    position: relative;
}

.payment-methods-page__back-btn {
    position: absolute;
    left: clamp(14px, 4.38vw, 22.43px);
    top: clamp(-8px, -2.5vw, -12.8px);
    z-index: 100;
}

.payment-method-group {
    margin: 0 0 clamp(16px, 5vw, 25.6px) clamp(13px, 4.06vw, 20.79px);
}

.payment-method-group__title {
    width: max-content;
    margin: 0 0 clamp(12px, 3.75vw, 19.2px);
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: clamp(14px, 4.38vw, 22.43px);
    line-height: 120%;
    color: #2D2D2F;
}

.payment-method-group__container {
    display: flex;
    flex-direction: column;
    row-gap: clamp(8px, 2.5vw, 12.8px);
}

.payment-method-btn {
    width: clamp(274px, 85.63vw, 438.43px);
    height: clamp(44px, 13.75vw, 70.4px);
    position: relative;
    border: none;
    outline: none;
    display: flex;
    align-items: center;
    padding: 0 clamp(8px, 2.5vw, 12.8px) 0;
    border-radius: clamp(10px, 3.13vw, 16.03px);
    background: #F6F6FB;
    text-decoration: none;
}

.payment-method-btn__radio {
    position: absolute;
    right: clamp(10px, 3.13vw, 16.03px);
    transform: translateY(-50%);
    top: 50%;
}

.payment-method-btn_cart {
    background: #FFFFFF;
    border: clamp(1.5px, 0.47vw, 2.41px) solid #F6F6F6;
}

.payment-method-btn_cart-disabled {
    pointer-events: none;
}

.payment-method-btn_cart-disabled * {
    opacity: 0.4;
}

.payment-method-btn__icon {
    width: clamp(28px, 8.75vw, 44.8px);
    display: block;
    margin: 0 clamp(12px, 3.75vw, 19.2px) 0 0;
}

.payment-method-btn__name {
    width: max-content;
    margin: 0 auto 0 0;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: clamp(11px, 3.44vw, 17.61px);
    line-height: 1;
    color: #4C4E56;
}

.payment-method-btn__arrow {
    width: clamp(24px, 7.5vw, 38.4px);
}

.saved-method {
    width: clamp(274px, 85.63vw, 438.43px);
    height: clamp(74px, 23.13vw, 118.43px);
    position: relative;
    padding: clamp(8px, 2.5vw, 12.8px) 0 0 clamp(8px, 2.5vw, 12.8px);
    background: #F6F6FB;
    border-radius: clamp(10px, 3.13vw, 16.03px);
}

.saved-method__top {
    display: flex;
    align-items: center;
    margin: 0 0 clamp(8px, 2.5vw, 12.8px);
}

.saved-method__logo {
    width: clamp(28px, 8.75vw, 44.8px);
    display: block;
    margin: 0 clamp(12px, 3.75vw, 19.2px) 0 0;
}

.saved-method__info {
    width: max-content;
}

.saved-method__bank-account {
    display: flex;
    position: relative;
}

.saved-method__name {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: clamp(11px, 3.44vw, 17.61px);
    line-height: 120%;
    color: #4C4E56;
}

.saved-method__expiration {
    margin: 0 0 0 clamp(4px, 1.25vw, 6.4px);
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: clamp(11px, 3.44vw, 17.61px);
    line-height: 120%;
    color: #4C4E56;
}

.saved-method__description {
    width: max-content;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: clamp(10px, 3.13vw, 16.03px);
    line-height: 120%;
    text-align: center;
    color: #4C4E56;
}

.saved-method__description_test {
    color: #16BD21;
}

.saved-method__description_unavailable {
    color: #E03638;
}

.saved-method__currency {
    position: absolute;
    top: 0;
    left: clamp(156px, 48.75vw, 249.6px);
    width: max-content;
    text-transform: uppercase;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: clamp(11px, 3.44vw, 17.61px);
    line-height: 120%;
    color: #4C4E56;
}

.saved-method__action {
    margin: 0 0 0 clamp(48px, 15vw, 76.8px);
    padding: clamp(4px, 1.25vw, 6.4px) clamp(8px, 2.5vw, 12.8px);
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: clamp(11px, 3.44vw, 17.61px);
    line-height: 130%;
    color: #1F3FDE;
    border: none;
    outline: none;
    border-radius: clamp(4px, 1.25vw, 6.4px);
    background: #E9EBF5;
    text-decoration: none;
}

.saved-method__radio {
    position: absolute;
    right: clamp(10px, 3.13vw, 16.03px);
    top: clamp(10px, 3.13vw, 16.03px);
}

.sm-radio {

}

.sm-radio__fake-btn {
    display: none;
}

.sm-radio__fake-btn:checked + .sm-radio__custom-btn {
    /*border: clamp(1.2px, 0.38vw, 1.95px) solid #828387;*/
    border: none;
}

.sm-radio__fake-btn:checked + .sm-radio__custom-btn .sm-radio__tick {
    opacity: 1;
    transition: opacity 0.12s linear;
}

.sm-radio__custom-btn {
    width: clamp(20px, 6.25vw, 32px);
    height: clamp(20px, 6.25vw, 32px);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background: #FFFFFF;
    border: clamp(1px, 0.31vw, 1.59px) solid #828387;
}

.sm-radio__tick {
    opacity: 0;
    width: clamp(24px, 7.5vw, 38.4px);
    height: clamp(24px, 7.5vw, 38.4px);
    transition: opacity 0.16s linear;
}

.sm-radio_unavailable {
}

.sm-radio_unavailable .sm-radio__custom-btn {
    border: clamp(1px, 0.31vw, 1.59px) solid #E5E5ED;
}

.back-btn {
    width: clamp(32px, 10vw, 51.2px);
    height: clamp(32px, 10vw, 51.2px);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background: #FFFFFF;
    box-shadow: 0 clamp(3.67px, 1.15vw, 5.89px) clamp(15.69px, 4.9vw, 25.09px) 0 #CACADD8F;
}

.back-btn__icon {
    width: clamp(24px, 7.5vw, 38.4px);
}



.payment-history-page {
}

.payment-history-page__back-btn {
    position: absolute;
    left: clamp(14px, 4.38vw, 22.43px);
    top: clamp(16px, 5vw, 25.6px);
    z-index: 100;
}

.payment-history-page__title {
    width: max-content;
    margin: 0 auto clamp(12px, 3.75vw, 19.2px);
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: clamp(14px, 4.38vw, 22.43px);
    line-height: 120%;
    text-align: center;
    color: #2D2D2F;
}

.payment-history-page__records {
    margin: 0 0 clamp(37px, 11.56vw, 59.19px) clamp(13px, 4.06vw, 20.79px);
    display: flex;
    flex-direction: column;
    row-gap: clamp(8px, 2.5vw, 12.8px);
}

.payment-record-group {
}

.payment-record-group__date {
    display: block;
    width: max-content;
    margin: 0 0 clamp(4px, 1.25vw, 6.4px);
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: clamp(11px, 3.44vw, 17.61px);
    line-height: 140%;
    color: #828387;
}

.payment-record-group__list {
    display: flex;
    flex-direction: column;
    row-gap: clamp(8px, 2.5vw, 12.8px);
}

.payment-record {
    width: clamp(274px, 85.63vw, 438.43px);
    height: clamp(92px, 28.75vw, 147.2px);
    padding: clamp(8px, 2.5vw, 12.8px) 0 0 clamp(8px, 2.5vw, 12.8px);
    position: relative;
    display: flex;
    background: #F6F6FB;
    border-radius: clamp(10px, 3.13vw, 16.03px);
}

.payment-record__icon {
    width: clamp(28px, 8.75vw, 44.8px);
    height: clamp(28px, 8.75vw, 44.8px);
    display: block;
    margin: 0 clamp(12px, 3.75vw, 19.2px) 0 0;
}

.payment-record__content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    row-gap: clamp(6px, 1.88vw, 9.63px);
}

.payment-record__summary {
    width: max-content;
}

.payment-record__amount {
    width: max-content;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: clamp(11px, 3.44vw, 17.61px);
    line-height: 120%;
    color: #4C4E56;
}

.payment-record__order-number {
    width: clamp(137px, 42.81vw, 219.19px);
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: clamp(10px, 3.13vw, 16.03px);
    line-height: 120%;
    word-break: break-all;
    color: #828387;
}

.payment-record__description {
    width: clamp(185px, 57.81vw, 295.99px);
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: clamp(10px, 3.13vw, 16.03px);
    line-height: 120%;
    letter-spacing: -0.01em;
    color: #4C4E56;
}

.payment-record__cart-number {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: clamp(10px, 3.13vw, 16.03px);
    line-height: 120%;
    letter-spacing: -0.01em;
    color: #4C4E56;
}

.payment-record__status {
    position: absolute;
    right: clamp(8px, 2.5vw, 12.8px);
    top: clamp(8px, 2.5vw, 12.8px);
    padding: clamp(4px, 1.25vw, 6.4px) clamp(8px, 2.5vw, 12.8px);
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: clamp(10px, 3.13vw, 16.03px);
    line-height: 120%;
    text-align: center;
    letter-spacing: -0.01em;
    border-radius: clamp(99px, 30.94vw, 158.41px);
}

.payment-record__status_failure {
    color: #E03638;
    background: #F5E9EA;
}

.payment-record__status_success {
    color: #3FA31D;
    background: #E9F5EA;
}

.payment-record__time {
    position: absolute;
    right: clamp(8px, 2.5vw, 12.8px);
    bottom: clamp(8px, 2.5vw, 12.8px);
    width: max-content;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: clamp(10px, 3.13vw, 16.03px);
    line-height: 120%;
    letter-spacing: -0.01em;
    color: #828387;
}




.personal-account-page {

}

.personal-account-page__bonus-block {
    margin: 0 auto clamp(10px, 3.13vw, 16.03px);
}

.spend-bonuses {
    width: clamp(300px, 93.75vw, 480px);
    height: clamp(45px, 14.06vw, 71.99px);
    margin: 0 auto clamp(24px, 7.5vw, 38.4px);
}

.spend-bonuses__description {
    font-size: clamp(15px, 4.69vw, 24.01px);
    line-height: 118%;
}

.account-menu {
    width: clamp(300px, 93.75vw, 480px);
    margin: 0 auto clamp(32px, 10vw, 51.2px);
    border: clamp(1px, 0.31vw, 1.59px) solid #F6F6F6;
    border-radius: clamp(15px, 4.69vw, 24.01px);
}

.account-menu-item {
    display: flex;
    align-items: center;
    width: clamp(300px, 93.75vw, 480px);
    height: clamp(44px, 13.75vw, 70.4px);
    padding: 0;
    border: none;
    outline: none;
    text-decoration: none;
    border-bottom: clamp(1px, 0.31vw, 1.59px) solid #F6F6F6;
    background: transparent;
}

.account-menu-item__container {
    width: clamp(268px, 83.75vw, 428.8px);
    margin: 0 0 0 clamp(16px, 5vw, 25.6px);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.account-menu-item__description {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: clamp(12px, 3.75vw, 19.2px);
    line-height: 1;
    text-align: center;
    color: #4C4E56;
}

.account-menu-item__description_exit {
    color: #F46B58;
}

.account-menu-item__arrow {
    width: clamp(24px, 7.5vw, 38.4px);
}

.account-menu-item__exit-icon {
    width: clamp(24px, 7.5vw, 38.4px);
}


.my-payment-methods {
}

.my-payment-methods__back-btn {
    position: absolute;
    left: clamp(14px, 4.38vw, 22.43px);
    top: clamp(16px, 5vw, 25.6px);
    z-index: 100;
}

.my-payment-methods__title {
    width: max-content;
    margin: 0 auto clamp(22.5px, 7.03vw, 35.99px);
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: clamp(14px, 4.38vw, 22.43px);
    line-height: 120%;
    text-align: center;
    color: #2D2D2F;
}

.saved-payment-methods {
    width: clamp(274px, 85.63vw, 438.43px);
    margin: 0 0 clamp(16px, 5vw, 25.6px) clamp(13px, 4.06vw, 20.79px);
    display: flex;
    flex-direction: column;
    row-gap: clamp(8px, 2.5vw, 12.8px);
}

.other-payment-methods {
    width: clamp(274px, 85.63vw, 438.43px);
    margin: 0 0 clamp(199px, 62.19vw, 318.41px) clamp(13px, 4.06vw, 20.79px);
}

.other-payment-methods__title {
    width: max-content;
    margin: 0 auto clamp(12px, 3.75vw, 19.2px);
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: clamp(14px, 4.38vw, 22.43px);
    line-height: 120%;
    text-align: center;
    color: #2D2D2F;
}




.remove-payment-method-page {
}

.remove-payment-method-page__back-btn {
    position: absolute;
    left: clamp(14px, 4.38vw, 22.43px);
    top: clamp(16px, 5vw, 25.6px);
    z-index: 100;
}

.remove-payment-method-page__title {
    width: max-content;
    margin: 0 auto clamp(26px, 8.13vw, 41.63px);
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: clamp(15px, 4.69vw, 24.01px);
    line-height: 120%;
    text-align: center;
    color: #2D2D2F;
}

.card-removing {
    padding: clamp(14px, 4.38vw, 22.43px);
}

.card-removing__card {
    margin: 0 auto clamp(12px, 3.75vw, 19.2px);
}

.card-removing__buttons {
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    row-gap: clamp(8px, 2.5vw, 12.8px);
}

.card-removing__button {
    width: clamp(272px, 85vw, 435.2px);
    height: clamp(45px, 14.06vw, 71.99px);
    border-radius: clamp(10px, 3.13vw, 16.03px);
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: clamp(15px, 4.69vw, 24.01px);
    line-height: 1;
    border: none;
    outline: none;
}

.card-removing__button_remove {
    color: #2D2D2F;
    background: #F6F6F6;
}

.card-removing__button_cancel {
    color: #FFFFFF;
    background: #E03638;
}

.card-info {
    width: clamp(272px, 85vw, 435.2px);
    height: clamp(36px, 11.25vw, 57.6px);
    display: flex;
    align-items: center;
    padding: 0 0 0 clamp(4px, 1.25vw, 6.4px);
    background: #F6F6FB;
    border: clamp(1.5px, 0.47vw, 2.41px) solid #F6F6F6;
    border-radius: clamp(10px, 3.13vw, 16.03px);
    text-decoration: none;
}

.card-info__arrow {
    width: clamp(24px, 7.5vw, 38.4px);
    position: absolute;
    top: clamp(6px, 1.88vw, 9.63px);
    right: clamp(4px, 1.25vw, 6.4px);
    z-index: 10;
}

.card-info__logo {
    width: clamp(28px, 8.75vw, 44.8px);
    height: clamp(28px, 8.75vw, 44.8px);
    display: block;
    margin: 0 clamp(8px, 2.5vw, 12.8px) 0 0;
}

.card-info__content {
}

.card-info__top {
    position: relative;
    display: flex;
}

.card-info__name {
    width: max-content;
    margin: 0 clamp(8px, 2.5vw, 12.8px) 0 0;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: clamp(11px, 3.44vw, 17.61px);
    line-height: 120%;
    text-align: center;
    color: #4C4E56;
}

.card-info__expiration {
    width: max-content;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: clamp(11px, 3.44vw, 17.61px);
    line-height: 120%;
    text-align: center;
    color: #4C4E56;
}

.card-info__currency {
    position: absolute;
    left: clamp(197px, 61.56vw, 315.19px);
    top: 0;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: clamp(11px, 3.44vw, 17.61px);
    line-height: 120%;
    color: #4C4E56;
}

.card-info__description {
    width: max-content;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: clamp(10px, 3.13vw, 16.03px);
    line-height: 120%;
    text-align: center;
    color: #4C4E56;
}

.card-info__description_test {
    color: #16BD21;
}



.bind-card-page {
}

.bind-card-page__back-btn {
    position: absolute;
    left: clamp(14px, 4.38vw, 22.43px);
    top: clamp(16px, 5vw, 25.6px);
    z-index: 100;
}

.bind-card-page__title {
    width: max-content;
    margin: 0 auto clamp(22px, 6.88vw, 35.23px);
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: clamp(15px, 4.69vw, 24.01px);
    line-height: 120%;
    text-align: center;
    color: #2D2D2F;
}

.card-binding {
    width: clamp(300px, 93.75vw, 480px);
    height: clamp(350px, 109.38vw, 560.03px);
    margin: 0 auto clamp(32px, 10vw, 51.2px);
    padding: clamp(234px, 73.13vw, 374.43px) 0 0;
    position: relative;
}

.card-binding__card {
    width: clamp(234px, 73.13vw, 374.43px);
    position: absolute;
    top: clamp(14px, 4.38vw, 22.43px);
    left: clamp(33px, 10.31vw, 52.79px);
    z-index: 0;
}

.card-binding__buttons {
    display: flex;
    flex-direction: column;
    row-gap: clamp(12px, 3.75vw, 19.2px);
}

.card-binding__button {
    width: clamp(272px, 85vw, 435.2px);
    height: clamp(45px, 14.06vw, 71.99px);
    border-radius: clamp(10px, 3.13vw, 16.03px);
    display: flex;
    justify-content: center;
    align-items: center;

    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: clamp(15px, 4.69vw, 24.01px);
    line-height: 1;
    color: #FFFFFF;
    border: none;
}

.card-removing__button_bind {
    color: #FFFFFF;
    background: #E03638;
}

.card-removing__button_skip {
    color: #2D2D2F;
    background: #F6F6FB;
}

.connecting-state__spinner {

}

.connecting-state-spinner {
    position: relative;
    width: clamp(40px, 12.5vw, 64px);
    height: clamp(40px, 12.5vw, 64px);
}

@keyframes spinnerPulse {
    0%, 100% {
        opacity: 0.2;
        transform: translate(-50%, -50%) rotate(var(--rotation)) translateY(clamp(-25.6px, -5vw, -16px)) scale(0.55);
    }

    50% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(var(--rotation)) translateY(clamp(-25.6px, -5vw, -16px)) scale(1.2);
    }
}

.connecting-state-spinner__dot {
    --rotation: 0deg;

    position: absolute;
    top: 50%;
    left: 50%;
    width: clamp(6px, 1.88vw, 9.63px);
    height: clamp(6px, 1.88vw, 9.63px);
    border-radius: 50%;
    background: #fff;

    transform: translate(-50%, -50%) rotate(var(--rotation)) translateY(clamp(-25.6px, -5vw, -16px));
    animation: spinnerPulse 1.4s linear infinite;
}

.connecting-state-spinner__dot:nth-child(1) {
    --rotation: 0deg;
    animation-delay: 0s;
}

.connecting-state-spinner__dot:nth-child(2) {
    --rotation: 45deg;
    animation-delay: -0.7s;
}

.connecting-state-spinner__dot:nth-child(3) {
    --rotation: 90deg;
    animation-delay: -0.6s;
}

.connecting-state-spinner__dot:nth-child(4) {
    --rotation: 135deg;
    animation-delay: -0.5s;
}

.connecting-state-spinner__dot:nth-child(5) {
    --rotation: 180deg;
    animation-delay: -0.4s;
}

.connecting-state-spinner__dot:nth-child(6) {
    --rotation: 225deg;
    animation-delay: -0.3s;
}

.connecting-state-spinner__dot:nth-child(7) {
    --rotation: 270deg;
    animation-delay: -0.2s;
}

.connecting-state-spinner__dot:nth-child(8) {
    --rotation: 315deg;
    animation-delay: -0.1s;
}

/* v6 verify: таймер и «Получить новый код» живут вне формы —
   приводим отступы/высоту к виду code-input-v2.html, где они внутри .sms-code-form */
.code-input-page .sms-code-form {
    margin-bottom: 0;
}
.code-input-page .new-code-period {
    min-height: 60px; /* тот же min-height, что у кнопки «Отправить» из .btn */
    margin: clamp(8px, 2.5vw, 12.8px) auto 0;
}
#sendCodeLink {
    margin: clamp(8px, 2.5vw, 12.8px) auto;
}

.btn {
    min-height: 50px;
    padding: 5.5%;
    font-size: min(4.625vw, 25px);
    font-weight: 600;
}

.maintenance-check-form textarea,
.maintenance-check-form select {
    width: clamp(272px, 85vw, 435.2px);
    font-family: 'Montserrat';
    font-size: clamp(13px, 4.06vw, 20.79px);
    border-radius: clamp(10px, 3.13vw, 16.03px);
}
.maintenance-check-form__submit { /* по образцу .auth-page-form__submit (строка 2445) */
    width: clamp(272px, 85vw, 435.2px);
    height: clamp(45px, 14.06vw, 71.99px);
    background: #E03638;
    border-radius: clamp(10px, 3.13vw, 16.03px);
    color: #FFF;
    font-weight: 600;
    font-size: clamp(15px, 4.69vw, 24.01px);
}
.maintenance-check-page__photo {
    width: clamp(272px, 85vw, 435.2px);
    border-radius: clamp(10px, 3.13vw, 16.03px);
}
.maintenance-check-page {
}

.maintenance-check-page__back-btn {
    position: absolute;
    left: clamp(14px, 4.38vw, 22.43px);
    top: clamp(16px, 5vw, 25.6px);
    z-index: 100;
}

.maintenance-check-page__title {
    width: max-content;
    margin: 0 auto clamp(26px, 8.13vw, 41.63px);
    padding: 0 clamp(56px, 17.5vw, 89.6px);
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: clamp(15px, 4.69vw, 24.01px);
    line-height: 120%;
    text-align: center;
    color: #2D2D2F;
}
.back-btn_absolute {
    position: absolute;
    left: clamp(14px, 4.38vw, 22.43px);
    top: clamp(16px, 5vw, 25.6px);
    z-index: 100;
}