/* =============================================================
   СТРУКТУРА ФАЙЛА
   1. fullPage: контейнер и секции
   2. fullPage: навигация #fp-nav
   3. Фиксированный сайдбар
   4. Бургер-меню
   5. Служебные блоки нулевой высоты (оверлеи)
   6. Скрытые элементы Тильды
   7. Горизонтальный скролл (ScrollBooster)
   8. Стрелки и индикаторы
   9. Точечные правки блоков
   10. Адаптив
   ============================================================= */


/* =============================================================
   1. FULLPAGE: КОНТЕЙНЕР И СЕКЦИИ
   Высоту контейнера и секций fullPage выставляет сам,
   поэтому здесь только позиционирование и контекст наложения.
   ============================================================= */

#fullpage {
  position: relative;
  width: 100%;
}

.fp-section {
  position: relative;
  width: 100%;
  z-index: 1;
  overflow: hidden;
}


/* =============================================================
   2. FULLPAGE: НАВИГАЦИЯ
   right: auto обязателен — иначе точки растягиваются на всю ширину.
   ============================================================= */

#fp-nav {
  width: 50px;
  top: 500px !important;
  left: 50px !important;
  margin-top: 0 !important;
  z-index: 9999 !important;
}

#fp-nav.fp-right {
  right: auto !important;
}

#fp-nav ul {
  height: 270px !important;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

#fp-nav ul li a span {
  background: rgba(255, 255, 255, 1) !important;
}


/* =============================================================
   3. ФИКСИРОВАННЫЙ САЙДБАР  #rec973072606
   ============================================================= */

#rec973072606 {
  position: fixed;
  top: 0;
  left: 0;
  width: 195px;
  height: 100vh;
  z-index: 9997;
  overflow: hidden !important;
}

html #rec973072606 .t396__artboard,
html #rec973072606 .t396__carrier,
html #rec973072606 .t396__filter {
  height: 100% !important;
  min-height: 0 !important;
}


/* =============================================================
   4. БУРГЕР-МЕНЮ  #rec973072076
   Открытое состояние ставит скрипт: класс .open на блоке
   и .menu-open на .
   ============================================================= */

#rec973072076 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background-color: rgba(0, 0, 0, .8);
  transform: translateX(-150%);
  opacity: 0;
  pointer-events: none;
  transition: transform .3s ease, opacity .3s ease;
}

#rec973072076.open {
  transform: translateX(0);
  opacity: 1;
  pointer-events: auto;
}

html.menu-open,
html.menu-open body {
  overflow: hidden;
}

/* Убираем задержку тапа на сайдбаре, меню и бургере */
#rec973072606, #rec973072606 *,
#rec973072076, #rec973072076 *,
.burger-button1 {
  touch-action: manipulation !important;
}


/* =============================================================
   5. СЛУЖЕБНЫЕ БЛОКИ НУЛЕВОЙ ВЫСОТЫ
   Блоки-оверлеи: не занимают места в потоке,
   их содержимое позиционируется само.
   ============================================================= */

#rec668784488,
#rec973074701,
#rec774651471,
#rec973099486,
#rec973647646,
#rec989876001,
#rec973664131 {
  position: absolute !important;
  top: 0;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

/* Схлопываем внутренние обёртки Тильды у блока со стрелками */
html #rec668784488 .t396__artboard,
html #rec668784488 .t396__carrier,
html #rec668784488 .t396__filter {
  height: 0 !important;
  min-height: 0 !important;
  background: transparent !important;
}


/* =============================================================
   6. СКРЫТЫЕ ЭЛЕМЕНТЫ ТИЛЬДЫ
   ============================================================= */



/* Рука во втором блоке */
.tn-elem__6643297901699454540597 {
  display: none;
}


/* =============================================================
   7. ГОРИЗОНТАЛЬНЫЙ СКРОЛЛ (ScrollBooster)
   Классы .scrollbooster-* навешивает скрипт после afterRender.
   ============================================================= */

.scrollbooster-viewport {
  cursor: -webkit-grab;
  cursor: grab;
  touch-action: pan-y;
}

.scrollbooster-content {
  position: relative;
  display: flex;
  width: fit-content;
  height: 100%;
  box-sizing: border-box;
  padding-bottom: 30px;
}

/* Блоки-карусели: контент не обрезаем на уровне рекорда */
.uc-services,
.uc-employees {
  overflow: visible !important;
  z-index: 2 !important;
}

/* Возвращаем управление высотой блокам с масштабируемым артбордом */
#rec664329790:has(.t396__artboard_scale),
#rec668148780:has(.t396__artboard_scale),
#rec963721911:has(.t396__artboard_scale) {
  height: revert !important;
}

/* Отдельная карусель на нативном скролле */
#rec664329790 .t396__artboard {
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  cursor: grab;
}

#rec664329790 .t396__artboard.active {
  cursor: grabbing;
}


/* =============================================================
   8. СТРЕЛКИ И ИНДИКАТОРЫ
   ВАЖНО: position: fixed работает только вне #fullpage —
   fullPage двигает контейнер через transform, и любой fixed
   внутри секции начинает считаться от контейнера, а не от окна.
   Блоки со стрелками и индикаторами держите вне BLOCK_IDS.
   ============================================================= */

.arrow-left,
.arrow-right {
  position: fixed;
  z-index: 1000;
  cursor: pointer;
}

.scroll-edge {
  position: fixed;
  top: 0;
  width: 50px;
  height: 100%;
  z-index: 1000;
}

.scroll-left  { left: 0; }
.scroll-right { right: 0; }

.indicators-wrapper {
  position: fixed;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  gap: 0;
  z-index: 1000;
}

.indicator {
  width: 12px;
  height: 12px;
  margin: 8px;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, .2);
  opacity: .6;
  cursor: pointer;
  transition: all .3s ease;
}

.indicator.active {
  opacity: 1;
  background-color: red;
  transform: scale(1.2);
}


/* =============================================================
   9. ТОЧЕЧНЫЕ ПРАВКИ БЛОКОВ
   ============================================================= */

/* Услуги: ссылки без подчёркивания и смены цвета */
#rec668148780 a,
#rec668148780 a:hover {
  color: inherit !important;
  text-decoration: none !important;
}
#rec963907046 a,
#rec963907046 a:hover {
#rec963907046 a:visited {
  text-decoration: none !important;
}

/* =============================================================
   10. АДАПТИВ
   ============================================================= */

@media (max-width: 768px) {
  #rec973072606 {
    width: 100%;
    height: 40px;
  }
}

@media (max-width: 768px) {
  #rec973072606 {
    width: 100%;
    height: 40px;
  }

  #fp-nav {
    display: none !important;
  }
}