*{
    margin:0px;
    padding:0px;
    box-sizing:border-box;
}
body{
    background-color: rgba(80, 84, 10, 0.52);
    min-height:100vh;
}
.pop_parent{
    position:fixed;
    background-color:white;
    max-width:380px;
    height:200px;
    border-radius:8px;
    padding:8px;
    box-shadow: rgba(13, 12, 12, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
    transform: translate(-50%,-50%) scale(0);
    left:0px;
    top:0px;
    transition:all 0.3s ease-in-out;
}
.open .pop_parent{
    transform:scale(1);
     left:50%;
    top:50%;
    transform:translate(-50%,-50%);
}
.pop-data{
    padding:4px;
    margin-bottom:24px;
    margin-left:42%;
}
.pop-data h2{
    opacity:0.8;
}
.pop-data p{
    opacity:0.8;
}

#crossBtn{
    position:relative;
    left:95%;
    font-size:1.3rem;
    opacity:0.6;
}
#crossBtn:hover{
    cursor:pointer;
    opacity:0.8;
}
.img-container{
    position:absolute;
    left:20px;
    top:-25px;
    height:120px;
    width:120px;
    border-radius:50%;
    background-image:url("https://images.unsplash.com/photo-1732696290916-bef60504fa79?q=80&w=872&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D");
    background-size:cover;
    background-repeat:no-repeat;
}
.pop-searchBar{
    margin-inline:auto;
    border-radius:16px;
    display:flex;
    overflow:hidden;
    height:36px; 
}
.search-input{
    border:none;
    padding:0px 18px;
    font-size:16px;
    min-width:120px;
    flex-grow:1;
    background-color: #ddd;
}
.search-input::placeholder{
    font-size:14px;
}
.search-input:focus{
    outline:none;
}
.pop-searchBar button{
    border:none;
    color:white;
    min-width:110px;
    flex-shrink:0;
    font-size:14px;  
    background-color:rgba(189, 170, 32, 0.83);
}
.pop-searchBar button:hover{
    cursor:pointer;
    background-color:rgb(189, 171, 32);
}

.overlay{
    position:fixed;
    inset:0;
    display:none;
    background-color:rgba(0,0,0,0.5);   
}
.open .overlay{
    display:block;
}