/* ───────── 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; }
  /* подъём .search-section над шапкой при открытом слое — общее правило ниже,
     у .new_f-container */
  /* форма — 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; }
/* ── Слои виджета (мобильные выпадашки формы, «Hotelul pe hartă», бронирование,
      модалки «Schimbă» дат/питания) — position:fixed z:999, но заперты в стековых
      контекстах: тур z:2 < форма z:30, .search-section z:50 < липкая шапка z:200.
      Пока слой открыт, на <html> висит new_layer-open[-<слой>] или new_modal-open:
      секцию — над шапкой, тур с его модалками — над формой. Голый new_layer-open
      ставят и выпадашки ФОРМЫ — по нему тур не поднимаем, иначе он накроет их. ── */
html[class*="new_layer-open"] .search-section,
html.new_modal-open .search-section { z-index: 300 !important; }
html.new_layer-open-map .new_t-container,
html.new_layer-open-book .new_t-container,
html.new_modal-open .new_t-container { z-index: 31 !important; }
/* ≤478 (брейкпоинт form.css виджета) вкладки тура «Hartă»/«Recenzii» сами
   становятся fixed-слоем на весь экран — без класса на <html>, только инлайн
   display:block. Ловим через :has, иначе шапка сайта закрывает их заголовок с ✕. */
@media (max-width: 478px) {
  .search-section:has(.new_t-tab-content.map[style*="block"], .new_t-tab-content.reviews[style*="block"]) { z-index: 300 !important; }
  .new_t-container:has(.new_t-tab-content.map[style*="block"], .new_t-tab-content.reviews[style*="block"]) { z-index: 31 !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; }

/* ── Вкладки стран над горящими турами (секция hotTours с d.tabs, builder):
      каждая вкладка — свой виджет кабинета; флаг — спрайт Otpusk, позицию
      ставит builder инлайном (масштаб 0.75 → флаг 24×14). ── */
.hot-tabs {
  display: flex; flex-wrap: wrap; gap: 10px;
  margin: 0 0 24px;
}
.hot-tab {
  display: inline-flex; align-items: center; justify-content: center; gap: 9px;
  flex: 1 1 150px; max-width: 220px; min-height: 46px; box-sizing: border-box;
  padding: 0 18px;
  background: #fff; color: var(--ink);
  border: 1px solid var(--hairline); border-radius: var(--r-pill);
  box-shadow: var(--shadow-sm);
  font: 600 15px/1.2 var(--font-form, var(--font));
  cursor: pointer; white-space: nowrap;
  transition: background .15s ease, color .15s ease, box-shadow .15s ease, border-color .15s ease;
}
.hot-tab > span:last-child { overflow: hidden; text-overflow: ellipsis; }
.hot-tab:hover { border-color: var(--hairline-2); box-shadow: var(--shadow-md); }
.hot-tab.is-active {
  background: var(--cta-bg, var(--accent)); color: var(--on-accent, #fff);
  border-color: transparent; box-shadow: var(--shadow-accent);
}
.hot-tab:focus-visible { outline: 2px solid var(--brand); outline-offset: 2px; }
.hot-tab-flag {
  flex: 0 0 24px; width: 24px; height: 14px;
  border-radius: 3px; box-shadow: 0 0 0 1px rgba(0, 0, 0, .08);
  background-image: url(https://export.otpusk.com/os/flags-rect.png);
  background-size: 243.75px 849px; background-repeat: no-repeat;
}
.hot-widget > .hot-size-checker[hidden] { display: none !important; }
/* телефон: вкладки — лента с горизонтальной прокруткой */
@media (max-width: 760px) {
  .hot-tabs {
    flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch;
    scrollbar-width: none; margin: 0 -16px 18px; padding: 4px 16px 10px;
  }
  .hot-tabs::-webkit-scrollbar { display: none; }
  .hot-tab { flex: 0 0 auto; max-width: none; min-height: 42px; font-size: 14px; }
}

/* ── Мобильный #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;
  }
}

/* ═══════════ СТИЛЬ ВИДЖЕТА «ПАНЕЛЬ» ═══════════
   body[data-widget="panel"] (настройка «Дизайн → Стиль виджета»).
   Форма — стеклянная панель, в ней подписи и отдельные белые поля; выпадашки
   на десктопе — окна по центру экрана с затемнением; выдача, тур и горящие
   туры — карточки. Цвета/шрифт/углы — из токенов сайта.
   ⚠ backdrop-filter/transform НИКОГДА не на предках полей: fixed-слои Otpusk
   (мобильные выпадашки, наши окна по центру) запираются в containing block.
   Стекло рисуется псевдоэлементом ::before самой формы. */
body[data-widget="panel"] .new_f-form { position: relative !important; }
body[data-widget="panel"] .new_f-form::before {
  content: '' !important; display: block !important;
  position: absolute; inset: 0; z-index: -1;
  pointer-events: none;
  border-radius: min(var(--search-r), 26px);
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .20), rgba(255, 255, 255, .06)),
    color-mix(in srgb, var(--ink) 30%, transparent);
  border: 1px solid rgba(255, 255, 255, .22);
  -webkit-backdrop-filter: blur(12px) saturate(140%);
  backdrop-filter: blur(12px) saturate(140%);
  box-shadow: 0 30px 70px -30px rgba(8, 18, 38, .55);
}
/* ряд полей и планка advanced — без своего фона, стекло несёт ::before */
body[data-widget="panel"] .new_f-form > .clearfix {
  background: transparent !important;
  -webkit-backdrop-filter: none !important; backdrop-filter: none !important;
  border: none !important; box-shadow: none !important; border-radius: 0 !important;
}
/* подписи над полями: белые, обычный регистр */
body[data-widget="panel"] .cr-flabel {
  font-family: var(--font-form, var(--font)) !important;
  font-size: 12.5px !important; font-weight: 600 !important;
  letter-spacing: 0 !important; text-transform: none !important;
  color: #fff !important; opacity: 1 !important;
  text-shadow: 0 1px 6px rgba(0, 0, 0, .3);
}
/* «Căutare avansată» — белая ссылка внутри панели */
body[data-widget="panel"] .new_f-ext-btn {
  background: transparent !important; box-shadow: none !important; border: none !important;
  -webkit-backdrop-filter: none !important; backdrop-filter: none !important;
  font-weight: 600 !important; text-shadow: 0 1px 6px rgba(0, 0, 0, .3);
}
body[data-widget="panel"] .new_f-ext-btn:hover { background: rgba(255, 255, 255, .14) !important; }
body[data-widget="panel"] .new_f-ext-btn,
body[data-widget="panel"] .new_f-ext-btn-text,
body[data-widget="panel"] .new_f-ext-btn-filters-num { color: #fff !important; }
body[data-widget="panel"] .new_f-ext-btn::after { border-top-color: #fff !important; }

@media (min-width: 761px) {
  body[data-widget="panel"] .new_f-form { padding: 14px 16px 8px !important; }
  body[data-widget="panel"] .new_f-form > .clearfix { gap: 10px !important; align-items: flex-end !important; }
  /* ячейка: подпись сверху, под ней белое поле 54px; разделители не нужны */
  body[data-widget="panel"] .new_f-form-field,
  body[data-widget="panel"] .new_f-form-field.to {
    height: 80px !important; padding-top: 26px !important;
    background: transparent !important; border-radius: 0 !important;
  }
  body[data-widget="panel"] .new_f-form-field:hover,
  body[data-widget="panel"] .new_f-form-field:focus-within { background: transparent !important; }
  body[data-widget="panel"] .new_f-form-field::before { display: none !important; }
  body[data-widget="panel"] .cr-flabel,
  body[data-widget="panel"] .new_f-form-field.to .cr-flabel { top: 4px !important; left: 4px !important; }
  /* белые поля: кнопка выпадашки (to/from/duration/people) и обёртка дат */
  body[data-widget="panel"] .new_f-form-field > .new_f-dropdown-btn,
  body[data-widget="panel"] .new_f-form-field.date .new_f-search-dates-wrap {
    height: 54px !important; box-sizing: border-box !important;
    background: var(--search-bg, #fff) !important;
    border: 1px solid transparent !important;
    border-radius: min(var(--search-r), 14px) !important;
    box-shadow: 0 2px 10px rgba(8, 18, 38, .10) !important;
    transition: border-color .15s ease, box-shadow .15s ease !important;
  }
  body[data-widget="panel"] .new_f-form-field:hover > .new_f-dropdown-btn,
  body[data-widget="panel"] .new_f-form-field.date:hover .new_f-search-dates-wrap {
    border-color: var(--accent) !important;
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 30%, transparent) !important;
  }
  body[data-widget="panel"] .new_f-form-field.to > .new_f-dropdown-btn { padding-left: 0 !important; }
  body[data-widget="panel"] .new_f-form-field.to .new_f-autocomplete-input { padding-left: 16px !important; }
  body[data-widget="panel"] .new_f-form-field > .new_f-dropdown-btn { padding-left: 16px !important; }
  body[data-widget="panel"] .new_f-form-field.date .new_f-search-dates-wrap {
    display: flex !important; align-items: center !important;
    padding-left: 42px !important; width: 100% !important;
  }
  body[data-widget="panel"] .new_f-form-field.date .new_f-search-dates-wrap > svg {
    left: 14px !important; top: 50% !important; transform: translateY(-50%);
  }
  body[data-widget="panel"] .new_f-form-field.date .new_f-search-dates-wrap > svg,
  body[data-widget="panel"] .new_f-form-field.date .new_f-search-dates-wrap > svg * { fill: var(--accent) !important; }
  /* «Caută» — отдельная кнопка той же высоты, что поля */
  body[data-widget="panel"] .new_f-form .new_f-form-submit {
    height: 54px !important; flex: 0 0 150px !important; width: 150px !important;
    align-self: flex-end !important;
    border-radius: min(var(--search-r), 14px) !important;
    box-shadow: var(--shadow-accent) !important;
  }
  body[data-widget="panel"] .new_f-ext-btn { padding: 8px 6px 4px !important; border-radius: 10px !important; }

  /* ── Выпадашки → окна по центру экрана ──
     Тело выпадашки fixed по центру вьюпорта (у предков нет transform/filter);
     тень 100vmax — затемнение формы под окном, body::after ниже — размытие
     остальной страницы и «ловушка» кликов (клик мимо окна закрывает его
     обработчиком виджета, а не нажимает ссылку под затемнением).
     .search-section уже поднята над шапкой по html.new_layer-open*. */
  body[data-widget="panel"] .new_f-form-field .new_f-dropdown-body {
    position: fixed !important;
    top: 50% !important; left: 50% !important; right: auto !important; bottom: auto !important;
    transform: translate(-50%, -50%) !important;
    width: 380px !important; min-width: 0 !important; max-width: 92vw !important;
    max-height: 86vh !important;
    margin: 0 !important;
    z-index: 1000 !important;
    border: none !important;
    border-radius: 20px !important;
    box-shadow: 0 0 0 100vmax rgba(15, 23, 42, .38), 0 30px 80px -24px rgba(8, 18, 38, .55) !important;
  }
  /* ячейку с открытым окном — над соседями, иначе ячейки правее (позже в DOM)
     рисуются поверх тени-затемнения окна */
  body[data-widget="panel"] .new_f-form-field:has(.new_f-dropdown-body[style*="block"]) { z-index: 5 !important; }
  body[data-widget="panel"] .new_f-form-field .new_f-dropdown-list { max-height: calc(86vh - 140px) !important; overflow: auto !important; }
  body[data-widget="panel"] .new_f-form-field.date .new_f-dropdown-body { width: 620px !important; }
  /* form.css гасит любые тени внутри #new_f-dates-container (id + !important) */
  body[data-widget="panel"] #new_f-dates-container#new_f-dates-container .new_f-dropdown-body {
    box-shadow: 0 0 0 100vmax rgba(15, 23, 42, .38), 0 30px 80px -24px rgba(8, 18, 38, .55) !important;
  }
  body[data-widget="panel"] .new_f-dropdown-body-top { font-size: 17px !important; font-weight: 700 !important; padding: 16px 20px !important; }

  /* «Destinație»: окно 720×520 — шапка, слева поиск + страны, справа курорты.
     Поле ввода (.new_f-dropdown-btn) остаётся в DOM на своём месте — его
     только выносим fixed в левый верх окна (так же поступает сам виджет
     на мобильном), без переноса узлов: перенос сбрасывает фокус и поиск. */
  body[data-widget="panel"] #new_os-to .new_f-dropdown-body {
    width: 720px !important; height: min(520px, 86vh) !important;
    overflow: hidden !important;
  }
  html.new_layer-open-to body[data-widget="panel"] #new_os-to > .new_f-dropdown-btn {
    position: fixed !important;
    top: calc(50% - min(260px, 43vh) + 70px) !important;
    left: calc(50% - 340px) !important;
    width: 320px !important; height: 50px !important;
    z-index: 1001 !important;
    background: var(--surface-2) !important;
    border: 1px solid var(--hairline-2) !important;
    border-radius: 999px !important;
    box-shadow: none !important;
  }
  html.new_layer-open-to body[data-widget="panel"] #new_os-to > .new_f-dropdown-btn:focus-within { border-color: var(--accent) !important; }
  body[data-widget="panel"] #new_os-to .listsWrap {
    position: static !important;
    width: 360px !important; height: calc(100% - 58px) !important;
    box-sizing: border-box !important;
    padding: 76px 6px 8px !important;
    border-radius: 0 !important;
  }
  body[data-widget="panel"] #new_os-to #cntList { height: 100% !important; max-height: none !important; }
  body[data-widget="panel"] #new_os-to #ctyList {
    left: 360px !important; top: 58px !important; margin: 0 !important;
    width: 360px !important; min-width: 0 !important;
    height: calc(100% - 58px) !important; min-height: 0 !important;
    border: none !important; border-left: 1px solid var(--hairline) !important;
    border-radius: 0 !important; box-shadow: none !important;
  }
  body[data-widget="panel"] #new_os-to .new_f-dropdown-body-top::before {
    content: '' !important; width: 18px; height: 18px; margin-right: 8px; flex: 0 0 auto;
    background: var(--ink);
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C8.1 2 5 5.1 5 9c0 5.2 7 13 7 13s7-7.8 7-13c0-3.9-3.1-7-7-7zm0 9.5a2.5 2.5 0 1 1 0-5 2.5 2.5 0 0 1 0 5z'/%3E%3C/svg%3E") no-repeat center / contain;
            mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C8.1 2 5 5.1 5 9c0 5.2 7 13 7 13s7-7.8 7-13c0-3.9-3.1-7-7-7zm0 9.5a2.5 2.5 0 1 1 0-5 2.5 2.5 0 0 1 0 5z'/%3E%3C/svg%3E") no-repeat center / contain;
  }
  body[data-widget="panel"] #new_os-to .new_f-dropdown-body-top { justify-content: flex-start !important; }
  body[data-widget="panel"] #new_os-to .new_f-dropdown-body-close { margin-left: auto !important; }

  /* вертикальная компоновка + панель: колонка подписей и белых полей
     в стекле по ширине колонки; ячейки — без своих пилюль */
  body[data-widget="panel"][data-search-layout="vertical"] .new_f-form { max-width: 520px; margin: 0 auto; box-sizing: border-box; }
  body[data-widget="panel"][data-search-layout="vertical"] .new_f-form > .clearfix { gap: 4px !important; max-width: none !important; }
  body[data-widget="panel"][data-search-layout="vertical"] .new_f-form-field,
  body[data-widget="panel"][data-search-layout="vertical"] .new_f-form-field.to,
  body[data-widget="panel"][data-search-layout="vertical"] .new_f-form-field.from,
  body[data-widget="panel"][data-search-layout="vertical"] .new_f-form-field.date,
  body[data-widget="panel"][data-search-layout="vertical"] .new_f-form-field.duration,
  body[data-widget="panel"][data-search-layout="vertical"] .new_f-form-field.people {
    background: transparent !important; border: none !important; box-shadow: none !important;
    -webkit-backdrop-filter: none !important; backdrop-filter: none !important;
  }
  body[data-widget="panel"][data-search-layout="vertical"] .new_f-form .new_f-form-submit {
    flex: 0 0 auto !important; width: 100% !important; margin-top: 10px !important;
  }

  /* размытие страницы за окном + перехват кликов мимо окна (только слои
     формы: у карты/бронирования свои подложки) */
  html[class*="new_layer-open"]:not(.new_layer-open-map):not(.new_layer-open-book):not(.new_layer-open-ext) body[data-widget="panel"]::after {
    content: ''; position: fixed; inset: 0; z-index: 250;
    background: rgba(15, 23, 42, .12);
    -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px);
  }
}

