.lb{
  position:fixed; inset:0;
  display:none;
  align-items:center; justify-content:center;
  background:rgba(0,0,0,.92);
  z-index:99999;
  padding:24px;
}
.lb.is-open{ display:flex; }

.lb__img{
  max-width:96vw;
  max-height:92vh;
  object-fit:contain;
  box-shadow:0 10px 40px rgba(0,0,0,.5);
}

.lb__close{
  position:absolute;
  top:14px; right:18px;
  font-size:42px;
  line-height:42px;
  background:transparent;
  border:0;
  color:#fff;
  cursor:pointer;
}

body.lb-lock{ overflow:hidden; }

/* Hide gallery slider arrows while lightbox is open */
.lb.is-open ~ .single-property-gallery .slick-arrow,
.lb.is-open ~ .single-property-gallery .owl-nav,
.lb.is-open ~ .single-property-gallery .owl-dots,
.lb.is-open ~ .single-property-thumb .slick-arrow,
.lb.is-open ~ .single-property-thumb .owl-nav,
.lb.is-open ~ .single-property-thumb .owl-dots{
  display:none !important;
}

/* When lightbox is open, hide slider nav UI */
body.lb-lock .slick-arrow,
body.lb-lock .slick-dots,
body.lb-lock .owl-nav,
body.lb-lock .owl-dots {
  display: none !important;
}

/* Optional: also prevent clicking underlying page */
body.lb-lock #main-wrapper {
  pointer-events: none;
}
body.lb-lock #lightbox {
  pointer-events: auto;
}

/* Lightbox prev/next buttons */
.lb__nav{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 56px;
  height: 56px;
  border: 0;
  border-radius: 999px;
  background: rgba(255,255,255,.12);
  color: #fff;
  font-size: 34px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  user-select: none;
}
.lb__nav:hover{ background: rgba(255,255,255,.18); }
.lb__prev{ left: 14px; }
.lb__next{ right: 14px; }

/* Make sure lightbox is always above everything */
#lightbox.lb{ z-index: 2147483647; }

/* ✅ Hide common slider arrows regardless of library */
body.lb-lock .slick-arrow,
body.lb-lock .slick-prev,
body.lb-lock .slick-next,
body.lb-lock .owl-nav,
body.lb-lock .owl-prev,
body.lb-lock .owl-next,
body.lb-lock .swiper-button-prev,
body.lb-lock .swiper-button-next,
body.lb-lock [class*="prev"],
body.lb-lock [class*="next"]{
  display:none !important;
}

/* Optional: keep only the lightbox clickable */
body.lb-lock #main-wrapper { pointer-events:none; }
body.lb-lock #lightbox { pointer-events:auto; }

#lightbox { touch-action: none; }

.lb__img { cursor: pointer; }


.lb__stage{
  position: relative;
  width: 96vw;
  height: 92vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  touch-action: none;
}

.lb__img{
  max-width: 96vw;
  max-height: 92vh;
  width: auto;
  height: auto;
  /* remove object-fit: contain; */
  transform-origin: center center;
  will-change: transform;
  user-select: none;
  -webkit-user-drag: none;
}