/* ── Блок с тегами: горизонтальный скролл + липкость ── */
.t-tagbar-sticky {
  position: sticky;
  /* top выставляется динамически через JS */
  top: 0;
  left: 0;
  width: 100%;
  z-index: 900;         /* ниже шапки Tilda (обычно 1000), выше контента */
  background: #ffffff;  /* замените на цвет фона вашего сайта */
  border-bottom: 1px solid #e5e5e5;
  box-sizing: border-box;
}
 
/* Внутренний контейнер — горизонтальный скролл */
.t-tagbar-sticky .t-container,
.t-tagbar-sticky .t-col,
.t-tagbar-sticky [class*="t-col"] {
  overflow-x: auto !important;
  overflow-y: hidden !important;
  white-space: nowrap !important;
  display: flex !important;
  flex-wrap: nowrap !important;
  -webkit-overflow-scrolling: touch; /* плавный скролл на iOS */
 
  /* Скрываем полосу прокрутки (выглядит чище) */
  scrollbar-width: none;        /* Firefox */
  -ms-overflow-style: none;     /* IE/Edge */
}
 
.t-tagbar-sticky .t-container::-webkit-scrollbar,
.t-tagbar-sticky .t-col::-webkit-scrollbar,
.t-tagbar-sticky [class*="t-col"]::-webkit-scrollbar {
  display: none;                /* Chrome/Safari */
}
 
/* Теги внутри блока — не переносить */
.t-tagbar-sticky a,
.t-tagbar-sticky .tn-atom,
.t-tagbar-sticky .t-menu__link {
  flex-shrink: 0 !important;
  white-space: nowrap !important;
}
 
</style>