.popup-overlay {
    position         : fixed;
    top              : 0;
    left             : 0;
    width            : 100%;
    height           : 100%;
    background-color : rgba(0, 0, 0, 0.7);
    display          : none;
    z-index          : 9999;
    justify-content  : center;
    align-items      : center;
}

.popup-container {
    position         : relative;
    width            : 90%;
    max-width        : 600px;
    background-color : #fff;
    border-radius    : 8px;
    box-shadow       : 0 0 20px rgba(0, 0, 0, 0.3);
    overflow         : hidden;
}

.popup-header {
    padding         : 16px;
    background      : rgba(13, 202, 240);
    display         : flex;
    align-items     : center;
    justify-content : space-between;

    h5 {
        font-size      : 20px;
        font-style     : normal;
        text-transform : uppercase;
        font-weight    : 500;
        line-height    : 26px;
        color          : #202125;
        margin         : 0;
    }
}

.popup-close {
    position    : absolute;
    right       : 15px;
    font-size   : 28px;
    font-weight : bold;
    color       : #333;
    background  : none;
    border      : none;
    cursor      : pointer;
}

.popup-body {
    padding : 16px;

    .popup-body__contacts {
        text-align : center;
    }

    .popup-body__garant {
        text-align : center;
    }
}

.popup-body h3 {
    color         : #0066cc;
    margin-bottom : 20px;
    font-size     : 24px;
}

.popup-body p {
    font-size     : 16px;
    line-height   : 1.6;
    margin-bottom : 15px;
}

@keyframes fadeIn {
    from {
        opacity : 0;
    }
    to {
        opacity : 1;
    }
}

.popup-overlay.show {
    display   : flex;
    animation : fadeIn 0.3s ease-in-out;
}