/* Lightbox / zoom gambar */
img.zoomable{cursor:zoom-in}
#lb{position:fixed;inset:0;z-index:9999;display:none;background:rgba(2,6,23,.92);backdrop-filter:blur(4px);
    touch-action:none;user-select:none;-webkit-user-select:none}
#lb.open{display:block;animation:lbFade .2s ease}
@keyframes lbFade{from{opacity:0}to{opacity:1}}
#lb .lb-stage{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;overflow:hidden}
#lb img{max-width:92vw;max-height:84vh;transform-origin:center center;cursor:grab;will-change:transform;
        border-radius:8px;box-shadow:0 20px 60px rgba(0,0,0,.5);-webkit-user-drag:none}
#lb img.dragging{cursor:grabbing}
#lb button{position:absolute;display:flex;align-items:center;justify-content:center;width:44px;height:44px;
           border:0;border-radius:9999px;background:rgba(255,255,255,.14);color:#fff;font-size:20px;cursor:pointer;
           transition:background .2s}
#lb button:hover{background:rgba(255,255,255,.28)}
#lb .lb-close{top:16px;right:16px}
#lb .lb-prev{left:16px;top:50%;margin-top:-22px}
#lb .lb-next{right:16px;top:50%;margin-top:-22px}
#lb .lb-tools{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);display:flex;gap:8px;
              background:rgba(15,23,42,.7);padding:6px;border-radius:9999px}
#lb .lb-tools button{position:static;width:38px;height:38px;font-size:17px}
#lb .lb-cap{position:absolute;left:0;right:0;bottom:76px;text-align:center;color:#e2e8f0;font-size:14px;padding:0 70px;pointer-events:none}
#lb .lb-count{position:absolute;top:24px;left:20px;color:#cbd5e1;font-size:13px}
@media(max-width:640px){#lb .lb-prev,#lb .lb-next{display:none}}