.lightbox-overlay{z-index:9999;background-color:#000000f2;justify-content:center;align-items:center;animation:.2s ease-in fadeIn;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.lightbox-container{justify-content:center;align-items:center;width:100%;height:100%;padding:60px 80px 120px;display:flex;position:relative}.lightbox-close-btn{color:#fff;cursor:pointer;z-index:10001;background:#ffffff1a;border:2px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;padding:0;font-size:40px;font-weight:300;line-height:1;transition:all .3s;display:flex;position:fixed;top:20px;right:20px}.lightbox-close-btn:hover{background:#fff3;border-color:#ffffff80;transform:rotate(90deg)}.lightbox-counter{color:#fff;z-index:10001;background:#00000080;border-radius:20px;padding:8px 20px;font-size:18px;font-weight:500;position:fixed;top:30px;left:50%;transform:translate(-50%)}.lightbox-nav-btn{color:#fff;cursor:pointer;z-index:10001;background:#ffffff1a;border:2px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;padding:0;font-size:60px;font-weight:300;line-height:1;transition:all .3s;display:flex;position:fixed;top:50%;transform:translateY(-50%)}.lightbox-prev-btn{left:20px}.lightbox-next-btn{right:20px}.lightbox-nav-btn:hover{background:#fff3;border-color:#ffffff80;transform:translateY(-50%)scale(1.1)}.lightbox-nav-btn:active{transform:translateY(-50%)scale(.95)}.lightbox-image-container{justify-content:center;align-items:center;max-width:90%;max-height:calc(100vh - 180px);animation:.3s ease-out zoomIn;display:flex}@keyframes zoomIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.lightbox-image{object-fit:contain;cursor:default;border-radius:8px;width:auto;max-width:100%;height:auto;max-height:100%;box-shadow:0 10px 50px #00000080}.lightbox-thumbnails{z-index:10001;background:#00000080;border-radius:10px;gap:10px;max-width:90%;padding:15px;display:flex;position:fixed;bottom:20px;left:50%;overflow-x:auto;transform:translate(-50%)}.lightbox-thumbnails::-webkit-scrollbar{height:6px}.lightbox-thumbnails::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.lightbox-thumbnails::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.lightbox-thumbnails::-webkit-scrollbar-thumb:hover{background:#ffffff80}.lightbox-thumbnail{cursor:pointer;background:0 0;border:3px solid #0000;border-radius:6px;flex-shrink:0;width:80px;height:60px;padding:0;transition:all .3s;overflow:hidden}.lightbox-thumbnail img{object-fit:cover;width:100%;height:100%;display:block}.lightbox-thumbnail:hover{border-color:#ffffff80;transform:translateY(-3px)}.lightbox-thumbnail.active{border-color:#fff;box-shadow:0 0 15px #ffffff80}@media (max-width:768px){.lightbox-container{padding:80px 20px 100px}.lightbox-close-btn{width:45px;height:45px;font-size:35px;top:15px;right:15px}.lightbox-counter{padding:6px 16px;font-size:16px;top:20px}.lightbox-nav-btn{width:50px;height:50px;font-size:50px}.lightbox-prev-btn{left:10px}.lightbox-next-btn{right:10px}.lightbox-image-container{max-height:calc(100vh - 160px)}.lightbox-thumbnails{gap:8px;max-width:95%;padding:10px;bottom:10px}.lightbox-thumbnail{border-width:2px;width:60px;height:45px}}@media (max-width:480px){.lightbox-container{padding:70px 10px 90px}.lightbox-close-btn{width:40px;height:40px;font-size:30px;top:10px;right:10px}.lightbox-counter{padding:5px 12px;font-size:14px;top:15px}.lightbox-nav-btn{width:45px;height:45px;font-size:45px}.lightbox-prev-btn{left:5px}.lightbox-next-btn{right:5px}.lightbox-thumbnail{width:50px;height:38px}}