.elementor-4532 .elementor-element.elementor-element-aea9a71{--display:flex;--padding-top:100px;--padding-bottom:100px;--padding-left:20px;--padding-right:20px;}.elementor-4532 .elementor-element.elementor-element-5caa009{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS for shortcode, class: .elementor-element-61757ed *//* Отключаем выделение текста и курсор ввода в счетчиках */
.chbs-quantity-section input {
    user-select: none !important;
    -webkit-user-select: none !important;
    -webkit-touch-callout: none !important;
    caret-color: transparent !important; /* Скрывает мигающий курсор ввода */
}

/* Выравнивание нижнего края левой формы с картой */
.form-container-custom-block .chbs-tab.ui-tabs {
    margin-bottom: -10px !important; 
}

/*****************************/
/* Прогресс шагов */

/* 1. Скругление 0px у плашек/кругов */
.form-container-custom-block .chbs-main-navigation-default > ul > li > a > span {
    border-radius: 0px !important;
}

/* 2. Шрифт Bebas Neue строго для текста названия шага */
.form-container-custom-block .chbs-main-navigation-default > ul > li > a > span:nth-child(2) {
    font-family: 'Bebas Neue', sans-serif !important;
}

/* 3. Цвет фона акцентного (выбранного) шага #F0A500 */
.form-container-custom-block .chbs-main-navigation-default > ul > li.chbs-state-selected > a > span:first-child {
    background-color: #F0A500 !important;
    border-color: #F0A500 !important;
    color: #ffffff !important;
}

/* Фон и цвет рамки пройденного шага */
.form-container-custom-block .chbs-main-navigation-default > ul > li.chbs-state-completed > a > span:first-child {
    background-color: #ffecc2 !important;
}


/*****************************/
/* Табы выбора типа поездки */

/* 1. Стиль табов */
.form-container-custom-block .ui-tabs-nav li a {
    border: none !important;
    margin-bottom: 10px !important; 
    background-color: #F4FAFC !important;
    font-family: 'Bebas Neue', sans-serif !important;
    font-size: 18px !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06) !important;
    transition: all 0.25s ease-in-out !important;
}

/* 2. Стили активного таба */
.form-container-custom-block li.ui-tabs-active a {
    background-color: #F0A500 !important;
}


/*****************************/
/* Поля ввода (Инпуты) и иконки */

.form-container-custom-block .chbs-form-field {
    margin-bottom: 10px !important;
}

.form-container-custom-block .chbs-form-field:has(input[type="text"]:focus, textarea:focus) {
    border-color: #F0A500 !important;
    box-shadow: 0 3px 8px rgba(240, 165, 0, 0.1) !important;
    outline: none !important;
}

/* Стили для лейблов группы полей */
.form-container-custom-block .chbs-form-label-group {
    background-color: #fcf4e1 !important;
    color: #000 !important;
    font-family: 'Bebas Neue', sans-serif;
    font-size: 16px !important;
}

.form-container-custom-block .chbs-tab.ui-tabs .ui-tabs-panel {
    border-top: 0px !important;
}

/* Центрирование иконки внутри инпута по вертикали */
.form-container-custom-block .chbs-form-field span[class*="chbs-meta-icon-2"] {
    top: 55% !important;
}
.chbs-location-add, .chbs-location-remove {
    top: 52% !important;
}

.chbs-main .chbs-form-field.chbs-form-field-width-50 {
    border-left: 1px solid #EAECEE !important;
}

/**************************************************/
/* 1. ИНПУТЫ И СЕЛЕКТЫ (ДЛЯ ВСЕХ ШАГОВ ФОРМЫ)     */
/**************************************************/
.chbs-for-block .chbs-main input[type="text"],
.chbs-for-block .chbs-main input[type="email"],
.chbs-for-block .chbs-main input[type="number"],
.chbs-for-block .chbs-main textarea,
.chbs-for-block .chbs-main select {
    color: #000000 !important;
}


/**************************************************/
/* 2. КНОПКА ВЫБОРА АВТО (ТОЛЬКО ШАГ 2)             */
/**************************************************/
.chbs-for-block .chbs-main .chbs-main-content-step-2 .chbs-button.chbs-state-selected {
    position: relative !important;
}

/* Подпись под выбранной кнопкой */
.chbs-for-block .chbs-main .chbs-main-content-step-2 .chbs-button.chbs-state-selected::after {
    content: "Bereits ausgewählt";
    display: block;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 6px;
    font-size: 12px;
    line-height: 1.2;
    color: #888888;
    font-weight: normal;
    text-transform: none;
    white-space: nowrap;
    text-align: center;
    pointer-events: none !important;
    cursor: default !important;
}

