/* 1) Задаём переменную высоты хедера под разные экраны */
:root { --header-h: 120px; }        /* десктоп и планшеты */
@media (max-width: 640px) { :root { --header-h: 80px; } }  /* телефоны */

/* 2) Компенсируем перекрытие фикс-хедером */
#allrecords { padding-top: var(--header-h); }

/* 3) Якорные ссылки не уезжают под хедер */
.t-rec { scroll-margin-top: var(--header-h); }
/* Фолбек, если нужно (старые браузеры):
[id]:target::before {
  content: "";
  display: block;
  height: var(--header-h);
  margin-top: calc(-1 * var(--header-h));
  visibility: hidden;
}
*/

/* 4) Подменю: привязываем к низу хедера и прячем его без жёстких чисел
      (уезжает вверх на собственную высоту + высоту хедера) */
#rec644264490 .t396__artboard {
  position: fixed;
  top: var(--header-h);
  left: 0;
  right: 0;
  margin: auto;
  transition: transform .4s ease;
  pointer-events: none;
  transform: translateY(calc(-100% - var(--header-h)));
  z-index: 997; /* под хедером (у хедера 998) */
}
#rec644264490 .t396__artboard.open {
  pointer-events: all;
  transform: translateY(0);
}