/*
 * Theme name: solaris
 * Author: walltak
 * Version: 1.0
 */

:root {
  --c-dark: #02031b;
  --c-gray: #717d8c;
  --c-blue: #307dbe;
  --c-blue-dark: #15497c;
  --c-light: #dfe9f0;
  --c-bg: #f4f7fa;
  --c-navy: #042f58;
  --c-footer: #032442;
  --grad-btn: linear-gradient(90deg, #133e66 0%, #1a6ca7 100%);
  --content: 1680px;
  --gutter: 40px;
}

a,
button,
label {
  transition: 0.2s ease;
  text-decoration: none;
}

a {
  color: inherit;
}

button {
  font-family: inherit;
  cursor: pointer;
  border: none;
  background: none;
  padding: 0;
  color: inherit;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

p,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol {
  margin: 0;
  padding: 0;
}

ul {
  list-style: none;
}

body {
  font-family: "Golos Text", sans-serif;
  font-weight: normal;
  font-size: 16px;
  color: var(--c-dark);
  background: #fff;
  overflow-x: clip;
}

::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 10px;
  height: 10px;
  border-radius: 4px;
  background: #fff;
}

::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: var(--c-blue);
}

.container {
  max-width: calc(var(--content) + var(--gutter) * 2);
  padding-left: var(--gutter);
  padding-right: var(--gutter);
}

.space_top_90 {
  margin-top: 90px;
}

.padding_90 {
  padding-top: 90px;
  padding-bottom: 90px;
}

/* ---------- Типографика ---------- */

.main_page_title {
  font-size: 40px;
  font-weight: 500;
  line-height: 1.2;
  color: var(--c-dark);
}

.thite_main_title {
  font-size: 40px;
  font-weight: 500;
  line-height: 1.2;
  color: #fff;
}

.suftitlwe_whire {
  margin-top: 15px;
  font-size: 16px;
  line-height: 1.4;
  color: #fff;
}

.main_subtitle_page,
.subtiler_form_pod {
  font-size: 16px;
  line-height: 1.4;
  color: var(--c-gray);
}

.title_wrap_twocols {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 40px;
}

.title_wrap_twocols .left_title_wrap {
  flex: 1 1 0;
  min-width: 0;
}

.title_wrap_twocols .subtiler_form_pod {
  margin-top: 15px;
  opacity: 0.8;
}

/* ---------- Кнопки ---------- */

.gradi_btn,
.fill_btn_white,
.white_btns,
.fill_blue_btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 58px;
  padding: 19px 26px;
  border: 1px solid transparent;
  border-radius: 50px;
  font-size: 15px;
  line-height: 1.2;
  text-transform: uppercase;
  text-align: center;
  white-space: nowrap;
}

.gradi_btn,
.fill_blue_btn {
  background: var(--grad-btn);
  color: #fff;
}

.gradi_btn:hover,
.fill_blue_btn:hover {
  color: #fff;
  filter: brightness(1.15);
}

.gradi_btn img,
.white_btns img {
  width: 15px;
  height: auto;
  flex-shrink: 0;
}

.fill_btn_white {
  background: rgba(255, 255, 255, 0.5);
  border-color: var(--c-blue);
  color: var(--c-dark);
}

.fill_btn_white:hover {
  background: var(--c-blue);
  color: #fff;
}

.white_btns {
  background: #fff;
  color: var(--c-dark);
}

.white_btns:hover {
  background: var(--c-light);
  color: var(--c-dark);
}

.just_text_btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: 16px;
  line-height: 1.2;
  color: var(--c-blue);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.just_text_btn:hover {
  color: var(--c-blue-dark);
}

.just_text_btn img {
  width: 15px;
  height: auto;
  flex-shrink: 0;
}

.btns_slide_naver {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
}

.nav_btn {
  display: block;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  flex-shrink: 0;
}

.nav_btn img,
.nav_btn svg {
  display: block;
  width: 50px;
  height: 50px;
}

.nav_btn svg rect,
.nav_btn svg path {
  transition: 0.2s ease;
}

.btns_slide_naver .slide_right svg rect,
.btns_slide_naver .nav_btn:hover svg rect {
  fill: var(--c-blue);
}

.btns_slide_naver .slide_right svg path,
.btns_slide_naver .nav_btn:hover svg path {
  stroke: #fff;
}

.nav_btn.swiper-button-disabled {
  opacity: 0.4;
  cursor: default;
  pointer-events: none;
}

.nav_btn.swiper-button-lock {
  display: none;
}

/* ---------- Шапка ---------- */

/* Отрицательный top равен высоте .main_liner_head: верхняя строка уезжает, меню прилипает */
.main_header {
  position: sticky;
  top: 0;
  z-index: 100;
  background: #fff;
  border-bottom: 1px solid var(--c-light);
  transition: box-shadow 0.2s ease;
}

.main_header.lides {
  box-shadow: 0 5px 20px rgba(2, 3, 27, 0.06);
}

section[id] {
  scroll-margin-top: 70px;
}

.row_line_head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  height: 88px;
  border-bottom: 1px solid var(--c-light);
}

.wrap_logo_head {
  display: flex;
  align-items: center;
  gap: 30px;
}

.logo_head img {
  display: block;
  width: auto;
  height: 36px;
}

.logo_twos_head img {
  display: block;
  width: auto;
  height: 44px;
}

.col_head_acti {
  display: flex;
  align-items: center;
  gap: 80px;
}

.wrap_head_adres {
  text-align: right;
}

.text_contact_head {
  font-size: 16px;
  line-height: 1.2;
  color: var(--c-dark);
}

.textshedle_header {
  font-size: 14px;
  line-height: 1.2;
  color: var(--c-gray);
}

.wrap_head_phone {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.wrap_head_phone > a {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.2;
  color: var(--c-dark);
}

.wrap_head_phone > a:hover {
  color: var(--c-blue);
}

.nav_liner_head ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 10px 70px;
  padding: 18px 0 17px;
}

.nav_liner_head a {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
  color: var(--c-dark);
}

.nav_liner_head a:hover,
.nav_liner_head .current-menu-item > a {
  color: var(--c-blue);
}

.mobile_mod_btn img {
  display: block;
  width: 40px;
  height: 40px;
}

/* ---------- Главный слайдер ---------- */

.main_slider_home {
  position: relative;
}

.slider_main .swiper-slide {
  position: relative;
  height: 700px;
  overflow: hidden;
  background-color: var(--c-light);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.car_main_slider {
  position: absolute;
  left: 42.24%;
  top: 251px;
  z-index: 0;
  width: 64.69%;
  max-width: none;
  height: auto;
  pointer-events: none;
}

.slider_main .swiper-slide > .container {
  position: relative;
  z-index: 1;
}

.slider_main .container,
.row100height {
  height: 100%;
}

.row100height {
  align-items: center;
}


.title_main_slider {
  font-size: 52px;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  color: #fff;
}

.title_main_slider span {
  color: var(--c-blue);
}

.text_main_slider {
  max-width: 450px;
  margin-top: 30px;
  font-size: 20px;
  line-height: 1.4;
  color: #fff;
}

.btns_main_slider {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-top: 50px;
}

.slider_meta_wrap {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 59px;
  z-index: 2;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  padding-left: max(var(--gutter), calc((100% - var(--content)) / 2));
  padding-right: max(var(--gutter), calc((100% - var(--content)) / 2));
  pointer-events: none;
}

.slider_meta_wrap > * {
  pointer-events: auto;
}

.wrap_pagination_main_slider {
  display: flex;
  align-items: flex-end;
  gap: 15px;
}

.wrap_pagination_main_slider .swiper-pagination-bullet {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  width: auto;
  height: auto;
  margin: 0 !important;
  border-radius: 0;
  background: none;
  font-size: 20px;
  line-height: 1.2;
  color: #fff;
  opacity: 0.3;
  transition: 0.2s ease;
}

.wrap_pagination_main_slider .swiper-pagination-bullet::after {
  content: "";
  display: block;
  width: 22px;
  height: 2px;
  background: #fff;
  transition: 0.2s ease;
}

.wrap_pagination_main_slider
  .swiper-pagination-bullet-active
  + .swiper-pagination-bullet {
  opacity: 0.5;
}

.wrap_pagination_main_slider .swiper-pagination-bullet-active {
  font-size: 26px;
  opacity: 1;
}

.wrap_pagination_main_slider .swiper-pagination-bullet-active::after {
  width: 30px;
}

.wrap_btns_main_slider {
  display: flex;
  gap: 10px;
}

/* ---------- Преимущества ---------- */

.perks_home {
  padding: 60px 0;
}

.perks_items_betwen {
  display: flex;
  gap: 60px;
}

.perk_comp_item {
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 30px;
}

.perk_comp_item + .perk_comp_item {
  padding-left: 60px;
  border-left: 1px solid var(--c-light);
}

.wrap_image_perk {
  width: 70px;
  height: 70px;
  flex-shrink: 0;
}

.wrap_image_perk img {
  display: block;
  width: 70px;
  height: 70px;
}

.text_perk_box {
  font-size: 20px;
  line-height: 1.4;
  color: var(--c-dark);
}

/* ---------- Модельный ряд ---------- */

.models_home {
  background: var(--c-bg);
  border-radius: 60px;
}

.models_home .title_wrap_twocols {
  align-items: baseline;
}

.models_home .main_page_title {
  max-width: 700px;
}

.models_home .main_subtitle_page {
  text-align: right;
  opacity: 0.8;
}

.wrap_models_box {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 40px;
}

.wrap_models_box::before {
  content: "";
  position: absolute;
  left: -257px;
  top: 473px;
  width: 1014px;
  height: 126px;
  background: url(/wp-content/uploads/2026/09/models_decor.svg) no-repeat
    center / contain;
  pointer-events: none;
}

.left_list_models.nav {
  position: relative;
  flex-direction: column;
  flex-wrap: nowrap;
  width: 500px;
  flex-shrink: 0;
  overflow: hidden;
  background: #fff;
  border-radius: 20px;
}

.btn_model_car {
  position: relative;
  display: flex;
  align-items: center;
  gap: 20px;
  width: 100%;
  padding: 10px 20px;
  border-radius: 20px;
  text-align: left;
}

.btn_model_car::after {
  content: "";
  position: absolute;
  left: 20px;
  right: 20px;
  bottom: 0;
  height: 1px;
  background: var(--c-light);
}

.btn_model_car.active,
.btn_model_car:hover {
  background: var(--c-light);
}

.wrap_box_image_prevs {
  width: 147px;
  height: 79px;
  flex-shrink: 0;
}

.wrap_box_image_prevs img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scaleX(-1);
}

.right_meta_namecar {
  flex: 1 1 0;
  min-width: 0;
}

.name_btn_mod_car {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.2;
  color: var(--c-dark);
}

.slang_btn_mod_car {
  font-size: 16px;
  line-height: 1.4;
  color: var(--c-gray);
  opacity: 0.8;
}