/* мобильный: стеклянная карточка, поля — белые прямоугольники со скруглением */
@media (max-width: 760px) {
  body[data-widget="panel"] .new_f-form { padding: 14px !important; }
  body[data-widget="panel"] .new_f-form > .clearfix { padding: 0 !important; }
  /* карточка наполовину лежит на белом под hero: тёмная тонировка там
     становится серым блоком — на телефоне светлое «морозное» стекло */
  body[data-widget="panel"] .new_f-form::before {
    background: linear-gradient(160deg, rgba(255, 255, 255, .62), rgba(255, 255, 255, .42)) !important;
    border-color: rgba(255, 255, 255, .7) !important;
    box-shadow: 0 24px 50px -24px rgba(8, 18, 38, .4), 0 0 0 1px var(--hairline) !important;
  }
  body[data-widget="panel"] .new_f-ext-btn,
  body[data-widget="panel"] .new_f-ext-btn-text,
  body[data-widget="panel"] .new_f-ext-btn-filters-num { color: var(--ink) !important; text-shadow: none !important; }
  body[data-widget="panel"] .new_f-ext-btn::after { border-top-color: var(--ink) !important; }
  body[data-widget="panel"] .new_f-form-field,
  body[data-widget="panel"] .new_f-form-field.to {
    border-radius: min(var(--search-r), 14px) !important;
    border: 1px solid var(--hairline) !important;
    box-shadow: 0 2px 8px rgba(8, 18, 38, .06) !important;
  }
  body[data-widget="panel"] .new_f-form .new_f-form-submit { border-radius: min(var(--search-r), 14px) !important; }
  body[data-widget="panel"] .new_f-ext-btn { border: none !important; padding: 10px 14px 2px !important; }
  /* подложка секции не нужна — стекло несёт сама форма */
  body[data-widget="panel"] .search-section { background: none !important; }
  body[data-widget="panel"][data-search-mob="overlap"] .search-widget {
    background: transparent !important; border: none !important; box-shadow: none !important; padding: 0 !important;
  }
}

/* ── Выдача (оба стиля виджета, как у образца) — панель фильтров карточкой,
      валюта сегментами ── */
