/* Thư viện ảnh bài viết / trang chuyên khoa (tối đa 7 ảnh) — Kỳ Hòa */
.kh-gallery{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:12px;
  margin:8px 0 4px;
}
@media(min-width:600px){ .kh-gallery{ grid-template-columns:repeat(3,1fr); } }
.kh-gallery__item{
  display:block;
  position:relative;
  overflow:hidden;
  border-radius:12px;
  aspect-ratio:4/3;
  background:#f1ece3;
  cursor:zoom-in;
  box-shadow:0 2px 8px rgba(28,19,10,.08);
}
.kh-gallery__item img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:transform .4s ease;
}
.kh-gallery__item:hover img{ transform:scale(1.06); }

/* Lightbox */
.kh-lightbox{
  position:fixed; inset:0; z-index:1000;
  background:rgba(20,14,8,.92);
  display:none; align-items:center; justify-content:center;
  padding:24px;
}
.kh-lightbox.is-open{ display:flex; }
.kh-lightbox__img{
  max-width:92vw; max-height:86vh;
  border-radius:8px; box-shadow:0 20px 60px rgba(0,0,0,.5);
  object-fit:contain;
}
.kh-lightbox__btn{
  position:absolute; top:50%; transform:translateY(-50%);
  background:rgba(255,255,255,.14); color:#fff; border:none;
  width:52px; height:52px; border-radius:50%; font-size:26px; cursor:pointer;
  display:grid; place-items:center; transition:background .15s ease;
}
.kh-lightbox__btn:hover{ background:rgba(255,255,255,.28); }
.kh-lightbox__btn--prev{ left:16px; }
.kh-lightbox__btn--next{ right:16px; }
.kh-lightbox__close{
  position:absolute; top:16px; right:20px;
  background:none; border:none; color:#fff; font-size:36px; cursor:pointer; line-height:1;
}
.kh-lightbox__count{
  position:absolute; bottom:20px; left:0; right:0; text-align:center;
  color:#fff; font-size:.9rem; opacity:.85;
}
@media(max-width:560px){
  .kh-lightbox__btn{ width:42px; height:42px; font-size:20px; }
}