.scrolling-cards {
    display: flex;
    gap: 5px;
    align-items: stretch;
    overflow-y: hidden;
    scroll-behavior: smooth;
    scrollbar-width: none;
}

.scrolling-cards::-webkit-scrollbar {
    display: none;
}

.scrolling-cards__item {
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
    background: var(--belyy);
    cursor: pointer;
}

.scrolling-cards__item.card {
    max-width: 210px;
}

@media (min-width: 768px) {
    .scrolling-cards {
        gap: 15px;
    }
    .scrolling-cards__item.card {
        max-width: 280px;
    }
}

@media (min-width: 1200px) {
    .scrolling-cards {
        gap: 20px;
    }
    .scrolling-cards__item.card {
        max-width: 330px;
    }
}

/* mouse drag (card-slider.js): no text selection or smooth-scroll lag while dragging */
.scrolling-cards.is-dragging {
    cursor: grabbing;
    scroll-behavior: auto;
    user-select: none;
}