/* ÐœÐ¾Ð´Ð°Ð»ÑŒÐ½Ð¾Ðµ Ð¾ÐºÐ½Ð¾ Ñ„Ð¾Ñ€Ð¼Ñ‹ */

.popup-window-close-icon {top:17px; right:17px;}
.popup-window-close-icon:after {   
    width: 17px;
    height: 17px;
}

.popup-window-titlebar {height:0px !important;}

.form-modal-popup {
    max-width: 95%;
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    margin: 0 !important;
}

.form-modal-popup .popup-window-content {
    max-height: 80vh;
    overflow-y: auto;
    color: #000;
}

.form-modal-header {
    margin-bottom: 10px;
}

.form-modal-title {
    font-size: 20px;
    font-weight: 600;
    margin: 0 0 5px 0;
    color: #333;
}

.form-modal-subtitle {
    font-size: 14px;
    color: #777;
    margin: 0;
}

.form-modal-loading {
    text-align: center;
    padding: 40px;
    color: #999;
}

.form-modal-error {
    padding: 20px;
    color: #dc3545;
    text-align: center;
}

.form-modal-success {
    padding: 40px;
    text-align: center;
    color: #28a745;
    font-size: 16px;
}

/* ÐŸÐ¾Ð»Ñ Ñ„Ð¾Ñ€Ð¼Ñ‹ */
.form-modal-popup input[type="text"],
.form-modal-popup input[type="email"],
.form-modal-popup input[type="tel"],
.form-modal-popup textarea,
.form-modal-popup select {
    width: 100%;
    padding: 10px 12px;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 14px;
    transition: border-color 0.3s;
}

button[disabled] {
    box-shadow: none;
    color: rgb(255, 255, 255) !important;
    background: rgb(204, 204, 204) !important;
    border-color: rgb(204, 204, 204) !important;
}

/* ÐÐ´Ð°Ð¿Ñ‚Ð¸Ð²Ð½Ð¾ÑÑ‚ÑŒ */
@media (max-width: 768px) {
    .form-modal-popup {
        max-width: 95%;
        margin: 10px;
    }
}

.iti {margin-bottom:5px;}

/* Попап: fixed, центрирование, адаптивность */
.form-modal-popup.popup-window {
    position: fixed !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    margin: 0 !important;
    
    /* Десктоп: 60% ширины экрана */
    max-width: 1000px !important;
    max-height: 90vh !important;
    
    transition: width 0.2s ease, max-width 0.2s ease;
}

.form-modal-popup.popup-window.popup-window-show {
    transform: translate(-50%, -50%) !important;
}

.form-modal-popup.popup-window .popup-window-content {
    max-height: calc(90vh - 60px) !important;
    max-width: 1000 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    box-sizing: border-box;
}

/* Планшеты */
@media (min-width: 992px) {
    .form-modal-popup.popup-window {
        width: auto !important;
    }
}

@media (max-width: 991px) {

    .form-modal-popup.popup-window {
        max-width: 95vw !important;
    }
    
    .form-modal-popup.popup-window .popup-window-content {
        max-width: 95vw !important;
    }

}

/* Мобильные — почти на весь экран */
@media (max-width: 767px) {
    .form-modal-popup.popup-window {
        max-width: 95vw !important;
        max-height: 95vh !important;
    }
    
    .form-modal-popup.popup-window .popup-window-content {
        max-height: calc(95vh - 60px) !important;
        max-width: 95vw !important;
    }
}

/* Overlay */
.popup-window-overlay {
    position: fixed !important;
    inset: 0 !important;
}