body[data-style] .new_r-panel {
  display: grid !important; grid-template-columns: 1fr auto !important;
  align-items: center !important; gap: 12px !important;
  background: #fff !important;
  border: 1px solid var(--hairline) !important;
  border-radius: var(--r-lg) !important;
  box-shadow: var(--shadow-sm) !important;
  padding: 12px 16px !important; margin: 0 0 20px !important;
}
body[data-style] .new_r-panel::before,
body[data-style] .new_r-panel::after { content: none !important; display: none !important; }
body[data-style] .new_r-filters-container {
  grid-column: 1 !important; grid-row: 1 !important;
  display: flex !important; align-items: center !important; gap: 14px !important;
  width: auto !important; margin: 0 !important; position: static !important;
}
body[data-style] .new_r-filters-title {
  position: static !important; flex-shrink: 0 !important; white-space: nowrap !important;
  color: var(--muted) !important; font-size: 14px !important; font-weight: 600 !important;
}
body[data-style] .new_r-filters-count {
  display: inline-flex !important; align-items: center !important; justify-content: center !important;
  min-width: 18px !important; height: 18px !important; padding: 0 5px !important; margin-left: 2px !important;
  border-radius: 999px !important;
  background: var(--accent) !important; color: var(--on-accent, #fff) !important;
  font-size: 11px !important; font-weight: 700 !important;
}
body[data-style] .new_r-filters-values {
  display: flex !important; flex-wrap: wrap !important; align-items: center !important;
  gap: 8px !important; margin: 0 !important;
}
body[data-style] .new_r-filters-container .new_r-filter {
  display: inline-flex !important; align-items: center !important;
  height: 30px !important; box-sizing: border-box !important;
  padding: 0 12px !important; margin: 0 !important;
  background: var(--surface-2) !important;
  border: 1px solid var(--hairline) !important; border-radius: 999px !important;
  font-size: 13px !important;
}
body[data-style] .new_r-filters-container .new_r-filter,
body[data-style] .new_r-filters-container .new_r-filter-value { color: var(--ink) !important; font-weight: 600 !important; }
body[data-style] .new_r-filters-container .new_r-filter-label { color: var(--muted) !important; font-weight: 400 !important; margin-right: 4px !important; }
body[data-style] .new_r-filters-container .new_r-filter-reset {
  position: static !important; margin-left: 8px !important; cursor: pointer !important; color: var(--muted) !important;
}
body[data-style] .new_r-filters-container .new_r-filter-reset:hover { color: var(--accent-deep) !important; }
body[data-style] .new_r-filters-reset {
  margin: 0 !important; cursor: pointer !important;
  color: var(--muted) !important; font-size: 13px !important; font-weight: 600 !important;
}
body[data-style] .new_r-filters-reset:hover { color: var(--ink) !important; }
/* переключатель валюты — сегменты-пилюли */
body[data-style] .new_r-panel .new_r-currency-switch {
  grid-column: 2 !important; grid-row: 1 !important;
  position: static !important; margin: 0 !important; height: auto !important;
  display: flex !important; gap: 2px !important; padding: 3px !important;
  background: var(--surface-2) !important;
  border: 1px solid var(--hairline) !important; border-radius: 999px !important;
}
body[data-style] .new_r-panel .new_r-currency-switch label {
  display: flex !important; margin: 0 !important; padding: 0 !important; cursor: pointer !important;
}
body[data-style] .new_r-panel .new_r-currency-switch input { display: none !important; }
body[data-style] .new_r-panel .new_r-currency-switch label span {
  display: flex !important; align-items: center !important; justify-content: center !important;
  min-width: 38px !important; height: 26px !important; padding: 0 10px !important; box-sizing: border-box !important;
  border: none !important; border-radius: 999px !important; box-shadow: none !important;
  background: transparent !important; color: var(--muted) !important;
  font-size: 13px !important; font-weight: 600 !important; line-height: 1 !important;
}
body[data-style] .new_r-panel .new_r-currency-switch label input:checked + span {
  background: var(--accent) !important; color: var(--on-accent, #fff) !important;
}
/* карточки: рамка-волосок, имя отеля жирным, гео без подчёркивания, иконки — акцент */
body[data-style] .new_r-item { border: 1px solid var(--hairline) !important; }
body[data-style] .new_r-item-hotel { color: var(--ink) !important; font-weight: 700 !important; }
body[data-style] .new_r-item-geo,
body[data-style] .new_r-item-geo * { color: var(--muted) !important; text-decoration: none !important; }
body[data-style] .new_r-item-geo span { font-weight: 700 !important; color: var(--ink) !important; }
body[data-style] .new_r-item-geo span::after { background-color: transparent !important; }
body[data-style] .new_r-item svg path { fill: var(--accent) !important; }
body[data-style] .new_r-item-price { border-radius: 999px !important; margin-right: 14px !important; box-shadow: none !important; }
body[data-style] .new_r-show-more-results { border-radius: min(var(--search-r), 14px) !important; }

/* ── Горящие туры «Карточки» — body[data-hot="cards"] (отдельная настройка
      «Дизайн → Вид горящих туров», не зависит от стиля виджета):
      фото сверху, имя + звёзды, строки с иконками, крупная цена текстом. Обёртки img/body виджета — display:contents,
      чтобы гео с фото встало строкой в тело карточки (флекс-порядок). ── */
body[data-hot="cards"] .hot-block_euroblock .new-hot-tour-item {
  display: flex !important; flex-wrap: wrap !important; align-content: flex-start !important;
  height: auto !important; min-height: 0 !important;
  padding: 0 0 16px !important;
  border-radius: var(--r-lg) !important;
}
body[data-hot="cards"] .hot-block_euroblock .new-hot-tour-img-container,
body[data-hot="cards"] .hot-block_euroblock .new-hot-tour-body { display: contents !important; }
body[data-hot="cards"] .hot-block_euroblock .new-hot-tour-img-container > div {
  order: 0; flex: 0 0 100% !important; position: relative !important;
  height: 190px !important; overflow: hidden !important; margin-bottom: 14px !important;
}
body[data-hot="cards"] .hot-block_euroblock .new-hot-tour-img-container img {
  position: absolute !important; inset: 0 !important;
  width: 100% !important; height: 100% !important; object-fit: cover !important;
  transform: none !important; /* виджет центрирует фото translate(-50%,-50%) */
  transition: transform .4s ease !important;
}
body[data-hot="cards"] .hot-block_euroblock .new-hot-tour-item:hover img { transform: scale(1.04) !important; }
body[data-hot="cards"] .hot-block_euroblock .new-hot-tour-name {
  order: 1; flex: 0 1 auto !important; max-width: calc(100% - 96px) !important;
  padding: 0 0 0 16px !important; margin: 0 0 6px !important;
  font-size: 17px !important; font-weight: 700 !important; color: var(--ink) !important;
  white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important;
}
body[data-hot="cards"] .hot-block_euroblock .new-hot-tour-stars {
  order: 2; flex: 0 0 auto !important; display: flex !important; align-items: center !important;
  gap: 1px !important; height: 21px !important; margin: 0 0 6px 8px !important; padding: 0 !important;
}
body[data-hot="cards"] .hot-block_euroblock .new-hot-tour-stars > span {
  width: 12px !important; height: 12px !important; margin: 0 !important;
  background: var(--accent) !important;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l3 6.9 7.5.7-5.7 5 1.7 7.4L12 18.1 5.5 22l1.7-7.4-5.7-5 7.5-.7z'/%3E%3C/svg%3E") no-repeat center / contain;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l3 6.9 7.5.7-5.7 5 1.7 7.4L12 18.1 5.5 22l1.7-7.4-5.7-5 7.5-.7z'/%3E%3C/svg%3E") no-repeat center / contain;
}
/* строки: гео / дата / вылет / питание — иконка слева цветом акцента */
body[data-hot="cards"] .hot-block_euroblock .new-hot-tour-img-geo,
body[data-hot="cards"] .hot-block_euroblock .new-hot-tour-date,
body[data-hot="cards"] .hot-block_euroblock .new-hot-tour-from,
body[data-hot="cards"] .hot-block_euroblock .new-hot-tour-food {
  flex: 0 0 100% !important; box-sizing: border-box !important;
  position: relative !important; inset: auto !important;
  display: block !important; height: auto !important; width: auto !important;
  padding: 3px 16px 3px 42px !important; margin: 0 !important;
  background: none !important; border-radius: 0 !important; box-shadow: none !important;
  font-size: 14px !important; line-height: 1.35 !important; font-weight: 500 !important;
  color: var(--muted) !important; text-transform: none !important;
  white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important;
}
body[data-hot="cards"] .hot-block_euroblock .new-hot-tour-img-geo { order: 3; color: var(--ink) !important; font-weight: 600 !important; }
body[data-hot="cards"] .hot-block_euroblock .new-hot-tour-date { order: 4; }
body[data-hot="cards"] .hot-block_euroblock .new-hot-tour-from { order: 5; }
body[data-hot="cards"] .hot-block_euroblock .new-hot-tour-food { order: 6; }
body[data-hot="cards"] .hot-block_euroblock .new-hot-tour-img-geo::before,
body[data-hot="cards"] .hot-block_euroblock .new-hot-tour-date::before,
body[data-hot="cards"] .hot-block_euroblock .new-hot-tour-from::before,
body[data-hot="cards"] .hot-block_euroblock .new-hot-tour-food::before {
  content: '' !important; display: block !important;
  position: absolute !important; left: 17px !important; top: 50% !important;
  width: 15px !important; height: 15px !important; margin-top: -7.5px !important;
  background: var(--accent) !important;
  -webkit-mask: var(--hot-ico) no-repeat center / contain;
          mask: var(--hot-ico) no-repeat center / contain;
}
body[data-hot="cards"] .hot-block_euroblock .new-hot-tour-img-geo { --hot-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C8.1 2 5 5.1 5 9c0 5.2 7 13 7 13s7-7.8 7-13c0-3.9-3.1-7-7-7zm0 9.5a2.5 2.5 0 1 1 0-5 2.5 2.5 0 0 1 0 5z'/%3E%3C/svg%3E"); }
body[data-hot="cards"] .hot-block_euroblock .new-hot-tour-date { --hot-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 2h2v2h6V2h2v2h2a2 2 0 0 1 2 2v13a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2V2zM5 9v10h14V9H5z'/%3E%3C/svg%3E"); }
body[data-hot="cards"] .hot-block_euroblock .new-hot-tour-from { --hot-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21 16v-2l-8-5V3.5a1.5 1.5 0 0 0-3 0V9l-8 5v2l8-2.5V19l-2 1.5V22l3.5-1 3.5 1v-1.5L13 19v-5.5l8 2.5z'/%3E%3C/svg%3E"); }
body[data-hot="cards"] .hot-block_euroblock .new-hot-tour-food { --hot-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 2h1.6v6.5h1V2h1.6v6.5h1V2h1.6v7.5c0 1.4-1 2.6-2.4 2.9V22H9.4v-9.6A3 3 0 0 1 7 9.5V2zm10 0c1.7 0 3 2.5 3 6.2 0 2.3-.9 4-2.2 4.6V22h-2.4V2.3c.5-.2 1-.3 1.6-.3z'/%3E%3C/svg%3E"); }
/* цена — крупный текст, без плашки; подпись «pe persoană» рядом */
body[data-hot="cards"] .hot-block_euroblock .new-hot-tour-price {
  order: 7; flex: 0 0 100% !important; box-sizing: border-box !important;
  position: static !important; inset: auto !important;
  display: flex !important; align-items: baseline !important; gap: 10px !important;
  padding: 8px 16px 0 !important; margin: 0 !important;
  background: none !important; border-radius: 0 !important; box-shadow: none !important;
}
body[data-hot="cards"] .hot-block_euroblock .new-hot-tour-price::before,
body[data-hot="cards"] .hot-block_euroblock .new-hot-tour-price::after { display: none !important; }
body[data-hot="cards"] .hot-block_euroblock .new-hot-tour-price-value,
body[data-hot="cards"] .hot-block_euroblock .new-hot-tour-price-value * {
  color: var(--brand) !important; font-size: 22px !important; font-weight: 800 !important;
  letter-spacing: -0.01em !important; line-height: 1.1 !important;
}
body[data-hot="cards"] .hot-block_euroblock .new-hot-tour-price-desc {
  color: var(--muted-2) !important; font-size: 13px !important; font-weight: 500 !important;
}

/* ── Страница тура (оба стиля виджета) — блоки карточками, вкладки-пилюли под шапкой
      отеля. Виджет показывает/прячет контейнер инлайном display:block/none —
      флекс включаем только поверх показанного, иначе пустой тур всплывёт. ── */
body[data-style] .new_t-container {
  background: transparent !important; box-shadow: none !important; border-radius: 0 !important;
  padding-top: 0 !important;
}
body[data-style] .new_t-container[style*="block"] { display: flex !important; flex-direction: column !important; }
body[data-style] .new_t-menu-back { order: 0; }
body[data-style] .new_t-header { order: 1; }
body[data-style] .new_t-menu-wrap { order: 2; }
body[data-style] .new_t-content { order: 3; }
body[data-style] .new_t-similar-viewed { order: 4; }
body[data-style] .new_t-order-book-modal { order: 5; }
/* карточки: «назад», шапка отеля, контент вкладки */
body[data-style] .new_t-menu-back,
body[data-style] .new_t-header,
body[data-style] .new_t-content {
  background: #fff !important;
  border: 1px solid var(--hairline) !important;
  border-radius: var(--r-lg) !important;
  box-shadow: var(--shadow-sm) !important;
}
body[data-style] .new_t-menu-back {
  display: flex !important; align-items: center !important; justify-content: space-between !important;
  padding: 12px 16px !important; margin: 0 0 16px !important;
}
body[data-style] .new_t-menu-back-link { font-weight: 600 !important; text-decoration: none !important; }
body[data-style] .new_t-header { padding: 20px !important; margin: 0 0 18px !important; }
/* ⚠ без overflow:hidden на .new_t-header-gallery-container: мобильная галерея
   (owl) в нём абсолютная, а сам контейнер нулевой высоты — обрезалась целиком */
body[data-style] .new_t-header img,
body[data-style] .new_t-header .owl-stage-outer { border-radius: var(--r-md) !important; }
body[data-style] .new_t-header-geo,
body[data-style] .new_t-header-geo a,
body[data-style] .new_t-header-geo * { color: var(--muted) !important; text-decoration: none !important; }
body[data-style] .new_t-header-geo::after { background-color: transparent !important; }
body[data-style] .new_t-header svg,
body[data-style] .new_t-header svg path,
body[data-style] .new_t-tour-tab-col-1 svg,
body[data-style] .new_t-tour-tab-col-1 svg path { fill: var(--accent) !important; }
/* итог «Total» — цветом текста: светлый акцент (жёлтый) на белом не читается */
body[data-style] .new_t-order-price,
body[data-style] .new_t-order-price *,
body[data-style] .new_t-order-price .currency { color: var(--ink) !important; font-weight: 800 !important; }
body[data-style] .new_t-content { padding: 20px !important; }
/* вкладки — пилюли по центру, активная цветом CTA */
body[data-style] .new_t-menu-wrap { margin: 0 0 18px !important; }
body[data-style] .new_t-menu-wrap::after,
body[data-style] .new_t-menu-item::after,
body[data-style] .new_t-menu-item.selected::after { content: none !important; display: none !important; }
body[data-style] .new_t-menu {
  display: flex !important; justify-content: center !important; gap: 6px !important;
  border-bottom: none !important;
}
body[data-style] .new_t-menu-item {
  display: flex !important; align-items: center !important; justify-content: center !important;
  height: 46px !important; box-sizing: border-box !important; padding: 0 22px !important;
  border: none !important; border-radius: min(var(--search-r), 14px) !important;
  background: transparent !important; color: var(--muted) !important;
  font-weight: 600 !important;
  transition: background .15s ease, color .15s ease !important;
}
body[data-style] .new_t-menu-item:hover { background: var(--surface-3) !important; color: var(--ink) !important; }
body[data-style] .new_t-menu-item.selected,
body[data-style] .new_t-menu-item.selected:hover {
  background: var(--cta-bg, var(--accent)) !important; color: var(--on-accent, #fff) !important;
  box-shadow: var(--shadow-accent) !important;
}
/* таблица деталей: каждая строка — отдельная скруглённая карточка */
body[data-style] .new_t-tour-tab-table {
  border: 1px solid var(--hairline) !important;
  border-radius: var(--r-md) !important; overflow: hidden !important;
  box-shadow: var(--shadow-xs) !important;
}
body[data-style] .new_t-tour-tab-col-1 { background: #fff !important; border: none !important; border-radius: 0 !important; }
body[data-style] .new_t-tour-tab-col-2 { border: none !important; border-radius: 0 !important; }
body[data-style] .new_t-important,
body[data-style] .new_t-important * { color: var(--ink) !important; font-weight: 700 !important; }
body[data-style] .new_t-change-btn,
body[data-style] .new_t-change-btn > span { color: var(--muted) !important; }
body[data-style] .new_t-order-btn {
  border-radius: min(var(--search-r), 14px) !important;
  box-shadow: var(--shadow-accent) !important;
}
@media (max-width: 479px) {
  body[data-style] .new_t-container { padding-left: 0 !important; padding-right: 0 !important; }
  body[data-style] .new_t-menu { justify-content: flex-start !important; }
  body[data-style] .new_t-header,
  body[data-style] .new_t-content { padding: 14px !important; }
}

/* ── Список стран и курортов в «Destinație» (оба стиля виджета; body[data-style]
      есть у каждого собранного сайта — та же специфичность, что у [data-widget]) —
      строки 52px с флагом (span.cr-flag вставляет site.js по ISO страны),
      стрелка «вглубь», выбранная страна — мягкая заливка акцентом. ── */
/* картинку site.js кладёт в --flag: общее правило активного пункта
   (#cntList×3 … .active a * / :hover * { background: transparent }) гасило бы её */
body[data-style] #cntList#cntList#cntList .ui-menu-item .ui-corner-all .cr-flag {
  flex: 0 0 auto; width: 36px; height: 26px; margin-right: 14px;
  background: var(--flag) center / 34px auto no-repeat, #fff !important;
  border-radius: 6px;
  box-shadow: 0 1px 4px rgba(8, 18, 38, .14);
}
body[data-style] #cntList li[data-type="country"] .label {
  display: flex !important; align-items: center !important; min-width: 0;
}
body[data-style] #cntList li[data-type="country"] .label b {
  font-weight: 600 !important; color: var(--ink) !important;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
/* «Țări» над странами не нужен — флаги и так говорят, что это страны
   (подзаголовки «Stațiuni»/«Hotele» в результатах поиска остаются) */
body[data-style] #cntList li.type-item:has(+ li[data-type="country"]) { display: none !important; }

@media (min-width: 761px) {
  /* поле поиска вверху окна — серая пилюля без каретки */
  html.new_layer-open-to body[data-widget="panel"] #new_os-to > .new_f-dropdown-btn .cnt,
  html.new_layer-open-to body[data-widget="panel"] #new_os-to > .new_f-dropdown-btn::after { display: none !important; }
  html.new_layer-open-to body[data-widget="panel"] #new_os-to > .new_f-dropdown-btn .new_f-autocomplete-input,
  html.new_layer-open-to body[data-widget="panel"] #new_os-to > .new_f-dropdown-btn .new_input-mask {
    padding: 0 22px !important; font-size: 15px !important; background: transparent !important;
  }
  /* список стран — на всю высоту колонки (база капает ul по высоте) */
  body[data-style] #new_os-to #cntList { overflow: auto !important; padding: 0 !important; }
  body[data-style] #new_os-to #cntList > ul { max-height: none !important; height: auto !important; overflow: visible !important; }
  body[data-widget="panel"] #new_os-to .listsWrap { padding: 80px 0 0 !important; }
  /* классика: окно под полем без фиксированной высоты — список стран ограничиваем сами */
  body[data-style]:not([data-widget="panel"]) #new_os-to #cntList { max-height: 420px !important; }
  body[data-style] #cntList#cntList#cntList li[data-type="country"] .ui-corner-all {
    position: relative !important;
    height: 52px !important; min-height: 52px !important;
    margin: 0 !important; padding: 0 40px 0 22px !important;
    border-radius: 0 !important; font-size: 16px !important;
  }
  /* стрелка «▸» — у выбранной страны «◂» (её курорты открыты справа) */
  body[data-style] #cntList#cntList#cntList li[data-type="country"] .ui-corner-all::after {
    content: '' !important; position: absolute; right: 18px; top: 50%;
    width: 0; height: 0; margin-top: -5px;
    border-style: solid; border-width: 5px 0 5px 6px;
    border-color: transparent transparent transparent var(--muted-2);
  }
  body[data-style] #cntList#cntList#cntList li[data-type="country"].active .ui-corner-all {
    background: var(--accent-soft) !important;
  }
  body[data-style] #cntList#cntList#cntList li[data-type="country"].active .ui-corner-all::after {
    border-width: 5px 6px 5px 0; border-color: transparent var(--ink) transparent transparent;
  }
  body[data-style] #cntList#cntList#cntList li[data-type="country"].active .ui-corner-all *,
  body[data-style] #cntList#cntList#cntList li[data-type="country"] .ui-state-focus * { color: var(--ink) !important; }

  /* курорты: крупные строки, чекбокс цветом акцента */
  body[data-style] #new_os-to #ctyList .ctyLists-wrapper { padding: 8px 10px !important; }
  body[data-style] #ctyList#ctyList li { height: auto !important; } /* база: height 22px */
  body[data-style] #ctyList#ctyList li label { padding: 0 14px !important; min-height: 48px !important; }
  body[data-style] #ctyList#ctyList .labelName { font-size: 16px !important; font-weight: 600 !important; }
  body[data-style] #ctyList input[type="checkbox"]:checked + *::before {
    background-color: var(--accent) !important; border-color: var(--accent) !important;
  }
  body[data-style] #ctyList input[type="checkbox"] + *::before { border-radius: 5px !important; }
  /* кнопки «Anulare / OK» — две крупные пилюли на всю ширину колонки */
  body[data-style] #new_os-to #ctyList .new_f-dropdown-body-bottom {
    border-top: none !important; padding: 12px 16px 16px !important; gap: 10px !important;
    flex-wrap: nowrap !important;
  }
  body[data-style] #new_os-to #ctyList .new_f-dropdown-body-bottom > * {
    flex: 1 1 0 !important; min-height: 50px !important; border-radius: 999px !important; font-size: 16px !important;
  }
  body[data-style] #new_os-to #ctyList .new_f-dropdown-btn-cancel { background: var(--surface-3) !important; color: var(--ink) !important; }
  body[data-style] #new_os-to #ctyList .new_f-dropdown-btn-apply { box-shadow: none !important; }
  /* ✕ окна — кружок с рамкой */
  body[data-style] .new_f-dropdown-body-close {
    width: 36px !important; height: 36px !important;
    border: 1px solid var(--hairline-2) !important; color: var(--ink) !important; font-size: 20px !important;
  }
  body[data-style] .new_f-dropdown-body-close:hover { background: var(--accent-soft) !important; border-color: var(--accent) !important; }
  body[data-style] #new_os-to .new_f-dropdown-body-top { font-size: 20px !important; padding: 0 20px !important; height: 58px !important; box-sizing: border-box !important; }
}

