/* =====================================================================
   HolylandCars — общая тема (этап 1: только стили, разметка не меняется)
   Подключается ПОСЛЕДНИМ, после styles_my.css, на всех страницах
   /ru/israel, /en/israel, /de/israel, /fr/israel:
   <link href="/assets/holyland/theme.css?v=1" rel="stylesheet">
   ===================================================================== */

@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Unbounded:wght@500;700&display=swap");

/* ---------- 1. Токены: меняются в одном месте для всех сайтов ---------- */
:root {
  --hc-brand:        #0f3d24;   /* тёмно-зелёный: шапка, герой, футер */
  --hc-brand-2:      #1a5c36;   /* зелёный для ссылок, активных элементов */
  --hc-brand-soft:   #e8f2ec;   /* светло-зелёная подложка */
  --hc-accent:       #e0b43a;   /* золотой: главная кнопка */
  --hc-accent-hover: #d4a52a;
  --hc-bg:           #f7f5ef;   /* тёплый светлый фон страницы */
  --hc-surface:      #ffffff;   /* карточки */
  --hc-field:        #fbfaf6;   /* фон полей ввода */
  --hc-line:         #e6e1d4;   /* рамки карточек */
  --hc-field-line:   #d9d4c6;   /* рамки полей */
  --hc-ink:          #1d2520;   /* основной текст */
  --hc-muted:        #5b6660;   /* второстепенный текст */
  --hc-on-brand:     #cfe3d6;   /* текст на зелёном */
  --hc-warn-bg:      #fdf6e3;
  --hc-warn-ink:     #7a5a0c;

  --hc-font:         "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;
  --hc-font-display: "Unbounded", "Manrope", system-ui, sans-serif;

  --hc-radius-sm: 10px;
  --hc-radius:    14px;
  --hc-radius-lg: 20px;
  --hc-shadow:    0 12px 32px rgba(15, 61, 36, 0.12);
  --hc-shadow-lg: 0 24px 60px rgba(0, 0, 0, 0.22);
}

/* ---------- 2. База ---------- */
html, body {
  background: var(--hc-bg);
}
body {
  font-family: var(--hc-font);
  color: var(--hc-ink);
  -webkit-font-smoothing: antialiased;
}
body, p, li, td, th, input, select, textarea, button, label {
  font-family: var(--hc-font);
}
h1, h2, h3, h4 {
  font-family: var(--hc-font-display);
  color: var(--hc-ink);
  letter-spacing: 0;
}
a { color: var(--hc-brand-2); }
a:hover, a:focus { color: var(--hc-brand); }
img { max-width: 100%; }

/* ---------- 3. Шапка ---------- */
header {
  height: auto !important;
  min-height: 78px;
  background: var(--hc-brand) !important;
  filter: none !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06);
}
header .brand h1,
.header_title_h1,
.header_title_h1 h1 {
  font-family: var(--hc-font) !important;
  font-weight: 600;
  color: var(--hc-on-brand) !important;
  font-size: 16px !important;
}
header .navbar-default {
  background: transparent !important;
  border: none !important;
}
header .navbar-default .navbar-nav > li > a {
  font-family: var(--hc-font) !important;
  font-weight: 600 !important;
  font-size: 15px !important;
  color: #ffffff !important;
  border-radius: var(--hc-radius-sm);
  transition: background-color 0.15s;
}
header .navbar-default .navbar-nav > li > a:hover,
header .navbar-default .navbar-nav > li > a:focus {
  background: rgba(255, 255, 255, 0.10) !important;
  color: #ffffff !important;
}
header .navbar-toggle {
  border: none !important;
  border-radius: var(--hc-radius-sm) !important;
  background: rgba(255, 255, 255, 0.12) !important;
  min-width: 44px;
  min-height: 44px;
  color: #ffffff;
}
header .navbar-collapse {
  border-color: rgba(255, 255, 255, 0.12) !important;
}
/* флаги языков — «таблетки» */
.flag-country a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px;
  border-radius: 8px;
  transition: background-color 0.15s;
}
.flag-country a:hover { background: rgba(255, 255, 255, 0.12); }
.flag-country img { border-radius: 3px; }

/* ---------- 4. Главная: герой и форма поиска ---------- */
.teaser,
#teaser {
  background: var(--hc-brand) !important;
}
#teaser .reservation-form-shadow,
#teaser md-content {
  background: var(--hc-surface) !important;
  border-radius: var(--hc-radius-lg) !important;
  box-shadow: var(--hc-shadow-lg) !important;
}
#teaser md-content { box-shadow: none !important; }
#teaser .search-form { padding: 24px !important; }

