/* не показываем фон за границами и гасим bounce в поддерживаемых браузерах */
  html, body {
    margin: 0;
    padding: 0;
    background: #000;              /* чтобы «за краем» не мелькал белый */
    overscroll-behavior: none;     /* Chrome/Edge/Firefox */
  }

  /* Делаем главный скролл-контейнер Tilda управляемым */
  #allrecords {
    height: 100dvh;                /* фикс. высота окна, учитывает мобильные UI-панели */
    overflow-y: auto;              /* именно тут скроллим страницу */
    overscroll-behavior: contain;  /* локально гасим «вылеты» */
    -webkit-overflow-scrolling: touch; /* плавность в iOS */
    overscroll-behavior-x: none;
  }

  /* если у тебя есть вложенные скроллы, помечай их .scrollable */
  .scrollable {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }






/* iOS Safari anti-bounce: режем «перетягивание» только на краях #allrecords */
(function () {
  var wrap = document.getElementById('allrecords');
  if (!wrap) return;

  var startY = 0;

  wrap.addEventListener('touchstart', function (e) {
    if (e.changedTouches && e.changedTouches.length) {
      startY = e.changedTouches[0].clientY;
    }
  }, { passive: true });

  wrap.addEventListener('touchmove', function (e) {
    if (!e.changedTouches || !e.changedTouches.length) return;

    var dy = e.changedTouches[0].clientY - startY;
    var atTop = wrap.scrollTop = wrap.scrollHeight - 1;

    /* блокируем только «вытягивание» за верх/низ контейнера */
    if ((atTop && dy > 0) || (atBottom && dy < 0)) {
      e.preventDefault();
    }
  }, { passive: false });
})();