/*! ---------- Popup styles ---------- */

.overlay {display: none; position: fixed; inset: 0; background: rgba(0 0 0 / .6); opacity: 0; transition: opacity .3s ease; z-index: 3000;}
.overlay.fade {opacity: 1;}

.popup {display: none; padding: 78px; position: fixed; top: 50%; left: 50%; transform: translate(-50%,-60%); width: calc(100% - 100px); height: 500px; max-width: 910px;
    background: #fff; border-radius: 30px; opacity: 0; transition: opacity .3s ease; z-index: 3500;
}
.popup__close {position: absolute; top: 28px; right: 42px; cursor: pointer; -webkit-appearance: none; border: none; background: none;}
.popup__content {display: flex; flex-direction: column; gap: 16px; height: 100%;}
.popup__pic svg,
.popup__pic img {display: block;}
.popup__title {text-align: left; max-width: 460px; font-size: 60px; font-weight: 500; line-height: 1.1; letter-spacing: -.02em;}
.popup__text {margin-top: 16px;}
.popup .checkbox__text {font-size: 14px; line-height: 1.42857;}
.popup__form {display: flex; flex-direction: column; gap: 14px;}

.popup.fade {opacity: 1;}


.popup_done {background: #fff url("../img/popup-bg.jpg") no-repeat center / cover;}
.popup_done .popup__content {justify-content: center; gap: 0;}
.popup_done .popup__title {text-align: left; max-width: 460px; font-size: 60px; font-weight: 500; line-height: 1.1; letter-spacing: -.02em;}
.popup_done .popup__text {max-width: 450px; font-family: var(--font-heading); font-size: 30px; font-weight: 500; line-height: 1.1; letter-spacing: -.02em; color: #1A1A2E; margin-top: 0;}

.popup_feedback {background: #fff url("../img/popup-feedback-bg.jpg") no-repeat center / cover;}
.popup_feedback .popup__content {justify-content: center;}
.popup_feedback .popup__title {text-align: left; max-width: 470px; font-size: 60px; font-weight: 500; line-height: 1.1; letter-spacing: -.02em;}
.popup_feedback .popup__form {max-width: 470px; margin-top: 10px;}
.popup_feedback .popup__form .btn {margin-top: 22px;}


@media (max-width: 991px){
    .popup {width: calc(100% - 32px); max-width: 373px; padding: 32px;}
    .popup__close {position: absolute; top: 25px; right: 35px;}
    .popup_done .popup__title {text-align: center; font-size: 40px;}
    .popup_done .popup__text {text-align: center; font-size: 20px;}

    .popup_done {background-image: url("../img/popup-bg-mob.jpg");}
    .popup_feedback {background-image: url("../img/popup-feedback-bg-mob.jpg");}
    .popup_feedback .popup__title {text-align: center; font-size: 45px;}
    .popup_feedback .popup__form {margin-top: 7px;}
    .popup_feedback .popup__form .btn {margin-top: 8px;}
}