#teaser .info-box-title,
.search-title1 {
  font-family: var(--hc-font) !important;
  font-weight: 800 !important;
  font-size: 22px !important;
  color: var(--hc-ink) !important;
  text-transform: none !important;
}
#teaser .title-form,
#teaser .driver-title1 {
  font-family: var(--hc-font) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #4a554f !important;
  text-transform: none !important;
}

/* поля: дата, время, выпадающие списки */
.border-all-datapicker,
#teaser form select.native-time,
#teaser .md-select-value {
  height: 52px !important;
  min-height: 52px !important;
  box-sizing: border-box !important;
  border: 1px solid var(--hc-field-line) !important;
  border-radius: 12px !important;
  background-color: var(--hc-field) !important;
  color: var(--hc-ink) !important;
  font-family: var(--hc-font) !important;
  font-size: 16px !important;
  transition: border-color 0.15s, box-shadow 0.15s;
}
.border-all-datapicker:focus,
#teaser form select.native-time:focus,
#teaser md-select:focus .md-select-value {
  outline: none;
  border-color: var(--hc-brand-2) !important;
  box-shadow: 0 0 0 3px rgba(26, 92, 54, 0.18) !important;
}
#teaser md-select { margin-bottom: 10px; }

/* «Выходной» / «Праздник» в поле времени — жёлтая плашка */
#teaser form select.native-time.hc-closed {
  background-color: var(--hc-warn-bg) !important;
  border-color: #f0d9a0 !important;
  color: var(--hc-warn-ink) !important;
  font-weight: 700;
}

/* чекбокс «Возврат в другой точке» */
#teaser md-checkbox .md-label { color: var(--hc-ink); font-weight: 500; }
#teaser md-checkbox.md-checked .md-icon { background-color: var(--hc-brand-2) !important; }

/* главная кнопка */
.general-search,
#teaser form .submit {
  height: 58px;
  padding: 0 !important;
  border: none !important;
  border-radius: var(--hc-radius) !important;
  background: var(--hc-accent) !important;
  filter: none !important;
  color: #1c1a14 !important;
  font-family: var(--hc-font-display) !important;
  font-weight: 700 !important;
  font-size: 18px !important;
  letter-spacing: 0.5px;
  text-transform: none !important;
  box-shadow: 0 6px 16px rgba(224, 180, 58, 0.35);
  transition: background-color 0.15s, transform 0.1s;
}
.general-search:hover { background: var(--hc-accent-hover) !important; opacity: 1 !important; }
.general-search:active { transform: translateY(1px); }
.general-search[disabled] { opacity: 0.55 !important; box-shadow: none; }

/* преимущества под кнопкой */
.txt_search_btn ul li { color: var(--hc-muted) !important; font-size: 14px; }
.txt_search_btn .fa-check { color: var(--hc-brand-2) !important; }

/* сообщения об ошибке даты */
#teaser .validation-messages { color: #b3261e; font-size: 13px; font-weight: 600; }

/* шаги бронирования */
.main-block nav ul { background: var(--hc-brand) !important; }
.main-block nav li.active,
.main-block nav li.done-step { color: #ffffff !important; opacity: 1 !important; }

/* карточки машин и страховки на шагах 1–3 */
.border-side-list,
.main-block .general-price-info {
  background: var(--hc-surface) !important;
  border: 1px solid #d0c4a6;
  border-radius: var(--hc-radius) !important;
  box-shadow: none !important;
}
#under-slider {
  margin-bottom: 0;
}

/* ---------- 5. Всплывающее окно (md-dialog) ---------- */
md-dialog {
  border-radius: var(--hc-radius-lg) !important;
  max-width: 480px !important;
  width: calc(100% - 32px) !important;
  overflow: hidden !important;
  box-shadow: var(--hc-shadow-lg) !important;
}
md-dialog md-dialog-content,
md-dialog .md-dialog-content { padding: 24px 24px 8px !important; }
md-dialog .md-title,
md-dialog md-dialog-content h2 {
  margin: 0 0 12px !important;
  padding: 0 !important;
  font-family: var(--hc-font-display) !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  color: var(--hc-brand) !important;
}
md-dialog .md-dialog-content-body,
md-dialog .md-dialog-content-body p {
  margin: 0 !important;
  font-size: 16px !important;
  line-height: 1.6 !important;
  color: var(--hc-ink) !important;
}
md-dialog md-dialog-actions,
md-dialog .md-actions {
  padding: 12px 24px 20px !important;
  min-height: 0 !important;
  border-top: none !important;
}
md-dialog md-dialog-actions .md-button,
md-dialog .md-actions .md-button {
  margin: 0 !important;
  min-width: 110px !important;
  height: 46px !important;
  line-height: 46px !important;
  padding: 0 22px !important;
  border-radius: 12px !important;
  background-color: var(--hc-brand) !important;
  color: #ffffff !important;
  font-family: var(--hc-font) !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  text-transform: none !important;
}
md-dialog md-dialog-actions .md-button:hover { background-color: var(--hc-brand-2) !important; }

