/* =========================================================
   BITRIX24 — ОБРАТНЫЙ ЗВОНОК
   РИФЕЙ
   ========================================================= */


/* =========================================================
   1. УБИРАЕМ СЛУЖЕБНЫЕ ЭЛЕМЕНТЫ BITRIX24
   ========================================================= */

.b24-window-scroll-arrow-up-box,
.b24-window-scroll-arrow-up,
.b24-window-scroll-arrow-down-box,
.b24-window-scroll-arrow-down,
.b24-window-scroll-anchor {
    display: none !important;
}


/* =========================================================
   2. POPUP — СТРОГО ПО ЦЕНТРУ ЭКРАНА
   ========================================================= */

.b24-window-popup.b24-window-popup-p-center {
    position: fixed !important;

    top: 50% !important;
    left: 50% !important;
    right: auto !important;
    bottom: auto !important;

    width: 720px !important;
    max-width: calc(100vw - 24px) !important;

    margin: 0 !important;
    padding: 0 !important;

    transform: translate(-50%, -50%) !important;

    box-sizing: border-box !important;
}


.b24-window-popup.b24-window-popup-p-center
> .b24-window-popup-wrapper {
    position: relative !important;

    width: 100% !important;
    max-width: none !important;

    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    transform: none !important;

    box-sizing: border-box !important;
}


.b24-window-popup-body {
    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;
}


/* Убираем внешние фоны и полосы Bitrix */

.b24-window-popup,
.b24-window-popup-wrapper,
.b24-window-scrollable,
.b24-window-popup-body {
    background-color: transparent !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}


/* =========================================================
   3. ОСНОВНАЯ СИНЯЯ ФОРМА
   ========================================================= */

.b24-form-wrapper {
    position: relative !important;

    width: 100% !important;
    max-width: none !important;

    box-sizing: border-box !important;

    margin: 0 !important;

    /* одинаковые верхний и нижний отступы */
    padding: 38px 30px 38px !important;

    background-color: #1767b4 !important;

    /* Оригинальный фирменный SVG */
    background-image:
        url('/bitrix/templates/main_new/img/design/Vector_24.svg') !important;

    background-repeat: no-repeat !important;
    background-position: right bottom !important;

    /* SVG уменьшен, чтобы не вылезал вверх */
    background-size: 135px auto !important;

    border: 0 !important;
    border-radius: 0 !important;

    box-shadow: 0 10px 30px rgba(0,0,0,.30) !important;

    overflow: hidden !important;

    font-family: 'Montserrat', Arial, sans-serif !important;
}


.b24-form-border-bottom {
    border-bottom: 0 !important;
}


.b24-form,
.b24-form-wrapper,
.b24-form-wrapper * {
    font-family: 'Montserrat', Arial, sans-serif !important;
}


/* Никаких самодельных фоновых фигур */

.b24-form-wrapper::before,
.b24-form-wrapper::after {
    display: none !important;
    content: none !important;
}


/* =========================================================
   4. ЗАГОЛОВОК
   ========================================================= */

.b24-form-header {
    position: relative !important;
    z-index: 2 !important;

    margin: 0 0 28px !important;
    padding: 0 !important;

    text-align: left !important;
}


.b24-form-header-title {
    margin: 0 0 6px !important;
    padding: 0 !important;

    color: #ffffff !important;

    font-size: 25px !important;
    line-height: 31px !important;
    font-weight: 700 !important;

    text-align: left !important;
}


.b24-form-header-description {
    margin: 0 !important;
    padding: 0 !important;

    color: rgba(255,255,255,.88) !important;

    font-size: 15px !important;
    line-height: 21px !important;
    font-weight: 400 !important;

    text-align: left !important;
}


/* =========================================================
   5. КОНТЕНТ
   ========================================================= */

.b24-form-content {
    position: relative !important;
    z-index: 2 !important;

    margin: 0 !important;
    padding: 0 !important;
}


/*
   [       Имя       ] [     Телефон     ] [ ▶ ]
                                             Отправить

   □ Согласие на обработку персональных данных
*/

