body{margin:0;font-family:'Segoe UI',Arial,sans-serif;background:#f4f9f6;color:#333;position:relative;}
body::before{content:"";position:fixed;top:50%;left:50%;width:500px;height:500px;background:url("logo.png") no-repeat center;background-size:contain;opacity:.05;transform:translate(-50%,-50%);z-index:-1;}
header{background:linear-gradient(90deg,#1b7f5c,#2ea57a);color:#fff;padding:20px;}
header .wrap{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap;}
.logo{height:90px;width:90px;background:#fff;padding:8px;border-radius:6px;object-fit:contain;}
nav{background:#145c43;display:flex;justify-content:center;flex-wrap:wrap;}
nav a{color:#fff;padding:14px 18px;text-decoration:none;}
nav a:hover{background:#0e3f2f;}
section{padding:40px 20px;max-width:1100px;margin:auto;}
h2{text-align:center;color:#1b7f5c;}
.card-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;}
.card{background:#fff;padding:20px;border-radius:10px;box-shadow:0 4px 10px rgba(0,0,0,.1);}
.hero-section{background:linear-gradient(rgba(27,127,92,.7),rgba(27,127,92,.7)),url('hero.jpg');background-size:cover;background-position:center;color:#fff;padding:100px 20px;text-align:center;}
.btn-donate{display:inline-block;padding:14px 28px;background:#ffcc00;color:#000;font-weight:bold;border-radius:30px;text-decoration:none;}
footer{background:#145c43;color:#fff;text-align:center;padding:20px;}
.lang-switch{text-align:right;padding:10px;background:#eaf3ef;}
.lang-switch button{padding:6px 12px;margin-left:6px;cursor:pointer;}
/* Gallery */
.gallery-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:15px;
}
.gallery-grid img{
  width:100%;
  height:200px;
  object-fit:cover;
  border-radius:10px;
  cursor:pointer;
  box-shadow:0 4px 10px rgba(0,0,0,.15);
  transition:transform .3s;
}
.gallery-grid img:hover{
  transform:scale(1.05);
}

/* Lightbox */
#lightbox{
  display:none;
  position:fixed;
  top:0;left:0;
  width:100%;
  height:100%;
  background:rgba(0,0,0,.8);
  justify-content:center;
  align-items:center;
  z-index:999;
}
#lightbox img{
  max-width:90%;
  max-height:90%;
  border-radius:10px;
}

/* Gallery Grid */
.gallery-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 15px;
  padding: 20px;
}

/* Gallery Images */
.gallery-grid img {
  width: 100%;
  height: 220px;        /* FIXED HEIGHT */
  object-fit: cover;   /* IMAGE CROP + FIT */
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.2);
  transition: transform 0.3s ease;
}

/* Hover Effect */
.gallery-grid img:hover {
  transform: scale(1.05);
}