/* DK-BANNER - баннеры 224x154 с затемнением краёв */

.ex_post_banner_block {
    position: relative;
}

/* Контейнер баннера фиксированного размера */
.ex_post_banner_link {
    display: block;
    width: 100%;
    max-width: 224px;
    height: 154px;
    margin: 0 auto;
    border-radius: 16px;
    overflow: hidden;
    background: #1a1d24;
}

/* Картинка не растягивается, заполняет блок и обрезается */
.ex_post_banner_image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.3s ease;
}

.ex_post_banner_link:hover .ex_post_banner_image {
    transform: scale(1.05);
}



/* На мобилке затемнение уже */
@media (max-width: 767px) {
    .ex_post_banner_block::before,
    .ex_post_banner_block::after {
        width: 40px;
    }
    .ex_post_banner_link {
        height: 120px;
    }
}



/* Стрелки слайдера */
.swiper-button-next.dk-banner-next,
.swiper-button-prev.dk-banner-prev {
    width: 38px;
    height: 38px;
    background: rgba(13,15,20,0.85);
    border: 1px solid #2d323d;
    border-radius: 50%;
    color: #fff;
    z-index: 10;
    transition: all 0.18s;
}
.swiper-button-next.dk-banner-next:hover,
.swiper-button-prev.dk-banner-prev:hover {
    background: #ff6b35;
    border-color: #ff6b35;
}
.swiper-button-next.dk-banner-next::after,
.swiper-button-prev.dk-banner-prev::after {
    font-size: 16px;
    font-weight: 700;
}
.swiper-button-prev.dk-banner-prev { left: 5px; }
.swiper-button-next.dk-banner-next { right: 5px; }