/* Бургер-меню в такой же квадратной рамке 28x28, что и иконка Telegram рядом -
   переопределяем размеры/позиции из темы (.mobile-toggle{width:48px;height:48px},
   .mobile-toggle span{position:absolute;top:18px/23px/28px;left:15px}). Рамка -
   белый КОНТУР (не заливка), полоски белые.
   ВАЖНО: top/left у абсолютно спозиционированных span считаются от ВНУТРЕННЕГО
   края рамки (padding-box), border добавляется СНАРУЖИ этой системы координат -
   поэтому центрируем полоски внутри 24x24 (a не 28x28), а видимый внешний
   размер 28x28 получаем за счёт border:2px (24 + 2*2 = 28). Тогда border,
   будучи одинаковым со всех 4 сторон, не портит симметрию: итоговый отступ от
   ВИДИМОГО края рамки = border(2px) + внутренний отступ(6px) = 8px на все 4
   стороны, поровну. */
.mobile-toggle{box-sizing:content-box;width:24px;height:24px;margin-left:0;border-radius:6px;border:1px solid #ffffff;background:transparent}
.mobile-toggle span{width:12px;height:2px;left:6px;background:#ffffff;border-radius:1px;transform-origin:center}
.mobile-toggle span:nth-child(1){top:6px;transform-origin:center}
.mobile-toggle span:nth-child(2){top:11px}
.mobile-toggle span:nth-child(3){top:16px;transform-origin:center}
/* Крест закрытия - раньше двигали через top (layout-свойство) ОДНОВРЕМЕННО с
   rotate(transform) в одном transition:all - это два разных механизма
   анимации, интерполируются независимо, и полоска на полпути анимации могла
   вылезать за пределы рамки. Теперь top/left у полосок 1/3 не меняются вообще -
   вместо этого ЕДИНЫЙ transform: translateY(на нужную строку) + rotate,
   считается одной аффинной матрицей, полоска не выходит за расчётную дугу.
   translateY(5px) переносит полоску 1 (top:6) на строку средней (top:11);
   translateY(-5px) переносит полоску 3 (top:16) туда же. */
.mobile-toggle-wrapper[open] .mobile-toggle span:nth-child(1),
.mobile-toggle-wrapper[open].active .mobile-toggle span:nth-child(1),
.js .mobile-toggle-wrapper[open].active .mobile-toggle span:nth-child(1){transform:translateY(5px) rotate(45deg)}
.mobile-toggle-wrapper[open] .mobile-toggle span:nth-child(2),
.mobile-toggle-wrapper[open].active .mobile-toggle span:nth-child(2),
.js .mobile-toggle-wrapper[open].active .mobile-toggle span:nth-child(2){opacity:0}
.mobile-toggle-wrapper[open] .mobile-toggle span:nth-child(3),
.mobile-toggle-wrapper[open].active .mobile-toggle span:nth-child(3),
.js .mobile-toggle-wrapper[open].active .mobile-toggle span:nth-child(3){transform:translateY(-5px) rotate(-45deg)}
@media only screen and (min-width: 1068px){.header-telegram-mobile{display:none!important}}
:root {
    	--logo-height: 26px;
    	--logo-height-mobile: 26px;
    }
