/* Page styles: gallery */
/* ── GALLERY GRID ── */
.gallery-grid{
  columns:4;
  column-gap:14px;
}
.gallery-item{
  break-inside:avoid;
  margin-bottom:14px;
  border-radius:10px;
  overflow:hidden;
  cursor:pointer;
  position:relative;
  display:block;
}
.gallery-item img{
  width:100%;
  display:block;
  transition:transform .4s, filter .3s;
}
.gallery-item:hover img{
  transform:scale(1.04);
  filter:brightness(.85);
}
.gallery-item .overlay-icon{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  opacity:0;
  transition:opacity .3s;
  background:rgba(92,20,20,.35);
}
.gallery-item:hover .overlay-icon{opacity:1;}
.overlay-icon i{font-size:28px;color:#fff;}

/* ── LIGHTBOX ── */
#lightbox{
  display:none;
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.92);
  z-index:9999;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  padding:20px;
}
#lightbox.open{display:flex;}
#lbImg{
  max-width:90vw;
  max-height:80vh;
  border-radius:10px;
  box-shadow:0 20px 60px rgba(0,0,0,.6);
  object-fit:contain;
}
#lbCaption{
  color:#ccc;
  font-size:14px;
  margin-top:14px;
  text-align:center;
  max-width:600px;
}
.lb-nav{
  position:fixed;
  top:50%;
  transform:translateY(-50%);
  background:rgba(255,255,255,.18);
  border:none;
  color:#fff;
  font-size:20px;
  width:48px;
  height:48px;
  border-radius:50%;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  transition:.2s;
  z-index:10001;
}
.lb-nav:hover{background:rgba(245,166,35,.85);}
.lb-nav.prev{left:16px;}
.lb-nav.next{right:16px;}
.lb-counter{position:fixed;top:20px;left:50%;transform:translateX(-50%);color:rgba(255,255,255,.6);font-size:13px;z-index:10001;}
.lb-close{
  position:fixed;
  top:18px;
  right:22px;
  background:rgba(255,255,255,.12);
  border:none;
  color:#fff;
  font-size:22px;
  width:44px;
  height:44px;
  border-radius:50%;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  transition:.2s;
  z-index:10001;
}
.lb-close:hover{background:rgba(245,166,35,.7);}
@media(max-width:600px){
  .lb-nav{width:40px;height:40px;font-size:16px;}
  .lb-nav.prev{left:8px;}
  .lb-nav.next{right:8px;}
  #lbImg{max-width:78vw;max-height:70vh;}
}

/* ── STATS ── */
.gallery-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:50px;}
.gstat{background:#fff;border-radius:12px;padding:24px;text-align:center;box-shadow:0 2px 12px rgba(0,0,0,.07);}
.gstat .num{font-size:34px;font-weight:800;color:#f5a623;}
.gstat p{font-size:13px;color:#666;margin-top:4px;}

@media(max-width:1000px){.gallery-grid{columns:3;}}
@media(max-width:700px){.gallery-grid{columns:2;}.gallery-stats{grid-template-columns:1fr 1fr;}}
@media(max-width:420px){.gallery-grid{columns:1;}}