/* ───────── OTPUSK ОНСАЙТ — переопределение стилей под бренд сайта ─────────
   Подключать ПОСЛЕ form.css / result.css / tour.css — перебивает их.
   Цвета и шрифты приведены к палитре сайта (фиолетовый/коралл, Geist). */
.search-widget > script { display: none; }

/* ── Шрифт виджета → токен --font-form (отдельная настройка в админке;
      по умолчанию = шрифт сайта). Покрываем ВСЕ блоки модуля: форму,
      выпадашки, календари, расширенный поиск, результаты, страницу тура,
      модалки заказа. Иконочные шрифты восстанавливаем ниже. ── */
.new_f-container, .new_f-container *,
.new_f-ext-container, .new_f-ext-container *,
.new_f-dropdown-body, .new_f-dropdown-body *,
#new_f-dates-container, #new_f-dates-container *,
.new_r-container, .new_r-container *,
.new_t-container, .new_t-container *,
[class*="new_t-modal"], [class*="new_t-modal"] *,
[class*="new_t-order"], [class*="new_t-order"] *,
.ui-datepicker, .ui-datepicker *,
.ui-autocomplete, .ui-autocomplete *,
.hot-block_euroblock, .hot-block_euroblock * {
  font-family: var(--font-form, var(--font)) !important;
}
/* иконочные шрифты не перебиваем */
.swiper-button-next, .swiper-button-prev,
[class*="swiper-button"]::before, [class*="swiper-button"]::after {
  font-family: swiper-icons !important;
}

/* ── Форма-«бар» (стиль unisite): единый белый бар, ячейки разделены тонкими
      линиями, торцы скруглены токеном --search-r (настройка «Форма поиска»
      в админке: square / rounded / pill). Контейнер прозрачный — белым и
      тенью владеет сам ряд ячеек. ── */
.new_f-container {
  background: transparent !important; background-image: none !important;
  border: none !important; border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}
.new_f-wrapper-bg-imgs { display: none !important; }
.new_f-title { display: none !important; }

/* ── Ячейки: без рамок и теней, единая высота; hover — мягкая подложка.
      ВАЖНО: никаких transform на ячейках — transform у предка ломает
      position:fixed мобильных выпадашек виджета (см. блок ≤760px). ── */
.new_f-form-field {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  height: 76px !important;
  transition: background .15s ease !important;
}
.new_f-form-field:hover { background: var(--surface-2) !important; box-shadow: none !important; }
.new_f-form-field:focus-within { background: var(--surface-3) !important; box-shadow: none !important; }
.new_f-form-field, .new_f-form-field input, .new_f-form-field .new_f-dropdown-btn,
.new_f-autocomplete-input { color: var(--ink) !important; }
.new_f-form-field input::placeholder { color: var(--muted-2) !important; }
/* Блок даты грузит свой шрифт (Open Sans) из CDN-CSS виджета — возвращаем шрифт
   сайта. CDN-стиль кросс-доменный и бьёт по специфичности, поэтому удваиваем id. */
#new_f-dates-container#new_f-dates-container,
#new_f-dates-container#new_f-dates-container *,
.new_f-dropdown-body-date#new_f-dropdown-body-date,
.new_f-dropdown-body-date, .new_f-dropdown-body-date * {
  font-family: var(--font-form, var(--font)) !important;
}
/* разделители между ячейками — тонкие линии, у первой ячейки нет */
.new_f-form-field::before {
  display: block !important;
  content: '' !important;
  position: absolute; left: 0; top: 18px !important; bottom: 18px !important;
  width: 1px !important; height: auto !important;
  background: var(--hairline-2) !important; opacity: 1 !important;
}
.new_f-form-field.to::before { display: none !important; }
.new_f-dropdown-container::before { background: var(--hairline-2) !important; }
.new_f-form-field.date input, .new_f-search-dates-wrap input { background: transparent !important; }

/* ── Подписи полей (инжектируются JS) + вертикальная компоновка ячейки ── */
.new_f-form-field { padding-top: 30px !important; }
.cr-flabel {
  position: absolute; top: 14px; left: 24px; z-index: 4;
  font-family: var(--font-mono);
  font-size: 9.5px; font-weight: 500; letter-spacing: .10em; text-transform: uppercase;
  color: var(--muted-2); pointer-events: none; white-space: nowrap;
  max-width: calc(100% - 40px); overflow: hidden; text-overflow: ellipsis;
}
.new_f-form-field.to .cr-flabel { left: 24px; }
.new_f-form .new_f-form-submit {
  height: 76px !important;
  display: flex !important; align-items: center; justify-content: center;
}
/* внутренности ячеек: контент по левому краю с тем же отступом, что подпись.
   ТОЛЬКО десктоп: в мобильном полноэкранном слое .new_f-dropdown-btn — контейнер
   на весь экран, и height:100%+flex центрирует инпут поверх списка стран. */
@media (min-width: 761px) {
  .new_f-form-field .new_f-dropdown-btn {
    height: 100% !important; display: flex !important; align-items: center !important;
    gap: 4px !important; /* flex глотает пробел между текст-нодой («de») и span */
    padding: 0 30px 0 24px !important; line-height: normal !important;
  }
  .new_f-form-field.to .new_f-dropdown-btn { padding-left: 0 !important; }
  .new_f-autocomplete-input { padding-left: 24px !important; height: 100% !important; }
  /* иконка календаря в ячейке даты: база виджета ставит left:7px — уводит её
     левее подписи «Perioada check-in» (24px). Выравниваем по подписи, контент
     «din — la» сдвигаем правее иконки. */
  .new_f-form-field.date .new_f-search-dates-wrap > svg { left: 24px !important; }
  .new_f-form-field.date .new_f-search-dates-wrap { padding-left: 48px !important; }
}

/* Подсказка «Completați pentru început…» (контейнеры .new_os-*-check): база
   виджета даёт телу фиксированную высоту без паддинга — текст прижат к верху
   «пустой» белой карточки. Высота по контенту + симметричный паддинг. */
.new_f-dropdown-container[class*="-check"] > .new_f-dropdown-body {
  height: auto !important; min-height: 0 !important;
  box-sizing: border-box !important;
  padding: 15px 24px !important;
  font-size: 14px !important; line-height: 1.4 !important;
  color: var(--ink) !important; text-align: center !important;
}

/* ── Календарь (jQuery UI datepicker) — новый стиль ── */
.ui-datepicker {
  font-family: var(--font-form, var(--font)) !important;
  background: #fff !important;
  border: 1px solid var(--hairline) !important;
  border-radius: var(--r-md) !important;
  box-shadow: var(--shadow-lg) !important;
  padding: 12px !important;
}
.ui-datepicker.ui-datepicker-multi { width: auto !important; padding: 14px !important; }
.ui-datepicker .ui-datepicker-group { padding: 0 8px !important; }
.ui-datepicker .ui-datepicker-header { background: transparent !important; border: none !important; padding-bottom: 8px !important; }
.ui-datepicker .ui-datepicker-title { font-weight: 600 !important; color: var(--ink) !important; font-size: 14px !important; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
  background: transparent !important; border-radius: var(--r-sm) !important; cursor: pointer; top: 8px !important;
}
.ui-datepicker .ui-datepicker-prev:hover, .ui-datepicker .ui-datepicker-next:hover { background: var(--surface-3) !important; }
.ui-datepicker th { color: var(--muted-2) !important; font-weight: 500 !important; font-size: 10.5px !important; text-transform: uppercase; }
.ui-datepicker td a, .ui-datepicker td span {
  border: none !important; background: transparent !important; color: var(--ink) !important;
  text-align: center !important; border-radius: 9px !important; transition: background .12s, color .12s;
}
.ui-datepicker td a:hover { background: var(--surface-3) !important; color: var(--brand) !important; }
.ui-datepicker td .ui-state-active,
.ui-datepicker td.ui-datepicker-current-day a,
.ui-datepicker .ui-state-active { background: var(--accent) !important; color: var(--on-accent,#fff) !important; border-color: var(--accent) !important; }
/* диапазон выбора (range) → светло-коралловый */
.ui-datepicker .ui-state-highlight,
.ui-datepicker td.dp-highlight a, .ui-datepicker .ui-datepicker-range a { background: var(--accent-soft) !important; color: var(--accent-deep) !important; }
/* «сегодня» → лавандовая подложка */
.ui-datepicker td.ui-datepicker-today a, .ui-datepicker td.ui-datepicker-today .ui-state-default { background: var(--surface-3) !important; color: var(--brand) !important; }

/* ── Календарь ФОРМЫ ПОИСКА (#ui-datepicker-div в .new_f-dates-container) ──
   Это отдельный календарь Otpusk со своей зелёно-синей палитрой
   (#DDE6A7 / #B4CB5B / #4c9ce0). Перекрашиваем под акцент/бренд сайта. */
/* Мобильный дропдаун с календарём (.new_f-dropdown-body-date, 375px, overflow:hidden):
   Otpusk JS ставит #ui-datepicker-div inline: width:34em; left:70px — вылезает за 375px.
   Удвоенный ID (#ui-datepicker-div#ui-datepicker-div) перебивает Otpusk-CSS с !important. */
.new_f-dropdown-body-date #ui-datepicker-div#ui-datepicker-div {
  width: 100% !important;
  min-width: 0 !important;
  left: 0 !important;
  box-sizing: border-box !important;
}
.new_f-dropdown-body-date #ui-datepicker-div#ui-datepicker-div .ui-datepicker-calendar {
  width: 100% !important;
  table-layout: fixed !important;
}
/* числа дат и шапка: синий → бренд (удвоенный #id — чтобы перебить базовое правило) */
#new_f-dates-container#new_f-dates-container #ui-datepicker-div .ui-datepicker-header,
#new_f-dates-container#new_f-dates-container #ui-datepicker-div.ui-datepicker .ui-datepicker-title,
#new_f-dates-container#new_f-dates-container #ui-datepicker-div .ui-datepicker-calendar td a,
#new_f-dates-container#new_f-dates-container #ui-datepicker-div .ui-datepicker-calendar td span,
#new_f-dates-container#new_f-dates-container #ui-datepicker-div .ui-datepicker-calendar td.ui-state-disabled.ceil-max-date .ui-state-default { color: var(--brand) !important; }
/* «сегодня»: персиковый фон → surface-3 */
#new_f-dates-container#new_f-dates-container #ui-datepicker-div .ui-datepicker-calendar td.ui-datepicker-today .ui-state-default { background-color: var(--surface-3) !important; color: var(--brand) !important; }
/* заливка диапазона: зелёная → светло-коралловая */
#new_f-dates-container#new_f-dates-container #ui-datepicker-div .ui-datepicker-calendar td.ui-state-highlight { background-color: var(--accent-soft) !important; }
/* выбранная дата + hover доступной даты: зелёная → коралл */
#new_f-dates-container#new_f-dates-container .new_first_calendar_open #ui-datepicker-div .ui-datepicker-calendar td.ui-state-active.ui-state-highlight,
#new_f-dates-container#new_f-dates-container .new_second_calendar_open #ui-datepicker-div .ui-datepicker-calendar td.ui-state-active:not(.ui-datepicker-current-day),
#new_f-dates-container#new_f-dates-container .new_second_calendar_open #ui-datepicker-div .ui-datepicker-calendar td.ui-state-active.ui-state-highlight.ui-datepicker-current-day,
body:not(.new_tour-one-col-sm) #new_f-dates-container#new_f-dates-container .new_first_calendar_open #ui-datepicker-div td.new_ceil-tours-exists:hover,
#new_f-dates-container#new_f-dates-container .new_second_calendar_open #ui-datepicker-div td.new_ceil-tours-exists:hover { background-color: var(--accent) !important; }
/* текст выбранной/наведённой даты — белый (перебиваем общее бренд-правило выше) */
#new_f-dates-container#new_f-dates-container #ui-datepicker-div .ui-datepicker-calendar td.ui-state-active a,
#new_f-dates-container#new_f-dates-container #ui-datepicker-div td.new_ceil-tours-exists:hover a { color: var(--on-accent,#fff) !important; }
/* уголки-«стрелки» диапазона (4 ориентации) — зелёный сегмент → коралл-софт.
   Прозрачные стороны сохраняем, чтобы остался треугольник. */
