/* Стили для контейнера с прокруткой */
  #rec828677163 {
    width: 100%;  /* Ширина контейнера */
    overflow-x: auto;  /* Разрешаем горизонтальную прокрутку */
    overflow-y: hidden;  /* Отключаем вертикальную прокрутку */
    scrollbar-width: none;  /* Для Firefox, скрыть скроллбар */
    padding-bottom: 10px;  /* Немного отступа снизу */
  }

  /* Скрыть скроллбар в Chrome/Safari */
  #rec828677163::-webkit-scrollbar {
    display: none;
  }

  /* Стили для содержимого внутри контейнера */
  .scroll-content {
    display: flex;  /* Блоки внутри контейнера идут в ряд */
    gap: 20px;  /* Расстояние между блоками */
  }

  .scroll-item {
    flex-shrink: 0;  /* Не сжимаем блоки */
    width: 200px;  /* Ширина каждого блока */
    height: 150px;  /* Высота каждого блока */
    background-color: #ccc;  /* Цвет фона для блоков */
    display: flex;
    align-items: center;
    justify-content: center;
  }

  /* Стили для Firefox */
  @-moz-document url-prefix() {
    #rec828677163 {
      scrollbar-color: #FFFFFF #FFFFFF;
      scrollbar-width: thin;
    }
  }

  /* Стили для блока, чтобы скрыть скроллбар */
  #rec828677163::-webkit-scrollbar {
    width: 0px !important;
    -webkit-appearance: none !important;
  }
  
  #rec828677163::-webkit-scrollbar-track {
    background: #FFFFFF !important;
  }

  #rec828677163::-webkit-scrollbar-thumb:hover {
    background: #FFFFFF !important;
  }

  #rec828677163::-webkit-scrollbar-thumb {
    background: #FFFFFF !important;
    border: 0px solid #FFFFFF !important;
    -webkit-border-radius: 0px !important;
  }