:root{--lightbox-bg-overlay:rgba(10,10,10,0.9);--lightbox-btn-size:44px;--lightbox-btn-bg:rgba(30,30,30,0.6);--lightbox-btn-bg-hover:rgba(50,50,50,0.8);--lightbox-btn-icon-size:24px;--lightbox-padding:15px;--lightbox-transition-duration:0.3s;--lightbox-image-width-desktop:70vw;--lightbox-image-height-desktop:80vh}.lightbox-overlay{position:fixed;inset:0;background-color:var(--lightbox-bg-overlay);display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;padding:var(--lightbox-padding);box-sizing:border-box;animation:lightboxFadeIn var(--lightbox-transition-duration) ease forwards}.lightbox-overlay.closing{animation:lightboxFadeOut var(--lightbox-transition-duration) ease forwards}.lightbox-content{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.lightbox-image-container{width:var(--lightbox-image-width-desktop);height:var(--lightbox-image-height-desktop);max-width:calc(100% - var(--lightbox-padding)*2);max-height:calc(100% - var(--lightbox-padding)*2);position:relative;overflow:hidden;border-radius:4px;box-shadow:0 5px 20px rgba(0,0,0,.3)}.lightbox-image-container .lightbox-image{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:0;animation:imageFadeIn .4s ease .1s forwards}.lightbox-btn{position:absolute;background:var(--lightbox-btn-bg);border:none;color:#fff;cursor:pointer;border-radius:50%;width:var(--lightbox-btn-size);height:var(--lightbox-btn-size);display:flex;align-items:center;justify-content:center;padding:0;line-height:1;transition:background-color .2s ease,transform .2s ease;z-index:1001}.lightbox-btn svg{width:var(--lightbox-btn-icon-size);height:var(--lightbox-btn-icon-size);stroke:#fff}.lightbox-btn:hover{background:var(--lightbox-btn-bg-hover);transform:scale(1.05)}.lightbox-btn:active{transform:scale(.98)}.close-btn{top:calc(var(--lightbox-padding) + 10px);right:calc(var(--lightbox-padding) + 10px)}.nav-btn{top:50%;transform:translateY(-50%)}.nav-btn.prev{left:var(--lightbox-padding)}.nav-btn.next{right:var(--lightbox-padding)}.lightbox-counter{position:absolute;bottom:calc(var(--lightbox-padding) + 10px);left:50%;transform:translateX(-50%);background:var(--lightbox-btn-bg);color:#fff;padding:.4em 1em;border-radius:1em;font-family:sans-serif;font-size:.85rem;font-weight:600;z-index:1001;white-space:nowrap}@keyframes lightboxFadeIn{0%{opacity:0}to{opacity:1}}@keyframes lightboxFadeOut{0%{opacity:1}to{opacity:0}}@keyframes imageFadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@media(max-width:767px){:root{--lightbox-btn-size:38px;--lightbox-btn-icon-size:20px;--lightbox-padding:10px}.lightbox-image-container{width:100%;height:auto;aspect-ratio:16/9}.lightbox-counter{font-size:.75rem;padding:.3em .8em;bottom:calc(var(--lightbox-padding) + 5px)}.close-btn{top:calc(var(--lightbox-padding) + 5px);right:calc(var(--lightbox-padding) + 5px)}.nav-btn.prev{left:5px}.nav-btn.next{right:5px}}