/* ============================================================
   fcc-hero.css — редизайн первого экрана главной (hero) и шапки.
   Финальная редакция, утверждена заказчиком (примерки 21–23.07.2026).
   Состав:
   - видео hero в оригинальном виде — БЕЗ вуалей, затемнений и фильтров;
   - прозрачная шапка поверх видео: белое лого (CSS-инверсия), белые
     пункты обеих строк, белые стрелки и SVG-трубка; включается только
     в режиме .fcc-overlay (класс вешает fcc-hero.js);
   - после прокрутки за видео — класс .fcc-solid: абсолютно белая шапка,
     чёрное лого, чёрные трубка и иконки;
   - выпадающие меню: кремовые скруглённые панели с тенью, тёмный текст,
     золотые стрелки; контейнер прозрачный (без квадратной подложки);
   - мобильная/планшетная шапка (бургер) НЕ затрагивается — родная тема;
   - заголовок H1 serif кремом, золотой штрих, подзаголовок,
     кнопка-«стекло» с золотым hover, микротекст, Trustpilot;
   - мобильная компоновка hero (блок целиком в видео).
   Скоуп: только главная (body.fc-is-home).
   Подключение (в самом конце head, ПОСЛЕ всех стилей темы):
   <link rel="stylesheet" href="{{ asset('css/fcc-hero.css') }}?v=1">
   <script src="{{ asset('js/fcc-hero.js') }}?v=1" defer></script>
   ============================================================ */

/* --- Видео: НИКАКИХ вуалей, фильтров и затемнений (решение заказчика
   23.07.2026) — видео воспроизводится в оригинальном виде. Читаемость
   текста обеспечивают только лёгкие тени букв. --- */
html body.fc-is-home .swiper-container.home17 { position: relative; }

/* --- Композиция hero --- */
html body.fc-is-home .home17 .button-wrap--absolute {
  left: 0 !important; right: 0 !important; top: 50% !important; bottom: auto !important;
  transform: translateY(-50%) !important; display: flex; justify-content: center; z-index: 6;
}
html body.fc-is-home .fc-hero-cta {
  background: transparent !important; box-shadow: none !important; border: none !important;
  padding: 0 !important; display: flex; flex-direction: column; align-items: center; gap: 16px;
  width: min(92vw, 940px) !important; max-width: none !important;
  backdrop-filter: none !important; -webkit-backdrop-filter: none !important;
}

