@charset "UTF-8";
:root {
  --color-glow: rgba(0, 157, 224, 0.7);
  --shadow-header: 0 15px 35px rgba(0, 0, 0, 0.1);
  --transition: 0.4s;
}
/* --- 1. УБИРАЕМ ОТСТУП 1.2rem (ФИНАЛЬНОЕ РЕШЕНИЕ) --- */
/* Этот селектор прицельно бьет по тому, что мы видели в инспекторе */
@media (min-width: 1111px) {
  body .wp-site-blocks > * {
    margin-block-start: 0 !important;
    margin-top: 0 !important;
  }
}
/* 1. БАЗОВЫЕ НАСТРОЙКИ (ВСЕГДА) */
header {
  position: fixed !important;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999 !important;
}
/* 2. НАСТРОЙКИ ДЛЯ ПК (экраны от 1111px и выше) */
@media (min-width: 1111px) {
  /* Вверху страницы — прозрачный */
  /* При скролле — включаем стекло */
  body:has(.hero-cover) header:not(.scrolled), body:has(.hero-cover) header:not(.scrolled) .has-contrast-background-color {
    background-color: transparent !important;
    background: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    transition: 0.3s !important;
  }
  header.scrolled, header.scrolled .has-contrast-background-color {
    background-color: rgba(255, 255, 255, 0.05) !important;
    background: rgba(0, 0, 0, 0.3) !important;
    backdrop-filter: blur(15px) saturate(160%) contrast(100%) !important;
    -webkit-backdrop-filter: blur(15px) saturate(160%) contrast(100%) !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37) !important;
    transition: 0.3s !important;
  }
}
/* ==========================================================================
   3. НАСТРОЙКИ ДЛЯ МОБИЛЬНЫХ И ПЛАНШЕТОВ (экраны 1110px и ниже)
   ========================================================================== */
@media (max-width: 1110px) {
  /* [СИГНАЛ НА РАСКРЫТИЕ] Мягко убираем обрезку, позволяя стеклу плавно "упасть" вниз */
  body::before {
    content: "" !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 25px !important;
    /* Ровно по высоте твоей закрытой шапки */
    background: #000000 !important;
    /* Чистый черный основной фон */
    z-index: 9998 !important;
  }
  header, header .has-contrast-background-color, header.scrolled, header.scrolled .has-contrast-background-color {
    background-color: rgba(255, 255, 255, 0.05) !important;
    background: rgba(0, 0, 0, 0.3) !important;
    backdrop-filter: blur(15px) saturate(160%) contrast(100%) !important;
    -webkit-backdrop-filter: blur(15px) saturate(160%) contrast(100%) !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37) !important;
    height: 100vh !important;
    clip-path: inset(0 0 calc(100vh - 70px) 0) !important;
    transition: clip-path 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;
  }
  body.mega-menu-max_mega_menu_1-mobile-open header, body.mega-menu-max_mega_menu_1-mobile-open header .has-contrast-background-color {
    clip-path: inset(0 0 0 0) !important;
    overflow-y: auto !important;
    transition: clip-path 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;
  }
}
/* --- КНОПКИ --- */
.wp-block-button__link {
  transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1) !important;
  transform: translateY(0);
  display: inline-block;
  border-style: solid;
}
.btn-lift .wp-block-button__link:hover {
  transform: translateY(-5px) !important;
}
.hvr-glass .wp-block-button__link:hover {
  background-color: rgba(255, 255, 255, 0.15) !important;
  border-color: rgba(255, 255, 255, 0.5) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  box-shadow: 0 10px 25px rgba(255, 255, 255, 0.2) !important;
}
.hvr-outline .wp-block-button__link:hover {
  background-color: transparent !important;
  backdrop-filter: blur(0px) !important;
}
.btn-solid-glow .wp-block-button__link:hover {
  box-shadow: 0 10px 25px rgba(255, 128, 0, 0.5) !important;
  transform: translateY(-5px) !important;
}
.colum-text .text:hover {
  text-shadow: 0 0 10px #ff8000;
}
html {
  scroll-behavior: smooth;
}
[id] {
  scroll-margin-top: 120px;
}
* {
  -webkit-tap-highlight-color: transparent !important;
}
*:focus:not(:focus-visible) {
  outline: none !important;
}
@media (min-width: 782px) {
  /* 1. Базовый контейнер */
  /* 2. Верхний хвостик линии (идет от начала секции до первой точки) */
  /* 3. Жестко фиксируем отступы между строками, чтобы математика не сбивалась */
  /* 4. САМА ТОЧКА (с плавным переходом) */
  /* 4.1. АКТИВНАЯ ТОЧКА (когда доскроллили) */
  .timeline-columns {
    position: relative;
    padding: 20px 0;
  }
  .timeline-columns::before {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    width: 2px;
    height: 29px;
    /* Обрывается ровно перед первой точкой */
    background: #636363;
  }
  .timeline-columns .wp-block-columns {
    position: relative;
    margin-bottom: 30px !important;
  }
  .timeline-columns .wp-block-columns::before {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 15px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #ff8000;
    z-index: 3;
    transition: background-color 0.4s ease, box-shadow 0.4s ease, transform 0.4s ease;
  }
  .timeline-columns .wp-block-columns.active-step::before {
    box-shadow: 0 0 12px rgba(255, 128, 0, 0.8);
    /* Красивое неоновое свечение */
    transform: translateX(-50%) scale(1.3);
  }
  .timeline-columns .wp-block-columns::after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 35px;
    bottom: -39px;
    width: 2px;
    background: #636363;
    z-index: 1;
  }
  .timeline-columns .wp-block-columns:last-child::after {
    display: none !important;
  }
  .timeline-columns .hvr-txt-right, .timeline-columns .hvr-txt-right * {
    text-align: right !important;
  }
  .timeline-columns .hvr-txt-right {
    padding: 0 45px 0 0 !important;
  }
  .timeline-columns .hvr-txt-left, .timeline-columns .hvr-txt-left * {
    text-align: left !important;
  }
  .timeline-columns .hvr-txt-left {
    padding: 0 0 0 45px !important;
  }
}
/* ==========================================================================
   КНОПКА НА ВСЮ ШИРИНУ КОЛОНКИ
   ========================================================================== */
