.lightbox-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgb(0 0 0 / .8);z-index:9999;overflow-y:auto}.lightbox-container{display:flex;justify-content:center;align-items:center;min-height:100vh;height:auto;pointer-events:none}.lightbox-content,.lightbox-nav,.lightbox-close{pointer-events:auto}.lightbox-content{max-width:90%;margin:0 auto}@media(min-width:1000px){.lightbox-content{max-width:70%!important}}@media(min-width:1500px){.lightbox-content{max-width:50%!important}}.lightbox-image-container{position:relative;text-align:center}.lightbox-image{max-width:100%;max-height:100vh;width:auto}.navigation-icon{position:fixed;top:50%;transform:translateY(-50%);font-size:50px;color:#fff;cursor:pointer;z-index:10}@media(max-width:767px){.navigation-icon{font-size:30px}.close-icon{top:30px;right:30px;font-size:45px}}.lightbox-close{position:absolute;top:50px;right:50px;width:36px;height:36px;background:#fff0;border:none;cursor:pointer;padding:0;transition:transform 0.3s ease;z-index:99}.lightbox-close .line{position:absolute;top:50%;left:0;width:100%;height:2px;background-color:#fff;transform-origin:center;transition:all 0.3s ease}.lightbox-close .line:first-child{transform:rotate(45deg)}.lightbox-close .line:last-child{transform:rotate(-45deg)}.lightbox-close:hover{transform:rotate(90deg) scale(1.1)}.lightbox-nav{position:absolute;top:50%;width:48px;height:48px;background:#fff0;border:none;cursor:pointer;transform:translateY(-50%);transition:all 0.3s ease}.lightbox-nav .arrow{position:absolute;width:16px;height:16px;border-top:2px solid #fff;border-right:2px solid #fff;transition:all 0.3s ease}.lightbox-nav.prev{left:50px}.lightbox-nav.next{right:50px}.lightbox-nav.prev .arrow{transform:rotate(-135deg);left:16px}.lightbox-nav.next .arrow{transform:rotate(45deg);right:16px}.lightbox-nav:hover .arrow{border-color:#ccc;transform:scale(1.2) rotate(var(--rot,45deg))}.lightbox-nav.prev:hover .arrow{--rot:-135deg}.lightbox-nav.next:hover .arrow{--rot:45deg}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@media (max-width:767px){.lightbox-close{top:20px;right:20px}.lightbox-nav.prev{left:10px}.lightbox-nav.next{right:10px}}