.process-cards-scroll {
    display: flex;
    gap: 24px;
    padding: 0 24px;
    margin: 0 -24px;
    overflow-x: auto;
    position: relative;
    cursor: grab;
    scroll-behavior: smooth;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    scroll-padding: 24px;
    scroll-snap-type: x proximity;
}

.process-cards-scroll.grabbing {
    cursor: grabbing;
}

.process-cards-scroll::-webkit-scrollbar {
    display: none;
}

.process-card {
    scroll-snap-align: start;
    flex: 0 0 auto;
    width: 85%;
    max-width: 340px;
    transition: all 0.3s ease;
    transform: scale(0.98);
    opacity: 0.8;
}

.process-card:hover {
    transform: scale(1);
    opacity: 1;
}

@media (min-width: 768px) {
    .process-card {
        width: 320px;
    }
}

/* Add smooth momentum scrolling for iOS */
@supports (-webkit-overflow-scrolling: touch) {
    .process-cards-scroll {
        -webkit-overflow-scrolling: touch;
    }
}