/* Пункты второго меню в Zero-блоке.
   Класс uc-secnav-link висит на .t396__elem (обёртка),
   сама кликабельная часть — это .tn-atom внутри. */

.uc-secnav-link .tn-atom {
  border-bottom: 2px solid transparent;
  text-decoration: none;
  cursor: pointer;
  transition: color .2s ease, border-color .2s ease;
}

/* Ховер — лёгкое подчёркивание */
.uc-secnav-link .tn-atom:hover {
  border-bottom-color: #70D8F5;
}

/* Активный пункт (по скроллу) */
.uc-secnav-link.uc-secnav-link--active .tn-atom {
  color: #70D8F5 !important;      /* перебиваем цвет, заданный в Тильде */
  border-bottom-color: #70D8F5;
  font-weight: 600;
}

/* === ГЛАВНАЯ: слайдер во весь экран === */
#rec1670116361 {
  position: relative;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

#rec1670116361 .t396 {
  position: relative;
}

#rec1670116361 .t396__artboard {
  height: 100vh !important;
  overflow: hidden;
}

/* === ФОНЫ-СЛАЙДЫ ДЛЯ ОБОИХ БЛОКОВ === */
#rec1670116361 .pg-slide,
#rec1605320371 .pg-slide {
  position: absolute !important;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.6s ease-out;
  background-size: cover;
  background-position: center;
  pointer-events: none;
}

#rec1670116361 .pg-slide.pg-active,
#rec1605320371 .pg-slide.pg-active {
  opacity: 1;
}

/* МОБИЛКА: вообще не трогаем второй блок, только если нужно — первый */
@media (max-width: 960px) {
  /* если что-то будет не так с первым, можно раскомментировать и сделать его не на 100vh
  #rec1670116361 .t396__artboard {
    height: auto !important;
  }
  */
}