.image-gallery{position:relative}.image-gallery .total-images{z-index:49;color:#fff;font-family:var(--font-excelsior);cursor:pointer;background-color:#333;border:1px solid #fff;border-radius:5px;justify-content:center;align-items:center;gap:.3rem;width:70px;padding:5px 10px;transition:background-color .3s;display:flex;position:absolute;bottom:10px;right:10px}.image-gallery .total-images:hover{background-color:#555}.image-gallery .total-images svg{width:20px;height:20px}.lightbox{z-index:9999999;cursor:pointer;background:#000000f2;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.lightbox-content{cursor:default;flex-direction:column;justify-content:center;align-items:center;max-width:90vw;max-height:90vh;display:flex}.lightbox-content img{object-fit:contain;-webkit-user-select:none;user-select:none;max-width:90vw;max-height:80vh}.lightbox .close{color:#fff;cursor:pointer;z-index:99999;background:#00000080;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:2rem;transition:all .3s;display:flex;position:absolute;top:1rem;right:1rem}.lightbox .close:hover{background:#fff3;transform:rotate(90deg)}.lightbox .nav-button{color:#fff;cursor:pointer;z-index:99998;background:0 0;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;transition:all .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.lightbox .nav-button:hover{background:#fff3;transform:translateY(-50%)scale(1.1)}.lightbox .nav-button.prev{left:2rem}.lightbox .nav-button.next{right:2rem}.image-counter{color:#fff;font-family:var(--font-excelsior);background:#00000080;border-radius:20px;margin-top:1rem;padding:.5rem 1rem;font-size:1.2rem}.pagination-dots{justify-content:center;gap:10px;margin-top:1rem;display:flex}.pagination-dots .dot{cursor:pointer;background:#ffffff80;border:none;border-radius:50%;width:12px;height:12px;padding:0;transition:all .3s}.pagination-dots .dot:hover{background:#fffc;transform:scale(1.2)}.pagination-dots .dot.active{background:#fff;width:14px;height:14px}@media (max-width:768px){.lightbox .nav-button{width:50px;height:50px}.lightbox .nav-button.prev{left:1rem}.lightbox .nav-button.next{right:1rem}.lightbox .close{width:45px;height:45px;font-size:1.5rem}.lightbox-content img{max-width:95vw;max-height:70vh}}