.detail-lightbox{position:fixed;inset:0;z-index:1600;display:none}.detail-lightbox.is-open,.detail-lightbox.is-closing{display:block}body.detail-lightbox-open{overflow:hidden}.detail-lightbox__backdrop{position:absolute;inset:0;background:#0e121ec7;opacity:0;transition:opacity .18s ease}.detail-lightbox.is-open .detail-lightbox__backdrop{opacity:1}.detail-lightbox.is-closing .detail-lightbox__backdrop{opacity:0}.detail-lightbox__panel{position:absolute;inset:26px;border-radius:16px;border:1px solid rgba(255,255,255,.15);background:#121624f5;display:grid;grid-template-columns:54px minmax(0,1fr) 54px;align-items:center;box-shadow:0 18px 48px #04070f6b;opacity:0;transform:translateY(8px) scale(.992);transition:opacity .18s ease,transform .18s ease}.detail-lightbox.is-open .detail-lightbox__panel{opacity:1;transform:translateY(0) scale(1)}.detail-lightbox.is-closing .detail-lightbox__panel{opacity:0;transform:translateY(8px) scale(.992)}.detail-lightbox__figure{margin:0;max-width:100%;min-width:0;display:grid;gap:10px;justify-items:center;align-content:center;max-height:100%}.detail-lightbox__img{max-width:min(100%,1200px);max-height:calc(100vh - 170px);width:auto;height:auto;object-fit:contain;border-radius:10px;box-shadow:0 14px 36px #0006;transition:opacity .15s ease}.detail-lightbox__img.is-fading{opacity:.7}.detail-lightbox__caption{margin:0;text-align:center;color:#d9dff2;font-size:13px;line-height:1.45;max-width:min(100%,860px);padding:0 10px}.detail-lightbox__counter{position:absolute;right:14px;bottom:12px;color:#d9dff2;font-size:12px;font-weight:700;border-radius:999px;background:#ffffff14;border:1px solid rgba(255,255,255,.2);padding:4px 9px}.detail-lightbox__close,.detail-lightbox__nav{border:0;background:transparent;color:#f8faff;cursor:pointer;width:44px;height:44px;border-radius:10px;font-size:34px;line-height:1;opacity:.85}.detail-lightbox__close:hover,.detail-lightbox__nav:hover{opacity:1;background:#ffffff14}.detail-lightbox__close{position:absolute;top:10px;right:12px;z-index:1}@media(max-width:900px){.detail-lightbox__panel{inset:10px;grid-template-columns:44px minmax(0,1fr) 44px;border-radius:12px}.detail-lightbox__img{max-height:calc(100vh - 138px)}.detail-lightbox__nav{font-size:30px}.detail-lightbox__counter{bottom:8px;right:9px;font-size:11px;padding:3px 8px}}