.b24-form-content form {
    display: grid !important;

    grid-template-columns:
        minmax(0,1fr)
        minmax(0,1fr)
        72px !important;

    grid-template-areas:
        "name phone button"
        "agreement agreement agreement" !important;

    column-gap: 18px !important;
    row-gap: 31px !important;

    align-items: start !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* Первый div Bitrix содержит поля Имя и Телефон */

.b24-form-content form > div:first-child {
    display: contents !important;
}


/* =========================================================
   6. ИМЯ
   ========================================================= */

.b24-form-field-name {
    grid-area: name !important;

    width: 100% !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* =========================================================
   7. ТЕЛЕФОН
   ========================================================= */

.b24-form-field-phone {
    grid-area: phone !important;

    width: 100% !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* Сбрасываем внутренние отступы Bitrix */

.b24-form-field-name > div,
.b24-form-field-phone > div,
.b24-form-field-name > div > div,
.b24-form-field-phone > div > div {
    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* =========================================================
   8. ПОЛЯ INPUT
   ========================================================= */

.b24-form-field-name .b24-form-control-container,
.b24-form-field-phone .b24-form-control-container {
    position: relative !important;

    width: 100% !important;
    height: 66px !important;

    margin: 0 !important;
    padding: 0 !important;
}


.b24-form-field-name .b24-form-control,
.b24-form-field-phone .b24-form-control {
    display: block !important;

    width: 100% !important;
    height: 66px !important;
    min-height: 66px !important;

    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 0 20px !important;

    background: #ffffff !important;

    border: 0 !important;
    border-radius: 0 !important;

    outline: none !important;
    box-shadow: none !important;

    color: #222222 !important;

    font-size: 15px !important;
    line-height: 20px !important;
    font-weight: 400 !important;
}


/* Имя и Телефон строго по вертикальному центру */

.b24-form-field-name .b24-form-control-label,
.b24-form-field-phone .b24-form-control-label {
    position: absolute !important;

    left: 20px !important;
    top: 50% !important;

    margin: 0 !important;
    padding: 0 !important;

    transform: translateY(-50%) !important;

    color: #aaaaaa !important;

    font-size: 15px !important;
    line-height: 20px !important;
    font-weight: 400 !important;
}


/* При вводе подпись поднимается */

.b24-form-control-container-active .b24-form-control-label,
.b24-form-control-container-filled .b24-form-control-label,
.b24-form-control:focus + .b24-form-control-label {
    top: 9px !important;

    transform: none !important;

    font-size: 10px !important;
    line-height: 12px !important;
}


.b24-form-field-phone .b24-form-control-required {
    color: #e20e18 !important;
}


/* =========================================================
   9. СООБЩЕНИЕ ОБ ОШИБКЕ
   ========================================================= */

.b24-form-control-alert-message {
    font-family: 'Montserrat', Arial, sans-serif !important;

    font-size: 10px !important;
    line-height: 12px !important;
}


/* =========================================================
   10. КРАСНАЯ КНОПКА
   ========================================================= */

.b24-form-btn-container {
    position: relative !important;

    grid-area: button !important;

    width: 72px !important;
    height: 66px !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: visible !important;
}


.b24-form-btn-block {
    display: block !important;

    width: 72px !important;
    height: 66px !important;

    margin: 0 !important;
    padding: 0 !important;
}


.b24-form-btn {
    position: relative !important;

    display: block !important;

    width: 72px !important;
    min-width: 72px !important;

    height: 66px !important;
    min-height: 66px !important;

    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 0 !important;

    background: #e20e18 !important;

    border: 0 !important;
    border-radius: 0 !important;

    outline: none !important;
    box-shadow: none !important;

    color: transparent !important;

    font-size: 0 !important;
    line-height: 0 !important;

    cursor: pointer !important;

    overflow: hidden !important;
}


.b24-form-btn:hover {
    background: #c90d16 !important;
}


/* Белая стрелка внутри кнопки */

.b24-form-btn::after {
    content: "" !important;

    position: absolute !important;

    left: 50% !important;
    top: 50% !important;

    transform: translate(-40%, -50%) !important;

    width: 0 !important;
    height: 0 !important;

    border-top: 13px solid transparent !important;
    border-bottom: 13px solid transparent !important;
    border-left: 25px solid #ffffff !important;
}


/* =========================================================
   11. НАДПИСЬ «ОТПРАВИТЬ»
   ========================================================= */

.b24-form-btn-container::after {
    content: "Отправить" !important;

    position: absolute !important;

    top: 76px !important;
    left: 50% !important;

    transform: translateX(-50%) !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #ffffff !important;

    font-size: 11px !important;
    line-height: 14px !important;
    font-weight: 500 !important;

    text-align: center !important;
    white-space: nowrap !important;

    pointer-events: none !important;
}


/* =========================================================
   12. СОГЛАСИЕ
   ========================================================= */

.b24-form-content form > div:nth-child(2) {
    grid-area: agreement !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}


.b24-form-field-agreement {
    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}


.b24-form-field-agreement .b24-form-control-container {
    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}


.b24-form-field-agreement label {
    display: flex !important;
    align-items: center !important;

    margin: 0 !important;
    padding: 0 !important;

    cursor: pointer !important;
}


.b24-form-field-agreement input[type="checkbox"] {
    flex: 0 0 16px !important;

    width: 16px !important;
    height: 16px !important;

    margin: 0 10px 0 0 !important;
}


/* Скрываем длинный текст */

.b24-form-field-agreement-link {
    font-size: 0 !important;
    line-height: 0 !important;
}


/* Короткая подпись */

.b24-form-field-agreement-link::after {
    content: "Согласие на обработку персональных данных" !important;

    color: rgba(255,255,255,.92) !important;

    font-size: 12px !important;
    line-height: 18px !important;
    font-weight: 400 !important;

    text-decoration: underline !important;

    white-space: nowrap !important;
}


.b24-form-field-agreement .b24-form-control-required {
    display: none !important;
}


/* =========================================================
   13. УБИРАЕМ «СООБЩИТЬ О НАРУШЕНИИ»
   ========================================================= */

.b24-form-sign {
    display: none !important;
}


/* =========================================================
   14. КРАСНЫЙ КРЕСТИК
   ========================================================= */

.b24-window-popup.b24-window-popup-p-center
> .b24-window-popup-wrapper
> button.b24-window-close[aria-label="Закрыть"] {
    position: absolute !important;

    top: 0 !important;
    right: 0 !important;

    width: 42px !important;
    height: 42px !important;

    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 0 !important;

    background: #e20e18 !important;
    background-image: none !important;

    border: 0 !important;
    border-radius: 0 !important;

    outline: none !important;
    box-shadow: none !important;

    opacity: 1 !important;

    transform: none !important;

    z-index: 99999 !important;

    cursor: pointer !important;
}


/* Белый X */

.b24-window-popup.b24-window-popup-p-center
> .b24-window-popup-wrapper
> button.b24-window-close[aria-label="Закрыть"]::before,

.b24-window-popup.b24-window-popup-p-center
> .b24-window-popup-wrapper
> button.b24-window-close[aria-label="Закрыть"]::after {
    content: "" !important;

    position: absolute !important;

    left: 12px !important;
    top: 20px !important;

    width: 18px !important;
    height: 2px !important;

    background: #ffffff !important;

    transform-origin: center !important;
}


.b24-window-popup.b24-window-popup-p-center
> .b24-window-popup-wrapper
> button.b24-window-close[aria-label="Закрыть"]::before {
    transform: rotate(45deg) !important;
}


.b24-window-popup.b24-window-popup-p-center
> .b24-window-popup-wrapper
> button.b24-window-close[aria-label="Закрыть"]::after {
    transform: rotate(-45deg) !important;
}


.b24-window-popup.b24-window-popup-p-center
> .b24-window-popup-wrapper
> button.b24-window-close[aria-label="Закрыть"]:hover {
    background: #c90d16 !important;
}


/* =========================================================
   15. МОБИЛЬНАЯ ВЕРСИЯ
   ========================================================= */
/* =========================================================
   МОБИЛЬНАЯ ВЕРСИЯ
   ========================================================= */

   @media (max-width: 760px) {

/* Убираем служебные элементы Bitrix */
.b24-window-scroll-anchor,
.b24-window-scroll-arrow-up-box,
.b24-window-scroll-arrow-down-box,
.b24-window-scroll-arrow-up,
.b24-window-scroll-arrow-down {
    display: none !important;
}


/* =====================================================
   POPUP
   РОВНО 30px СЛЕВА И СПРАВА
   ===================================================== */

.b24-window-popup.b24-window-popup-p-center {
    position: fixed !important;

    top: 50% !important;

    /* ВАЖНО: не width: calc(), а реальные края */
    left: 30px !important;
    right: 30px !important;

    bottom: auto !important;

    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    /* центрируем только по вертикали */
    transform: translateY(-50%) !important;

    box-sizing: border-box !important;
}


.b24-window-popup.b24-window-popup-p-center
> .b24-window-popup-wrapper {
    position: relative !important;

    left: auto !important;
    right: auto !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    transform: none !important;

    box-sizing: border-box !important;
}


.b24-window-popup-body,
.b24-window-scrollable {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;
}


/* =====================================================
   СИНЯЯ ФОРМА
   ===================================================== */

.b24-form-wrapper {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;

    box-sizing: border-box !important;

    margin: 0 !important;

    /* делаем форму просторнее по высоте */
    padding: 32px 22px 30px !important;

    background: #1767b4 !important;
    background-image: none !important;

    border: 0 !important;
    border-radius: 0 !important;

    overflow: hidden !important;
}


/* SVG на мобильном полностью убираем */
.fix-image,
.b24-form-wrapper .fix-image {
    display: none !important;
}


/* =====================================================
   КРЕСТИК
   ===================================================== */

.b24-window-popup.b24-window-popup-p-center
> .b24-window-popup-wrapper
> button.b24-window-close[aria-label="Закрыть"] {

    top: 0 !important;
    right: 0 !important;

    width: 40px !important;
    height: 40px !important;

    background: #e20e18 !important;

    border: 0 !important;
    border-radius: 0 !important;
}


/* =====================================================
   ЗАГОЛОВОК
   ===================================================== */

.b24-form-header {
    margin: 0 0 24px !important;
    padding: 0 !important;
}


.b24-form-header-title {
    margin: 0 0 7px !important;
    padding: 0 42px 0 0 !important;

    font-family: 'Montserrat', Arial, sans-serif !important;
    font-size: 21px !important;
    line-height: 27px !important;
    font-weight: 700 !important;

    color: #ffffff !important;

    text-align: left !important;
}


.b24-form-header-description {
    margin: 0 !important;
    padding: 0 !important;

    font-family: 'Montserrat', Arial, sans-serif !important;
    font-size: 14px !important;
    line-height: 20px !important;

    color: rgba(255,255,255,.88) !important;
}


/* =====================================================
   ФОРМА В ОДНУ КОЛОНКУ
   ===================================================== */

.b24-form-content {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}


.b24-form-content form {
    display: flex !important;
    flex-direction: column !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    gap: 0 !important;
}


.b24-form-content form > div:first-child {
    display: block !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* =====================================================
   ПОЛЯ
   ===================================================== */

.b24-form-field-name,
.b24-form-field-phone {
    display: block !important;

    width: 100% !important;

    margin: 0 0 12px !important;
    padding: 0 !important;
}


.b24-form-field-name .b24-form-control-container,
.b24-form-field-phone .b24-form-control-container {
    width: 100% !important;
    height: 58px !important;

    margin: 0 !important;
    padding: 0 !important;
}


.b24-form-field-name .b24-form-control,
.b24-form-field-phone .b24-form-control {
    width: 100% !important;

    height: 58px !important;
    min-height: 58px !important;

    box-sizing: border-box !important;

    padding: 0 18px !important;

    background: #ffffff !important;

    border: 0 !important;
    border-radius: 0 !important;

    font-family: 'Montserrat', Arial, sans-serif !important;
    font-size: 15px !important;

    color: #222222 !important;
}


.b24-form-field-name .b24-form-control-label,
.b24-form-field-phone .b24-form-control-label {
    left: 18px !important;
    top: 50% !important;

    transform: translateY(-50%) !important;

    font-family: 'Montserrat', Arial, sans-serif !important;
    font-size: 15px !important;
    line-height: 20px !important;
}


/* =====================================================
   СОГЛАСИЕ
   ===================================================== */

.b24-form-content form > div:nth-child(2) {
    order: 2 !important;

    width: 100% !important;

    margin: 6px 0 20px !important;
    padding: 0 !important;
}


.b24-form-field-agreement label {
    display: flex !important;
    align-items: flex-start !important;
}


.b24-form-field-agreement input[type="checkbox"] {
    flex: 0 0 17px !important;

    width: 17px !important;
    height: 17px !important;

    margin: 1px 10px 0 0 !important;
}


.b24-form-field-agreement-link::after {
    font-family: 'Montserrat', Arial, sans-serif !important;

    font-size: 12px !important;
    line-height: 18px !important;

    white-space: normal !important;

    color: rgba(255,255,255,.9) !important;
}


/* =====================================================
   КНОПКА — НА ВСЮ ШИРИНУ
   ===================================================== */

.b24-form-btn-container {
    order: 3 !important;

    position: relative !important;

    display: block !important;

    width: 100% !important;
    height: 58px !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;
}


.b24-form-btn-block {
    width: 100% !important;
    height: 58px !important;

    margin: 0 !important;
    padding: 0 !important;
}


.b24-form-btn {
    position: relative !important;

    display: block !important;

    width: 100% !important;
    min-width: 100% !important;
    max-width: none !important;

    height: 58px !important;
    min-height: 58px !important;

    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 0 !important;

    background: #e20e18 !important;

    border: 0 !important;
    border-radius: 0 !important;

    color: transparent !important;
    font-size: 0 !important;

    overflow: hidden !important;
}


/* Белая стрелка */
.b24-form-btn::after {
    content: "" !important;

    position: absolute !important;

    display: block !important;

    left: 50% !important;
    top: 50% !important;

    transform: translate(-40%, -50%) !important;

    width: 0 !important;
    height: 0 !important;

    border-top: 12px solid transparent !important;
    border-bottom: 12px solid transparent !important;
    border-left: 23px solid #ffffff !important;
}


/* Убираем текст "Отправить" */
.b24-form-btn-container::after,
.b24-form-btn-block::after {
    display: none !important;
    content: none !important;
}


/* служебная подпись */
.b24-form-sign {
    display: none !important;
}
}


/* =========================================================
   16. СОГЛАСИЕ НА ОБРАБОТКУ ПЕРСОНАЛЬНЫХ ДАННЫХ
   ФИНАЛЬНАЯ ВЕРСИЯ
   ========================================================= */

/* Сам popup соглашения.
   Без :has(), чтобы ширина 900px применялась сразу
   и окно не расширялось после подгрузки текста. */
body .b24-window-popup.b24-window-popup-on-top.b24-window-popup-p-center {
    position: fixed !important;

    top: 50% !important;
    left: 50% !important;
    right: auto !important;
    bottom: auto !important;

    width: 900px !important;
    min-width: 0 !important;
    max-width: calc(100vw - 80px) !important;

    margin: 0 !important;
    padding: 0 !important;

    transform: translate(-50%, -50%) !important;

    background: transparent !important;
    box-sizing: border-box !important;

    transition: none !important;
    animation: none !important;

    z-index: 2147483000 !important;
}


/* Белая карточка.
   Перебиваем inline max-width:600px от Bitrix24. */
body .b24-window-popup.b24-window-popup-on-top.b24-window-popup-p-center
> .b24-window-popup-wrapper {
    position: relative !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    transform: none !important;

    background: #ffffff !important;

    border: 0 !important;
    border-radius: 6px !important;

    box-shadow: 0 18px 55px rgba(0,0,0,.32) !important;

    overflow: hidden !important;
    box-sizing: border-box !important;
}


/* Технические якоря Bitrix полностью убираем */
body .b24-window-popup.b24-window-popup-on-top.b24-window-popup-p-center
.b24-window-scroll-anchor {
    display: none !important;

    width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
}


/* Прокручиваемая область */
body .b24-window-popup.b24-window-popup-on-top.b24-window-popup-p-center
.b24-window-scrollable[data-scroll-lock-scrollable] {
    position: relative !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;

    max-height: 74vh !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow-x: hidden !important;
    overflow-y: auto !important;

    /* ВАЖНО: не резервируем белую полосу под scrollbar */
    scrollbar-gutter: auto !important;

    background: #ffffff !important;

    color: #222222 !important;
    font-family: 'Montserrat', Arial, sans-serif !important;

    box-sizing: border-box !important;

    transition: none !important;
    animation: none !important;

    z-index: 1 !important;
}


/* Синяя шапка */
body .b24-window-popup.b24-window-popup-on-top.b24-window-popup-p-center
.b24-window-popup-head {
    position: sticky !important;

    top: 0 !important;

    display: flex !important;
    align-items: center !important;

    width: 100% !important;
    min-height: 70px !important;

    margin: 0 !important;
    padding: 0 90px 0 30px !important;

    background: #1767b4 !important;

    border: 0 !important;
    border-top: 0 !important;
    border-bottom: 0 !important;

    box-sizing: border-box !important;

    z-index: 20 !important;
}


/* Заголовок */
body .b24-window-popup.b24-window-popup-on-top.b24-window-popup-p-center
.b24-window-popup-title {
    margin: 0 !important;
    padding: 0 !important;

    color: #ffffff !important;

    font-family: 'Montserrat', Arial, sans-serif !important;
    font-size: 21px !important;
    line-height: 28px !important;
    font-weight: 700 !important;

    text-align: left !important;
}


/* Текст соглашения */
body .b24-window-popup.b24-window-popup-on-top.b24-window-popup-p-center
.b24-window-popup-body {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    background: #ffffff !important;

    color: #222222 !important;

    font-family: 'Montserrat', Arial, sans-serif !important;
    font-size: 14px !important;
    line-height: 1.7 !important;

    box-sizing: border-box !important;
}


body .b24-window-popup.b24-window-popup-on-top.b24-window-popup-p-center
.b24-window-popup-body > div {
    padding: 26px 30px 30px !important;
    box-sizing: border-box !important;
}


/* =========================================================
   КРАСНЫЙ КРЕСТИК СОГЛАШЕНИЯ
   РОВНО ПО ВЫСОТЕ СИНЕЙ ШАПКИ
   ========================================================= */

body .b24-window-popup.b24-window-popup-on-top.b24-window-popup-p-center
> .b24-window-popup-wrapper
> button.b24-window-close {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;

    position: absolute !important;

    top: 0 !important;
    right: 0 !important;

    width: 70px !important;
    height: 70px !important;

    margin: 0 !important;
    padding: 0 !important;

    background: #e20e18 !important;
    background-image: none !important;

    border: 0 !important;
    border-radius: 0 !important;

    outline: 0 !important;
    box-shadow: none !important;

    transform: none !important;

    cursor: pointer !important;

    z-index: 100 !important;
}


/* Белый X */
body .b24-window-popup.b24-window-popup-on-top.b24-window-popup-p-center
> .b24-window-popup-wrapper
> button.b24-window-close::before,

body .b24-window-popup.b24-window-popup-on-top.b24-window-popup-p-center
> .b24-window-popup-wrapper
> button.b24-window-close::after {
    content: "" !important;
    display: block !important;

    position: absolute !important;

    left: 23px !important;
    top: 34px !important;

    width: 24px !important;
    height: 2px !important;

    background: #ffffff !important;

    border: 0 !important;

    transform-origin: center !important;
}


body .b24-window-popup.b24-window-popup-on-top.b24-window-popup-p-center
> .b24-window-popup-wrapper
> button.b24-window-close::before {
    transform: rotate(45deg) !important;
}


body .b24-window-popup.b24-window-popup-on-top.b24-window-popup-p-center
> .b24-window-popup-wrapper
> button.b24-window-close::after {
    transform: rotate(-45deg) !important;
}


body .b24-window-popup.b24-window-popup-on-top.b24-window-popup-p-center
> .b24-window-popup-wrapper
> button.b24-window-close:hover {
    background: #c90d16 !important;
}


/* =========================================================
   УБИРАЕМ "ПРОЧИТАЙТЕ ДО КОНЦА"
   ========================================================= */

body .b24-window-popup.b24-window-popup-on-top.b24-window-popup-p-center
.b24-form-scroll-textable,

body .b24-window-popup.b24-window-popup-on-top.b24-window-popup-p-center
.b24-form-scroll-textable-text,

body .b24-window-popup.b24-window-popup-on-top.b24-window-popup-p-center
.b24-form-scroll-textable-arrow,

body .b24-window-popup.b24-window-popup-on-top.b24-window-popup-p-center
.b24-form-scroll-textable-arrow-item {
    display: none !important;
}


/* =========================================================
   КНОПКИ "ПРИНИМАЮ / НЕ ПРИНИМАЮ"
   ========================================================= */

body .b24-window-popup.b24-window-popup-on-top.b24-window-popup-p-center
.b24-form-btn-container {
    position: static !important;

    display: flex !important;
    flex-direction: row !important;
    justify-content: flex-start !important;
    align-items: center !important;
    gap: 12px !important;

    width: 100% !important;
    height: auto !important;

    margin: 26px 0 0 !important;
    padding: 0 !important;

    overflow: visible !important;
}


body .b24-window-popup.b24-window-popup-on-top.b24-window-popup-p-center
.b24-form-btn-block {
    display: block !important;
    flex: 0 0 auto !important;

    width: 180px !important;
    min-width: 180px !important;
    max-width: 180px !important;

    height: 48px !important;

    margin: 0 !important;
    padding: 0 !important;
}


body .b24-window-popup.b24-window-popup-on-top.b24-window-popup-p-center
.b24-form-btn {
    position: relative !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 180px !important;
    min-width: 180px !important;
    max-width: 180px !important;

    height: 48px !important;
    min-height: 48px !important;

    margin: 0 !important;
    padding: 0 15px !important;

    background: #1767b4 !important;

    border: 1px solid #1767b4 !important;
    border-radius: 3px !important;

    color: #ffffff !important;

    font-family: 'Montserrat', Arial, sans-serif !important;
    font-size: 14px !important;
    line-height: 18px !important;
    font-weight: 600 !important;

    text-indent: 0 !important;

    box-shadow: none !important;

    overflow: visible !important;
}


/* Никаких стрелок основной формы */
body .b24-window-popup.b24-window-popup-on-top.b24-window-popup-p-center
.b24-form-btn::before,

body .b24-window-popup.b24-window-popup-on-top.b24-window-popup-p-center
.b24-form-btn::after,

body .b24-window-popup.b24-window-popup-on-top.b24-window-popup-p-center
.b24-form-btn-container::after,

body .b24-window-popup.b24-window-popup-on-top.b24-window-popup-p-center
.b24-form-btn-block::after {
    display: none !important;
    content: none !important;
}


/* Не принимаю */
body .b24-window-popup.b24-window-popup-on-top.b24-window-popup-p-center
.b24-form-btn-white {
    background: #ffffff !important;

    color: #1767b4 !important;

    border: 1px solid #1767b4 !important;
}


/* =========================================================
   17. МОБИЛЬНАЯ ВЕРСИЯ СОГЛАШЕНИЯ
   ========================================================= */

@media (max-width: 760px) {

    body .b24-window-popup.b24-window-popup-on-top.b24-window-popup-p-center {
        top: 50% !important;

        left: 15px !important;
        right: 15px !important;
        bottom: auto !important;

        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;

        transform: translateY(-50%) !important;
    }


    body .b24-window-popup.b24-window-popup-on-top.b24-window-popup-p-center
    > .b24-window-popup-wrapper {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
    }


    body .b24-window-popup.b24-window-popup-on-top.b24-window-popup-p-center
    .b24-window-scrollable[data-scroll-lock-scrollable] {
        max-height: 82vh !important;
    }


    body .b24-window-popup.b24-window-popup-on-top.b24-window-popup-p-center
    .b24-window-popup-head {
        min-height: 58px !important;

        padding: 0 58px 0 18px !important;
    }


    body .b24-window-popup.b24-window-popup-on-top.b24-window-popup-p-center
    .b24-window-popup-title {
        font-size: 17px !important;
        line-height: 23px !important;
    }


    body .b24-window-popup.b24-window-popup-on-top.b24-window-popup-p-center
    .b24-window-popup-body {
        font-size: 13px !important;
        line-height: 1.6 !important;
    }


    body .b24-window-popup.b24-window-popup-on-top.b24-window-popup-p-center
    .b24-window-popup-body > div {
        padding: 18px !important;
    }


    /* Крестик на мобильном тоже ровно по высоте шапки */
    body .b24-window-popup.b24-window-popup-on-top.b24-window-popup-p-center
    > .b24-window-popup-wrapper
    > button.b24-window-close {
        width: 58px !important;
        height: 58px !important;
    }


    body .b24-window-popup.b24-window-popup-on-top.b24-window-popup-p-center
    > .b24-window-popup-wrapper
    > button.b24-window-close::before,

    body .b24-window-popup.b24-window-popup-on-top.b24-window-popup-p-center
    > .b24-window-popup-wrapper
    > button.b24-window-close::after {
        left: 18px !important;
        top: 28px !important;

        width: 22px !important;
    }


    body .b24-window-popup.b24-window-popup-on-top.b24-window-popup-p-center
    .b24-form-btn-container {
        flex-direction: column !important;

        gap: 10px !important;
    }


    body .b24-window-popup.b24-window-popup-on-top.b24-window-popup-p-center
    .b24-form-btn-block,

    body .b24-window-popup.b24-window-popup-on-top.b24-window-popup-p-center
    .b24-form-btn {
        flex: none !important;

        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
    }
}