/* ---------- 6. Внутренние страницы: шапка страницы ---------- */
#teaser-blog {
  height: auto !important;
  padding: 36px 0 32px !important;
  background: var(--hc-brand) !important;
}
#teaser-blog .title {
  font-family: var(--hc-font-display) !important;
  font-weight: 700 !important;
  font-size: 28px !important;
  line-height: 1.25;
  text-transform: none !important;
  color: #ffffff !important;
}
#teaser-blog .breadcrumbs {
  margin: 10px 0 0;
  color: var(--hc-on-brand) !important;
  font-size: 14px;
}
#teaser-blog .breadcrumbs a { color: var(--hc-on-brand) !important; text-decoration: underline; text-underline-offset: 3px; }
#teaser-blog .breadcrumbs li.active { color: #ffffff; font-weight: 600; }

/* ---------- 7. Статьи, список статей, информационные страницы ---------- */
.blog-posts {
  margin-top: 0 !important;
  padding: 40px 0 56px;
  background: var(--hc-bg);
}
.blog-posts .blog-post {
  background: var(--hc-surface);
  border: 1px solid var(--hc-line);
  border-radius: var(--hc-radius-lg);
  padding: 28px !important;
  margin-bottom: 24px;
}
.blog-posts .post-attachment img,
.blog-posts .blog-post img {
  border-radius: var(--hc-radius);
  height: auto;
}
.blog-posts .blog-post .post-content-text { margin-top: 18px !important; }
.blog-posts .post-title,
.blog-posts .blog-post .post-content-text .post-title a {
  font-family: var(--hc-font-display) !important;
  font-weight: 700 !important;
  font-size: 24px !important;
  line-height: 1.3 !important;
  color: var(--hc-ink) !important;
  text-transform: none !important;
}
.blog-posts .blog-post .post-content-text .post-title a:hover { color: var(--hc-brand-2) !important; }
.blog-posts .blog-post .post-content-text .post-date {
  font-weight: 600 !important;
  font-size: 14px !important;
  color: var(--hc-muted);
}
.blog-posts .blog-post .post-content-text p,
.blog-posts .blog-post .post-content-text li,
.abotus {
  font-family: var(--hc-font) !important;
  font-size: 17px !important;
  line-height: 1.7 !important;
  color: var(--hc-ink);
}
.blog-posts .blog-post .post-content-text h3,
.blog-posts .blog-post .post-content-text h4 {
  margin: 28px 0 12px;
  font-size: 19px;
  font-weight: 700;
  line-height: 1.35;
}
.blog-posts .blog-post .post-content-text ul,
.blog-posts .blog-post .post-content-text ol { padding-left: 22px; }
.blog-posts .blog-post blockquote {
  margin: 28px 0 !important;
  padding: 18px 22px;
  border-left: 4px solid var(--hc-accent) !important;
  border-radius: 0 var(--hc-radius-sm) var(--hc-radius-sm) 0;
  background: var(--hc-warn-bg);
  font-style: normal !important;
}
.blog-posts table {
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0;
  font-size: 15px;
}
.blog-posts table th,
.blog-posts table td {
  padding: 10px 12px;
  border-bottom: 1px solid var(--hc-line);
  text-align: left;
}
.blog-posts table th { background: var(--hc-brand-soft); font-weight: 700; }

