/* ===== Бриф на мероприятие /brif/ — обёртка формы Битрикс24 №10 (форму, её поля и оформление рисует загрузчик CRM).
   Подключается в header.php только на /brif/. Крошки — общие .about_hero_breadcrumbs (about_style.css) ===== */
.brif{
    padding: 150px 0 100px;
    background-color: #EFF0F5;
    font-family: "Montserrat", sans-serif;
}

/* одна колонка по центру шириной в карточку формы (у Битрикс24 она 700px) — крошки, заголовок и форма по одной линии */
.brif_inner{
    max-width: 700px;
    margin: 0 auto;
}

.brif_title{
    margin: 0 0 28px;
    color: #000;
    font-size: 40px;
    font-weight: 400;
    line-height: 1.2;
}

/* карточка формы (разметка и стили — загрузчик Битрикс24): без своих отступов по 60px по бокам, скругление как у
   карточек сайта, без зелёной полосы снизу (b24-form-border-bottom) */
.brif_form .b24-form-wrapper{
    max-width: none;
    margin: 0;
    overflow: hidden;
    border-radius: 24px;
}

/* стили формы загрузчик добавляет сам и с более сильным селектором — без !important полоса не снимается */
.brif_form .b24-form-border-bottom{
    border-bottom: 0 !important;
}

/* шапка формы из CRM: заголовок повторяет H1 страницы, в описании сейчас «<br />» текстом — прячем целиком
   (тексты к форме — на странице, не в CRM) */
.brif_form .b24-form-header{
    display: none;
}

.brif_form .b24-form-content form{
    padding: 32px 0 36px;
}

@media (max-width: 768px){
    /* шапка на телефоне 60px; снизу — фиксированная панель .mobile_menu_bottom 70px */
    .brif{
        padding: 84px 0 110px;
    }

    .brif .about_hero_breadcrumbs{
        display: none;
    }

    .brif_title{
        margin-bottom: 16px;
        font-size: 26px;
    }

    .brif_form .b24-form-wrapper{
        border-radius: 20px;
    }

    .brif_form .b24-form-content form{
        padding: 20px 0 24px;
    }
}