.tb-lb{position:fixed;inset:0;z-index:99999;display:none;align-items:center;justify-content:center;background:rgba(10,18,28,.88);padding:2.5rem 3.5rem;box-sizing:border-box}
.tb-lb.da{display:flex}
.tb-lb-slika{max-width:min(96vw,1400px);max-height:88vh;width:auto;height:auto;object-fit:contain;border-radius:8px;box-shadow:0 20px 60px rgba(0,0,0,.45);background:#111}
.tb-lb-x,.tb-lb-prev,.tb-lb-next{position:absolute;border:0;background:rgba(255,255,255,.12);color:#fff;cursor:pointer;border-radius:999px;font:700 1.35rem/1 system-ui,sans-serif;width:2.6rem;height:2.6rem;display:flex;align-items:center;justify-content:center;transition:background .15s}
.tb-lb-x:hover,.tb-lb-prev:hover,.tb-lb-next:hover{background:rgba(255,255,255,.28)}
.tb-lb-x{top:1rem;right:1rem;font-size:1.6rem}
.tb-lb-prev{left:1rem;top:50%;transform:translateY(-50%)}
.tb-lb-next{right:1rem;top:50%;transform:translateY(-50%)}
.tb-lb-prev[hidden],.tb-lb-next[hidden]{display:none !important}
.tb-lb-opis{position:absolute;left:50%;bottom:1rem;transform:translateX(-50%);max-width:min(90vw,720px);color:#e8eef4;font:500 .95rem/1.35 system-ui,sans-serif;text-align:center;text-shadow:0 1px 4px rgba(0,0,0,.6)}
body.tb-lb-open{overflow:hidden}
@media (max-width:700px){
  .tb-lb{padding:3.5rem .75rem 4rem}
  .tb-lb-prev,.tb-lb-next{width:2.3rem;height:2.3rem;font-size:1.15rem}
}