.popup-overlay{

position:fixed;

left:0;
top:0;

width:100%;
height:100%;

background:rgba(0,0,0,.65);

display:none;

justify-content:center;

align-items:center;

z-index:99999;

backdrop-filter:blur(6px);

}

.popup-box{



width:90%;

max-width:650px;

border-radius:15px;

overflow:hidden;

position:relative;

animation:popupShow .35s ease;

}

.popup-image{

width:100%;

max-height:55vh;

object-fit:contain;

display:block;


}

.popup-close{

position:absolute;

top:15px;
right:15px;

width:42px;
height:42px;

border:none;
border-radius:50%;

background:rgba(255,255,255,.95);

font-size:28px;

font-weight:bold;

cursor:pointer;

z-index:100000;

box-shadow:0 2px 10px rgba(0,0,0,.3);

}

.popup-box h2{

padding:20px 20px 10px;

}

.popup-box p{

padding:0 20px 20px;

line-height:1.7;

}

.popup-button{

display:inline-block;

margin:0 20px 25px;

padding:12px 25px;

background:#0b7dda;

color:#fff;

text-decoration:none;

border-radius:6px;

}

#popupDescription, #popupTitle{
    color: white;
}


.popup-box{

animation:popupFade .3s ease;

}

@keyframes popupFade{

from{

opacity:0;

transform:scale(.95);

}

to{

opacity:1;

transform:scale(1);

}

}

@keyframes popupShow{

from{

transform:scale(.8);

opacity:0;

}

to{

transform:scale(1);

opacity:1;

}

}