.wcreate-lightbox{position:fixed;top:0;left:0;right:0;bottom:0;z-index:99999;opacity:0;visibility:hidden;transition:opacity 0.3s ease,visibility 0.3s ease}.wcreate-lightbox.active{opacity:1;visibility:visible}.lightbox--overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.9);cursor:pointer}.lightbox--container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:60px 20px 20px}.lightbox--content{position:relative;max-width:90%;max-height:90%;display:flex;flex-direction:column;align-items:center}.lightbox--image{max-width:100%;max-height:calc(90vh - 100px);width:auto;height:auto;object-fit:contain;box-shadow:0 10px 40px rgba(0,0,0,.5);transition:opacity 0.3s ease}.lightbox--caption{margin-top:20px;color:var(--color-white);font-size:1rem;text-align:center;max-width:600px;padding:10px 20px;background:rgba(0,0,0,.7);border-radius:4px}.lightbox--counter{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);color:var(--color-white);font-size:.9rem;background:rgba(0,0,0,.7);padding:8px 16px;border-radius:20px}.lightbox--close,.lightbox--prev,.lightbox--next{position:absolute;background:rgba(255,255,255,.2);border:none;color:var(--color-white);font-size:2rem;width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background 0.3s ease;border-radius:50%;z-index:10}.lightbox--close:hover,.lightbox--prev:hover,.lightbox--next:hover{background:rgba(255,255,255,.3)}.lightbox--close{top:20px;right:20px;font-size:2.5rem;line-height:1}.lightbox--prev{left:20px;top:50%;transform:translateY(-50%);font-size:3rem;line-height:1}.lightbox--next{right:20px;top:50%;transform:translateY(-50%);font-size:3rem;line-height:1}@media (max-width:768px){.lightbox--container{padding:80px 10px 10px}.lightbox--content{max-width:95%;max-height:95%}.lightbox--image{max-height:calc(90vh - 80px)}.lightbox--close,.lightbox--prev,.lightbox--next{width:40px;height:40px;font-size:1.5rem}.lightbox--close{top:10px;right:10px}.lightbox--prev{left:10px;font-size:2rem}.lightbox--next{right:10px;font-size:2rem}.lightbox--caption{font-size:.9rem;padding:8px 16px;margin-top:10px}.lightbox--counter{bottom:10px;font-size:.8rem;padding:6px 12px}}@keyframes lightboxFadeIn{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.wcreate-lightbox.active .lightbox--image{animation:lightboxFadeIn 0.3s ease}.lightbox--image[src=""]{min-width:200px;min-height:200px;background:rgba(255,255,255,.1)}