.stepper-horizontal {
    display: flex;              /* keep steps in a row */
    overflow-x: auto;           /* allow horizontal scrolling */
    overflow-y: hidden;
    white-space: nowrap;        /* prevent wrapping */
    -webkit-overflow-scrolling: touch; /* smooth scroll on mobile */
    padding-bottom: 0.5rem;    /* optional space for scrollbar */
    list-style: none;
    margin: 0;
    padding: 2;
}
.stepper-step {
    flex: 0 0 auto;             /* prevent shrinking */
    margin-right: 1rem;         /* spacing between steps */
    display: flex;
    flex-direction: column;
    align-items: center;
}
.stepper-horizontal::-webkit-scrollbar {
    height: 6px;
}
.stepper-horizontal::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 3px;
}