.iconsrr_mofs {
  flex-shrink: 0;
}

.iconsrr_mofs img {
  display: block;
  width: 9px;
  height: 14px;
}

.content_pres_car {
  position: relative;
  flex: 1 1 0;
  min-width: 0;
}

.card_auto_wrap {
  display: grid;
  grid-template-columns: minmax(350px, 1fr) minmax(0, 667px);
  gap: 40px;
  padding: 40px;
  overflow: hidden;
  background: #fff;
  border-radius: 20px;
}

.left_meta_info_carcr {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
}

.name_car_card {
  font-size: 19px;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  color: var(--c-dark);
}

.wrice_value_cardcar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 15px;
  margin-top: 15px;
}

.wrice_value_cardcar:empty {
  display: none;
}

.left_price_valer {
  font-size: 22px;
  font-weight: 500;
  line-height: 1.2;
  white-space: nowrap;
}

.box_cred_price_card {
  padding: 6px 12px;
  background: var(--c-light);
  border-radius: 6px;
  font-size: 18px;
  line-height: 1.4;
  white-space: nowrap;
}

.descr_car_box {
  margin-top: 15px;
  font-size: 16px;
  line-height: 1.4;
  color: var(--c-gray);
  opacity: 0.8;
}

.wrap_btns_acsh_card {
  display: inline-flex;
  flex-direction: column;
  gap: 15px;
  margin-top: 40px;
}

.right_gall_moodel {
  position: relative;
  min-width: 0;
  aspect-ratio: 667 / 396;
}

/* Слайдер заходит на верхний и правый padding карточки, машина выходит за колонку как в макете */
.slide_car_mods {
  margin: -40px -40px 0 0;
}

.slide_car_mods .swiper-slide img {
  display: block;
  width: 108.6%;
  max-width: none;
  height: auto;
  aspect-ratio: 768 / 411;
  object-fit: contain;
  object-position: left center;
}

.btns_slide_naver.models_navh {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 2;
}

.preims_mod_box {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
  padding: 20px;
  background: var(--c-bg);
  border-radius: 12px;
}

.preims_mod_box:empty {
  display: none;
}

.item_preimmodel {
  display: flex;
  align-items: center;
  gap: 15px;
  min-height: 50px;
}

.wrap_img_mod_preim {
  width: 50px;
  height: 50px;
  flex-shrink: 0;
}

.wrap_img_mod_preim img {
  display: block;
  width: 50px;
  height: 50px;
}

.text_preimmod {
  font-size: 16px;
  line-height: 1.4;
  color: var(--c-dark);
}

/* Выносим из колонки таба на всю ширину: ширина списка моделей + gap */
.wrap_descr_carcards {
  margin-top: 56px;
  margin-left: -540px;
}

.box_descr_allmodel {
  display: flex;
  gap: 24px;
}

.box_descr_allmodel:empty {
  display: none;
}

.box_per_desc_mod {
  flex: 1 1 0;
  min-width: 0;
  overflow: hidden;
  background: #fff;
  border-radius: 20px;
}

.image_liner_box {
  height: 342px;
}

.image_liner_box img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.contend_desc_card {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 25px;
}

.title_descr_mod {
  font-size: 15px;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  color: var(--c-dark);
}

.text_descr_mod {
  font-size: 16px;
  line-height: 1.4;
  color: var(--c-gray);
}

/* ---------- Помощь с подбором ---------- */

.box_wrap_form_podbor {
  display: flex;
  gap: 10px;
}

.left_box_cont_form {
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  align-items: center;
  padding: 90px 70px;
  background: var(--c-light);
  border-radius: 20px;
}

.cont_inner_formtext .subtiler_form_pod {
  margin-top: 15px;
}

.inline_btns_form {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 20px;
  margin-top: 30px;
}

.imline_massges {
  display: flex;
  align-items: flex-end;
  gap: 5px;
  flex-wrap: wrap;
  min-height: 58px;
  padding-left: 20px;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
}
.imline_massges .pagephone{
  width: 100%;
  font-size: 20px;
}
.title_massges_wrt {
  width: 200px;
  font-size: 16px;
  line-height: 1.4;
  color: var(--c-gray);
}

.inline_massges {
  display: flex;
  align-items: center;
  gap: 10px;
}

.inline_massges a:hover {
  opacity: 0.8;
}

.inline_massges img {
  display: block;
  width: 48px;
  height: 48px;
}

.right_box_cont_form {
  width: 835px;
  flex-shrink: 0;
  overflow: hidden;
  border-radius: 20px;
  background: var(--c-light);
}

.right_box_cont_form img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* ---------- Специальные предложения ---------- */

.slider_offers .swiper-slide {
  height: auto;
}

.action_card_wrap {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  border-radius: 20px;
}

.cobn_image_we {
  position: relative;
  height: 280px;
  flex-shrink: 0;
  background: var(--c-light);
}

.cobn_image_we img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.top_box_sale_alert {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 1;
  padding: 12px 16px;
  background: var(--c-blue);
  border-radius: 50px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  color: #fff;
}

.bot_content_action {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  padding: 25px;
  background: var(--c-bg);
}

.title_action_card {
  font-size: 15px;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
}

.text_action_card {
  font-size: 16px;
  line-height: 1.4;
  color: var(--c-gray);
}

.bot_content_action .get_sale {
  margin-top: auto;
  font-weight: 500;
}

/* ---------- Тест-драйв ---------- */

.get_tesdrive {
  display: flex;
  background: var(--c-bg);
}

.left_box_test_se {
  position: relative;
  width: 50%;
  min-height: 570px;
  flex-shrink: 0;
  background: var(--c-light);
}

.float_image_tesdr {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.right_cont_form {
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 90px max(var(--gutter), calc((100% - var(--content)) / 2 + 30px))
    90px 120px;
}

.subtitle_form_vblse {
  margin-top: 15px;
  font-size: 16px;
  line-height: 1.4;
  color: var(--c-dark);
}

.content_form_test {
  margin-top: 30px;
}

/* ---------- Кредит ---------- */

.twos_col_for_kred {
  display: flex;
  justify-content: space-between;
  min-height: 668px;
  background-color: var(--c-navy);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.left_form_cred {
  width: 46.875%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 90px 150px 90px max(var(--gutter), calc((100% - var(--content)) / 2));
  background: linear-gradient(
    90deg,
    #042f58 0%,
    rgba(4, 47, 88, 0.88) 32.692%,
    rgba(4, 47, 88, 0.647) 68.75%,
    rgba(4, 47, 88, 0.458) 85.577%,
    rgba(4, 47, 88, 0) 100%
  );
}

.content_form_kredt {
  margin-top: 30px;
}

.right_form_cred {
  width: 450px;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 90px max(var(--gutter), calc((100% - var(--content)) / 2)) 90px 60px;
  background: rgba(4, 47, 88, 0.65);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}

.bo_perks_kreds {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.imreeperk {
  display: flex;
  align-items: center;
  gap: 15px;
  min-height: 50px;
}

.imageperkwrap {
  width: 50px;
  height: 50px;
  flex-shrink: 0;
}

.imageperkwrap img {
  display: block;
  width: 50px;
  height: 50px;
}

.textperkerser {
  font-size: 16px;
  line-height: 1.4;
  color: #fff;
}

/* ---------- Банки-партнеры ---------- */

.box_banks_list {
  padding: 60px 0;
  background: var(--c-bg);
}

.box_banks_list .main_page_title {
  max-width: 690px;
  margin-bottom: 40px;
}

.wrap_list_carousel {
  overflow: hidden;
  padding: 10px 0;
  margin: -10px 0;
}

.list_lide_carousert {
  display: flex;
  gap: 20px;
  width: max-content;
}

/* --marquee-shift и --marquee-time выставляет script.js по ширине одного набора логотипов */
.list_lide_carousert.is_marquee {
  animation: banks_scroll var(--marquee-time, 40s) linear infinite;
}

.wrap_list_carousel:hover .list_lide_carousert {
  animation-play-state: paused;
}

@keyframes banks_scroll {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(var(--marquee-shift, -50%), 0, 0);
  }
}

.image_qrap_bank {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 250px;
  height: 90px;
  flex-shrink: 0;
  padding: 10px 20px;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.03);
}

.image_qrap_bank img {
  max-width: 210px;
  max-height: 36px;
  object-fit: contain;
}

/* ---------- Трейд-ин ---------- */

.wrap_box_tradein {
  position: relative;
  display: flex;
  justify-content: flex-end;
  min-height: 413px;
  background: var(--c-navy) url(/wp-content/uploads/2026/09/tradein_bg.webp)
    no-repeat center / cover;
  border-radius: 20px;
}

.left_box_imagetrade {
  position: absolute;
  left: 20.238%;
  top: 120px;
  z-index: 2;
  width: 42.917%;
  pointer-events: none;
}

.left_box_imagetrade img {
  display: block;
  width: 100%;
}

.right_box_tradeinses {
  width: 50%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 120px;
  background: rgba(4, 47, 88, 0.65);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  border-radius: 0 20px 20px 0;
}

.right_box_tradeinses .white_btns {
  margin-top: 30px;
}

/* ---------- Команда ---------- */

.wrap_cont_tesame {
  padding: 90px;
  background: var(--c-bg);
  border-radius: 20px;
}

.slider_perconal {
  margin: -20px;
  padding: 20px;
}

.slider_perconal .swiper-slide {
  height: auto;
}

.box_personal_item {
  height: 100%;
  padding: 10px;
  background: #fff;
  border-radius: 20px;
  box-shadow: 0 0 20px rgba(2, 3, 27, 0.05);
}

.box_personal_item > img {
  display: block;
  width: 100%;
  height: 480px;
  object-fit: cover;
  border-radius: 12px;
}

.box_bottom_blure {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 15px;
}

.name_spec_b {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
}

.dolj_spec_b {
  font-size: 16px;
  line-height: 1.4;
  color: var(--c-gray);
}

/* ---------- Как купить ---------- */

.twocols_cont_bys {
  display: flex;
  align-items: center;
  gap: 90px;
}

.left_box_buys {
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 40px;
}

.text_getbus {
  font-size: 16px;
  line-height: 1.4;
  color: var(--c-gray);
  opacity: 0.8;
}

.text_getbus p + p {
  margin-top: 22px;
}

.left_box_buys > img {
  width: auto;
  height: 44px;
}

.right_box_drg {
  width: 840px;
  flex-shrink: 0;
}

.video_box {
  position: relative;
  height: 473px;
  overflow: hidden;
  background: var(--c-light);
  border-radius: 20px;
}

.video_box > img,
.video_box video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.play_btn {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  transform: translate(-50%, -50%);
}

.play_btn svg {
  display: block;
}

.play_btn:hover {
  transform: translate(-50%, -50%) scale(1.08);
}

/* ---------- Новости ---------- */

.news_company {
  background: var(--c-bg);
  border-radius: 20px;
}

.list_news_box .swiper-slide {
  width: 28.571%;
  height: auto;
}

.list_news_box .swiper-slide:first-child {
  width: 40.476%;
}

.item_new_blog_wrap {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  background: #fff;
  border-radius: 20px;
}

.box_news_company {
  display: block;
  aspect-ratio: 680 / 470;
  overflow: hidden;
  background: var(--c-light);
}

.box_news_company img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.4s ease;
}

