/* Overlay */
#ibs-lb-overlay{
  position: fixed; inset: 0;
  display: none; align-items: center; justify-content: center;
  background: rgba(0,0,0,.86); z-index: 99999; padding: 24px;
}
body.ibs-lb-open{ overflow: hidden; }

/* Frame wraps the image and hosts inside controls */
.ibs-lb-frame{
  position: relative; display: inline-block;
  max-width: min(92vw, 1280px); max-height: 86vh;
}
#ibs-lb-img{
  display: block;
  max-width: 100%; max-height: 86vh;
  border-radius: 12px;
  box-shadow: 0 12px 36px rgba(0,0,0,.5);
}

/* Buttons - deutlich sichtbar */
.ibs-lb-btn{
  position: absolute; border: 0; cursor: pointer;
  width: 64px; height: 64px; border-radius: 999px;
  background: rgba(0,0,0,.45); color:#fff;
  display:flex; align-items:center; justify-content:center;
  transition: background .2s ease, transform .2s ease;
}
.ibs-lb-btn:hover{ background: rgba(0,0,0,.6); transform: scale(1.05); }

/* Close oben rechts im Overlay */
.ibs-lb-close{ top: 22px; right: 22px; font-size: 28px; line-height: 1; background: rgba(255,255,255,.18); }
.ibs-lb-close:hover{ background: rgba(255,255,255,.28); }

/* Prev/Next INSIDE the image frame */
.ibs-lb-prev, .ibs-lb-next{ top: 50%; transform: translateY(-50%); }
.ibs-lb-prev{ left: 12px; }
.ibs-lb-next{ right: 12px; }

/* Arrow icons via mask, größer sichtbar */
.ibs-lb-prev::before, .ibs-lb-next::before{
  content: ""; display:block; width: 70%; height: 70%; background: #fff;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23000' d='M9.29 6.71a1 1 0 011.42 0L16 12l-5.29 5.29a1 1 0 11-1.42-1.42L13.17 12 9.29 8.12a1 1 0 010-1.41z'/></svg>") no-repeat center / contain;
          mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23000' d='M9.29 6.71a1 1 0 011.42 0L16 12l-5.29 5.29a1 1 0 11-1.42-1.42L13.17 12 9.29 8.12a1 1 0 010-1.41z'/></svg>") no-repeat center / contain;
}
.ibs-lb-prev::before{ transform: rotate(180deg); }

/* Caption bündig unten */
#ibs-lb-caption{
  position: absolute; left: 0; right: 0; bottom: 0;
  display:flex; align-items:center; justify-content:center;
  min-height: 44px; padding: 10px 16px;
  color:#fff; font-weight:700;
  background: linear-gradient(to top, rgba(0,0,0,.55), rgba(0,0,0,.15));
  border-radius: 0 0 12px 12px;
  pointer-events:none;
  text-align:center;
}
#ibs-lb-text{ opacity:.95; }

@media (max-width: 480px){ .ibs-lb-btn{ width:56px; height:56px; } .ibs-lb-prev::before, .ibs-lb-next::before{ width:72%; height:72%; } }