.fullscreen-image-overlay{position:fixed;top:0;left:0;width:100vw;background-color:rgba(0,0,0,.9);z-index:3;cursor:pointer}.fullscreen-image-container,.fullscreen-image-overlay{height:100vh;display:flex;justify-content:center;align-items:center;box-sizing:border-box}.fullscreen-image-container{position:relative;width:fit-content;padding:20px;cursor:default}.fullscreen-image{max-width:calc(100vw - 80px);max-height:calc(100vh - 80px);width:auto;height:auto;object-fit:contain;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.5);cursor:default}.fullscreen-image-close{position:absolute;top:20px;right:20px;background:rgba(0,0,0,.7);border:none;border-radius:50%;width:50px;height:50px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .2s ease;z-index:2}.fullscreen-image-close:hover{background:rgba(0,0,0,.9);transform:scale(1.1)}.fullscreen-image-close:focus{outline:2px solid #fff;outline-offset:2px}.fullscreen-image-close:active{transform:scale(.95)}@media (max-width:768px){.fullscreen-image-container{padding:10px}.fullscreen-image{max-width:calc(100vw - 20px);max-height:calc(100vh - 20px)}}