.booking-modal {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0,0,0,0.6);
            display: none;
            justify-content: center;
            align-items: center;
            z-index: 1000;
        }

        .booking-form-container {
            background: white;
            border-radius: 16px;
            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
            padding: 32px;
            width: 90%;
            max-width: 520px;
            position: relative;
        }

        .close-btn {
            position: absolute;
            top: 16px;
            right: 16px;
            font-size: 24px;
            font-weight: bold;
            cursor: pointer;
            color: #94a3b8;
        }

        .booking-form-container h2 {
            text-align: center;
            margin-bottom: 24px;
            font-size: 24px;
            font-weight: 600;
            color: #2c3e50;
        }

        .form-group {
            margin-bottom: 20px;
        }

        .form-group label {
            display: block;
            margin-bottom: 8px;
            font-weight: 600;
            color: #2c3e50;
            font-size: 15px;
        }

        /* Стили ТОЛЬКО для обычных input (кроме телефона) */
        .form-group input[type="text"] {
            width: 100%;
            padding: 14px;
            border: 1px solid #cbd5e0;
            border-radius: 10px;
            font-size: 16px;
            transition: border-color 0.3s;
        }

        .form-group input[type="text"]:focus {
            outline: none;
            border-color: #3498db;
            box-shadow: 0 0 0 3px rgba(52, 152, 219, 0.15);
        }

        #daterange {
            width: 100%;
            padding: 14px;
            border: 1px solid #cbd5e0;
            border-radius: 10px;
            font-size: 16px;
            cursor: pointer;
            background-color: #fff;
        }

        #daterange:focus {
            outline: none;
            border-color: #3498db;
            box-shadow: 0 0 0 3px rgba(52, 152, 219, 0.15);
        }

        .submit-btn {
            width: 100%;
            padding: 14px;
            background-color: #27ae60;
            color: white;
            border: none;
            border-radius: 10px;
            font-size: 18px;
            font-weight: 600;
            cursor: pointer;
            transition: background-color 0.3s;
        }

        .submit-btn:hover {
            background-color: #219653;
        }

        /* === Стили для intl-tel-input (ИСПРАВЛЕНО) === */

/* === Стилизация intl-tel-input под общий дизайн === */
input[type="text"],
input[type="tel"],
input[type="email"] {
    width: 100%;
    padding: 14px;
    border: 1px solid #cbd5e0;
    border-radius: 10px;
    font-size: 16px;
    transition: border-color 0.3s, box-shadow 0.3s;
}

input[type="text"]:focus,
input[type="tel"]:focus,
input[type="email"]:focus {
    outline: none;
    border-color: #3498db;
    box-shadow: 0 0 0 3px rgba(52, 152, 219, 0.15);
}




.form-group .iti {
    width: 100% !important;
    display: block !important;
    position: relative;
}

.form-group .iti__flag-container {
    /* Флаговый блок: левая часть */
    border: 1px solid #cbd5e0 !important;
    border-right: none !important;
    border-radius: 10px 0 0 10px !important;
    background-color: white !important;
    height: 46px !important; /* Высота как у input */
    box-sizing: border-box !important;
}

.form-group .iti__input {
    /* Поле ввода: правая часть */
    border: 1px solid #cbd5e0 !important;
    border-left: none !important;
    border-radius: 0 10px 10px 0 !important;
    padding: 14px !important;
    font-size: 16px !important;
    height: 46px !important;
    box-sizing: border-box !important;
    background-color: white !important;
    color: #1a1a1a !important;
}

/* Фокус на поле ввода */
.form-group .iti--allow-dropdown .iti__input:focus,
.form-group .iti__input:focus {
    outline: none !important;
    border-color: #3498db !important;
    box-shadow: 0 0 0 3px rgba(52, 152, 219, 0.15) !important;
}

/* Убедимся, что при фокусе флаговый блок тоже выделяется */
.form-group .iti--allow-dropdown:focus-within .iti__flag-container,
.form-group .iti:focus-within .iti__flag-container {
    border-color: #3498db !important;
}

/* Общий контур при фокусе на весь виджет */
.form-group .iti:focus-within {
    /* Ничего не нужно — рамка уже на частях */
}

/* Выпадающий список стран */
.iti__country-list {
    z-index: 1001 !important;
    border: 1px solid #cbd5e0 !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
}


/* Стилизация кнопок DateRangePicker */
.daterangepicker .applyBtn,
.daterangepicker .cancelBtn {
    padding: 8px 16px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 8px !important;
    transition: all 0.2s ease !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    height: auto !important;
    min-width: 90px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.daterangepicker .applyBtn {
    background-color: #27ae60 !important;
    color: white !important;
    border: 1px solid #27ae60 !important;
}

.daterangepicker .applyBtn:hover {
    background-color: #219653 !important;
    border-color: #219653 !important;
}

.daterangepicker .cancelBtn {
    background-color: #f1f5f9 !important;
    color: #64748b !important;
    border: 1px solid #cbd5e1 !important;
}

.daterangepicker .cancelBtn:hover {
    background-color: #e2e8f0 !important;
    color: #475569 !important;
    border-color: #94a3b8 !important;
}

/* Опционально: чтобы кнопки были в одну строку и выровнены по центру */
.daterangepicker .drp-buttons {
    text-align: center !important;
    padding: 12px 16px !important;
}

.daterangepicker .drp-buttons .btn {
    margin: 0 6px !important;
}