/* ── Окна «Plecare din» / «Perioada» / «Durată» / «Persoane» (оба стиля) как у
      образца — иконка в шапке, высокие строки, поиск, степпер, кнопка-пилюля.
      Элементы .cr-* добавляет site.js (panelPickers), родные узлы не трогает. ── */
body[data-style] .new_f-dropdown-body-top { justify-content: flex-start !important; gap: 10px; }
body[data-style] .new_f-dropdown-body-top .new_f-dropdown-body-close { margin-left: auto !important; }
body[data-style] .new_f-form-field.from .new_f-dropdown-body-top::before,
body[data-style] .new_f-dropdown-body-date .new_f-dropdown-body-top::before,
body[data-style] .new_f-form-field.duration .new_f-dropdown-body-top::before,
body[data-style] #new_os-people .new_f-dropdown-body-top::before {
  content: '' !important; display: block !important; flex: 0 0 auto;
  width: 18px; height: 18px; background: var(--ink);
  -webkit-mask: var(--hdr-ico) no-repeat center / contain;
          mask: var(--hdr-ico) no-repeat center / contain;
}
body[data-style] .new_f-form-field.from { --hdr-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C8.1 2 5 5.1 5 9c0 5.2 7 13 7 13s7-7.8 7-13c0-3.9-3.1-7-7-7zm0 9.5a2.5 2.5 0 1 1 0-5 2.5 2.5 0 0 1 0 5z'/%3E%3C/svg%3E"); }
body[data-style] .new_f-dropdown-body-date { --hdr-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 2h2v2h6V2h2v2h2a2 2 0 0 1 2 2v13a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2V2zM5 9v10h14V9H5z'/%3E%3C/svg%3E"); }
body[data-style] .new_f-form-field.duration { --hdr-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20zm0 18a8 8 0 1 1 0-16 8 8 0 0 1 0 16zm1-13h-2v6l5 3 1-1.7-4-2.3V7z'/%3E%3C/svg%3E"); }
body[data-style] #new_os-people { --hdr-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8zm0 2c-3.3 0-7 1.7-7 4v2h14v-2c0-2.3-3.7-4-7-4zm8-2a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm1.3 2.1c1.6.7 2.7 1.8 2.7 3.4V20h2v-2.5c0-1.8-2-3-4.7-3.4z'/%3E%3C/svg%3E"); }

/* «Plecare din» / «Durată»: высокие строки, выбранная — мягкая заливка акцентом.
   display:block — во флексе пропадали пробелы между «6-8» «nopți» «/ 7-9 zile» */
body[data-style] .new_f-form-field.from .new_f-dropdown-list,
body[data-style] .new_f-form-field.duration .new_f-dropdown-list { padding: 4px 0 !important; }
body[data-style] .new_f-form-field.from .new_f-dropdown-item,
body[data-style] .new_f-form-field.duration .new_f-dropdown-item {
  display: block !important; height: auto !important; min-height: 0 !important;
  margin: 0 !important; padding: 0 26px !important; border-radius: 0 !important;
  line-height: 50px !important; font-size: 15px !important; font-weight: 500 !important;
  color: var(--ink) !important; white-space: nowrap !important; overflow: hidden; text-overflow: ellipsis;
}
body[data-style] .new_f-form-field.from .new_f-dropdown-item:hover,
body[data-style] .new_f-form-field.duration .new_f-dropdown-item:hover { background: var(--surface-2) !important; color: var(--ink) !important; }
body[data-style] .new_f-form-field.from .new_f-dropdown-item.selected,
body[data-style] .new_f-form-field.duration .new_f-dropdown-item.selected {
  background: var(--accent-soft) !important; color: var(--ink) !important; font-weight: 700 !important;
}
body[data-style] .new_f-form-field.duration .new_f-dropdown-item > span:first-child { font-weight: 700 !important; }
body[data-style] .new_f-form-field.duration .new_f-duration-days,
body[data-style] .new_f-form-field.duration .new_f-duration-days * { color: var(--muted-2) !important; font-weight: 500 !important; }
/* поиск по городам */
body[data-style] .cr-filter {
  display: block; box-sizing: border-box;
  width: calc(100% - 40px); height: 50px; margin: 16px 20px 6px; padding: 0 22px;
  border: 1px solid var(--hairline-2); border-radius: 999px;
  background: var(--surface-2); color: var(--ink);
  font: 500 15px var(--font-form, var(--font)); outline: none;
}
body[data-style] .cr-filter:focus { border-color: var(--accent); background: #fff; }
body[data-style] .cr-filter::placeholder { color: var(--muted-2); }
/* кнопка подтверждения внизу окна */
body[data-style] .cr-apply {
  display: block; box-sizing: border-box;
  width: calc(100% - 40px); height: 52px; margin: 10px 20px 20px;
  border: none; border-radius: 999px; cursor: pointer;
  background: var(--cta-bg, var(--accent)); color: var(--on-accent, #fff);
  font: 700 16px var(--font-form, var(--font));
  transition: background .15s ease;
}
body[data-style] .cr-apply:hover { background: var(--cta-bg-hover, var(--accent-deep)); }
/* телефон: полноэкранный список виджета абсолютный (top:44px) и ложится поверх
   поиска, а тап по строке и так сразу применяет выбор — поиск и кнопку прячем */
@media (max-width: 760px) {
  body[data-style] .cr-filter,
  body[data-style] .cr-apply { display: none !important; }
}
@media (min-width: 761px) {
  body[data-widget="panel"] .new_f-form-field.from .new_f-dropdown-body,
  body[data-widget="panel"] .new_f-form-field.duration .new_f-dropdown-body { width: 460px !important; }
  body[data-style] .new_f-form-field.from .new_f-dropdown-list,
  body[data-style] .new_f-form-field.duration .new_f-dropdown-list { max-height: min(400px, calc(86vh - 220px)) !important; }
  /* классика: окно под полем — шире поля, чтобы влезли поиск и строки */
  body[data-style] .new_f-form-field.from .new_f-dropdown-body,
  body[data-style] .new_f-form-field.duration .new_f-dropdown-body,
  body[data-style] .new_f-form-field.people .new_f-dropdown-body { min-width: 300px !important; }
  body[data-style] #new_os-to .new_f-dropdown-body { min-width: 360px !important; }
}

/* «Persoane»: степпер «− N +» вместо ряда 1…8 (ряд скрыт, клики идут в него) */
body[data-style] #new_os-people .new_f-people-list,
body[data-style] .new_t-change-people-dropdown .new_f-people-list { display: none !important; }
body[data-style] .new_t-change-people-dropdown .new_f-people-title,
body[data-style] #new_os-people .new_f-people-title { font-weight: 700 !important; color: var(--ink) !important; font-size: 14px !important; }
body[data-style] .cr-stepper {
  display: flex; align-items: center; justify-content: space-between;
  margin: 12px 0 20px;
}
body[data-style] .cr-step {
  width: 46px; height: 46px; border-radius: 50%; border: none; cursor: pointer;
  background: var(--cta-bg, var(--accent)); color: var(--on-accent, #fff);
  font: 700 22px/1 var(--font-form, var(--font));
  display: flex; align-items: center; justify-content: center;
  box-shadow: var(--shadow-accent);
}
body[data-style] .cr-step:disabled { opacity: .35; cursor: default; box-shadow: none; }
body[data-style] .cr-step-val { font: 700 22px var(--font-form, var(--font)); color: var(--ink); }
body[data-style] .new_t-change-people-dropdown .new_f-children-accordion-btn,
body[data-style] #new_os-people .new_f-children-accordion-btn {
  display: flex !important; align-items: center !important; justify-content: center !important;
  height: 48px !important; border-radius: 999px !important;
  background: var(--surface-2) !important; border: 1px solid var(--hairline) !important;
  color: var(--ink) !important; font-weight: 600 !important; cursor: pointer;
}
body[data-style] #new_os-people .new_f-dropdown-list,
body[data-style] .new_t-change-people-dropdown .new_f-dropdown-list { padding: 18px 22px 8px !important; }
body[data-style] .new_t-change-people-dropdown .new_f-dropdown-body-bottom,
body[data-style] #new_os-people .new_f-dropdown-body-bottom { border-top: none !important; padding: 8px 22px 22px !important; gap: 10px !important; flex-wrap: nowrap !important; }
body[data-style] .new_t-change-people-dropdown .new_f-dropdown-body-bottom > *,
body[data-style] #new_os-people .new_f-dropdown-body-bottom > * {
  flex: 1 1 0 !important; min-height: 50px !important; border-radius: 999px !important; font-size: 16px !important;
}
body[data-style] .new_t-change-people-dropdown .new_f-dropdown-btn-cancel,
body[data-style] #new_os-people .new_f-dropdown-btn-cancel { background: var(--surface-3) !important; color: var(--ink) !important; }
body[data-style] .new_t-change-people-dropdown .new_f-dropdown-btn-apply,
body[data-style] #new_os-people .new_f-dropdown-btn-apply { box-shadow: none !important; font-weight: 700 !important; }

/* Календарь дат (оба стиля) как у образца — без серых клеток, полосы между
   месяцами и «стрелок» на крайних датах. Серый фон виджет давал дням, на
   которые есть туры (td.new_ceil-tours-exists) — вместо заливки они жирные,
   дни без туров приглушены. #ui-datepicker-div в селекторе обязателен:
   базовые правила темы/виджета держат 3 id. */
@media (min-width: 761px) {
  body[data-widget="panel"] .new_f-form-field.date .new_f-dropdown-body { width: 660px !important; }
  body[data-style] #new_f-dates-container#new_f-dates-container .dp-container { padding: 6px 10px 14px !important; }
  body[data-style] #new_f-dates-container#new_f-dates-container #ui-datepicker-div { width: 100% !important; box-sizing: border-box !important; }
  body[data-style] #new_f-dates-container#new_f-dates-container #ui-datepicker-div::after { display: none !important; }
  body[data-style] #new_f-dates-container#new_f-dates-container #ui-datepicker-div .ui-datepicker-group {
    width: 50% !important; box-sizing: border-box !important; padding: 6px 14px 4px !important;
    margin: 0 !important; /* база: margin-right 6px у первого — второй месяц падал вниз */
  }
  body[data-style] #new_f-dates-container#new_f-dates-container #ui-datepicker-div .ui-datepicker-title {
    color: var(--ink) !important; font-size: 15px !important; font-weight: 700 !important; text-transform: capitalize !important;
  }
  body[data-style] #new_f-dates-container#new_f-dates-container #ui-datepicker-div .ui-datepicker-calendar {
    width: 100% !important; border-collapse: separate !important; border-spacing: 2px 3px !important;
  }
  body[data-style] #new_f-dates-container#new_f-dates-container #ui-datepicker-div .ui-datepicker-calendar th {
    color: var(--muted-2) !important; font-size: 11px !important; font-weight: 600 !important; padding: 4px 0 6px !important;
  }
  body[data-style] #new_f-dates-container#new_f-dates-container #ui-datepicker-div .ui-datepicker-calendar td {
    border: none !important; border-radius: 10px !important; height: 36px !important;
  }
  body[data-style] #new_f-dates-container#new_f-dates-container #ui-datepicker-div .ui-datepicker-calendar td:not(.ui-state-highlight):not(.ui-state-active):not(:hover) {
    background: transparent !important;
  }
  body[data-style] #new_f-dates-container#new_f-dates-container #ui-datepicker-div .ui-datepicker-calendar td::before,
  body[data-style] #new_f-dates-container#new_f-dates-container #ui-datepicker-div .ui-datepicker-calendar td::after { display: none !important; }
  body[data-style] #new_f-dates-container#new_f-dates-container #ui-datepicker-div .ui-datepicker-calendar td a,
  body[data-style] #new_f-dates-container#new_f-dates-container #ui-datepicker-div .ui-datepicker-calendar td span {
    height: 36px !important; line-height: 36px !important; padding: 0 !important;
    font-size: 14px !important; font-weight: 500 !important; color: var(--muted-2) !important;
    border: none !important; border-radius: 10px !important;
  }
  body[data-style] #new_f-dates-container#new_f-dates-container #ui-datepicker-div .ui-datepicker-calendar td.new_ceil-tours-exists a { color: var(--ink) !important; font-weight: 700 !important; }
  body[data-style] #new_f-dates-container#new_f-dates-container #ui-datepicker-div .ui-datepicker-calendar td.ui-state-active a { color: var(--on-accent, #fff) !important; }
}

