.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1100!important}.modal-content{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1);max-width:50%;max-height:95%;overflow-y:auto}.modal-close{background:none;border:none;font-size:24px;cursor:pointer;position:absolute;top:10px;right:10px}@media (max-width:768px){.modal-content{max-height:80%;max-width:99%}}