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