$(function() {
  var blockScrollId = '#rec872299355';
  var blockArrowsId = '#rec872299355';

  var shiftSize;

  // Адаптивный сдвиг для стрелок
  function updateShiftSize() {
    if (window.matchMedia('(max-width: 480px)').matches) {
      shiftSize = '265px';
    } else if (window.matchMedia('(max-width: 640px)').matches) {
      shiftSize = '265px';
    } else if (window.matchMedia('(max-width: 960px)').matches) {
      shiftSize = '265px';
    } else if (window.matchMedia('(max-width: 1200px)').matches) {
      shiftSize = '265px';
    } else {
      shiftSize = '265px';
    }
  }

  $(window).on('load resize', updateShiftSize);
  updateShiftSize(); // Первый вызов

  // Подготовка DOM
  var $container = $(blockScrollId + ' .t396__artboard');
  if ($container.length) {
    $container
      .addClass('scrollbooster-viewport')
      .wrapInner('');


    $(blockScrollId + ' .t396').css('overflow', 'hidden');

    // Инициализация ScrollBooster
    new ScrollBooster({
      viewport: $container[0],
      content: $container.find('.scrollbooster-content')[0],
      scrollMode: 'native',
      pointerMode: 'mouse',
      bounce: false,
      onPointerDown: function() {
        $(blockScrollId + ' *:focus').blur();
      }
    });

    // Обработка стрелок
    $(blockArrowsId + ' .arrow-left').on('click', function(e) {
      e.preventDefault();
      $container.animate({ scrollLeft: '-=' + shiftSize }, 300);
    });

    $(blockArrowsId + ' .arrow-right').on('click', function(e) {
      e.preventDefault();
      $container.animate({ scrollLeft: '+=' + shiftSize }, 300);
    });
  } else {
    console.error('Контейнер прокрутки не найден:', blockScrollId);
  }
});



/* 1. Полное скрытие скроллбаров внутри блока (все браузеры) */
#rec872299355 .scrollbooster-viewport {
  -ms-overflow-style: none !important;          /* IE/Edge */
  scrollbar-width: none !important;            /* Firefox */
  overflow: auto !important;
}

#rec872299355 .scrollbooster-viewport::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
  display: none !important;
}

/* 2. Только горизонтальная прокрутка */
#rec872299355 .scrollbooster-viewport {
  cursor: -webkit-grab;
  cursor: grab;
  padding-bottom: 30px;
  margin-bottom: -30px;
  
  overflow-x: auto !important;   /* Горизонтальная */
  overflow-y: hidden !important; /* Вертикальная заблокирована */
  -webkit-overflow-scrolling: touch !important; /* Плавность на мобильных */
  margin: 0 !important;
  padding: 0 !important;
  position: relative;
  min-width: 100%;
}

#rec872299355 .scrollbooster-viewport:active {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}


/* 3. Контейнер контента */
#rec872299355 .scrollbooster-content {
  position: absolute;
  top: 0;
  left: 0;
  width: auto;  /* Важный: ширина определяется контентом */
  height: 100%;
  min-width: 100%;
}

/* 4. Стрелки управления */
#rec872299355 .arrow-left,
#rec872299355 .arrow-right {
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
  z-index: 10;
  position: relative; /* Чтобы работали клики */
}

/* 5. Защита от случайных скроллбаров у предков */
#rec872299355 *,
#rec872299355 *::before,
#rec872299355 *::after {
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}


/* 6. Гарантия нормальной прокрутки вне блока */
body, html {
  overflow: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}