/*Для плавного скролла к якорям */
html {
  scroll-behavior: smooth;
}





/*Chat Для Горизонтального скролла карточек */

/* ===== Горизонтальный свайп карточек. Снэп по центру ===== */

/* Контейнер-группа с классом cards-row */
.cards-row{
  /* базовый горизонтальный скролл */
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;               /* Firefox */
  overscroll-behavior-x: contain;      /* не «трясти» страницу по X */
  touch-action: auto;                  /* ВАЖНО: не блокируем вертикальный скролл */

  /* единая переменная боковых полей контейнера */
  --side-pad: 10px;
  padding: 0 var(--side-pad);

  /* включаем snapping */
  scroll-snap-type: x mandatory;

  /* декоративный мягкий фейд по краям (не мешает свайпу) */
  position: relative;                  /* база для псевдо-элементов */
}
.cards-row::-webkit-scrollbar{ display: none; }

/* Снэп к центру для КАЖДОЙ карточки (группа с классом .card) */
.cards-row .card{
  scroll-snap-align: center;
  scroll-snap-stop: always;
}

/* Ключ: «виртуальные» поля только первому и последнему элементам.
   50% — это половина ШИРИНЫ КОНТЕЙНЕРА (snapport), а не окна.
   Вычитаем фактическое внутреннее поле контейнера. */
.cards-row .card:first-child{
  scroll-margin-left:  calc(50% - var(--side-pad));
}
.cards-row .card:last-child{
  scroll-margin-right: calc(50% - var(--side-pad));
}

/* Мягкий фейд по краям (поверх контента, не влияет на выравнивание) */
.cards-row::before,
.cards-row::after{
  content: "";
  position: sticky;
  top: 0;
  bottom: 0;
  width: 24px;
  pointer-events: none;                /* жесты не перехватываем */
  z-index: 2;
}
.cards-row::before{
  left: 0;
  background: linear-gradient(90deg, rgba(255,255,255,1), rgba(255,255,255,0));
}
.cards-row::after{
  right: 0;
  background: linear-gradient(270deg, rgba(255,255,255,1), rgba(255,255,255,0));
}

/* Если внутри контейнера есть декоративные shape-элементы — не «съедать» жесты */
.cards-row .t396__elem[data-elem-type="shape"] .tn-atom{ pointer-events: none; }