.box_news_company:hover img {
  transform: scale(1.04);
}

.meta_new_box {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 25px 25px 10px;
}

.new_data_pub {
  font-size: 14px;
  line-height: 1.4;
  color: var(--c-gray);
}

.title_new_box {
  font-size: 15px;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
}

.get_see_blog {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  gap: 10px;
  margin: auto 25px 25px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
  color: var(--c-blue);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.get_see_blog:hover {
  color: var(--c-blue-dark);
}

.get_see_blog img {
  width: 15px;
  height: auto;
}

/* ---------- Отзывы ---------- */

.wrap_title_box_res {
  margin-bottom: 40px;
}

.wrap_place_revs {
  overflow: hidden;
  border-radius: 16px;
}

.wrap_place_revs iframe {
  display: block;
  width: 100%;
  max-width: 100%;
}

/* ---------- Форма заявки ---------- */

.full_form_box {
  min-height: 618px;
  padding: 90px 0;
  overflow: hidden;
  background-color: var(--c-navy);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.full_form_box .container {
  display: flex;
  align-items: center;
  gap: 200px;
}

.wrap_cont_form_50 {
  width: 750px;
  max-width: 100%;
  flex-shrink: 0;
}

.wrap_form_consult {
  margin-top: 30px;
}

/* ---------- Формы (Contact Form 7) ---------- */

.form_light .wpcf7-form,
.form_dark .wpcf7-form {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}

.form_light .wpcf7-form p,
.form_dark .wpcf7-form p {
  margin: 0;
}

.wpcf7-form > * {
  width: 100%;
}

.wpcf7-form > .wrap_form_short {
  width: calc(50% - 7.5px);
}

.sand_btm {
  margin-top: 15px;
}

.form_row {
  display: flex;
  gap: 15px;
}

.form_row > * {
  flex: 1 1 0;
  min-width: 0;
}

.form_light .wpcf7-form-control-wrap,
.form_dark .wpcf7-form-control-wrap {
  display: block;
}

.form_light input[type="text"],
.form_light input[type="tel"],
.form_light input[type="email"],
.form_light input[type="date"],
.form_light input[type="number"],
.form_light select,
.form_light textarea,
.form_dark input[type="text"],
.form_dark input[type="tel"],
.form_dark input[type="email"],
.form_dark input[type="date"],
.form_dark input[type="number"],
.form_dark select,
.form_dark textarea {
  display: block;
  width: 100%;
  height: 58px;
  padding: 0 25px;
  border: 1px solid var(--c-blue);
  border-radius: 50px;
  outline: none;
  background: #fff;
  font-family: inherit;
  font-size: 16px;
  line-height: 1.2;
  color: var(--c-dark);
  transition: 0.2s ease;
}

.form_light textarea,
.form_dark textarea {
  height: 120px;
  padding: 19px 25px;
  border-radius: 29px;
  resize: none;
}

.form_light select,
.form_dark select {
  padding-right: 55px;
  -webkit-appearance: none;
  appearance: none;
  background: #fff url(/wp-content/uploads/2026/09/select_arrow.svg) no-repeat
    right 26px center / 14px 8px;
  cursor: pointer;
}

.form_light ::placeholder {
  color: var(--c-gray);
  opacity: 1;
}

.form_light input:focus,
.form_light select:focus,
.form_light textarea:focus {
  border-color: var(--c-blue-dark);
  box-shadow: 0 0 0 3px rgba(48, 125, 190, 0.15);
}

.form_dark input[type="text"],
.form_dark input[type="tel"],
.form_dark input[type="email"],
.form_dark input[type="date"],
.form_dark input[type="number"],
.form_dark select,
.form_dark textarea {
  border-color: #fff;
  background-color: rgba(255, 255, 255, 0.2);
  color: #fff;
}

.form_dark select {
  background-image: url(/wp-content/uploads/2026/09/select_arrow_white.svg);
}

.form_dark select option {
  color: var(--c-dark);
}

.form_dark ::placeholder {
  color: #fff;
  opacity: 1;
}

.form_dark input:focus,
.form_dark select:focus,
.form_dark textarea:focus {
  background-color: rgba(255, 255, 255, 0.3);
}

.form_light .wpcf7-acceptance,
.form_dark .wpcf7-acceptance,
.form_light .wpcf7-checkbox,
.form_dark .wpcf7-checkbox {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.form_light .wpcf7-list-item,
.form_dark .wpcf7-list-item {
  display: block;
  margin: 0;
}

.form_light .wpcf7-list-item label,
.form_dark .wpcf7-list-item label {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 14px;
  line-height: 1.4;
  cursor: pointer;
}

.form_light .wpcf7-list-item label {
  color: var(--c-gray);
}

.form_dark .wpcf7-list-item-label {
  color: #fff;
  opacity: 0.7;
}

.form_light .wpcf7-list-item-label a,
.form_dark .wpcf7-list-item-label a {
  text-decoration: underline;
}

.form_light input[type="checkbox"],
.form_dark input[type="checkbox"] {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  margin: 0;
  padding: 3px;
  border: 2px solid rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  -webkit-appearance: none;
  appearance: none;
  background: #fff;
  cursor: pointer;
  transition: 0.2s ease;
}

.form_light input[type="checkbox"]:checked {
  border-color: var(--c-blue);
  background:
    linear-gradient(var(--c-blue), var(--c-blue)) content-box,
    #fff;
}

.form_dark input[type="checkbox"] {
  border: 1px solid #fff;
  padding: 4px;
  background: rgba(255, 255, 255, 0.2);
}

.form_dark input[type="checkbox"]:checked {
  background:
    linear-gradient(#fff, #fff) content-box,
    rgba(255, 255, 255, 0.2);
}

.form_light input[type="submit"],
.form_light button[type="submit"],
.form_dark input[type="submit"],
.form_dark button[type="submit"] {
  display: block;
  width: 100%;
  height: 58px;
  padding: 0 26px;
  border: 0;
  border-radius: 50px;
  font-family: inherit;
  font-size: 15px;
  line-height: 1.2;
  text-transform: uppercase;
  cursor: pointer;
  transition: 0.2s ease;
}

.form_light input[type="submit"],
.form_light button[type="submit"] {
  background: var(--grad-btn);
  color: #fff;
}

.form_light input[type="submit"]:hover,
.form_light button[type="submit"]:hover {
  filter: brightness(1.15);
}

.form_dark input[type="submit"],
.form_dark button[type="submit"] {
  background: #fff;
  color: var(--c-dark);
}

.form_dark input[type="submit"]:hover,
.form_dark button[type="submit"]:hover {
  background: var(--c-light);
}

.wpcf7-spinner {
  position: absolute;
  margin: 0;
}

.wpcf7-not-valid-tip {
  margin-top: 5px;
  padding: 0 25px;
  font-size: 13px;
}

.form_dark .wpcf7-not-valid-tip {
  color: #ffb4b4;
}

.wpcf7 form .wpcf7-response-output {
  margin: 0;
  padding: 12px 20px;
  border-radius: 12px;
  font-size: 14px;
}

.form_dark .wpcf7-response-output {
  color: #fff;
}

/* ---------- Контакты ---------- */

.contacts_map .container {
  display: flex;
  align-items: stretch;
  gap: 40px;
}

.left_box_contact {
  width: 640px;
  flex-shrink: 0;
}

.left_box_contact .main_page_title {
  margin-bottom: 40px;
}

.list_icons_cont {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.item_cont_box {
  display: flex;
  align-items: center;
  gap: 30px;
  min-height: 70px;
}

.wrap_image_cont {
  width: 70px;
  height: 70px;
  flex-shrink: 0;
}

.wrap_image_cont img {
  display: block;
  width: 70px;
  height: 70px;
}

.wal_cont_itm {
  flex: 1 1 0;
  min-width: 0;
}

.text_val_cont {
  font-size: 20px;
  line-height: 1.4;
}

.phone_box_bold {
  font-size: 22px;
  font-weight: 500;
  line-height: 1.4;
  text-transform: uppercase;
  color: var(--c-dark);
}

.phone_box_bold:hover {
  color: var(--c-blue);
}

.right_box_map {
  flex: 1 1 0;
  min-width: 0;
  min-height: 413px;
  overflow: hidden;
  background: var(--c-light);
  border-radius: 20px;
}

.map_box_cont {
  width: 100%;
  height: 100%;
  min-height: 413px;
}

/* ---------- Вопросы ---------- */

.questions_page .main_page_title {
  margin-bottom: 40px;
}

.questionsise {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
  gap: 40px;
}

.questionsise .accordion-item {
  background: none;
  border: 0;
  border-bottom: 1px solid var(--c-light);
  border-radius: 0 !important;
}

.questionsise .accordion-item:first-child {
  border-top: 1px solid var(--c-light);
}

.questionsise .accordion-header {
  margin: 0;
}

.questionsise .accordion-button {
  gap: 20px;
  padding: 20px 0;
  background: none;
  border-radius: 0 !important;
  box-shadow: none;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  color: var(--c-dark);
}

.questionsise .accordion-button:hover {
  color: var(--c-blue);
}

.questionsise .accordion-button:focus {
  border-color: transparent;
  box-shadow: none;
}

.questionsise .accordion-button:not(.collapsed) {
  background: none;
  box-shadow: none;
  color: var(--c-dark);
}

.questionsise .accordion-button::after {
  width: 18px;
  height: 18px;
  margin-left: auto;
  background: url(/wp-content/uploads/2026/09/faq_plus.svg) no-repeat center /
    18px 18px;
  transform: none;
}

.questionsise .accordion-button:not(.collapsed)::after {
  background: url(/wp-content/uploads/2026/09/faq_minus.svg) no-repeat center /
    18px 2px;
  transform: none;
}

.questionsise .accordion-body {
  margin-top: -5px;
  padding: 0 0 20px;
  font-size: 16px;
  line-height: 1.4;
  color: var(--c-gray);
  opacity: 0.8;
}

/* ---------- Подвал ---------- */

footer {
  margin-top: 90px;
  padding: 60px 0 54px;
  background: var(--c-footer);
  color: #fff;
}

.footer_line_one {
  display: flex;
  align-items: flex-start;
  gap: 120px;
}

.logo_box_footer {
  display: flex;
  flex-direction: column;
  gap: 20px;
  flex-shrink: 0;
}

.wrap_logo_footer img {
  display: block;
  width: auto;
  height: 36px;
}

.wrap_copyrgh {
  display: flex;
  align-items: center;
  gap: 15px;
}

.twos_logo_footer {
  width: auto;
  height: 35px;
}

.text_dealer_footer {
  display: flex;
  align-items: center;
  width: 177px;
  min-height: 35px;
  padding-left: 15px;
  border-left: 1px solid rgba(255, 255, 255, 0.1);
  font-size: 14px;
  line-height: 1.2;
  opacity: 0.8;
}

.nav_footer_box {
  flex: 1 1 0;
  min-width: 0;
}

.nav_footer_box ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 20px 50px;
}

.nav_footer_box a {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
  color: #fff;
  white-space: nowrap;
}

.nav_footer_box a:hover {
  color: var(--c-light);
  opacity: 0.7;
}

.contacts_footer {
  width: 330px;
  flex-shrink: 0;
}

.col_align_conts_ft {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  text-align: right;
}

.footer_phone_or {
  font-size: 22px;
  font-weight: 500;
  line-height: 1.4;
  text-transform: uppercase;
  color: #fff;
}

.footer_phone_or:hover {
  color: var(--c-light);
}

.adres_footer {
  margin-top: 20px;
  font-size: 16px;
  line-height: 1.4;
}

.shedle_footer {
  margin-top: 5px;
  font-size: 16px;
  line-height: 1.4;
  opacity: 0.5;
}

.footer_line_two {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 30px;
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  font-size: 14px;
  line-height: 1.4;
}

.wrap_compli {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.wrap_compli p {
  opacity: 0.5;
}

.wrap_policy ul {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 10px;
}

.wrap_policy a {
  color: #fff;
  opacity: 0.5;
}

.wrap_policy a:hover {
  opacity: 1;
}

/* ---------- Модальные окна и мобильное меню ---------- */

.modal-backdrop.show {
  background: var(--c-dark);
  opacity: 0.6;
}

.request_modal .modal-dialog {
  max-width: 560px;
}

.modal-content {
  padding: 40px;
  border: 0;
  border-radius: 20px;
}

.modal-header {
  align-items: flex-start;
  gap: 20px;
  padding: 0 0 30px;
  border: 0;
}

.modal_titles {
  display: flex;
  flex-direction: column;
  gap: 15px;
  min-width: 0;
}

.modal-title {
  font-size: 32px;
  font-weight: 500;
  line-height: 1.2;
  color: var(--c-dark);
}

.modal_subtitle {
  font-size: 16px;
  line-height: 1.4;
  color: var(--c-gray);
}

.modal_info_line {
  display: none;
  align-self: flex-start;
  padding: 6px 12px;
  background: var(--c-light);
  border-radius: 6px;
  font-size: 16px;
  line-height: 1.4;
  color: var(--c-dark);
}

.modal-body {
  padding: 0;
}

.btn_close,
.close_pop,
.btn_close_menu {
  display: block;
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  margin-left: auto;
  border-radius: 50%;
}

.btn_close img,
.close_pop img,
.btn_close_menu img {
  display: block;
  width: 40px;
  height: 40px;
}

.btn_close:hover,
.close_pop:hover,
.btn_close_menu:hover {
  opacity: 0.8;
}

#video_modal .modal-dialog {
  max-width: 960px;
}

#video_modal .modal-body video {
  display: block;
  width: 100%;
  border-radius: 12px;
}

/* Мобильное меню */

.offcanvas.mob_menu_canvas {
  width: 100%;
  border: 0;
  background: #fff;
}

.btn_close_menu {
  position: absolute;
  top: 12px;
  right: var(--gutter);
  z-index: 2;
}

.mob_menu_canvas .offcanvas-body {
  display: flex;
  flex-direction: column;
  padding: 62px var(--gutter) 10px;
}

.mob_menu_nav {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px 0;
}

.mob_menu_nav ul {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}

.mob_menu_nav a {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  color: var(--c-dark);
}

.mob_menu_nav a:hover,
.mob_menu_nav .current-menu-item > a {
  color: var(--c-blue);
}

.mob_menu_contacts {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 30px;
  padding: 30px 10px 10px;
  background: var(--c-bg);
  border-radius: 20px;
}

.mob_menu_info {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 330px;
  text-align: center;
  line-height: 1.4;
}

.mob_menu_phone {
  font-size: 20px;
  font-weight: 500;
  text-transform: uppercase;
  color: var(--c-dark);
}

.mob_menu_adres {
  margin-top: 15px;
  font-size: 14px;
  color: var(--c-dark);
}

.mob_menu_shedle {
  margin-top: 5px;
  font-size: 14px;
  color: rgba(2, 3, 27, 0.5);
}

.mob_menu_contacts .gradi_btn {
  width: 100%;
}

/* Метка на карте */

.map_marker {
  position: absolute;
  left: -28.5px;
  top: -65px;
  width: 57px;
  height: 65px;
}

.map_marker_pin {
  display: block;
  width: 57px;
  height: 65px;
  max-width: none;
}

.map_marker_card {
  position: absolute;
  left: 67px;
  top: 50%;
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding: 15px;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  transform: translateY(-50%);
  white-space: nowrap;
}

.map_marker_text {
  font-family: "Golos Text", sans-serif;
  font-size: 16px;
  line-height: 1.4;
  color: var(--c-dark);
}

.map_marker_name {
  font-weight: 500;
  text-transform: uppercase;
}

.map_marker_route {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-family: "Golos Text", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
  color: var(--c-blue);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.map_marker_route:hover {
  color: var(--c-blue-dark);
}

.map_marker_route img {
  width: 15px;
  height: auto;
}

/* ---------- Страница автомобиля ---------- */

.single_car section[id] {
  scroll-margin-top: 130px;
}

.single_car + footer {
  margin-top: 0;
}

.line_white_btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 58px;
  padding: 19px 26px;
  border: 1px solid #fff;
  border-radius: 50px;
  background: transparent;
  font-size: 15px;
  line-height: 1.2;
  text-transform: uppercase;
  text-align: center;
  white-space: nowrap;
  color: #fff;
}

.line_white_btn:hover {
  background: #fff;
  color: var(--c-dark);
}

.car_hero {
  position: relative;
  display: flex;
  min-height: 719px;
  overflow: hidden;
  background: var(--c-navy);
}

.car_hero_bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
}

.car_hero_panel {
  position: relative;
  z-index: 1;
  width: 46.875%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 30px;
  padding: 90px 150px 90px max(var(--gutter), calc((100% - var(--content)) / 2));
  background: linear-gradient(
    90deg,
    #042f58 0%,
    rgba(4, 47, 88, 0.88) 32.692%,
    rgba(4, 47, 88, 0.647) 68.75%,
    rgba(4, 47, 88, 0.458) 85.577%,
    rgba(4, 47, 88, 0) 100%
  );
}

.car_hero_head {
  display: flex;
  flex-direction: column;
  gap: 15px;
  color: #fff;
}

.car_hero_title {
  font-size: 52px;
  font-weight: 500;
  line-height: 1.2;
  color: #fff;
}

.car_hero_descr {
  font-size: 16px;
  line-height: 1.4;
}

.car_hero_info {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.car_hero_label {
  font-size: 16px;
  line-height: 1.4;
  color: #fff;
  opacity: 0.5;
}

.car_hero_value {
  font-size: 32px;
  line-height: 1.2;
  color: #fff;
  white-space: nowrap;
}

.car_hero_btns {
  display: inline-flex;
  flex-direction: column;
  align-self: flex-start;
  gap: 20px;
}

/* Табы (кузов/салон, интерьер, технологии) */

.nav.car_tabs {
  display: flex;
  flex-wrap: nowrap;
  gap: 20px;
  max-width: 100%;
  overflow-x: auto;
  scrollbar-width: none;
}

.nav.car_tabs::-webkit-scrollbar {
  display: none;
}

.car_tabs > li:first-child {
  margin-left: auto;
}

.car_tabs > li:last-child {
  margin-right: auto;
}

.car_tab_btn {
  padding: 15px 30px;
  border-bottom: 1px solid var(--c-light);
  font-size: 15px;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  white-space: nowrap;
  color: var(--c-gray);
}

.car_tab_btn:hover,
.car_tab_btn.active {
  border-color: var(--c-blue);
  color: var(--c-blue);
}

.nav_btn70 {
  position: absolute;
  top: 50%;
  z-index: 2;
  width: 70px;
  height: 70px;
  margin-top: -35px;
  border-radius: 50%;
}

.nav_btn70 img {
  display: block;
  width: 70px;
  height: 70px;
}

.nav_btn70:hover {
  opacity: 0.85;
}

.nav_btn70.swiper-button-disabled {
  opacity: 0.4;
  pointer-events: none;
}

.nav_btn70.swiper-button-lock {
  display: none;
}

.car_arrow_left {
  left: -35px;
}

.car_arrow_right {
  right: -35px;
}

/* Выбор цвета */

.wrap_car_colors {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 40px;
  padding: 40px 60px 60px;
  background: var(--c-bg);
  border-radius: 20px;
}

.wrap_car_colors > .tab-content {
  width: 100%;
}

.car_colors_body {
  position: relative;
  display: flex;
  justify-content: space-between;
  gap: 40px;
  min-height: 516px;
}

.car_colors_left {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 326px;
  flex-shrink: 0;
}

.car_colors_titles {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.car_colors_subtitle {
  max-width: 250px;
  font-size: 16px;
  line-height: 1.4;
  color: var(--c-gray);
}

.car_colors_name {
  font-size: 15px;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: var(--c-gray);
}

.car_colors_gallery {
  position: absolute;
  top: 0;
  left: 50%;
  width: 949px;
  max-width: 61%;
  transform: translateX(-50%);
}

.car_color_slider img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 949 / 509;
  object-fit: contain;
}

.btns_slide_naver.car_color_navs {
  position: absolute;
  left: 50%;
  bottom: 0;
  z-index: 2;
  transform: translateX(-50%);
}

.car_colors_list {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-self: flex-start;
  gap: 15px;
}

.color_pick_btn {
  display: flex;
  align-items: center;
  gap: 15px;
  text-align: left;
}

.color_swatch {
  position: relative;
  width: 44px;
  height: 44px;
  flex-shrink: 0;
  border-radius: 50%;
}

.color_swatch img {
  display: block;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  object-fit: cover;
}

.color_pick_btn.active .color_swatch::after {
  content: "";
  position: absolute;
  inset: -6px;
  background: url(/wp-content/uploads/2026/09/color_ring.svg) no-repeat center /
    56px 56px;
}

.color_pick_name {
  font-size: 13px;
  line-height: 1.4;
  white-space: nowrap;
  color: var(--c-gray);
}

.color_pick_btn:hover .color_pick_name,
.color_pick_btn.active .color_pick_name {
  color: var(--c-dark);
}

.car_salon_wrap {
  position: relative;
}

.car_salon_img {
  display: block;
  aspect-ratio: 740 / 465;
  overflow: hidden;
  border-radius: 20px;
}

.car_salon_img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Навигация по разделам */

.car_anchor_nav {
  position: sticky;
  top: 55px;
  z-index: 90;
  margin-top: 90px;
  background: #fff;
}

.car_anchor_list {
  display: flex;
  gap: 20px;
  overflow-x: auto;
  scrollbar-width: none;
  box-shadow: inset 0 -1px 0 var(--c-light);
}

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

.car_anchor_list a {
  flex-shrink: 0;
  padding: 15px 30px;
  border-bottom: 1px solid transparent;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  white-space: nowrap;
  color: var(--c-gray);
}

.car_anchor_list a:first-child {
  margin-left: auto;
}

.car_anchor_list a:last-child {
  margin-right: auto;
}

.car_anchor_list a:hover,
.car_anchor_list a.active {
  border-color: var(--c-blue);
  color: var(--c-blue);
}

/* Баннер с текстом (экстерьер, технологии) */

.car_banner {
  position: relative;
  height: 750px;
  overflow: hidden;
  background: var(--c-light);
  border-radius: 20px;
}

.car_banner > img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
}

.car_banner::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 230px;
  background: linear-gradient(0deg, #121314 0%, rgba(18, 19, 20, 0) 100%);
  opacity: 0.8;
}

.car_banner_text {
  position: absolute;
  left: 50px;
  bottom: 50px;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 20px;
  max-width: 700px;
  color: #fff;
}

.car_banner_title {
  font-size: 32px;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
}

.car_banner_descr {
  font-size: 16px;
  line-height: 1.4;
}

.car_card_title {
  font-size: 15px;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  color: var(--c-dark);
}

.car_card_text {
  font-size: 16px;
  line-height: 1.4;
  color: var(--c-gray);
}

.car_section_head {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  margin-bottom: 40px;
  text-align: center;
}

/* Экстерьер */

.car_exterior {
  margin-top: 60px;
}

.car_exterior .main_page_title {
  margin-bottom: 40px;
}

.car_ext_cards {
  display: flex;
  gap: 24px;
  margin-top: 40px;
}

.car_ext_card {
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 25px;
}

.car_ext_img {
  height: 342px;
  overflow: hidden;
  border-radius: 20px;
  background: var(--c-light);
}

.car_ext_img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.car_ext_meta {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* Интерьер */

.car_interior {
  padding: 90px 0;
  background: var(--c-bg);
  border-radius: 60px;
}

.car_inter_wrap {
  position: relative;
}

.car_inter_slider .swiper-slide {
  width: calc((100% - 44.048% - 48px) / 2);
  height: auto;
  align-self: flex-start;
}

.car_inter_slider .swiper-slide:first-child {
  width: 44.048%;
}

.car_inter_card {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background: #fff;
  border-radius: 20px;
}

.car_inter_img {
  aspect-ratio: 446 / 280;
  background: var(--c-light);
}

.car_inter_slider .swiper-slide:first-child .car_inter_img {
  aspect-ratio: 740 / 465;
}

.car_inter_img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.car_inter_meta {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 25px;
}

.car_inter_slider .swiper-slide:first-child .car_inter_meta {
  min-height: 144px;
}

.btns_slide_naver.car_inter_navs {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 2;
}

/* Технологии */

.car_techno_wrap {
  position: relative;
}

/* Комплектации */

.compl_swipe_icon {
  width: 57px;
  height: 28px;
}

.compl_table_wrap {
  overflow-x: auto;
  border: 1px solid var(--c-light);
  border-radius: 20px;
}

.compl_table {
  width: max-content;
  min-width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
}

.compl_table .compl_label,
.compl_table .compl_head {
  width: 200px;
  min-width: 200px;
}

.compl_table .compl_label {
  position: sticky;
  left: 0;
  z-index: 1;
}

.compl_table th,
.compl_table td {
  border-right: 1px solid var(--c-light);
  border-bottom: 1px solid var(--c-light);
  vertical-align: middle;
  text-align: left;
}

.compl_table th:last-child,
.compl_table td:last-child {
  border-right: 0;
}

.compl_table tbody tr:last-child td {
  border-bottom: 0;
}

.compl_corner {
  height: 69px;
  background: #fff !important;
}

.compl_head {
  padding: 20px 30px;
  background: var(--c-bg);
  font-size: 24px;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  color: var(--c-dark);
}

.compl_label {
  background: var(--c-bg);
}

.compl_group {
  cursor: pointer;
}

.compl_group .compl_label {
  height: 62px;
  padding: 20px 25px;
}

.compl_group_name {
  display: flex;
  align-items: center;
  gap: 25px;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  color: var(--c-dark);
  transition: 0.2s ease;
}

.compl_group_name::before {
  content: "";
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  background: url(/wp-content/uploads/2026/09/faq_plus.svg) no-repeat center /
    18px 18px;
}

.compl_group.is_open .compl_group_name::before {
  background-image: url(/wp-content/uploads/2026/09/faq_minus.svg);
  background-size: 18px 2px;
}

.compl_group:hover .compl_group_name {
  color: var(--c-blue);
}

.compl_sub .compl_label {
  padding: 20px 25px 20px 74px;
  font-size: 16px;
  line-height: 1.4;
  color: var(--c-gray);
}

.compl_value {
  padding: 20px 30px;
  background: #fff;
  font-size: 16px;
  line-height: 1.4;
  color: var(--c-dark);
}

.compl_value {
  transition: background-color 0.2s ease;
}

.compl_sub:hover .compl_value {
  background: var(--c-bg);
}

.compl_sub.is_hidden {
  display: none;
}

/* ---------- Статья ---------- */

.single_post_page + footer {
  margin-top: 0;
}

.post_top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 40px;
  padding-left: max(var(--gutter), calc((100% - var(--content)) / 2));
  background: var(--c-bg);
}

.post_top_text {
  display: flex;
  flex-direction: column;
  gap: 25px;
  width: 650px;
  max-width: 100%;
  padding: 30px 0;
}

.post_date {
  font-size: 14px;
  line-height: 1.2;
  color: var(--c-gray);
  opacity: 0.8;
}

.post_title {
  font-size: 40px;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  color: var(--c-dark);
}

.post_intro {
  font-size: 16px;
  line-height: 1.6;
  color: var(--c-dark);
}

.post_top_image {
  position: relative;
  width: 58.334%;
  flex-shrink: 0;
  aspect-ratio: 1120 / 590;
  overflow: hidden;
}

/* Скошенный левый край: обёртка наклонена на 10deg, картинка внутри выпрямлена обратно */
.post_top_shape {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: -25%;
  overflow: hidden;
  border-radius: 20px 0 0 20px;
  transform: skewX(-10deg);
  transform-origin: 0 100%;
}

.post_top_shape img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: 30% center;
  transform: skewX(10deg);
  transform-origin: 0 100%;
}

.post_body {
  margin-top: 60px;
}

.post_body:last-child {
  padding-bottom: 90px;
}

.post_body_grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1000px) minmax(0, 1fr);
  column-gap: 40px;
  align-items: start;
}

