@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

:root {
    --font-size-base: calc(10 / 1440 * 100vw);
    --font-size-base-mobile: calc(10 / 393 * 100vw);
    --main-color: #a4896cc5;
    --font-size-base-desktop: calc(10 / 1440 * 100vw);
}

@font-face {
    font-family: 'Conthrax';
    src: url('/static/fonts/Conthrax-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

a {
    color: inherit;
    cursor: pointer;
    text-decoration: none;
}

nav li {
    list-style-type: none;
}

html {
    width: 100%;
    font-size: var(--font-size-base);
}

html.smooth-scroll {
    scroll-behavior: smooth;
}

html:has(.fancybox-active) {
    overflow: hidden;
}

[id]{
    scroll-margin-top: 5rem;
}

@media (min-width: 1920px) {
    html {
        font-size: var(--font-size-base-desktop);
    }
}

body {
    font-family: 'Poppins', sans-serif;
    width: 100%;
    font-size: 1rem;
    color: #000;
    overflow-x: hidden;
}

html:has(.news_rubric), body:has(.news_rubric) {
    height: 100%;
}


img {
    max-width: 100%;
    display: block;
    object-fit: cover;
    border-radius: inherit;
}

section {
    position: relative;
}

.bg-wrapper {
    position: absolute;
    inset: 0;
    z-index: -1;
    border-radius: inherit;
}

.bg-wrapper img,
.bg-wrapper video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.container {
    max-width: 128rem;
    margin: 0 auto;
    padding: 0 2rem;
    width: 100%;
}

.container-xs {
    max-width: 84rem;
    margin: 0 auto;
    padding: 0 2rem;
    width: 100%;
}

.container-xl {
    max-width: 140rem;
    margin: 0 auto;
    width: 100%;
    padding: 0 2rem;
}

.header {
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
        background-color: #D9D9D9;
    color: #000;
    font-size: 1rem;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.header .logo {
    width: 6rem;
    height: 3.5rem;
}

.header .logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.header.active .logo {
    filter: none;
}

.form_img .logo {
    position: absolute;
    top: 2.62rem;
    left: 50%;
    transform: translateX(-50%);
    width: 5.6rem;
    height: 2.1rem;
    filter: brightness(0) invert(1);
}

.header.active {


}

.header .contacts_header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 0;
    background: #CECECECC;
    font-size: 1rem;
    backdrop-filter: blur(100px);
    -webkit-backdrop-filter: blur(100px);
}

.contacts_header .container {
    padding: 0;
    
}

.location {
    display: flex;
    align-items: center;
    gap: 5px;
}

.location::before {
    content: '';
    width: 0.9rem;
    height: 0.9rem;
    background-image: url('/static/img/location.svg');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
}

.right_container {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 1rem;
}

.socials {
    display: flex;
    align-items: center;
    gap: 1rem;
}


.location_container {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.separator {
    width: 1px;
    height: 100%;
    background-color: #000;
    opacity: 0.1;
    max-height: 1.5rem;
}


.header .main_header {
    padding: 1.2rem 0rem;

}


.menu a {
    height: 100%;
    position: relative;
}

.menu a::after {
    content: '';
    position: absolute;
    bottom: -2.3rem;
    left: 0;
    width: 0;
    transition: all 0.2s ease;
    height: 3px;
    background-color: rgba(95, 67, 43, 0.5);
    pointer-events: none;
}


.menu .open_models_menu::after {
    bottom: 0.1rem;
}

.menu a:hover::after {
    content: '';
    position: absolute;
    width: 100%;
    background-color: rgba(95, 67, 43, 0.5);
}

.menu .open_models_menu {
    padding: 2.4rem 0;
    margin: -2.4rem 0;
}

.header .container {
    display: flex;
    position: relative;
    align-items: center;
}

.menu {
    margin-left: 6.3rem;
}

nav ul {
    display: flex;
    align-items: center;
    gap: 2.3rem;
    text-transform: uppercase;
}

.lang-select {
    margin-left: auto;
    display: flex;
    gap: 1.4rem;
}

.lang_item {
    opacity: 0.2;
    transition: all 0.3s ease;
}

.lang_item:hover {
    opacity: 0.8;
}

.lang_item.active {
    opacity: 1;
}

.title-font {
    font-family: 'Conthrax', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
}

.title-font-normal {
    text-transform: none;
}

.font-default {
    font-family: 'Poppins', sans-serif;
}

.title-font-lowercase {
    text-transform: lowercase;
}

.banner {
    position: relative;
    height: 64rem;
    min-height: 600px;
    transition: all 0.3s ease;
}

.home .banner .container {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: 100%;
    padding: 0;
    z-index: 1;
    pointer-events: none;
}

.relative {
    position: relative;
}

.banner .container .relative {
    width: 100%;
    height: 100%;
}

.banner .bg-wrapper:before{content:'';position:absolute;inset:0;background-color:#000; opacity: 0.4;}

.banner .bg-wrapper.transparent:before{background-color:rgba(0, 0, 0, 0); opacity: 0;}


.banner_slider {
    width: 100%;
    height: 100%;
}

.banner .swiper-pagination {
    position: absolute;
    display: block;
    bottom: 3.6rem;
}

.banner .swiper-pagination-bullet {
    background: rgba(255, 255, 255, 0.5);
    width: 6rem;
    height: 0.2rem;
    opacity: 1;
    border-radius: 0;
}

.banner .swiper-pagination-bullet-active {
    background: #fff;
}

.model_title {
    position: absolute;
    left: 7.7rem;
    bottom: 9.3rem;
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.model_title .text {
    font-family: 'Conthrax', sans-serif;
    margin: 1rem 0 2.6rem;
    line-height: 1.4;
}

.model .banner .text {
    font-size: 1.5rem;
}

.model_title .btn {
    font-size: 1.5rem;
    text-transform: uppercase;
    padding: 1.5rem 6.9rem;
}

.model_title.rt {
    left: auto;
    bottom: auto;
    right: 12.6rem;
    top: 16.4rem;
}

[color="phev"] {
    color: #A6F87E;
}

[color="white"] {
    color: #fff;
}

[color="ice"] {
    color: #E74749;
}

.model .btn-group {
    justify-content: flex-start;
    width:100%;
    gap: 1.8rem;
}

.model .btn-group img {width: 100%;}




.model .banner-content-btn {
    flex-direction: column;
    align-items: flex-start;
    gap: 1.6rem;
    display: flex;
}

.model .btn-group .btn {
    width: revert;
    flex: 1;
    font-size: 1rem;
    justify-content: center;
    text-align: center;
    padding: 1rem;
    white-space: nowrap;
    flex-shrink: 0;
}

.model_title_name {
    font-size: 3.2rem;
    font-family: 'Conthrax', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
}

.model_title_name img {
    max-width: 34rem;
    min-width: 30rem;
}

.model_menu {
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    background: #EFEFEFCC;
    backdrop-filter: blur(10px);
    color: #000;
    display: flex;
    align-items: center;
    gap: 3rem;
    padding: 1.8rem 0;
}

.model_menu .container {
    display: flex;
    align-items: center;
    gap: 3rem;
    width: 100%;
}

.model_menu_list {
    display: flex;
    gap: 2.9rem;
    text-transform: uppercase;
    font-size: 1rem;
    list-style: none;
}

.model_menu_image {
    max-height: 2.4rem;
    min-height: 2rem;
}

.model_menu .btn-cotnainer {
    margin-left: auto;
    display: flex;
    gap: 1.4rem;
}

.model_menu .btn-cotnainer .btn {
    font-size: 1rem;
    text-transform: uppercase;
    padding: 0.8rem 1.6rem;
}

.divide_section {
    height: 100svh;
    min-height: 60rem;
    background: #F3EDE8;
    position: relative;
    transition: all 0.3s ease;
}

.appear_fade {
  animation: fade-in-up 1s ease;
  animation-play-state: paused;
}

.fade_out {
    animation: fade-out 1s ease;
    animation-play-state: paused;
}

.animated {
  animation-play-state: running;
}

@keyframes fade-in-up {
  from {
    opacity: 0;
    transform: translateY(3rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.appear_fade.active {
    opacity: 1;
    transform: translateY(0);
}

.divide_section_content {
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: center;
    transform: translate(-50%, -50%);
}

.divide_section_title {
    font-size: 4.8rem;
    font-weight: 700;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-background-clip: text;
    -moz-text-fill-color: transparent;
    background-image: linear-gradient(90deg, #554840, #8D7A6C);
}

.text-md {
    font-size: 1.6rem;
}

.divide_section_content .text-md {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-background-clip: text;
    -moz-text-fill-color: transparent;
    background-image: linear-gradient(90deg, #554840, #8D7A6C);
    font-weight: 700;
    line-height: 1.25;
}

.banner-title {
    font-size: 5.5rem;
    line-height: 1;
    text-align: end;
    position: absolute;
    right: 8.3rem;
    z-index: 2;
    top: 9.8rem;
}

[bg="gray_gradient"] {
    background: linear-gradient(180deg, #9F9E9C 0%, #DAD3CD 100%);
}

[bg="brown"] {
    background-color: #A38E78;
    color: #fff;
}

[bg="brown_gradient"] {
    background: linear-gradient(180deg, #A38E78 0%, #554840 100%);
}

[bg="light_brown"] {
    background-color: #E1D7CB;
    color: #807160;
}

[bg="beige"] {
    background-color: #F2F1ED;
}

.models_section {
    padding: 6.7rem 0 7.8rem;
}

.models_color_item_title.active {
    opacity: 1;
}

.models_color_list {
    font-size: 3.44rem;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4.6rem;
    margin-bottom: 3.4rem;
}

.separator {
    width: 1px;
    height: 2.7rem;
    background-color: #000;
    opacity: 0.3;
}

.models_color_item_title {
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
    opacity: 0.3;
    transition: all 0.3s ease;
    justify-content: center;
    text-align: center;
}

.models_color_item_title .subtitle {
    font-size: 0.8rem;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    color: #000;
    text-transform: none;
}

.models_title {
    display: flex;
    align-items: center;
    gap: 1.4rem;
    justify-content: center;
}

.models_title_item {
    align-items: center;
    justify-content: center;
    gap: 9.7rem;
    display: none;
    font-size: 2rem;
}

.models_title_item.active {
    display: flex;
}

.models_title_item_title {
    position: relative;
    cursor: pointer;
}

.models_title_item_title::after {
    content: '';
    position: absolute;
    bottom: -0.5rem;
    left: 0;
    height: 4px;
    background: #A4896C;
    width: 0;
    transition: all 0.3s ease;
}

.models_title_item_title.active::after {
    width: 100%;
}

.models_slider {
    display: none;
    position: relative;
    height: 45rem;
}

.models_menu {
    display: flex;
    background: #B2A9A2;
    margin: 0 auto;
    position: absolute;
    width: 100%;
    left: 0;
    top: 100%;
    color: #fff;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
}

.models_menu.active {
    max-height: 55.2rem;
}


.container-lg {
    max-width: 131.5rem;
    width: 100%;
    padding: 0 2rem;
    margin: 0 auto;
    position: relative;
}

.models_menu .container-lg {
    display: flex;
    max-width: 100%;
    margin: 0;
    padding: 0;
    padding-left: 5rem;
}


.models_menu_list {
    display: flex;
    flex-direction: column;
    padding: 5.8rem 0;
    flex: 1;
    flex: revert;
    gap: 2.4rem;
    width: 29%;
    padding-right: 5rem;
}


.active .models_menu_list {
    overflow-y: auto;
}

.header .models_menu_slider {
    height: 55.2rem;
    max-height: 100vh;
    min-height: 0;
    width: 100%;
    max-width: 71%;
    overflow: hidden;
}

.header.static {
    position: relative;
}

.models_slider.active {
    display: block;
}

.swiper-button-next,
.swiper-button-prev {
    width: 5rem;
    height: 5rem;
    background-color: #D9D9D9;
    border-radius: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    font-size: 2.4rem;
    transition: all 0.3s ease;
}


.models_section .swiper-button-next,
.models_section .swiper-button-prev {
  opacity: 0;
}

.models_section:hover .swiper-button-next,
.models_section:hover .swiper-button-prev {
    opacity: 1;
}

.banner .swiper-button-next,
.banner .swiper-button-prev {
    background: transparent;
    pointer-events: auto;
}

.banner .swiper-button-prev {
    left: 0;
    justify-content: flex-start;
}

.banner .swiper-button-next {
    right: 0;
    justify-content: flex-end;
}

.banner .swiper-button-next:after,
.banner .swiper-button-prev:after {
    color: #fff;
    font-size: 2.4rem;
}

.models_section:hover .swiper-button-disabled {
    opacity: 0.3;
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-size: 1.2rem;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
    background-color: #A4896C;
    color: #fff;
}

.banner .swiper-button-next:hover,
.banner .swiper-button-prev:hover {
    background: transparent;
}

.banner .swiper-button-next:hover:after,
.banner .swiper-button-prev:hover:after {
    color: #A4896C;
}

.model_img {
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
    object-fit: cover;
    width: 85rem;
    height: 50rem;
    z-index: 1;
    display: flex;
    align-items: center;
    pointer-events: none;
    justify-content: center;
    transition: left 2s ease-in-out, opacity 2s ease-in-out;
}

.models_menu .model_img {
    position: static;
    transform: none;
    width: 100%;
    height: 30rem;
    object-fit: cover;
    margin: 0 auto;
}

.models_menu .drive_animation {
    transform: translateX(100%);
}

.models_menu .model_specs {
    position: static;
    color: #000;
}

.models_menu_slider .row {
    align-items: flex-end;
}

.models_menu_slider .swiper-slide {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    padding-bottom: 2.8rem;
    padding-right: 7.5rem;
    padding-left: 6.9rem;
    background: linear-gradient(180deg, #9F9E9C 0%, #DAD3CD 100%);
    gap: 3rem;
}

.series_title {
    top: 7.2rem;
    z-index: 0;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    font-size: 9.6rem;
    font-family: 'Conthrax', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    color: #979797;
}

.flex {
    display: flex;
}

.row {
    display: flex;
    width: 100%;
}

.models_menu_slider .explore_btn {
    max-width: 25.3rem;
    margin-left: auto;

}

.models_menu .model_spec_item_value {
    font-size: 3.6rem;
}

.models_menu .drive_animation.active {
    transform: translateX(0);
}

.models_menu_item_title {
    cursor: pointer;
}


.drive_animation {
    left: 100%;
    opacity: 0;
}

.drive_animation.active {
    left: 50%;
    opacity: 1;
}


.accordion {
    display: flex;
    flex-direction: column;
    transition: all 0.3s ease;
}

.accordion_header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}

.accordion_header:after {
    content: '';
    width: 1.5rem;
    height: 1.5rem;
    background-image: url('/static/img/plus 1.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition: transform 0.3s ease;
}

.accordion.active .accordion_header:after {
    transform: rotate(225deg);
}

.accordion_content {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    will-change: opacity, max-height;
    transition: opacity 0.3s ease, max-height 0.2s ease;
}

.accordion_content > * {
    padding: 2.4rem 0 0;
}

.set_model_menu {
    transition: color 0.3s ease;
}

.set_model_menu.active {
    color: #CCCCCC;
}

.accordion.active .accordion_content {
    max-height: 100rem;
    opacity: 1;
}

.models_menu_item_title {
    font-size: 2rem;
    font-family: 'Conthrax', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
}

.accordion_content .models_menu_item_title {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
}


.model_specs {
    position: absolute;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: stretch;
    gap: 2.5rem;
}

.model_specs_item {
    display: flex;
    flex-direction: column;
}

.model_spec_item_title {
    font-size: 1.2rem;
}

.model_spec_item_value {
    font-size: 6.4rem;
    line-height: 1;
    font-weight: 400;
}

.model_spec_item_value_unit {
    font-size: 2rem;
    line-height: 1;
    font-weight: 400;
}

.btn {
    font-size: 2rem;
    line-height: 1;
    font-weight: 400;
    color: #fff;
    background-color: #a4896cc5;
    padding: 1.7rem 2.5rem 1.8rem;
    transition: all 0.3s ease;
    display: flex;
    outline: none;
    border: none;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border-radius: 0.5rem;
}

.btn-gray {
    background: #DDDDDD73;
    backdrop-filter: blur(2px);
    color: #000;
}

.btn:hover {
    background-color: #8d7255;
    color: #fff;
}


.btn-gray:hover {
    background: rgba(221, 221, 221, 1);
    backdrop-filter: blur(10px);
    color: #000;
}

.models_slider .btn {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 2;
    width: 40.8rem;
}


.section_title {
    font-size: 3.4rem;
    font-family: 'Conthrax', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
}

.news_main .section_title {
    margin-bottom: 8.4rem;
}

.news_main {
    padding: 8.9rem 0 8.3rem;

}

.news_list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 2.3rem;
    row-gap: 8rem;
    width: 100%;
    align-content: flex-start;
    justify-items: start;
}

.news_block {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    position: relative;
    justify-content: flex-start;
}

.link_to {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 8;
}

.news_block_preview {
    width: 100%;
    min-width: 39.8rem;
    border-radius: 3.65px;
}

.news_block_preview img {
    width: 100%;
    transition: all 0.3s ease;
    max-height: 30.3rem;
    height: 30.3rem;
}

.news_block_content {
    padding-right: 2.6rem;
    padding-left: 2.2rem;
    cursor: pointer;
    flex: 1;
}

.news_date {
    margin-bottom: 1.5rem;
    color: #848484;
}

.news_block_content_title {
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
    height: 100%;
    padding-bottom: 3.7rem;
}

.text-sm {
    font-size: 1.4rem;
}

.text-lg {
    font-size: 2rem;
}

.news_title {
    font-size: 2rem;
    z-index: 2;
    transition: all 0.3s ease;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 4rem;
}

.news_link {
    font-size: 1.4rem;
    transition: all 0.3s ease;
    border-bottom: 1px solid #000;
    z-index: 2;
    text-transform: uppercase;
    margin-top: auto;
}

.news_block_content:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    transition: all 0.2s;
    background: linear-gradient(180deg, rgba(216, 216, 216, 1) 0%, rgba(151, 134, 116, 1) 100%);
    content: "";
    left: 0;
    height: 55%;
    max-height: 0;
    pointer-events: none;
    background-repeat: no-repeat;
}

.round_btn {
    margin: 0 auto;
    margin-top: 8.2rem;
    border-radius: 4rem;
    font-size: 1.6rem;
    padding: 1.5rem 0;
    width: 18.9rem;
    font-weight: 300;
}

.news_rubric {
    padding: 10.7rem 0 10rem;
}

.dealers_rubric {
    padding: 9.3rem 0 0;
}

.map {
    border-radius: 1rem;
    flex: 1 0 0;
}

.map iframe {
    width: 100% !important; 
    height: 100% !important;
    border-radius: 1rem;
}

.contacts_container {
    display: flex;
    align-items: stretch;
}

.contacts_info {
    display: flex;
    flex-direction: column;
}

.contacts_preview {
    width: 24.8rem;
    height: 7.9rem;
    border-radius: 1rem;
    overflow: hidden;
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff;
    padding-top: 0;
    font-size: 1.4rem;
    font-weight: 500;
    font-family: 'Conthrax', sans-serif;
    background: rgba(0, 0, 0, 0.15);
}

.contacts_content {background: #D9D9D9CC; padding: 1.5rem 1.8rem 2rem; display: flex; flex-direction: column; font-size: 1rem; border-radius: 1rem; line-height: 1.5;}

.contacts_content_address {
    margin-bottom: 1.5rem;
}

.dealer_attr {
    display: flex;
    align-items: flex-start;
    gap: 0.9rem;
    margin-bottom: 1rem;
}

.dealer_attr:last-child {
    margin-bottom: 0;
}

.dealer_attr:before {
    content: '';
    display: block;
    width: 1rem;
    height: 1rem;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transform: translateY(0.2rem);
}

.phone:before {
    background: url('/static/img/icons/phone.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.phone_number {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.email_address {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.phone_number::before {
    content: '';
    display: block;
    width: 1rem;
    height: 1rem;
    background: url('/static/img/icons/phone.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.email:before {
    background: url('/static/img/icons/email.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.www:before {
    background: url('/static/img/icons/www.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.work:before {
    background: url('/static/img/icons/time.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.news_rubric .section_title, .section_title.flex{
    margin-bottom: 4.4rem;
    display: flex;
    align-items: center;
    gap: 3rem;
}

.arrow_back, .arrow_back a, .arrow_back a img {
    width: 4.3rem;
    height: 4.3rem;
}

.arrow_back a img {
    transition: filter 0.3s ease;
    filter: opacity(0.5);
}

.arrow_back a:hover img {
    filter: opacity(1);
}


.news_block:hover .news_link {
    opacity: 1;
    border-bottom: 1px solid #fff;
    color: #fff;
    margin-top: auto;
}

.news_block:hover .news_title {
    -webkit-line-clamp: unset;
    -webkit-box-orient: unset;
    overflow: unset;
    color: #fff;
    text-overflow: unset;
}


.news_block:hover .news_block_preview img {
    max-height: 25rem;
    width: 100%;
}

.news_block:hover .news_block_content:after {
    opacity: 1;
    max-height: 55%;
}

.brand_core {
    padding: 3rem 0 2.6rem;
    color: #fff;
}

.brand_core .container {
    display: flex;
    gap: 1rem;
    align-items: flex-end;
}

.brand_core ul {
    list-style-type: none;
}

.brand_core_first_block {
    width: 47.4rem;
    position: relative;
    height: 48.2rem;
    border-radius: 3.65px;
}

.brand_core_first_block .bg-wrapper {
    overflow: hidden;
}

.brand_core_first_block img {
    transition: all 0.3s ease;
}

.brand_core_first_block:hover img {
    transform: scale(1.05);
}

.brand_core_first_block .title-sm {
    position: absolute;
    top: -10%;
    left: 0;
}

.fw-black {
    font-weight: 900;
}

.title-sm {
    font-size: 2.5rem;
    text-transform: uppercase;
}

.title-md {
    font-size: 3.2rem;
    text-transform: uppercase;
}

.brand_core_tiles {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 1rem;
    row-gap: 0.9rem;
    flex: 1;
    height: 62.3rem;
}

.brand_core_tile {
    position: relative;
    padding: 2.5rem 2.1rem 1.7rem 1.1rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
    border-radius: 3.65px;
}

.brand_core_tile img {
    transition: all 0.3s ease;
}

.brand_core_tile:hover img {
    transform: scale(1.05);
}

.brand_core_tile .text-lg {
    align-self: flex-end;
    text-transform: uppercase;
}

.brand_core_tile .tile_content {
    align-self: flex-start;
}

.form_main {
    padding: 8.8rem 0 10rem;
}

.form_main .form_wrapper {
    min-height: 52.1rem;
}

.form_main .section_header {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3rem;
    margin-bottom: 8.1rem;
}

.fw-300 {
    font-weight: 300;
}

.form_wrapper {
    display: flex;
    border-radius: 0.5rem;
    background: transparent;
}

.form_wrapper .text-lg {
    flex: 1;
    margin-bottom: 3.7rem;
    text-align: center;
}

.form_wrapper .text-lg.success_message {
    margin-bottom: 0;
    justify-content: center;
}

.success_message {
    display: none;
}

.errorMessage {
    color: #DE4242;
    font-size: 1rem;
    margin-top: 0.5rem;
}

.form_img {
    width: 50%;
    border-radius: 0.5rem;
    position: relative;
    box-shadow: 0 0 100px 5px rgba(0, 0, 0, 0.25) ;
    background: rgba(0, 0, 0, 0.3);
}

.form_img .bg-wrapper img {
    transition: all 0.3s ease;
    opacity: 0;
    display: none;
}

.form_img .bg-wrapper img.active {
    display: block;
    opacity: 1;
}

.form_img .bg-wrapper img.pc.active {
    display: block;
}

.form_img .bg-wrapper img.mob.active {
    display: none;
}

.form_container {
    border-radius: 0.5rem;
    width: 50%;
    display: flex;
    background: #F1F1F1;
    flex-direction: column;
    box-shadow: 0 0 100px 5px rgba(0, 0, 0, 0.25) ;
    padding: 3.9rem 4.8rem ;
    z-index: 2;
}

.form_row {
    width: 100%;
    margin-bottom: 2.1rem;
    position: relative;
}

.form_field {
    width: 100%;
    padding: 1.5rem 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align-last: center;
    border-radius: 0.5rem;
    font-size: 1.4rem;
    line-height: 1.5;
    color: #000;
    border: none;
    text-align: center;
    font-weight: 300;
    background-color: transparent;
    background: #D9D9D9;
    cursor: pointer;
}

.dealers_select {
    display: none;
    flex-direction: column;
    gap: 1.5rem;
    width: 100%;
    padding: 1rem;
    margin-top: 2.3rem;
}

.dealers_select.active {
    display: flex;
}

.dealers_select_city_list_item {
    font-size: 0.8rem;
    flex-direction: column;
    align-items: flex-start;
    background: #fff;
    width: 100%;
}



.dealers_select_city {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    align-items: flex-start;
}

.dealers_select_placeholder {
    font-weight: 400;
    padding: 0 !important;
    width: 99%;
}


select.form_field {
    appearance: none;
}

.form_field::-webkit-input-placeholder {
    font-weight: 300;
}

.form_field::-moz-placeholder {
    font-weight: 300;
}

.form_field:-ms-input-placeholder {
    font-weight: 300;
}

.form_row:has(.form_field:required):after {
    content: '*';
    color: #DE4242;
    position: absolute;
    right: 0.83rem;
    font-size: 1.4rem;
    top: 0.4rem;
}

.form_field::placeholder {
    color: #000;
    font-weight: 300;
    transition: all 0.3s ease;
}

.form_field:focus {
    outline: 1px solid #D9D9D9;
    border: none;
    background: #fff;
}

.dealers_select_placeholder:focus {
    background: #d9d9d9;
    outline: 1px solid #D9D9D9;
}


.form_field:focus::placeholder {
    opacity: 0.4;
}


/* Custom file input styles */
.file-input-wrapper {
    position: relative;
    width: 100%;
}

.file-input {
    position: absolute;
    opacity: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    z-index: 2;
}

.file-input-label {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 1.5rem 1.6rem;
    background-color: #D9D9D9;
    border-radius: 0.5rem;
    font-size: 1.4rem;
    font-weight: 300;
    color: #000;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
}

.file-input-label::after {
    content: "";
    background: url('/static/img/clip.svg') no-repeat center center;
    width: 1.6rem;
    background-size: cover;
    height: 1.6rem;
    position: absolute;
    top: 1.3rem;
    right: 0.8rem;
    transition: all 0.3s ease;
}

.file_input_message {
    position: absolute;
    top: 1.3rem;
    right: 0.8rem;
    cursor: pointer;
    z-index: 2;
    background: url('/static/img/clip.svg') no-repeat center center;
    background-size: cover;
    width: 1.6rem;
    height: 1.6rem;
    transition: all 0.3s ease;
}

.file_input_message.has-file {
    background: #22c55e !important;
    border-radius: 50%;
}

.file_input_message.has-file::after {
    content: "✓";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    font-size: 1rem;
    font-weight: bold;
    background: none !important;
    width: auto;
    height: auto;
}

.file_input_message.has-error {
    background: #ef4444 !important;
    border-radius: 50%;
    position: relative;
}

.file_input_message.has-error::after {
    content: "✕";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    font-size: 1rem;
    font-weight: bold;
    background: none !important;
    width: auto;
    height: auto;
}

.file_name_display {
    margin-top: 0.5rem;
    font-size: 1.2rem;
    color: #666;
    min-height: 1.5rem;
    word-break: break-all;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.file_name_display.show {
    opacity: 1;
}

.file_name_display.valid {
    color: #22c55e;
}

.file_name_display.invalid {
    color: #ef4444;
}

.file_name_display::before {
    content: "📎 ";
    margin-right: 0.3rem;
}

.file_name_display.valid::before {
    content: "";
    color: #22c55e;
}

.file_name_display.invalid::before {
    content: "✕ ";
    color: #ef4444;
}

.file-input:focus+.file-input-label {
    outline: 1px solid #D9D9D9;
    background: #fff;
}

.file-input-wrapper:hover .file-input-label {
    background-color: #CECECE;
}

.file-input-wrapper:hover .file-input-label::after {
    color: #333;
}

.form_field[type="file"] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    position: relative;
    cursor: pointer;
}

.form_field[type="file"]::-webkit-file-upload-button {
    display: none;
}

.form_field[type="file"]::-moz-file-upload-button {
    display: none;
}

.form_field[type="file"]::file-selector-button {
    display: none;
}

.agreement {
    margin-bottom: 3rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    color: rgba(0, 0, 0, 0.5);
}

.agreement_checkbox {
    width: 1.2rem;
    height: 1.2rem;
    accent-color: #A4896C;
    cursor: pointer;
    border-radius: 0.2rem;
    transform: translateY(-0.2rem);
    border: 1px solid rgba(0, 0, 0, 0.5);
}

.agreement label {
    font-size: 1.2rem;
    font-weight: 300;
    cursor: pointer;
    line-height: 1.4;
}

.agreement a {
    color: #A4896C;
    text-decoration: underline;
}

.agreement a:hover {
    color: #8B7355;
}

.btn_red {
    font-size: 1.4rem;
    font-weight: 200;
    padding: 1.5rem 0;
    border-radius: 0.5rem;
    border: none;
    cursor: pointer;
    transition: all 0.3s ease;
    width: 100%;
}

.popup_form .success_message {
    min-height: 25rem;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.btn.loading,
.btn_red.loading {
    background-color: #554840;
    cursor: not-allowed;
    position: relative;
}

.loading-spinner {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 8px;
    border: 2px solid #fff;
    border-top: 2px solid transparent;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* .btn_red:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(197, 48, 48, 0.3);
}

.btn_red:active {
    transform: translateY(0);
    box-shadow: 0 2px 6px rgba(197, 48, 48, 0.3);
} */

.file-input-wrapper .form_field {
    position: absolute;
}

.model .banner .banner-content {
    position: absolute;
    top: 10rem;
    left: 50%;
    transform: translateX(-50%);
    font-family: 'Conthrax', sans-serif;
    font-weight: 600;
    font-size: 7rem;
    line-height: 1;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    z-index: 2;
}

.model_specs_gabarites .bg-wrapper {
    z-index: 10;
}

.model_specs_profile {
    position: relative;
    z-index: 3;
    background: #fff;
}

.specs_list {
    display: flex;
    align-items: stretch;
    column-gap: 8.7rem;
    padding: 5.4rem 0;
    position: relative;
    z-index: 4;
    justify-content: center;
}

.specs_item {
    color: #fff;
    width: 26.1rem;
}

.specs_value {
    font-size: 4rem;
    font-weight: 400;
    border-bottom: 1px solid #fff;
    padding-bottom: 1rem;
}

h4 {
    font-size: 4rem;
    font-weight: 600;
}

h6 {
    font-size: 2.4rem;
}


.text-center {
    text-align: center;
}

.fw-500 {
    font-weight: 500;
}

.specs_title {
    text-align: end;
    font-size: 1.4rem;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 0.5rem;
}

.model_specs_profile .container {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.model_features_section {
    padding: 5.7rem 0 5.9rem;
    background: #fff;
    z-index: 3;
}

.model_features_grid {
    display: flex;
    flex-flow: wrap;
    column-gap: 2.4rem;
    row-gap: 2.4rem;
}

.model_feature_item {
    position: relative;
    color: #fff;
    display: flex;
    align-items: flex-end;
    padding-right: 2.8rem;
    font-size: 2.2rem;
    overflow: hidden;
    padding-left: 0.9rem;
}

.model_feature_item:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    z-index: 0;
}

.model_feature_item_text {
    position: relative;
    z-index: 2;
}

.model_feature_item img {
    transition: all 0.3s ease;
}

.model_feature_item:hover img{
    transform: scale(1.1);
}

.model_feature_item_1 {
    width: 35.6rem;
    height: 44.4rem;
    padding-bottom: 2.8rem;
}

.model_feature_item_2 {
    flex-shrink: 0;
    flex-grow: 1;
    padding-bottom: 3.7rem;
    justify-content: flex-end;
    width: 50%;
}

.model_feature_item_3 {
    width: 50%;
    height: 40.6rem;
    flex-shrink: 0;
    flex-grow: 1;
    padding-bottom: 3.5rem;
}

.model_feature_item_4 {
    justify-content: flex-end;
    padding-bottom: 3.5rem;
    width: 48%;
    height: 40.6rem;
    flex-shrink: 0;
    flex-grow: 1;
}

.model_feature_item_5 {
    width: 100%;
    height: 47.6rem;
    padding-bottom: 3.2rem;
    justify-content: flex-end;
}

.model_feature_row {
    display: flex;
    gap: 2.4rem;
}

.model_parts {
    padding: 10.7rem 0 9.9rem;
    background: #fff;
    z-index: 3;
}

.model_parts_list {
    display: flex;
    column-gap: 1.9rem;
    padding-bottom: 2.4rem;
    border-bottom: 1px solid #000;
}

.model_parts_block {
    flex: 1;
}

.model_parts_block .model_parts_img img {
    transition: all 0.3s ease;
    width: 100%;
    height: 100%;
}

.model_parts_block:hover .model_parts_img img{
    transform: scale(1.05);
}

.model_parts_img {
    /* width: 39rem; */
    margin-bottom: 2.1rem;
    /* height: 39rem; */
    overflow: hidden;
}

.tiggo_4_csh_page .model_parts_block {text-align: center;}

.fw-500 {
    font-weight: 500;
}

.model_contact_section {
    padding: 8.8rem 0;
    color: #fff;
}

.title {
    font-size: 4.8rem;
    font-weight: 700;
}

.model .title h1 {
    font-size: 5rem;
    font-weight: 500;
    line-height: 1;
    font-family: 'Conthrax', sans-serif;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    z-index: 2;
}

.model_contact_section .btn {
    max-width: 30.3rem;
    margin-top: 4.7rem;
}


main.news_single {
    padding: 6.5rem 0 15.7rem;
    margin-top: 8.4rem;
}

.container-sm {
    max-width: 110.4rem;
    margin: 0 auto;
    padding: 0 2rem;
    width: 100%;
}

.news_single .news_title {
    font-weight: 700;
    font-size: 3.2rem;
    margin-bottom: 2.4rem;
}

.news_single .news_date {
    color: #000;
    opacity: 1;
    margin-bottom: 4.5rem;
    font-weight: 700;
    font-size: 2rem;
}

.news_single .text {
    font-size: 2rem;
    font-weight: 300;
}

.news_single .text p, .news_single .text ul, .news_single .text ol {
    margin-bottom: 4.5rem;
    list-style-position: inside;
    li {
        margin-bottom: 2rem;
    }
}

.news_single a {
    color: #007bff;
}

.news_single p {
    width: 100%;
}

.news_single .text p b {
    font-weight: 700;
}

.news_single .text p:last-child {
    margin-bottom: 0;
}

.news_single .text p img, .news_single .text p iframe {
    width: 100%;
    margin: 0 auto;
    height: auto;
}

.news_single .text p iframe {
    aspect-ratio: 16/9;
}

.news_single .text p:first-child img {
    width: 100%;
    height: auto;
}

.news_control {
    display: flex;
    justify-content: center;
    text-transform: uppercase;
    gap: 10.7rem;
    margin-top: 13rem;
}

.news_control a {
    display: flex;
    align-items: center;
    gap: 1.7rem;
    color: inherit;
}

.news_control a.disabled {
    opacity: 0.6;
    pointer-events: none;
}

.news_prev::before {
    content: '';
    background-image: url('/static/img/right-arrow\ 4.svg');
    background-size: contain;
    background-repeat: no-repeat;
    width: 4.3rem;
    height: 4.3rem;
    display: block;
}

.news_next::after {
    content: '';
    background-image: url('/static/img/right-arrow\ 5.svg');
    background-size: contain;
    background-repeat: no-repeat;
    width: 4.3rem;
    height: 4.3rem;
    display: block;
}

.fancybox-bg {
    background: transparent;
    backdrop-filter: blur(20px);
}

.fancybox-is-open .fancybox-bg {
    opacity: 1;
}

.fancybox-inner {
    z-index: 0;
}

.fancybox-content.popup_form {
    padding: 0;
    min-width: 40%;
    max-width: 60rem;
    border-radius: 0.5rem;
}

.fancybox-content.popup_form .form_container {
    width: 100%;
    padding: 3.1rem 4.4rem 4.8rem 3.5rem;
    /* max-width: 60rem; */
}

.fancybox-content.popup_form .form_title {
    text-align: center;
    margin-bottom: 2.1rem;
}

.popup_form .form_field {
    padding: 1.5rem 0;
}

.popup_form .dealers_select_city_list_item {
    padding-left: 1.4rem;
    padding-right: 1.4rem;
    transition: filter 0.4s ease-in-out;
}

.dealers_select_city_list_item:hover {
    filter: brightness(0.8);
}

.fancybox-content.popup_form .form_row {
    margin-bottom: 2.3rem;
}


.fancybox-content.popup_form .form_row {}

.noscroll {
    overflow: hidden;
}

.cookies_popup {
    position: fixed;
    bottom: 0;
    transition: bottom 0.6s ease, opacity 0.6s ease;
    left: 4.8rem;
    right: 4.9rem;
    background: #978674;

    gap: 3.8rem;
    padding: 3.4rem 7.2rem 4.6rem;
    opacity: 0;
    z-index: -1;
}

.cookies_popup.active {
    bottom: 4.6rem;
    opacity: 1;
    z-index: 1000;
}

.cookies_popup .close_btn {
    position: absolute;
    left: 2.3rem;
    top: 1.8rem;
    width: 2.4rem;
    height: 2.4rem;
    cursor: pointer;
}

.cookies_popup_content {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.fw-700 {
    font-weight: 700;
}

.cookies_popup_btns {
    display: flex;
    flex-direction: row;
    gap: 1.5rem;
    flex-shrink: 0;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 1.5rem;
}

.cookies_popup_btns .btn {
    flex-shrink: 0;
    min-width: 12rem;
    font-size: 1rem;
    padding: 1rem 1.4rem;
    white-space: nowrap;
}

.cookies_policy_link {
    color: #fff;
    text-decoration: underline;
    margin-left: 0.5rem;
}

.cookies_policy_link:hover {
    color: #ffffff5e;
}

/* Cookie Settings Modal */
.cookie-settings-modal {
    max-width: 60rem;
    width: 90vw;
    max-height: 80vh;
    overflow-y: auto;
    background: white;
    border-radius: 1rem;
    padding: 3rem;
}

.cookie-settings-header {
    margin-bottom: 3rem;
}

.cookie-settings-header h3 {
    font-size: 2.4rem;
    font-weight: 700;
    margin-bottom: 1rem;
    color: #333;
}

.cookie-settings-header p {
    font-size: 1.4rem;
    line-height: 1.6;
    color: #666;
}

.cookie-categories {
    margin-bottom: 3rem;
}

.cookie-category {
    border: 1px solid #e0e0e0;
    border-radius: 0.8rem;
    padding: 2rem;
    margin-bottom: 1.5rem;
}

.cookie-category:last-child {
    margin-bottom: 0;
}

.cookie-category-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

.cookie-category-header h4 {
    font-size: 1.6rem;
    font-weight: 600;
    color: #333;
    margin: 0;
}

.cookie-toggle {
    position: relative;
    display: inline-block;
    width: 5rem;
    height: 2.8rem;
    cursor: pointer;
}

.cookie-toggle input {
    opacity: 0;
    width: 0;
    height: 0;
}

.toggle-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: 0.3s;
    border-radius: 2.8rem;
}

.toggle-slider:before {
    position: absolute;
    content: "";
    height: 2.2rem;
    width: 2.2rem;
    left: 0.3rem;
    bottom: 0.3rem;
    background-color: white;
    transition: 0.3s;
    border-radius: 50%;
}

.cookie-toggle input:checked + .toggle-slider {
    background-color: var(--main-color, #007bff);
}

.cookie-toggle input:checked + .toggle-slider:before {
    transform: translateX(2.2rem);
}

.cookie-toggle input:disabled + .toggle-slider {
    background-color: #a4896cc5;
    cursor: not-allowed;
}

.cookie-category p {
    font-size: 1.2rem;
    line-height: 1.5;
    color: #666;
    margin: 0;
}

.cookie-settings-footer {
    display: flex;
    gap: 1.5rem;
    justify-content: flex-end;
    flex-wrap: wrap;
}

.cookie-settings-footer .btn {
    min-width: 12rem;
    padding: 1.2rem 2rem;
    font-size: 1.4rem;
}

/* Cookie Policy Table Styles */
.cookie-table-wrapper {
    overflow-x: auto;
    margin: 2rem 0;
    border-radius: 0.8rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.cookie-table, .text table {
    width: 100%;
    border-collapse: collapse;
    background: white;
    font-size: 1.4rem;
    table-layout: fixed;
}

.cookie-table th, .text table th {
    background: #f8f9fa;
    padding: 1.5rem 1rem;
    text-align: left;
    font-weight: 600;
    color: #333;
    border-bottom: 2px solid #dee2e6;
}

.cookie-table td {
    padding: 1.2rem 1rem;
    border-bottom: 1px solid #dee2e6;
    vertical-align: top;
}

.cookie-table tr:hover {
    background: #f8f9fa;
}

.cookie-table code {
    background: #e9ecef;
    padding: 0.2rem 0.4rem;
    border-radius: 0.3rem;
    font-family: 'Courier New', monospace;
    font-size: 1.2rem;
    color: #d63384;
}

/* Мобильные стили для таблиц */
@media (max-width: 768px) {
    .cookie-table-wrapper {
        margin: 1rem 0;
        border-radius: 0.5rem;
        position: relative;
    }

    .cookie-table-wrapper::after {
        content: '← прокрутите →';
        position: absolute;
        top: -2rem;
        right: 0;
        font-size: 1.2rem;
        color: #666;
        font-style: italic;
    }

    .cookie-table {
        font-size: 1.2rem;
        /* min-width: 600px; */
    }

    .cookie-table th,
    .cookie-table td {
        padding: 0.8rem 0.5rem;
        text-overflow: ellipsis;
        word-wrap: break-word;
    }

    .cookie-table th:first-child,
    .cookie-table td:first-child {
        position: sticky;
        left: 0;
        background: white;
        z-index: 1;
        box-shadow: 2px 0 4px rgba(0,0,0,0.1);
    }

    .cookie-table th:first-child {
        background: #f8f9fa;
    }

    .cookie-table tr:hover th:first-child,
    .cookie-table tr:hover td:first-child {
        background: #f8f9fa;
    }
}

@media (max-width: 480px) {
    .cookie-table {
        font-size: 1rem;
        /* min-width: 500px; */
    }

    .cookie-table th,
    .cookie-table td {
        padding: 0.6rem 0.3rem;
    }

    .cookie-table code {
        font-size: 1rem;
        padding: 0.1rem 0.3rem;
    }
}

/* Стили для планшетов */
@media (min-width: 481px) and (max-width: 768px) {
    .cookie-table-wrapper::after {
        content: '← прокрутите →';
        position: absolute;
        top: -2.5rem;
        right: 0;
        font-size: 1.4rem;
        color: #666;
        font-style: italic;
    }

    .cookie-table {
        font-size: 1.3rem;
    }

    .cookie-table th,
    .cookie-table td {
        padding: 1rem 0.8rem;
    }
}

#warranty__page td {
    padding: 2.5rem;
}

/* Общие мобильные стили для заголовков */
@media (max-width: 768px) {
    h1 {
        font-size: 2.4rem;
        margin-bottom: 1.5rem;
    }

    h2 {
        font-size: 2rem;
        margin-bottom: 1.2rem;
    }

    h3 {
        font-size: 1.6rem;
        margin-bottom: 1rem;
    }

    p {
        font-size: 1.2rem;
        line-height: 1.6;
        margin-bottom: 1rem;
    }

    td {
        vertical-align: top;
        padding: 1rem;
        max-width: 21%;
    }

    td p, td {
        font-size: 1rem;
    }

    td[width="18%"] {
        width: 18%;
        min-width: 30rem;
    }

    td[width="22%"] {
        width: 22%;
    }

    .privacy_notice .container{
        padding: 0 1rem;
    }

    td td {
        max-width: 10rem;
    }


}

   strong {
        font-weight: 600;
    }

/* Альтернативный вид для очень маленьких экранов */
@media (max-width: 360px) {
    .cookie-table-wrapper {
        overflow-x: visible;
    }

    .cookie-table {
        display: block;
        min-width: auto;
    }

    .cookie-table thead {
        display: none;
    }

    .cookie-table tbody {
        display: block;
    }

    .cookie-table tr {
        display: block;
        margin-bottom: 1.5rem;
        padding: 1rem;
        border: 1px solid #dee2e6;
        border-radius: 0.5rem;
        background: white;
    }

    .cookie-table td {
        display: block;
        padding: 0.5rem 0;
        border: none;
        position: relative;
        padding-left: 8rem;
    }

    .cookie-table td::before {
        content: attr(data-label);
        position: absolute;
        left: 0;
        top: 0.5rem;
        font-weight: 600;
        color: #333;
        width: 7rem;
    }

    /* Улучшение кнопки для мобильных */
    .btn {
        display: block;
        width: 100%;
        margin: 1rem 0;
        padding: 1rem;
        font-size: 1.4rem;
        text-align: center;
    }

    /* Улучшение списка браузеров */
    ul {
        padding-left: 1.5rem;
    }

    li {
        margin-bottom: 0.8rem;
        word-break: break-all;
    }

    li a {
        font-size: 1.2rem;
        word-break: break-all;
    }
}

.btn_transparent {
    background: transparent;
    border: 1px solid #000;
    color: #000;
}

.btn_transparent_white {
    background: transparent;
    border: 1px solid #fff;
    color: #fff;
}

/* .btn_outline {
    background: transparent;
    border: 1px solid var(--main-color, #000);
    color: var(--main-color, #000);
}

.btn_outline:hover {
    background: var(--main-color, #000);
    color: white;
}

.btn_primary {
    background: var(--main-color, #000);
    border: 1px solid var(--main-color, #000);
    color: white;
}

.btn_primary:hover {
    background: var(--main-color-hover, #111);
    border-color: var(--main-color-hover, #111);
} */

.btn_white {
    background: #fff;
    color: #000;
}

.about_page {
    overflow: hidden;
}

.about_page section {
    z-index: 1;
}


.about_page .banner .bg-wrapper::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: rgba(0, 0, 0, 0.3);
}

.about_page .pin_bg {
    position: fixed;
    height: calc(100vh + 10rem);
    width: 100%;
    top: 0;
    left: 0;
    z-index: 0;
}

.about_page .pin_bg {
    z-index: 0;
}

.w-100 {
    width: 100%;
}

.establishment_section {
    min-height: 100svh;
    vertical-align: middle;
    color: #352b21;
    background: linear-gradient(
    to bottom,
    rgba(210, 205, 199, 0),
    rgba(210, 205, 199, 0.5),
    rgba(210, 205, 199, 1)
  );
  display: flex;
  align-items: center;
  transform: translateY(10%);
}

.establishment_section .container{
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 70%;
}

.next_section {
  padding-top: 70vh;
  color: #fff;
}

.global_users:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 10rem;
    background: linear-gradient(
    to bottom,
    rgba(210, 205, 199, 1)
    rgba(210, 205, 199, 0.5),
    rgba(210, 205, 199, 1)
  );
}

.global_users {
    padding: 10rem 0 5.7rem;
    background: rgba(210, 205, 199, 1);
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}

.global_nums {
    display: flex;
    gap: 10rem;
    width: 100%;
    justify-content: space-between;
    color: rgba(0, 0, 0, 0.7);
}

.global_nums_item_text {
    font-size: 2.4rem;
}

.vision_section {
    height: 100vh;
}

.vision_section .vision_list {
    position: absolute;
    bottom: 10vh;
    left: 0;
    right: 0;
    background: rgba(72, 98, 69, 0.5);
    backdrop-filter: saturate(80%) blur(10px);
    display: flex;
    gap: 20.9rem;
    justify-content: space-between;
    color: #fff;
    padding: 6rem 7.1rem;
    align-items: flex-start;
}

.vision_section .container {
    position: relative;
    height: 100%;
    width: 100%;
}

.vision_item {
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
}

.vision_item_title {
    font-size: 3.6rem;
    font-weight: 900;
}

.community_section {
    padding: 9.7rem 0 9.6rem;
    height: 100svh;
    background-color: #fff;
}

.community_section .container {
    height: 100%;
}

.community_hero {
    display: flex;
    height: 100%;
}

.community_content {
    width: 49%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    padding: 4.5rem 5.2rem;
}

.community_content .text-sm {
    line-height: 2.15;
}

.community_slider {
    width: 51%;
    overflow: hidden;
}

.community_slider .swiper-slide {
    width: 100%;
    height: 100%;
    min-height: 0;
    min-width: 0;
}


.honor {
    padding: 15rem 0 19.6rem;
}


.model .title img {
    max-width: 35rem;
    filter: brightness(0) invert(1);
    margin: 0 auto 2rem;
    min-width: 30rem;
}

.honor .title-md {
    margin-bottom: 1.8rem;
}

.honor_list {
    display: flex;
    height: 31.6rem;
}

.honor_item {
    padding: 4.1rem 5.5rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 1.6rem;
    flex-basis: 30%;
    transition: flex-basis 0.3s ease;
    cursor: pointer;
}

.honor_item .title-md {
    line-height: 1.5;
}

.honor_item.active {
    flex-basis: 70%;
}

.honor_item .text-sm {
    opacity: 0;
    line-height: 0;
    transition: opacity 0.3s ease;
}

.honor_item.active .text-sm {
    opacity: 1;
    line-height: 2.15;
}

.honor_list_mob_slider {
    display: none;
}

.mob {
    display: none;
}
.burger-btn {
        display: none;
    }

    .menu-close {
        display: none;
    }
.pin-spacer {
    background: #F3EDE8;
}

.page-404 {
    background: #F3EDE8;
    height: 100svh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    gap: 4rem;
}

.btn-group {
    display: flex;
    gap: 2.4rem;
    justify-content: center;
}

.btn-group .btn {
    flex: 1;
}

.page-404 .text-center {
    font-weight: 500;
    margin: 4rem 0;
}

.logo_mob {
    display: none;
}

.footer {
    background: #000000;
    padding: 8.3rem 0 2.7rem;
    color: #fff;
    position: relative;
    z-index: 500;
}

.footer_nav {
    display: flex;
    gap: 5rem;
}

.footer_nav_item {
    display: flex;
    flex-direction: column;
    gap: 1.7rem;
}

.footer_nav_item .nav_item_head {
    font-weight: 600;
}

.footer_nav_item .nav_item_list {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
}

.footer_nav_item .nav_item_list.social {
    gap: 1.3rem;
    margin-top: 1.3rem;
    flex-direction: row;
}

.footer_nav_item:last-child {
    margin-left: auto;
}

.footer_bottom {
    margin-top: 14.7rem;
    display: flex;
    justify-content: space-between;
}

.popup_news_follow {
    display: none;
}

.form_title {
    color: #000000ce;
}

.popup_news_follow_content .form_container{
    background: #fff;
}

.fancybox-content.popup_form.popup_news_follow{
    max-width: 36.5rem;
    min-width: revert;
    width: 100%;
}


.showPopupNewsFollow{
    margin-left: auto;
    font-size: 1.1rem;
    line-height: 1.5;
    font-weight: 500;
    font-family: 'Poppins';
    padding: 0.4rem 1rem;
}

.dealers {
    padding: 17.7rem 0 3.1rem;
}

.col {
    display: flex;
    flex-direction: column;
}

#map {
    width: 100%;
    height: 26.8rem;
    margin-top: 2rem;
}

.dealers .section_title {
    margin-bottom: 6.4rem;
    align-items: flex-start;
}

.user_manuals .section_title {
    margin-bottom: 3.7rem;
    align-items: center;
}

.user_manuals .text {
    margin-bottom: 12.3rem;
}

.dealers .section_title .btn {
    font-weight: 500;
    font-size: 1.1rem;
    padding: 0.4rem 1.4rem;
    text-transform: none;
    font-family: 'Poppins';
    align-self: flex-start;
    margin-top: 1.7rem;
}


.grid {
    display: grid;
}

.grid-4 {
    grid-template-columns: repeat(4, 1fr);
}

.grid-3 {
    grid-template-columns: repeat(3, 1fr);
}

.grid-2 {
    grid-template-columns: repeat(2, 1fr);
}


.dealers-grid-item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.dealers-grid-item-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: relative;
    cursor: pointer;
}

.dealers-grid-item-img .dealer_name {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 1.4rem;
    font-weight: 600;
    color: #fff;
    font-family: 'Conthrax';
    text-align: center;
}


.dealers-grid {
    column-gap: 2.4rem;
    row-gap: 3.6rem;
}

.dealers-grid-item-content {
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
    padding: 1.2rem 1.5rem 2.9rem 1.3rem;
    width: 100%;
}

.dealers-grid-item-content p {
    margin-bottom: 0;
    display: flex;
    align-items: center;
    gap: 0.9rem;
}

.dealers-grid-item-content a {
    margin-bottom: 0;
    display: flex;
    gap: 0.9rem;
    align-items: center;
}

.dealers-grid-item-content .address {
    color: #848484;
    line-height: 1.2;
}

.dealers-grid-item-content {line-height: 1.5; transition: all 0.3s ease;}

.dealers-grid-item-content img {filter: brightness(0); object-fit: contain; width: 1rem; height: 1rem;}


.dealers-grid-item:hover .dealers-grid-item-content {
    background: linear-gradient(180deg, #D8D8D8 0%, #978674 100%);
    color: #fff;

    img {
        filter: none;
    }
}

@media (max-width: 768px) {
    #map {
        height: 20rem;
    }
}

.banner-content-btn {
    position: absolute;
    flex-direction: column;
    bottom: 7rem;
    left:7.6rem ;
    gap: 3rem;
    .btn {
        width: 30.2rem;
        flex: revert;
    }
}

.banner-content-rb {
    position: absolute;
    bottom: 7rem;
    right:4.7rem ;
    gap: 3rem;
    font-size: 1.5rem;
    text-transform: uppercase;
    color: #fff;
    text-align: right;
}

.form_title_img {
    width: 100%;
    max-width: 23.4rem;
    margin: 0 auto 3.4rem;
    height: auto;
    border-radius: 0;
}

.cars_list {
    display: grid;
    grid-template-columns: 1fr;
    gap: 3.7rem;
}

.car_item {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    padding: 2.8rem 15rem 5.9rem ;
    background: #EFEFEF;
    border-radius: 1.5rem;
}

.car_item_img {
    width: 40rem;
    height: 15rem;
    object-fit: contain;

}

.car_item_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.car_item .row {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.car_item .col {
    display: flex;
    flex-direction: column;
    gap: 4rem;
}

.car_item .col img {
    max-width: 20rem;
}

.thankyou {text-align: center;}

.services .form_container {margin: 0 auto; width: 100%; max-width: 75rem;}

.services .form_container .grid {gap:2rem 3.7rem; margin-bottom: 2.4rem;}

.services .grid .form_row {margin-bottom: 0;}

.services .form_footer {align-self: center; max-width: 35rem;}

.services .agreement {margin-bottom: 1rem;}


.services .section_title {margin-bottom: 3.9rem;}

.services .text { max-width: 47.9rem; margin: 0 auto; margin-bottom: 3.9rem;}

.dropdown_menu { list-style: none; z-index: -1; opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(10%); position: absolute;left: 0; right:0; top:  100%; background: rgba(217, 217, 217, 0.5); backdrop-filter: blur(100px); padding: 1.8rem 0; display: flex; justify-content: center; gap: 2.9rem; transition: transform 0.3s ease, opacity 0.3s ease, top 0.3s ease, visibility 0.3s ease;}

.menu .dropdown_menu a::after {bottom: -1.9rem;}


.dropdown_menu.active {transform: translateY(0); opacity: 1; z-index: 99; pointer-events: auto; visibility: visible; transition: transform 0.3s ease, opacity 0.6s ease, top 0.3s ease, visibility 0.3s ease;}

.dropdown_link {display: flex; align-items: center; gap: 0.5rem;}

.promo_single_banner {width: 100%; height: 40.1rem; border-radius: 1.5rem; position: relative; margin: 9rem 0; color: #fff; font-size: 4rem; font-weight: 600; font-family: 'Conthrax'; display: flex; align-items: center; justify-content: center;}

.promo_single_banner_content {text-align: center;}

.promo_text .section_title {margin-bottom: 2rem; text-align: center;}

.promo_text .container {display: flex; flex-direction: column;}

.promo_text .btn {margin: 4rem auto 9rem; max-width: 40rem;}

.promo_text .text {padding: 0 10rem; font-size: 2rem;}

.promo_text .text ul {list-style-position: inside;}

.cars_grid{display: flex; flex-direction: column; gap: 2rem; background: #EFEFEF; text-align: center; padding: 7.4rem 5.6rem 11rem;}

.text .cars_grid {width: calc(100% + 20rem); margin-left: -10rem;}

.cars_grid tr {display: flex; flex-wrap: wrap; gap: 2.5rem; justify-content: center; align-items: stretch;}

.cars_grid td {max-width: 34rem; width: 100%; display: block;}

.cars_grid td .btn {margin:auto; padding: 1rem 2.2rem; width: 19.7rem; font-size: 1.4rem;} 

.cars_grid td .car_block_image_2 {object-fit: contain; height: 2.7rem; margin: 0 auto; width: auto; }

.car_block_image {margin-bottom: 1rem; display: block; transition: transform 0.3s ease;}

.text small {font-size: 1rem;}

.car_block_image + small {margin-bottom: 1.5rem; display: block; font-weight: 600;}

.car_block_image:hover {transform: scale(1.05);}

.dealer_popup {
    display: none;
}

.distr .map {
    width: 100%;
    height: 57.4rem;
    border-radius: 0;
    position: relative;
}

.distr .map iframe {
    border-radius: 0 !important;
}

.dealers_list {
    position: absolute;
    top: 0;
    left: 0;
    width: 28.2rem;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    padding: 4.3rem 1.6rem 2.7rem 1.8rem;
    background: #D9D9D999;
    backdrop-filter: blur(10px);
    left: 8.6rem;
    z-index: 50;
}

.dealers_items {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    max-height: 100%;
}

.dealers_search {
    margin-bottom: 4.4rem;
    position: relative;
}

.dealers_search .form_field {
    width: 100%;
    padding: 0.5rem 0.9rem;
    background: #D9D9D9CC;
    border: 0.3px solid #777777;
    color: #00000080;
    font-size: 1rem;
}

.dealers_search::before {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0.9rem;
    width: 0.7rem;
    height: 0.7rem;
    background: url('/static/img/icons/search.svg') no-repeat center center / cover;
    content: '';
}

.dealers_items .accordion_header {
    padding: 1.3rem 1.6rem;
    justify-content: center;
    position: relative;
    background: #D9D9D9CC;
    border-radius: 0.5rem;
    font-size: 1.1rem;
    text-transform: uppercase;
    border: 0.5px solid #777777;
    color: #00000080;
}

.dealers_items .accordion_header::after {
    background: url('/static/img/chevron.svg') no-repeat center center / cover;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 1.6rem;
    width: 1.2rem;
    height: 1.2rem;
}

.dealers_items .accordion.active .accordion_header {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    display: none;
    transition: opacity 0.3s ease, visibility 0.3s ease, pointer-events 0.3s ease;
}

.dealers_items .accordion.active .accordion_header:after {
    transform: translateY(-50%) rotate(180deg);
}

.dealers_select_row {
    flex-direction: column;
}

.dealers_select_city_list {
    width: 100%;
}


@media (max-width: 1000px) {
    html {
        font-size: var(--font-size-base-mobile);
    }

    section {
        overflow: hidden;
    }

    .mob {
        display: block;
    }


    .burger-btn {
        display: block;
        width: 2.9rem;
        margin-left: auto;
        height: 2.9rem;
        background: url('/static/img/menu_hamburger.svg') no-repeat center center / cover;
        border: none;
        background-color: transparent;
        cursor: pointer;
        z-index: 601;
    }

    .lang-select+.burger-btn {
        margin-left: 0;
    }

    .header {
        background: #d9d9d9d3;
    }

    .menu {
        margin: 0;
        position: fixed;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: #d9d9d9d3;
        backdrop-filter: blur(10px);
        z-index: 600;
        display: flex;
        flex-direction: column;
        color: #000;
        transition: left 0.3s ease;
    }

    a.logo_mob {
        posiion: absolute;
        top: 2.8rem;
        left: 3.1rem;
        width: 100%;
        max-width: 7.537rem;
        height: auto;
        display: block;
    }

    .cookies_popup {
        bottom: -5rem;
        left: 0;
        right: 0;
        padding: 3.9rem 2.1rem 5.4rem;
        gap: 5rem;
        flex-direction: column;
        align-items: flex-start;
    }

    .cookies_popup.active {
        bottom: 0;
    }

    .cookies_popup .close_btn {
        right: 2.1rem;
        left: auto;
        top: 2.2rem;
    }

    .cookies_popup_btns {
        gap: 1.5rem;
        width: 100%;
        justify-content: center;
        flex-direction: column;
    }

    .cookies_popup .btn {
        width: 100%;
        flex: none;
        padding: 1.4rem 0;
    }

    /* Mobile Cookie Settings Modal */
    .cookie-settings-modal {
        width: 95vw;
        max-height: 90vh;
        padding: 2rem;
    }

    .cookie-settings-header h3 {
        font-size: 2rem;
    }

    .cookie-category {
        padding: 1.5rem;
    }

    .cookie-category-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }

    .cookie-settings-footer {
        flex-direction: column;
    }

    .cookie-settings-footer .btn {
        width: 100%;
        min-width: auto;
    }


    .menu.active {
        left: 0;
    }

    .menu ul {
        flex-direction: column;
        align-items: flex-start;
        padding: 14.2rem 5rem 5rem;
        gap: 2.4rem;
    }

    .menu ul li a {
        font-size: 2rem;
        font-weight: 600;
        font-family: 'Conthrax';
    }

    .menu-close {
        position: absolute;
        top: 3.5rem;
        right: 3rem;
        width: 1.5rem;
        height: 1.5rem;
        background: none;
        border: none;
        display: block;
        cursor: pointer;
        z-index: 602;
        background: url('/static/img/close.svg') no-repeat center center / cover;
    }



    .lang-select {
        margin-right: 3rem;
        font-size: 1.8rem;
    }

    .menu a:hover::after {
        content: none;
    }

    .banner-title {
        font-size: 2.4rem;
        line-height: 1.2;
        text-align: center;
        right: 50%;
        transform: translateX(50%);
        width: max-content;
        bottom: 15.1rem;
        color: #fff;
        top: auto;
    }
    
    .home .banner .container {
        display: none;
    }

    .banner-content-btn {
        position: absolute;
        bottom: 3.2rem;
        left:2rem;
        right: 2rem;
        gap: 2rem;
        .btn {
            width: revert;
            flex: 1;
            font-size: 1.2rem;
        }
    }

    .banner-content-rb {
        bottom: auto;
        top: 4rem;
        left: 50%;
        transform: translateX(-50%);
        width: max-content;
        text-align: center;
        line-height: 1.2;
    }

    .banner-content-rb h6 {
        font-size: 2rem;
    }

    .banner-content-rb p {
        margin: 0;
        line-height: 1.2;
    }

    .model_title {
        left: 50%;
        right: auto;
        height: revert;
        bottom: 7rem;
        transform: translateX(-50%);
        top: 15.6rem;
        width: calc(100% - 4rem);
        text-align: center;
        align-items: center;
    }

    .location_container .separator {
        width: 100%;
        height: 1px;
        background-color: #000;
        opacity: 0.3;
    }

    .location_container {flex-wrap: wrap;}

    .model_title_name img {
        width: 80%;
        margin: 0 auto;
        height: auto;
        min-width: revert;
    }

    .model_title.rt {
        right: 50%;
        left: auto;
        transform: translateX(50%);
        top: 16.1rem;
        width: 100%;
    }

    .models_section {
        padding: 6.8rem 0;
    }

    .models_color_list {
        font-size: 2.4rem;
        gap: 2.7rem;
    }

    .models_title_item {
        font-size: 1.4rem;
        gap: 8.9rem;
    }

    .model_img {
        width: 100%;
        position: static;
        transform: translate(0, 0);
        height: 12.7rem;
        transition:transform 1.5s cubic-bezier(0.23, 1, 0.320, 1), opacity 1.5s cubic-bezier(0.23, 1, 0.320, 1);
    }

    .drive_animation {
        transform: translateX(50%);
    }

    .drive_animation.active {
        transform: translateX(0);
    }

    .models_section .swiper-button-next,
    .models_section .swiper-button-prev {
        opacity: 1;
        width: 6rem;
        height: 3.4rem;
        font-size: 1.5rem;
        border-radius: 1rem;
        top: 17rem;
    }

    .models_slider {
        height: revert;
        margin-top: 3.3rem;
    }

    .model_specs {
        margin-top: 9.4rem;
        position: static;
        margin-bottom: 4rem;
        gap: 0rem;
        justify-content: space-between;
    }

    .models_slider .model_specs {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 1rem;
    }

    .models_slider .model_spec_item_title {
        font-size: 1rem;
    }

    .model_spec_item_value {
        font-size: 2.8rem;
    }

    .model_spec_item_title {
        font-size: 1.1rem;
    }

    .model_spec_item_value_unit {
        font-size: 1rem;
    }

    .models_slider .btn {
        position: static;
        width: 100%;
    }

    .news_list {
       display: flex;
       width: calc(100% + 5.2rem);
       margin-left: -2.6rem;
       padding-left: 2.6rem;
       padding-right: 2.6rem;
       height: revert;
       overflow-x: auto;
       scroll-snap-type: x mandatory;
       scroll-snap-align: start;
       scroll-behavior: smooth;
       -webkit-overflow-scrolling: touch;
       scrollbar-width: none;
       /* max-height: 43rem; */
    }

    .news_list::-webkit-scrollbar {
        display: none;
    }

    .news_list::-webkit-scrollbar-track {
        background: transparent;
    }

    .news_list::-webkit-scrollbar-thumb {
        background: transparent;
    }
    .container {
        max-width: 100%;
        padding: 0 2.6rem;
    }


    .news_main {
        padding: 4.1rem 0 8.1rem;
    }

    .news_block {
        flex-shrink: 0;
        width: calc(100% - 5.2rem);
    }

    .news_block_content {
        display: flex;
        flex-direction: column;
        padding-left: 1.8rem;
        padding-right: 2rem;
        padding-bottom: 1.9rem;
    }

    .banner {
        position: relative;
        height: calc(100lvh - 5.9rem);
        resize: none;
        transition: all 0.3s ease;
        min-height: revert;
    }

    .section_title {
        font-size: 2.4rem;
    }

    .news_main .section_title {
        margin-bottom: 4.1rem;
    }


    .news_block_content:after {
        opacity: 1;
    }

    .news_date {
        font-size: 1rem;
    }

    .news_block_preview img,.news_block_preview {
        max-height: 21rem;
        min-width: revert;
    }

    .news_block:hover .news_block_preview img {
        max-height: 21rem;
    }

    .news_title {
        font-size: 1.4rem;
        -webkit-line-clamp: revert;
        -webkit-box-orient: revert;
        overflow: revert;
        text-overflow: revert;
        margin-bottom: 2rem;
    }

    .news_link {
        opacity: 1;
        position: static;
        border-bottom: 1px solid #000;
        margin-top: auto;
    }

    .news_block_content_title {
        display: flex;
        flex-direction: column;
        height: 100%;
        padding-bottom: 1.9rem;
        align-items: flex-start;
    }

    .brand_core {
        padding: 9.5rem 0 9.2rem;
    }

    .brand_core .container {
        flex-direction: column;
    }

    .brand_core_first_block {
        width: 100%;
        aspect-ratio: 1/1;
        height: revert;
    }

    .brand_core_tile .text-lg {
        font-size: 1.4rem;
    }

    .brand_core_tiles {
        height: revert;
        gap: 1.3rem;
        width: 100%;
    }

    .brand_core_tile {
        padding: 0.5rem 1rem;
        width: 100%;
        height: 16.4rem;
    }

    .form_main {
        padding: 11.2rem 0 10rem;
    }

    .form_wrapper {
        flex-direction: column-reverse;
    }

    .form_container {
        width: 100%;
        padding: 0.4rem 1.3rem 1.4rem 1.6rem;
    }

    .services .form_container {padding: 2.8rem 1rem 3rem;}


    .arrow_back, .arrow_back a, .arrow_back a img {object-fit: contain;}

    .services .section_title {margin-bottom: 4rem;}

    .title-sm {
        font-size: 2.5rem;
    }

    .establishment_section .title-sm {
        font-size: 2rem;
    }

    .about_page .banner img {
        width: 100vw;
        height: 100lvh;
    }

    .about_page .pin_bg {
        height: 100lvh;
    }

    .model .title img {
        min-width: revert;
    }


    .global_users img {
        z-index: 3;
        position: relative;
    }

    .form_main .section_header {
        margin-bottom: 3.9rem;
        gap: 2rem;
    }

    .form_img {
        width: 100%;
        height: 22.1rem;
    }

    .next_section {
        padding-bottom: 20vh;
    }

    h4 {
        font-size: 2.4rem;
    }

    .about_page h4 {
        margin-bottom: 0.5rem;
    }

    .establishment_section .container {
        max-width: 100%;
    }

    .global_users {
        padding: 4rem 0;
    }

    .global_nums {
        flex-wrap: wrap;
        gap: 0;
        justify-content: flex-start;
        row-gap: 2.2rem;
    }

    .global_nums_item {
        width: 50%;
    }

    .text-sm {
        font-size: 1.2rem;
    }

    .vision_section .vision_list {
        flex-direction: column;
        gap: 4rem;
        padding: 2rem 3.4rem;
        left: 2.6rem;
        right: 2.6rem;
    }

    .vision_item_title {
        font-size: 2rem;
    }

    .vision_item {
        gap: 0.8rem;
    }

    .global_nums_item_text {
        font-size: 1.6rem;
    }

    .global_nums_item_num {
        font-size: 1.1rem;
    }

    .community_section {
        padding: 5rem 0;
        height: revert;
        background-color: #F2F1ED;
    }

    .community_hero {
        flex-direction: column-reverse;
        justify-content: space-between;
    }

    .community_content {
        width: 100%;
        padding: 2rem;
    }

    h6 {
        font-size: 1.4rem;
    }

    .community_slider {
        width: 100%;
        min-height: 22.4rem;
        flex: 1;
    }

    .community_slider .swiper-slide {
        height: 22.4rem;
    }

    .honor {
        padding: 0 0 5.1rem;
    }

    .honor_list_mob_slider {
        display: block;
        overflow: hidden;
    }

    .honor_list {
        display: none;
    }

    .honor_item {
        flex-basis: revert;
        width: 100%;
        height: auto;
        padding: 2rem;
    }

    .honor_item.active {
        flex-basis: revert;
    }

    .honor_item .text-sm, .honor_item.active .text-sm {
        opacity: 1;
        line-height: 1.5;
    }

    .honor .title-md {
        font-size: 2.3rem;
    }

    .honor .swiper-pagination {
        margin-top: 2rem;
    }

    .honor .swiper-pagination-bullet-active {
        background-color: rgba(163, 142, 120, 1);
    }

    .form_wrapper .text-lg {
        margin-bottom: 0.5rem;
        line-height: 3;
        font-size: 1rem;
    }

    .form_row {
        margin-bottom: 1.2rem;
    }

    .form_row:has(.form_field:required):after {
        top: 0.5rem;
    }

    .agreement {
        margin-bottom: 1.8rem;
    }

    .form_field {
        font-size: 1rem;
        padding: 0;
        height: 3.9rem;
        text-align-last: center;
    }

    .dealers_select_row {height: auto;}

    .dealers_select {margin-top: 0;}

    .popup_form .form_field {padding: 0;}

    .popup_form .dealers_select_city_list_item {
        padding-left: 1.4rem;
        padding-right: 1.4rem;
    }
    

    .fancybox-slide:before {content: none;}

    .fancybox-content.popup_form {position: absolute; top: 50%; left: 1rem; right: 1rem; transform: translateY(-50%);}

    select option {min-width: 29.4rem; width: 29.4rem;}

    select.form_field {}

    select:-webkit-scrollbar {display: none;}

    select::-webkit-scrollbar {display: none;}

    select::-webkit-scrollbar-track {display: none;}

    select::-webkit-scrollbar-thumb {display: none;}

    .file-input-label {
        font-size: 1rem;
        text-align: center;
        justify-content: center;
        padding: 0;
        height: 3.9rem;
    }

    .file-input-label::after {
        width: 0.5rem;
        height: 0.5rem;
        top: 50%;
        transform: translateY(-50%);
    }

    .file_input_message {
        top: 1.1rem;
        right: 0.5rem;
    }

    .agreement label {
        font-size: 1rem;
    }

		/*
    .agreement_checkbox {
        width: 0.7rem;
        height: 0.7rem;
    }
		*/
    .btn_red {
        font-size: 1rem;
        padding: 1.6rem 0;
    }

    .model .banner .banner-content {
        font-size: 3.6rem;
        top: revert;
        top: 4rem;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .model_specs_profile.banner {
        height: 100lvh;
        min-height: 100lvh;
    }

    .model.page .btn-cotnainer {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 101;
        width: 100%;
        background: #F3EDE8;
        display: flex;
        gap: 1.4rem;
        padding: 1rem 3rem;
        z-index: 501;
    }

    .model.page+.footer {
        padding-bottom: 6rem;
    }

    .model.page .btn-cotnainer .btn {
        font-size: 1.2rem;
        flex: 1;
        padding: 1.2rem 0;
        text-transform: uppercase;
    }

    .model_menu_image {
        max-height: revert;
        min-width: 12rem;
    }

    .model_menu {
        overflow-x: auto;
        padding: 1.8rem 2.6rem;
    }

    .model_menu .container {
        padding: 0;
        width: calc(100% + 20rem);
        max-width: revert;
    }

    .model .banner .text {font-size: 1rem;}

    .model_menu_list {gap: 2.2rem;}

    .header .contacts_header {
        background: transparent;
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
        margin-top: auto;
    }

    .right_container {margin-left: 0; display: flex; justify-content: space-between; width: 100%;}

    .header .main_header {padding: 1.2rem 2.6rem;}

    .model .banner {
        height: calc(100svh - 12.6rem);
    }
    .contacts_header .container {
        padding: 0 2.6rem;
        flex-wrap: wrap;
        gap: 2rem;
    }

    .contacts_container {flex-direction: column;}

  

    .dealers_rubric .section_title {font-size: 1.5rem;}

    .dealers_rubric {padding: 4.2rem 0 0;}

    .dealers_rubric .map {height: 23rem; flex: revert;}

    .divide_section_title {
        font-size: 4rem;
        text-align: center;
    }

    .divide_section_content .text-md {
        text-align: center;
    }

    .text .cars_grid {width: calc(100% + 5.2rem); margin-left: -2.6rem;}


    .specs_list {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        column-gap: 3.8rem;
        row-gap: 3.8rem;
        padding: 9.4rem 0 6rem;
    }

    .specs_item {
        width: 100%;

    }

    .news_rubric .section_title {
        gap: 0 2rem;
        flex-wrap: wrap;
        font-size: 1.8rem;
    }

    .arrow_back, .arrow_back a, .arrow_back a img {
        width: 2rem;
        height: 2rem;
    }

    .title {
        font-size: 3.2rem;
    }

    .model .title h1 {
        font-size: 3rem;
    }

    .specs_value {
        font-size: 2.4rem;
        padding-bottom: 0.5rem;
    }

    .specs_title {
        font-size: 1.4rem;
    }

    .specs_value_unit {
        font-size: 1.4rem;
    }

    .model_feature_row {
        flex-wrap: wrap;
    }

    .model_feature_item_1, .model_feature_item_3 {
        order: 2;
        width: calc(50% - 0.85rem);
        height: 17.5rem;
        flex-shrink: 0;
    }

    .model_feature_item_3 {
        order: 3;
    }

    .model_feature_item_4 {
        order: 4;
        width: 100%;
        height: 16.4rem;
    }

    .model_feature_item_5 {
        order: 5;
        width: 100%;
        height: 16.4rem;
    }


    .model_feature_item {
        font-size: 1rem;
        align-items: end;
        justify-content: center;
        padding-bottom: 1.3rem;
    }

    .model_feature_item::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 50%;
        z-index: 1;
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(0, 0, 0, 1));
    }

    .model_feature_item_text {
        display: block;
        z-index: 3;
    }

    .model_feature_item_2 {
        order: 1;
        width: 100%;
        height: 16.4rem;
    }

    .model_features_grid {
        flex-flow: wrap;
        column-gap: 1.7rem;
        row-gap: 1.5rem;
    }

    .model_parts {
        padding: 2.1rem 0 3.4rem;
    }


    .model_parts_list {
        border-bottom: none;
        padding-bottom: 1.7rem;
    }

    .model_parts_block {
        flex: revert;
        flex-shrink: 0;
    }

    .model_parts_img {
        width: 100%;
        height: 100%;
    }

    .swiper-pagination {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 0.4rem;
        position: static;
    }

    .swiper-pagination-bullet {
        border-radius: 0;
        width: 2.4rem;
        height: 0.2rem;
        background-color: rgba(0, 0, 0, 0.5);
    }

    .swiper-pagination-bullet-active {
        background-color: #000;
    }

    .model_contact_section {
        padding: 3.7rem 0 8.2rem;
    }

    .model_contact_section .container {
        height: 100%;
        display: flex;
        flex-direction: column;
    }

    .model_contact_section .title {
        font-size: 4rem;
        line-height: 1;
        margin-bottom: 0.8rem;
    }

    .model_contact_section .text-md {
        font-size: 1.4rem;
    }

    .model_contact_section .btn {
        margin-top: auto;
        max-width: 100%;
    }

    .news_single .news_title {
        color: #000;
        font-size: 1.8rem;
        margin-bottom: 2.2rem;
    }

    .news_single .news_date {
        margin-bottom: 2.3rem;
        font-size: 1.4rem;
    }

    .news_single .text {
        font-size: 1.2rem;
        line-height: 1.5;
    }

    .news_single .text p img, .news_single .text p iframe {
        width: 100%;
        margin: 0 auto;
    }

    .news_single .text p iframe {
        min-height: 20rem;
    }

    .news_single .text p, .news_single .text ul, .news_single .text ol {
        margin-bottom: 2.3rem;
        li {
            margin-bottom: 1rem;
        }

    }

    .round_btn {
        margin-top: 2.2rem;
    }

    .news_control {
        gap: 5.8rem;
        margin-top: 7.3rem;
    }

    .news_next::after, .news_prev::before {
        width: 3.1rem;
        height: 3.1rem;
    }

    .form_img .logo {
        top: 2.1rem;
        width: 5.3rem;
    }

		/*.form_img .bg-wrapper{background:#000;}*/

    .form_img .bg-wrapper img.pc.active {
        display: none;
    }

    .form_img .bg-wrapper img.mob.active {
        display: block;
				opacity:0.8;
    }


    main.news_single {
        margin-top: 8.4rem;
        padding-top: 3.9rem;
        padding-bottom: 9.3rem;
    }

     .pc {
        display: none;
    }

    .accordion {
        display: flex;
        width: 100%;
    }

    .accordion_content {
        display: flex;
        flex-direction: column;
    }

    .model_title .btn {
        margin-top: auto;
    }

    .accordion_content > * {
        padding-top: 3rem;
    }

    .contacts_preview {
        padding-top: 0;
    }

    .header .accordion_header:after {
        filter: invert(1);
    }

    .banner .swiper-pagination {
        display: flex;
        padding: 0 2rem;
    }

    .banner .swiper-pagination-bullet {
        width: auto;
        flex: 1;
    }

    .footer {
        padding: 2.9rem 0 3.7rem;
        text-align: center;
    }

    .footer_nav {display:none;}

    .footer_bottom {
        margin-top: 0;
        flex-direction: column;
        gap: 3rem;
    }

    .footer_bottom_item {
        font-size: 1rem;
    }

    .showPopupNewsFollow {
        padding: 0.2rem 0.4rem;
        font-size: 1.2rem;
        margin-left: 0;
        margin-right: auto;
        margin-top: 1rem;
        flex-basis: 65%;
    }

    .dealers {padding: 9rem 0;}

    .grid {grid-template-columns: 1fr;}

    .car_item {padding: 2.8rem 2rem 3rem;}

    .car_item .row {flex-direction: column;}

    .car_item_img {width: 100%; height: 15rem;}

    .user_manuals .text {margin-bottom: 4rem;}

    .promo_text .text {font-size: 1.8rem; padding: 0;}


    .promo_single_banner {
        width: 100%;
        height: 16.1rem;
        border-radius: 1.5rem;
        position: relative;
        margin: 3rem 0;
        color: #fff;
        font-size: 2rem;
    }

    .cars_grid {
        padding: 3rem 2rem;
    }

    .promo_text .section_title {font-size: 2rem;}

    .dealers_list {
        width: 100%;
        height: auto;
        position: static;
        left: 0;
        top: 0;
        z-index: 10;
        padding: 3rem 2rem;
    }

    .distr .map {
        height: auto;
        border-radius: 0;
    }

    .distr #map {
        height: 23rem !important;
    }
}

.dealer-popup-notification {
    position: fixed;
    bottom: 2rem;
    right: 2rem;
    z-index: 9999;
    max-width: 400px;
    display: none;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    border-radius: 8px;
    background: #fff;
    animation: slideInUp 0.3s ease-out;
    padding: 2rem;
}

.dealer-popup-close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 24px;
    height: 24px;
    border: none;
    background: transparent;
    font-size: 24px;
    line-height: 1;
    color: #666;
    cursor: pointer;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: color 0.2s ease;
    z-index: 10000;
}

.dealer-popup-close:hover {
    color: #000;
}

@keyframes slideInUp {
    from {
        transform: translate(0, 100%);
        opacity: 0;
    }
    to {
        transform: translate(0);
        opacity: 1;
    }
}