/* Подсказка над днём без туров: виджет зашил текст по-русски прямо в CSS
   (form.css, content: 'Нет туров на эту дату') для всех языков. Переводим
   по <html lang> и оформляем в стиле сайта (оба стиля виджета). */
@media (min-width: 479px) {
  body[data-style] .new_ceil-no-tours:hover a::before {
    top: auto !important; bottom: calc(100% + 7px) !important;
    left: 50% !important; transform: translateX(-50%);
    height: auto !important; padding: 6px 10px !important;
    background: var(--ink) !important; color: #fff !important;
    border-radius: 8px !important; box-shadow: 0 8px 20px -8px rgba(8, 18, 38, .45);
    font: 600 12px/1.2 var(--font-form, var(--font)) !important;
    z-index: 5 !important; pointer-events: none;
  }
  body[data-style] .new_ceil-no-tours:hover a::after {
    top: auto !important; bottom: calc(100% + 2px) !important;
    border-color: var(--ink) transparent transparent transparent !important; z-index: 5 !important;
  }
  html:lang(ro) body[data-style] .new_ceil-no-tours:hover a::before { content: 'Nu există oferte pentru această dată' !important; }
  html:lang(uk) body[data-style] .new_ceil-no-tours:hover a::before { content: 'Немає турів на цю дату' !important; }
  html:lang(en) body[data-style] .new_ceil-no-tours:hover a::before { content: 'No tours on this date' !important; }
}