.ui-selectmenu-text {
    font-size: 16px !important;
    font-weight: 400 !important;
}


/*****************************/
/* Кнопки навигации (Далее / Назад) */

.form-container-custom-block .chbs-main-content-navigation-button .chbs-button {
    border: none !important;
    border-radius: 0px !important;
    font-family: 'Bebas Neue', sans-serif !important;
    transition: background-color 0.25s ease-in-out !important;
}

/* 1. Кнопка «Следующий шаг» (Next) */
.form-container-custom-block .chbs-main-content-navigation-button .chbs-button-step-next {
    background-color: #F0A500 !important;
    color: #fff !important;
}

.form-container-custom-block .chbs-main-content-navigation-button .chbs-button-step-next:hover {
    background-color: #CF7500 !important;
}

/* 2. Кнопка «Предыдущий шаг» (Prev) */
.form-container-custom-block .chbs-main-content-navigation-button .chbs-button-step-prev {
    background-color: #FFECC2 !important;
}

.form-container-custom-block .chbs-main-content-navigation-button .chbs-button-step-prev:hover {
    background-color: #CF7500 !important;
    color: #fff !important;
}

/********* STEP 2 **********/
h4 {
    font-weight: 400 !important;
}

.chbs-vehicle-list .chbs-vehicle-content-header .chbs-state-selected, 
.chbs-for-block .chbs-main .chbs-main-content-step-2 .chbs-booking-extra-list .chbs-button.chbs-state-selected {
    border: none !important;
    border-radius: 0px !important;
    background-color: #F0A500 !important;
    color: #fff !important;
    font-family: 'Bebas Neue', sans-serif !important;
}

.chbs-booking-extra-list .chbs-button-style-2 {
    border: none !important;
    border-radius: 0px !important;
    background-color: #FFECC2 !important;
}

/* Граница сверху и снизу для элементов списка */
.form-container-custom-block .chbs-list-reset > li {
    border-top: 1px solid #EEEEEE !important;
    border-bottom: 1px solid #EEEEEE !important;
    padding: 10px !important;
}

/**************************************************/
/* 3. ЭКСТРА-ОПЦИИ / СЧЕТЧИК (ТОЛЬКО ШАГ 2)        */
/**************************************************/

/* 1. По умолчанию: скрываем рамки слева/справа у колонки и скрываем её содержимое */
.chbs-for-block .chbs-main .chbs-main-content-step-2 .chbs-booking-extra-list li .chbs-column-2 {
    border-left: none !important;
    border-right: none !important;
}

.chbs-for-block .chbs-main .chbs-main-content-step-2 .chbs-booking-extra-list li .chbs-column-2 > * {
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.2s ease, visibility 0.2s ease;
}

/* 2. Когда кнопка выбрана: возвращаем рамки колонке и показываем содержимое */
.chbs-for-block .chbs-main .chbs-main-content-step-2 .chbs-booking-extra-list li:has(.chbs-button.chbs-state-selected) .chbs-column-2,
.chbs-for-block .chbs-main .chbs-main-content-step-2 .chbs-booking-extra-list li.chbs-state-selected .chbs-column-2 {
    border-left: 1px solid #EEEEEE !important;
    border-right: 1px solid #EEEEEE !important;
}

.chbs-for-block .chbs-main .chbs-main-content-step-2 .chbs-booking-extra-list li:has(.chbs-button.chbs-state-selected) .chbs-column-2 > *,
.chbs-for-block .chbs-main .chbs-main-content-step-2 .chbs-booking-extra-list li.chbs-state-selected .chbs-column-2 > * {
    visibility: visible;
    opacity: 1;
}


/**************************************************/
/* Стили для наборного текста на Шаге 4           */
/**************************************************/

.chbs-for-block .chbs-main-content-step-4,
.chbs-for-block .chbs-main-content-step-4 .chbs-summary-field-name,
.chbs-for-block .chbs-main-content-step-4 .chbs-summary-field-value,
.chbs-for-block .chbs-main-content-step-4 .chbs-summary-header a,
.chbs-for-block .chbs-main-content-step-4 .chbs-summary-price-element span,
.chbs-for-block .chbs-main-content-step-4 .chbs-agreement div,
.chbs-for-block .chbs-main-content-step-4 .chbs-agreement a {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 400 !important;
}


/*****************************/
/* Отступы по горизонтали в контактной форме */

.form-container-custom-block .chbs-client-form .chbs-clear-fix {
    display: flex !important;
    flex-wrap: wrap !important;
    column-gap: 10px !important;
}

.form-container-custom-block .chbs-client-form .chbs-form-field-width-50 {
    width: calc(50% - 5px) !important;
    margin: 0 !important;
}

