
/* Применяем стили конкретно к вашему блоку #rec78355598 */

/* 1. Контейнер, в котором лежат все отели */
#rec78355598 .t-services__container {
    display: flex; /* Выстраиваем все элементы в один гибкий ряд */
    flex-wrap: nowrap; /* Запрещаем им переноситься на новую строку */
    
    overflow-x: auto; /* Добавляем горизонтальную прокрутку, если не помещаются */
    -webkit-overflow-scrolling: touch; /* Делаем скролл плавным и "родным" на iOS */
    
    /* Добавляем небольшой отступ снизу, чтобы скроллбар (если виден) не прилипал к контенту */
    padding-bottom: 20px;
    
    /* Убираем отрицательный отступ у Tilda, который может мешать */
    margin-left: 0;
    margin-right: 0;
}

/* 2. Каждый отдельный отель (колонка) */
#rec78355598 .t-services__col {
    /* Задаем фиксированную ширину для каждого отеля, чтобы они не сжимались. */
    /* Подберите значение, которое вам нравится. 320px - хорошая ширина для карточки. */
    flex: 0 0 320px;
    
    /* Убираем стандартные отступы Tilda и делаем свои */
    padding-left: 10px;
    padding-right: 10px;
}

/* 3. Скрываем стандартную некрасивую полосу прокрутки */
#rec78355598 .t-services__container::-webkit-scrollbar {
    display: none; /* Для Chrome, Safari, Opera */
}
#rec78355598 .t-services__container {
    -ms-overflow-style: none;  /* Для IE и Edge */
    scrollbar-width: none;  /* Для Firefox */
}
