.headerBlock__row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}
.headerBlock__img-wrap img {
    display: block;
    max-width: 100%;
    border-radius: 12px;
}
.headerBlock__row p {
    margin-top: 0;
}
/* --- ДЕСКТОП (ОСНОВНЫЕ СТИЛИ) --- */
.__presentation_banner {
    display: grid; 
    grid-template-columns: 1fr; 
    gap: 40px; 
    padding: 20px 0;
}

.__presentation_banner .__app_wrap { 
    display: block; 
    border-radius: 12px; 
    background: #1869A4; 
    /* Фон телефона */
    background-image: url('/local/templates/cepportal/img/bg_app.png'); 
    background-repeat: no-repeat; 
    background-position: 95% 100%; /* Чуть сдвинул вправо, чтобы не наезжал на текст */
}

.__presentation_banner .__app_wrap .__app { 
    padding: 40px 40px 20px 40px; 
    /* Ограничиваем ширину контента, чтобы текст не наезжал на телефон справа */
    width: 65%; 
    /* ИЗМЕНЕНИЕ 1: Меняем grid на flex-column, чтобы QR встали под текстом */
    display: flex; 
    flex-direction: column; 
    gap: 20px; /* Отступ между текстом и блоком QR */
    color: #fff;
}

.__presentation_banner .__app_wrap .__app p { 
    margin: 0; 
    font-size: 18px; 
    line-height: 1.4;
    opacity: 0.9;
}

.__presentation_banner .__app_wrap .__app .__app_label { 
    font-size: 18px; 
    color: #fff;
    margin-bottom: 10px;
}

.__presentation_banner .__app_wrap .__app .__app_desc { 
    font-size: 32px; 
    letter-spacing: 1px; 
    line-height: 1.2; 
    color: #fff; 
    margin-bottom: 20px;
    font-weight: regular;
}

/* Контейнер QR-кодов */
.__presentation_banner .__app_wrap .__app_qr { 
    /* ИЗМЕНЕНИЕ 2: Ставим QR в ряд (горизонтально) */
    display: flex; 
    flex-direction: row; 
    width: 100%; /* Растягиваем блок */
    gap: 30px; /* Расстояние между соседними QR */
    text-align: center; 
    font-size: 16px;
    margin-bottom: 20px;
    padding-left: 40px;
}

/* Ссылка (блок с одним QR) */
.__presentation_banner .__app_wrap .__app_qr > a { 
    display: flex; 
    flex-direction: column; /* Внутри ссылки: Сверху текст, снизу картинка */
    gap: 10px;
    text-decoration: none; 
    color: #fff;           
    cursor: pointer;
    align-items: center; /* Центрируем подпись относительно QR */
}

/* Размер картинок QR */
.__presentation_banner .__app_wrap .__app_qr img {
    width: 90px;
    height: auto;
    border-radius: 6px;
    border: 2px solid rgba(255,255,255,0.2); /* Легкая рамка для красоты */
}


/* --- МОБИЛЬНАЯ ВЕРСИЯ --- */
@media (max-width: 768px) {
    .headerBlock__row {
        grid-template-columns: 1fr;
        gap: 0;
    }
    .__presentation_banner .__app_wrap { 
        background-image: none;
    }
    .__presentation_banner .__app_wrap .__app { 
        width: auto; 
        padding: 20px;
    }
    .__presentation_banner .__app_wrap .__app .__app_desc { 
        font-size: 24px; 
        line-height: normal; 
    }   
    
    /* Контейнер кнопок на мобильном */
    .__presentation_banner .__app_wrap .__app_qr { 
        flex-wrap: wrap; 
        gap: 15px;
        margin-top: 20px;
		justify-content: center;
    }

    /* Скрываем QR картинки */
    .__presentation_banner .__app_wrap .__app_qr img { 
        display: none;
    }

    /* Превращаем ссылки в кнопки */
    .__web,
    .__android,
	.__tgbot {
        background: #fff; 
        color: #767676 !important; 
        border-radius: 8px; 
        font-size: 16px; 
        padding: 12px 30px 12px 50px; 
        background-repeat: no-repeat; 
        background-position: 15px 50%;
        box-sizing: border-box;
        text-align: left;
    }
    
    .__web label, .__android label {
        cursor: pointer;
        color: inherit;
    }

    .__web {
        background-image: url('/local/templates/cepportal/img/web.svg'); 
    }
    .__android {
        background-image: url('/local/templates/cepportal/img/android_icon.svg'); 
    }
	.__tgbot {
        background-image: url('/local/templates/cepportal/img/tg.svg'); 
    }
}