/* --- Плавный фейд текста --- */
.lang-ru, .lang-en {
  transition: opacity 0.35s ease;
  will-change: opacity;
}

/* Скрываем EN по умолчанию */
.lang-en { opacity: 0; }
.lang-ru { opacity: 1; }

/* Когда выбран русский язык */
.html-lang-ru .lang-ru { opacity: 1; pointer-events: auto; }
.html-lang-ru .lang-en { opacity: 0; pointer-events: none; }

/* Когда выбран английский язык */
.html-lang-en .lang-ru { opacity: 0; pointer-events: none; }
.html-lang-en .lang-en { opacity: 1; pointer-events: auto; }

/* --- Кнопки переключения --- */
.btn-lang-ru, .btn-lang-en {
  cursor: pointer;
  transition: all 0.25s ease;
  font-weight: 400;
  opacity: 0.5;
}

/* Активная кнопка RU */
.html-lang-ru .btn-lang-ru {
  font-weight: 700;
  opacity: 1;
}

/* Активная кнопка EN */
.html-lang-en .btn-lang-en {
  font-weight: 700;
  opacity: 1;
}

/* Hover эффект */
.btn-lang-ru:hover,
.btn-lang-en:hover {
  opacity: 0.8;
}