.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:8}.modal-content{position:relative;width:80%;max-width:580px;height:-moz-fit-content;height:fit-content;max-height:550px;margin:auto;padding:10px 20px;background:#fff;outline:none;overflow-y:auto;box-shadow:0 4px 8px rgba(0,0,0,.2)}.popup-image-container{margin-bottom:15px;min-height:200px}.popup-image{object-fit:cover;display:block;max-width:100%;border-radius:0;width:100%;height:100%}.popup-title{font-size:20px;margin-bottom:10px;line-height:1.2}.popup-description{font-size:14px;color:#666;line-height:1.5}.close-button{top:10px;right:10px;height:30px;color:#fff}.close-button,.popup-nav{position:absolute;border:none;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:1}.popup-nav{top:50%;transform:translateY(-50%);width:41px;height:41px;box-shadow:0 4px 12px rgba(0,102,204,.3);transition:all .3s ease}.popup-nav.disabled{background:hsla(0,0%,78%,.5);box-shadow:none;cursor:not-allowed}.popup-nav-prev{left:10px}.popup-nav-next{right:10px}@media screen and (max-width:800px){.popup-nav{width:32px;height:32px;top:35%}.popup-nav-prev{left:6px}.popup-nav-next{right:6px}}@media screen and (min-width:1400px){.modal-content{max-height:600px}}