.form-container-custom-block .chbs-client-form .chbs-form-label-group,
.form-container-custom-block .chbs-client-form .chbs-form-field:not(.chbs-form-field-width-50) {
    width: 100% !important;
}


/*****************************/
/* Плейсхолдеры */

.form-container-custom-block ::placeholder {
    color: #A0A0A0 !important;
    opacity: 1 !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    font-family: 'Montserrat', sans-serif !important;
}

.form-container-custom-block :-ms-input-placeholder {
    color: #A0A0A0 !important;
}

.form-container-custom-block ::-ms-input-placeholder {
    color: #A0A0A0 !important;
}


/**************************************************/
/* Флаги через CDN + Фикс позиционирования       */
/**************************************************/

/* 1. Картинка флага */
.chbs-for-block .iti__flag {
    background-image: url("https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.8/img/flags.png") !important;
    width: 20px !important;
    height: 15px !important;
    box-sizing: content-box !important;
    display: inline-block !important;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .chbs-for-block .iti__flag {
        background-image: url("https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.8/img/flags@2x.png") !important;
    }
}

/* 2. Позиционирование инпута и флага строго по центру самого инпута */
.chbs-for-block .iti {
    position: relative !important;
    display: block !important;
}

.chbs-for-block .iti__flag-container {
    top: 0 !important;
    bottom: 0 !important;
    transform: none !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
}

.chbs-for-block .iti__selected-flag {
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
}


/**************************************************/
/* Акцентный цвет для цен и иконок               */
/**************************************************/

.chbs-vehicle-content-price span, 
.chbs-booking-form-extra-price {
    color: #F0A500 !important;
    font-weight: 600 !important;
}

.chbs-meta-icon-cart, 
.chbs-meta-icon-route, 
.chbs-meta-icon-clock, 
.chbs-location-add, 
.chbs-meta-icon-arrow-vertical-large {
    color: #F0A500 !important;
}

.chbs-location-add:hover {
    color: #fff !important;
    background-color: #F0A500 !important;
    border: 1px solid #F0A500 !important;
}


@media (max-width: 767px) {
    /* Выравнивание цены по центру */
.chbs-for-block .chbs-vehicle-content-price {
    
    text-align: center !important;
    display: block !important;
    width: 100% !important;
}

.chbs-for-block .chbs-vehicle-content-price > span {
    margin-top: 20px!important;
    display: inline-block !important;
    float: none !important;
}
.chbs-vehicle-content-meta {
    margin-top: 20px!important;
}

/* 1. На мобильных полностью скрываем блок счетчика из потока */
    .chbs-for-block .chbs-main .chbs-main-content-step-2 .chbs-booking-extra-list li .chbs-column-2 {
        display: none !important;
        width: 100% !important;
        border: none !important;
        margin-top: 0px !important;
    }

    /* Возвращаем видимость элементам внутри счетчика */
    .chbs-for-block .chbs-main .chbs-main-content-step-2 .chbs-booking-extra-list li .chbs-column-2 > * {
        visibility: visible !important;
        opacity: 1 !important;
    }

    /* 2. Показываем блок счетчика ТОЛЬКО когда опция выбрана */
    .chbs-for-block .chbs-main .chbs-main-content-step-2 .chbs-booking-extra-list li:has(.chbs-button.chbs-state-selected) .chbs-column-2,
    .chbs-for-block .chbs-main .chbs-main-content-step-2 .chbs-booking-extra-list li.chbs-state-selected .chbs-column-2 {
        display: block !important;
    }
    
    .chbs-quantity-section .chbs-meta-icon-plus {
        border: 1px solid #eee!important;
        top: 7px!important;
        right: 20px!important;
        
    }
    
    .chbs-quantity-section .chbs-meta-icon-minus {
        border: 1px solid #eee!important;
        bottom: 35px!important;
        right: 20px!important;
    }
    


    /* 2. Уменьшаем кнопки + и - */
    .chbs-quantity-section .chbs-quantity-section-button {
        width: 30px !important;
        height: 30px !important;
        line-height: 30px !important;
        font-size: 16px !important; /* Размер иконки/плюсика */
    }
    

.form-container-custom-block .chbs-client-form .chbs-clear-fix {
    display: flex !important;
    flex-direction: column!important;
    flex-wrap: wrap !important;
    row-gap: 10px !important;
}

.form-container-custom-block .chbs-client-form .chbs-form-field-width-50 {
    width: 100% !important;
}

.chbs-main .chbs-form-field.chbs-form-field-width-50 {
    border-left: none !important;
}

}/* End custom CSS */