/* «Читать далее» — кнопка */
.blog-posts .blog-post .post-content-text .read-more,
.read-more {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  margin-top: 14px !important;
  padding: 0 18px;
  border-radius: var(--hc-radius-sm);
  background: var(--hc-brand-soft);
  color: var(--hc-brand) !important;
  font-weight: 700 !important;
  font-size: 15px;
  text-transform: none !important;
  text-decoration: none !important;
  transition: background-color 0.15s;
}
.read-more:hover { background: #d7e9de; }

/* боковая колонка (советы о ПДД и парковке) */
.sidebar {
  background: var(--hc-surface);
  border: 1px solid var(--hc-line);
  border-radius: var(--hc-radius-lg);
  padding: 24px;
  font-size: 15px;
  line-height: 1.65;
  color: var(--hc-ink);
}
.sidebar h3 {
  font-size: 18px !important;
  font-weight: 700;
  line-height: 1.35;
  margin: 0 0 12px;
  color: var(--hc-brand) !important;
}
.sidebar hr { border-top: 1px solid var(--hc-line); margin: 22px 0; }
/* убираем пунктирную линию слева от колонки */
.blog-posts .col-md-4[style*="dotted"] { border-left: none !important; }

/* служебные блоки в статьях */
.info-box, .highlight-box {
  background: var(--hc-brand-soft);
  border-radius: var(--hc-radius);
  padding: 18px 20px;
}
.warning-box {
  background: var(--hc-warn-bg);
  color: var(--hc-warn-ink);
  border-radius: var(--hc-radius);
  padding: 18px 20px;
}

/* ---------- 8. Автопарк (car-categories) и пункты проката ---------- */
.carslist1 > div,
.category-style {
  border-radius: var(--hc-radius-lg);
}
.car_details { font-size: 14px; color: var(--hc-muted); }
.image-branch img { border-radius: var(--hc-radius); }

/* ---------- 9. Отзывы на главной ---------- */
#reviews { background: var(--hc-surface) !important; }

/* ---------- 10. Футер ---------- */
footer {
  background: var(--hc-brand) !important;
  border-top: none !important;
}
.menu-footer {
  padding: 10px;
}
footer .footer-nav li a {
  font-family: var(--hc-font) !important;
  font-weight: 600;
  font-size: 15px !important;
  color: #ffffff !important;
}
.underform2 {
  background: #0b3320 !important;
  filter: none !important;
}
.footer_links { background: transparent !important; }
.footer_links h3 {
  font-family: var(--hc-font) !important;
  font-weight: 800;
  font-size: 15px !important;
  color: #ffffff !important;
}
.footer_links a { color: var(--hc-on-brand) !important; font-size: 14px; line-height: 1.8; }
.footer_links a:hover { color: #ffffff !important; }
.copyright {
  background: #082818 !important;
  color: var(--hc-on-brand) !important;
  font-size: 13px;
}

/* ---------- 11. Мобильная версия ---------- */
@media only screen and (max-width: 767px) {
  #teaser .search-form { padding: 18px 16px !important; }
  #teaser .info-box-title, .search-title1 { font-size: 20px !important; }
  #teaser-blog { padding: 24px 0 !important; }
  #teaser-blog .title { font-size: 22px !important; }
  #teaser-blog .text-right { text-align: left !important; }
  .blog-posts { padding: 24px 0 40px; }
  .blog-posts .blog-post { padding: 18px !important; border-radius: var(--hc-radius); }
  .blog-posts .post-title,
  .blog-posts .blog-post .post-content-text .post-title a { font-size: 20px !important; }
  .blog-posts .blog-post .post-content-text p,
  .blog-posts .blog-post .post-content-text li { font-size: 16px !important; }
  .sidebar { margin-top: 8px; padding: 18px; }
  md-dialog md-dialog-content, md-dialog .md-dialog-content { padding: 20px 20px 6px !important; }
  md-dialog md-dialog-actions .md-button, md-dialog .md-actions .md-button { width: 100% !important; }
}

/* =====================================================================
   v2 — доработки по живому сайту
   ===================================================================== */

/* ---------- Шаги бронирования: светлый фон вместо сплошного зелёного ---------- */
#teaser.main-block {
  background: var(--hc-bg) !important;
  padding-top: 20px;
}
#teaser.main-block .steps1,
.main-block nav.steps1 {
  background: var(--hc-brand) !important;
  display: none;
}
.main-block nav ul {
  height: auto !important;
  padding: 14px 64px !important;
  margin: 0 0 24px 0 !important;
  background: transparent !important;
}
.main-block nav ul li {
  padding: 8px 0 !important;
  line-height: 1.3 !important;
  font-size: 15px !important;
  font-weight: 600;
  color: var(--hc-on-brand) !important;
  opacity: 0.75 !important;
  background: transparent !important;
}
.main-block nav ul li.active,
.main-block nav ul li.done-step {
  color: #ffffff !important;
  opacity: 1 !important;
}
.main-block nav li span {
  border: 2px solid currentColor !important;
  color: inherit !important;
  width: 32px !important;
  height: 32px !important;
  line-height: 28px !important;
  font-size: 15px !important;
  font-weight: 800;
  text-align: center;
}
.main-block nav ul li.active span {
  background: var(--hc-accent) !important;
  border-color: var(--hc-accent) !important;
  color: #1c1a14 !important;
}
.main-block .reservation-form-shadow {
  background: var(--hc-surface) !important;
  border-radius: var(--hc-radius-lg) !important;
  border: 1px solid var(--hc-line);
}
.container .result-box-title, .info-box-title {
  display: none;
}

/* ---------- Форма: убираем светлую плашку за заголовком ---------- */
#teaser .search-form .info-box,
#teaser .info-box {
  background: transparent !important;
  padding: 0 !important;
  border: none !important;
}
#teaser .info-box-title { margin: 0 0 14px !important; }

