/* ================== БАЗА ================== */

/* Фон всего сайта + убираем горизонтальный скролл страницы */
html,
body {
  background-color: #F9F9EC;
  overflow-x: hidden;
}

/* Блоки Tilda без своих фонов, чтобы всё было на общем фоне */
.t-rec,
.t396,
.t396__artboard {
  background-color: transparent !important;
}

/* Цвет буллетов во всех списках */
ul li::marker {
  color: #147A73 !important;
}

/* ================== ГРАДИЕНТНЫЕ "ШТОРКИ" ПО КРАЯМ ================== */

#allrecords {
  position: relative;
}

/* Мягкое затухание слева/справа. Ничего не блокирует. */
#allrecords::after {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none; /* клики проходят сквозь */
  z-index: 999; /* выше контента, ниже меню/кукисов */

  background-image:
    linear-gradient(to right, #F9F9EC 0, rgba(249, 249, 236, 0) 40px),
    linear-gradient(to left,  #F9F9EC 0, rgba(249, 249, 236, 0) 40px);
  background-repeat: no-repeat;
  background-size: 80px 100%, 80px 100%;
  background-position: left top, right top;
}

/* На мобилках шторки не нужны */
@media (max-width: 639px) {
  #allrecords::after {
    display: none;
  }
}

/* ================== ГОРИЗОНТАЛЬНЫЕ СКРОЛЛ-БЛОКИ ================== */
/* Класс артборда с горизонтальным скроллом: uc-js-hscroll */

.uc-js-hscroll .t396__artboard {
  overflow-x: auto;
  scrollbar-width: none;          /* Firefox: без полосы */
}

/* WebKit: без полосы */
.uc-js-hscroll .t396__artboard::-webkit-scrollbar {
  display: none;
}

/* ================== САЙД-МЕНЮ В ZERO-БЛОКЕ ================== */
/* У всего блока-меню в Tilda: Block CSS Class Name = uc-side-menu  */

/* Сам t-rec с меню: не обрезаем и без своего фона */
#allrecords .t-rec.uc-side-menu {
  clip-path: none !important;
  height: auto !important;
  background: transparent !important;
}

/* Артборд Zero с меню — фиксируем слева по центру экрана */
.uc-side-menu .t396__artboard {
  position: fixed !important;
  top: 50vh;
  left: 0 !important;             /* привязан к левому краю окна */
  transform: translateY(-50%);
  width: auto !important;
  height: auto !important;
  background: transparent !important;
  pointer-events: none !important; /* фон не ловит клики */
  z-index: 1500 !important;        /* поверх контента и шторок */
}

/* Элементы внутри меню кликабельны */
.uc-side-menu .t396__elem {
  pointer-events: auto !important;
}

/* ================== ГАМБУРГЕР-МЕНЮ (МЕ403) ================== */
/* Блок с гамбургером: Block CSS Class Name = uc-header
   ИЛИ используй конкретный ID, если он у тебя тот же: #rec1622891221 */

/* Если ты назначила класс uc-header блоку с бургером: */
.uc-header {
  position: relative !important;
  z-index: 2000 !important;         /* выше всего остального */
}

/* На всякий случай — сам бургер всегда кликабелен */
.uc-header .t-menuburger,
.uc-header .t-menuburger__wrapper {
  pointer-events: auto !important;
  z-index: 2001 !important;
}