.post_share {
  grid-column: 1;
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 280px;
  max-width: 100%;
}

.post_share_title {
  font-size: 15px;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  color: var(--c-dark);
}

.post_share_list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.share_btn {
  display: flex;
  align-items: center;
  gap: 10px;
  height: 56px;
  padding: 0 20px;
  border: 2px solid;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.6;
  color: var(--c-dark);
}

.share_btn img {
  width: 36px;
  height: 36px;
  flex-shrink: 0;
}

.share_tg {
  border-color: #2aabee;
}

.share_wa {
  border-color: #07c347;
}

.share_vk {
  border-color: #0077ff;
}

.share_tg:hover {
  background: #2aabee;
  color: #fff;
}

.share_wa:hover {
  background: #07c347;
  color: #fff;
}

.share_vk:hover {
  background: #0077ff;
  color: #fff;
}

.post_content {
  grid-column: 2;
  min-width: 0;
  font-size: 16px;
  line-height: 1.6;
  color: var(--c-dark);
}

.post_content > * + * {
  margin-top: 25px;
}

.post_content h2,
.post_content h3,
.post_content h4 {
  margin-top: 40px;
  font-weight: 500;
  line-height: 1.2;
}

.post_content h2 {
  font-size: 28px;
}

.post_content h3 {
  font-size: 22px;
}

