body.modal-open { overflow: hidden; }
.lightbox-modal { width:100%; height:100%; max-width:none; max-height:none; margin:0; padding:0; border:0; background:rgba(3,5,6,.93); color:#fff; }
.lightbox-modal::backdrop { background:rgba(3,5,6,.93); backdrop-filter:blur(7px); }
.lightbox-shell { position:relative; width:100%; height:100%; display:grid; grid-template-columns:72px minmax(0,1fr) 72px; align-items:center; padding:34px; }
.lightbox-shell figure { grid-column:2; margin:0; min-width:0; display:flex; flex-direction:column; align-items:center; justify-content:center; height:100%; }
.lightbox-shell figure img { max-width:100%; max-height:calc(100vh - 115px); object-fit:contain; border-radius:6px; box-shadow:0 24px 80px rgba(0,0,0,.55); }
.lightbox-shell figcaption { padding-top:14px; color:#d8dde0; text-align:center; font-size:.92rem; }
.lightbox-close,.lightbox-nav { border:1px solid rgba(255,255,255,.24); background:rgba(18,24,28,.72); color:#fff; cursor:pointer; transition:.2s; }
.lightbox-close:hover,.lightbox-nav:hover { background:var(--orange); color:#111; border-color:var(--orange); }
.lightbox-close { position:absolute; top:20px; right:20px; z-index:2; width:46px; height:46px; border-radius:50%; font-size:2rem; line-height:1; }
.lightbox-nav { width:52px; height:70px; border-radius:8px; font-size:2.6rem; justify-self:center; }
.lightbox-prev { grid-column:1; }.lightbox-next { grid-column:3; }
@media(max-width:620px){.lightbox-shell{grid-template-columns:48px minmax(0,1fr) 48px;padding:64px 6px 18px}.lightbox-nav{width:42px;height:58px;font-size:2rem}.lightbox-close{top:12px;right:12px}.lightbox-shell figure img{max-height:calc(100vh - 145px)}}