/* «Schimbă» туристов на странице тура: виджет рисует .new_t-change-people-dropdown
   полноэкранной подложкой, а карточка — внутренняя .new_f-dropdown-body-wrap.
   Общее правило .new_f-dropdown-body { background:#fff } делало подложку белой
   на всю страницу. Десктоп: подложка — затемнение с размытием, карточка — по
   центру (телефон — шторка снизу, блок ≤760 выше). Тур на время окна — над
   формой (тот же стековый контекст, что у карты/модалок тура). */
.new_t-container:has(.new_t-change-people-dropdown[style*="block"]) { z-index: 31 !important; }
@media (min-width: 761px) {
  html body[data-style] .new_t-change-btn .new_f-dropdown-body.new_t-change-people-dropdown {
    background: rgba(15, 23, 42, .45) !important;
    -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px);
    border: none !important; border-radius: 0 !important; box-shadow: none !important;
    overflow: visible !important; cursor: default;
  }
  html body[data-style] .new_t-change-people-dropdown > .new_f-dropdown-body-wrap {
    position: absolute !important; top: 50% !important; left: 50% !important;
    transform: translate(-50%, -50%);
    width: 380px !important; max-width: 92vw !important; height: auto !important;
    background: #fff !important; border-radius: 20px !important; overflow: hidden !important;
    box-shadow: 0 30px 80px -24px rgba(8, 18, 38, .55) !important;
    text-align: left !important; white-space: normal !important;
    padding: 0 !important; /* база: 56/53px под абсолютные шапку и низ */
  }
  html body[data-style] .new_t-change-people-dropdown .new_f-dropdown-body-top { position: static !important; }
  html body[data-style] .new_t-change-people-dropdown .new_f-dropdown-body-top {
    font-size: 17px !important; font-weight: 700 !important; padding: 16px 20px !important; color: var(--ink) !important;
  }
  html body[data-style] .new_t-change-people-dropdown .new_f-dropdown-list,
  html body[data-style] .new_t-change-people-dropdown .new_f-dropdown-body-bottom { position: static !important; height: auto !important; }
}
/* текст окна — цветом текста: правило «Schimbă» (.new_t-change-btn *) красило
   всё внутри в бренд; кнопка «Aplică» — цветом текста на акценте */