.post_content h4 {
  font-size: 18px;
}

.post_content ul,
.post_content ol {
  padding-left: 22px;
}

.post_content ul {
  list-style: disc;
}

.post_content li + li {
  margin-top: 8px;
}

.post_content a {
  color: var(--c-blue);
  text-decoration: underline;
}

.post_content img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 20px;
}

.post_content > img,
.post_content > figure,
.post_content > p:has(> img:only-child) {
  margin-top: 40px;
  margin-bottom: 40px;
}

.post_content figure {
  margin-left: 0;
  margin-right: 0;
}

.post_content figcaption {
  margin-top: 10px;
  font-size: 14px;
  color: var(--c-gray);
}

.post_content blockquote {
  margin: 40px 0;
  padding: 25px 30px;
  background: var(--c-bg);
  border-left: 3px solid var(--c-blue);
  border-radius: 0 12px 12px 0;
}

.other_news {
  margin-top: 90px;
  padding: 90px 0;
  background: var(--c-bg);
  border-radius: 60px 60px 0 0;
}

.other_news .main_page_title {
  margin-bottom: 40px;
}

.other_news_list {
  display: flex;
  align-items: stretch;
  gap: 24px;
}

.other_news_list .item_new_blog_wrap {
  flex: 1 1 0;
  min-width: 0;
  height: auto;
}



/* ---------- Внутренние страницы ---------- */

.page_header,
.main_space_top {
  padding-top: 60px;
}

.title_font_style,
.title_main_page {
  font-size: 40px;
  font-weight: 500;
  line-height: 1.2;
}

.space_un_title,
.space_top_cont {
  margin-top: 30px;
}

.content_pagewrp,
.box_fder_comnter {
  font-size: 16px;
  line-height: 1.5;
}

.content_pagewrp p + p,
.box_fder_comnter p + p {
  margin-top: 15px;
}

.content_pagewrp .fill_blue_btn {
  margin-top: 30px;
}

.blog_data {
  margin-bottom: 10px;
  font-size: 14px;
  color: var(--c-gray);
}

