.banners-footer {
    background: #f9fbfe;
    padding-bottom: 90px;
}

.banners-row {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    width: 100%;
}

@media (min-width: 769px) {
    .banner-item {
        position: relative;
        flex: 1 1 calc(50% - 12px);
        height: 240px;
        display: flex;
        align-items: center;
        overflow: hidden;
        box-sizing: border-box;
    }

    .banner-item__image {
        position: absolute;
        top: 0; left: 0; width: 100%; height: 100%;
        background-image: var(--bg-pc);
        background-size: cover;
        background-position: right center;
        z-index: 1;
    }

    .banner-item__link-overlay {
        position: absolute;
        top: 0; left: 0; width: 100%; height: 100%;
        z-index: 10;
    }

    .banner-item__content {
        position: relative;
        z-index: 3;
        width: 100%;
        padding: 40px;
    }

    .banner-item__info {
        max-width: 55%;
    }

    .banner-item__title {
        font-size: 28px;
        font-weight: 700;
        line-height: 1.25;
        margin: 0 0 16px 0;
    }

    .banner-item__description {
        font-size: 16px;
        line-height: 1.45;
        margin-bottom: 28px;
    }

    .banners-row .button {
        position: relative;
        z-index: 4;
        margin: 0;
    }
}

@media (max-width: 768px) {
    .banners-footer {
        background: #f9fbfe;
        padding-bottom: 30px;
    }

    .banner-item {
        flex: 1 1 100%;
        display: flex;
        flex-direction: column; /* Картинка строго сверху, текст снизу */
        background: #ffffff;
        border: 1px solid #e0e0e0;
        overflow: hidden;
        box-sizing: border-box;
    }

    .banner-item__link-overlay {
        display: none; /* На моб кликаем только по кнопке */
    }

    .banner-item__image {
        width: 100%;
        height: 200px;
        background-image: var(--bg-mobile);
        background-size: cover;
        background-position: center;
    }

    .banner-item__content {
        padding: 24px 20px;
        background: #ffffff;
    }

    .banner-item__info {
        width: 100%;
    }

    .banner-item__title {
        font-size: 20px;
        font-weight: 700;
        margin: 0 0 10px 0;
        line-height: 1.3;
    }

    .banner-item__description {
        font-size: 14px;
        line-height: 1.4;
        margin: 0 0 20px 0;
    }
}