.image-modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.9);cursor:pointer}.image-modal-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:90%;max-height:90%;width:auto;height:auto;border-radius:var(--radius);box-shadow:0 4px 20px rgba(0,0,0,.3)}.image-modal-close{position:absolute;top:15px;right:35px;color:#f1f1f1;font-size:40px;font-weight:700;cursor:pointer;transition:color .3s;z-index:1001}.image-modal-close:hover,.image-modal-close:focus{color:#bbb;text-decoration:none}.expandable-image{cursor:pointer;transition:transform .2s,box-shadow .2s}.expandable-image:hover{transform:scale(1.02);box-shadow:0 4px 15px rgba(0,0,0,.2)}@media(max-width:768px){.image-modal-close{top:10px;right:20px;font-size:30px}.image-modal-content{max-width:95%;max-height:95%}}