#rec2419964501 { display: none !important; }
#rec2419964501 .js-successbox { display: none !important; }

/* =========================================
   1. ИКОНКИ СОЦСЕТЕЙ
========================================= */

/* Иконки полупрозрачные по умолчанию */
.t-sociallinks__svg {
    opacity: 0.5;
    transition: opacity 0.25s;
    fill: #ffffff !important;
}

/* При наведении — становятся яркими */
.t-sociallinks__item:hover .t-sociallinks__svg {
    opacity: 1;
}

/* Размер иконок */
.t-sociallinks__item a svg {
    width: 20px !important;
    height: 20px !important;
}

/* Отступ между иконками */
.t-sociallinks__item {
    margin-left: 2px !important;
}

/* =========================================
   2. ПУНКТЫ МЕНЮ
========================================= */

/* Межбуквенное расстояние в пунктах меню */
.t-menu__link {
    letter-spacing: 0.05em !important;
}

/* Отступ логотипа слева — выравниваем с текстом Hero */
.t-menu-base__logowrapper_left {
    padding-left: 25px !important;
}

/* =========================================
   3. ШАПКА — ФОН И ВЫСОТА
========================================= */

/* Прозрачный фон до скролла, плавный переход */
.t-menu__section, 
.t-menu-base__maincontainer, 
.t-menu__container {
    background-color: transparent !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    transition: background-color 0.5s ease !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* Фиксированная высота 67px — только на десктопе */
@media (min-width: 769px) {
    .t-menu__section, 
    .t-menu-base__maincontainer, 
    .t-menu__container {
        height: 67px !important;
        min-height: 67px !important;
    }
}

/* Полностью непрозрачный тёмный фон после скролла */
.t-menu__container_stuck .t-menu__section, 
.t-menu__container_stuck .t-menu-base__maincontainer, 
.t-menu__container_stuck .t-menu__container {
    background-color: rgba(28, 25, 20, 1) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* Выравнивание элементов по центру вертикали */
.t-menu-base .t-align_center,
.t-menu__container {
    align-items: center !important;
}

/* =========================================
   4. HERO — КНОПКА
========================================= */

/* Плавность анимации кнопки */
.btn-hero-tilda {
    transition: transform 0.25s ease !important;
}

/* При наведении кнопка приподнимается на 1px */
.btn-hero-tilda:hover {
    transform: translateY(-1px) !important;
}

/* =========================================
   5. HERO — АНИМИРОВАННАЯ ЛИНИЯ СКРОЛЛА
========================================= */

/* Контейнер линии — скрываем то что выходит за пределы */
.hero-scroll-line-tilda {
    position: relative;
    overflow: hidden;
}

/* Бегущая оранжевая линия внутри контейнера */
.hero-scroll-line-tilda::after {
    content: '';
    position: absolute;
    top: -100%;
    left: 0;
    right: 0;
    height: 100%;
    background: #E0872A;
    animation: scrollLine 2s ease infinite;
}

/* Анимация движения сверху вниз */
@keyframes scrollLine {
    0% { top: -100%; }
    100% { top: 100%; }
}

/* =========================================
   6. HERO — КООРДИНАТНАЯ ПАНЕЛЬ
========================================= */

/* Родительский контейнер Zero Block — нужен для absolute позиционирования */
.uc-hero-zero {
    position: relative !important;
}

/* Координатная панель — правый нижний угол Hero блока */
div.t396__group.coords-panel {
    position: absolute !important;
    bottom: 44px !important;
    right: 72px !important;
    left: auto !important;
    top: auto !important;
}

/* =========================================
   7. HERO — ОСНОВНОЙ КОНТЕНТ (ТЕКСТ СЛЕВА)
========================================= */

/* Группа с текстом — всегда по центру вертикали */
.hero-content {
    position: absolute !important;
    top: 50% !important;
    left: 72px !important;
    transform: translateY(-45%) !important;
}

/* =========================================
   8. МОБИЛЬНАЯ ВЕРСИЯ
========================================= */

@media (max-width: 768px) {

    /* Размер иконок соцсетей */
    .t-sociallinks__item a svg {
        width: 36px !important;
        height: 36px !important;
    }

    /* Отступ между иконками */
    .t-sociallinks__item {
        margin-left: 30px !important;
    }

    /* Центрируем иконки */
    .t-sociallinks {
        margin-left: auto !important;
        margin-right: auto !important;
        display: table !important;
    }

    .t-menu-base__additionalwrapper {
        width: 100% !important;
        margin-top: 40px !important;
    }

    /* Пункты меню — отступ сверху и размер */
    .t-menu__list {
        margin-top: 60px !important;
    }

    .t-menu__link {
        font-size: 22px !important;
    }
}

#rec2252863933 button.t585__trigger-button:hover span.t585__title {
    color: #C94028 !important;
}

.quill-table__cell {
    border-left: none !important;
    border-right: none !important;
    vertical-align: top !important;
    padding: 10px 0px !important;
}

/* =========================================
   АНИМАЦИЯ КОНТУРНОЙ КНОПКИ "ПОДРОБНЕЕ"
========================================= */

/* Базовые настройки кнопки */
.btn-outline-custom .tn-atom {
    position: relative;
    overflow: hidden;
    /* Плавность смены цвета текста и обводки */
    transition: color 0.25s ease, border-color 0.25s ease !important;
    z-index: 1; /* Оставляем текст поверх всего */
}

/* Создаем скрытый фон (выезжает снизу) */
.btn-outline-custom .tn-atom::before {
    content: '';
    position: absolute;
    inset: 0;
    /* Используем ВАШ красный цвет */
    background-color: #C94028 !important; 
    transform: translateY(101%);
    transition: transform 0.35s ease !important;
    z-index: -1; /* Помещаем фон ПОД текст */
}

/* --- Состояние при наведении курсора (Hover) --- */

/* Меняем цвет текста на БЕЛЫЙ для самой кнопки и ВСЕГО, что внутри нее */
.btn-outline-custom:hover .tn-atom,
.btn-outline-custom:hover .tn-atom * {
    color: #FFFFFF !important; 
    border-color: #C94028 !important;
}

/* Выдвигаем фон снизу вверх */
.btn-outline-custom:hover .tn-atom::before {
    transform: translateY(0) !important;
}

/* =========================================
   10. КАРТОЧКА ЭКСПЕДИЦИИ: АНИМАЦИЯ ФОТО -> GIF (ТОЛЬКО ПРОЯВЛЕНИЕ)
========================================= */
/* --- 10.1. Настройки статичного фото (Нижний слой) --- */
.tour-static .tn-atom img {
    filter: brightness(0.88) saturate(0.92) !important;
}

/* --- 10.2. Настройки GIF (Верхний слой) --- */
.tour-gif .tn-atom {
    /* Изначально прячем GIF */
    opacity: 0 !important;
    /* Плавность проявления (0.4 секунды) */
    transition: opacity 0.4s ease !important;
    overflow: hidden !important;
    -webkit-transform: translateZ(0); 
}

.tour-gif .tn-atom img {
    /* Базовый фильтр, чтобы цвета статики и GIF совпадали до наведения */
    filter: brightness(0.88) saturate(0.92) !important;
}

/* --- 10.3. Эффект при наведении курсора --- */
.tour-gif:hover .tn-atom {
    /* Показываем GIF */
    opacity: 1 !important;
}