/* ---------- Главная: герой с текстом справа от формы ---------- */
.teaser {
  height: auto !important;
  padding: 40px 0 48px;
}
.hc-hero {
  padding: 48px 0 0 56px;
  color: #ffffff;
}
.hc-hero-badge {
  display: inline-block;
  padding: 6px 14px;
  border-radius: 999px;
  background: rgba(224, 180, 58, 0.18);
  color: var(--hc-accent);
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 0.5px;
}
.hc-hero-title {
  margin: 20px 0 16px;
  font-family: var(--hc-font-display);
  font-weight: 700;
  font-size: 48px;
  line-height: 1.12;
  color: #ffffff;
}
.hc-hero-text {
  margin: 0 0 24px;
  max-width: 540px;
  font-size: 19px;
  line-height: 1.6;
  color: var(--hc-on-brand);
}
.hc-hero-points {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 12px 28px;
}
.hc-hero-points li {
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 600;
  font-size: 15px;
  color: #ffffff;
}
.hc-hero-points .fa { color: var(--hc-accent); font-size: 18px; }
@media only screen and (max-width: 1199px) {
  .hc-hero { padding-left: 24px; }
  .hc-hero-title { font-size: 38px; }
}

/* ---------- Полоса преимуществ под героем ---------- */
#under-slider,
#teaser #under-slider {
  background: #0b3320 !important;
  color: var(--hc-on-brand) !important;
  border: none !important;
}
#under-slider .underform { padding: 18px 0; }
#under-slider .col-md-10 { font-size: 15px; font-weight: 600; line-height: 1.45; color: #ffffff; }

/* ---------- «Что мы предлагаем» ---------- */
#services {
  background: var(--hc-bg) !important;
  padding: 56px 0 !important;
}
#services .title { text-align: left !important; margin-bottom: 24px; }
#services h2,
#suppliers h2,
#reviews h2,
#vehicles h2 {
  font-family: var(--hc-font-display) !important;
  font-weight: 700 !important;
  font-size: 34px !important;
  line-height: 1.2 !important;
  color: var(--hc-ink) !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}
#services .underline { display: none !important; }
#services .service-box {
  background: var(--hc-surface) !important;
  border: 1px solid var(--hc-line) !important;
  border-radius: var(--hc-radius-lg) !important;
  box-shadow: none !important;
  padding: 24px 28px !important;
  margin: 0 0 16px !important;
  text-align: left !important;
}
#services .service-box .service-title {
  margin: 0 0 8px !important;
  font-family: var(--hc-font) !important;
  font-weight: 800 !important;
  font-size: 21px !important;
  line-height: 1.3 !important;
  color: var(--hc-brand) !important;
  text-transform: none !important;
}
#services .service-box .service-content,
#services .service-box p {
  font-size: 16px !important;
  line-height: 1.6 !important;
  color: var(--hc-ink) !important;
}
#services .sidebar h3 { font-family: var(--hc-font-display) !important; }

/* ---------- Логотипы партнёров ---------- */
#suppliers {
  background: var(--hc-surface) !important;
  padding: 56px 0 !important;
}
#suppliers .description {
  font-size: 17px !important;
  line-height: 1.6;
  color: var(--hc-muted) !important;
}
#suppliers img {
  border: 1px solid var(--hc-line);
  border-radius: 12px;
  background: #ffffff;
  padding: 6px;
}

