.scrolling-cards {
    display: flex;
    gap: 1rem;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
}

.scrolling-cards>* {
    min-width: 240px;
    flex-shrink: 0;
    scroll-snap-align: start;
}

/* Optional: Hide scrollbar */
.scrolling-cards::-webkit-scrollbar {
    display: none;
}