@font-face {
  font-family: 'MTS Wide';
  src: url('/fonts/MTSWide-Medium.woff2') format('woff2'),
       url('/fonts/MTSWide-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'MTS Wide';
  src: url('/fonts/MTSWide-Bold.woff2') format('woff2'),
       url('/fonts/MTSWide-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

.logo-title {
  font-family: 'MTS Wide', sans-serif !important;
  font-weight: 700;
}

/* ── Material Symbols: гард от вспышки лигатурного текста ──────────────────
   Иконки задаются лигатурами (<span class="material-symbols-outlined">menu</span>),
   а стиль шрифта подключается асинхронно (media="print" onload). Пока шрифт не
   применён, браузер рисует сырой текст — «menu», «bookmark», «point_scan».
   Держим иконки невидимыми: visibility резервирует место, поэтому вёрстка не
   прыгает. Раскрываем двумя независимыми путями:
     1) класс tpvz-icons-ready от tpvz-nav.js — как только шрифт реально загружен;
     2) CSS-анимация с задержкой 3s — страховка на случай, если JS не выполнится
        или шрифт не доедет; иконки никогда не останутся скрытыми навсегда.
   Этот файл подключён синхронно на всех страницах, поэтому гард действует
   с самого первого кадра. */
.material-symbols-outlined {
  visibility: hidden;
  animation: tpvz-icon-reveal 0s linear 3s forwards;
}

html.tpvz-icons-ready .material-symbols-outlined {
  visibility: visible;
  animation: none;
}

@keyframes tpvz-icon-reveal {
  to {
    visibility: visible;
  }
}