.lightbox-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10000;display:flex;justify-content:center;align-items:center}.lightbox-content{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.lightbox-image-container{max-width:90vw;max-height:90vh;display:flex;justify-content:center;align-items:center}.lightbox-image{max-width:100%;max-height:90vh;object-fit:contain;border-radius:4px;box-shadow:0 20px 50px #00000080}.lightbox-close{position:absolute;top:20px;right:20px;background:transparent;border:none;color:#fff;cursor:pointer;z-index:10001;opacity:.7;transition:opacity .3s ease;padding:10px}.lightbox-close:hover{opacity:1;transform:scale(1.1)}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);background:transparent;border:none;color:#fff;cursor:pointer;z-index:10001;opacity:.5;transition:all .3s ease;padding:20px}.lightbox-nav:hover{opacity:1;background:#ffffff1a;border-radius:50%}.lightbox-nav.prev{left:20px}.lightbox-nav.next{right:20px}.lightbox-counter{position:absolute;bottom:30px;left:50%;transform:translate(-50%);color:#fffc;font-size:1rem;font-weight:500;letter-spacing:1px;background:#00000080;padding:5px 15px;border-radius:20px}@media(max-width:768px){.lightbox-nav{padding:10px}.lightbox-nav svg{width:32px;height:32px}.lightbox-nav.prev{left:5px}.lightbox-nav.next{right:5px}}