#new_f-dates-container#new_f-dates-container .new_second_calendar_open #ui-datepicker-div td.ceil.ui-state-active.ui-datepicker-current-day::before,
#new_f-dates-container#new_f-dates-container #ui-datepicker-div td.ceil.ui-state-highlight-right::before,
#new_f-dates-container#new_f-dates-container #ui-datepicker-div td.ceil.ui-state-active::before,
#new_f-dates-container#new_f-dates-container .new_second_calendar_open #ui-datepicker-div td.new_ceil-tours-exists:hover::before {
  border-color: var(--accent-soft) transparent transparent !important;
}
#new_f-dates-container#new_f-dates-container .new_second_calendar_open #ui-datepicker-div td.ceil.ui-state-active.ui-datepicker-current-day::after,
#new_f-dates-container#new_f-dates-container #ui-datepicker-div td.ceil.ui-state-highlight-right::after,
#new_f-dates-container#new_f-dates-container #ui-datepicker-div td.ceil.ui-state-active::after,
#new_f-dates-container#new_f-dates-container .new_second_calendar_open #ui-datepicker-div td.new_ceil-tours-exists:hover::after {
  border-color: transparent transparent transparent var(--accent-soft) !important;
}
#new_f-dates-container#new_f-dates-container .new_second_calendar_open #ui-datepicker-div td.ceil.ui-state-active::before,
#new_f-dates-container#new_f-dates-container #ui-datepicker-div td.ceil.ui-state-highlight-left::before,
#new_f-dates-container#new_f-dates-container #ui-datepicker-div td.ceil.ui-state-active.ui-datepicker-current-day::before,
#new_f-dates-container#new_f-dates-container .new_first_calendar_open #ui-datepicker-div td.new_ceil-tours-exists:hover::before {
  border-color: transparent var(--accent-soft) transparent transparent !important;
}
#new_f-dates-container#new_f-dates-container .new_second_calendar_open #ui-datepicker-div td.ceil.ui-state-active::after,
#new_f-dates-container#new_f-dates-container #ui-datepicker-div td.ceil.ui-state-highlight-left::after,
#new_f-dates-container#new_f-dates-container #ui-datepicker-div td.ceil.ui-state-active.ui-datepicker-current-day::after,
#new_f-dates-container#new_f-dates-container .new_first_calendar_open #ui-datepicker-div td.new_ceil-tours-exists:hover::after {
  border-color: transparent transparent var(--accent-soft) transparent !important;
}

/* ── Чекбоксы (список курортов в «Destinație», расширенный поиск и т.п.) ──
   Дефолтная синяя галочка (check.svg) → фиолетовый бокс + белая галочка. */
[class*='new_f-'] input[type="checkbox"]:checked + *::before,
.new_f-dropdown-body input[type="checkbox"]:checked + *::before,
#cntList input[type="checkbox"]:checked + *::before {
  background-color: var(--brand) !important;
  border-color: var(--brand) !important;
}
[class*='new_f-'] input[type="checkbox"]:checked + *::after,
.new_f-dropdown-body input[type="checkbox"]:checked + *::after,
#cntList input[type="checkbox"]:checked + *::after {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.4 6.2l2.3 2.3 4.9-5.1' fill='none' stroke='%23ffffff' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center !important;
}

/* ── Иконки полей (календарь/стрелки) → приглушённый фиолетово-серый ── */
.new_f-form-field svg, .new_f-form-field svg path, .new_f-form-field svg g { fill: var(--muted) !important; }
.new_f-dropdown-btn::after, .new_f-dropdown-btn .cnt::after { border-top-color: var(--muted) !important; }

/* Серые «таблетки» #E1E7EF — каретки дропдаунов и кнопки-триггеры дат «din/la» → чисто */
.new_f-dropdown-btn .cnt,
.new_f-form-field .cnt {
  background: transparent !important; background-image: none !important;
  border: none !important; box-shadow: none !important;
}
.new_f-form-field .ui-datepicker-trigger,
.new_f-search-dates-wrap .ui-datepicker-trigger {
  background: transparent !important; background-image: none !important;
  border: none !important; box-shadow: none !important;
  color: var(--muted-2) !important; font-weight: 500 !important; cursor: pointer;
}
.new_f-form-field .ui-datepicker-trigger:hover { color: var(--brand) !important; }

/* ── Сетка формы: единый бар на всю ширину карточки.
      form.css даёт флоаты с фиксированными ширинами (ряд 890px) — переводим
      ряд на flex без зазоров; белый фон, тень и скругление несёт сам ряд. ── */
