.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999}.modal .modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.8);cursor:pointer}.modal .modal-content{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);max-width:90%;box-shadow:0 4px 20px rgba(0,0,0,.3)}@media screen and (max-width: 767px){.modal .modal-content{max-width:100%;width:90%}}.modal .modal-close{position:absolute;top:-10px;right:-10px;width:30px;height:30px;background-color:#f24e35;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;line-height:1;z-index:1}@media screen and (max-width: 767px){.modal .modal-close{top:5px;right:5px;width:30px;height:30px;font-size:20px}}.modal #modalImage{max-width:100%;width:auto;height:auto;display:block;margin:0 auto}body.modal-open{overflow:hidden}