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