.webstory-slider-wrapper,
.webstory-slider-wrapper * {
    user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;

    -webkit-user-drag: none;
}

/* Outer wrapper (visual container) */
.webstory-slider-wrapper {
    position: relative;
}

/* Scrolling area */
.webstory-slider-scroller {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;

    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* Hide scrollbar (WebKit) */
.webstory-slider-scroller::-webkit-scrollbar {
    display: none;
}

/* Row */
.webstory-slider {
    display: flex;
    flex-wrap: nowrap;
}

/* Cards */
.webstory-slide {
    flex: 0 0 auto;
    width: calc(100% / 3.3);
    min-width: 120px;
    margin-right: .5rem;
}

/* Images */
.webstory-slide img {
    width: 100%;
    height: 140px;
    object-fit: cover;
}

/* Gradient overlay (does NOT scroll) */
.webstory-slider-fade {
    position: absolute;
    top: 0;
    right: 0;
    width: 32px;
    height: 100%;
    pointer-events: none;
    background: linear-gradient(
            to right,
            rgba(255,255,255,0),
            rgba(255,255,255,1)
    );
}

/* Mobile */
@media (max-width: 767px) {
    .webstory-slide {
        width: 70%;
    }

    .webstory-slider-fade {
        display: none;
    }
}