.image-viewer{

    position:fixed;

    inset:0;

    display:none;

    justify-content:center;

    align-items:center;

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

    z-index:9999;

    padding:40px;

}

.image-viewer.show{

    display:flex;

}

.viewer-image{

    max-width:90%;

    max-height:90%;
    border-radius:16px;

    box-shadow:0 25px 60px rgb(255, 255, 255);

}

.viewer-close{

    position:absolute;

    top:25px;

    right:35px;

    font-size:48px;

    color:#fff;

    cursor:pointer;

}

.viewer-close:hover{

    color:#C8A646;

}