/* One shared viewer for product and case imagery. */
.holubo-lightbox{position:fixed;inset:0;box-sizing:border-box;width:100vw;max-width:none;height:100vh;height:100dvh;max-height:none;margin:0;padding:0;border:0;background:#181a1deF;color:#fff;overflow:hidden;overscroll-behavior:contain;font:400 16px/1.5 HoluboBody,Arial,sans-serif;color-scheme:dark}
.holubo-lightbox:not([open]){display:none}
.holubo-lightbox[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto;animation:holubo-lightbox-in .18s ease-out}
.holubo-lightbox::backdrop{background:#181a1d}
.holubo-lightbox.is-closing{opacity:0;transition:opacity .14s ease-out;pointer-events:none}
.holubo-lightbox-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px;padding:8px max(16px,env(safe-area-inset-right)) 8px max(20px,env(safe-area-inset-left));padding-top:max(8px,env(safe-area-inset-top))}
.holubo-lightbox-counter{color:#d9dce0;font-size:14px;letter-spacing:.06em;font-variant-numeric:tabular-nums}
.holubo-lightbox .holubo-lightbox-button{display:grid;place-items:center;flex:none;width:48px;height:48px;min-width:48px;min-height:48px;padding:12px;border:1px solid #ffffff4d;border-radius:50%;color:#fff;background:#ffffff0d;cursor:pointer;touch-action:manipulation;transition:background .15s ease,border-color .15s ease}
.holubo-lightbox .holubo-lightbox-button:hover{background:#ffffff24;border-color:#ffffff94}
.holubo-lightbox .holubo-lightbox-button:focus-visible,.holubo-lightbox a:focus-visible{outline:3px solid #ffb195;outline-offset:3px}
.holubo-lightbox .holubo-lightbox-button .h-icon{display:block;width:22px;height:22px}
.holubo-lightbox-previous .h-icon{transform:rotate(180deg)}
.holubo-lightbox-stage{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;padding:0 20px;touch-action:pan-y pinch-zoom}
.holubo-lightbox .holubo-lightbox-image{display:block;flex:none;width:auto;height:auto;max-width:100%;max-height:100%;margin:0;object-fit:contain;user-select:none;-webkit-user-select:none;animation:holubo-lightbox-image-in .18s ease-out}
.holubo-lightbox-status,.holubo-lightbox-error{position:absolute;inset:50% 24px auto;transform:translateY(-50%);margin:0;text-align:center;color:#d9dce0;font-size:16px}
.holubo-lightbox-status:empty{display:none}
.holubo-lightbox-error a{display:block;width:fit-content;max-width:100%;min-height:48px;margin:12px auto 0;padding:12px 18px;color:#fff;text-decoration:underline;text-underline-offset:4px}
.holubo-lightbox-footer{display:flex;align-items:center;justify-content:center;gap:16px;min-height:84px;padding:16px max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}
.holubo-lightbox .holubo-lightbox-caption{flex:1;min-width:0;max-width:900px;margin:0;text-align:center;font-size:14px;line-height:1.5;color:#f2f3f5;overflow-wrap:anywhere;max-height:4.5em;overflow-y:auto}
.holubo-lightbox [hidden]{display:none!important}
@media(min-width:768px){.holubo-lightbox-toolbar{padding-inline:28px}.holubo-lightbox-stage{padding-inline:64px}.holubo-lightbox-footer{gap:28px;padding-inline:28px}.holubo-lightbox .holubo-lightbox-caption{font-size:16px}}
@keyframes holubo-lightbox-in{from{opacity:0}to{opacity:1}}
@keyframes holubo-lightbox-image-in{from{opacity:0;transform:scale(.985)}to{opacity:1;transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.holubo-lightbox[open],.holubo-lightbox .holubo-lightbox-image{animation:none}.holubo-lightbox.is-closing,.holubo-lightbox .holubo-lightbox-button{transition:none}}
