.lightbox{z-index:10000;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.lightbox.active{display:flex}.lightbox-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;width:100%;height:100%;position:absolute;top:0;left:0}.lightbox-content{background:#fff;border-radius:8px;flex-direction:column;max-width:90vw;max-height:90vh;animation:.3s ease-out lightbox-fade-in;display:flex;position:relative;box-shadow:0 10px 30px #0003}@keyframes lightbox-fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.lightbox-header{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.lightbox-title{color:#333;margin:0;font-size:1.25rem}.lightbox-close{color:#888;cursor:pointer;background:0 0;border:none;padding:0;font-size:2rem;line-height:1;transition:color .2s}.lightbox-close:hover{color:#333}.lightbox-main{flex-grow:1;justify-content:space-between;align-items:center;padding:1rem;display:flex;overflow:hidden}.lightbox-image-container{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.lightbox-image{object-fit:contain;max-width:100%;max-height:100%}.lightbox-nav{color:#fff;cursor:pointer;background:#0000004d;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin:0 1rem;transition:background .2s;display:flex}.lightbox-nav:hover{background:#00000080}.lightbox-nav svg{width:24px;height:24px}.lightbox-footer{border-top:1px solid #eee;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.lightbox-description{color:#666;margin:0}.lightbox-counter{color:#888;font-size:.9rem}@media (max-width:768px){.lightbox-content{max-width:calc(100vw - 2rem);max-height:calc(100vh - 2rem);margin:1rem}.lightbox-header{padding:1rem}.lightbox-main{padding:.5rem}.lightbox-nav{width:36px;height:36px;margin:0 .5rem}.lightbox-nav svg{width:20px;height:20px}.lightbox-footer{text-align:center;flex-direction:column;gap:.5rem;padding:1rem}.lightbox-title{font-size:1.1rem}.lightbox-description{font-size:.9rem}.lightbox-counter{font-size:.8rem}}@media (max-width:480px){.lightbox-content{border-radius:4px;max-width:calc(100vw - 1rem);max-height:calc(100vh - 1rem);margin:.5rem}.lightbox-header{padding:.75rem}.lightbox-main{padding:.25rem}.lightbox-nav{width:32px;height:32px;margin:0 .25rem}.lightbox-nav svg{width:18px;height:18px}.lightbox-footer{padding:.75rem}.lightbox-title{font-size:1rem}.lightbox-close{font-size:1.5rem}}