.new_f-form > .clearfix {
  width: 100% !important; display: flex !important; align-items: stretch !important; gap: 0 !important;
  background: var(--search-bg, #fff) !important;
  border-radius: var(--search-r) var(--search-r) var(--search-r) 0 !important;
  box-shadow: var(--shadow-lg) !important;
}
.new_f-form-field { float: none !important; }
/* ⚠ без overflow:hidden — внутри ячейки живёт её выпадашка */
.new_f-form-field.to { flex: 1.5 1 0 !important; width: auto !important; min-width: 0 !important; border-radius: var(--search-r) 0 0 0 !important; }
.new_f-form-field.from { flex: 1.1 1 0 !important; width: auto !important; min-width: 0 !important; }
.new_f-form-field.date { flex: 1.3 1 0 !important; width: auto !important; min-width: 0 !important; }
.new_f-form-field.duration, .new_f-form-field.people { flex: 1 1 0 !important; width: auto !important; min-width: 0 !important; }
.new_f-form .new_f-form-submit { flex: 0 0 160px !important; width: 160px !important; }
@media (max-width: 760px) {
  /* фон за полноэкранной выпадашкой не должен скроллиться — иначе после
     закрытия страница «уезжает» в случайное место (жалоба «скролл слетает») */
  html[class*="new_layer-open"], html[class*="new_layer-open"] body {
    overflow: hidden !important;
  }
  /* Форма НЕ наезжает на hero (частичное перекрытие выглядело неаккуратно) —
     секция поиска встаёт под ним на мягкой брендовой подложке.
     Прозрачность подложки — токен --search-mob-op (настройка «Мобильная
     версия → Прозрачность подложки» в админке). */
  .search-section {
    margin-top: 0 !important;
    padding: 16px 0 4px !important;
    background: linear-gradient(180deg,
      color-mix(in srgb, var(--surface-3) var(--search-mob-op, 100%), transparent),
      color-mix(in srgb, var(--bg-tint) var(--search-mob-op, 100%), transparent) 70%,
      transparent) !important;
  }
  /* Режим «с наложением на hero» (настройка «Мобильная форма» в админке):
     форма заходит на фото, пилюли собраны в светлую карточку; углы карточки —
     токен --search-mob-r (закруглённые 26px / острые 0) */
  body[data-search-mob="overlap"] .search-section {
    margin-top: -64px !important;
    padding: 0 0 4px !important;
    background: transparent !important;
  }
  body[data-search-mob="overlap"] .search-widget {
    background: color-mix(in srgb, var(--surface-3) var(--search-mob-op, 100%), transparent) !important;
    border-radius: var(--search-mob-r, 26px) !important;
    padding: 12px !important;
    box-shadow: var(--shadow-md) !important;
  }
  body[data-search-mob="overlap"] .new_f-form-field,
  body[data-search-mob="overlap"] .new_f-form .new_f-form-submit { box-shadow: none !important; }
  /* мобильный: бар распадается на отдельные «пилюли» на всю ширину;
     маргины ячеек из мобильного CSS виджета гасим — ряд держит один gap */
  .new_f-form > .clearfix {
    flex-wrap: wrap !important; gap: 10px !important;
    background: transparent !important; box-shadow: none !important; border-radius: 0 !important;
  }
  .new_f-form-field { margin: 0 !important; }
  /* виджет отбивает кнопку от полей лишними ~50px — прижимаем */
  .new_f-form .new_f-form-submit { margin: 2px 0 0 !important; }
  /* специфичность не ниже десктопных правил с .to/.from/.date — иначе они победят */
  .new_f-form-field, .new_f-form-field.to, .new_f-form-field.from, .new_f-form-field.date,
  .new_f-form .new_f-form-submit { flex: 1 1 100% !important; width: 100% !important; min-width: 100% !important; }
  /* durată и persoane — полуширинные, в один ряд (gap ряда 10px → −5px) */
  .new_f-form-field.duration, .new_f-form-field.people {
    flex: 0 0 calc(50% - 5px) !important; width: calc(50% - 5px) !important; min-width: calc(50% - 5px) !important;
  }
  .new_f-form-field, .new_f-form-field.to,
  .new_f-form .new_f-form-submit {
    border-radius: min(var(--search-r), 28px) !important;
    box-shadow: var(--shadow-sm) !important;
    height: 58px !important;
  }
  .new_f-form-field { background: var(--search-bg, #fff) !important; }
  .new_f-form-field::before { display: none !important; }
  /* мобильный — как unisite: пилюли без верхних подписей, одна строка
     покрупнее по центру вертикали */
  .cr-flabel { display: none !important; }
  .new_f-form-field { padding-top: 0 !important; font-size: 16px !important; }
  /* геометрию кнопки-строки задаём только в ЗАКРЫТОМ состоянии: при открытом
     слое (new_layer-open) виджет превращает .new_f-dropdown-btn в контейнер
     на весь экран — его не трогаем */
  html:not([class*="new_layer-open"]) .new_f-form-field .new_f-dropdown-btn {
    height: 58px !important; line-height: 58px !important;
    padding: 0 22px !important; font-size: 16px !important;
  }
  html:not([class*="new_layer-open"]) .new_f-autocomplete-input {
    height: 58px !important; line-height: 58px !important;
    padding-left: 22px !important; font-size: 16px !important;
  }
  /* ── Иконки поля «Destinație» (как в unisite): лупа слева, «список» справа ── */
  .new_f-form-field.to::before {
    content: '' !important; display: block !important;
    position: absolute !important;
    left: 20px !important; top: 50% !important; bottom: auto !important;
    width: 18px !important; height: 18px !important;
    transform: translateY(-50%) !important;
    background: var(--muted-2) !important; opacity: 1 !important;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15.5 14h-.79l-.28-.27a6.5 6.5 0 1 0-.7.7l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0A4.5 4.5 0 1 1 14 9.5 4.5 4.5 0 0 1 9.5 14z'/%3E%3C/svg%3E") no-repeat center / contain !important;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15.5 14h-.79l-.28-.27a6.5 6.5 0 1 0-.7.7l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0A4.5 4.5 0 1 1 14 9.5 4.5 4.5 0 0 1 9.5 14z'/%3E%3C/svg%3E") no-repeat center / contain !important;
  }
  .new_f-form-field.to::after {
    content: '' !important; display: block !important;
    position: absolute !important;
    right: 20px !important; top: 50% !important;
    width: 18px !important; height: 16px !important;
    transform: translateY(-50%) !important;
    background: var(--brand-3) !important;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 6h2v2H4zM8 6h12v2H8zM4 11h2v2H4zM8 11h12v2H8zM4 16h2v2H4zM8 16h12v2H8z'/%3E%3C/svg%3E") no-repeat center / contain !important;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 6h2v2H4zM8 6h12v2H8zM4 11h2v2H4zM8 11h12v2H8zM4 16h2v2H4zM8 16h12v2H8z'/%3E%3C/svg%3E") no-repeat center / contain !important;
    pointer-events: none !important;
  }
  /* каретку у направления убираем — вместо неё иконка-«список» */
  .new_f-form-field.to .cnt { display: none !important; }
  /* контент поля с местом под иконки */
  html:not([class*="new_layer-open"]) .new_f-form-field.to .new_f-autocomplete-input {
    padding-left: 48px !important; padding-right: 44px !important;
  }
  /* Выбранное направление («Turcia: 24 stațiuni») виджет показывает
     блоком .new_input-mask высотой 38px у ВЕРХА пилюли — текст «уезжал вверх».
     Центрируем на всю высоту пилюли, с отступами под иконки. */
  html:not([class*="new_layer-open"]) .new_f-form-field.to .new_input-mask {
    height: 58px !important; box-sizing: border-box !important;
    display: flex !important; align-items: center !important;
    gap: 5px !important;
    padding: 0 44px 0 48px !important; margin: 0 !important;
    white-space: nowrap !important; overflow: hidden !important;
    font-size: 16px !important; line-height: normal !important;
  }
  html:not([class*="new_layer-open"]) .new_f-form-field.to .new_input-mask span {
    font-size: 16px !important; line-height: normal !important;
    padding: 0 !important; margin: 0 !important;
  }

  /* дата: серые под-пилюли «din — la» на всю ячейку, без иконки календаря */
  .new_f-search-dates-wrap {
    height: 58px !important; padding: 0 12px !important;
    display: flex !important; align-items: center !important; justify-content: space-between !important;
  }
  .new_f-search-dates-wrap > svg, .new_f-search-dates-wrap > img { display: none !important; }
  .new_f-datepicker-wrap { flex: 1 1 0 !important; }
  .new_f-datepicker-wrap button, .new_f-form-field .ui-datepicker-trigger {
    width: 100% !important; min-width: 0 !important;
    height: 38px !important; line-height: 38px !important;
    background: var(--surface-3) !important;
    border-radius: 999px !important;
    color: var(--ink) !important; font-size: 15px !important;
    text-align: center !important;
  }
  /* ⚠ КРИТИЧНО: никаких transform на ячейках — любой transform у предка
     превращает ПОЛЕ в containing block для position:fixed. Мобильная выпадашка
     Otpusk (`.new_f-dropdown-body`, fixed, на весь экран) тогда запирается внутри
     ячейки и режется overflow — список стран не открыть. */
  .new_f-form-field:hover, .new_f-form-field:focus-within { transform: none !important; }
  /* Открытая мобильная выпадашка добавляет на <html> класс new_layer-open или
     new_layer-open-<поле> (to/from/date/…) — ловим оба через [class*=]. Поднимаем
     секцию поиска (z:50) выше залипающей шапки сайта (z:200), иначе верх выпадашки
     (заголовок + поле поиска + крестик) уходит под шапку. */
  html[class*="new_layer-open"] .search-section { z-index: 300 !important; }
  /* форма — flex-колонка: «Căutare avansată» встаёт ПОД кнопку поиска,
     а не поверх неё (родная вёрстка Otpusk наезжает на кнопку) */
  .new_f-form { display: flex !important; flex-direction: column !important; height: auto !important; }
  .new_f-ext-btn-container {
    position: static !important; order: 5;
    width: 100% !important;
    margin: 12px 0 0 !important; text-align: center !important;
  }
  .new_f-ext-container { order: 6; }
}

/* ── Десктоп: «Căutare avansată» — белой планкой, пристёгнутой к бару слева
      снизу (как в unisite); нижний левый угол бара поэтому прямой ── */
@media (min-width: 761px) {
  .new_f-ext-btn-container {
    position: static !important;
    width: auto !important; height: auto !important;
    margin: 0 !important; padding: 0 !important;
    display: flex !important; justify-content: flex-start !important;
  }
}

/* Выпадашки полей — отвязанные «карточки» под своей ячейкой */
.new_f-form-field .new_f-dropdown-body {
  width: 100% !important; min-width: 100% !important;
  left: 0 !important; right: auto !important; box-sizing: border-box !important;
}
/* Дата: широкая выпадашка — два месяца рядом, как в unisite (520px) */
@media (min-width: 761px) {
  .new_f-form-field.date .new_f-dropdown-body {
    width: 540px !important; min-width: 540px !important;
  }
}
/* Destinație: выпадашке нужен простор под две колонки (страны + курорты) */
#new_os-to .new_f-dropdown-body { min-width: 300px !important; }
/* Поле формы 76px (Otpusk рисует дропдаун от top:38px) — опускаем выпадашку
   под поле с небольшим зазором. Только десктоп: на мобильном дропдаун —
   position:fixed; top:0 (полноэкранный), его не трогаем. */
@media (min-width: 761px) {
  .new_f-form-field .new_f-dropdown-body { top: 84px !important; }
}

/* ── Кнопка «Caută» — акцентная (флет или градиент — токен --cta-bg,
      настройка «Градиент на кнопках» в админке), замыкает правый торец бара ── */
.new_f-form .new_f-form-submit {
  background: var(--cta-bg, var(--accent)) !important; color: var(--on-accent,#fff) !important;
  font-weight: 600 !important; letter-spacing: .01em !important; text-transform: none !important;
  font-size: 16px !important;
  border: none !important;
  border-radius: 0 var(--search-r) var(--search-r) 0 !important;
  box-shadow: none !important;
  transition: background .18s ease !important;
}
.new_f-form .new_f-form-submit:hover { background: var(--cta-bg-hover, var(--accent-deep)) !important; opacity: 1; }

/* ── Выпадашки формы всегда ПОВЕРХ выдачи и карточки тура.
      Виджет даёт .new_f-container и .new_t-container одинаковый z-index:2 —
      тур позже в DOM и перекрывал открытые выпадашки формы. ── */
.new_f-container { position: relative !important; z-index: 30 !important; }
/* мобильный: кнопка — отдельная пилюля (правило здесь, ниже десктопного,
   чтобы перебить его при равной специфичности) */
@media (max-width: 760px) {
  .new_f-form .new_f-form-submit {
    border-radius: min(var(--search-r), 28px) !important;
    box-shadow: var(--shadow-accent) !important;
  }
  /* планка advanced на мобильном — заметная белая пилюля с рамкой */
  .new_f-ext-btn {
    width: 100% !important;
    border: 1px solid var(--hairline-2) !important;
    border-radius: min(var(--search-r), 28px) !important;
    padding: 13px 22px !important;
    box-shadow: var(--shadow-sm) !important;
  }
}

/* «Căutare avansată» — белая планка, пристёгнутая к бару снизу слева (unisite) */
.new_f-ext-btn {
  display: inline-flex !important; width: auto !important; box-sizing: border-box !important;
  align-items: center !important; justify-content: center !important;
  gap: 6px !important;
  padding: 10px 22px 11px !important;
  border: none !important;
  /* нижние углы планки — в такт углам бара: у «острой» формы планка тоже острая */
  border-radius: 0 0 min(var(--search-r), 16px) min(var(--search-r), 16px) !important;
  background: var(--search-bg, #fff) !important;
  box-shadow: 0 14px 24px -16px var(--hairline-2) !important;
  cursor: pointer !important;
  font-size: 12.5px !important; font-weight: 500 !important; white-space: nowrap !important;
  transition: background .15s, box-shadow .15s !important;
}
.new_f-ext-btn:hover { background: var(--surface-3) !important; }
/* текст — цветом текста сайта, без подчёркивания; справа стрелка вниз */
.new_f-ext-btn, .new_f-ext-btn-text, .new_f-ext-btn-filters-num { color: var(--ink) !important; text-decoration: none !important; }
.new_f-ext-btn::after {
  content: '' !important;
  width: 0 !important; height: 0 !important;
  border: 4px solid transparent !important;
  border-top: 5px solid var(--ink) !important;
  border-bottom: none !important;
  margin: 2px 0 0 2px !important;
}

/* ════════════ ВЫПАДАШКИ — новый дизайн (вместо старого вида Otpusk) ════════════ */
/* Оболочка: белая карточка, крупное скругление, мягкая тень, без внутр. паддинга */
.new_f-dropdown-body {
  border-radius: var(--r-lg) !important;
  border: 1px solid var(--hairline) !important;
  box-shadow: var(--shadow-lg) !important;
  background: #fff !important;
  overflow: hidden !important;
  padding: 0 !important;
}
/* ── Destinație: ДВЕ колонки — страны слева, курорты выбранной страны справа.
   Панель курортов #ctyList виджет рисует АБСОЛЮТНО справа от тела выпадашки
   (инлайн left ≈ ширине тела) — overflow:hidden её обрезал, и выбрать курорт
   было невозможно. Для этой выпадашки клиппинг снимаем, а скругление отдаём
   внутренним элементам. ── */
@media (min-width: 761px) {
  #new_os-to .new_f-dropdown-body { overflow: visible !important; }
  #new_os-to .new_f-dropdown-body-top { border-radius: var(--r-lg) var(--r-lg) 0 0 !important; }
  #new_os-to .listsWrap { border-radius: 0 0 var(--r-lg) var(--r-lg) !important; }
  /* панель курортов — отдельная карточка вплотную справа, той же высоты.
     ⚠ display не трогаем: показ/скрытие панелью управляет виджет (inline). */
  #new_os-to #ctyList {
    left: 100% !important; top: 0 !important;
    margin-left: 10px !important;
    min-width: 280px !important;
    height: 100% !important; min-height: 100% !important;
    box-sizing: border-box !important;
    background: #fff !important;
    border: 1px solid var(--hairline) !important;
    border-radius: var(--r-lg) !important;
    box-shadow: var(--shadow-lg) !important;
    overflow: hidden !important;
  }
  #new_os-to #ctyList .ctyLists-wrapper {
    /* 63px = высота нижнего бара (кнопки 38 + паддинги 24 + бордер 1) —
       список впритык к бару, без мёртвого зазора; база капает max-height:255px,
       из-за чего на высоких панелях между списком и баром была пустая зона */
    height: calc(100% - 63px) !important; max-height: none !important;
    overflow: auto !important;
    box-sizing: border-box !important;
    padding: 6px !important;
  }
  /* База виджета жёстко даёт бару height:44px — наши кнопки (38px + паддинги)
     в него не влезали и резались нижним краем панели. Высота — по контенту. */
  #new_os-to #ctyList .new_f-dropdown-body-bottom { height: auto !important; }
  /* список стран скроллится сам, попап не разъезжается */
  #new_os-to #cntList { overflow: auto !important; }
  /* jQuery UI позиционирует ul стран с отрицательными inline-смещениями
     (top:-122px; left:-26px) относительно инпута — внутри выпадашки это
     сдвигает список. Возвращаем в поток. */
  #new_os-to #cntList > ul {
    position: static !important;
    top: 0 !important; left: 0 !important;
    width: 100% !important;
  }
}
/* Виджет ставит #cntList direction:rtl (скроллбар слева) — от этого текст
   стран прижат вправо и полоса прокрутки торчит у левого края. Возвращаем ltr. */
#cntList#cntList, #cntList#cntList ul { direction: ltr !important; }

/* ── Список курортов (#ctyList): чистые строки-пилюли вместо серых полос ── */
#ctyList#ctyList li,
#ctyList#ctyList li label,
#ctyList#ctyList .resorts,
#ctyList#ctyList .labelName,
#ctyList#ctyList .itemPrice {
  background: transparent !important;
}
#ctyList#ctyList li {
  margin: 1px 0 !important;
  border-radius: var(--r-sm) !important;
}
#ctyList#ctyList li label {
  display: flex !important; align-items: center !important;
  padding: 8px 12px !important;
  border-radius: var(--r-sm) !important;
  cursor: pointer !important;
  transition: background .12s !important;
}
#ctyList#ctyList li label:hover { background: var(--surface-3) !important; }
#ctyList#ctyList .labelName { color: var(--ink) !important; font-size: 14px !important; }
#ctyList#ctyList .itemPrice { color: var(--muted) !important; font-size: 12.5px !important; }
/* Шапка дропдауна: вместо тяжёлой фиолетовой плашки — светлая, с тонкой линией */
.new_f-dropdown-body-top {
  background: #fff !important;
  color: var(--ink) !important;
  font-weight: 600 !important; font-size: 13.5px !important; letter-spacing: -0.01em !important;
  text-transform: none !important;
  border-bottom: 1px solid var(--hairline) !important;
  padding: 14px 18px !important;
  display: flex !important; align-items: center !important; justify-content: space-between !important;
}
.new_f-dropdown-body-close {
  position: static !important; margin: 0 !important;
  width: 28px !important; height: 28px !important;
  display: flex !important; align-items: center !important; justify-content: center !important;
  border-radius: var(--r-pill) !important;
  color: var(--muted-2) !important; background: transparent !important;
  font-size: 18px !important; line-height: 1 !important; cursor: pointer;
  transition: background .15s, color .15s !important;
}
.new_f-dropdown-body-close:hover { background: var(--surface-3) !important; color: var(--brand) !important; }
/* Внутренние области списков — воздух по краям */
.listsWrap, #cntList, #ctyList, .ctyLists-wrapper { padding: 4px 6px !important; background: #fff !important; }
/* Заголовки категорий (Țări / Stațiuni / Hotele) — mono-eyebrow вместо серых плашек */
.new_f-dropdown-body .type-item, .ui-autocomplete .type-item, .new_f-dropdown-body .ui-autocomplete-category {
  background: transparent !important; border: none !important;
  font-family: var(--font-mono) !important;
  font-size: 10.5px !important; font-weight: 500 !important; letter-spacing: .1em !important;
  text-transform: uppercase !important; color: var(--muted-2) !important;
  padding: 13px 12px 5px !important; margin: 0 !important;
}
/* Пункты списков — крупнее, скруглённый hover */
.new_f-dropdown-body .ui-menu-item, .ctyLists-wrapper li, .new_f-dropdown-body li { list-style: none !important; margin: 1px 0 !important; }
.new_f-dropdown-body .ui-menu-item a, .new_f-dropdown-body .ui-menu-item .ui-corner-all,
.ctyLists-wrapper li a, .ctyLists-wrapper li > span {
  display: block !important; border: none !important;
  border-radius: var(--r-sm) !important;
  padding: 9px 12px !important; margin: 0 !important;
  font-size: 14px !important; color: var(--ink) !important; line-height: 1.3 !important;
  transition: background .12s, color .12s !important;
}
.new_f-dropdown-body .ui-menu-item a:hover,
.new_f-dropdown-body .ui-menu-item a.ui-state-active,
.new_f-dropdown-body .ui-menu-item a.ui-state-focus,
.new_f-dropdown-body .ui-menu-item.active a,
.ctyLists-wrapper li a:hover, .ctyLists-wrapper li.active a {
  background: var(--surface-3) !important; color: var(--brand) !important;
}
/* Нижняя панель кнопок дропдауна */
.new_f-dropdown-body-bottom {
  border-top: 1px solid var(--hairline) !important; background: #fff !important;
  padding: 12px 16px !important;
  display: flex !important; align-items: center !important; justify-content: flex-end !important; gap: 10px !important;
  /* страховка от обрезки: если кнопкам тесно — перенос, а не вылет за край */
  flex-wrap: wrap !important;
}
/* Дропдауны «Durată»/«Turiștii» растягиваются лишь на ширину своего поля
   (~175px в баре), а панели «Anulare»+«Aplică» нужно ~210px — «Anulare»
   выталкивалась за левый край и резалась overflow:hidden контейнера. */
