@charset "UTF-8";
body {
  height: auto;
  min-height: 100vh;
  min-height: 100dvh;
  background: var(--body-bg);
  color: var(--body-text);
}

.promotion {
  background-color: var(--body-bg-secondary);
}

/* PRIMARY COLOR */
.documents__item-svg,
.mileage__item--save .mileage__item-photo-detal {
  background-color: var(--color-primary);
}

.promotion__item-top-clock.active,
.mileage__item--save .mileage__item-price-relevant,
.calculator__filter-result,
.detal-header__top-price-actual-sum,
.detal-sticky__top-price-actual-sum,
.equipment__accordion-header-price-actual-sum,
.window-popup-subtitle span {
  color: var(--color-primary);
}

.callback-button:before {
  border-color: var(--color-primary) !important;
}

.callback-button:after {
  background-color: var(--color-primary) !important;
}

.callback-button {
  background-color: var(--color-primary) !important;
}

/* SECONDARY COLORS */
.swiper-button-prev svg rect,
.swiper-button-next svg rect,
.all-auto__pagination-button svg rect {
  fill: var(--color-secondary);
}

.sleders--btn {
  background-color: var(--color-secondary);
}

.brands__top-buttons-btn.active,
.new-cars__filter-top-buttons-btn.active,
.all-auto__prices-btn.active {
  background-color: var(--color-secondary);
  border-color: transparent !important;
}

/*        */
/* HEADER */
/*        */
.header-popup__info-phone {
  color: var(--color-primary);
}

.header__main-nav-item::before,
.header-popup__nav-item::before {
  background-color: var(--color-primary);
}

.header__main-right-geo svg *[stroke] {
  stroke: var(--color-primary);
}

.header__main-right-geo svg *[fill] {
  fill: var(--color-primary);
}

/*  */
.header {
  background: var(--header-bg);
  color: var(--header-text);
}

/*  */
.header__main-right-geo-modal,
.header-popup {
  background: var(--header-bg);
}

/*  */
.header__main-nav-link,
.header__main-right-geo a,
.header__main-right-geo-modal a,
.header-popup__nav-link,
.callback-button__icon,
.header__main-burger {
  color: var(--header-text);
}

/*  */
.header-popup__info-geo,
.header-popup__info-time {
  color: var(--header-text-secondary);
}

/*  */
.callback-button__icon {
  background: currentColor !important;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='48' viewBox='0 0 48 48' width='48'%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3Cpath fill='white' d='M13.25 21.59c2.88 5.66 7.51 10.29 13.18 13.17l4.4-4.41c.55-.55 1.34-.71 2.03-.49 1.24.74 4.65 1.14 7.14 1.14 1.11 0 2 .89 2 2v7c0 1.11-.89 2-2 2-18.78 0-34-15.22-34-34 0-1.11.9-2 2-2h7c1.11 0 2 .89 2 2 0 2.49.4 4.9 1.14 7.14.22.69.06 1.48-.49 2.03l-4.4 4.42z'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='48' viewBox='0 0 48 48' width='48'%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3Cpath fill='white' d='M13.25 21.59c2.88 5.66 7.51 10.29 13.18 13.17l4.4-4.41c.55-.55 1.34-.71 2.03-.49 1.24.74 4.65 1.14 7.14 1.14 1.11 0 2 .89 2 2v7c0 1.11-.89 2-2 2-18.78 0-34-15.22-34-34 0-1.11.9-2 2-2h7c1.11 0 2 .89 2 2 0 2.49.4 4.9 1.14 7.14.22.69.06 1.48-.49 2.03l-4.4 4.42z'/%3E%3C/svg%3E");
  -webkit-mask-size: 24px;
          mask-size: 24px;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
}

.header__main-burger span {
  background: currentColor;
}

/*        */
/* FOOTER */
/*        */
.footer {
  background: var(--footer-bg);
  color: var(--footer-text);
}

.footer__navigation-nav-link,
.footer__brands-nav-link,
.footer__contacts-geo-text,
.footer__contacts-time-text,
.footer-telephone {
  color: var(--footer-text);
}

.footer__brands-title,
.footer__contacts-title,
.footer__contacts-geo-title,
.footer__contacts-time-title {
  color: var(--footer-text-secondary);
}

.footer__inner {
  border-bottom-color: var(--footer-text-description);
}

.footer__bottom-text,
.footer__logo-text {
  color: var(--footer-text-description);
}