.full-width-btn, .full-width-btn .wp-block-button__link, .full-width-btn a {
  width: 100% !important;
  display: block !important;
  text-align: center !important;
  /* Центрируем текст внутри растянутой кнопки */
  box-sizing: border-box !important;
  /* Чтобы отступы (padding) не ломали ширину */
}
/* Если кнопка лежит в flex-контейнере Gutenberg, заставляем контейнер тоже растянуться */
.wp-block-buttons .wp-block-button.full-width-btn {
  flex-basis: 100% !important;
  width: 100% !important;
}
/* --- IMAGE COLUMN --- */
.wp-block-columns:has(.is-image-column) {
  align-items: stretch !important;
}
.wp-block-columns .is-image-column.wp-block-column {
  display: flex !important;
  padding: 0 !important;
  margin: 0 !important;
}
.wp-block-columns .is-image-column .wp-block-image {
  display: flex;
  flex: 1;
  margin: 0;
}
.wp-block-columns .is-image-column .wp-block-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
@media (max-width: 780px) {
  /* 3. Магия: добавляем горизонтальную линию ВСЕМ колонкам с этим классом, кроме ПОСЛЕДНЕЙ */
  .mobile-no-borders {
    /* 1. Убираем вертикальные линии по бокам */
    border-left: none !important;
    border-right: none !important;
    /* 2. Добавляем отступы сверху и снизу, чтобы текст не прилипал к новым линиям */
    padding-top: 25px;
    padding-bottom: 25px;
  }
  .mobile-no-borders:not(:last-child) {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
    /* Серый/полупрозрачный цвет линии */
  }
  .mobile-spacer {
    /* Добавляет отступ снизу, например, 30 пикселей */
    margin-bottom: 60px !important;
  }
}
@media (min-width: 780px) {
  .spacer-mobile {
    margin-bottom: 60px !important;
  }
}
/* Делаем последний пункт меню кнопкой с фоном */
.mega-menu-wrap #mega-menu-max_mega_menu_1 > li.mega-menu-item:last-child > a.mega-menu-link {
  background-color: #ff8000 !important;
  /* Твой фирменный оранжевый цвет */
  color: #ffffff !important;
  /* Белый цвет текста */
  border-radius: 2px !important;
  /* Скругление углов, как у кнопок на сайте */
  padding-left: 20px !important;
  /* Внутренние отступы, чтобы кнопка дышала */
  padding-right: 20px !important;
  transition: 0.3s ease !important;
}
/* Эффект при наведении на кнопку */
.mega-menu-wrap #mega-menu-max_mega_menu_1 > li.mega-menu-item:last-child > a.mega-menu-link:hover {
  box-shadow: 0 10px 25px rgba(255, 128, 0, 0.6) !important;
}
/* Эффект при наведении на ВСЕ ОСТАЛЬНЫЕ пункты меню */
.mega-menu-wrap #mega-menu-max_mega_menu_1 > li.mega-menu-item:not(:last-child) > a.mega-menu-link:hover {
  color: #ff8000 !important;
  /* Меняем цвет текста на ярко-оранжевый */
  text-shadow: 0 0 10px rgba(255, 128, 0, 0.5) !important;
  /* Добавляем легкое неоновое свечение тексту */
  transition: 0.3s ease !important;
  /* Плавный переход */
}
/* Полностью скрываем первую колонку (с фото) в блоке контактов при ширине меньше 1197px */
@media (max-width: 1196px) {
  /* Находим блок контактов по твоему классу, берем внутри первую колонку и скрываем */
  /* Заставляем оставшуюся колонку с текстом растянуться на всю ширину */
  .img-contact-box {
    display: none !important;
  }
  .glass-contact-box {
    flex-basis: 100% !important;
  }
  body .flex-columns {
    flex-direction: column !important;
  }
  body .flex-columns .wp-block-image img, body .flex-columns img {
    max-height: 550px !important;
    /* Жестко задаем максимальную высоту (подкрути под себя, например 350px-450px)  */
    object-fit: cover !important;
  }
  .column-reverse {
    flex-direction: column-reverse !important;
    /* Выстраивает элементы вертикально, но снизу вверх  */
  }
}
@media (max-width: 1033px) {
  body .columns-cover {
    flex-direction: column !important;
  }
}
/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sourceRoot%22%3A%22%2F%22%2C%22sources%22%3A%5B%22wp-content%2Fcustom_codes%2F2099-scss-default.scss%22%2C%22(stdin)%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BACAA%3BAAAA%3BADQA%3BAACA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BACTA%3BADiBA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BACjBA%3BAD0BA%3BAAAA%3BAAAA%3BAAEI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAYA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BACxCJ%3BAAAA%3BAAAA%3BADsDA%3BAAAA%3BAAEC%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAWG%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAeA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAClFJ%3BADgGA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAOA%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%3BAAOA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAACA%3BAAAA%3BAAAA%3BAACA%3BAAAA%3BAAAA%3BAACA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAEI%3BAAAA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAYA%3BAAAA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAeA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAWA%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAACA%3BAAAA%3BAAAA%3BAAEA%3BAAAA%3BAAAA%3BAACA%3BAAAA%3BAAAA%3BAAAA%3BACxMJ%3BAAAA%3BAAAA%3BADgNA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAChNA%3BAD0NA%3BAAAA%3BAAAA%3BAAAA%3BAC1NA%3BADkOA%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAUA%3BAAAA%3BAACE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAWA%3BAAAA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAOF%3BAACA%3BAAAA%3BAAAA%3BAAAA%3BACjRA%3BADuRA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BACvRA%3BADiSA%3BAAAA%3BAAAA%3BACjSA%3BADsSA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BACtSA%3BAD%2BSA%3BAAAA%3BAAAA%3BAAEI%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAMF%3BAAAA%3BAAAA%3BAAID%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAASA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMD%3BAACE%3BAAAA%3BAAAA%3BAAAA%22%7D */