:root {
    --yawhite: #fff;
    --yablack: #000;
    --yalightgray: #EBEEF3;
    --yagray: #323232;
    --yared: #A6192E;
    --yablue: #178398;
}

/* color */
.c-yawhite {color: var(--yawhite) !important;transition: .2s;}
.c-yablack {color: var(--yablack) !important;transition: .2s;}
.c-yalightgray {color: var(--yalightgray) !important;transition: .2s;}
.c-yagray {color: var(--yagray) !important;transition: .2s;}
.c-yared {color: var(--yared) !important;transition: .2s;}
.c-yablue {color: var(--yablue) !important;transition: .2s;}

/* :hover color */
.c-h-yawhite:hover {color: var(--yawhite) !important;transition: .2s;}
.c-h-yablack:hover {color: var(--yablack) !important;transition: .2s;}
.c-h-yalightgray:hover {color: var(--yalightgray) !important;transition: .2s;}
.c-h-yagray:hover {color: var(--yagray) !important;transition: .2s;}
.c-h-yared:hover {color: var(--yared) !important;transition: .2s;}
.c-h-yablue:hover {color: var(--yablue) !important;transition: .2s;}

/* background-color */
.bg-yawhite {background-color: var(--yawhite);transition: .2s;}
.bg-yablack {background-color: var(--yablack);transition: .2s;}
.bg-yalightgray {background-color: var(--yalightgray);transition: .2s;}
.bg-yagray {background-color: var(--yagray);transition: .2s;}
.bg-yared {background-color: var(--yared);transition: .2s;}

/* :hover background-color */
.bg-h-yawhite:hover {background-color: var(--yawhite);transition: .2s;}
.bg-h-yablack:hover {background-color: var(--yablack);transition: .2s;}
.bg-h-yalightgray:hover {background-color: var(--yalightgray);transition: .2s;}
.bg-h-yagray:hover {background-color: var(--yagray);transition: .2s;}
.bg-h-yared:hover {background-color: var(--yared);transition: .2s;}

/* :active background-color */
.bg-a-yawhite:active {background-color: var(--yawhite);transition: .2s;}
.bg-a-yablack:active {background-color: var(--yablack);transition: .2s;}
.bg-a-yalightgray:active {background-color: var(--yalightgray);transition: .2s;}
.bg-a-yagray:active {background-color: var(--yagray);transition: .2s;}
.bg-a-yared:active {background-color: var(--yared);transition: .2s;}

/* border */
.b-yawhite {border: var(--yawhite) 1px solid;transition: .2s;}
.b-yablack {border: var(--yablack) 1px solid;transition: .2s;}
.b-yalightgray {border: var(--yalightgray) 1px solid;transition: .2s;}
.b-yagray {border: var(--yagray) 1px solid;transition: .2s;}
.b-yared {border: var(--yared) 1px solid;transition: .2s;}

/* :hover border */
.b-h-yawhite:hover {border: var(--yawhite) 1px solid;transition: .2s;}
.b-h-yablack:hover {border: var(--yablack) 1px solid;transition: .2s;}
.b-h-yalightgray:hover {border: var(--yalightgray) 1px solid;transition: .2s;}
.b-h-yagray:hover {border: var(--yagray) 1px solid;transition: .2s;}
.b-h-yared:hover {border: var(--yared) 1px solid;transition: .2s;}

/* border-top */
.b-t-yawhite {border-top: var(--yawhite) 1px solid;transition: .2s;}
.b-t-yablack {border-top: var(--yablack) 1px solid;transition: .2s;}
.b-t-yalightgray {border-top: var(--yalightgray) 1px solid;transition: .2s;}
.b-t-yagray {border-top: var(--yagray) 1px solid;transition: .2s;}
.b-t-yared {border-top: var(--yared) 1px solid;transition: .2s;}

/* border-right */
.b-r-yawhite {border-right: var(--yawhite) 1px solid;transition: .2s;}
.b-r-yablack {border-right: var(--yablack) 1px solid;transition: .2s;}
.b-r-yalightgray {border-right: var(--yalightgray) 1px solid;transition: .2s;}
.b-r-yagray {border-right: var(--yagray) 1px solid;transition: .2s;}
.b-r-yared {border-right: var(--yared) 1px solid;transition: .2s;}

