.bron-online {
    font-family: 'Montserrat', sans-serif !important;

    #_mbron {
        background: #2d2d2d;
    }

    #_mbron #tables_flat .br_place {
        border: none;
    }


    #_mbron .input-group-addon {
        background: #ff6600 none repeat scroll 0 0;
    }

    #_mbron #tables_flat .br_place .info .maxHeightToggleLink {
        color: #ff6600;
    }

    #_mbron .mb_priceVariantSelect {
        color: #000;
    }

    .stepNum {
        background: #129fdd00 !important;
    }

    .mb_date .selected {
        background: #ff6600 !important;
        opacity: 1 !important;
    }

    /* 🔹 Общий стиль секций этажей */
    .mb_row_floor {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        padding: 20px !important;
        margin: 20px 0 !important;
        background: #454545 !important;
        border-radius: 15px !important;
        box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2) !important;
        border: none !important;
    }

    /* 🔹 Заголовки секций */
    .mb_floor_name {
        font-size: 20px !important;
        font-weight: bold !important;
        color: white !important;
        margin-bottom: 10px !important;
        text-transform: uppercase !important;
    }

    /* 🔹 Оформляем изображения секций */
    .mb_floor_img {
        flex: 1 !important;
        max-width: 40% !important;
        border-radius: 10px !important;
        overflow: hidden !important;
    }

    /* 🔹 Оформляем описания секций */
    .mb_floor_desc {
        flex: 2 !important;
        padding: 0 20px !important;
        color: white !important;
        font-size: 16px !important;
    }

    /* 🔹 Стили кнопок "Посмотреть варианты" */
    .mb_btn_show_from_floor {
        background: #FF6600 !important;
        /* Оранжевый цвет */
        color: white !important;
        font-size: 16px !important;
        font-weight: bold !important;
        padding: 12px 20px !important;
        border-radius: 10px !important;
        /* Закругленные углы */
        text-transform: uppercase !important;
        border: none !important;
        cursor: pointer !important;
        box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2) !important;
        transition: background 0.3s ease-in-out !important;
        display: inline-block !important;
        margin-top: 10px !important;
    }

    /* 🔹 Эффект наведения кнопки */
    .mb_btn_show_from_floor:hover {
        background: #E65C00;
        /* Темнее при наведении */
        box-shadow: 0px 6px 15px rgba(255, 102, 0, 0.5);
    }

    /* 🔹 Анимация нажатия */
    .mb_btn_show_from_floor:active {
        transform: scale(0.95);
    }

    /* 🔹 Фон всего блока выбора бокса */
    .mbronBlock {
        background: #2D2D2D !important;
        /* Графитовый фон */
        border-radius: 15px !important;
        box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2) !important;
    }

    /* 🔹 Стилизация заголовков секций */
    .step {
        background: #2D2D2D !important;
        /* Графитовый фон */
        color: white !important;
        border-radius: 10px !important;
    }

    #_mbron #toggleModule:before,
    #_mbron #toggleModule:after {
        background: rgb(254 92 28) none repeat scroll 0 0;
    }

    #_mbron #toggleModule {
        background: rgb(254 92 28 / 81%);
        border: 2px solid rgb(254 92 28 / 56%);
    }
    
    #confirm_order_info .summWrapp {
        display: none !important;
    }

    /* 🔹 Общий контейнер выбора секций */
    @media (max-width: 768px) {
        .mb_row_floor {
            flex-direction: column !important;
            /* Перестраиваем элементы в колонку */
            align-items: center !important;
            padding: 15px !important;
            text-align: center !important;
        }

        /* 🔹 Заголовок секции (этаж, секция) */
        .mb_floor_name {
            font-size: 18px !important;
            text-align: center !important;
            margin-bottom: 10px !important;
        }

        /* 🔹 Описание секции */
        .mb_floor_desc {
            padding: 10px !important;
            font-size: 14px !important;
        }

        /* 🔹 Изображение секции */
        .mb_floor_img {
            max-width: 100% !important;
            height: auto !important;
            margin-bottom: 10px !important;
            border-radius: 10px !important;
        }

        /* 🔹 Кнопка выбора секции */
        .mb_btn_show_from_floor {
            width: 100% !important;
            /* Растягиваем на всю ширину */
            font-size: 16px !important;
            padding: 12px 20px !important;
            border-radius: 8px !important;
            margin-top: 10px !important;
        }
    }


    /* 🔹 Таблица боксов */
    .table_block {
        background: #3D3D3D !important;
        /* Чуть светлее графита */
        border-radius: 10px !important;
        box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2) !important;
        color: white !important;
    }

    /* 🔹 Заголовки боксов */
    .table_block h3 {
        color: white !important;
    }

    /* 🔹 Кнопки "Выбрать" */
    .btn {
        background: #FF6600 !important;
        /* Оранжевый */
        color: white !important;
        border-radius: 10px !important;
        border: none !important;
        cursor: pointer !important;
        box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2) !important;
        transition: background 0.3s ease-in-out !important;
        display: inline-block !important;
        margin-top: 10px !important;
    }

    /* 🔹 Эффект наведения кнопки */
    .btn:hover {
        background: #E65C00 !important;
        /* Темнее при наведении */
        box-shadow: 0px 6px 15px rgba(255, 102, 0, 0.5) !important;
    }

    /* 🔹 Анимация нажатия кнопки */
    .btn:active {
        transform: scale(0.95) !important;
    }

    /* 🔹 Исправление белого фона при наведении */
    .table_block:hover {
        background: #3D3D3D !important;
    }

    /* 🔹 Общий стиль блока подтверждения заказа */
    #confirm_order_info {
        background: #2D2D2D !important;
        /* Графитовый фон */
        padding: 20px !important;
        border-radius: 15px !important;
        box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2) !important;
        color: white !important;
        text-align: center !important;
        font-size: 18px !important;
        font-weight: bold !important;
    }

    /* 🔹 Исправление цвета шрифта в деталях заказа */
    #confirm_order_info .summWrapp,
    #confirm_order_info .order_count_info,
    #confirm_order_info .show_bron_type_day {
        color: white !important;
        /* Делаем текст белым */
        font-size: 16px !important;
        font-weight: normal !important;
    }

    /* 🔹 Сумма заказа — делаем контрастнее */
    .summWrapp {
        font-size: 20px !important;
        font-weight: bold !important;
        color: #28A745 !important;
        /* Зелёный для итоговой суммы */
    }

    /* 🔹 Улучшение блока чекбокса с согласием */
    #confirm_order_info input[type="checkbox"] {
        transform: scale(1.2) !important;
        margin-right: 5px !important;
    }

    /* 🔹 Улучшаем расположение кнопок */
    .mbronBlock.navigation {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        gap: 10px !important;
        /* Добавляем отступы между кнопками */
        margin-top: 20px !important;
    }

    /* 🔹 Стили кнопок */
    .mbronBlock.navigation .btn {
        background: #FF6600 !important;
        /* Оранжевый цвет */
        color: white !important;
        font-size: 16px !important;
        font-weight: bold !important;
        padding: 12px 20px !important;
        border-radius: 10px !important;
        text-transform: uppercase !important;
        border: none !important;
        cursor: pointer !important;
        box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2) !important;
        transition: background 0.3s ease-in-out !important;
        flex: 1 0 45% !important;
        /* Делаем кнопки равномерно распределёнными */
        text-align: center !important;
    }

    /* 🔹 Эффект наведения кнопки */
    .mbronBlock.navigation .btn:hover {
        background: #E65C00 !important;
        /* Темнее при наведении */
        box-shadow: 0px 6px 15px rgba(255, 102, 0, 0.5) !important;
    }

    /* 🔹 Анимация нажатия */
    .mbronBlock.navigation .btn:active {
        transform: scale(0.95) !important;
    }

    /* 🔹 Выравнивание кнопок по центру */
    .mbronBlock.navigation .btn:nth-child(odd) {
        margin-right: 10px !important;
    }

    /* 🔹 Общий стиль блока кнопок */
    .mbronBlock.navigation {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        gap: 10px !important;
        /* Отступы между кнопками */
        margin-top: 20px !important;
    }

    /* 🔹 Стили кнопок */
    .mbronBlock.navigation .btn {
        background: #FF6600 !important;
        /* Оранжевый цвет */
        color: white !important;
        font-size: 16px !important;
        font-weight: bold !important;
        padding: 12px 20px !important;
        border-radius: 10px !important;
        text-transform: uppercase !important;
        border: none !important;
        cursor: pointer !important;
        box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2) !important;
        transition: background 0.3s ease-in-out !important;
        flex: 1 0 calc(50% - 10px) !important;
        /* Две кнопки в ряд на ПК */
        text-align: center !important;
    }

    /* 🔹 Эффект наведения кнопки */
    .mbronBlock.navigation .btn:hover {
        background: #E65C00 !important;
        /* Темнее при наведении */
        box-shadow: 0px 6px 15px rgba(255, 102, 0, 0.5) !important;
    }

    /* 🔹 Анимация нажатия */
    .mbronBlock.navigation .btn:active {
        transform: scale(0.95) !important;
    }

    /* 🔹 Полноширинные кнопки на мобильных */
    @media (max-width: 768px) {
        .mbronBlock.navigation {
            flex-direction: column !important;
            align-items: center !important;
            width: 100% !important;
        }

        .mbronBlock.navigation .btn {
            flex: 1 0 100% !important;
            /* Каждая кнопка занимает всю ширину */
            max-width: 90% !important;
        }
    }

    /* 🔹 Исправляем отступы между блоками */
    .mbronBlock,
    #confirm_order_info,
    .table_block,
    .mb_row_floor {
        margin-bottom: 20px !important;
        /* Одинаковые отступы */
    }

    /* 🔹 Исправляем отступы внутри контейнера "контакты" */
    #confirm_order_info {
        background: #2D2D2D !important;
        padding: 20px !important;
        border-radius: 15px !important;
        box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2) !important;
        color: white !important;
        text-align: center !important;
        font-size: 18px !important;
        font-weight: bold !important;
    }

    /* 🔹 Исправляем отступы в форме ввода */
    #confirm_order_info input,
    #confirm_order_info textarea,
    #confirm_order_info select {
        width: 100% !important;
        padding: 10px !important;
        margin-bottom: 10px !important;
        /* Одинаковые отступы между полями */
        border-radius: 8px !important;
        border: 2px solid #FF6600 !important;
        background: #3D3D3D !important;
        color: white !important;
        font-size: 16px !important;
    }

    /* 🔹 Исправляем отступы у чекбокса */
    #confirm_order_info label {
        margin-bottom: 15px !important;
        display: block !important;
    }

    /* 🔹 Одинаковые отступы между кнопками */
    .mbronBlock.navigation {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        gap: 10px !important;
        margin-top: 20px !important;
        margin-bottom: 20px !important;
    }

    /* 🔹 Кнопки */
    .mbronBlock.navigation .btn {
        background: #FF6600 !important;
        color: white !important;
        font-size: 16px !important;
        font-weight: bold !important;
        padding: 12px 20px !important;
        border-radius: 10px !important;
        text-transform: uppercase !important;
        border: none !important;
        cursor: pointer !important;
        box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2) !important;
        transition: background 0.3s ease-in-out !important;
        flex: 1 0 calc(50% - 10px) !important;
        /* Две кнопки в ряд */
        text-align: center !important;
        margin-bottom: 10px !important;
    }

    /* 🔹 Полноширинная кнопка "Следующий шаг" */
    .mbronBlock.navigation .btn:last-child {
        flex: 1 0 100% !important;
        /* Растягиваем на всю ширину */
    }

    /* 🔹 Исправляем отступы в таблице боксов */
    .table_block {
        background: #3D3D3D !important;
        border-radius: 10px !important;
        box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2) !important;
        color: white !important;
        padding: 15px !important;
    }

    /* 🔹 Заголовки в таблице боксов */
    .table_block h3 {
        color: white !important;
        font-size: 18px !important;
    }

    /* 🔹 Исправляем белый фон при наведении */
    .table_block:hover {
        background: #3D3D3D !important;
    }

    /* 🔹 Улучшение мобильной версии */
    @media (max-width: 768px) {
        .mbronBlock.navigation {
            flex-direction: column !important;
            align-items: center !important;
            width: 100% !important;
        }

        .mbronBlock.navigation .btn {
            flex: 1 0 100% !important;
            max-width: 90% !important;
        }
    }

    /* 🔹 Общий контейнер кнопок */
    .mbronBlock.navigation {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 10px !important;
        /* Одинаковые отступы */
        margin-top: 20px !important;
        margin-bottom: 20px !important;
    }

    /* 🔹 Общий стиль кнопок */
    .mbronBlock.navigation .btn {
        background: #FF6600 !important;
        /* Оранжевый */
        color: white !important;
        font-size: 16px !important;
        font-weight: bold !important;
        padding: 12px 20px !important;
        border-radius: 10px !important;
        text-transform: uppercase !important;
        border: none !important;
        cursor: pointer !important;
        box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2) !important;
        transition: background 0.3s ease-in-out !important;
        text-align: center !important;
    }

    /* 🔹 Выравнивание кнопок на ДЕСКТОПЕ (по 2 в ряд) */
    @media (min-width: 769px) {
        .mbronBlock.navigation .btn {
            flex: 1 0 calc(50% - 10px) !important;
            /* Две кнопки в ряд */
            max-width: calc(50% - 10px) !important;
        }
    }

    /* 🔹 Мобильная версия: кнопки идут в колонку */
    @media (max-width: 768px) {
        .mbronBlock.navigation {
            flex-direction: column !important;
            align-items: center !important;
            width: 100% !important;
        }

        .mbronBlock.navigation .btn {
            flex: 1 0 100% !important;
            /* Каждая кнопка занимает всю ширину */
            max-width: 90% !important;
        }
    }

    /* 🔹 Общие стили для кнопок */
    .mbronBlock.navigation .btn {
        background: #FF6600 !important;
        /* Оранжевый */
        color: white !important;
        font-size: 16px !important;
        font-weight: bold !important;
        padding: 14px 24px !important;
        /* Увеличиваем отступы внутри кнопки */
        border-radius: 10px !important;
        text-transform: uppercase !important;
        border: none !important;
        cursor: pointer !important;
        box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2) !important;
        transition: background 0.3s ease-in-out !important;
        text-align: center !important;
        white-space: nowrap !important;
        /* Запрещает перенос текста */
        min-width: 160px !important;
        /* Делаем кнопки шире */
    }

    /* 🔹 Увеличиваем ширину кнопок на мобильных */
    @media (max-width: 768px) {
        .mbronBlock.navigation {
            flex-direction: column !important;
            align-items: center !important;
            width: 100% !important;
        }

        .mbronBlock.navigation .btn {
            flex: 1 0 auto !important;
            max-width: 90% !important;
            width: auto !important;
            min-width: 200px !important;
            /* Делаем кнопки больше */
            font-size: 14px !important;
            /* Чуть уменьшаем текст */
            padding: 12px 20px !important;
            /* Корректируем отступы */
        }
    }
}