/* =========================================================
   ЕДИНАЯ WEB-ФОРМА: вариант "Заказать звонок"
   ========================================================= */

#modal-web-form[data-form-variant="callback"] {
    --project-modal-width: 420px;
    --project-modal-radius: 25px;
}


/* В callback не нужен левый рекламный блок проекта */

#modal-web-form[data-form-variant="callback"]
[data-form-variant-only="project"] {
    display: none !important;
}


/* Компактное окно */

#modal-web-form[data-form-variant="callback"]
.web-form-modal__dialog {
    width: min(420px, calc(100vw - 48px));
    min-height: 0;

    padding: 40px;

    border-radius: 25px;
}


/* Один столбец вместо project layout */

#modal-web-form[data-form-variant="callback"]
.web-form-modal__layout {
    display: block;
}


#modal-web-form[data-form-variant="callback"]
.web-form-modal__form-column {
    display: block;

    min-height: 0;
}


/* Для callback показываем название самой веб-формы */

#modal-web-form[data-form-variant="callback"]
.project-modal__source-title {
    position: static !important;

    width: auto !important;
    height: auto !important;

    padding: 0 !important;
    margin: 0 35px 24px 0 !important;

    overflow: visible !important;

    clip: auto !important;

    white-space: normal !important;

    border: 0 !important;

    color: #f7f7fb;

    font-family: "Manrope", sans-serif;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.32;
    letter-spacing: -0.45px;

    text-align: left;
}


/* Поля callback */

#modal-web-form[data-form-variant="callback"]
.form-items {
    gap: 9px;
}


#modal-web-form[data-form-variant="callback"]
.simple-form textarea {
    min-height: 110px;
}


/* Success */

#modal-web-form[data-form-variant="callback"]
.web-form-modal__success {
    min-height: 180px;
}


/* У callback нет отступа, который нужен мобильной project-модалке */

#modal-web-form[data-form-variant="callback"]
.web-form-modal__viewport {
    margin-top: 0;
}


/* Mobile */

@media (max-width: 540px) {

    #modal-web-form[data-form-variant="callback"]
    .web-form-modal__dialog {
        width: calc(100vw - 28px);

        padding: 34px 20px 24px;

        border-radius: 20px;
    }


    #modal-web-form[data-form-variant="callback"]
    .project-modal__source-title {
        margin-right: 28px !important;

        font-size: 23px;
        line-height: 1.28;
    }
}


/* Большие экраны */

@media (min-width: 1921px) {

    #modal-web-form[data-form-variant="callback"]
    .web-form-modal__dialog {
        width: min(773px, calc(100vw - 88px));

        padding: 74px;

        border-radius: 46px;
    }


    #modal-web-form[data-form-variant="callback"]
    .project-modal__source-title {
        margin: 0 64px 44px 0 !important;

        font-size: 52px;
        line-height: 1.32;
        letter-spacing: -0.8px;
    }


    #modal-web-form[data-form-variant="callback"]
    .web-form-modal__success {
        min-height: 331px;
    }
}