/* border-bottom */
.b-b-yawhite {border-bottom: var(--yawhite) 1px solid;transition: .2s;}
.b-b-yablack {border-bottom: var(--yablack) 1px solid;transition: .2s;}
.b-b-yalightgray {border-bottom: var(--yalightgray) 1px solid;transition: .2s;}
.b-b-yagray {border-bottom: var(--yagray) 1px solid;transition: .2s;}
.b-b-yared {border-bottom: var(--yared) 1px solid;transition: .2s;}

/* border-left */
.b-l-yawhite {border-left: var(--yawhite) 1px solid;transition: .2s;}
.b-l-yablack {border-left: var(--yablack) 1px solid;transition: .2s;}
.b-l-yalightgray {border-left: var(--yalightgray) 1px solid;transition: .2s;}
.b-l-yagray {border-left: var(--yagray) 1px solid;transition: .2s;}
.b-l-yared {border-left: var(--yared) 1px solid;transition: .2s;}

/* :hover border-top */
.b-t-h-yawhite:hover {border-top: var(--yawhite) 1px solid;transition: .2s;}
.b-t-h-yablack:hover {border-top: var(--yablack) 1px solid;transition: .2s;}
.b-t-h-yalightgray:hover {border-top: var(--yalightgray) 1px solid;transition: .2s;}
.b-t-h-yagray:hover {border-top: var(--yagray) 1px solid;transition: .2s;}
.b-t-h-yared:hover {border-top: var(--yared) 1px solid;transition: .2s;}

/* :hover border-right */
.b-r-h-yawhite:hover {border-right: var(--yawhite) 1px solid;transition: .2s;}
.b-r-h-yablack:hover {border-right: var(--yablack) 1px solid;transition: .2s;}
.b-r-h-yalightgray:hover {border-right: var(--yalightgray) 1px solid;transition: .2s;}
.b-r-h-yagray:hover {border-right: var(--yagray) 1px solid;transition: .2s;}
.b-r-h-yared:hover {border-right: var(--yared) 1px solid;transition: .2s;}

/* :hover border-bottom */
.b-b-h-yawhite:hover {border-bottom: var(--yawhite) 1px solid;transition: .2s;}
.b-b-h-yablack:hover {border-bottom: var(--yablack) 1px solid;transition: .2s;}
.b-b-h-yalightgray:hover {border-bottom: var(--yalightgray) 1px solid;transition: .2s;}
.b-b-h-yagray:hover {border-bottom: var(--yagray) 1px solid;transition: .2s;}
.b-b-h-yared:hover {border-bottom: var(--yared) 1px solid;transition: .2s;}

/* :hover border-left */
.b-l-h-yawhite:hover {border-left: var(--yawhite) 1px solid;transition: .2s;}
.b-l-h-yablack:hover {border-left: var(--yablack) 1px solid;transition: .2s;}
.b-l-h-yalightgray:hover {border-left: var(--yalightgray) 1px solid;transition: .2s;}
.b-l-h-yagray:hover {border-left: var(--yagray) 1px solid;transition: .2s;}
.b-l-h-yared:hover {border-left: var(--yared) 1px solid;transition: .2s;}



.cursor-pointer {cursor: pointer;}

.position-inherit {position: inherit !important;}
.position-lg-absolute { position: absolute !important;}

.border3 {border-width: 3px;}

/* rub {font-family: var(--bs-body-font-family);} */

body {
    font-family: 'HarmonyOS Sans SC';
    font-weight: normal;
    font-style: normal;
}

/* menu */
.menu .menu-name {font-size: 16px;}
.menu .menu-text {font-size: 12px;}
.menu .menu-address {font-size: 14px;}
.menu .button {
    height: 48px;
    font-size: 14px;
    border-radius: 24px;
}
.menu .callback-button {
    width: 33px;
    height: 33px;
    border-radius: 8px;
}

/* bestoffer */
.bestoffer .title {font-size: 44px;}
.bestoffer .form-control {
    height: 54px;
    border-radius: 27px;
}
.bestoffer .button {
    height: 54px;
    font-size: 14px;
    border-radius: 27px;
}
.bestoffer label {font-size: 10px;}


