/* GALLERY FILTER BUTTONS */
.gal-btn {
  padding:8px 16px;
  border-radius:20px;
  border:1px solid rgba(45,80,22,0.15);
  background:white;
  cursor:pointer;
  font-weight:700;
  font-size:14px;
  color:#2D5016;
  transition:0.25s;
}

.gal-btn.active,
.gal-btn:hover {
  background:linear-gradient(90deg,#FF8C42,#FDB833);
  color:white;
  border:0;
  box-shadow:0 8px 20px rgba(253,184,51,0.15);
}

/* GALLERY GRID */
.gallery-grid {
  grid-template-columns: 1fr 1fr;
}

@media(min-width:900px){
  .gallery-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

.gal-item {
  cursor:pointer;
  border-radius:16px;
  overflow:hidden;
  position:relative;
  height:260px;
}

.gal-img {
  width:100%;
  height:100%;
  object-fit:cover;
  transition:0.3s ease;
}

.gal-item:hover .gal-img {
  transform:scale(1.08);
  filter:brightness(0.9);
}

/* LIGHTBOX POPUP */
#lightbox {
  position:fixed;
  top:0; left:0;
  width:100%; height:100%;
  background:rgba(0,0,0,0.85);
  backdrop-filter:blur(6px);
  display:none;
  align-items:center;
  justify-content:center;
  z-index:9999;
}

#lightbox img {
  max-width:90%;
  max-height:85%;
  border-radius:14px;
  box-shadow:0 10px 30px rgba(0,0,0,0.35);
  animation:fadeIn 0.3s ease;
}

@keyframes fadeIn {
  from {opacity:0; transform:scale(0.9);}
  to {opacity:1; transform:scale(1);}
}