.grid-gallery-grid__image[role="button"] { cursor: zoom-in; }
.grid-gallery-grid__image[role="button"]:focus-visible { outline: 3px solid #ff773e; outline-offset: 3px; }
#namix-lightbox { position: fixed; inset: 0; margin: auto; width: 100vw; height: 100dvh; max-width: none; max-height: none; padding: 64px 70px; border: 0; box-sizing: border-box; background: rgba(0,0,0,.94); color: white; }
#namix-lightbox[open] { display: flex; align-items: center; justify-content: center; }
#namix-lightbox::backdrop { background: #000; }
#namix-lightbox .ng-image { display: block; width: auto; height: auto; max-width: 100%; max-height: 100%; object-fit: contain; }
#namix-lightbox button { position: absolute; display: grid; place-items: center; width: 48px; height: 48px; padding: 0; border: 1px solid #aaa; border-radius: 4px; background: #222; color: white; font: 36px/1 sans-serif; cursor: pointer; }
#namix-lightbox button:focus-visible { outline: 3px solid #ff773e; outline-offset: 3px; }
#namix-lightbox .ng-close { top: 12px; right: 12px; }
#namix-lightbox .ng-prev { left: 12px; top: calc(50% - 24px); }
#namix-lightbox .ng-next { right: 12px; top: calc(50% - 24px); }
#namix-lightbox .ng-count { position: absolute; bottom: 15px; left: 0; width: 100%; text-align: center; font: 16px/1.5 sans-serif; }
@media (max-width: 600px) { #namix-lightbox { padding: 70px 8px 100px; } #namix-lightbox .ng-prev, #namix-lightbox .ng-next { top: auto; bottom: 42px; } }