.wrap_blog_news {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.image_wwrap_box img {
  border-radius: 20px;
}

@media (min-width: 991px) {
  .hide_peca {
    display: none !important;
  }
}

@media (max-width: 1760px) {
  .left_box_cont_form {
    padding: 55px;
  }

  .right_box_cont_form {
    width: 45%;
  }

  .right_box_tradeinses {
    padding: 90px;
  }

  .full_form_box .container {
    gap: 120px;
  }
}

@media (max-width: 1460px) {
  .main_page_title,
  .thite_main_title,
  .title_font_style,
  .title_main_page {
    font-size: 36px;
  }

  .title_main_slider {
    font-size: 44px;
  }

  .col_head_acti {
    gap: 40px;
  }

  .nav_liner_head ul {
    gap: 10px 40px;
  }

  .perks_items_betwen {
    gap: 40px;
  }

  .perk_comp_item {
    gap: 20px;
  }

  .perk_comp_item + .perk_comp_item {
    padding-left: 40px;
  }

  .text_perk_box {
    font-size: 18px;
  }

  .left_list_models.nav {
    width: 400px;
  }

  .wrap_descr_carcards {
    margin-left: -440px;
  }

  .car_main_slider {
    left: 48%;
    top: 280px;
    width: 60%;
  }

  .wrap_box_image_prevs {
    width: 110px;
    height: 59px;
  }

  .card_auto_wrap {
    padding: 30px;
    gap: 30px;
  }

  .slide_car_mods {
    margin: -30px -30px 0 0;
  }

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

  .left_form_cred {
    width: 58%;
    padding-right: 80px;
  }

  .right_form_cred {
    width: 380px;
    padding-left: 40px;
  }

  .right_cont_form {
    padding-left: 60px;
  }

  .wrap_cont_tesame {
    padding: 60px;
  }

  .twocols_cont_bys {
    gap: 60px;
  }

  .right_box_drg {
    width: 50%;
  }

  .left_box_contact {
    width: 480px;
  }

  .footer_line_one {
    gap: 60px;
  }

  .nav_footer_box ul {
    gap: 15px 30px;
  }

  .full_form_box .container {
    gap: 60px;
  }
}

@media (max-width: 1200px) {
  .wrap_head_adres {
    display: none;
  }

  .nav_liner_head ul {
    gap: 10px 25px;
  }

  .nav_liner_head a {
    font-size: 15px;
  }

  .slider_main .swiper-slide {
    height: 600px;
  }

  .car_main_slider {
    left: 45%;
    top: 250px;
    width: 65%;
  }

  .title_main_slider {
    font-size: 38px;
  }

  .wrap_models_box {
    flex-direction: column;
    align-items: stretch;
  }

  .wrap_models_box::before {
    display: none;
  }

  .wrap_descr_carcards {
    margin-left: 0;
  }

  .left_list_models.nav {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
  }

  .card_auto_wrap {
    grid-template-columns: minmax(0, 1fr);
  }

  .slide_car_mods {
    margin: 0;
  }

  .slide_car_mods .swiper-slide img {
    width: 100%;
  }

  .box_wrap_form_podbor {
    flex-direction: column;
  }

  .right_box_cont_form {
    width: 100%;
    height: 400px;
  }

  .twos_col_for_kred {
    flex-direction: column;
  }

  .left_form_cred,
  .right_form_cred {
    width: 100%;
    padding: 60px var(--gutter);
  }

  .left_form_cred {
    background: linear-gradient(
      90deg,
      #042f58 0%,
      rgba(4, 47, 88, 0.88) 50%,
      rgba(4, 47, 88, 0.65) 100%
    );
  }

  .wrap_box_tradein {
    min-height: 360px;
  }

  .left_box_imagetrade {
    left: 3%;
    top: auto;
    bottom: 30px;
    width: 45%;
  }

  .right_box_tradeinses {
    padding: 60px;
  }

  .twocols_cont_bys {
    flex-direction: column;
    align-items: stretch;
  }

  .right_box_drg {
    width: 100%;
  }

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

  .left_box_contact {
    width: 100%;
  }

  .footer_line_one {
    flex-wrap: wrap;
  }

  .nav_footer_box {
    order: 3;
    flex-basis: 100%;
  }

  .nav_footer_box ul {
    justify-content: flex-start;
  }

  .contacts_footer {
    margin-left: auto;
  }

  .full_form_box .container {
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
  }
}

@media (max-width: 991px) {
  :root {
    --gutter: 20px;
  }

  .hide_mobile {
    display: none !important;
  }

  .space_top_90 {
    margin-top: 60px;
  }

  .padding_90 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .main_page_title,
  .thite_main_title,
  .title_font_style,
  .title_main_page {
    font-size: 30px;
  }

  .row_line_head {
    height: 70px;
    border-bottom: 0;
  }

  .nav_liner_head {
    display: none;
  }

  .wrap_logo_head {
    gap: 15px;
  }

  .logo_head img {
    height: 26px;
  }

  .logo_twos_head img {
    height: 32px;
  }

  .col_head_acti {
    gap: 15px;
  }

  .wrap_head_phone > a img {
    display: block;
    width: 28px;
    height: 28px;
  }

  .slider_main .swiper-slide {
    height: 560px;
  }

  .row100height {
    align-items: flex-start;
  }

  .wrap_content_banner {
    padding-top: 40px;
  }

  .car_main_slider {
    left: 50%;
    top: 310px;
    width: 90%;
    max-width: 720px;
    transform: translateX(-50%);
  }

  .title_main_slider {
    font-size: 32px;
  }

  .text_main_slider {
    margin-top: 20px;
    font-size: 18px;
  }

  .btns_main_slider {
    margin-top: 30px;
  }

  .slider_meta_wrap {
    bottom: 30px;
  }

  .perks_home {
    padding: 40px 0;
  }

  .perks_items_betwen {
    flex-direction: column;
    gap: 20px;
  }

  .perk_comp_item + .perk_comp_item {
    padding: 20px 0 0;
    border-left: 0;
    border-top: 1px solid var(--c-light);
  }

  .models_home,
  .news_company {
    border-radius: 30px;
  }

  .models_home .title_wrap_twocols {
    flex-direction: column;
    gap: 10px;
  }

  .models_home .main_subtitle_page {
    text-align: left;
  }

  .left_list_models.nav {
    grid-template-columns: minmax(0, 1fr);
  }

  .card_auto_wrap {
    padding: 25px;
  }

  .name_car_card {
    font-size: 28px;
  }

  .preims_mod_box {
    grid-template-columns: minmax(0, 1fr);
    gap: 15px;
  }

  .wrap_descr_carcards {
    margin-top: 30px;
  }

  .box_descr_allmodel {
    flex-direction: column;
    gap: 20px;
  }

  .image_liner_box {
    height: 260px;
  }

  .left_box_cont_form {
    padding: 40px 30px;
  }

  .imline_massges {
    padding-left: 0;
    border-left: 0;
    min-height: 0;
  }

  .get_tesdrive {
    flex-direction: column;
  }

  .left_box_test_se,
  .right_cont_form {
    width: 100%;
  }

  .left_box_test_se {
    min-height: 320px;
  }

  .right_cont_form {
    padding: 50px var(--gutter);
  }

  .box_banks_list {
    padding: 40px 0;
  }

  .box_banks_list .main_page_title {
    margin-bottom: 30px;
  }

  .image_qrap_bank {
    width: 200px;
    height: 80px;
  }

  .image_qrap_bank img {
    max-width: 160px;
  }

  .wrap_box_tradein {
    flex-direction: column;
    justify-content: flex-end;
    min-height: 0;
    padding-top: 220px;
  }

  .left_box_imagetrade {
    left: 50%;
    top: 30px;
    bottom: auto;
    width: 70%;
    max-width: 480px;
    transform: translateX(-50%);
  }

  .right_box_tradeinses {
    width: 100%;
    padding: 40px 30px;
    border-radius: 0 0 20px 20px;
  }

  .wrap_cont_tesame {
    padding: 40px 20px;
  }

  .box_personal_item > img {
    height: 380px;
  }

  .video_box {
    height: 380px;
  }

  .list_news_box .swiper-slide,
  .list_news_box .swiper-slide:first-child {
    width: 60%;
  }

  .full_form_box {
    min-height: 0;
    padding: 50px 0;
  }

  .questionsise {
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
  }

  .questionsise .col_questions + .col_questions .accordion-item:first-child {
    border-top: 0;
  }

  .text_val_cont {
    font-size: 18px;
  }

  footer {
    margin-top: 60px;
    padding: 40px 0;
  }
}

.slider_dots {
  display: none;
}

.adres_mob_head {
  font-size: 14px;
  line-height: 1.2;
  color: var(--c-gray);
}

@media (max-width: 767px) {
  :root {
    --gutter: 10px;
  }

  .space_top_90 {
    margin-top: 40px;
  }

  .padding_90 {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .main_page_title,
  .thite_main_title,
  .title_font_style,
  .title_main_page {
    font-size: 28px;
  }

  .suftitlwe_whire {
    font-size: 14px;
  }

  .title_wrap_twocols {
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
    margin-bottom: 20px;
  }

  .gradi_btn,
  .fill_btn_white,
  .white_btns,
  .fill_blue_btn {
    min-height: 48px;
    padding: 14px 20px;
    font-size: 13px;
  }

  .just_text_btn {
    font-size: 14px;
  }

  .nav_btn,
  .nav_btn img,
  .nav_btn svg {
    width: 42px;
    height: 42px;
  }

  .slider_dots {
    display: flex;
    justify-content: center;
    gap: 5px;
    margin-top: 15px;
  }

  .slider_dots .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    margin: 0 !important;
    background: var(--c-light);
    opacity: 1;
  }

  .slider_dots .swiper-pagination-bullet-active {
    background: var(--c-blue-dark);
  }

  /* Шапка */

  .row_line_head {
    height: auto;
    padding: 10px 0;
    gap: 10px;
  }

  .col_logo_adres {
    display: flex;
    flex-direction: column;
    gap: 5px;
    min-width: 0;
  }

  .wrap_logo_head {
    gap: 12px;
  }

  .logo_head img {
    height: 15px;
  }

  .logo_twos_head img {
    height: 22px;
  }

  .col_head_acti {
    gap: 20px;
  }

  /* Главный слайдер */

  .slider_main .swiper-slide {
    height: 536px;
    background-position: left center;
  }

  .car_main_slider {
    top: 333px;
    width: 122.56%;
    max-width: none;
  }

  .row100height {
    align-items: flex-start;
  }

  .wrap_content_banner {
    max-width: none;
    padding-top: 40px;
  }

  .title_main_slider {
    font-size: 28px;
  }

  .text_main_slider {
    max-width: none;
    margin-top: 15px;
    font-size: 16px;
  }

  .btns_main_slider {
    flex-direction: column;
    gap: 10px;
    margin-top: 20px;
  }

  .btns_main_slider > * {
    width: 100%;
  }

  .slider_meta_wrap {
    bottom: 38px;
  }

  .wrap_btns_main_slider {
    display: none;
  }

  /* Преимущества */

  .perks_home {
    padding: 30px 0;
  }

  .perks_items_betwen {
    gap: 15px;
  }

  .perk_comp_item {
    gap: 15px;
  }

  .perk_comp_item + .perk_comp_item {
    padding: 0;
    border: 0;
  }

  .wrap_image_perk,
  .wrap_image_perk img {
    width: 50px;
    height: 50px;
  }

  .text_perk_box {
    font-size: 16px;
  }

  /* Модельный ряд */

  .models_home .title_wrap_twocols {
    gap: 5px;
  }

  .models_home .main_subtitle_page {
    font-size: 14px;
  }

  .wrap_models_box {
    gap: 10px;
  }

  .btn_model_car {
    gap: 20px;
    padding: 10px;
  }

  .btn_model_car::after {
    left: 10px;
    right: 10px;
  }

  .wrap_box_image_prevs {
    width: 93px;
    height: 50px;
  }

  .name_btn_mod_car {
    font-size: 16px;
  }

  .slang_btn_mod_car {
    font-size: 14px;
  }

  .card_auto_wrap {
    gap: 20px;
    padding: 20px 10px;
  }

  .name_car_card {
    font-size: 28px;
  }

  .wrice_value_cardcar {
    margin-top: 10px;
  }

  .left_price_valer {
    font-size: 18px;
  }

  .box_cred_price_card {
    font-size: 14px;
  }

  .descr_car_box {
    margin-top: 10px;
    font-size: 14px;
  }

  .wrap_btns_acsh_card {
    display: flex;
    width: 100%;
    gap: 10px;
    margin-top: 20px;
  }

  .right_gall_moodel {
    aspect-ratio: auto;
  }

  .slide_car_mods {
    margin: 0;
  }

  .slide_car_mods .swiper-slide img {
    width: 100%;
    height: auto;
    aspect-ratio: 768 / 411;
    object-position: center;
  }

  .btns_slide_naver.models_navh {
    position: relative;
    right: auto;
    bottom: auto;
    justify-content: center;
    margin-top: -10px;
  }

  .preims_mod_box {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 15px;
    padding: 15px;
  }

  .item_preimmodel {
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
  }

  .text_preimmod {
    font-size: 14px;
  }

  .wrap_descr_carcards {
    margin-top: 20px;
  }

  .wrap_descr_carcards .box_descr_allmodel {
    flex-direction: row;
    gap: 0;
  }

  .wrap_descr_carcards .box_per_desc_mod {
    flex: 0 0 auto;
    width: 320px;
    max-width: 86.5%;
  }

  .image_liner_box {
    height: 201px;
  }

  .contend_desc_card {
    padding: 15px;
  }

  .title_descr_mod {
    font-size: 13px;
  }

  .text_descr_mod {
    font-size: 14px;
  }

  /* Помощь с подбором */

  .box_wrap_form_podbor {
    gap: 5px;
  }

  .left_box_cont_form {
    justify-content: center;
    padding: 40px 15px;
    text-align: center;
  }

  .cont_inner_formtext {
    width: 100%;
  }

  .inline_btns_form {
    flex-direction: column;
    gap: 20px;
    margin-top: 20px;
  }

  .inline_btns_form .gradi_btn {
    width: 100%;
  }

  .imline_massges {
    flex-direction: row;
    align-items: flex-end;
    justify-content: center;
  }

  .title_massges_wrt {
    text-align: right;
  }

  .right_box_cont_form {
    height: 343px;
  }

  /* Специальные предложения */

  .bot_content_action {
    padding: 15px;
  }

  .title_action_card {
    font-size: 13px;
  }

  .text_action_card {
    font-size: 14px;
  }

  /* Тест-драйв */

  .left_box_test_se {
    min-height: 0;
    aspect-ratio: 960 / 570;
  }

  .right_cont_form {
    padding: 40px var(--gutter);
  }

  .subtitle_form_vblse {
    font-size: 14px;
  }

  .content_form_test,
  .content_form_kredt,
  .wrap_form_consult {
    margin-top: 20px;
  }

  /* Формы */

  .form_light .wpcf7-form,
  .form_dark .wpcf7-form,
  .form_row {
    gap: 10px;
  }

  .form_row {
    flex-direction: column;
  }

  .wpcf7-form > .wrap_form_short {
    width: 100%;
  }

  .form_light input[type="text"],
  .form_light input[type="tel"],
  .form_light input[type="email"],
  .form_light input[type="date"],
  .form_light input[type="number"],
  .form_light select,
  .form_dark input[type="text"],
  .form_dark input[type="tel"],
  .form_dark input[type="email"],
  .form_dark input[type="date"],
  .form_dark input[type="number"],
  .form_dark select {
    height: 50px;
    padding: 0 20px;
    font-size: 14px;
  }

  .form_light select,
  .form_dark select {
    padding-right: 45px;
    background-position: right 20px center;
  }

  .form_light input[type="submit"],
  .form_light button[type="submit"],
  .form_dark input[type="submit"],
  .form_dark button[type="submit"] {
    height: 48px;
    padding: 0 20px;
    font-size: 13px;
  }

  /* Кредит */

  .twos_col_for_kred {
    min-height: 0;
  }

  .left_form_cred,
  .right_form_cred {
    width: 100%;
    background: rgba(4, 47, 88, 0.8);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
  }

  .left_form_cred {
    padding: 40px var(--gutter) 20px;
  }

  .right_form_cred {
    padding: 0 var(--gutter) 40px;
  }

  .bo_perks_kreds {
    gap: 10px;
  }

  .textperkerser {
    font-size: 14px;
  }

  /* Банки */

  .box_banks_list {
    padding: 40px 0;
  }

  .box_banks_list .main_page_title {
    margin-bottom: 20px;
  }

  .list_lide_carousert {
    gap: 10px;
  }

  .image_qrap_bank {
    width: 166px;
    height: 60px;
    padding: 10px;
    box-shadow: 0 0 6.667px rgba(0, 0, 0, 0.03);
  }

  .image_qrap_bank img {
    max-width: 120px;
    max-height: 24px;
  }

  /* Трейд-ин */

  .wrap_box_tradein {
    display: block;
    min-height: 0;
    padding-top: 290px;
    overflow: hidden;
    background: none;
  }

  .wrap_box_tradein::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 290px;
    background: var(--c-navy) url(/wp-content/uploads/2026/09/tradein_bg.webp)
      no-repeat center / cover;
    border-radius: 20px 20px 0 0;
  }

  /* Низ машины всегда на 328px от верха блока (38px захода на плашку), чтобы не наезжать на заголовок */
  .left_box_imagetrade {
    left: 16.2%;
    top: auto;
    bottom: calc(100% - 328px);
    width: 99.7%;
    max-width: 400px;
    transform: none;
  }

  .right_box_tradeinses {
    position: relative;
    width: 100%;
    padding: 40px var(--gutter);
    background: var(--c-navy);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    border-radius: 0 0 20px 20px;
  }

  .right_box_tradeinses .white_btns {
    width: 100%;
    margin-top: 20px;
  }

  /* Команда */

  .wrap_cont_tesame {
    padding: 40px var(--gutter);
  }

  .box_personal_item > img {
    height: auto;
    aspect-ratio: 280 / 395;
  }

  .name_spec_b {
    font-size: 16px;
  }

  .dolj_spec_b {
    font-size: 14px;
  }

  /* Как купить */

  .twocols_cont_bys {
    gap: 20px;
  }

  .left_box_buys {
    gap: 15px;
  }

  .text_getbus {
    font-size: 14px;
  }

  .text_getbus p + p {
    margin-top: 19px;
  }

  .video_box {
    height: auto;
    aspect-ratio: 370 / 208;
  }

  .video_box > img,
  .video_box video {
    position: absolute;
    inset: 0;
  }

  /* Новости */

  .list_news_box .swiper-slide,
  .list_news_box .swiper-slide:first-child {
    width: 320px;
    max-width: 86.5%;
  }

  .box_news_company {
    aspect-ratio: 320 / 221;
  }

  .meta_new_box {
    padding: 15px 5px 10px;
  }

  .new_data_pub {
    font-size: 12px;
  }

  .title_new_box {
    font-size: 13px;
  }

  .get_see_blog {
    margin: auto 5px 15px;
    font-size: 14px;
  }

  /* Отзывы */

  .wrap_title_box_res {
    margin-bottom: 20px;
  }

  /* Форма заявки */

  .full_form_box {
    min-height: 612px;
    padding: 40px 0;
  }

  .full_form_box .container {
    display: block;
  }

  /* Контакты */

  .contacts_map .container {
    gap: 20px;
  }

  .left_box_contact .main_page_title {
    margin-bottom: 20px;
  }

  .list_icons_cont {
    gap: 10px;
  }

  .item_cont_box {
    gap: 30px;
    min-height: 50px;
  }

  .wrap_image_cont,
  .wrap_image_cont img {
    width: 50px;
    height: 50px;
  }

  .text_val_cont {
    font-size: 16px;
  }

  .phone_box_bold {
    font-size: 20px;
  }

  .right_box_map,
  .map_box_cont {
    min-height: 450px;
  }

  /* Вопросы */

  .questions_page .main_page_title {
    margin-bottom: 20px;
  }

  .questionsise .accordion-button {
    padding: 16px 0;
    font-size: 13px;
  }

  .questionsise .accordion-body {
    margin-top: -6px;
    padding-bottom: 16px;
    font-size: 14px;
  }

  /* Подвал */

  footer {
    margin-top: 40px;
    padding: 40px 0;
  }

  .footer_line_one {
    flex-direction: column;
    align-items: center;
    gap: 20px;
  }

  .logo_box_footer {
    align-items: center;
  }

  .nav_footer_box {
    order: 0;
    flex-basis: auto;
    width: 100%;
    padding: 20px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }

  .nav_footer_box ul {
    flex-direction: column;
    justify-content: center;
    gap: 15px;
  }

  .nav_footer_box a {
    font-size: 14px;
  }

  .contacts_footer {
    width: 100%;
    margin-left: 0;
  }

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

  .footer_phone_or {
    font-size: 20px;
  }

  .adres_footer {
    margin-top: 15px;
    font-size: 14px;
  }

  .shedle_footer {
    font-size: 14px;
  }

  .footer_line_two {
    flex-direction: column;
    align-items: center;
    gap: 20px;
    margin-top: 20px;
    padding-top: 20px;
    text-align: center;
  }

  .wrap_compli {
    align-items: center;
  }

  .wrap_policy ul {
    align-items: center;
  }

  .modal-content {
    padding: 30px 15px 20px;
  }

  .modal-header {
    padding-bottom: 20px;
  }

  .modal-title {
    font-size: 24px;
  }

  .modal_subtitle,
  .modal_info_line {
    font-size: 14px;
  }

  .map_marker {
    left: -22.5px;
    top: -51px;
    width: 45px;
    height: 51px;
  }

  .map_marker_pin {
    width: 45px;
    height: 51px;
  }

  .map_marker_card {
    left: 50%;
    top: auto;
    bottom: calc(100% + 5px);
    transform: translateX(-50%);
  }

  .map_marker_text,
  .map_marker_route {
    font-size: 14px;
  }
}