/* banner */
.page-banner {
    height: 700px;
    background-position: center;
    background-size: cover;
    background-image: url('../images/banner-09-2025.jpg');
    background-repeat: no-repeat;
}

@media (min-width: 1950px) {
    .page-banner {
        height: 960px;
    }
}

.page-banner .title {font-size: 40px;}
.page-banner .text {font-size: 28px;}
.page-banner .plate {
    font-size: 64px;
    backdrop-filter: blur(5px);
    background-color: rgba(60, 60, 60, .35);
    border-radius: 52px;
}
.page-banner .plate span {font-size: 28px;}
.page-banner .plate sup {font-size: 18px; margin-top: -15px;}
.page-banner .plate sup::after {
    content: '1';
    position: absolute;
    top: -15px;
    right: -10px;
}
.page-banner .button {
    height: 60px;
    font-size: 16px;
    border-radius: 30px;
}
.page-banner .img-plate {width: 560px; height: auto;}

.page-banner-text {
    font-size: clamp(16px, calc(1rem + ((1vw - 4.2px) * 0.9302)), 24px);
}

@media (min-width: 992px) {
    .page-banner-text {
        position: relative;
        top: -30px;
    }
}


/* models */
.models .model {border-radius: 32px;}
.models .model .model-title {font-size: 48px; line-height: 1;}
.models .model .model-title-150 {width: 150%;}
.models .model .model-title-postfix {font-size: 24px; line-height: 1;}
.models .model .model-futures {font-size: 14px;}
.models .button {
    height: 48px;
    font-size: 16px;
    border-radius: 24px;
}
.models .button .big-text {font-size: 20px;}
.models .button .arrow {margin-left: 10px;}
.models .button:hover .arrow {margin-left: 20px;}
.models .model .model-spec {
    font-size: 14px;
    border-radius: 24px;
}
.models .model .model-spec span {font-size: 16px;}
.models .model .model-spec .descript {font-size: 12px;}
.models .model .model-spec .icon-wrap {
    border-radius: 8px;
    width: 33px;
    height: 33px;
}
.models .model .color-name {font-size: 14px;}
.models .model .color-item {
    height: 24px;
    width: 24px;
    border-radius: 12px;
    border: var(--yalightgray) 1px solid;
}
.models .model .color-item.active {border-color: #dddddd;}
.models .model .color-item-inner {
    height: 18px;
    width: 18px;
    border-radius: 9px;
    border: 1px solid;
    overflow: hidden;
}
.models .model .color-item-inner .semicircle {
	width: 17px;
    height: 9px;
}


/* cis */
.cis .cis-card {
    border-radius: 24px;
    overflow: hidden;
}
.cis .cis-card-count {
    top: 10px;
    right: 10px;
    font-size: 10px;
    background-color: rgba(0,0,0,.7);
    height: 20px;
    border-radius: 10px;
}
.cis .cis-card-count span {font-size: 12px;}
.cis .cis-card-name {font-size: 24px;}
.cis .cis-card-postfix {font-size: 14px; height: 22px;}
.cis .cis-card-futures {font-size: 14px;}
.cis .cis-card-price {font-size: 24px;}
.cis .button {
    height: 48px;
    font-size: 16px;
    border-radius: 24px;
}
.swiper {
    width: 100%;
    height: 100%;
}
.swiper-nav {
    width: 91px;
    height: 91px;
    top: calc(50% - 45.5px);
    z-index: 10;
}
.swiper-next {right: -60px;}
.swiper-prev {left: -60px;}

/* start-quiz */
.start-quiz .start-quiz-card {border-radius: 32px;}
.start-quiz .button {
    height: 48px;
    font-size: 16px;
    border-radius: 24px;
}
.start-quiz .button .arrow {margin-left: 10px;}
.start-quiz .button:hover .arrow {margin-left: 20px;}
.start-quiz .title {font-size: 67px; line-height: 1;}
.start-quiz .subtitle {font-size: 25px;}
.start-quiz .text {font-size: 20px;}


/* corp */
.corp {background: var(--yablack) url('../images/corp.jpg?2') no-repeat center right;}
.corp form {border-radius: 32px;}
.corp form .title {font-size: 34px; line-height: 1;}
.corp form .text {font-size: 14px;}
.corp .form-control {
    height: 54px;
    border-radius: 27px;
}
.corp .button {
    height: 54px;
    font-size: 14px;
    border-radius: 27px;
}
.corp label {font-size: 10px;}

/* contacts */
#yandex-map {height: 580px;}
.contacts .plate {
    border-radius: 32px;
    width: 640px;
    height: 454px;
    left: 0;
    top: calc(50% - 227px);
    z-index: 10;
}
.contacts .plate .title {font-size: 32px;}
.contacts .button {
    height: 48px;
    font-size: 14px;
    border-radius: 24px;
}
.contacts .content {font-size: 18px;}
.contacts .content .phone {font-size: 24px;}

/* footer */
.footer {font-size: 12px;}
.footer .title {font-size: 28px;}
.footer .text {font-size: 14px;}


.remodal-overlay {background: rgba(0, 0, 0, .4);}
.remodal-close,
.remodal-close:before {
    top: 0;
    left: unset;
    right: 0;
}
.remodal .form-control, .remodal .button {
    height: 54px;
    border-radius: 27px;
}

.alert {display: none;}

.form-check-input:checked {
    background-color: var(--yared) !important;
    border-color:  var(--yablue) !important;
}
.form-check-input, .form-check-input:focus {
    border-color: var(--yagray) !important;
    outline: 0;
    box-shadow: unset;
}
.form-check-input.is-invalid, .was-validated .form-check-input:invalid {
    border-color: var(--yared) !important;
}
.form-check-input.is-invalid~.form-check-label, .was-validated .form-check-input:invalid~.form-check-label {
    color: var(--yared) !important;
}


/* ADAPTIVE */
@media (max-width: 1399.98px) {
}
@media (max-width: 1365.98px) {
}
@media (max-width: 1199.98px) {
    .page-banner .img-plate {width: 490px; height: auto;}
    .bestoffer .title {font-size: 32px;}
    .corp form .title {font-size: 23px; line-height: 1;}
    .contacts .plate {width: 560px;}
}
@media (max-width: 991.98px) {
    .page-banner div div div div {width: 100%; /* text-align: center;*/}
    .page-banner div div div div a {width: 70%; display: block; margin: 0 auto;}
    .page-banner .img-plate {width: 430px; height: auto;}
    .position-lg-absolute { position: inherit !important;}
    .contacts .plate {width: 100%;}
    .corp {background: var(--yablack) url('../images/corp-m.jpg?2') no-repeat bottom center; background-size: contain; height: 860px;}
    .models-tabs {
        flex-wrap: nowrap !important;
        overflow-x: scroll;
    }
    .tabs-item {min-width: 260px;}
    .models .model .model-title-150 {width: unset;}
}
@media (max-width: 767.98px) {
}
@media (max-width: 575.98px) {
    .page-banner {
        height: 450px;
        background-image: url('../images/banner-m-09-2025.jpg');
    }
    .page-banner .title {font-size: 21px;}
    .page-banner .text {font-size: 18px;}
    .page-banner .plate {font-size: 27px; width: 60%;}
    .page-banner .plate span {font-size: 13px;}
    .page-banner .banner-img {width: 60%;}
    .page-banner .plate sup {font-size: 13px;}
    .page-banner .plate sup::after {right: -5px; top: 0;}
    .bestoffer .title {font-size: 24px;}
    .models .model .model-title {font-size: 28px; line-height: 1;}
    .models .model .model-title-postfix {font-size: 20px; line-height: 1;}
    .start-quiz .title {font-size: 32px; line-height: 1;}
    .start-quiz .subtitle {font-size: 22px;}
    .start-quiz .text {font-size: 16px;}
    .corp {background: var(--yablack) url('../images/corp-m.jpg?2') no-repeat bottom center; background-size: contain; height: 700px;}
}
@media (max-width: 413.98px) {
}
@media (max-width: 379.98px) {
}
@media (max-width: 339.98px) {
}




.cookie {
	background-color: rgba(0, 0, 0, .8);
	z-index: 1000;
	display: none;
}
@media (max-width: 991px) {
	.cookie {
		min-height: 200px;
	}
}