/* ───────── OTPUSK ОНСАЙТ — переопределение стилей под Crocus Tours ─────────
   Подключать ПОСЛЕ 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;
}

/* ── Форма-«карточка»: белое стекло, мягкая тень, крупное скругление ── */
.new_f-container {
  background: #fff !important; background-image: none !important;
  border: 1px solid var(--hairline) !important;
  border-radius: var(--r-xl) !important;
  box-shadow: var(--shadow-lg) !important;
  padding: 20px 24px !important;
}
.new_f-wrapper-bg-imgs { display: none !important; }
.new_f-title { display: none !important; }

/* ── Поля: отдельные скруглённые «чипы» с мягкой тенью, оживают на фокусе ── */
.new_f-form-field {
  background: #fff !important;
  border: 1px solid var(--hairline) !important;
  border-radius: var(--r-md) !important;
  box-shadow: var(--shadow-sm) !important;
  transition: box-shadow .18s ease, border-color .18s ease, transform .18s ease !important;
}
.new_f-form-field:hover { border-color: var(--hairline-2) !important; box-shadow: var(--shadow-md) !important; transform: translateY(-1px) !important; }
.new_f-form-field:focus-within { border-color: var(--accent) !important; box-shadow: var(--shadow-md) !important; transform: translateY(-1px) !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: none !important; }
.new_f-dropdown-container::before { background: var(--hairline) !important; }
.new_f-form-field.date input, .new_f-search-dates-wrap input { background: #fff !important; }

/* ── Подписи полей (инжектируются JS) + единая высота → ровный ряд ── */
.new_f-form-field { padding-top: 24px !important; height: 66px !important; }
.cr-flabel {
  position: absolute; top: 10px; left: 20px; 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;
}
.new_f-form-field.to .cr-flabel { left: 2px; }
.new_f-form .new_f-form-submit {
  height: 66px !important;
  display: flex !important; align-items: center; justify-content: center;
}

/* ── Календарь (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). Перекрашиваем под коралл/бренд Crocus. */
/* Мобильный дропдаун с календарём (.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 в карточке
      1142px) — переводим ряд на flex; «Destinație» и «Plecare din» равные. ── */
.new_f-form > .clearfix { width: 100% !important; display: flex !important; align-items: center !important; gap: 10px !important; }
.new_f-form-field { float: none !important; }
.new_f-form-field.to, .new_f-form-field.from { flex: 1.35 1 0 !important; width: auto !important; min-width: 0 !important; }
.new_f-form-field.date { flex: 1.2 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 150px !important; width: 150px !important; }
@media (max-width: 760px) {
  .new_f-form > .clearfix { flex-wrap: wrap !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-field.duration, .new_f-form-field.people,
  .new_f-form .new_f-form-submit { flex: 1 1 100% !important; width: 100% !important; min-width: 100% !important; }
  /* ⚠ КРИТИЧНО: hover/focus-lift даёт ячейке transform — а любой transform у предка
     превращает ПОЛЕ в containing block для position:fixed. Мобильная выпадашка
     Otpusk (`.new_f-dropdown-body`, fixed, на весь экран) тогда запирается внутри
     ячейки 265×64 и режется её overflow:hidden → список стран не открыть, поле
     ввода налезает на соседние ячейки. На тач-устройствах подъём не нужен — гасим. */
  .new_f-form-field:hover, .new_f-form-field:focus-within { transform: none !important; }
  /* Открытая мобильная выпадашка добавляет на <html> класс new_layer-open или
     new_layer-open-<поле> (to/from/date/…) — ловим оба через [class*=]. Поднимаем
     секцию поиска (z:50) выше залипающей шапки сайта (z:200), иначе верх выпадашки
     (заголовок + поле поиска + крестик) уходит под шапку. */
  html[class*="new_layer-open"] .search-section { z-index: 300 !important; }
  /* форма — flex-колонка: «Căutare avansată» встаёт ПОД кнопку поиска,
     а не поверх неё (родная вёрстка Otpusk наезжает на кнопку) */
  .new_f-form { display: flex !important; flex-direction: column !important; height: auto !important; }
  .new_f-ext-btn-container {
    position: static !important; order: 5;
    margin: 14px 0 0 !important; text-align: center !important;
  }
  .new_f-ext-container { order: 6; }
}

/* ── Десктоп: ячейки по вертикали в центре карточки; «Căutare avansată» —
      компактной кнопкой прямо под кнопкой «Caută» ── */
@media (min-width: 761px) {
  /* ряд выше ячейки (66px) → под Caută помещается кнопка advanced,
     а сами ячейки + Caută центрируются по вертикали (align-items: center выше) */
  .new_f-form > .clearfix { height: 110px !important; }
  /* advanced — вторичная кнопка той же ширины, ровно под Caută */
  .new_f-ext-btn-container {
    position: absolute !important;
    top: 92px !important;            /* низ ряда ячеек (~88) + ~4 зазор */
    right: 10px !important; left: auto !important;
    width: 150px !important; margin: 0 !important; padding: 0 !important;
  }
  /* кнопка advanced — absolute и заходит на верх раскрытой панели → опускаем панель */
  .new_f-ext-container { margin-top: 26px !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;
}
/* Дата: дропдаун шире поля, чтобы вместить календарь (7 колонок ≈ 230px).
   Ячейка даты сжата flex до ~200px, отсюда обрезка Сб/Вс на десктопе. */
.new_f-form-field.date .new_f-dropdown-body {
  min-width: 250px !important;
}
/* Поле формы у нас 66px (Otpusk рисует дропдаун от top:38px) — выпадашка
   налезала на нижнюю часть поля. Опускаем её под поле. Только десктоп:
   на мобильном дропдаун — position:fixed; top:0 (полноэкранный), его не трогаем. */
@media (min-width: 761px) {
  .new_f-form-field .new_f-dropdown-body { top: 64px !important; }
}

/* ── Кнопка «Caută» — коралловая, скруглённая, с мягкой тенью ── */
.new_f-form .new_f-form-submit {
  background: var(--accent) !important; color: var(--on-accent,#fff) !important;
  font-weight: 600 !important; letter-spacing: .01em !important; text-transform: none !important;
  border: none !important; border-radius: 14px !important;
  box-shadow: var(--shadow-accent) !important;
}
.new_f-form .new_f-form-submit:hover { background: var(--accent-deep) !important; opacity: 1; }

/* «Căutare avansată» — вторичная кнопка (белая, в пару к коралловой «Caută») */
.new_f-ext-btn {
  display: flex !important; width: 100% !important; box-sizing: border-box !important;
  align-items: center !important; justify-content: center !important;
  gap: 5px !important;
  padding: 9px 8px !important;
  border: 1px solid var(--hairline-2) !important;
  border-radius: 12px !important;
  background: #fff !important;
  box-shadow: var(--shadow-sm) !important;
  cursor: pointer !important;
  font-size: 12px !important; font-weight: 500 !important; white-space: nowrap !important;
  transition: background .15s, border-color .15s, box-shadow .15s, transform .15s !important;
}
.new_f-ext-btn:hover { background: var(--surface-3) !important; border-color: var(--brand) !important; box-shadow: var(--shadow-md) !important; transform: translateY(-1px) !important; }
/* счётчик фильтров + текст — фиолетовый, без подчёркивания (иначе вид ссылки) */
.new_f-ext-btn, .new_f-ext-btn-text, .new_f-ext-btn-filters-num { color: var(--brand) !important; text-decoration: none !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;
}
/* Шапка дропдауна: вместо тяжёлой фиолетовой плашки — светлая, с тонкой линией */
.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;
}
.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(--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(--accent-deep) !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; }

/* ── Расширенный поиск ── */
/* Панель раскрывается ВНУТРИ белой карточки — даём белый фон (вместо серого
   var(--bg-tint), от которого «серые зоны/полоса») + тонкий разделитель сверху */
.new_f-ext-container {
  background: #fff !important; background-image: none !important;
  border-top: 1px solid var(--hairline) !important;
  padding-top: 22px !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-bl-transp label span::before,
.new_f-ext-container input:checked + span::before,
.new_f-ext-container .checked span::before {
  background-color: var(--brand) !important; border-color: var(--brand) !important;
}

/* ── Результаты поиска ── */
.price-from, .new_f-ext-bl-price { color: var(--brand) !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(--accent) !important; color: var(--on-accent,#fff) !important; border: none !important; border-radius: var(--r-pill) !important; }

/* ── Детальная карточка тура ── */
.new_t-tab-content-top { background: var(--brand) !important; color: #fff !important; }
.new_t-booking-btn, .new_t-order-btn { background: var(--accent) !important; color: var(--on-accent,#fff) !important; border: none !important; border-radius: 14px !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; }
.new_t-change-btn > span { font-size: 11px !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; }
/* кнопки бронирования → коралл, скруглённые */
.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(--accent) !important; color: var(--on-accent,#fff) !important; border: none !important; border-radius: 14px !important;
}
.new_t-order-btn:hover { background: 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;
}
.os-order-form-wrap select {
  height: 48px !important; line-height: 48px !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(--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(--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;
  border-radius: var(--r-pill) !important;
  box-shadow: var(--shadow-accent) !important;
}
body .hot-block_euroblock .new-hot-tour-price * { color: var(--on-accent,#fff) !important; }

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

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

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

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

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

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

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