/* Lightbox delle gallerie (<dialog>), frecce e tastiera */
.lightbox{position:fixed;inset:0;width:100vw;height:100vh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:rgba(10,10,10,.96);color:var(--ts-sand)}
.lightbox[open]{display:flex;align-items:center;justify-content:center;animation:fade .3s ease}
@keyframes fade{from{opacity:0}}
.lightbox::backdrop{background:transparent}
.lightbox__img{max-width:86vw;max-height:86vh;width:auto;height:auto;object-fit:contain}
.lightbox__nav{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;background:none;border:0;color:var(--ts-sand);cursor:pointer}
.lightbox__nav svg{width:100%;height:100%;stroke:currentColor;fill:none;stroke-width:1.2}
.lightbox__prev{left:2vw}.lightbox__next{right:2vw}
.lightbox .modal__close{position:absolute;top:1.6vw;right:2vw;z-index:5;width:44px;height:44px;background:none;border:0;cursor:pointer;color:var(--ts-sand)}
.lightbox .modal__close::before,.lightbox .modal__close::after{content:"";position:absolute;left:6px;right:6px;top:50%;height:2px;background:currentColor;transform:rotate(45deg)}
.lightbox .modal__close::after{transform:rotate(-45deg)}
.lightbox__count{position:absolute;left:2vw;top:2vw;font-size:13px;letter-spacing:.1em}
@media (prefers-reduced-motion:reduce){.lightbox[open]{animation:none}}
@media (max-width:767px){
  .lightbox__img{max-width:100vw}
  .lightbox__nav{width:36px}
  .lightbox .modal__close{top:4vw;right:4vw}
}