.new_f-form-field.duration .new_f-dropdown-body,
.new_f-form-field.people .new_f-dropdown-body { min-width: 236px !important; }
/* Панель курортов (#ctyList в «Unde»): виджет ставил кнопки Anulare/OK
   абсолютом по центру; после сброса position:static флекс уносил их вправо,
   к скроллбару. Возвращаем по центру панели. */
#ctyList .new_f-dropdown-body-bottom { justify-content: center !important; }
.new_f-dropdown-btn-cancel {
  background: transparent !important; color: var(--muted) !important; border: none !important;
  border-radius: 12px !important; padding: 9px 16px !important; font-weight: 500 !important; cursor: pointer;
  transition: background .15s, color .15s !important;
}
.new_f-dropdown-btn-cancel:hover { background: var(--surface-3) !important; color: var(--ink) !important; }
.new_f-dropdown-btn-apply {
  background: var(--cta-bg, var(--accent)) !important; color: var(--on-accent,#fff) !important; border: none !important;
  border-radius: 12px !important; padding: 9px 18px !important; font-weight: 600 !important;
  box-shadow: var(--shadow-accent) !important; cursor: pointer;
  transition: background .15s !important;
}
.new_f-dropdown-btn-apply:hover { background: var(--cta-bg-hover, var(--accent-deep)) !important; }
/* Текст кнопок нижней панели — строго по центру, обычным шрифтом сайта.
   База виджета даёт спанам («OK»/«Aplică») свои размеры/позиции — сбрасываем. */
.new_f-dropdown-bottom-btn,
.new_f-dropdown-btn-cancel, .new_f-dropdown-btn-apply {
  display: inline-flex !important; align-items: center !important; justify-content: center !important;
  box-sizing: border-box !important;
  font-size: 14px !important; line-height: 1.2 !important;
  text-align: center !important; text-transform: none !important;
  min-height: 38px !important;
  /* база виджета позиционирует кнопки абсолютно (OK наезжал на Anulare) —
     возвращаем в поток флекс-панели */
  position: static !important; top: auto !important; right: auto !important;
  float: none !important; margin: 0 !important;
  width: auto !important; min-width: 84px !important;
}
/* display НЕ трогаем: виджет прячет один из двух спанов («OK»/«Aplică») */
.new_f-dropdown-bottom-btn > span,
.new_f-dropdown-btn-apply > span, .new_f-dropdown-btn-cancel > span {
  position: static !important; float: none !important;
  width: auto !important; height: auto !important;
  margin: 0 !important; padding: 0 !important;
  font: inherit !important; color: inherit !important; line-height: inherit !important;
}
/* Скроллбары внутри списков */
.new_f-dropdown-body ::-webkit-scrollbar { width: 8px !important; height: 8px !important; }
.new_f-dropdown-body ::-webkit-scrollbar-track { background: transparent !important; }
.new_f-dropdown-body ::-webkit-scrollbar-thumb { background: var(--lavender) !important; border-radius: 999px !important; }
.new_f-dropdown-body ::-webkit-scrollbar-thumb:hover { background: var(--brand-3) !important; }

/* Пункты автокомплита спрятаны за «#new_os-to #cntList» (2 id) — перебиваем утроенным id */
#cntList#cntList#cntList .ui-menu-item .ui-corner-all,
#cntList#cntList#cntList .ui-menu-item a,
#ctyList#ctyList#ctyList .ctyLists-wrapper li a,
#ctyList#ctyList#ctyList li .ui-corner-all {
  /* form.css форсит height:22px (border-box) → фон-пилюля ниже текста и рвётся.
     Фиксируем комфортную высоту и центрируем содержимое флексом (паддинг только по бокам). */
  height: 34px !important; min-height: 34px !important;
  box-sizing: border-box !important;
  display: flex !important; align-items: center !important;
  border-radius: var(--r-sm) !important;
  padding: 0 12px !important; margin: 2px 4px !important; line-height: 1.2 !important;
  color: var(--ink) !important; border: none !important;
  transition: background .12s, color .12s !important;
}
#cntList#cntList#cntList .ui-menu-item .ui-corner-all:hover,
#cntList#cntList#cntList .ui-menu-item .ui-corner-all.ui-state-focus,
#cntList#cntList#cntList .ui-menu-item .ui-state-focus,
#cntList#cntList#cntList .ui-menu-item.active a,
#cntList#cntList#cntList .ui-menu-item a.ui-state-active,
#cntList#cntList#cntList .ui-menu-item a:hover,
#ctyList#ctyList#ctyList .ctyLists-wrapper li a:hover,
#ctyList#ctyList#ctyList .ctyLists-wrapper li.active a {
  background: var(--surface-3) !important; color: var(--brand) !important;
}
/* дочерние элементы активного/наведённого пункта — убираем серый фон (#E1E7EF), текст в бренд */
#cntList#cntList#cntList .ui-menu-item .ui-corner-all:hover *,
#cntList#cntList#cntList .ui-menu-item .ui-state-focus *,
#cntList#cntList#cntList .ui-menu-item.active a *,
#cntList#cntList#cntList .ui-menu-item a.ui-state-active * {
  background: transparent !important; color: var(--brand) !important;
}

/* Списки «Plecare din» / «Durată» / «Persoane» — те же пилюли, что и в списке стран.
   Здесь разметка другая (.new_f-dropdown-list > .new_f-dropdown-item), специфичность низкая. */
