.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: 80px;
    }
}

/*********/

.banner-slide {
    position: relative;
    border-radius: 15px;
    overflow: hidden;
}

    /* نسبت تصویر استاندارد بنر */
    .banner-slide img {
        width: 100%;
        aspect-ratio: 10 / 6; /* نسبت بنر */
        object-fit: cover;
    }

/* متن روی تصویر */
.banner-caption {
    position: absolute;
    bottom: 40px;
    right: 40px;
    color: #fff;
    background: rgba(0,0,0,0.5);
    padding: 20px;
    border-radius: 10px;
}

/* موبایل */
@media (max-width: 768px) {
    .banner-slide img {
        aspect-ratio: 10 / 6; /* در موبایل ارتفاع بیشتر شود */
    }

    .banner-caption {
        bottom: 15px;
        right: 15px;
        padding: 10px;
        font-size: 14px;
    }
}