/* ---------- Полоса городов ---------- */
.cities {
  background: var(--hc-brand-2) !important;
  color: #ffffff !important;
  font-size: 14px;
  line-height: 1.7;
  padding: 16px 0 !important;
}

/* ---------- Отзывы (старый блок) ---------- */
#reviews { padding: 56px 0 !important; }
#reviews .card {
  border: 1px solid var(--hc-line) !important;
  border-radius: var(--hc-radius-lg) !important;
  box-shadow: none !important;
  background: var(--hc-bg) !important;
}
#reviews .review-title {
  font-family: var(--hc-font) !important;
  font-weight: 800 !important;
  font-size: 20px !important;
}
#reviews .card-text,
#reviews .review-body { font-size: 15px !important; line-height: 1.6 !important; color: var(--hc-ink) !important; }
#reviews .text-warning,
#reviews .fa-star { color: #b8860b !important; }

@media only screen and (max-width: 767px) {
  .teaser { padding: 16px 0 24px; }
  #services h2, #suppliers h2, #reviews h2, #vehicles h2 { font-size: 24px !important; }
  #services, #suppliers, #reviews { padding: 36px 0 !important; }
  #services .service-box { padding: 18px !important; }
  .main-block nav ul { padding: 10px 12px !important; }
}

/* =====================================================================
   v3 — мобильная шапка: меню-гамбургер и флаги
   ===================================================================== */
@media only screen and (max-width: 991px) {
  /* выпадающее меню: было белым с белыми ссылками — стало зелёным */
  header .navbar-default .navbar-collapse {
    background: var(--hc-brand) !important;
    border: none !important;
    border-radius: 0 0 var(--hc-radius) var(--hc-radius);
    box-shadow: 0 16px 32px rgba(0, 0, 0, 0.25) !important;
    padding: 8px 16px 16px !important;
    margin: 12px 0 0 !important;
    max-height: none !important;
  }
  header .navbar-default .navbar-collapse .navbar-nav {
    margin: 0 !important;
    float: none !important;
  }
  header .navbar-default .navbar-collapse .navbar-nav > li {
    float: none !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.10);
  }
  header .navbar-default .navbar-collapse .navbar-nav > li:last-child { border-bottom: none; }
  header .navbar-default .navbar-collapse .navbar-nav > li > a {
    display: flex !important;
    align-items: center;
    min-height: 52px;
    padding: 0 8px !important;
    font-size: 17px !important;
    font-weight: 600 !important;
    color: #ffffff !important;
    background: transparent !important;
  }
  header .navbar-default .navbar-collapse .navbar-nav > li > a:active,
  header .navbar-default .navbar-collapse .navbar-nav > li > a:hover {
    background: rgba(255, 255, 255, 0.08) !important;
  }

  /* флаги языков: нормальный размер и удобные зоны нажатия */
  .flag-country {
    width: auto !important;
    margin: 0 0 8px !important;
    padding: 0 !important;
    display: flex !important;
    justify-content: flex-end;
    gap: 4px;
  }
  .flag-country a {
    width: 44px;
    height: 36px;
    padding: 0 !important;
  }
  .flag-country img {
    width: 30px !important;
    height: auto !important;
    padding: 0 !important;
    border-radius: 3px;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.25);
  }
}

/* =====================================================================
   v3 — новый логотип и отступы в шапке
   ===================================================================== */
