/* === Zero-blocks: оставляем только горизонтальный скролл ===
   Подставь сюда ID тех Zero-блоков, где есть «лента». 
   Я уже добавил два, найденных в твоём HTML: 1484037211 и 1485369101
   (селекторы на уровне artboard, чтобы не ломать вложенные элементы) */
#rec1484037211 .t396__artboard,
#rec1485369101 .t396__artboard {
  /* Разрешаем горизонтальный скролл, вертикальный скрываем */
  overflow-x: auto !important;
  overflow-y: hidden !important;

  /* Нормальная инерция на iOS и без «пролипаний» */
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;

  /* На случай, если где-то изначально стоит overflow:visible/auto */
  max-height: inherit;
}

/* === Скроллбар: аккуратный и «в стиле» === */

/* Firefox: тонкий скроллбар + цвет ползунка */
#rec1484037211 .t396__artboard,
#rec1485369101 .t396__artboard {
  scrollbar-width: thin;               /* тонкий */
  scrollbar-color: #FED937 transparent;/* ползунок / фон-трек */
}

/* WebKit/Chromium: горизонтальная полоса */
#rec1484037211 .t396__artboard::-webkit-scrollbar,
#rec1485369101 .t396__artboard::-webkit-scrollbar {
  height: 8px;           /* высота полосы */
}

/* Убираем трек (фон под ползунком) */
#rec1484037211 .t396__artboard::-webkit-scrollbar-track,
#rec1485369101 .t396__artboard::-webkit-scrollbar-track {
  background: transparent;
}

/* Сам ползунок: #FED937, скругление */
#rec1484037211 .t396__artboard::-webkit-scrollbar-thumb,
#rec1485369101 .t396__artboard::-webkit-scrollbar-thumb {
  background: #FED937;
  border-radius: 6px;
}

/* Убираем стрелки у скроллбара */
#rec1484037211 .t396__artboard::-webkit-scrollbar-button,
#rec1485369101 .t396__artboard::-webkit-scrollbar-button {
  width: 0;
  height: 0;
  display: none;
}

/* (Опционально) небольшая «подсветка» при ховере, если надо */
#rec1484037211 .t396__artboard:hover::-webkit-scrollbar-thumb,
#rec1485369101 .t396__artboard:hover::-webkit-scrollbar-thumb {
  background: #ffd84a; /* на тон светлее #FED937 */
}
