.nlo-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;pointer-events:none}.nlo-modal.is-open{pointer-events:auto}.nlo-modal__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000e0;opacity:0;transition:opacity var(--transition-med);cursor:pointer}.nlo-modal.is-open .nlo-modal__overlay{opacity:1}.nlo-modal__panel{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.95);width:min(900px,92vw);max-height:90svh;background:var(--color-surface);border:1px solid var(--color-border);overflow-y:auto;opacity:0;transition:opacity var(--transition-med),transform var(--transition-slow)}.nlo-modal.is-open .nlo-modal__panel{opacity:1;transform:translate(-50%,-50%) scale(1)}.nlo-modal__header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--color-border);position:sticky;top:0;background:var(--color-surface);z-index:1}.nlo-modal__title{font-family:var(--font-display);font-size:1.5rem;letter-spacing:.08em}.nlo-modal__close{color:var(--color-text-muted);padding:4px;transition:color var(--transition-fast)}.nlo-modal__close:hover{color:var(--color-text-primary)}.nlo-modal__body{padding:24px}.lightbox-modal .nlo-modal__panel{width:min(1200px,96vw);background:transparent;border:none}.lightbox-modal .nlo-modal__header{background:transparent;border:none;position:absolute;top:0;right:0;left:0;z-index:10}.lightbox-modal .nlo-modal__body{padding:0}.lightbox__image{width:100%;height:auto;max-height:90svh;object-fit:contain;display:block}.lightbox__caption{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted);text-align:center;padding:12px 24px}.lightbox__nav{position:absolute;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 16px;pointer-events:none;z-index:5}.lightbox__prev,.lightbox__next{pointer-events:auto;width:44px;height:44px;background:#0a0a0ab3;border:1px solid var(--color-border);color:var(--color-text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--transition-fast)}.lightbox__prev:hover,.lightbox__next:hover{background:#ffffff1a}.lightbox__counter{position:absolute;bottom:16px;left:50%;transform:translate(-50%);font-family:var(--font-mono);font-size:.7rem;letter-spacing:.1em;color:var(--color-text-muted);background:#0a0a0ab3;padding:4px 12px}
/*# sourceMappingURL=/cdn/shop/t/31/assets/component-modal.css.map */