body[data-style] .new_t-change-people-dropdown .new_f-dropdown-body-wrap,
body[data-style] .new_t-change-people-dropdown .new_f-dropdown-body-wrap * { color: var(--ink) !important; }
body[data-style] .new_t-change-people-dropdown .new_f-dropdown-btn-apply,
body[data-style] .new_t-change-people-dropdown .new_f-dropdown-btn-apply *,
body[data-style] .new_t-change-people-dropdown .cr-step { color: var(--on-accent, #fff) !important; }
body[data-style] .new_t-change-people-dropdown .new_f-dropdown-body-top::before {
  content: '' !important; display: block !important; flex: 0 0 auto;
  width: 18px; height: 18px; background: var(--ink);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8zm0 2c-3.3 0-7 1.7-7 4v2h14v-2c0-2.3-3.7-4-7-4zm8-2a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm1.3 2.1c1.6.7 2.7 1.8 2.7 3.4V20h2v-2.5c0-1.8-2-3-4.7-3.4z'/%3E%3C/svg%3E") no-repeat center / contain;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8zm0 2c-3.3 0-7 1.7-7 4v2h14v-2c0-2.3-3.7-4-7-4zm8-2a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm1.3 2.1c1.6.7 2.7 1.8 2.7 3.4V20h2v-2.5c0-1.8-2-3-4.7-3.4z'/%3E%3C/svg%3E") no-repeat center / contain;
}
/* число степпера: span-ы внутри «Schimbă» виджет позиционирует абсолютно */
body[data-style] .new_t-change-btn .cr-stepper .cr-step-val {
  position: static !important; width: auto !important; height: auto !important;
  display: block !important; transform: none !important;
}

/* ── «Schimbă» в строках тура (туристы / даты / номер и питание) — кнопки-
      пилюли цветом CTA и шрифтом сайта, как остальные кнопки. Зона кнопки у
      виджета — абсолют 52px у правого края строки (overflow:hidden, текст
      внутри тоже абсолютный): на десктопе расширяем до 104px и освобождаем
      под неё место в строке; на телефоне — компактная пилюля. ── */
body[data-style] .new_t-change-btn {
  display: flex !important; align-items: center !important; justify-content: center !important;
  overflow: visible !important; border: none !important; background: transparent !important;
  cursor: pointer !important;
}
body[data-style] .new_t-change-btn > span:first-child {
  position: static !important; inset: auto !important; transform: none !important;
  display: inline-flex !important; flex-direction: row !important;
  align-items: center !important; justify-content: center !important; gap: 6px !important;
  width: auto !important; height: auto !important; margin: 0 !important;
  padding: 8px 14px !important;
  background: var(--cta-bg, var(--accent)) !important;
  color: var(--on-accent, #fff) !important;
  /* углы — в такт «Rezervă acum» (min(--search-r,14px)), пропорционально
     меньшей высоте кнопки: 0.6 → ≈8px; у «острых» сайтов — 0 */
  border-radius: calc(min(var(--search-r), 14px) * .6) !important;
  box-shadow: var(--shadow-accent) !important;
  font: 700 12.5px/1 var(--font-form, var(--font)) !important;
  white-space: nowrap !important; text-decoration: none !important;
  transition: background .15s ease, transform .15s ease !important;
}
body[data-style] .new_t-change-btn:hover > span:first-child {
  background: var(--cta-bg-hover, var(--accent-deep)) !important; text-decoration: none !important;
}
body[data-style] .new_t-change-btn > span:first-child::after { border-top-color: currentColor !important; margin-top: 1px !important; }
/* вид кнопки — настройка «Кнопки «Schimbă»» (branding.changeBtn → body[data-change-btn]):
   по умолчанию заливка; outline — контур цветом акцента; link — как было, текстом */
body[data-change-btn="outline"] .new_t-change-btn > span:first-child {
  background: transparent !important; color: var(--ink) !important;
  box-shadow: inset 0 0 0 1.5px var(--accent) !important;
}
body[data-change-btn="outline"] .new_t-change-btn:hover > span:first-child { background: var(--accent-soft) !important; }
body[data-change-btn="link"] .new_t-change-btn > span:first-child {
  background: transparent !important; color: var(--brand) !important; box-shadow: none !important;
  padding: 4px 6px !important; font-weight: 600 !important;
}
body[data-change-btn="link"] .new_t-change-btn:hover > span:first-child { background: transparent !important; text-decoration: underline !important; }
@media (min-width: 480px) {
  body[data-style] .new_t-change-btn { width: 104px !important; }
  body[data-style] .new_t-tour-tab-col-2 { padding-right: 112px !important; }
}
@media (max-width: 479px) {
  /* зона кнопки — угол строки-подписи: пилюля шире 52px вылезала за карточку */
  body[data-style] .new_t-change-btn { width: auto !important; left: auto !important; right: 8px !important; }
  body[data-style] .new_t-change-btn > span:first-child { padding: 6px 10px !important; font-size: 11.5px !important; }
}

/* ── Модалки тура «Schimbă» (даты, номер и питание) и бронирования (оба стиля):
      карточка по центру с размытием фона, высота по содержимому (у виджета
      окно растянуто top:60/bottom:60 — на ~780px, и большая часть пустая),
      шапка цветом CTA. Средняя часть у виджета абсолютная — возвращаем в поток,
      иначе при height:auto карточка схлопывается до шапки. ── */
@media (min-width: 480px) {
  html.new_modal-open body[data-style] .new_t-modal-wrap {
    -webkit-backdrop-filter: blur(5px) saturate(130%); backdrop-filter: blur(5px) saturate(130%);
    background: rgba(15, 23, 42, .45) !important;
  }
  html.new_modal-open body[data-style] .new_t-modal-body {
    position: fixed !important; top: 50% !important; left: 50% !important;
    right: auto !important; bottom: auto !important;
    transform: translate(-50%, -50%) !important;
    width: 480px !important; max-width: calc(100vw - 40px) !important;
    height: auto !important; max-height: min(600px, calc(100vh - 40px)) !important;
    min-width: 0 !important; margin: 0 !important; padding: 0 !important;
    display: flex !important; flex-direction: column !important;
    overflow: hidden !important;
    border-radius: 20px !important; border: none !important;
    box-shadow: 0 30px 80px -24px rgba(8, 18, 38, .55) !important;
    background: #fff !important;
  }
  html.new_modal-open-food body[data-style] .new_t-modal-body { width: 600px !important; }
  /* окно дат — таблица цен по датам, шире; скрытые блоки виджет держит в DOM
     с инлайн display:none — ориентируемся на него */
  html.new_modal-open body[data-style] .new_t-modal-body:has(> .new_t-modal-body-item.date:not([style*="none"])) { width: 860px !important; }
  html.new_modal-open body[data-style] .new_t-modal-body-item[style*="block"],
  html.new_modal-open body[data-style] .new_t-modal-body-item.food {
    display: flex; flex-direction: column; min-height: 0; flex: 1 1 auto;
  }
  html.new_modal-open body[data-style] .new_t-modal-body-middle {
    position: static !important; inset: auto !important; height: auto !important;
    max-height: calc(min(600px, 100vh - 40px) - 60px) !important; overflow: auto !important;
    padding: 6px 0 10px !important;
  }
}
body[data-style] .new_t-modal-body-top {
  background: var(--cta-bg, var(--accent)) !important; color: var(--on-accent, #fff) !important;
  font: 700 17px/1.2 var(--font-form, var(--font)) !important;
  padding: 18px 56px 18px 22px !important; height: auto !important;
  border-radius: 0 !important; text-transform: none !important;
}
/* только у открытого окна: display:flex без условия показывал «×» на странице
   тура при закрытой модалке (у виджета блок окна остаётся в потоке) */
html.new_modal-open body[data-style] .new_t-modal-body-close {
  top: 12px !important; right: 12px !important;
  width: 36px !important; height: 36px !important;
  display: flex !important; align-items: center !important; justify-content: center !important;
  border-radius: 50% !important; background: rgba(255, 255, 255, .55) !important;
  color: var(--ink) !important; font-size: 20px !important; line-height: 1 !important; z-index: 3 !important;
}
html.new_modal-open body[data-style] .new_t-modal-body-close:hover { background: #fff !important; }
/* номер и питание: строки с ценой-пилюлей */
body[data-style] .new_t-modal-table { width: 100% !important; border-collapse: collapse !important; }
body[data-style] .new_t-modal-table th,
body[data-style] .new_t-modal-table td {
  border: none !important; border-bottom: 1px solid var(--hairline) !important;
  padding: 12px 18px !important; background: transparent !important;
  font-family: var(--font-form, var(--font)) !important; vertical-align: middle !important;
}
body[data-style] .new_t-modal-table tr:last-child td { border-bottom: none !important; }
body[data-style] .new_t-modal-table tr:hover td { background: var(--surface-2) !important; }
body[data-style] .new_t-modal-room-title { color: var(--ink) !important; font-weight: 600 !important; font-size: 14.5px !important; }
body[data-style] .new_t-modal-room-title span { color: var(--muted-2) !important; font-weight: 500 !important; }
body[data-style] .new_t-modal-table th,
body[data-style] .new_t-modal-table th * { color: var(--muted) !important; font-weight: 600 !important; font-size: 12.5px !important; }
body[data-style] .new_t-room-price { text-align: right !important; }
body[data-style] .new_t-room-price a {
  display: inline-flex !important; align-items: center !important;
  padding: 8px 14px !important; border-radius: 999px !important;
  background: var(--accent-soft) !important; text-decoration: none !important;
  transition: background .15s ease !important;
}
body[data-style] .new_t-room-price a,
body[data-style] .new_t-room-price a * { color: var(--ink) !important; font-weight: 700 !important; }
body[data-style] .new_t-room-price a:hover { background: var(--cta-bg, var(--accent)) !important; }
body[data-style] .new_t-room-price a:hover * { color: var(--on-accent, #fff) !important; }
/* даты и длительность (таблица цен по датам) */
body[data-style] .new_t-date-modal-table,
body[data-style] .new_t-date-modal-table td { border-color: var(--hairline) !important; }
body[data-style] .new_t-date-modal-table-head { color: var(--muted) !important; font-weight: 600 !important; }
body[data-style] .new_t-date-modal-table-head.selected,
body[data-style] .new_t-date-modal-table td.selected { background: var(--accent-soft) !important; color: var(--ink) !important; }
body[data-style] .new_t-date_link { color: var(--ink) !important; font-weight: 600 !important; border-radius: 8px !important; }
body[data-style] .new_t-date_link:hover { background: var(--surface-2) !important; }
body[data-style] .new_t-date_link * { color: inherit !important; }
body[data-style] .new_t-date_link.new_t-selected,
body[data-style] .new_t-date_link.new_t-selected:hover { background: var(--cta-bg, var(--accent)) !important; color: var(--on-accent, #fff) !important; }
/* «ищем варианты…» / «вариантов нет» — .cr-modal-note ставит site.js
   (виджет при пустом ответе API рисует пустую таблицу без всякого текста) */
body[data-style] .cr-modal-note {
  display: flex; align-items: center; gap: 12px;
  margin: 14px 18px; padding: 14px 16px;
  border-radius: 14px; background: var(--surface-2);
  color: var(--ink); font: 500 14px/1.4 var(--font-form, var(--font));
}
body[data-style] .cr-modal-note[data-state="wait"]::before {
  content: ''; flex: 0 0 auto; width: 20px; height: 20px; border-radius: 50%;
  border: 3px solid var(--accent-soft); border-top-color: var(--accent);
  animation: cr-spin .8s linear infinite;
}
body[data-style] .cr-modal-note[data-state="empty"] { background: var(--accent-soft); }
@keyframes cr-spin { to { transform: rotate(360deg); } }
/* телефон: блок номеров у виджета абсолютный на весь экран — подсказку ставим
   под его шапку, иначе она ложится поверх «Cameră și masă» */
@media (max-width: 479px) {
  body[data-style] .new_t-modal-body > .cr-modal-note {
    position: absolute; top: 64px; left: 0; right: 0; z-index: 2;
  }
}

/* ── Экран поиска («Așteptați câteva secunde…»: прогресс + логотипы
      туроператоров). Вид — настройка «Экран поиска» → body[data-loader]:
      нет атрибута — карточка (шкала + плитки), flight — самолёт по шкале,
      compact — строка, none — без логотипов, classic — родной вид Otpusk
      (все правила ниже его исключают). Шкала: ширину ведёт site.js через --cr-p
      (виджет даёт лишь 10 → 88 → 100 — полоса «стояла»). ── */
body[data-style]:not([data-loader="classic"]) .new_spinner-wrap {
  max-width: none !important; margin: 0 0 20px !important; padding: 24px 28px 22px !important;
  background: #fff !important; border: 1px solid var(--hairline) !important;
  border-radius: var(--r-lg) !important; box-shadow: var(--shadow-sm) !important;
  text-align: center !important;
}
body[data-style]:not([data-loader="classic"]) .new_progressbar-text,
body[data-style]:not([data-loader="classic"]) .new_progressbar-text * {
  margin: 0 !important; color: var(--muted) !important; font: 500 14px/1.5 var(--font-form, var(--font)) !important;
}
/* первая строка («Așteptați câteva secunde…») — заголовком */
body[data-style]:not([data-loader="classic"]) .new_progressbar-text::first-line {
  color: var(--ink); font-size: 17px; font-weight: 700;
}
body[data-style]:not([data-loader="classic"]) .new_progressbar-text span { color: var(--ink) !important; font-weight: 600 !important; }
body[data-style]:not([data-loader="classic"]) .new_progress-container {
  position: relative !important; max-width: 560px !important; height: 8px !important;
  margin: 14px auto 20px !important; padding: 0 !important;
  background: var(--surface-3) !important; border: none !important;
  border-radius: 999px !important; overflow: hidden !important;
}
body[data-style]:not([data-loader="classic"]) .new_progress-item {
  width: max(var(--cr-p, 0%), 6%) !important; height: 100% !important;
  transition: width .9s cubic-bezier(.4, 0, .2, 1) !important;
  border-radius: 999px !important; box-shadow: none !important;
  background-color: var(--accent) !important;
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, .35) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .35) 50%, rgba(255, 255, 255, .35) 75%, transparent 75%, transparent) !important;
  background-size: 16px 16px !important;
  animation: cr-stripes .7s linear infinite !important;
}
/* блик бежит по заполненной части — шкала «живая», даже пока процент стоит */
body[data-style]:not([data-loader="classic"]) .new_progress-item::after {
  content: '' !important; position: absolute !important; inset: 0 !important;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .65), transparent) no-repeat !important;
  background-size: 45% 100% !important;
  animation: cr-shine 1.6s ease-in-out infinite !important;
}
body[data-style]:not([data-loader="classic"]) .new_spinner-logos-wrap {
  display: flex !important; flex-wrap: wrap !important; justify-content: center !important; gap: 10px !important;
}
body[data-style]:not([data-loader="classic"]) .new_logo-bl {
  position: relative !important; flex: 0 0 112px !important; margin: 0 !important; padding: 8px 8px 12px !important;
  box-sizing: border-box !important; background: var(--surface-2) !important;
  border: 1px solid var(--hairline) !important; border-radius: 12px !important;
  transition: background-color .3s ease, border-color .3s ease !important;
}
body[data-style]:not([data-loader="classic"]) .new_logo-image-wrap { margin: 0 !important; width: 100% !important; height: 44px !important; transition: filter .4s ease, opacity .4s ease !important; }
body[data-style]:not([data-loader="classic"]) .new_logo-bl svg { display: none !important; }
/* оператор ещё ищет — бегущая полоска; ответил — белая плитка с галочкой */
body[data-style]:not([data-loader="classic"]) .new_logo-bl.new_loading-logo::after {
  content: '' !important; position: absolute !important; left: 10px !important; right: 10px !important; bottom: 6px !important;
  height: 3px !important; border-radius: 999px !important;
  background-color: var(--accent) !important;
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, .6) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .6) 50%, rgba(255, 255, 255, .6) 75%, transparent 75%, transparent) !important;
  background-size: 8px 8px !important;
  animation: cr-stripes-sm .6s linear infinite !important;
}
body[data-style]:not([data-loader="classic"]) .new_logo-bl:not(.new_loading-logo) { background: #fff !important; }
body[data-style]:not([data-loader="classic"]) .new_logo-bl:not(.new_loading-logo)::before {
  content: '' !important; position: absolute !important; top: -6px !important; right: -6px !important;
  width: 18px !important; height: 18px !important; border-radius: 50% !important;
  background: #1f9d55 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / 11px no-repeat !important;
  box-shadow: 0 0 0 2px #fff !important;
  animation: cr-pop .35s cubic-bezier(.3, 1.5, .6, 1) both !important;
}
@keyframes cr-stripes { to { background-position: 16px 0; } }
@keyframes cr-stripes-sm { to { background-position: 8px 0; } }
@keyframes cr-shine { from { background-position: -60% 0; } to { background-position: 160% 0; } }
@keyframes cr-pop { from { transform: scale(0); } to { transform: scale(1); } }
@media (max-width: 479px) {
  body[data-style]:not([data-loader="classic"]) .new_spinner-wrap { padding: 18px 14px 16px !important; }
  body[data-style]:not([data-loader="classic"]) .new_spinner-logos-wrap { gap: 8px !important; }
  body[data-style]:not([data-loader="classic"]) .new_logo-bl { flex-basis: calc((100% - 16px) / 3) !important; }
  body[data-style]:not([data-loader="classic"]) .new_logo-image-wrap { height: 36px !important; }
}

/* «Без логотипов» — только заголовок и шкала */
body[data-style][data-loader="none"] .new_spinner-container { display: none !important; }
body[data-style][data-loader="none"] .new_progress-container { margin-bottom: 4px !important; }

/* «Перелёт» — пунктир маршрута, самолёт на конце шкалы летит к метке;
   логотипы — лёгкие плитки без рамок */
body[data-style][data-loader="flight"] .new_progress-container {
  max-width: 620px !important; height: 30px !important; margin: 10px auto 16px !important;
  background: none !important; overflow: visible !important; border-radius: 0 !important;
}
/* пунктир маршрута и метка назначения */
body[data-style][data-loader="flight"] .new_progress-container::before {
  content: '' !important; position: absolute !important; left: 0 !important; right: 14px !important; top: 14px !important; height: 2px !important;
  background: repeating-linear-gradient(90deg, var(--hairline-2, var(--hairline)) 0 8px, transparent 8px 15px) !important;
}
body[data-style][data-loader="flight"] .new_progress-container::after {
  content: '' !important; position: absolute !important; right: -4px !important; top: 2px !important; width: 22px !important; height: 24px !important;
  background: var(--muted) !important;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a7 7 0 0 0-7 7c0 5.2 7 13 7 13s7-7.8 7-13a7 7 0 0 0-7-7zm0 9.5A2.5 2.5 0 1 1 12 6.5a2.5 2.5 0 0 1 0 5z'/%3E%3C/svg%3E") center / contain no-repeat !important;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a7 7 0 0 0-7 7c0 5.2 7 13 7 13s7-7.8 7-13a7 7 0 0 0-7-7zm0 9.5A2.5 2.5 0 1 1 12 6.5a2.5 2.5 0 0 1 0 5z'/%3E%3C/svg%3E") center / contain no-repeat !important;
}
body[data-style][data-loader="flight"] .new_progress-item {
  position: relative !important; z-index: 1 !important; top: 13.5px !important; height: 3px !important;
  width: min(max(var(--cr-p, 0%), 4%), calc(100% - 40px)) !important;
  background: var(--accent) !important; overflow: visible !important; animation: none !important;
}
body[data-style][data-loader="flight"] .new_progress-item::before {
  content: '' !important; position: absolute !important; left: -4px !important; top: -3.5px !important;
  width: 10px !important; height: 10px !important; border-radius: 50% !important;
  background: var(--accent) !important; box-shadow: 0 0 0 3px #fff !important;
}
/* самолёт (нос вправо) — вместо блика */
body[data-style][data-loader="flight"] .new_progress-item::after {
  inset: auto -20px auto auto !important; top: -12px !important; width: 28px !important; height: 28px !important;
  background: var(--brand, var(--ink)) !important; background-size: auto !important;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21.5 12c0-.8-.7-1.5-1.5-1.5h-5.2L10 3H8l2.4 7.5H5.6L4 8.5H2.5l1 3.5-1 3.5H4l1.6-2h4.8L8 21h2l4.8-7.5H20c.8 0 1.5-.7 1.5-1.5z'/%3E%3C/svg%3E") center / contain no-repeat !important;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21.5 12c0-.8-.7-1.5-1.5-1.5h-5.2L10 3H8l2.4 7.5H5.6L4 8.5H2.5l1 3.5-1 3.5H4l1.6-2h4.8L8 21h2l4.8-7.5H20c.8 0 1.5-.7 1.5-1.5z'/%3E%3C/svg%3E") center / contain no-repeat !important;
  animation: cr-bob 1.8s ease-in-out infinite !important;
}
body[data-style][data-loader="flight"] .new_spinner-logos-wrap { gap: 4px 6px !important; }
body[data-style][data-loader="flight"] .new_logo-bl {
  flex-basis: 96px !important; padding: 6px 8px !important; background: transparent !important; border-color: transparent !important;
}
body[data-style][data-loader="flight"] .new_logo-bl.new_loading-logo::after { left: 22px !important; right: 22px !important; bottom: 2px !important; height: 2px !important; }
body[data-style][data-loader="flight"] .new_logo-bl:not(.new_loading-logo) { background: transparent !important; }
body[data-style][data-loader="flight"] .new_logo-bl:not(.new_loading-logo)::before { top: 0 !important; right: 4px !important; width: 16px !important; height: 16px !important; background-size: 10px !important; }
@keyframes cr-bob { 50% { transform: translateY(-3px) rotate(-4deg); } }
@media (max-width: 479px) {
  body[data-style][data-loader="flight"] .new_logo-bl { flex-basis: calc((100% - 12px) / 3) !important; }
}

/* «Компактная строка» — заголовок со спиннером слева, логотипы справа
   мелкими плитками, шкала — тонкой линией по нижнему краю карточки */
body[data-style][data-loader="compact"] .new_spinner-wrap {
  position: relative !important; overflow: hidden !important;
  display: flex !important; align-items: center !important; gap: 18px !important;
  padding: 14px 20px 17px !important; text-align: left !important;
}
body[data-style][data-loader="compact"] .new_progressbar { flex: 1 1 auto !important; min-width: 0 !important; }
body[data-style][data-loader="compact"] .new_progressbar-text { position: relative !important; padding-left: 38px !important; }
body[data-style][data-loader="compact"] .new_progressbar-text::before {
  content: '' !important; position: absolute !important; left: 0 !important; top: 50% !important;
  width: 22px !important; height: 22px !important; margin-top: -14px !important; border-radius: 50% !important;
  border: 3px solid var(--accent-soft) !important; border-top-color: var(--accent) !important;
  animation: cr-spin .8s linear infinite !important;
}
body[data-style][data-loader="compact"] .new_progressbar-text::first-line { font-size: 15px; }
body[data-style][data-loader="compact"] .new_progress-container {
  position: absolute !important; left: 0 !important; right: 0 !important; bottom: 0 !important;
  max-width: none !important; height: 4px !important; margin: 0 !important; border-radius: 0 !important;
}
body[data-style][data-loader="compact"] .new_progress-item { border-radius: 0 4px 4px 0 !important; }
body[data-style][data-loader="compact"] .new_spinner-container { flex: 0 1 auto !important; max-width: 62% !important; }
body[data-style][data-loader="compact"] .new_spinner-logos-wrap { justify-content: flex-end !important; gap: 6px !important; }
body[data-style][data-loader="compact"] .new_logo-bl { flex-basis: 70px !important; padding: 4px 6px 7px !important; border-radius: 8px !important; }
body[data-style][data-loader="compact"] .new_logo-image-wrap { height: 26px !important; }
body[data-style][data-loader="compact"] .new_logo-bl.new_loading-logo::after { left: 8px !important; right: 8px !important; bottom: 3px !important; height: 2px !important; }
body[data-style][data-loader="compact"] .new_logo-bl:not(.new_loading-logo)::before { top: -5px !important; right: -5px !important; width: 14px !important; height: 14px !important; background-size: 8px !important; }
@media (max-width: 760px) {
  body[data-style][data-loader="compact"] .new_spinner-wrap { flex-direction: column !important; align-items: stretch !important; gap: 12px !important; }
  body[data-style][data-loader="compact"] .new_spinner-container { max-width: none !important; }
  body[data-style][data-loader="compact"] .new_spinner-logos-wrap { justify-content: flex-start !important; }
  body[data-style][data-loader="compact"] .new_logo-bl { flex-basis: 62px !important; }
}

/* ── Открытый тур: блок загрузки поиска и инфо выдачи над туром прячем.
      Иначе, если тур открыли, пока операторы ещё опрашиваются, сжимающийся
      блок двигает тур — страница «дёргается» туда-сюда. ── */
/* по самому контейнеру тура (виджет ставит ему инлайн display:block сразу при
   открытии), а не по data-cr-tour из site.js: атрибут появляется на кадр позже,
   и свой скролл виджета успевал посчитаться с ещё видимым блоком → 857→643px */
.new_os:has(> .new_t-container[style*="block"]) > .loading-container,
.new_os:has(> .new_t-container[style*="block"]) > .new_result-info { display: none !important; }
/* текущая цена (td.selected) — цветом CTA вместо синей рамки виджета */
body[data-style] .new_t-room-price.selected { box-shadow: none !important; border-color: var(--hairline) !important; outline: none !important; }
body[data-style] .new_t-room-price.selected a { background: var(--cta-bg, var(--accent)) !important; box-shadow: none !important; }
body[data-style] .new_t-room-price.selected a * { color: var(--on-accent, #fff) !important; }
body[data-style] .new_t-room-price a { box-shadow: none !important; outline: none !important; }