/* ---------- Страница автомобиля: адаптив ---------- */

@media (max-width: 1460px) {
  .car_hero_panel {
    width: 58%;
    padding-right: 80px;
  }

  .car_hero_title {
    font-size: 44px;
  }

  .car_colors_left {
    width: 260px;
  }

  .car_colors_gallery {
    max-width: 50%;
  }

  .car_banner {
    height: 600px;
  }

  .car_ext_img {
    height: 280px;
  }

  .compl_head {
    font-size: 20px;
  }
}

@media (max-width: 1200px) {
  .car_hero_panel {
    width: 72%;
  }

  .car_colors_body {
    flex-direction: column;
    align-items: center;
    gap: 0;
    min-height: 0;
  }

  .car_colors_left {
    display: contents;
  }

  .car_colors_titles {
    order: 1;
    align-items: center;
    text-align: center;
  }

  .car_colors_gallery {
    order: 2;
    position: relative;
    left: auto;
    width: 100%;
    max-width: 760px;
    margin-top: 20px;
    transform: none;
  }

  .car_colors_list {
    order: 3;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    align-self: stretch;
    margin-top: 40px;
  }

  .car_colors_name {
    order: 4;
    margin-top: 30px;
    text-align: center;
  }

  .car_banner {
    height: 520px;
  }

  .car_ext_cards {
    gap: 20px;
  }

  .car_ext_img {
    height: 240px;
  }

  .car_inter_slider .swiper-slide,
  .car_inter_slider .swiper-slide:first-child {
    width: calc((100% - 24px) / 2);
  }

  .car_inter_slider .swiper-slide:first-child .car_inter_img {
    aspect-ratio: 446 / 280;
  }

  .car_inter_slider .swiper-slide:first-child .car_inter_meta {
    min-height: 0;
  }
}

