.lb{
  position:fixed; inset:0; z-index:99999;
  display:none;
  background:rgba(0,0,0,.92);
}
.lb.open{display:block}

/* Important: toate elementele să poată primi click */
.lb, .lb *{ box-sizing:border-box; }

.lb__inner{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0;
  background:transparent;
}

/* STAGE: tine imaginea fara fundal alb */
.lb__stage{
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:transparent;
  overflow:hidden; /* pan/zoom */
}

/* imagine: fara fundal alb, fara border */
.lb__img{
  max-width:min(96vw, 1400px);
  max-height:92vh;

  width:auto;
  height:auto;
  object-fit:contain;

  background:transparent !important;
  border:0 !important;
  border-radius:12px;
  box-shadow:0 12px 60px rgba(0,0,0,.6);

  transform:translate(0px,0px) scale(1);
  transform-origin:center center;

  cursor:zoom-in;
  user-select:none;
  -webkit-user-drag:none;

  /* IMPORTANT pentru pinch/pan */
  touch-action:none;
}

.lb__img.zoomed{
  cursor:grab;
}

/* video */
.lb__video{
  width:min(1100px, 96vw);
  aspect-ratio:16/9;
  border:0;
  border-radius:12px;
  background:#000;
  box-shadow:0 12px 60px rgba(0,0,0,.6);
}

/* ===== BUTOANE (fortam afisarea) ===== */
.lb__btn,
.lb__nav{
  appearance:none;
  -webkit-appearance:none;

  position:absolute;
  display:flex !important;
  align-items:center;
  justify-content:center;

  width:44px;
  height:44px;

  border-radius:12px;
  cursor:pointer;

  background:rgba(255,255,255,.12);
  color:#fff;
  border:1px solid rgba(255,255,255,.18);

  font-weight:900;
  z-index:100000;

  /* prevenim reseturi globale */
  padding:0;
  margin:0;
  line-height:1;
}

.lb__btn{
  top:14px;
  right:14px;
}

.lb__nav{
  top:50%;
  transform:translateY(-50%);
}

.lb__prev{ left:14px; }
.lb__next{ right:14px; }

/* caption */
.lb__cap{
  position:absolute;
  left:14px; right:14px; bottom:14px;
  color:#fff;
  font-size:12px;
  opacity:.8;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  z-index:100000;
}

/* mobile */
@media (max-width: 600px){
  .lb__btn, .lb__nav{ width:40px; height:40px; border-radius:10px; }
  .lb__img{ max-width:96vw; max-height:88vh; }
}