/* ==========================================================================
   DARK THEME OVERRIDE
   Новая цветовая схема: тёмный фон #0E0E13, акцент #E8FF00
   Шрифты: Oswald (заголовки), Inter (текст), Bebas Neue (цифры/акценты)
   ========================================================================== */

/* --- Google Fonts import --- */
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@400;600;700&family=Inter:wght@400;500;700&family=Bebas+Neue&display=swap');

/* --- CSS-переменные Bootstrap (переопределение) --- */
:root {
  --bs-body-bg: #0E0E13;
  --bs-body-color: #F0F0F0;
  --bs-primary: #E8FF00;
  --bs-primary-rgb: 232, 255, 0;
  --bs-secondary: #2A2A38;
  --bs-white: #F0F0F0;
  --bs-black: #0E0E13;
  --bs-gray-100: #1A1A24;
  --bs-gray-200: #2A2A38;
  --bs-gray-300: #888899;
  --bs-gray-400: #555566;
  --bs-gray-500: #666677;
  --bs-gray-600: #7777aa;
  --bs-gray-700: #9999bb;
  --bs-gray-800: #ccccdd;
  --bs-gray-900: #F0F0F0;
  --bs-border-color: #2A2A38;
  --bs-box-shadow: 0 4px 20px rgba(0,0,0,0.5);
  --accent-bg-color: #1A1A24;
  --tertiary: #E8FF00;
  --gray-font-color: #888899;
  --input-placeholder-color: #888899;
  --input-disabled-bg: #1A1A24;
  --input-disabled-border-color: #2A2A38;
  --input-disabled-color: #555566;
  --border-color-opacity: rgba(42, 42, 56, 0.6);
}

/* --- Базовые стили --- */
html, body {
  background-color: #0E0E13 !important;
  color: #F0F0F0 !important;
}

body {
  font-family: 'Inter', Arial, sans-serif !important;
}

