body:has(.lightbox-overlay) {overflow:hidden}
.lightbox-overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.8);display: none;justify-content: center;align-items: center;z-index: 9999}
.lightbox-container {background: white;border-radius: 15px;padding: 40px 20px;width: 95%;max-width: 960px;max-height: 85vh;overflow: auto;position: relative}
.lightbox-container:has(h3) {padding-top:60px}
.lightbox-container h3 {position:absolute;width:calc(100% - 50px);top:10px;left:20px}
.lightbox-content {max-width: 100%}
.lightbox-close {position: absolute;top: 0px;right: 10px;font-size: 2em;cursor: pointer}
.lightbox-container:has(.lightbox-image) {width: auto}
.lightbox-content img.lightbox-image {max-width: 100%;max-height: 75vh;height: 100%;width: auto;display: block;margin: 0 auto}