header .box {
  padding-top: 16px !important;
  padding-bottom: 14px !important;
  align-items: center;
}
header .brand { margin: 0 !important; }
header .brand img,
.brand img,
.header_title_h1 img {
  width: auto !important;
  height: 51px !important;
  max-width: 100%;
  display: block;
}
header .brand h1,
.header_title_h1 h1 {
  margin-top: 6px !important;
  padding: 0 !important;
}
header .navbar-brand {
  height: auto !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
header .navbar-brand img {
  width: auto !important;
  height: 32px !important;
}
header .col-md-9 { padding-top: 14px !important; }
@media only screen and (max-width: 767px) {
  header .box { padding-top: 12px !important; padding-bottom: 10px !important; }
  header .brand img,
  .brand img,
  .header_title_h1 img { height: 44px !important; }
}

/* =====================================================================
   v4 — выбор языка на телефоне (select слева от меню), логотип крупнее
   ===================================================================== */
.hc-lang-mobile { display: none; }
@media only screen and (max-width: 767px) {
  .hc-lang-mobile {
    display: block;
    float: right;
    height: 44px;
    margin: 8px 8px 0 0;
    padding: 0 30px 0 12px;
    border: none;
    border-radius: 10px;
    background-color: rgba(255, 255, 255, 0.12);
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23ffffff' stroke-width='2'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 10px center;
    color: #ffffff;
    font-family: var(--hc-font);
    font-size: 16px;
    font-weight: 700;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }
  .hc-lang-mobile option { color: #1d2520; }
  /* флаги в ряд на телефоне больше не нужны */
  .flag-country { display: none !important; }
  header .col-md-9 { display: none !important; }
  header .navbar-toggle { margin-right: 0 !important; }
}

/* =====================================================================
   v5 — телефон: меню и язык на одной линии, иконка меню по центру
   ===================================================================== */
@media only screen and (max-width: 767px) {
  header .mobile_version .navbar-header {
    display: flex;
    flex-direction: row-reverse;   /* меню справа, язык слева от него */
    align-items: center;
    gap: 8px;
    margin-right: 0 !important;
    margin-left: 0 !important;
    padding-top: 8px;
  }
  header .mobile_version .navbar-toggle,
  header .mobile_version .hc-lang-mobile {
    float: none !important;
    margin: 0 !important;
    height: 44px !important;
    box-sizing: border-box;
  }
  header .mobile_version .navbar-toggle {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 44px !important;
    min-width: 44px;
    padding: 0 !important;
  }
  header .mobile_version .navbar-toggle .fa {
    display: block;
    margin: 0;
    font-size: 20px;
    line-height: 1;
    color: #ffffff;
  }
}

/* =====================================================================
   v6 — главная как в макете: форма справа, карточки преимуществ, автопарк
   ===================================================================== */

/* форма поиска справа, текст героя слева (только на главной, десктоп) */
@media only screen and (min-width: 992px) {
  #teaser.teaser .date_block.pull-left { float: right !important; }
  #teaser.teaser .hc-hero { padding: 56px 48px 0 0; }
}

/* старый слайдер автопарка больше не нужен — есть новые карточки */
#vehicles { display: none !important; }

/* ---------- Преимущества: 4 карточки ---------- */
#under-slider.hc-benefits {
  background: var(--hc-bg) !important;
  padding: 48px 0 16px !important;
  border: none !important;
}
.hc-benefits-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px;
}
.hc-benefit {
  background: var(--hc-surface);
  border: 1px solid var(--hc-line);
  border-radius: 16px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.hc-benefit .fa {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: var(--hc-brand-soft);
  color: var(--hc-brand-2);
  font-size: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.hc-benefit-title { font-weight: 800; font-size: 17px; color: var(--hc-ink); }
.hc-benefit-text { font-size: 14px; line-height: 1.55; color: var(--hc-muted); }

/* ---------- Автопарк: карточки машин ---------- */
.hc-fleet {
  background: var(--hc-bg);
  padding: 40px 0 56px;
}
.hc-section-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 24px;
}
.hc-section-head h2 {
  margin: 0;
  font-family: var(--hc-font-display) !important;
  font-weight: 700;
  font-size: 34px;
  line-height: 1.2;
  color: var(--hc-ink);
}
.hc-section-head a { font-weight: 700; font-size: 15px; white-space: nowrap; }
.hc-fleet-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px;
}
.hc-car {
  background: var(--hc-surface);
  border: 1px solid var(--hc-line);
  border-radius: 18px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: box-shadow 0.2s, transform 0.2s;
}
.hc-car:hover { box-shadow: var(--hc-shadow); transform: translateY(-2px); }
.hc-car-img {
  height: 170px;
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px;
  border-bottom: 1px solid #efeadf;
}
.hc-car-img img { max-height: 100%; width: auto; object-fit: contain; }
.hc-car-body { padding: 18px 20px 20px; display: flex; flex-direction: column; gap: 12px; flex-grow: 1; }
.hc-car-top { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; }
.hc-car-top h3 {
  margin: 0;
  font-family: var(--hc-font) !important;
  font-weight: 800;
  font-size: 18px;
  line-height: 1.3;
  color: var(--hc-ink);
}
.hc-car-top span { font-size: 12px; font-weight: 700; color: var(--hc-muted); white-space: nowrap; }
.hc-car-specs { display: flex; gap: 14px; font-size: 13px; font-weight: 600; color: #4a554f; }
.hc-car-specs .fa { color: var(--hc-brand-2); margin-right: 2px; }
.hc-car-foot {
  margin-top: auto;
  padding-top: 12px;
  border-top: 1px solid #efeadf;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.hc-car-price { font-size: 13px; color: var(--hc-muted); }
.hc-car-price b { font-size: 22px; font-weight: 800; color: var(--hc-brand); }
.hc-car-foot a {
  padding: 10px 14px;
  border-radius: 10px;
  background: var(--hc-brand-soft);
  color: var(--hc-brand) !important;
  font-weight: 700;
  font-size: 14px;
  text-decoration: none !important;
}
.hc-car-foot a:hover { background: #d7e9de; }

@media only screen and (max-width: 991px) {
  .hc-benefits-grid, .hc-fleet-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media only screen and (max-width: 767px) {
  #under-slider.hc-benefits { padding: 24px 0 8px !important; }
  .hc-benefits-grid { grid-template-columns: 1fr; gap: 12px; }
  .hc-benefit { flex-direction: row; flex-wrap: wrap; align-items: center; padding: 16px; }
  .hc-benefit-text { flex-basis: 100%; }
  .hc-fleet { padding: 24px 0 40px; }
  .hc-section-head h2 { font-size: 24px; }
  .hc-fleet-grid { grid-template-columns: 1fr; gap: 12px; }
  .hc-car { flex-direction: row; }
  .hc-car-img { width: 120px; height: auto; flex-shrink: 0; border-bottom: none; border-right: 1px solid #efeadf; }
  .hc-car-body { padding: 14px; gap: 8px; }
  .hc-car-top span { display: none; }
  .hc-car-price b { font-size: 19px; }
}

/* =====================================================================
   v7 — поле времени (native select) для всех языков
   (раньше эти стили были только в <head> русского index.php)
   ===================================================================== */
#teaser form select.native-time {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  min-width: 120px;
  margin: 0 0 5px 5px;
  padding: 0 30px 0 12px;
  cursor: pointer;
  vertical-align: middle;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23333' stroke-width='2'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 10px center !important;
}
@media only screen and (max-width: 480px) {
  #teaser form select.native-time {
    width: 120px;
    margin: 0 !important;
    padding: 0 28px 0 10px;
  }
}

/* =====================================================================
   v8 — страница «Автопарк» (car-categories.html): карточки как на главной
   ===================================================================== */
.hc-fleet-grid.hc-fleet-page {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin: 24px 0 8px;
}
.blog-posts .hc-fleet-page .hc-car { background: var(--hc-bg); }
.blog-posts .hc-fleet-page .hc-car-img { height: 160px; background: #ffffff; }
.blog-posts .hc-fleet-page .hc-car-img img {
  max-height: 140px;
  width: auto;
  height: auto;
  border-radius: 0;
}
.blog-posts .blog-post .post-content-text .hc-car-top h3 {
  margin: 0;
  font-family: var(--hc-font) !important;
  font-size: 17px;
  font-weight: 800;
  line-height: 1.3;
}
@media only screen and (max-width: 767px) {
  .hc-fleet-grid.hc-fleet-page { grid-template-columns: 1fr; gap: 12px; }
  .blog-posts .hc-fleet-page .hc-car-img { height: auto; }
  .blog-posts .hc-fleet-page .hc-car-img img { max-height: 80px; }
}

/* =====================================================================
   v9 — порталы /de, /en, /fr (мировая аренда, поиск AutoEurope в iframe)
   ===================================================================== */
#teaser.hc-portal {
  height: auto !important;
  padding: 40px 0 48px !important;
  background: var(--hc-brand) !important;
}
#teaser.hc-portal .iframe-block {
  background: var(--hc-surface);
  border-radius: var(--hc-radius-lg);
  box-shadow: var(--hc-shadow-lg);
  padding: 12px !important;
  overflow: hidden;
}
#teaser.hc-portal #wlFrame {
  background: transparent !important;
  padding: 0 !important;
  border-radius: 12px;
}
@media only screen and (min-width: 992px) {
  #teaser.hc-portal .iframe-block.pull-left { float: right !important; }
  #teaser.hc-portal .hc-hero { padding: 56px 48px 0 0; }
}
.footer-last {
  background: #082818 !important;
  padding: 20px 0 8px;
  color: var(--hc-on-brand);
}
.footer-last .copyright { background: transparent !important; }
@media only screen and (max-width: 767px) {
  #teaser.hc-portal { padding: 16px 0 24px !important; }
  #teaser.hc-portal .iframe-block { padding: 8px !important; }
}