h1, h2, h3, h4, h5, h6,
.section-title,
.index-offer__title,
.calc-title,
.hero__title {
  font-family: 'Oswald', Arial, sans-serif !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

/* Большие цифры/суммы — Bebas Neue */
.benefits__value,
.mini-card__prices .new,
.footer__phone a,
.footer__phone,
.hero__price,
.stock-banner__price,
.calc__result-value {
  font-family: 'Bebas Neue', Arial, sans-serif !important;
  letter-spacing: 0.04em;
}

/* --- Ссылки --- */
a {
  color: #E8FF00;
}
a:hover {
  color: #fff;
}

/* ============================================================
   HEADER — однорядный, тёмный, прозрачный поверх контента
   ============================================================ */
.header {
  background-color: #0E0E13 !important;
  border-bottom: 1px solid #2A2A38 !important;
  position: sticky;
  top: 0;
  z-index: 999;
  transition: background-color 0.3s ease;
}

/* Убираем верхнюю строку с адресом/расписанием */
.header__top {
  display: none !important;
}

/* Нижняя строка — теперь единственная, уменьшаем отступы */
.header__bottom {
  padding: 0;
}

.header__bottom > .container > div {
  margin-top: 12px !important;
  margin-bottom: 12px !important;
}

/* Навигация на десктопе */
.header-nav__link {
  color: #888899 !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.header-nav__link:hover,
.header-nav__link.-active {
  color: #E8FF00 !important;
}

.header-nav__link:after {
  background-color: #E8FF00 !important;
}

/* Кнопка "Заявка на кредит" — outline стиль */
.header__user-nav .btn-primary,
.header-nav__mobile .btn-primary {
  background-color: transparent !important;
  border: 1px solid #E8FF00 !important;
  color: #E8FF00 !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 13px !important;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  border-radius: 0 !important;
  padding: 10px 20px !important;
}

.header__user-nav .btn-primary:hover,
.header-nav__mobile .btn-primary:hover {
  background-color: #E8FF00 !important;
  color: #0E0E13 !important;
}

/* Иконки в хедере */
.header svg,
.header__favorites svg,
.header__burger svg {
  color: #F0F0F0 !important;
}

/* Мобильное меню */
.header-nav {
  background-color: #0E0E13 !important;
  border-top-color: #2A2A38 !important;
}

.header-nav__wrapper {
  border-bottom-color: #2A2A38 !important;
}

.header-nav-mobile__phone {
  color: #E8FF00 !important;
}

.header-nav-mobile__address,
.header-nav-mobile__schedule {
  color: #888899 !important;
}

.header-nav__mobile {
  background-color: #1A1A24 !important;
}

/* ============================================================
   БАННЕР НА ГЛАВНОЙ — 3 колонки: картинка | заголовок | форма
   ============================================================ */

.index__banner .banner__wrapper {
  display: grid !important;
  grid-template-areas: "C" "A" "B" !important;  /* мобайл: картинка → заголовок → форма */
  grid-template-columns: 1fr !important;
  grid-template-rows: auto !important;
  gap: 24px !important;
  background:
    url('/static-tpl/esor/images/bg-form-catalog.webp'),
    linear-gradient(135deg, #12121a 0%, #1e1e2e 100%) !important;
  border-radius: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding: 32px 24px !important;
}

/* Десктоп: 3 равные колонки */
@media (min-width: 992px) {
  .index__banner .banner__wrapper {
    grid-template-areas: "C A B" !important;
    grid-template-columns: 1fr 1fr 1fr !important;
    grid-template-rows: 1fr !important;
    padding: 40px 48px !important;
    align-items: center !important;
    gap: 40px !important;
  }
}

/* Картинка — левая колонка */
.index__banner .banner__picture {
  grid-area: C !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.index__banner .banner__picture img {
  max-width: 100% !important;
  height: auto !important;
  display: block !important;
  max-height: 320px !important;
  object-fit: contain !important;
}

/* Заголовок — центральная колонка */
.index__banner .banner__header {
  grid-area: A !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

.index__banner .banner__label {
  width: fit-content !important;
  font-size: 13px !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: #0E0E13 !important;
  background-color: #E8FF00 !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 6px 16px !important;
  margin-bottom: 20px !important;
}

.index__banner .section-title {
  font-family: 'Oswald', sans-serif !important;
  font-size: clamp(1.6rem, 3vw, 2.4rem) !important;
  font-weight: 700 !important;
  color: #F0F0F0 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.03em !important;
  line-height: 1.15 !important;
  margin-bottom: 0 !important;
}

/* Форма — правая колонка */
.index__banner .banner__form {
  grid-area: B !important;
  display: flex !important;
  flex-direction: column !important;
}

.index__banner .banner__form form {
  display: flex !important;
  flex-direction: column !important;
}

/* Поля ввода в форме баннера */
.index__banner .banner__input.form-control {
  background-color: #22222F !important;
  border: 1px solid #3A3A50 !important;
  border-radius: 0 !important;
  color: #F0F0F0 !important;
  padding: 14px 16px !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 14px !important;
}

.index__banner .banner__input.form-control::placeholder {
  color: #666677 !important;
}

.index__banner .banner__input.form-control:focus {
  border-color: #E8FF00 !important;
  box-shadow: 0 0 0 2px rgba(232, 255, 0, 0.15) !important;
  background-color: #22222F !important;
}

.index__banner .banner-form__submit {
  background-color: #E8FF00 !important;
  border: none !important;
  border-radius: 0 !important;
  color: #0E0E13 !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
  padding: 14px 20px !important;
}

.index__banner .banner-form__submit:hover {
  background-color: #fff !important;
  color: #0E0E13 !important;
}

.index__banner .banner-form__agreement {
  font-family: 'Inter', sans-serif !important;
  font-size: 11px !important;
  color: #555566 !important;
  margin-top: 4px !important;
  margin-bottom: 0 !important;
  max-width: 100% !important;
}

.index__banner .banner-form__agreement a {
  color: #888899 !important;
  text-decoration: underline !important;
}

.index__banner .invalid-feedback {
  color: #ff6b6b !important;
}

/* ============================================================
   BENEFITS — вертикальные карточки с крупными цифрами
   ============================================================ */
.benefits__list {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 16px !important;
  padding: 0 !important;
  list-style: none !important;
}

@media (max-width: 767px) {
  .benefits__list {
    grid-template-columns: 1fr !important;
  }
}

.benefits__item {
  background-color: #1A1A24 !important;
  border: 1px solid #2A2A38 !important;
  border-radius: 0 !important;
  padding: 24px !important;
  transition: border-color 0.2s ease;
}

.benefits__item:hover {
  border-color: #E8FF00 !important;
}

.index__benefits .benefits__item button,
.benefits__item > button {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  text-align: left !important;
  width: 100% !important;
  background: none !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  cursor: pointer;
  color: inherit !important;
}

.benefits__image-wrapper {
  flex-shrink: 0 !important;
  margin-right: 16px !important;
  margin-bottom: 0 !important;
}

.benefits__value {
  font-family: 'Bebas Neue', sans-serif !important;
  font-size: 3rem !important;
  color: #E8FF00 !important;
  line-height: 1 !important;
  margin-bottom: 4px !important;
  display: block !important;
}

.benefits__item-bottom {
  color: #888899 !important;
  font-size: 13px !important;
  font-family: 'Inter', sans-serif !important;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  white-space: normal !important;
}

/* ============================================================
   SECTION WRAPPER — тёмный вариант
   ============================================================ */
.section-wrapper {
  background-color: #1A1A24 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  border: 1px solid #2A2A38 !important;
}

/* ============================================================
   БРЕНДЫ — сетка вместо ленты
   ============================================================ */
.main-brands__list,
.brands__list {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 12px !important;
}

@media (max-width: 767px) {
  .main-brands__list,
  .brands__list {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

.main-brands__item,
.brands__item {
  background-color: #1A1A24 !important;
  border: 1px solid #2A2A38 !important;
  border-radius: 0 !important;
  transition: border-color 0.2s ease, background-color 0.2s ease;
}

.main-brands__item:hover,
.brands__item:hover {
  border-color: #E8FF00 !important;
  background-color: #22222F !important;
}

/* ============================================================
   МИНИ-КАРТОЧКИ автомобилей
   ============================================================ */
.mini-card {
  background-color: #1A1A24 !important;
  border: 1px solid #2A2A38 !important;
  border-radius: 0 !important;
  transition: border-color 0.2s ease, transform 0.2s ease;
}

.mini-card:hover {
  border-color: #E8FF00 !important;
  transform: translateY(-3px);
}

.mini-card__content {
  background-color: #1A1A24 !important;
  border-radius: 0 !important;
  margin-top: 0 !important;
}

.mini-card__name a {
  color: #F0F0F0 !important;
  font-family: 'Oswald', sans-serif !important;
  font-size: 18px !important;
  text-transform: uppercase;
}

.mini-card__name a:hover {
  color: #E8FF00 !important;
}

.mini-card__prices .new {
  font-family: 'Bebas Neue', sans-serif !important;
  font-size: 1.6rem !important;
  color: #E8FF00 !important;
}

.mini-card__prices .old {
  color: #555566 !important;
}

.mini-card__button {
  background-color: #E8FF00 !important;
  border-color: #E8FF00 !important;
  color: #0E0E13 !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
  border-radius: 0 !important;
  transition: background-color 0.2s ease, color 0.2s ease !important;
}

.mini-card__button:hover,
.mini-card__button:focus {
  background-color: #fff !important;
  border-color: #fff !important;
  color: #0E0E13 !important;
}

.mini-card__button .mini-card__credit,
.mini-card__button .mini-card__credit .text-primary {
  color: #0E0E13 !important;
}

.mini-card__credit {
  color: #888899 !important;
  font-size: 11px !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  font-weight: 400 !important;
}

.mini-card__availability:before {
  background-color: #E8FF00 !important;
}

.mini-card__label {
  background-color: #E8FF00 !important;
  color: #0E0E13 !important;
  border-radius: 0 !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 11px !important;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.mini-card__favourite {
  background-color: rgba(14, 14, 19, 0.8) !important;
  border-radius: 0 !important;
}

.mini-card__favourite:hover {
  background-color: #E8FF00 !important;
}

.mini-card__favourite:hover svg {
  color: #0E0E13 !important;
}

.mini-card-description__item {
  color: #888899 !important;
  font-size: 13px !important;
}

/* ============================================================
   КНОПКИ — глобальный сброс
   ============================================================ */
.btn-primary {
  background-color: #E8FF00 !important;
  border-color: #E8FF00 !important;
  color: #0E0E13 !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 700 !important;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  border-radius: 0 !important;
}

.btn-primary:hover,
.btn-primary:focus {
  background-color: #fff !important;
  border-color: #fff !important;
  color: #0E0E13 !important;
}

.btn-outline-primary {
  background-color: #E8FF00 !important;
  border-color: #E8FF00 !important;
  color: #0E0E13 !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 700 !important;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  border-radius: 0 !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus {
  background-color: #fff !important;
  border-color: #fff !important;
  color: #0E0E13 !important;
}

.btn-secondary {
  background-color: #2A2A38 !important;
  border-color: #2A2A38 !important;
  color: #F0F0F0 !important;
  border-radius: 0 !important;
}

/* ============================================================
   КАЛЬКУЛЯТОР
   ============================================================ */
.calculator,
.calc {
  background-color: #1A1A24 !important;
  border: 1px solid #2A2A38 !important;
  border-radius: 0 !important;
}

.calc__title,
.calculator__title {
  font-family: 'Oswald', sans-serif !important;
  color: #F0F0F0 !important;
  text-transform: uppercase;
}

.noUi-connect {
  background: #E8FF00 !important;
}

/* ============================================================
   ФОРМА и ПОЛЯ ВВОДА
   ============================================================ */
.form-control,
.form-select {
  background-color: #22222F !important;
  border-color: #2A2A38 !important;
  color: #F0F0F0 !important;
  border-radius: 0 !important;
}

.form-control:focus,
.form-select:focus {
  border-color: #E8FF00 !important;
  box-shadow: 0 0 0 2px rgba(232, 255, 0, 0.2) !important;
  background-color: #22222F !important;
}

.form-control::placeholder {
  color: #555566 !important;
}

/* ============================================================
   FOOTER — многоуровневый тёмный
   ============================================================ */
.footer {
  background-color: #1A1A24 !important;
  border-top: 1px solid #2A2A38 !important;
  padding: 0 !important;
}

/* Верхняя полоса — огромный телефон */
.footer__top {
  border-bottom: 1px solid #2A2A38 !important;
  padding: 32px 0 !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 24px !important;
}

.footer__phone {
  font-family: 'Bebas Neue', sans-serif !important;
  font-size: clamp(2rem, 5vw, 3.5rem) !important;
  letter-spacing: 0.04em;
  color: #E8FF00 !important;
  line-height: 1 !important;
  order: -1;
  flex-basis: 100%;
}

.footer__phone a {
  color: #E8FF00 !important;
}

.footer__phone a:hover {
  color: #fff !important;
}

.footer-menu__link {
  color: #888899 !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 13px !important;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  padding: 6px 0 !important;
  transition: color 0.2s ease;
}

.footer-menu__link:hover,
.footer-menu__link.-active {
  color: #E8FF00 !important;
}

.footer__address,
.footer__schedule {
  color: #555566 !important;
  font-size: 13px !important;
  font-family: 'Inter', sans-serif !important;
}

.footer__address svg,
.footer__schedule svg {
  color: #555566 !important;
}

.footer__bottom {
  padding-top: 24px !important;
  padding-bottom: 32px !important;
  color: #555566 !important;
  border-top: 1px solid #2A2A38 !important;
}

.footer__reqyisites {
  color: #555566 !important;
}

.footer__text {
  color: #555566 !important;
  font-size: 11px !important;
  line-height: 1.6 !important;
}

.footer__text p {
  color: #555566 !important;
}

.footer-text-button {
  color: #888899 !important;
  background: none !important;
  border: 1px solid #2A2A38 !important;
  border-radius: 0 !important;
  padding: 4px 12px !important;
  font-size: 11px !important;
  font-family: 'Inter', sans-serif !important;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.footer-text-button:hover {
  border-color: #E8FF00 !important;
  color: #E8FF00 !important;
}

.footer__policy a {
  color: #555566 !important;
  text-decoration: underline !important;
}

.footer__policy a:hover {
  color: #E8FF00 !important;
}

/* ============================================================
   ХЛЕБНЫЕ КРОШКИ — editorial стиль
   ============================================================ */
.breadcrumbs,
.breadcrumb {
  background: transparent !important;
}

.breadcrumbs__item,
.breadcrumb-item {
  font-family: 'Inter', sans-serif !important;
  font-size: 12px !important;
  text-transform: uppercase;
  letter-spacing: 0.07em;
  color: #555566 !important;
}

.breadcrumbs__item a,
.breadcrumb-item a {
  color: #888899 !important;
}

.breadcrumbs__item a:hover,
.breadcrumb-item a:hover {
  color: #E8FF00 !important;
}

.breadcrumbs__item.active,
.breadcrumb-item.active {
  color: #E8FF00 !important;
}

/* ============================================================
   CATALOG-LIST FORM (блок с предложением)
   ============================================================ */
.catalog-list-form {
  background:
    url('/static-tpl/esor/images/bg-form-catalog.webp'),
    linear-gradient(135deg, #12121a 0%, #1e1e2e 100%) !important;
  border: 1px solid #2A2A38 !important;
  border-radius: 0 !important;
  color: #F0F0F0 !important;
}

.catalog-list-form__label {
  background-color: #E8FF00 !important;
  color: #0E0E13 !important;
  border: none !important;
  border-radius: 0 !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  padding: 6px 16px !important;
}

.catalog-list-form__title {
  font-family: 'Oswald', sans-serif !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  color: #F0F0F0 !important;
}

.catalog-list-form .form-agreement,
.catalog-list-form .form-agreement--light,
.catalog-list-form .simple-warning-text {
  color: #666677 !important;
}

.catalog-list-form .form-agreement a,
.catalog-list-form .form-agreement--light a,
.catalog-list-form .simple-warning-text a {
  color: #888899 !important;
}

.catalog-list-form .invalid-feedback {
  color: #ff6b6b !important;
}

/* Секция с сеткой автомобилей на странице марки */
.catalog-list-section {
  background-color: #1A1A24 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  border: 1px solid #2A2A38 !important;
}

.catalog-list-section__title {
  color: #F0F0F0 !important;
  font-family: 'Oswald', sans-serif !important;
  text-transform: uppercase !important;
}

.catalog-list-section__title span {
  color: #E8FF00 !important;
}

/* ============================================================
   КАРТОЧКИ ПРЕИМУЩЕСТВ (catalog-list-advantages)
   ============================================================ */
.catalog-used-advantages__item,
.catalog-list-advantages__item {
  background-color: #1A1A24 !important;
  border: 1px solid #2A2A38 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #F0F0F0 !important;
  transition: border-color 0.2s ease;
}

.catalog-used-advantages__item:hover,
.catalog-list-advantages__item:hover {
  border-color: #E8FF00 !important;
}

/* Кнопки-врапперы внутри карточек (без класса .btn) */
.catalog-list-advantages__item button,
.catalog-used-advantages__item button {
  background: transparent !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  color: inherit !important;
}

.catalog-list-advantages__item-top {
  color: #E8FF00 !important;
  font-family: 'Bebas Neue', sans-serif !important;
  font-size: 1.5rem !important;
  letter-spacing: 0.04em !important;
}

.catalog-list-advantages__item-bottom {
  color: #888899 !important;
  font-size: 12px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
}

/* ============================================================
   PAGINATION
   ============================================================ */
.pagination__wrap .navigation,
.pagination__wrap .navigation__button {
  background-color: #1A1A24 !important;
  box-shadow: none !important;
  border: 1px solid #2A2A38 !important;
  border-radius: 0 !important;
  color: #F0F0F0 !important;
}

/* ============================================================
   SWIPER / SLIDER кнопки навигации
   ============================================================ */
.swiper-button-prev,
.swiper-button-next {
  background-color: #1A1A24 !important;
  border: 1px solid #2A2A38 !important;
  border-radius: 0 !important;
  color: #F0F0F0 !important;
  transition: border-color 0.2s ease, color 0.2s ease;
}

.swiper-button-prev:hover,
.swiper-button-next:hover {
  border-color: #E8FF00 !important;
  color: #E8FF00 !important;
}

.swiper-pagination-bullet {
  background: #555566 !important;
  opacity: 1 !important;
}

.swiper-pagination-bullet-active {
  background: #E8FF00 !important;
}

/* ============================================================
   CALLBACK-LINK (плавающая кнопка)
   ============================================================ */
.callback-link {
  background-color: #E8FF00 !important;
}

.callback-link svg {
  color: #0E0E13 !important;
}

.callback-link:hover {
  background-color: #fff !important;
}

/* ============================================================
   ПОПАП / МОДАЛЬНЫЕ ОКНА
   ============================================================ */
.popup,
.modal-content,
.fancybox__content {
  background-color: #1A1A24 !important;
  border: none !important;
  border-radius: 0 !important;
  color: #F0F0F0 !important;
}

/* ============================================================
   POPUP-BANNER / POPUP-BANNER-NEW
   ============================================================ */

/* Кнопка закрытия попапа */
.fancybox__container.-popup-banner .carousel__button.is-close {
  color: #F0F0F0 !important;
}

/* --- popup-banner (вариант -happy) --- */
.popup-banner {
  background: linear-gradient(135deg, #12121a 0%, #1e1e2e 100%) !important;
  border-radius: 0 !important;
}

.popup-banner__title {
  color: #F0F0F0 !important;
  font-family: 'Oswald', sans-serif !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
}

.popup-banner__subtitle {
  color: #E8FF00 !important;
  font-family: 'Oswald', sans-serif !important;
  text-transform: uppercase !important;
}

.popup-banner__description {
  color: #888899 !important;
}

.popup-banner__description ul li:before {
  background-color: #E8FF00 !important;
}

.popup-banner .btn {
  background-color: #E8FF00 !important;
  border-color: #E8FF00 !important;
  color: #0E0E13 !important;
  border-radius: 0 !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
}

.popup-banner .btn:hover {
  background-color: #fff !important;
  border-color: #fff !important;
  color: #0E0E13 !important;
}

.popup-banner .form-label {
  color: #F0F0F0 !important;
}

.popup-banner .form-agreement {
  color: #666677 !important;
}

.popup-banner .form-agreement a {
  color: #888899 !important;
  text-decoration: underline !important;
}

/* --- popup-banner-new (основной #popup-banner) --- */
.popup-banner-new {
  background-color: #1A1A24 !important;
  border-radius: 0 !important;
}

.popup-banner-new__title {
  color: #F0F0F0 !important;
  font-family: 'Oswald', sans-serif !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
}

.popup-banner-new__description {
  color: #888899 !important;
}

/* Карточки преимуществ внутри попапа */
.popup-banner-new-advantages__item {
  background-color: #22222F !important;
  border: 1px solid #2A2A38 !important;
  border-radius: 0 !important;
  color: #F0F0F0 !important;
}

.popup-banner-new-advantages__name {
  color: #E8FF00 !important;
  font-family: 'Bebas Neue', sans-serif !important;
  font-size: 1.6rem !important;
  letter-spacing: 0.04em !important;
  margin-bottom: 4px !important;
}

.popup-banner-new-advantages__text {
  color: #888899 !important;
  opacity: 1 !important;
  font-size: 0.8rem !important;
}

/* Кнопка "Жду звонка" (btn-light) */
.popup-banner-new .btn-light {
  background-color: #E8FF00 !important;
  border-color: #E8FF00 !important;
  color: #0E0E13 !important;
  border-radius: 0 !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
}

.popup-banner-new .btn-light:hover {
  background-color: #fff !important;
  border-color: #fff !important;
  color: #0E0E13 !important;
}

.popup-banner-new .form-label {
  color: #F0F0F0 !important;
}

.popup-banner-new .form-agreement,
.popup-banner-new .simple-warning-text {
  color: #666677 !important;
}

.popup-banner-new .form-agreement a,
.popup-banner-new .simple-warning-text a {
  color: #888899 !important;
  text-decoration: underline !important;
}

/* Блок банков-партнёров */
.popup-banner-new-banks__title {
  color: #F0F0F0 !important;
  font-family: 'Oswald', sans-serif !important;
  text-transform: uppercase !important;
}

/* ============================================================
   СТРАНИЦА КОНТАКТОВ — /contact-us
   ============================================================ */
.contacts__content {
  background-color: #1A1A24 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  border: 1px solid #2A2A38 !important;
}

.contacts__heading {
  color: #F0F0F0 !important;
  font-family: 'Oswald', sans-serif !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
}

/* Основной текст (адрес, расписание, телефон) */
.contacts__text {
  color: #F0F0F0 !important;
}

.contacts__text-item span,
.contacts__text-item a {
  color: #F0F0F0 !important;
}

.contacts__text-item a:hover {
  color: #E8FF00 !important;
}

/* Иконки рядом с контактами */
.contacts__text-icon svg {
  color: #E8FF00 !important;
}

/* Реквизиты */
.contacts__reqyisites {
  color: #888899 !important;
}

.contacts__reqyisites h3 {
  color: #F0F0F0 !important;
}

/* Карта */
.contacts__map {
  border-color: #2A2A38 !important;
  border-radius: 0 !important;
}

/* ============================================================
   ФИЛЬТР КАТАЛОГА
   ============================================================ */
.filter__row {
  background-color: #1A1A24 !important;
  border: 1px solid #2A2A38 !important;
  border-radius: 0 !important;
}

.sort__link {
  color: #888899 !important;
}

.sort__link.active {
  background: #E8FF00 !important;
  color: #0E0E13 !important;
}

/* ============================================================
   БЛОК TRADE-IN
   ============================================================ */
.trade-in-form__personal {
  border-radius: 0 !important;
}

.trade-in-steps-elem {
  border-radius: 0 !important;
}

/* Иконка с номером шага — жёлтая, текст тёмный */
.trade-in-steps-elem__icon {
  color: #0E0E13 !important;
  border-radius: 0 !important;
}

/* ============================================================
   БЛОК BANKS (банки-партнёры)
   ============================================================ */
.banks-item {
  border-radius: 0 !important;
}

/* ============================================================
   STOCK-DETAIL — страница автомобиля в наличии
   ============================================================ */

/* Подарки/комплектации */
.stock-presents__item {
  border-color: #2A2A38 !important;
  border-radius: 0 !important;
  background-color: #1A1A24 !important;
}

.stock-presents__item.active {
  border-color: #E8FF00 !important;
}

.stock-presents-item__radio {
  border-color: #2A2A38 !important;
  border-radius: 0 !important;
}

/* Текст в жёлтом бейдже кредитного платежа */
.stock-info__credit span {
  color: #0E0E13 !important;
  border-radius: 0 !important;
}

/* Бейдж выгоды */
.stock-info__benefit {
  border-radius: 0 !important;
  color: #F0F0F0 !important;
}

/* Разделитель характеристик */
.stock-info__prop {
  border-bottom-color: #2A2A38 !important;
}

.stock-info__prop .name {
  color: #888899 !important;
  opacity: 1 !important;
}

/* Стрелка аккордеона */
.stock-option__arrow {
  background: #2A2A38 !important;
  border-radius: 0 !important;
}

/* Блок опции/комплектации */
.stock__option {
  border-color: #2A2A38 !important;
  border-radius: 0 !important;
}

/* Список внутри опции */
.stock-option__content.chars ul li {
  border-bottom-color: #2A2A38 !important;
}

.stock-option__content.chars ul li .name {
  opacity: 1 !important;
  color: #888899 !important;
}

/* Миниатюры фото */
.stock-images-mini__block {
  border-color: #2A2A38 !important;
  border-radius: 0 !important;
}

.stock-images__left {
  scrollbar-color: #2A2A38 #0E0E13 !important;
}

.stock-images__left::-webkit-scrollbar-track {
  background: #0E0E13 !important;
}

.stock-images__left::-webkit-scrollbar-thumb {
  background-color: #2A2A38 !important;
}

/* Маркеры списков опций */
.stock-option__content ul li::marker,
.stock-option__content ol li::marker {
  color: #E8FF00 !important;
}

/* ============================================================
   КАЛЬКУЛЯТОР — поля ввода (stock-calc)
   ============================================================ */
.calculator-calculation__prices .input input {
  background-color: #22222F !important;
  border-color: #2A2A38 !important;
  color: #F0F0F0 !important;
}

.calculator-calculation .form-control {
  background-color: #22222F !important;
  color: #F0F0F0 !important;
}

.calculator-calculation .form-control:disabled {
  color: #555566 !important;
}

.calculator__input {
  background-color: #22222F !important;
}

/* ============================================================
   SECTION-SLIDER — фильтр-кнопки типа/похожих авто
   ============================================================ */
.section-slider__btn {
  color: #888899 !important;
  border-color: #2A2A38 !important;
  border-radius: 0 !important;
  background-color: #1A1A24 !important;
  box-shadow: none !important;
}

.section-slider__btn:hover:not(:disabled),
.section-slider__btn:focus:not(:disabled) {
  color: #E8FF00 !important;
  border-color: #E8FF00 !important;
  box-shadow: none !important;
}

.section-slider__btn:disabled {
  color: #0E0E13 !important;
  border-color: #E8FF00 !important;
  background-color: #E8FF00 !important;
}

/* Навигация слайдера (стрелки) */
.section-slider__navigation .swiper-button-next,
.section-slider__navigation .swiper-button-prev {
  border-color: #2A2A38 !important;
  border-radius: 0 !important;
  color: #E8FF00 !important;
  background-color: transparent !important;
}

/* ============================================================
   BU-MODELS-CARD — карточки б/у автомобилей
   ============================================================ */
.bu-models-card {
  background-color: #1A1A24 !important;
  border-color: #2A2A38 !important;
  border-radius: 0 !important;
}

.bu-models-card__favourite {
  background-color: rgba(14, 14, 19, 0.8) !important;
  border-radius: 0 !important;
}

.bu-models-card__favourite:hover {
  background-color: #E8FF00 !important;
}

.bu-models-card__favourite:hover svg {
  color: #0E0E13 !important;
}

.bu-models-card__special {
  border-radius: 0 !important;
}

.bu-models-card__picture .swiper-button-next,
.bu-models-card__picture .swiper-button-prev {
  background-color: rgba(14, 14, 19, 0.8) !important;
  border-radius: 0 !important;
}

.bu-models-card__picture .swiper-button-next svg,
.bu-models-card__picture .swiper-button-prev svg {
  color: #E8FF00 !important;
}

.bu-models-card__picture .swiper-button-next:hover,
.bu-models-card__picture .swiper-button-prev:hover {
  background-color: #E8FF00 !important;
}

.bu-models-card__picture .swiper-button-next:hover svg,
.bu-models-card__picture .swiper-button-prev:hover svg {
  color: #0E0E13 !important;
}

.bu-models-card__content {
  background-color: #1A1A24 !important;
  border-radius: 0 !important;
}

.bu-models-card-picture__image {
  border-radius: 0 !important;
}

/* ============================================================
   СКРОЛЛБАР
   ============================================================ */
html {
  scrollbar-color: #2A2A38 #0E0E13 !important;
}

html::-webkit-scrollbar-track {
  background: #0E0E13 !important;
}

html::-webkit-scrollbar-thumb {
  background-color: #2A2A38 !important;
}

html::-webkit-scrollbar-thumb:hover {
  background-color: #E8FF00 !important;
}

/* ============================================================
   BRANDS IN-STOCK — блок "Автомобили в наличии" на /new-cars
   ============================================================ */
.brands__in-stock {
  border-radius: 0 !important;
}

.brands-in-stock__link {
  color: #0E0E13 !important;
}

.brands-in-stock__link:hover {
  color: #0E0E13 !important;
}

/* ============================================================
   AGREE checkbox
   ============================================================ */
.agree__box {
  border-color: #E8FF00 !important;
  background-color: #22222F !important;
}

.agree__input:checked + .agree__box::after {
  border-color: #E8FF00 !important;
}

/* ============================================================
   DETAIL PAGE — /new-cars/baic/bj-60 и аналогичные
   ============================================================ */

/* Кнопка "Добавить в избранное" */
.add-to-favourite {
  background-color: rgba(14, 14, 19, 0.8) !important;
  border-radius: 0 !important;
  color: #F0F0F0 !important;
}
.add-to-favourite:hover,
.add-to-favourite.-active {
  background-color: #E8FF00 !important;
}
.add-to-favourite:hover svg,
.add-to-favourite.-active svg {
  color: #0E0E13 !important;
}

/* Основные блоки-карточки детальной страницы */
.product-card__slider {
  background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 100%), #1A1A24 !important;
  border-radius: 0 !important;
}

.product-card__info {
  background-color: #1A1A24 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  border: 1px solid #2A2A38 !important;
}

.product-card__photo {
  background-color: #1A1A24 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  border: 1px solid #2A2A38 !important;
}

.product-card-characteristics {
  background-color: #1A1A24 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  border: 1px solid #2A2A38 !important;
  color: #888899 !important;
}

.product-card-equipment {
  background-color: #1A1A24 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  border: 1px solid #2A2A38 !important;
}

/* Заголовок карточки автомобиля */
.product__name {
  color: #F0F0F0 !important;
  font-family: 'Oswald', sans-serif !important;
  text-transform: uppercase !important;
}

/* Бейдж "Выгода до X ₽" */
.product__profit {
  background-color: #E8FF00 !important;
  color: #0E0E13 !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
  padding: 4px 12px !important;
  border-radius: 0 !important;
}

.product__profit span {
  color: #0E0E13 !important;
}

/* Список скидок */
.product-content-list {
  list-style: none !important;
  padding: 0 !important;
}

.product-content-list__item {
  color: #888899 !important;
  font-size: 14px !important;
  border-bottom: 1px solid #2A2A38 !important;
  padding: 8px 0 !important;
}

.product-content-list__item span {
  color: #E8FF00 !important;
  font-weight: 700 !important;
}

/* Ежемесячный платёж */
.product-content__monthly-payment {
  color: #888899 !important;
  font-size: 14px !important;
}

.product-content__monthly-payment span {
  color: #E8FF00 !important;
  font-family: 'Bebas Neue', sans-serif !important;
  font-size: 1.3rem !important;
  letter-spacing: 0.04em !important;
}

/* Мини-преимущества (от 0%, не требуется и т.д.) */
.product-content-advantages__item {
  background-color: #22222F !important;
  border: 1px solid #2A2A38 !important;
  border-radius: 0 !important;
  padding: 8px 12px !important;
  text-align: center !important;
}

.product-content-advantages__value {
  color: #E8FF00 !important;
  font-family: 'Bebas Neue', sans-serif !important;
  font-size: 1.2rem !important;
  letter-spacing: 0.04em !important;
  display: block !important;
}

.product-content-advantages__name {
  color: #666677 !important;
  font-size: 11px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
}

/* Заголовки секций внутри карточек (Фото, Характеристики...) */
.product__title {
  color: #F0F0F0 !important;
}

.product-photo__title {
  color: #888899 !important;
  font-family: 'Oswald', sans-serif !important;
  text-transform: uppercase !important;
  font-size: 1.1rem !important;
}

/* Таблица характеристик (.product-char__*) */
.product-char__table-wrapper,
.product-char__table,
.product-char__table-top {
  width: 100%;
  border-collapse: collapse;
  color: #888899 !important;
}

.product-char__table td,
.product-char__table-top td {
  padding: 6px 12px !important;
  border-bottom: 1px solid #2A2A38 !important;
  color: #888899 !important;
}

.product-char__title-row td,
.product-char__title {
  background-color: #22222F !important;
  color: #E8FF00 !important;
  font-family: 'Oswald', sans-serif !important;
  text-transform: uppercase !important;
  font-size: 13px !important;
  letter-spacing: 0.05em !important;
  padding: 8px 12px !important;
}

.product-char__mod {
  background-color: #E8FF00 !important;
  color: #0E0E13 !important;
  font-weight: 700 !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 12px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
}

/* Характеристики из style_external.css — перекраска белых фонов */
.product-card-characteristics__mod {
  background-color: #E8FF00 !important;
  color: #0E0E13 !important;
}

.product-card-characteristics__title {
  color: #E8FF00 !important;
}

.product-card-characteristics__shown {
  border-top-color: #2A2A38 !important;
  color: #E8FF00 !important;
}

.product-card-characteristics__fade {
  background: linear-gradient(to bottom, transparent, #1A1A24) !important;
}

/* Секции комплектаций */
.product-card-equipment__title {
  color: #F0F0F0 !important;
  font-family: 'Oswald', sans-serif !important;
  text-transform: uppercase !important;
}

.product-card-equipment__name {
  color: #888899 !important;
  font-family: 'Oswald', sans-serif !important;
  text-transform: uppercase !important;
  font-size: 1rem !important;
}

.product-card-equipment-editions__line {
  border-radius: 0 !important;
  border-color: #2A2A38 !important;
}

.product-card-equipment-editions__name {
  color: #F0F0F0 !important;
  border-bottom-color: #2A2A38 !important;
}

.product-card-equipment-editions__content {
  border-bottom-color: #2A2A38 !important;
}

.product-card-equipment-editions__price--current {
  color: #E8FF00 !important;
  font-family: 'Bebas Neue', sans-serif !important;
  letter-spacing: 0.04em !important;
}

.product-card-equipment-editions__price--old {
  color: #555566 !important;
}

.product-card-equipment__select {
  background-color: #22222F !important;
  color: #F0F0F0 !important;
  border-color: #2A2A38 !important;
  border-radius: 0 !important;
}

/* Кнопка "Рассчитать кредит" в блоке комплектаций */
.product__credit-button {
  background-color: transparent !important;
  border: 1px solid #E8FF00 !important;
  color: #E8FF00 !important;
  border-radius: 0 !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
}

.product__credit-button:hover {
  background-color: #E8FF00 !important;
  color: #0E0E13 !important;
}

/* Кнопка Trade-in */
.trade-in__button {
  background: transparent !important;
  border: none !important;
  color: #888899 !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 13px !important;
}

.trade-in__button:hover {
  color: #E8FF00 !important;
}

.trade-in__button svg {
  color: #888899 !important;
}

.trade-in__button:hover svg {
  color: #E8FF00 !important;
}

/* Фото автомобиля — навигация галереи */
.product-card-gallery__navigation .swiper-button-prev,
.product-card-gallery__navigation .swiper-button-next {
  background-color: transparent !important;
  border-color: #2A2A38 !important;
  color: #E8FF00 !important;
  border-radius: 0 !important;
}

/* Nice-select (выбор цвета) */
.product .nice-select-dropdown {
  background-color: #1A1A24 !important;
  border: 1px solid #2A2A38 !important;
}

.product .nice-select-dropdown .list li:hover,
.product .nice-select-dropdown .list li.selected.focus {
  background-color: #22222F !important;
}

/* Блок "Похожие автомобили" */
.product-bottom .section-slider--product {
  background-color: #1A1A24 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  border: 1px solid #2A2A38 !important;
}

/* Блок контактов */
.product-bottom-contacts {
  background-color: #1A1A24 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  border: 1px solid #2A2A38 !important;
}

.product-bottom-contacts__heading {
  color: #F0F0F0 !important;
}

/* Цветовые точки-буллеты на слайдере */
.product-card-slider__navigation .swiper-bullet-color span {
  border-color: rgba(14, 14, 19, 0.6) !important;
}