/* === БОНУС: ПЛАВНОЕ ПОЯВЛЕНИЕ ПРИ СКРОЛЛЕ === */
/* Заголовки секций «выползают» снизу */
.t-heading.t-animate_started {
  animation: fadeInUp 0.8s ease-out;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* === БОНУС: HOVER-ЭФФЕКТ НА КАРТОЧКАХ ГАЛЕРЕИ === */
.t778__col:hover .t778__bgimg {
  transform: scale(1.02);
  transition: transform 0.6s ease-out;
}

.t778__col .t778__bgimg {
  transition: transform 0.6s ease-out;
}

/* === БОНУС: ПОДЧЁРКИВАНИЕ ССЫЛОК «ПОДРОБНЕЕ» ПРИ HOVER === */
.t778 .t-name a:hover,
a[href*="podrobnee"]:hover {
  text-decoration: underline;
  text-underline-offset: 4px;
  text-decoration-color: var(--color-bronze);
  text-decoration-thickness: 1px;
}
</style>