.lightbox-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.9);z-index:9999;opacity:0;animation:fadeInOverlay .3s forwards}.lightbox-container,.lightbox-overlay{display:flex;align-items:center;justify-content:center}.lightbox-container{position:relative;max-width:90vw;max-height:90vh}.lightbox-image{max-width:100%;max-height:90vh;object-fit:contain;border:2px solid #fff;box-shadow:0 0 20px rgba(0,0,0,.5);animation:scaleInImage .3s cubic-bezier(.175,.885,.32,1.275) forwards}.lightbox-close{position:absolute;top:20px;right:20px;background:transparent;border:none;color:#fff;font-size:2rem;cursor:pointer;z-index:10000;transition:transform .2s;display:flex;align-items:center;justify-content:center}.lightbox-close:hover{transform:scale(1.1)}.lightbox-next,.lightbox-prev{top:50%;transform:translateY(-50%);background:rgba(255,255,255,.1);border:none;color:#fff;font-size:3rem;padding:15px;cursor:pointer;transition:background .3s,transform .2s;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:10001}.lightbox-next:hover,.lightbox-prev:hover{background:rgba(255,255,255,.3);transform:translateY(-50%) scale(1.1)}.lightbox-prev{left:40px}.lightbox-next{right:40px}.lightbox-counter{position:absolute;top:20px;left:30px;color:#fff;font-size:1.1rem;font-weight:500;background:rgba(0,0,0,.5);padding:5px 15px;border-radius:20px}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}@keyframes scaleInImage{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@media (max-width:768px){.lightbox-prev{left:10px;font-size:1.5rem;padding:10px}.lightbox-next{right:10px;font-size:1.5rem;padding:10px}.lightbox-close{top:10px;right:10px;font-size:1.5rem}.lightbox-counter{top:15px;left:15px;font-size:.9rem}}