.new_f-dropdown-list { padding: 4px 6px !important; background: #fff !important; }
.new_f-dropdown-item {
  height: 34px !important; min-height: 34px !important; box-sizing: border-box !important;
  display: flex !important; align-items: center !important;
  border-radius: var(--r-sm) !important;
  padding: 0 12px !important; margin: 2px 4px !important;
  font-size: 14px !important; line-height: 1.2 !important; color: var(--ink) !important;
  transition: background .12s, color .12s !important;
}
.new_f-dropdown-item:hover,
.new_f-dropdown-item.selected,
.new_f-dropdown-item.active {
  background-color: var(--surface-3) !important; color: var(--brand) !important; font-weight: 600 !important;
}

/* Плавающая подсказка над полем дат («Perioada check-in») — убираем, т.к. подпись уже есть в ячейке */
.new_f-search-dates-popup { display: none !important; }

/* ── Расширенный поиск ── */
/* Панель — отдельная белая карточка под баром (кнопка-планка «Căutare avansată»
   остаётся пристёгнутой к бару, панель раскрывается ниже) */
.new_f-ext-container {
  background: #fff !important; background-image: none !important;
  border: 1px solid var(--hairline) !important;
  border-radius: var(--r-lg) !important;
  box-shadow: var(--shadow-lg) !important;
  margin-top: 12px !important;
  padding-top: 22px !important;
  overflow: hidden !important;
}

/* Кнопки панели фильтров: «Ștergeți filtrele» переносится скриптом сайта
   в нижнюю панель (site.js) — слева «стереть», справа «Aplică» */
.new_f-ext-container .new_f-ext-clear-btn {
  position: static !important; margin: 0 auto 0 0 !important;
  padding: 10px 16px !important; border-radius: 12px !important;
  border: 1px solid var(--hairline) !important; background: #fff !important;
  color: var(--muted) !important; font-weight: 500 !important;
  font-size: 14px !important; line-height: 1.2 !important;
  cursor: pointer !important; text-decoration: none !important;
}
.new_f-ext-container .new_f-ext-clear-btn:hover { background: var(--surface-3) !important; color: var(--ink) !important; }
.new_f-ext-container .new_f-dropdown-body-bottom { padding: 12px 18px !important; }

/* активные пункты списков/меню → фиолетовый */
.ui-menu .ui-state-active, .ui-state-active, .new_f-dropdown-item.active,
.new_ceil.active, .ceil.active {
  background: var(--brand) !important; border-color: var(--brand) !important; color: #fff !important;
}

/* фильтры расширенного поиска */
.new_f-ext-bl-title, .new_f-label-name { color: var(--ink) !important; }
.new_f-ext-bl-title::before, .new_f-ext-bl-title::after { border-color: var(--brand) !important; background: var(--brand) !important; }
.ui-slider, .ui-slider-range { background: var(--brand) !important; }
.ui-slider-handle { background: #fff !important; border-color: var(--brand) !important; }
.new_f-people-item.active, .new_f-people-item:hover,
.new_f-ext-bl-cat .active, .new_f-ext-bl-food .active {
  background: var(--brand) !important; border-color: var(--brand) !important; color: #fff !important;
}
.cnt:hover::after, .cnt.active::after { border-color: var(--brand) !important; }
.new_f-ext-clear-btn { color: var(--muted) !important; }
.new_f-ext-clear-btn:hover { color: var(--accent) !important; }
.new_f-ext-container input:checked + span::before,
/* радио: перебить синюю рамку виджета ([class*='new_f-'] input[type=radio]:checked) */
.new_f-ext-container input[type="radio"]:checked + span::before,
.new_f-ext-container .checked span::before {
  background-color: var(--brand) !important; border-color: var(--brand) !important;
}

/* ── Мобильные слои формы (полноэкранные): нижняя панель кнопок ──
   База виджета жёстко даёт панели height:44px, а наши кнопки (38px + паддинги)
   в неё не влезали — «Aplică» срезалась нижним краем экрана. Панель — по
   высоте кнопок 48px + отступ под домашнюю полоску iOS; кнопки на всю ширину. */
@media (max-width: 760px) {
  :root { --mob-bar-h: calc(73px + env(safe-area-inset-bottom, 0px)); }
  .new_f-dropdown-body-bottom,
  #ctyList .new_f-dropdown-body-bottom,
  .new_f-ext-container .new_f-dropdown-body-bottom {
    height: var(--mob-bar-h) !important;
    box-sizing: border-box !important;
    padding: 12px 16px calc(12px + env(safe-area-inset-bottom, 0px)) !important;
    flex-wrap: nowrap !important; gap: 10px !important;
    justify-content: stretch !important;
    box-shadow: 0 -10px 24px -18px rgba(20, 16, 40, .35) !important;
  }
  .new_f-dropdown-body-bottom > .new_f-dropdown-btn-cancel,
  .new_f-dropdown-body-bottom > .new_f-dropdown-btn-apply,
  .new_f-ext-container .new_f-dropdown-body-bottom > .new_f-ext-clear-btn {
    flex: 1 1 0 !important; min-width: 0 !important;
    min-height: 48px !important; border-radius: 14px !important;
    font-size: 15px !important; white-space: nowrap !important;
    display: inline-flex !important; align-items: center !important; justify-content: center !important;
  }
  .new_f-dropdown-body-bottom > .new_f-dropdown-btn-apply { flex-grow: 1.6 !important; font-size: 16px !important; }
  .new_f-dropdown-body-bottom > .new_f-dropdown-btn-cancel {
    border: 1px solid var(--hairline-2) !important; color: var(--ink) !important;
  }
  /* фильтры: «Anulare» дублирует крестик в шапке — оставляем «стереть» + «Aplică» */
  .new_f-ext-container .new_f-dropdown-body-bottom > .new_f-dropdown-btn-cancel { display: none !important; }
  /* прокручиваемые области заканчиваются над панелью, а не под ней */
  #new_os-people .new_f-dropdown-list,
  #ctyList .ctyLists-wrapper,
  .new_mobile-form .new_f-ext-body { bottom: var(--mob-bar-h) !important; }
  /* фильтры — на весь экран, без зазора сверху (десктопный margin-top карточки) */
  .new_f-ext-container { margin-top: 0 !important; padding-top: 0 !important; border-radius: 0 !important; }

  /* «Turiști» — короткий выбор: шторка снизу вместо пустого экрана, кнопки
     рядом с контентом, под большим пальцем. ⚠ display у тела не трогаем —
     показом управляет виджет инлайном. Удвоенный id — перебить базовое
     `top:0 !important` полноэкранного слоя. */
  #new_os-people#new_os-people .new_f-dropdown-body {
    top: auto !important; bottom: 0 !important; height: auto !important;
    max-height: 88vh !important;
    border-radius: 22px 22px 0 0 !important;
    box-shadow: 0 0 0 100vmax rgba(20, 16, 40, .45) !important;
  }
  #new_os-people#new_os-people .new_f-dropdown-list {
    position: static !important;
    max-height: calc(88vh - 44px - var(--mob-bar-h)) !important;
    overflow: auto !important;
    padding: 16px 18px 20px !important;
  }
  #new_os-people#new_os-people .new_f-dropdown-body-bottom { position: static !important; }

  /* Календарь: строка дней недели (Lu…Du) и подсказка «выберите конец
     интервала» лежали ПОД прокручиваемой сеткой (z 4 против инлайн z 31
     у #ui-datepicker-div) — дней недели на мобильном не было видно совсем.
     Поднимаем строку над сеткой; подсказку ставим в поток над днями (база
     клала её поверх них), под неё — отступ сверху у сетки. */
  #new_f-dates-container#new_f-dates-container .mobile-calendar-days {
    z-index: 40 !important;
    background: #fff !important;
    border-bottom: 1px solid var(--hairline) !important;
  }
  #new_f-dates-container#new_f-dates-container .mobile-calendar-days .mobile-calendar-day {
    color: var(--muted-2) !important; font-size: 12px !important; font-weight: 600 !important;
    text-transform: uppercase !important; letter-spacing: .04em !important;
    padding: 8px 0 !important;
  }
  #new_f-dates-container#new_f-dates-container .mobile-calendar-days .mobile-calendar-day:nth-child(n+7) { color: var(--accent-deep) !important; }
  #new_f-dates-container#new_f-dates-container .mobile-calendar-days .calendar-tip {
    position: static !important;
    background: var(--accent-soft) !important; color: var(--accent-deep) !important;
    font-size: 13px !important; font-weight: 600 !important;
  }
  #new_f-dates-container#new_f-dates-container .new_second_calendar_open #ui-datepicker-div { padding-top: 64px !important; }

  /* Страница тура: виджет ставит тур первым (order:-1), и полная форма поиска
     оказывалась между «Rezervă acum» и остальной выдачей. Пока тур открыт,
     форму прячем — к поиску возвращаются через «Înapoi la rezultate».
     Атрибут data-cr-tour ставит site.js. */
  body[data-cr-tour] .new_f-container { display: none !important; }
}

/* ── Результаты поиска ── */
.price-from, .new_f-ext-bl-price { color: var(--brand) !important; }
/* чипы активных фильтров («Transport: avion») — оранжевый виджета → цвет сайта */
.new_r-filters-container .new_r-filter,
.new_r-filters-container .new_r-filter * {
  color: var(--brand) !important;
}
.new_r-filters-container .new_r-filter {
  background: var(--surface-3) !important;
  border-radius: var(--r-pill) !important;
}
/* цена в карточке — крупно на всю плашку, без подписи под ней */
.new_r-item-price .new_price-desc { display: none !important; }
.new_r-item-price {
  display: flex !important; align-items: center !important; justify-content: center !important;
}
.new_r-item-price .new_price-value,
.new_r-item-price .new_price-value .currency {
  font-size: 19px !important; font-weight: 700 !important; line-height: 1.1 !important;
}
/* Карточка результата: скругление + overflow:hidden, чтобы дочерние img/тело
   обрезались по радиусу карточки. Так корректно для любого layout-а Otpusk
   (горизонтальный img-слева или вертикальный img-сверху) — иначе при
   несовпадении радиусов углов карточка выглядит «обрезанной снизу/без скруглений»,
   а ценовая «таблетка» в нижнем углу торчит за край. */
.new_r-item {
  border-radius: var(--r-lg) !important;
  overflow: hidden !important;
  box-shadow: var(--shadow-sm) !important;
  transition: box-shadow .18s ease, transform .18s ease !important;
}
/* hover плитки отеля: у Otpusk — оранжевая рамка (#F7941D) и инверсия цены;
   вместо этого — мягкая тень с лёгким подъёмом, цена не меняется */
