/* ═══════════════════════════════════════
   LIGHTBOX — Universal Image Lightbox
   Used by: Landing, Homepage, About, Product Detail
   ═══════════════════════════════════════ */

.ks-lightbox{
  position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;
  opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s
}
.ks-lightbox.open{opacity:1;visibility:visible}
.ks-lightbox-overlay{position:absolute;inset:0;background:rgba(0,0,0,.88);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.ks-lightbox-wrap{position:relative;z-index:1;max-width:90vw;max-height:85vh;display:flex;align-items:center;justify-content:center}
.ks-lightbox-img{
  max-width:90vw;max-height:80vh;border-radius:var(--radius);
  box-shadow:0 20px 80px rgba(0,0,0,.5);
  transform:scale(.92);transition:transform .35s var(--ease);
  object-fit:contain
}
.ks-lightbox.open .ks-lightbox-img{transform:scale(1)}
.ks-lightbox-close{
  position:fixed;top:20px;right:20px;z-index:2;
  width:44px;height:44px;border-radius:50%;border:none;
  background:rgba(255,255,255,.1);color:#fff;font-size:1.6rem;
  cursor:pointer;display:flex;align-items:center;justify-content:center;
  transition:all .3s;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)
}
.ks-lightbox-close:hover{background:rgba(255,255,255,.2);transform:scale(1.1)}
.ks-lightbox-prev,.ks-lightbox-next{
  position:fixed;top:50%;z-index:2;transform:translateY(-50%);
  width:44px;height:44px;border-radius:50%;border:none;
  background:rgba(255,255,255,.08);color:#fff;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  transition:all .3s;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)
}
.ks-lightbox-prev{left:16px}
.ks-lightbox-next{right:16px}
.ks-lightbox-prev:hover,.ks-lightbox-next:hover{background:rgba(255,255,255,.18)}
.ks-lightbox-prev svg,.ks-lightbox-next svg{width:20px;height:20px}
.ks-lightbox-caption{
  position:fixed;bottom:60px;left:50%;transform:translateX(-50%);z-index:2;
  font-size:.82rem;color:rgba(255,255,255,.7);text-align:center;
  background:rgba(0,0,0,.5);padding:8px 20px;border-radius:40px;
  backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
  white-space:nowrap;max-width:90vw;overflow:hidden;text-overflow:ellipsis
}
.ks-lightbox-counter{
  position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:2;
  font-size:.68rem;color:rgba(255,255,255,.4);letter-spacing:.1em
}

/* ─── Clickable image cursors ─── */
[data-ks-lb]{cursor:pointer}
[data-ks-lb]:hover img{filter:brightness(1.05)}

/* ─── Exclude elements with their own hover styles ─── */
.ab-fac-card[data-ks-lb]:hover img{filter:none}
.g-card-img[data-ks-lb]:hover img{filter:none}

/* ─── Product detail: main image zoom cursor ─── */
.pd-main-img[data-ks-lb]{cursor:zoom-in}
.pd-thumb[data-ks-lb]{cursor:pointer}