/* CocoBook gallery lightbox — shared by guest sites and the CocoBook details
   page. The overlay is built by static/js/site.js on first open. */
.lb{position:fixed;inset:0;z-index:1000;background:rgba(10,12,14,.94);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:56px 16px 72px;font-family:system-ui,-apple-system,sans-serif;color:#fff;-webkit-font-smoothing:antialiased}
.lb[hidden]{display:none}
.lb img{max-width:100%;max-height:100%;object-fit:contain;border-radius:6px;box-shadow:0 30px 80px -30px rgba(0,0,0,.8);user-select:none;-webkit-user-drag:none}
.lb .lb-stage{flex:1;min-height:0;width:100%;display:flex;align-items:center;justify-content:center}
.lb .lb-cap{position:absolute;left:16px;right:16px;bottom:20px;text-align:center;font-size:14px;color:rgba(255,255,255,.85);display:flex;flex-direction:column;gap:4px;align-items:center}
.lb .lb-cap b{font-weight:600;font-size:15px}.lb .lb-cap i{font-style:normal;font-size:12px;color:rgba(255,255,255,.6);font-variant-numeric:tabular-nums}
.lb button{position:absolute;background:rgba(255,255,255,.1);color:#fff;border:0;border-radius:50%;width:44px;height:44px;cursor:pointer;display:grid;place-items:center;transition:background 120ms}.lb button:hover{background:rgba(255,255,255,.22)}.lb button:focus-visible{outline:2px solid #fff;outline-offset:2px}
.lb .lb-close{top:14px;right:14px}.lb .lb-prev{left:14px;top:50%;transform:translateY(-50%)}.lb .lb-next{right:14px;top:50%;transform:translateY(-50%)}
.lb button svg{width:20px;height:20px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}
.lb .lb-count{position:absolute;top:22px;left:16px;font-size:13px;color:rgba(255,255,255,.7);font-variant-numeric:tabular-nums}
body.lb-open{overflow:hidden}
@media (max-width:600px){.lb{padding:52px 0 64px}.lb img{border-radius:0}.lb .lb-prev,.lb .lb-next{top:auto;bottom:10px;transform:none}.lb .lb-prev{left:16px}.lb .lb-next{right:16px}.lb .lb-cap{bottom:62px}}