/* ================================
   1. БАЗОВЫЕ СТИЛИ КНОПОК
================================ */
.t-btn, button, a.t-btn {
  transition: all 0.35s ease;
  position: relative;
  overflow: hidden;
}

/* Парение + мягкая подсветка */
.t-btn:hover, 
button:hover, 
a.t-btn:hover {
  transform: translateY(-3px) scale(1.03);
  box-shadow: 0 10px 28px rgba(26, 188, 157, 0.35);
  background-color: #f2f2f2 !important;
  color: #077D83 !important;
  filter: brightness(1.08);
}


/* ================================
   2. ПЕРЕЛИВ (Glow)
================================ */
@keyframes buttonGlow {
  0% {
    box-shadow: 0 0 0 rgba(26,188,157,0);
    filter: brightness(1);
  }
  50% {
    box-shadow: 0 0 20px rgba(26,188,157,0.25);
    filter: brightness(1.07);
  }
  100% {
    box-shadow: 0 0 0 rgba(26,188,157,0);
    filter: brightness(1);
  }
}

/* Glow применяется только когда добавлен класс animate-glow */
.t-btn.animate-glow,
button.animate-glow,
a.t-btn.animate-glow {
  animation: buttonGlow 2.5s ease-in-out infinite;
}


/* ================================
   3. МЯГКАЯ ПУЛЬСАЦИЯ КНОПКИ
================================ */
@keyframes softPulse {
  0% {
    transform: scale(1);
    box-shadow: 0 0 0px rgba(26, 188, 157, 0.3);
  }
  50% {
    transform: scale(1.03);
    box-shadow: 0 0 12px rgba(26, 188, 157, 0.25);
  }
  100% {
    transform: scale(1);
    box-shadow: 0 0 0px rgba(26, 188, 157, 0.3);
  }
}

/* Пульсация кнопок по умолчанию */
.t-btn {
  animation: softPulse 3.5s ease-in-out infinite;
}


/* ================================
   4. Лёгкий ховер по якорям
================================ */
a[href*="#"]:hover {
  color: #1ABC9D;
  transition: color 0.3s ease;
}

/* === 1. СТИЛЬ ПРЯМОУГОЛЬНЫХ ПОДСКАЗОК === */
#rec1572976751 .t607__tooltip::after,
#rec1572976751 .t607__tooltip::before {
    display: none !important;
}

#rec1572976751 .t607__tooltip {
    background: #ffffff !important;
    color: #111 !important;
    border-radius: 10px !important;
    padding: 6px 12px !important;

    font-family: 'Montserrat', sans-serif !important;
    font-weight: 300 !important; /* LIGHT */
    font-size: 13px !important;
    letter-spacing: 0.2px;

    box-shadow: 0 4px 14px rgba(0,0,0,0.15) !important;

    opacity: 0 !important;
    transform: translateY(-50%) translateX(8px);
    transition: all .25s ease;

    position: absolute !important;
    right: 20px !important;
    top: 50% !important;
    white-space: nowrap !important;

    pointer-events: none;
}

#rec1572976751 .t607__list_item:hover .t607__tooltip {
    opacity: 1 !important;
    transform: translateY(-50%) translateX(0);
    pointer-events: auto;
}


/* === 2. ТОЧКИ (минимализм) === */
#rec1572976751 .t607__dot {
    width: 12px !important;
    height: 12px !important;
    border-radius: 50%;
    border: 2px solid #CFCFCF !important;
    background: transparent !important;
    transition: all .35s ease;
}

#rec1572976751 .t607__list_item:hover .t607__dot {
    background: #1ABC9D !important;
    box-shadow: 0 0 12px rgba(26,188,157,0.35);
    transform: scale(1.2);
}

#rec1572976751 .t-menu__link-item.t-active .t607__dot {
    background: #1ABC9D !important;
    box-shadow: 0 0 12px rgba(26,188,157,0.35);
}

/* === 3. Мягкая анимация появления точек после 3 блока === */
#rec1572976751 .t607__dot {
    opacity: 0;
    transform: translateX(10px);
    animation: dotFade .8s ease forwards;
}

@keyframes dotFade {
    0% { opacity: 0; transform: translateX(10px); }
    100% { opacity: 1; transform: translateX(0); }
}

#rec1572976751 .t607__list_item:nth-child(1) .t607__dot { animation-delay: .12s; }
#rec1572976751 .t607__list_item:nth-child(2) .t607__dot { animation-delay: .18s; }
#rec1572976751 .t607__list_item:nth-child(3) .t607__dot { animation-delay: .24s; }
#rec1572976751 .t607__list_item:nth-child(4) .t607__dot { animation-delay: .30s; }
#rec1572976751 .t607__list_item:nth-child(5) .t607__dot { animation-delay: .36s; }
#rec1572976751 .t607__list_item:nth-child(6) .t607__dot { animation-delay: .42s; }