/* ==============================
   ХЕДЕР — фиксация наверху
   ============================== */
.uc-header {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  z-index: 9999 !important;
  display: block !important;    /* Принудительно показываем */
}

/* Tilda иногда скрывает блоки на мобильных
   через собственные классы — перебиваем */
.uc-header.t-rec {
  display: block !important;
}

/* ==============================
   МЕНЮ — фиксированное,
   не занимает место в потоке
   ============================== */
.uc-menu {
  position: fixed !important;
  top: 35px !important;
  left: 0 !important;
  width: 100% !important;
  z-index: 9998 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform: translateY(-10px) !important;
  transition:
    opacity 0.3s ease,
    visibility 0.3s ease,
    transform 0.3s ease !important;
}

/* МЕНЮ открыто */
.uc-menu.is-open {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: all !important;
  transform: translateY(0) !important;
}

/* ==============================
   ОТСТУП ПОД ХЕДЕР
   для первого контентного блока
   ============================== */
.t-body > .t-rec:nth-child(3) {
  margin-top: 35px !important;
  padding-top: 0 !important;
}

/* Мобильные — отступ такой же */
@media screen and (max-width: 960px) {
  .t-body > .t-rec:nth-child(3) {
    margin-top: 35px !important;
  }
}

@media screen and (max-width: 640px) {
  .t-body > .t-rec:nth-child(3) {
    margin-top: 35px !important;
  }

  /* Хедер на мобильных — явно показываем */
  .uc-header {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  /* Меню на мобильных — под хедером */
  .uc-menu {
    top: 35px !important;
  }
}

/* ==============================
   БЛОКИРОВКА скролла
   ============================== */
body.menu-is-open {
  overflow: hidden !important;
}