/* --- Текстовый блок --- */
html body.fc-is-home .fcc-hd { text-align: center; color: #f6f3ec; width: 100%; }
html body.fc-is-home .fcc-hd .eye {
  font-family: Arial, sans-serif; font-size: 12px; letter-spacing: 3.5px;
  text-transform: uppercase; font-weight: bold; color: #d9bd7f !important;
  margin-bottom: 14px; text-shadow: 0 1px 8px rgba(0,0,0,.4);
}
html body.fc-is-home .fcc-hd h1,
html body.fc-is-home .fcc-hd h2 {
  font-family: Georgia, 'Times New Roman', serif !important; font-weight: 400 !important;
  font-size: clamp(34px, 4.8vw, 58px) !important; line-height: 1.14 !important;
  color: #f6f3ec !important; margin: 0 !important; text-transform: none !important;
  letter-spacing: .5px !important; text-shadow: 0 1px 14px rgba(0,0,0,.35);
}
html body.fc-is-home .fcc-hd .rule { width: 58px; height: 2.5px; background: #a8863f; margin: 20px auto 16px; }
html body.fc-is-home .fcc-hd .sub {
  font-family: Arial, sans-serif; font-size: 15.5px; letter-spacing: .6px;
  color: rgba(246,243,236,.88); text-shadow: 0 1px 8px rgba(0,0,0,.4);
}

/* --- Кнопка BOOK NOW: «стекло» --- */
html body.fc-is-home .fc-hero-cta button.btn__default {
  font-family: Arial, sans-serif !important; font-size: 13.5px !important;
  letter-spacing: 2.5px !important; text-transform: uppercase !important; font-weight: bold !important;
  padding: 17px 48px !important; border-radius: 8px !important; transition: all .3s ease !important;
  width: auto !important; min-width: 0 !important; align-self: center;
  background: rgba(20,18,14,.28) !important; background-image: none !important;
  border: 1.5px solid rgba(246,243,236,.85) !important; color: #f6f3ec !important;
  backdrop-filter: blur(6px) !important; -webkit-backdrop-filter: blur(6px) !important;
  box-shadow: none !important; text-shadow: none !important;
}
html body.fc-is-home .fc-hero-cta button.btn__default:hover {
  background: #a8863f !important; border-color: #a8863f !important; color: #fff !important;
}
html body.fc-is-home .fc-hero-cta button .gradient { display: none !important; }

/* --- Микротекст и Trustpilot --- */
html body.fc-is-home .fcc-btn-note {
  font-family: Arial, sans-serif; font-size: 12px; letter-spacing: .4px;
  color: rgba(246,243,236,.78); margin-top: -4px; text-shadow: 0 1px 6px rgba(0,0,0,.4);
}
html body.fc-is-home .fc-hero-tp {
  order: 2; background: transparent !important; box-shadow: none !important;
  margin: 0 !important; transform: scale(1.1);
}

/* --- Мобильная компоновка hero --- */
@media (max-width: 600px) {
  html body.fc-is-home .fc-hero-cta { gap: 8px !important; }
  html body.fc-is-home .fcc-hd .eye { font-size: 9px !important; letter-spacing: 2px !important; margin-bottom: 6px !important; }
  html body.fc-is-home .fcc-hd h1,
  html body.fc-is-home .fcc-hd h2 { font-size: clamp(20px, 6.2vw, 26px) !important; line-height: 1.2 !important; }
  html body.fc-is-home .fcc-hd .rule { margin: 10px auto 8px !important; width: 40px !important; height: 2px !important; }
  html body.fc-is-home .fcc-hd .sub { font-size: 11px !important; line-height: 1.5 !important; padding: 0 18px; text-wrap: balance; }
  html body.fc-is-home .fc-hero-cta button.btn__default { font-size: 11px !important; padding: 12px 28px !important; letter-spacing: 2px !important; }
  html body.fc-is-home .fcc-btn-note { font-size: 10px !important; margin-top: -2px !important; }
  html body.fc-is-home .fc-hero-tp { transform: scale(.65) !important; margin-top: -6px !important; }
}

/* ============================================================
   ШАПКА ПОВЕРХ ВИДЕО. Класс .fcc-overlay ставит fcc-hero.js, только
   когда видно полное меню, не виден бургер и видео начинается под
   шапкой. С бургером (планшет/мобильный) шапка — родная тема.
   ============================================================ */

html body.fc-is-home header.s-header { transition: background .35s ease; }

/* Прозрачный режим (на видео) */
html body.fc-is-home header.s-header.fcc-overlay:not(.fcc-solid),
html body.fc-is-home header.s-header.fcc-overlay:not(.fcc-solid) div,
html body.fc-is-home header.s-header.fcc-overlay:not(.fcc-solid) a,
html body.fc-is-home header.s-header.fcc-overlay:not(.fcc-solid) span {
  background: transparent !important; background-color: transparent !important;
  background-image: none !important; box-shadow: none !important; border: none !important;
}
/* усиленные селекторы — перебивают правила темы на широких экранах */
html body.fc-is-home header.s-header.fcc-overlay:not(.fcc-solid) .row-header,
html body.fc-is-home header.s-header.fcc-overlay:not(.fcc-solid) .row-header .col-header-nav,
html body.fc-is-home header.s-header.fcc-overlay:not(.fcc-solid) .row-header .col-header-logo,
html body.fc-is-home header.s-header.fcc-overlay:not(.fcc-solid) .row-header .col-header-phone,
html body.fc-is-home header.s-header.fcc-overlay:not(.fcc-solid) .col-header-nav .navigation-menu,
html body.fc-is-home header.s-header.fcc-overlay:not(.fcc-solid) .navigation-menu .navigation-menu-body,
html body.fc-is-home header.s-header.fcc-overlay:not(.fcc-solid) .navigation-menu-body .main-menu,
html body.fc-is-home header.s-header.fcc-overlay:not(.fcc-solid) .main-menu > li,
html body.fc-is-home header.s-header.fcc-overlay:not(.fcc-solid) .main-menu > li > a,
html body.fc-is-home header.s-header.fcc-overlay:not(.fcc-solid) .bar-collapsed {
  background: transparent !important; background-color: transparent !important;
  background-image: none !important; box-shadow: none !important;
}
/* белый текст */
html body.fc-is-home header.s-header.fcc-overlay:not(.fcc-solid) a,
html body.fc-is-home header.s-header.fcc-overlay:not(.fcc-solid) li > a,
html body.fc-is-home header.s-header.fcc-overlay:not(.fcc-solid) .main-menu > li > a,
html body.fc-is-home header.s-header.fcc-overlay:not(.fcc-solid) .main-menu > li > a .text,
html body.fc-is-home header.s-header.fcc-overlay:not(.fcc-solid) .main-menu > li > a span,
html body.fc-is-home header.s-header.fcc-overlay:not(.fcc-solid) .col-header-nav a,
html body.fc-is-home header.s-header.fcc-overlay:not(.fcc-solid) .col-header-phone a,
html body.fc-is-home header.s-header.fcc-overlay:not(.fcc-solid) .col-header-phone span {
  color: #fff !important; text-shadow: 0 1px 8px rgba(0,0,0,.45);
}
html body.fc-is-home header.s-header.fcc-overlay:not(.fcc-solid) a:hover,
html body.fc-is-home header.s-header.fcc-overlay:not(.fcc-solid) .main-menu > li > a:hover { color: #d9bd7f !important; }
/* белые иконки, стрелки, SVG-трубка */
html body.fc-is-home header.s-header.fcc-overlay:not(.fcc-solid) i,
html body.fc-is-home header.s-header.fcc-overlay:not(.fcc-solid) em,
html body.fc-is-home header.s-header.fcc-overlay:not(.fcc-solid) [class*="icon"] {
  color: #fff !important;
}
html body.fc-is-home header.s-header.fcc-overlay:not(.fcc-solid) svg,
html body.fc-is-home header.s-header.fcc-overlay:not(.fcc-solid) svg * {
  fill: #fff !important; stroke: #fff !important;
}
html body.fc-is-home header.s-header.fcc-overlay:not(.fcc-solid) .b-dropper::after,
html body.fc-is-home header.s-header.fcc-overlay:not(.fcc-solid) .b-dropper::before {
  color: #fff !important; border-color: #fff !important; filter: brightness(0) invert(1);
}
/* белое лого */
html body.fc-is-home header.s-header.fcc-overlay:not(.fcc-solid) img {
  filter: brightness(0) invert(1) drop-shadow(0 1px 6px rgba(0,0,0,.4));
}

/* Выпадающие списки: контейнер прозрачный (без квадратной подложки),
   фон и скругление — только на самом списке; тёмный текст, золотые стрелки */
html body.fc-is-home header.s-header .inset,
html body.fc-is-home header.s-header.fcc-overlay:not(.fcc-solid) .inset {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}
html body.fc-is-home header.s-header .main-menu li ul,
html body.fc-is-home header.s-header .inset .ul-inset,
html body.fc-is-home header.s-header.fcc-overlay:not(.fcc-solid) .main-menu li ul,
html body.fc-is-home header.s-header.fcc-overlay:not(.fcc-solid) .inset .ul-inset {
  background: #faf7f1 !important;
  border-radius: 12px !important;
  overflow: hidden;
  box-shadow: 0 14px 30px rgba(26, 26, 26, .14) !important;
}
html body.fc-is-home header.s-header.fcc-overlay:not(.fcc-solid) .main-menu li ul a,
html body.fc-is-home header.s-header.fcc-overlay:not(.fcc-solid) .inset a,
html body.fc-is-home header.s-header.fcc-overlay:not(.fcc-solid) .inset a span,
html body.fc-is-home header.s-header.fcc-overlay:not(.fcc-solid) .inset .text {
  color: #1a1a1a !important; text-shadow: none !important;
}
html body.fc-is-home header.s-header.fcc-overlay:not(.fcc-solid) .main-menu li ul a:hover,
html body.fc-is-home header.s-header.fcc-overlay:not(.fcc-solid) .inset a:hover {
  color: #a8863f !important;
}
html body.fc-is-home header.s-header.fcc-overlay:not(.fcc-solid) .inset i,
html body.fc-is-home header.s-header.fcc-overlay:not(.fcc-solid) .inset em,
html body.fc-is-home header.s-header.fcc-overlay:not(.fcc-solid) .inset svg,
html body.fc-is-home header.s-header.fcc-overlay:not(.fcc-solid) .inset svg * {
  color: #a8863f !important; fill: #a8863f !important; stroke: #a8863f !important; filter: none !important;
}
html body.fc-is-home header.s-header.fcc-overlay:not(.fcc-solid) .inset .b-dropper::after,
html body.fc-is-home header.s-header.fcc-overlay:not(.fcc-solid) .inset .b-dropper::before {
  color: #a8863f !important; border-color: #a8863f !important; filter: none !important;
}
html body.fc-is-home header.s-header .main-menu li ul a { color: #1a1a1a !important; text-shadow: none !important; }
html body.fc-is-home header.s-header .main-menu li ul i { color: #a8863f !important; filter: none !important; }

/* Режим после прокрутки (за пределами видео) — АБСОЛЮТНО белая шапка,
   лого чёрное, трубка и иконки чёрные (решение заказчика 23.07.2026) */
html body.fc-is-home header.s-header.fcc-solid {
  background: #ffffff !important;
  box-shadow: 0 1px 0 rgba(26,26,26,.08) !important;
}
html body.fc-is-home header.s-header.fcc-solid a { color: #1a1a1a !important; text-shadow: none !important; }
html body.fc-is-home header.s-header.fcc-solid a:hover { color: #a8863f !important; }
html body.fc-is-home header.s-header.fcc-solid i,
html body.fc-is-home header.s-header.fcc-solid em { color: #1a1a1a !important; filter: none !important; }
html body.fc-is-home header.s-header.fcc-solid svg,
html body.fc-is-home header.s-header.fcc-solid svg * { fill: #1a1a1a !important; stroke: #1a1a1a !important; }
html body.fc-is-home header.s-header.fcc-solid .b-dropper::after,
html body.fc-is-home header.s-header.fcc-solid .b-dropper::before {
  color: #bc9950 !important; border-color: #bc9950 !important; filter: none !important;
}
html body.fc-is-home header.s-header.fcc-solid img { filter: none !important; }

/* Страховка: вне overlay-режима лого и ссылки всегда обычные */
html body.fc-is-home header.s-header:not(.fcc-overlay) img { filter: none !important; }
html body.fc-is-home header.s-header:not(.fcc-overlay) a { color: #1a1a1a !important; text-shadow: none !important; }

@media (prefers-reduced-motion: reduce) {
  html body.fc-is-home header.s-header { transition: none !important; }
}

/* --- Видео hero во весь экран на десктопе (решение заказчика 23.07.2026) --- */
@media (min-width: 1200px) and (hover: hover) and (pointer: fine) {
  html body.fc-is-home section.servicepage-chauffeurs,
  html body.fc-is-home #home-slider,
  html body.fc-is-home .swiper-container.home17,
  html body.fc-is-home .home17 .swiper-slide,
  html body.fc-is-home .home17 video {
    height: 100vh !important;
    max-height: 100vh !important;
    overflow: hidden;
  }
  html body.fc-is-home .home17 video {
    width: 100% !important;
    object-fit: cover !important;
  }
}

/* --- Видео hero на мобильном/планшете: ~60% высоты экрана
   (решение заказчика 23.07.2026) --- */
@media (max-width: 1199px) {
  html body.fc-is-home section.servicepage-chauffeurs,
  html body.fc-is-home #home-slider,
  html body.fc-is-home .swiper-container.home17,
  html body.fc-is-home .home17 .swiper-slide,
  html body.fc-is-home .home17 video {
    height: 62vh !important;
    height: 62svh !important;
    max-height: 62svh !important;
    overflow: hidden;
  }
  html body.fc-is-home .home17 video {
    width: 100% !important;
    object-fit: cover !important;
  }
}
/* ============================================================
   Дополнение к fcc-hero.css (v2) — добавить в конец файла.
   Утверждено заказчиком 24.07.2026.
   1) Крупные шрифты hero на десктопе (заголовок до 88px), кнопка и
      Trustpilot ниже.
   2) Единый тёмный типаж шапки на десктопе:
      - позиция 0: шапка прозрачная (белые пункты на видео);
      - при скролле (класс .fcc-scrolled, вешает fcc-hero.js): фон
        тёмный rgba(10,10,12,.85) с плавным переходом .4s, чёткая
        нижняя граница 1px без размытого хвоста;
      - обе строки меню на ЕДИНОМ фоне (полосы прозрачные, фон на
        header), без шва и разной плотности.
      Белый режим (.fcc-solid) не используется.
   3) Плавность fade у ротации заголовка.
   ============================================================ */

/* --- 1. Крупные шрифты hero (десктоп) --- */
@media (min-width: 1200px) and (hover: hover) and (pointer: fine) {
  html body.fc-is-home .fc-hero-cta { width: min(94vw, 1280px) !important; gap: 20px !important; }
  html body.fc-is-home .fcc-hd .eye { font-size: 17.5px !important; letter-spacing: 4.5px !important; margin-bottom: 17px !important; }
  html body.fc-is-home .fcc-hd h1,
  html body.fc-is-home .fcc-hd h2 { font-size: clamp(54px, 7.2vw, 88px) !important; }
  html body.fc-is-home .fcc-hd .rule { width: 72px !important; height: 3px !important; margin: 24px auto 20px !important; }
  html body.fc-is-home .fcc-hd .sub { font-size: 23px !important; }
  html body.fc-is-home .fc-hero-cta button.btn__default { font-size: 20px !important; padding: 25px 70px !important; letter-spacing: 3px !important; border-radius: 10px !important; margin-top: 14px !important; }
  html body.fc-is-home .fcc-btn-note { font-size: 17.5px !important; }
  html body.fc-is-home .fc-hero-tp { transform: scale(1.6) !important; margin-top: 20px !important; }
}

/* --- 2. Единый тёмный типаж шапки: прозрачно наверху, тёмно при скролле --- */
@media (min-width: 1200px) and (hover: hover) and (pointer: fine) {
  /* плавность и общая база */
  html body.fc-is-home header.s-header {
    transition: background-color .4s ease, border-color .4s ease !important;
  }
  /* прозрачный режим (позиция 0) */
  html body.fc-is-home header.s-header.fcc-overlay:not(.fcc-scrolled) {
    background-color: transparent !important;
    border-bottom: 1px solid transparent !important;
    box-shadow: none !important;
  }
  /* затемнённый режим (при скролле) — единая плоскость 85% */
  html body.fc-is-home header.s-header.fcc-overlay.fcc-scrolled {
    background-color: rgba(10, 10, 12, .70) !important;
    border-bottom: 1px solid rgba(255, 255, 255, .12) !important;
    box-shadow: none !important;
  }
  /* внутренние полосы всегда прозрачны — фон даёт header, без шва */
  html body.fc-is-home header.s-header.fcc-overlay .row-header,
  html body.fc-is-home header.s-header.fcc-overlay .col-header-nav,
  html body.fc-is-home header.s-header.fcc-overlay .col-header-logo,
  html body.fc-is-home header.s-header.fcc-overlay .col-header-phone {
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    border: none !important;
  }
}

/* --- 3. Плавность ротации заголовка (fade 1с + подъём) --- */
html body.fc-is-home .fcc-hd h1,
html body.fc-is-home .fcc-hd .sub {
  transition: opacity 1s ease, transform 1s ease;
  will-change: opacity, transform;
}

/* --- Скрытие значка корзины на главной (страховка к JS) --- */
html body.fc-is-home header.s-header .col-header-basket { display: none !important; }

/* Постер как фон видео-элемента — убирает чёрный экран, пока видео грузится */
html body.fc-is-home .home17 video {
  background-color: #14120e !important;
  background-image: url("/storage/page_route_contents/01KYB0BV3GV2JJCRGG43VT9G3T.jpg") !important;
  background-position: center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}

/* Кнопка/микротекст/Trustpilot ниже + крупнее мобильные шрифты (решение заказчика 24.07.2026) */
@media (min-width: 1200px) and (hover: hover) and (pointer: fine) {
  html body.fc-is-home .fc-hero-cta button.btn__default { margin-top: 32px !important; }
  html body.fc-is-home .fc-hero-tp { margin-top: 30px !important; }
}
@media (max-width: 600px) {
  html body.fc-is-home .fcc-hd .eye { font-size: 10.5px !important; letter-spacing: 2.2px !important; }
  html body.fc-is-home .fcc-hd h1,
  html body.fc-is-home .fcc-hd h2 { font-size: clamp(24px, 7.4vw, 31px) !important; }
  html body.fc-is-home .fcc-hd .sub { font-size: 13px !important; }
  html body.fc-is-home .fc-hero-cta button.btn__default { font-size: 13px !important; padding: 14px 32px !important; margin-top: 18px !important; }
  html body.fc-is-home .fcc-btn-note { font-size: 11.5px !important; }
  html body.fc-is-home .fc-hero-tp { transform: scale(.78) !important; margin-top: 14px !important; }
}
/* Мобильный текст hero ещё +20% (решение заказчика 24.07.2026) */
@media (max-width: 600px) {
  html body.fc-is-home .fcc-hd .eye { font-size: 12.5px !important; letter-spacing: 2.6px !important; }
  html body.fc-is-home .fcc-hd h1,
  html body.fc-is-home .fcc-hd h2 { font-size: clamp(29px, 8.9vw, 37px) !important; }
  html body.fc-is-home .fcc-hd .sub { font-size: 15.5px !important; }
  html body.fc-is-home .fc-hero-cta button.btn__default { font-size: 15.5px !important; padding: 16px 38px !important; }
  html body.fc-is-home .fcc-btn-note { font-size: 14px !important; }
  html body.fc-is-home .fc-hero-tp { transform: scale(.93) !important; margin-top: 16px !important; }
}
/* Мобильный текст hero ещё +20% (решение заказчика 24.07.2026, v5) */
@media (max-width: 600px) {
  html body.fc-is-home .fcc-hd .eye { font-size: 15px !important; letter-spacing: 3px !important; }
  html body.fc-is-home .fcc-hd h1,
  html body.fc-is-home .fcc-hd h2 { font-size: clamp(35px, 10.7vw, 44px) !important; }
  html body.fc-is-home .fcc-hd .sub { font-size: 18.5px !important; }
  html body.fc-is-home .fc-hero-cta button.btn__default { font-size: 18.5px !important; padding: 17px 42px !important; }
  html body.fc-is-home .fcc-btn-note { font-size: 16.5px !important; }
  html body.fc-is-home .fc-hero-tp { transform: scale(1.05) !important; margin-top: 18px !important; }
}


/* === FIX: третий уровень выпадающего меню (Our fleet / Hotel booking) ===
   Причина: правило выше задаёт .ul-inset { overflow:hidden !important } —
      оно обрезает подменю 3-го уровня (позиционируется вправо, left:100%).
         Убираем обрезку ТОЛЬКО на десктопе (>=1200px) и ТОЛЬКО для десктопных
            меню (:not(.tablet-shown)); скругление углов переносим на первый/последний
               пункт списка. Мобильная/планшетная разметка (.tablet-shown) не затрагивается.
                  Добавлено 02.08.2026. */
                  @media (min-width: 1200px) {
                    html body.fc-is-home header.s-header .main-menu:not(.tablet-shown) .li-dropper .inset .ul-inset,
                      html body.fc-is-home header.s-header.fcc-overlay:not(.fcc-solid) .main-menu:not(.tablet-shown) .li-dropper .inset .ul-inset {
                          overflow: visible !important;
                              border-radius: 12px !important;
                                }
                                  html body.fc-is-home header.s-header .main-menu:not(.tablet-shown) .li-dropper .inset .ul-inset > li:first-child > .__link,
                                    html body.fc-is-home header.s-header.fcc-overlay:not(.fcc-solid) .main-menu:not(.tablet-shown) .li-dropper .inset .ul-inset > li:first-child > .__link {
                                        border-radius: 12px 12px 0 0 !important;
                                          }
                                            html body.fc-is-home header.s-header .main-menu:not(.tablet-shown) .li-dropper .inset .ul-inset > li:last-child > .__link,
                                              html body.fc-is-home header.s-header.fcc-overlay:not(.fcc-solid) .main-menu:not(.tablet-shown) .li-dropper .inset .ul-inset > li:last-child > .__link {
                                                  border-radius: 0 0 12px 12px !important;
                                                    }
                                                    }