@media all and (min-width: 479px) {
  .new_r-item:hover { box-shadow: var(--shadow-md) !important; transform: translateY(-2px) !important; }
  .new_r-item:hover .new_r-item-body { border-color: transparent !important; }
  .new_r-item:hover .new_r-item-price,
  .new_r-item:hover .new_r-item-price * {
    background: var(--accent) !important; color: var(--on-accent,#fff) !important;
  }
  .new_r-item:hover .new_r-item-price::after { display: none !important; }
}
/* цена тура — коралловая «таблетка» (вкл. уголки ::before/::after) */
.new_r-item-price, .new_r-item-price *,
.new_r-item-price::before, .new_r-item-price::after,
.new_r-item-price *::before, .new_r-item-price *::after {
  background: var(--accent) !important; color: var(--on-accent,#fff) !important; border-color: var(--accent) !important;
}
/* скидка — фиолетовый бейдж */
.new_r-item-price-discount, .new_r-item-price-discount *,
.new_r-item-price-discount::before, .new_r-item-price-discount::after {
  background: var(--brand) !important; color: #fff !important; border-color: var(--brand) !important;
}
/* ссылки локации / «на карту» — фиолетовый */
.new_r-item-geo, .new_r-item-geo *, .new_r-item-place, .new_r-item-place a { color: var(--brand) !important; }
.new_r-item-rating-rev { color: var(--muted) !important; }
/* Рейтинг-«круг» отеля в карточке результата (new_r-pN — корзина оценки 1..10)
   скрываем целиком: агентство не показывает оценки Turpravda в выдаче. */
.new_r-item-rating-container { display: none !important; }
.new_r-show-more-results { background: var(--cta-bg, var(--accent)) !important; color: var(--on-accent,#fff) !important; border: none !important; border-radius: var(--r-pill) !important; }

/* ── Детальная карточка тура ── */
/* шапка контент-блоков тура (в т.ч. модалки «Hotelul pe hartă») — в цвет CTA-кнопок */
.new_t-tab-content-top { background: var(--cta-bg, var(--accent)) !important; color: var(--on-accent,#fff) !important; }
/* углы — в такт кнопке формы поиска (--search-r), как у .hdr-cta в base.css */
.new_t-booking-btn, .new_t-order-btn { background: var(--cta-bg, var(--accent)) !important; color: var(--on-accent,#fff) !important; border: none !important; border-radius: var(--search-r, var(--r-btn)) !important; }
.new_t-tab.active { color: var(--brand) !important; background: transparent !important; border-color: var(--brand) !important; }

/* ── Страница отеля (tour detail) — полный новый стиль ── */
/* Tour-страница рендерится Otpusk в том же слоте, что и форма поиска
   (.new_os внутри .search-widget), которую .search-section поднимает на hero
   отрицательным margin-ом. Без фона шапка тура (назад/название/рейтинг) ложится
   прямо на картинку hero. Даём контейнеру то же «белое стекло», что и форме —
   шапка читается на белом, а перекрытие hero выглядит как карточка. */
.new_t-container {
  font-family: var(--font-form, var(--font)) !important; color: var(--ink);
  background: #fff !important;
  border-radius: var(--r-xl) var(--r-xl) 0 0 !important;
  box-shadow: var(--shadow-lg) !important;
  position: relative; z-index: 2;
  padding-top: 18px !important;
}
/* На index/результатах виджет держит .new_t-container в DOM пустым (контент
   тура подгружается позже). Из-за белого фона + тени + паддинга пустой контейнер
   рисуется фантомной белой карточкой под формой/выдачей. Прячем, пока пуст —
   как сам Otpusk прячет пустой .new_r-container. */
.new_t-container:empty { display: none !important; }
.new_t-menu-back-link, .new_t-menu-back { color: var(--muted) !important; }
.new_t-menu-back-link:hover { color: var(--brand) !important; }
/* табы */
.new_t-menu { border-bottom: 1px solid var(--hairline) !important; }
.new_t-menu-item {
  color: var(--muted) !important; background: transparent !important;
  font-weight: 500 !important; border-color: transparent !important;
}
.new_t-menu-item:hover { color: var(--ink) !important; }
.new_t-menu-item.active, .new_t-menu-item.new_t-active, .new_t-menu .active {
  color: #fff !important; background: var(--brand) !important;
  border-radius: var(--r-sm) var(--r-sm) 0 0 !important;
}
.new_t-menu-item.active::after, .new_t-menu .active::after {
  border-top-color: var(--brand) !important; background: var(--brand) !important; color:#fff !important;
}
/* заголовок и гео */
.new_t-header-title { color: var(--ink) !important; font-weight: 600 !important; letter-spacing:-0.02em; word-break: break-word !important; overflow-wrap: break-word !important; }
.new_t-header-geo, .new_t-header-geo a, .new_t-header-geo * { color: var(--brand) !important; }
.new_t-header-geo-icon svg, .new_t-header-geo-icon path { fill: var(--brand) !important; }
/* переключатель валюты (€/$) в шапке тура — скрываем: у агентства одна валюта */
.new_t-container .new_r-currency-switch { display: none !important; }
/* цена «Total» → коралл */
.new_t-order-price, .new_t-order-price *, .new_price, .new_t-order-price .currency { color: var(--accent) !important; }
/* «Încă», изменить, важные акценты → фиолетовый */
.new_t-important, .new_t-important *, .new_t-change-btn, .new_t-change-btn * { color: var(--brand) !important; }
.new_t-change-btn svg, .new_t-change-btn path { fill: var(--brand) !important; }
/* Таблица деталей тура: компактная вёрстка.
   Кнопки .new_t-change-btn НЕ трогаем совсем (52px + overflow:hidden — Otpusk).
   Только делаем шрифт меньше и прячем chevron, чтобы «Schimbă» влезало в 52px. */
.new_t-tour-tab-col-1 { width: 140px !important; }
.new_t-tour-tab-col-1-title { font-size: 11px !important; line-height: 1.3 !important; }
.new_t-tour-tab-col-2 {
  font-size: 12px !important;
  padding: 10px 58px 10px 14px !important;
}
.new_t-tour-tab-col-2 .new_t-important { font-size: 12px !important; }
/* «Schimbă» — подпись по центру своей зоны, под ней стрелка вниз (как «Încă ∨»
   в unisite, но с румынским словом). Родной svg-шеврон виджета прячем. */
.new_t-change-btn > span {
  font-size: 11px !important;
  display: flex !important; flex-direction: column !important;
  align-items: center !important; justify-content: center !important;
  gap: 3px !important;
  text-align: center !important;
  width: 100% !important;
}
.new_t-change-btn > span::after {
  content: '' !important;
  width: 0 !important; height: 0 !important;
  border: 4px solid transparent !important;
  border-top: 5px solid currentColor !important;
  border-bottom: none !important;
}
.new_t-change-btn > span > svg { display: none !important; }
.new_t-change-btn:hover > span { text-decoration: underline !important; }
.new_t-change-people-dropdown { white-space: normal !important; }
/* «Aplică» в выпадашке «Schimbă» — правило выше красит всё внутри
   .new_t-change-btn в бренд, и текст сливался с акцентной кнопкой */
.new_t-change-btn .new_f-dropdown-btn-apply,
.new_t-change-btn .new_f-dropdown-btn-apply * { color: var(--on-accent, #fff) !important; }
/* мобильный: «Schimbă» туристов — такая же шторка снизу, как «Turiști» в форме */
@media (max-width: 760px) {
  html .new_t-change-btn .new_f-dropdown-body.new_t-change-people-dropdown {
    top: auto !important; bottom: 0 !important; height: auto !important;
    max-height: 88vh !important;
    border-radius: 22px 22px 0 0 !important;
    box-shadow: 0 0 0 100vmax rgba(20, 16, 40, .45) !important;
  }
  html .new_t-change-people-dropdown .new_f-dropdown-list {
    position: static !important;
    max-height: calc(88vh - 44px - var(--mob-bar-h)) !important;
    overflow: auto !important;
    padding: 16px 18px 20px !important;
  }
  html .new_t-change-people-dropdown .new_f-dropdown-body-bottom { position: static !important; }
}
/* кнопки бронирования → коралл, углы в такт кнопке формы поиска (--search-r) */
.new_t-order-btn, .new_t-order-book, .new_t-book-btn,
[class*="new_t-"][class*="book"] button, .new_t-order-book-modal-header .btn {
  background: var(--cta-bg, var(--accent)) !important; color: var(--on-accent,#fff) !important; border: none !important; border-radius: var(--search-r, var(--r-btn)) !important;
}
.new_t-order-btn:hover { background: var(--cta-bg-hover, var(--accent-deep)) !important; }
/* серые блоки/таблицы → мягкое скругление */
.new_t-modal-body, .new_t-content-table, .new_t-tour-tab-table, .new_t-modal-body-item,
.new_t-content-col, .new_t-date-modal-table-container { border-radius: var(--r-md) !important; }
.new_t-modal-body-top { background: var(--surface-3) !important; color: var(--ink) !important; }
.new_t-order-book-modal-header { background: var(--brand) !important; color: #fff !important; }
/* иконки в шапке/контенте → приглушённый/бренд */
.new_t-header svg, .new_t-header path, .new_t-content svg, .new_t-content path { fill: var(--brand) !important; }

/* ───────── Форма отправки заказа («Rezervă» — попап .os-order-form-wrap) ─────────
   База Otpusk: серые поля #F0F0F0 без скруглений, мелкие селекты 28px,
   оранжевая кнопка #F7941D. Приводим к стилю сайта. */
.new_t-order-form-open .fancybox-overlay { background: rgba(19,19,19,.55) !important; }
.new_t-order-form-open .fancybox-skin { background: transparent !important; box-shadow: none !important; }
.new_t-order-form-open .os-order-form-wrap {
  background: #fff !important;
  border: 1px solid var(--hairline) !important;
  border-radius: var(--r-xl) !important;
  box-shadow: var(--shadow-lg) !important;
  padding: 30px 30px 26px !important;
  width: 500px !important;
  font-family: var(--font-form, var(--font)) !important;
}
.os-order-form-wrap, .os-order-form-wrap * { font-family: var(--font-form, var(--font)) !important; }
/* все служебные иконки-стрелки (::after) — из голубого #4C9CE0 в бренд */
body .os-order-form-wrap *::after { color: var(--brand) !important; }
/* подписи и подзаголовки */
.new_t-order-form-open .os-order-first-title,
.new_t-order-form-open .os-order-and-title,
.new_t-order-form-open .os-order-second-title,
.new_t-order-form-open .os-order-input-dates label,
.os-order-form-wrap label { color: var(--muted) !important; font-size: 13px !important; }
/* селекты (страна, курорт, взрослые/дети, длительность, офис) —
   ячейки как в форме контактов сайта: высокие, фон surface-2 */
.new_t-order-form-open .os-order-select-wrapper {
  background: var(--surface-2) !important;
  border: 1px solid var(--hairline) !important;
  border-radius: var(--r-field) !important;
  overflow: hidden !important;
  display: flex !important; align-items: center !important;
  min-height: 48px !important;
}
.os-order-form-wrap select {
  /* line-height:48px резал надпись у длинных значений (офис) — центрируем флексом */
  height: 48px !important; line-height: normal !important; font-size: 15px !important;
  color: var(--ink) !important; background: transparent !important;
  border: none !important; outline: none !important; padding: 0 34px 0 14px !important;
  width: 100% !important;
  /* длинные значения (адрес офиса) — в одну строку с многоточием,
     нативные стрелки убираем (каретку рисует .os-order-select-wrapper::after) */
  appearance: none !important; -webkit-appearance: none !important; -moz-appearance: none !important;
  white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important;
}
.new_t-order-form-open .os-order-input-office .os-order-select-wrapper { width: 100% !important; }
/* поле дат */
.new_t-order-form-open .os-order-input-dates .os-order-input-wrapper {
  background: var(--surface-2) !important;
  border: 1px solid var(--hairline) !important;
  border-radius: var(--r-field) !important;
  color: var(--ink) !important;
  min-height: 48px !important;
}
.new_t-order-form-open .os-order-input-dates .os-order-input-wrapper input {
  background: transparent !important; border: none !important; box-shadow: none !important;
  height: 46px !important; font-size: 15px !important; padding: 0 14px !important;
}
/* контакты (имя, телефон, e-mail) и комментарий */
.new_t-order-form-open .os-order-user-contacts input,
.new_t-order-form-open .os-order-form-wrap textarea {
  background: var(--surface-2) !important;
  border: 1px solid var(--hairline) !important;
  border-radius: var(--r-field) !important;
  color: var(--ink) !important;
  font-size: 15px !important;
  padding: 13px 16px !important;
  height: auto !important;
  outline: none !important;
  transition: border-color .15s, background .15s, box-shadow .15s !important;
}
.new_t-order-form-open .os-order-form-wrap textarea {
  width: 100% !important; min-height: 96px !important;
  resize: vertical !important; box-sizing: border-box !important; display: block !important;
}
.new_t-order-form-open .os-order-user-contacts input:focus,
.new_t-order-form-open .os-order-form-wrap textarea:focus {
  border-color: var(--brand-3) !important;
  background: #fff !important;
  box-shadow: 0 0 0 3px var(--focus-ring) !important;
}
/* раскладка контактов: имя — на всю первую строку,
   телефон и e-mail — вторым рядом поровну */
.new_t-order-form-open .os-order-user-contacts {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 10px !important;
  margin-bottom: 0 !important;
}
.new_t-order-form-open .os-order-user-contacts > * {
  width: 100% !important; min-width: 0 !important;
  margin: 0 !important; float: none !important; box-sizing: border-box !important;
}
.new_t-order-form-open .os-order-user-contacts > *:first-child { grid-column: 1 / -1 !important; }
.new_t-order-form-open .os-order-user-contacts input { width: 100% !important; margin: 0 !important; }
@media all and (max-width: 560px) {
  .new_t-order-form-open .os-order-user-contacts { grid-template-columns: 1fr !important; }
  /* Модалка заказа вписывается в экран: fancybox задаёт инлайн left/width под
     контент 500px+ — на узком экране вылезает вправо. Растягиваем обёртку между
     боковыми отступами и сбрасываем фиксированные ширины (перебиваем инлайн). */
  .new_t-order-form-open .fancybox-wrap {
    left: 10px !important; right: 10px !important;
    width: auto !important; max-width: none !important;
  }
  .new_t-order-form-open .fancybox-skin,
  .new_t-order-form-open .fancybox-outer,
  .new_t-order-form-open .fancybox-inner {
    width: 100% !important; max-width: 100% !important;
  }
  .new_t-order-form-open .os-order-form-wrap {
    width: 100% !important; max-width: 100% !important;
    box-sizing: border-box !important;
    padding: 22px 18px 20px !important;
  }
}
/* воздух между группами полей */
.new_t-order-form-open .os-order-input-comment,
.new_t-order-form-open .os-order-user-contacts { margin-top: 14px !important; }
.new_t-order-form-open .os-order-input-office { margin-top: 14px !important; }
/* текст согласия на обработку данных — мелкий, приглушённый */
.new_t-order-form-open .os-order-form-wrap form > div:has(+ .os-order-form-submit):not(.os-order-input-office),
.new_t-order-form-open .os-order-form-wrap .os-order-agreement {
  color: var(--muted-2) !important; font-size: 12px !important; line-height: 1.5 !important;
  margin-top: 12px !important;
}
.new_t-order-form-open .os-order-user-contacts input::placeholder,
.new_t-order-form-open .os-order-form-wrap textarea::placeholder { color: var(--muted-2) !important; }
/* ошибки валидации */
.os-order-form-wrap .os-order-error { color: #D8232A !important; font-size: 12px !important; }
/* кнопка «Отправить» — акцентная, как все CTA сайта */
.new_t-order-form-open .os-order-form-submit .os-order-form-submit_button {
  font-size: 16px !important; font-weight: 600 !important;
  color: var(--on-accent,#fff) !important;
  background: var(--cta-bg, var(--accent)) !important;
  border: none !important; border-radius: 14px !important;
  height: 52px !important; width: 100% !important;
  box-shadow: var(--shadow-accent) !important;
  margin: 12px 0 0 !important;
  transition: background .18s !important;
  cursor: pointer !important;
}
.new_t-order-form-open .os-order-form-submit .os-order-form-submit_button:hover {
  background: var(--cta-bg-hover, var(--accent-deep)) !important;
}
/* календарь формы заказа (bootstrap-datepicker) */
.new_t-order-form-open .datepicker {
  border: 1px solid var(--hairline) !important;
  border-radius: var(--r-md) !important;
  box-shadow: var(--shadow-lg) !important;
}
.new_t-order-form-open .table-condensed .prev,
.new_t-order-form-open .table-condensed .next,
.new_t-order-form-open .table-condensed .switch {
  background-color: var(--brand) !important; color: #fff !important;
}
.new_t-order-form-open .table-condensed td.day:hover { background: var(--surface-3) !important; }
.new_t-order-form-open .table-condensed td.active {
  background: var(--accent) !important; color: var(--on-accent,#fff) !important;
}
/* модал бронирования (iframe-вариант): скругляем оболочку */
.new_t-order-book-modal-body { border-radius: var(--r-lg) !important; overflow: hidden !important; }

/* переключатель валюты — активная «таблетка» в фиолетовый */
.new_r-currency-switch input:checked + span,
.new_r-currency-switch label.active span { background: var(--brand) !important; color: #fff !important; }

/* ───────── Модуль «горящие туры» (eurotiles / hot-block_euroblock) ─────────
   Перекрашиваем дефолтный оранжевый (#f7941d) в фирменный коралл,
   плитки приводим к стилю .card (белая карточка, hairline, мягкая тень, hover-lift). */


/* контейнер витрины */
.hot-block_euroblock.hot-otp-content { background: transparent !important; }
.hot-block_euroblock.hot-otp-content .hot-otp-form-wrap { min-width: 290px; }

/* плитка тура */
body .hot-block_euroblock .new-hot-tour-item {
  color: var(--ink) !important;
  background: var(--surface) !important;
  border: 1px solid var(--hairline) !important;
  border-radius: var(--r-lg) !important;
  box-shadow: var(--shadow-sm) !important;
  overflow: hidden !important;
  transition: transform .2s ease, box-shadow .2s ease !important;
}
body .hot-block_euroblock .new-hot-tour-item:hover {
  transform: translateY(-4px) !important;
  box-shadow: var(--shadow-md) !important;
}

/* цена → акцентная «таблетка», слегка отодвинута от угла карточки */
body .hot-block_euroblock .new-hot-tour-price {
  background-color: var(--accent) !important;
  background: var(--cta-bg, var(--accent)) !important;
  border-radius: var(--r-pill) !important;
  box-shadow: var(--shadow-accent) !important;
  right: 14px !important; bottom: 14px !important;
}
body .hot-block_euroblock .new-hot-tour-price * { color: var(--on-accent,#fff) !important; }

/* локация / страна / рейтинг → фиолетовый акцент */
body .hot-block_euroblock .new-hot-tour-country,
body .hot-block_euroblock .new-hot-tour-resort,
body .hot-block_euroblock .new-hot-tour-place,
body .hot-block_euroblock [class*="country"],
body .hot-block_euroblock [class*="geo"] { color: var(--brand) !important; }

/* любые оранжевые акценты/кнопки/бейджи → коралл */
body .hot-block_euroblock .hot-otp-btn,
body .hot-block_euroblock .new-hot-tour-btn,
body .hot-block_euroblock button,
body .hot-block_euroblock [class*="btn"]:not([class*="prev"]):not([class*="next"]) {
  background: var(--accent) !important; color: var(--on-accent,#fff) !important;
  border: none !important; border-radius: 14px !important;
}
body .hot-block_euroblock .hot-otp-btn:hover,
body .hot-block_euroblock .new-hot-tour-btn:hover { background: var(--accent-deep) !important; }

/* ── Мобильный #ui-datepicker-div: jQuery UI добавляет его как прямой child <body>
   с width:34em (≈544px) — шире мобильного вьюпорта, Сб/Вс обрезаются.
   Вписываем в 100% вьюпорта и выравниваем колонки через table-layout:fixed. ── */
@media (max-width: 620px) {
  #ui-datepicker-div {
    width: 100% !important;
    min-width: 0 !important;
    left: 0 !important;
    box-sizing: border-box !important;
  }
  #ui-datepicker-div .ui-datepicker-calendar {
    width: 100% !important;
    table-layout: fixed !important;
  }
}

/* ── Страница тура на телефоне (≤479px — мобильный режим Otpusk one-col) ── */
@media (max-width: 479px) {
  /* Вкладки: Otpusk на мобильном прячет 3–5 вкладки (Fotografii/Hartă/Recenzii)
     через display:none — остаются видны только две. Показываем все и делаем
     ленту горизонтально прокручиваемой (стандартный мобильный паттерн табов). */
  .new_t-menu {
    display: flex !important;
    overflow-x: auto !important; overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    white-space: nowrap !important;
    scrollbar-width: none !important;
  }
  .new_t-menu::-webkit-scrollbar { display: none !important; }
  .new_t-menu .new_t-menu-item {
    display: inline-block !important;
    flex: 0 0 auto !important;
    width: auto !important;
    padding-left: 14px !important; padding-right: 14px !important;
  }

  /* Таблица деталей тура: Otpusk на мобильном складывает строки вертикально
     (строка-подпись над строкой-значением, «Schimbă» в правом углу подписи).
     Десктопные правила выше фиксируют col-1 в 140px и режут шрифт — из-за этого
     полноширинная подпись «Data plecării și durata sejurului» зажимается в узкую
     колонку и переносится в 4 строки. Возвращаем авто-ширину и читаемый кегль. */
  .new_t-tour-tab-col-1 { width: auto !important; }
  .new_t-tour-tab-col-1-title { font-size: 13px !important; }
  .new_t-tour-tab-col-2 { padding: 8px 14px !important; font-size: 14px !important; }
  .new_t-tour-tab-col-2 .new_t-important { font-size: 14px !important; }
  /* Рейс-блок (вертикальный таймлайн с самолётиками). Otpusk на мобильном даёт
     ячейке значения date-table padding-left:51px — это «жёлоб» слева, в котором
     абсолютно позиционированная линия (.new_t-duration-icons, left:-25px) с
     иконками вылета/прилёта стоит рядом с текстом рейса. Общий col-2 override выше
     (padding:8px 14px) затирал этот жёлоб с !important → линия уезжала к левому
     краю карточки. Восстанавливаем жёлоб только для date-table-ячейки. */
  .new_m-mobile-form .date-table .new_t-tour-tab-col-2,
  .date-table.vertical-table .new_t-tour-tab-col-2 { padding-left: 51px !important; }

  /* Боковые поля карточки тура на телефоне */
  .new_t-container { padding-left: 14px !important; padding-right: 14px !important; }
}

/* ── мобильная витрина горящих туров: одна колонка, без горизонтального скролла ── */
@media (max-width: 720px) {
  .hot-widget { overflow-x: hidden; }
  body .hot-block_euroblock .new-hot-tour-item {
    width: 100% !important; max-width: 100% !important;
    margin-left: 0 !important; margin-right: 0 !important;
  }
  .hot-block_euroblock.hot-otp-content .hot-otp-form-wrap { min-width: 0 !important; width: 100% !important; }
}

/* ───────── Модуль «топ направлений» (os-top-countries) ─────────
   Раскладка (бывший inline-STYLE модуля top-countries.js — теперь здесь,
   единый источник и для собранных сайтов, и для embed-кода «Установка на
   сайт») + фирменный вид: скруглённые карточки с тенью и hover-подъёмом,
   цена — акцентная «пилюля» в углу вместо оранжевой полосы во всю ширину. */
.os-top-countries { padding: 20px 17px 0; }
@media screen and (min-width: 846px) { .os-top-countries { padding: 40px 17px 0; } }

/* картиночная версия: сетка карточек */
.os-top-countries-image ul { margin-left: -20px; }
.os-top-countries-image .os-top-countries-item {
  padding-left: 20px; margin-bottom: 20px; max-width: 240px;
  height: auto; position: static; float: none;
}
.os-top-countries-image .os-top-countries-item > a {
  display: block; position: relative;
  border-radius: var(--r-lg, 16px) !important;
  overflow: hidden !important;
  box-shadow: var(--shadow-sm, 0 2px 8px rgba(0,0,0,.12)) !important;
  transition: transform .2s ease, box-shadow .2s ease !important;
}
.os-top-countries-image .os-top-countries-item > a:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-md, 0 10px 28px rgba(0,0,0,.18)) !important;
  filter: none !important;
}
.os-top-countries-image .os-country-name {
  color: #fff; line-height: 21px; font-size: 17px; font-weight: 600;
  font-family: var(--font-form, sans-serif);
  text-shadow: 0 1px 10px rgba(0,0,0,.4);
}
/* цена — «пилюля» в правом нижнем углу карточки */
.os-top-countries-image .os-country-price {
  left: auto !important; right: 10px !important; bottom: 10px !important;
  width: auto !important;
  background: var(--cta-bg, var(--accent, #ef7d0c)) !important;
  color: var(--on-accent, #fff) !important;
  font-family: var(--font-form, sans-serif) !important;
  font-size: 12px;
  border-radius: var(--r-pill, 999px) !important;
  padding: 7px 14px !important;
  box-shadow: var(--shadow-accent, 0 6px 18px rgba(0,0,0,.2));
  white-space: nowrap;
}
.os-top-countries-image .os-country-price span { color: var(--on-accent, #fff) !important; }
.os-top-countries-image .os-country-price span:nth-child(1) { font-size: 11px; opacity: .85; }
.os-top-countries-image .os-country-price span:nth-child(2) { font-weight: 700; font-size: 17px; }
.os-top-countries-image .os-country-price span:nth-child(3) { font-size: 12px; opacity: .9; }

/* текстовая версия: колонки со строками «страна … цена» в цветах темы */
.os-top-countries-text ul { margin-left: -26px; }
.os-top-countries-text .os-top-countries-item {
  padding-left: 26px; height: auto; position: static; float: none;
  margin-bottom: 18px; max-width: 287px;
}
.os-top-countries-text .os-top-countries-item > a:before {
  top: 14px; left: 35px; height: 1px; background-color: var(--hairline, #e1e1e1);
}
.os-top-countries-text .os-top-countries-item .os-country-name {
  line-height: 26px; font-size: 14px; color: var(--ink, #333);
  font-family: var(--font-form, sans-serif);
}
.os-top-countries-text .os-top-countries-item .os-country-price span:nth-child(1) { font-size: 10px; color: var(--muted, #7e7e7e); }
.os-top-countries-text .os-top-countries-item .os-country-price span:nth-child(2) { font-size: 16px; font-weight: bold; line-height: 26px; color: var(--brand, #0799ff); padding-left: 6px; }
.os-top-countries-text .os-top-countries-item .os-country-price span:nth-child(3) { font-size: 14px; line-height: 26px; color: var(--brand, #0799ff); font-weight: 100; }
.os-top-countries-text .os-top-countries-item .os-country-price span:nth-child(2),
.os-top-countries-text .os-top-countries-item .os-country-price span:nth-child(3) { background-color: var(--surface, #fff); line-height: 26px; }
.os-top-countries-item.small .os-country-price span:nth-child(1) { top: -2px; }
.os-top-countries-text .os-top-countries-item.small .os-country-price span:nth-child(2) { position: relative; top: -4px; padding-left: 15px; font-size: 16px; }
.os-top-countries-text .os-top-countries-item.small .os-country-price span:nth-child(3) { position: absolute; bottom: 0; right: 0; line-height: 12px; font-size: 12px; background-color: transparent; }

/* ═══════════ ФОРМА ПОИСКА: ВЕРТИКАЛЬНАЯ КОМПОНОВКА ═══════════
   body[data-search-layout="vertical"] (настройка «Дизайн → Форма поиска»).
   Десктоп собирается колонкой отдельных «пилюль» — как мобильная версия;
   по умолчанию колонка по центру, макеты могут переопределить (editorial —
   в левой колонке hero, см. base.css). Мобильный вид и так вертикальный —
   правила ниже только для ≥761px. */
@media (min-width: 761px) {
  body[data-search-layout="vertical"] .new_f-form > .clearfix {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 12px !important;
    max-width: 480px;
    margin: 0 auto;
    background: transparent !important;
    box-shadow: none !important;
    border-radius: 0 !important;
  }
  body[data-search-layout="vertical"] .new_f-form-field,
  body[data-search-layout="vertical"] .new_f-form-field.to,
  body[data-search-layout="vertical"] .new_f-form-field.from,
  body[data-search-layout="vertical"] .new_f-form-field.date,
  body[data-search-layout="vertical"] .new_f-form-field.duration,
  body[data-search-layout="vertical"] .new_f-form-field.people {
    flex: 0 0 auto !important; width: 100% !important; min-width: 0 !important;
    background: var(--search-bg, #fff) !important;
    border: 1px solid var(--hairline) !important;
    border-radius: min(var(--search-r), 24px) !important;
    box-shadow: var(--shadow-sm) !important;
  }
  /* ⚠ КРИТИЧНО (z-order): пилюли — соседи по колонке, и открытая выпадашка
     ячейки перекрывалась пилюлями НИЖЕ (одинаковый контекст наложения,
     а glass-режим ещё и создаёт stacking context через backdrop-filter).
     Ячейку с фокусом/наведением поднимаем над остальными. */
  body[data-search-layout="vertical"] .new_f-form-field:hover { z-index: 55 !important; }
  body[data-search-layout="vertical"] .new_f-form-field:focus-within { z-index: 60 !important; }
  /* вертикальные разделители между ячейками не нужны */
  body[data-search-layout="vertical"] .new_f-form-field::before { display: none !important; }
  body[data-search-layout="vertical"] .new_f-form .new_f-form-submit {
    flex: 0 0 auto !important; width: 100% !important;
    height: 64px !important;
    border-radius: min(var(--search-r), 24px) !important;
    box-shadow: var(--shadow-accent) !important;
  }
  /* «Căutare avansată» — отдельной пилюлей под колонкой, по её оси */
  body[data-search-layout="vertical"] .new_f-ext-btn-container { justify-content: center !important; }
  body[data-search-layout="vertical"] .new_f-ext-btn {
    border-radius: min(var(--search-r), 16px) !important;
    margin-top: 10px !important;
    border: 1px solid var(--hairline) !important;
    box-shadow: var(--shadow-sm) !important;
  }
  /* выпадашки — по ширине своей пилюли (дата шире не нужна: колонка узкая) */
  body[data-search-layout="vertical"] .new_f-form-field.date .new_f-dropdown-body {
    width: 100% !important; min-width: 340px !important;
  }
}

/* ═══════════ ФОРМА ПОИСКА: LIQUID GLASS ═══════════
   body[data-search-style="glass"] (настройка «Дизайн → Форма поиска»).
   Настоящее «жидкое стекло»: полупрозрачный фон (theme.js держит прозрачность
   20–80%), сильный blur+saturate того, что позади, диагональный блик-градиент
   поверх (виден даже на белом фоне), светлая кромка и внутренние спекуляры.
   ⚠ backdrop-filter НЕ вешаем на .new_f-form-field на мобильном:
   фильтр у предка делает его containing block для position:fixed, и
   полноэкранные мобильные выпадашки Otpusk запираются внутри ячейки. */
@media (min-width: 761px) {
  /* горизонтальный бар: стеклом владеет сам ряд ячеек.
     Фон = диагональный блик (двойная «полоса света») поверх --search-bg */
  body[data-search-style="glass"] .new_f-form > .clearfix {
    background:
      linear-gradient(115deg,
        rgba(255, 255, 255, .50) 0%, rgba(255, 255, 255, .06) 30%,
        rgba(255, 255, 255, .34) 48%, rgba(255, 255, 255, .04) 62%,
        rgba(255, 255, 255, .22) 100%),
      linear-gradient(var(--search-bg, rgba(255,255,255,.44)), var(--search-bg, rgba(255,255,255,.44))) !important;
    -webkit-backdrop-filter: blur(26px) saturate(1.9);
    backdrop-filter: blur(26px) saturate(1.9);
    border: 1px solid rgba(255, 255, 255, .62) !important;
    box-shadow:
      inset 0 1.5px 0 rgba(255, 255, 255, .8),
      inset 0 -1px 0 rgba(255, 255, 255, .22),
      inset 1px 0 0 rgba(255, 255, 255, .35),
      0 30px 70px -28px rgba(8, 18, 38, .55),
      0 6px 18px -8px rgba(8, 18, 38, .25) !important;
  }
  /* hover/focus ячеек — светлый блик вместо серой подложки */
  body[data-search-style="glass"] .new_f-form-field:hover { background: rgba(255, 255, 255, .32) !important; }
  body[data-search-style="glass"] .new_f-form-field:focus-within { background: rgba(255, 255, 255, .5) !important; }
  body[data-search-style="glass"] .new_f-form-field::before { background: rgba(255, 255, 255, .6) !important; }
  /* планка «Căutare avansată» — тем же стеклом */
  body[data-search-style="glass"] .new_f-ext-btn {
    background:
      linear-gradient(115deg, rgba(255, 255, 255, .4), rgba(255, 255, 255, .08)),
      linear-gradient(var(--search-bg, rgba(255,255,255,.44)), var(--search-bg, rgba(255,255,255,.44))) !important;
    -webkit-backdrop-filter: blur(26px) saturate(1.9);
    backdrop-filter: blur(26px) saturate(1.9);
    border: 1px solid rgba(255, 255, 255, .5) !important;
    border-top: none !important;
  }
  body[data-search-style="glass"] .new_f-ext-btn:hover { background: rgba(255, 255, 255, .55) !important; }
  /* вертикальная колонка + стекло: каждая пилюля — своё стекло
     (десктопные выпадашки absolute — containing block не страшен,
     z-order решает подъём :focus-within из блока вертикальной компоновки) */
  body[data-search-layout="vertical"][data-search-style="glass"] .new_f-form-field {
    background:
      linear-gradient(115deg, rgba(255, 255, 255, .42) 0%, rgba(255, 255, 255, .05) 45%, rgba(255, 255, 255, .2) 100%),
      linear-gradient(var(--search-bg, rgba(255,255,255,.44)), var(--search-bg, rgba(255,255,255,.44))) !important;
    -webkit-backdrop-filter: blur(22px) saturate(1.8);
    backdrop-filter: blur(22px) saturate(1.8);
    border: 1px solid rgba(255, 255, 255, .6) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, .7),
      0 14px 36px -18px rgba(8, 18, 38, .5) !important;
  }
}
/* подписи и текст на стекле: чуть плотнее, чтобы читались на фото */
body[data-search-style="glass"] .cr-flabel { color: var(--ink) !important; opacity: .62; }
/* кнопка Caută на стекле — лёгкий блик сверху (десктоп и мобильный) */
body[data-search-style="glass"] .new_f-form .new_f-form-submit {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4) !important;
}
@media (max-width: 760px) {
  /* мобильный: морозные пилюли БЕЗ backdrop-filter (см. предупреждение выше) —
     полупрозрачный фон, блик-градиент и светлая кромка дают тот же характер */
  body[data-search-style="glass"] .new_f-form-field,
  body[data-search-style="glass"] .new_f-form-field.to {
    background:
      linear-gradient(115deg, rgba(255, 255, 255, .5), rgba(255, 255, 255, .12)),
      linear-gradient(var(--search-bg, rgba(255,255,255,.44)), var(--search-bg, rgba(255,255,255,.44))) !important;
    border: 1px solid rgba(255, 255, 255, .6) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .55), var(--shadow-sm) !important;
  }
  body[data-search-style="glass"] .new_f-form .new_f-form-submit {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4), var(--shadow-accent) !important;
  }
  /* в режиме «с наложением» карточка-подложка — полупрозрачная. Без
     backdrop-filter: внутри неё живут fixed-выпадашки Otpusk (см. выше) */
  body[data-search-style="glass"][data-search-mob="overlap"] .search-widget {
    background: rgba(255, 255, 255, .35) !important;
    border: 1px solid rgba(255, 255, 255, .5) !important;
    border-radius: var(--search-mob-r, 26px) !important;
  }
}

/* ── Мобильная форма БЕЗ подложки (настройка «Мобильная версия → Фон под
      формой: без фона»): пилюли лежат прямо на странице/фото. Блок в конце
      файла — перебивает и обычную, и glass-подложку. ── */
@media (max-width: 760px) {
  body[data-search-mob-bg="none"] .search-section { background: none !important; }
  body[data-search-mob-bg="none"][data-search-mob="overlap"] .search-widget,
  body[data-search-style="glass"][data-search-mob-bg="none"][data-search-mob="overlap"] .search-widget {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
  }
}