.photo-viewer{

    position:fixed;
    inset:0;

    width:100%;
    height:100%;

    background:rgba(0,0,0,0.92);

    display:none;

    align-items:center;
    justify-content:center;

    z-index:99999;

}


.photo-viewer.active{

    display:flex;

}



.viewer-image{

    max-width:95%;
    max-height:90%;

    object-fit:contain;

    border-radius:12px;

}



.photo-close{

    position:absolute;

    top:20px;
    right:25px;

    width:45px;
    height:45px;

    border:none;

    background:transparent;

    color:white;

    font-size:40px;

    line-height:1;

    cursor:pointer;

}



@media(max-width:600px){

    .viewer-image{

        max-width:100%;
        max-height:85%;

        border-radius:0;

    }


    .photo-close{

        top:15px;
        right:15px;

        font-size:35px;

    }

}