.slider {
    /*position: fixed;*/
    bottom: 0;
    width: 100%;
    background: #f5f5f5;
    box-shadow: 0 -2px 8px rgba(0,0,0,.2);
    overflow: hidden;
    padding: 10px 0;
}

.slider_viewport {
    overflow: hidden;
    width: 100%;
}

.slider_track {
    display: flex;
    gap: 20px;
    will-change: transform;
}

    .slider_track img {
        height: 160px;
        border-radius: 8px;
        user-select: none;
        pointer-events: none;
    }

.slider_controls {
    position: absolute;
    left: 10px;
    top: 5px;
    display: flex;
    gap: 5px;
}

    .slider_controls button {
        border: none;
        background: #222;
        color: white;
        padding: 4px 8px;
        border-radius: 6px;
        cursor: pointer;
    }

        .slider_controls button:hover {
            background: #444;
        }

@media (max-width: 600px) {
    .slider_track img {
        height: 60px;
    }
}