/* Swiper viewer styles - lightweight */
.bxng-swiper-wrap { width:100%; max-width:1200px; margin:0 auto; }
.bxng-swiper-controls { display:flex; gap:8px; align-items:center; padding:8px 0; }
.bxng-swiper-controls .bxng-btn { padding:6px 10px; font-size:14px; }
.bxng-swiper-viewer { width:100%; height:70vh; background:#000; display:flex; flex-direction:column; gap:8px; padding:8px 0; box-sizing:border-box; }
.bxng-swiper-main { flex:1; width:100%; height: calc(100% - 92px); } /* leave room for thumbs */
.bxng-swiper-main .swiper-slide { display:flex; align-items:center; justify-content:center; height:100%; position: relative; }
/* replace previous img rule so slides fill the container and crop consistently */
.bxng-swiper-main .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: opacity .28s ease;
  opacity: 1;
}

/* watermark: centered at bottom of slide, small & subtle */
.bxng-swiper-main .swiper-slide .bxng-watermark {
  position: absolute;
  left: 50%;
  bottom: 8px;
  transform: translateX(-50%);
  font-size: 11px;
  line-height: 1;
  color: rgba(255,255,255,0.95);
  text-shadow: 0 1px 2px rgba(0,0,0,0.6);
  background: rgba(0,0,0,0.28);
  padding: 2px 8px;
  border-radius: 4px;
  pointer-events: none;
  z-index: 10003;
  white-space: nowrap;
  max-width: calc(100% - 40px);
  overflow: hidden;
  text-overflow: ellipsis;
  box-sizing: border-box;
}

/* Slightly smaller on very small screens */
@media (max-width:480px){
  .bxng-swiper-main .swiper-slide .bxng-watermark {
    font-size: 10px;
    bottom: 6px;
    padding: 2px 6px;
  }
}

/* fade placeholder while lazy loads */
.swiper-lazy.is-loading { filter: blur(10px) contrast(0.95) saturate(0.9); transform: scale(1.03); transition: filter .35s ease, transform .35s ease; }
.swiper-lazy { transition: filter .25s ease, transform .25s ease; }

/* status */
.bxng-swiper-status { margin-left:8px; color:#666; font-size:13px; }

/* visual marker for failed image loads */
.bxng-swiper .swiper-slide img.bxng-image-error {
  opacity: 0.45;
  filter: grayscale(100%);
  border: 1px solid rgba(255,255,255,0.08);
}

/* ensure navigation buttons are visible and scoped */
.bxng-swiper-prev, .bxng-swiper-next { background: rgba(0,0,0,0.45); color:#fff; border-radius:22px; width:44px; height:44px; display:flex; align-items:center; justify-content:center; z-index:999; }

/* debug/error marker */
.bxng-swiper .bxng-image-error { opacity:0.45; filter:grayscale(1); }

/* caption removed (no title shown in Swiper) */

@media (max-width:800px){
  .bxng-swiper-main { height: calc(100% - 72px); }
  .bxng-swiper-thumbs { height:64px; }
  .bxng-swiper-thumbs .swiper-slide { width:72px; height:48px; }
}