/* === НАВИГАЦИОННОЕ ПОДЧЁРКИВАНИЕ ДЛЯ ZERO BLOCK (ВЕРСИЯ 3.0 С JS) === */

/* Нацеливаемся на элемент с нашим классом и на ссылку внутри него */
.main-menu-link .tn-atom {
  position: relative !important;
  text-decoration: none !important;
  /* Плавность появления/исчезания линии */
  transition: all 0.3s ease !important;
}

/* Создаем псевдо-элемент для подчеркивания */
.main-menu-link .tn-atom::after {
  content: '' !important;
  position: absolute !important;
  left: 0 !important;
  bottom: -3px !important; /* Отступ линии от текста */
  width: 0 !important;
  height: 2px !important;
  background-color: #00529B !important; /* Ваш фирменный синий */
  transition: width 0.3s ease !important;
}

/* Показываем линию при НАВЕДЕНИИ или если ссылка АКТИВНА */
.main-menu-link:hover .tn-atom::after,
.main-menu-link.active-link .tn-atom::after {
  width: 100% !important;
}