.mfp-fade.mfp-bg {
    opacity: 0;
    transition: all 0.3s ease-out;
}
.mfp-fade.mfp-bg.mfp-ready {
    opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
    opacity: 0;
}
.mfp-fade.mfp-wrap .mfp-content {
    opacity: 0;
    transition: all 0.3s ease-out;
    transform: translateY(-50px);
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1;
    transform: translateY(0);
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0;
    transform: translateY(-50px);
}

.popup-form label {
    display: block;
    margin-bottom: 5px;
    font-weight: 500;
    color: #333;
}

.popup-form input:focus,
.popup-form select:focus,
.popup-form textarea:focus {
    outline: none;
    border-color: #31A8A3;
    box-shadow: 0 0 5px rgba(0, 124, 186, 0.3);
}

.popup-form button:hover {
    opacity: 0.9;
    transform: translateY(-1px);
    transition: all 0.2s ease;
}
/* Стили для уведомления об успехе */
.success-icon svg {
    animation: successScale 0.6s ease-out;
}

@keyframes successScale {
    0% {
        transform: scale(0);
        opacity: 0;
    }
    50% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}

.success-icon svg path {
    stroke-dasharray: 50;
    stroke-dashoffset: 50;
    animation: checkmark 0.8s ease-out 0.3s forwards;
}

@keyframes checkmark {
    to {
        stroke-dashoffset: 0;
    }
}

.close-success-popup:hover {
    background: #31A8A3 !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(40, 167, 69, 0.3);
}

/* Скрываем стандартные сообщения CF7 */
.wpcf7-response-output {
    display: none !important;
}

/* Анимация для текста в уведомлении */
#popup-success-notification h3 {
    animation: fadeInUp 0.6s ease-out 0.4s both;
}

#popup-success-notification p {
    animation: fadeInUp 0.6s ease-out 0.6s both;
}

#popup-success-notification button {
    animation: fadeInUp 0.6s ease-out 0.8s both;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
.houzez-all-slider-wrap.slick-dotted.slick-slider {
    margin-bottom: 50px;
}
.houzez-all-slider-wrap .slick-dots {
    bottom: -50px; 
}