/*         */
/* BUTTONS */
/*         */
.header__main-right .header__main-right-button,
.promo__window-btn,
.mileage__item--save .mileage__item-buttons-credit,
.promotion__item-buttons-btn,
.footer__contacts-btn,
.new-cars__filter-btn,
.baner__services-buttons-btn:last-child,
.bid__input-btn,
.sleders__item-info-btn,
.calculator__form-buttons-submit,
.detal-header__top-credit,
.detal-sticky__top-credit,
.present__form-submit,
.equipment__accordion-header-button-credit,
.window-popup-form-btn {
  background: var(--btn-main-bg) !important;
  color: var(--btn-main-text) !important;
  border-color: transparent !important;
  transition: 0.2s;
  transition-property: opacity, transform, box-shadow;
}
.header__main-right .header__main-right-button:hover,
.promo__window-btn:hover,
.mileage__item--save .mileage__item-buttons-credit:hover,
.promotion__item-buttons-btn:hover,
.footer__contacts-btn:hover,
.new-cars__filter-btn:hover,
.baner__services-buttons-btn:last-child:hover,
.bid__input-btn:hover,
.sleders__item-info-btn:hover,
.calculator__form-buttons-submit:hover,
.detal-header__top-credit:hover,
.detal-sticky__top-credit:hover,
.present__form-submit:hover,
.equipment__accordion-header-button-credit:hover,
.window-popup-form-btn:hover {
  opacity: 0.9;
}
.header__main-right .header__main-right-button:active,
.promo__window-btn:active,
.mileage__item--save .mileage__item-buttons-credit:active,
.promotion__item-buttons-btn:active,
.footer__contacts-btn:active,
.new-cars__filter-btn:active,
.baner__services-buttons-btn:last-child:active,
.bid__input-btn:active,
.sleders__item-info-btn:active,
.calculator__form-buttons-submit:active,
.detal-header__top-credit:active,
.detal-sticky__top-credit:active,
.present__form-submit:active,
.equipment__accordion-header-button-credit:active,
.window-popup-form-btn:active {
  box-shadow: inset 2px 0 5px -5px;
  transform: scale(0.95);
}

.all-auto__item-buttons-credit,
.detal-header__top-reservation,
.detal-sticky__top-reservation,
.detal-old__info-vin-btn,
.mileage__item--last .mileage__item-last-linkб .top-banner__button {
  background: var(--btn-secondary-bg) !important;
  color: var(--btn-secondary-text) !important;
  border-color: transparent !important;
  transition: 0.2s;
  transition-property: opacity, transform, box-shadow;
}
.all-auto__item-buttons-credit:hover,
.detal-header__top-reservation:hover,
.detal-sticky__top-reservation:hover,
.detal-old__info-vin-btn:hover,
.mileage__item--last .mileage__item-last-linkб .top-banner__button:hover {
  opacity: 0.9;
}
.all-auto__item-buttons-credit:active,
.detal-header__top-reservation:active,
.detal-sticky__top-reservation:active,
.detal-old__info-vin-btn:active,
.mileage__item--last .mileage__item-last-linkб .top-banner__button:active {
  box-shadow: inset 2px 0 5px -5px;
  transform: scale(0.95);
}

.form-block__content-form-btn {
  background: var(--btn-tertriary-bg) !important;
  color: var(--btn-tertriary-text) !important;
  border-color: transparent !important;
  transition: 0.2s;
  transition-property: opacity, transform, box-shadow;
}
.form-block__content-form-btn:hover {
  opacity: 0.9;
}
.form-block__content-form-btn:active {
  box-shadow: inset 2px 0 5px -5px;
  transform: scale(0.95);
}

/*       */
/* CARDS */
/*       */
.promo__window-wrap,
.mileage__item,
.all-auto__item,
.new-cars__filter,
.baner__services,
.calculator__filter,
.calculator__form,
.sleders .sleders__item,
.bid__fields,
.detal-header__top,
.detal-new__info-characteristics-top,
.equipment__accordion {
  background-color: var(--card-main-bg);
  color: var(--card-main-text);
}

.carousel__item-brand {
  border: 1px solid var(--card-main-bg);
}

.promo__window-title span,
.baner__services-title span,
.baner__services-subtitle,
.sleders .sleders__item-info-number {
  color: var(--card-main-text-secondary);
}

.popular__item,
.promotion__item-top,
.documents__item,
.baner__window {
  background-color: var(--card-secondary-bg) !important;
  color: var(--card-secondary-text) !important;
}

.popular__item-title,
.promotion__item-top-text,
.documents__item-title,
.baner__window-title {
  color: var(--card-secondary-text) !important;
}

.popular__item-text,
.baner__window-text {
  color: var(--card-secondary-text-secondary) !important;
}

/*        */
/* POPUPS */
/*        */
.window-popup-content {
  background-color: var(--card-main-bg);
  color: var(--card-main-text);
}

.window-popup-top-title {
  color: var(--card-main-text) !important;
}

.window-popup-text {
  color: var(--card-main-text-secondary) !important;
}

/*          */
/* SECTIONS */
/*          */
/* --section-contacts-bg: #0e0e0e;
--section-contacts-text: #ffffff;
--section-contacts-text-secondary: #98a3ae;
--section-contacts-card-bg: #252729;
--section-contacts-card-text: #f2f3f7;
--section-contacts-card-text-secondary: #66707c; */
.contacts {
  background: var(--section-contacts-bg);
  color: var(--section-contacts-text);
}

.contacts__title {
  color: var(--section-contacts-text);
}

.contacts__title span {
  color: var(--section-contacts-text-secondary);
}

.contacts__info-item {
  background: var(--section-contacts-card-bg);
  color: var(--section-contacts-card-text);
}

.contacts__info-item-content-subtitle {
  color: var(--section-contacts-card-text);
}

.contacts__info-item-content-title {
  color: var(--section-contacts-card-text-secondary);
}

.contacts__info-item svg *[stroke] {
  stroke: var(--section-contacts-card-text-secondary);
}

.top-banner {
  background-color: var(--top-banner-bg);
  color: var(--top-banner-text);
}