@media (max-width: 991px) {
  .car_hero {
    min-height: 600px;
  }

  .car_hero_panel {
    width: 100%;
    padding: 60px var(--gutter);
    background: linear-gradient(
      90deg,
      rgba(4, 47, 88, 0.92) 0%,
      rgba(4, 47, 88, 0.7) 60%,
      rgba(4, 47, 88, 0.35) 100%
    );
  }

  .car_hero_title {
    font-size: 36px;
  }

  .car_hero_value {
    font-size: 28px;
  }

  .wrap_car_colors {
    padding: 30px 20px 40px;
  }

  .car_arrow_left {
    left: -10px;
  }

  .car_arrow_right {
    right: -10px;
  }

  .car_anchor_nav {
    margin-top: 60px;
  }

  .car_exterior {
    margin-top: 40px;
  }

  .car_banner {
    height: 440px;
  }

  .car_banner_text {
    left: 30px;
    right: 30px;
    bottom: 30px;
  }

  .car_banner_title {
    font-size: 26px;
  }

  .car_ext_cards {
    flex-direction: column;
  }

  .car_ext_img {
    height: 340px;
  }

  .car_interior {
    padding: 60px 0;
    border-radius: 30px;
  }
}

@media (max-width: 767px) {
  .car_hero {
    display: block;
    min-height: 0;
    padding-top: 356px;
  }

  .car_hero_bg {
    height: 500px;
    bottom: auto;
  }

  .car_hero_panel {
    width: 100%;
    gap: 0;
    padding: 0;
    background: none;
  }

  .car_hero_head {
    justify-content: flex-end;
    min-height: 144px;
    padding: 40px var(--gutter) 20px;
    background: linear-gradient(
      0deg,
      #042f58 0%,
      rgba(4, 47, 88, 0.88) 32.692%,
      rgba(4, 47, 88, 0.647) 68.75%,
      rgba(4, 47, 88, 0.458) 85.577%,
      rgba(4, 47, 88, 0) 100%
    );
  }

  .car_hero_title {
    font-size: 28px;
  }

  .car_hero_descr {
    font-size: 14px;
  }

  .car_hero_info {
    gap: 20px;
    padding: 0 var(--gutter) 40px;
    background: var(--c-navy);
  }

  .car_hero_label {
    font-size: 14px;
  }

  .car_hero_value {
    font-size: 24px;
  }

  .car_hero_btns {
    display: flex;
    align-self: stretch;
    gap: 10px;
  }

  .line_white_btn {
    min-height: 48px;
    padding: 14px 20px;
    font-size: 13px;
  }

  /* Выбор цвета */

  .car_colors_box {
    margin-top: 0;
  }

  .car_colors_box .container {
    padding: 0;
  }

  .wrap_car_colors {
    gap: 40px;
    padding: 20px var(--gutter) 40px;
    border-radius: 0 0 30px 30px;
  }

  .wrap_car_colors > .car_tabs .car_tab_btn {
    padding: 10px 30px;
    font-size: 13px;
  }

  .car_colors_subtitle {
    max-width: none;
    font-size: 14px;
  }

  .car_colors_gallery {
    width: calc(100% + var(--gutter) * 2);
    max-width: none;
    margin: 20px calc(var(--gutter) * -1) 0;
  }

  .car_color_slider img {
    aspect-ratio: 390 / 209;
  }

  .btns_slide_naver.car_color_navs {
    bottom: -20px;
  }

  .car_color_navs .nav_btn,
  .car_color_navs .nav_btn svg {
    width: 40px;
    height: 40px;
  }

  .car_colors_list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-self: center;
    width: 350px;
    max-width: 100%;
    gap: 15px;
  }

  .car_colors_name {
    margin-top: 20px;
  }

  .car_salon_slider .swiper-slide {
    width: 320px;
    max-width: 86.5%;
  }

  .car_salon_img {
    aspect-ratio: 320 / 201;
  }

  .nav_btn70 {
    display: none;
  }

  /* Навигация по разделам */

  .car_anchor_nav {
    margin-top: 30px;
  }

  .car_anchor_list {
    padding: 0 var(--gutter);
  }

  .car_anchor_list a {
    padding: 15px 0;
    font-size: 13px;
  }

  /* Секции */

  .single_car section[id] {
    scroll-margin-top: 120px;
  }

  .car_section_head {
    gap: 20px;
    margin-bottom: 20px;
  }

  .car_section_head .car_tabs {
    align-self: stretch;
  }

  .car_section_head .car_tabs > li:first-child {
    margin-left: 0;
  }

  .car_section_head .car_tab_btn {
    padding: 10px 0;
    font-size: 13px;
  }

  .car_banner {
    height: auto;
    aspect-ratio: 1 / 1;
  }

  .car_banner_text {
    left: 20px;
    right: 20px;
    bottom: 20px;
    gap: 15px;
    max-width: none;
  }

  .car_banner_title {
    font-size: 20px;
  }

  .car_banner_descr {
    font-size: 14px;
  }

  .car_card_title {
    font-size: 13px;
  }

  .car_card_text {
    font-size: 14px;
  }

  .car_exterior {
    margin-top: 30px;
  }

  .car_exterior .main_page_title {
    margin-bottom: 20px;
  }

  .car_ext_cards {
    gap: 20px;
    margin-top: 20px;
  }

  .car_ext_card {
    gap: 15px;
  }

  .car_ext_img {
    height: auto;
    aspect-ratio: 370 / 233;
  }

  .car_interior {
    padding: 40px 0;
  }

  .car_inter_slider .swiper-slide,
  .car_inter_slider .swiper-slide:first-child {
    width: 320px;
    max-width: 86.5%;
  }

  .car_inter_img,
  .car_inter_slider .swiper-slide:first-child .car_inter_img {
    aspect-ratio: 320 / 201;
  }

  .btns_slide_naver.car_inter_navs {
    display: none;
  }

  .car_techno {
    padding: 0;
  }

  /* Комплектации */

  .compl_table .compl_head,
  .compl_table .compl_value {
    width: 240px;
  }

  .compl_corner {
    height: 58px;
  }

  .compl_head {
    font-size: 18px;
  }

  .compl_group .compl_label {
    height: auto;
    padding: 15px 10px;
  }

  .compl_group_name {
    gap: 10px;
    font-size: 12px;
  }

  .compl_group_name::before {
    width: 12px;
    height: 12px;
    background-size: 12px 12px;
  }

  .compl_group.is_open .compl_group_name::before {
    background-size: 12px 2px;
  }

  .compl_sub .compl_label {
    padding: 15px 10px 15px 32px;
    font-size: 14px;
  }

  .compl_value {
    padding: 15px;
    font-size: 14px;
  }
}
/* ---------- Статья: адаптив ---------- */

@media (max-width: 1460px) {
  .post_top_text {
    width: 520px;
  }

  .post_title {
    font-size: 34px;
  }

  .post_body_grid {
    grid-template-columns: 240px minmax(0, 1fr);
  }

  .post_share {
    width: 100%;
  }

  .post_content {
    max-width: 1000px;
  }
}

@media (max-width: 1200px) {
  .post_top {
    flex-direction: column;
    gap: 30px;
    padding-left: 0;
  }

  .post_top_text {
    width: 100%;
    padding: 40px var(--gutter) 0;
  }

  .post_top_image {
    width: 100%;
    aspect-ratio: 390 / 205;
  }

  .other_news_list {
    flex-wrap: wrap;
    gap: 20px;
  }

  .other_news_list .item_new_blog_wrap {
    flex: 1 1 calc(50% - 10px);
  }
}

@media (max-width: 991px) {
  .post_body {
    margin-top: 40px;
  }

  .post_body_grid {
    display: flex;
    flex-direction: column-reverse;
    gap: 40px;
  }

  .other_news {
    margin-top: 60px;
    padding: 60px 0;
    border-radius: 30px 30px 0 0;
  }
}

@media (max-width: 767px) {
  .post_top {
    gap: 20px;
  }

  .post_top_text {
    gap: 20px;
    padding: 30px var(--gutter) 0;
  }

  .post_date {
    font-size: 12px;
  }

  .post_title {
    font-size: 22px;
  }

  .post_intro {
    font-size: 14px;
  }

  .post_body {
    margin-top: 20px;
  }

  .post_body:last-child {
    padding-bottom: 40px;
  }

  .post_body_grid {
    gap: 40px;
  }

  .post_content {
    font-size: 14px;
  }

  .post_content > * + * {
    margin-top: 22px;
  }

  .post_content > img,
  .post_content > figure,
  .post_content > p:has(> img:only-child) {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .post_content h2 {
    font-size: 22px;
  }

  .post_content h3 {
    font-size: 18px;
  }

  .other_news {
    margin-top: 40px;
    padding: 40px 0;
  }

  .other_news .main_page_title {
    margin-bottom: 20px;
  }

  .other_news_list {
    flex-direction: column;
    gap: 10px;
  }

  .other_news_list .item_new_blog_wrap {
    flex: 0 0 auto;
  }

  .other_news_list .box_news_company {
    aspect-ratio: 370 / 255;
  }

  .other_news_list .meta_new_box {
    padding: 15px 15px 10px;
  }

  .other_news_list .get_see_blog {
    margin: auto 15px 15px;
  }
}