:root{
  --saffron:#ff9933;
  --green:#138808;
  --white:#ffffff;
  --dark:#1f2933;
  --light:#f8fafc;
  --muted:#6b7280;
  --font:system-ui,-apple-system,"Segoe UI",sans-serif;
}

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--font);color:var(--dark);line-height:1.65}

/* ===== LOGO STYLING ===== */
.logo{
  display:flex;
  align-items:center;
  gap:12px;
  font-weight:800;
  color:var(--green);
}

.logo-img{
  height:46px;
  width:auto;
}

.logo-text{
  line-height:1.1;
  font-size:1.05rem;
}

.logo-text small{
  font-size:.75rem;
  font-weight:600;
  color:#374151;
}

@media(max-width:768px){
  .logo-img{height:36px}
  .logo-text{font-size:.95rem}
}

/* ===== LAYOUT ===== */
.container{max-width:1150px;margin:auto;padding:4rem 1.5rem}
h1,h2,h3{margin-bottom:.75rem}
p{margin-bottom:1rem;color:#374151}

/* ===== NAVBAR ===== */
header{
  position:sticky;top:0;
  background:#fff;
  z-index:1000;
  border-top:4px solid var(--saffron);
  box-shadow:0 2px 10px rgba(0,0,0,.05);
}
.nav{
  max-width:1150px;margin:auto;
  padding:1rem 1.5rem;
  display:flex;justify-content:space-between;align-items:center;
}
.logo{font-weight:800;color:var(--green);font-size:1.1rem}
.nav-links{display:flex;gap:1.4rem;align-items:center}
.nav-links a{
  font-weight:500;
  position:relative;
}
.nav-links a::after{
  content:"";position:absolute;left:0;bottom:-4px;
  width:0;height:2px;background:var(--green);transition:.3s
}
.nav-links a:hover::after{width:100%}
.lang-select{padding:.3rem}

.hamburger{display:none;flex-direction:column;gap:4px;cursor:pointer}
.hamburger span{width:24px;height:3px;background:#000}

@media(max-width:768px){
  .nav-links{
    position:absolute;top:100%;left:0;right:0;
    background:#fff;
    flex-direction:column;
    display:none;
    padding:1rem;
    border-bottom:3px solid var(--green);
  }
  .nav-links.active{display:flex}
  .hamburger{display:flex}
}

/* ===== HERO ===== */
.hero{
  text-align:center;
  background:linear-gradient(to bottom,var(--saffron),#fff,var(--green));
  padding:5rem 1.5rem;
}
.hero h1{font-size:2.6rem;font-weight:800}
.hero p{max-width:650px;margin:auto;font-size:1.1rem}
.btn{
  display:inline-block;
  margin-top:1.2rem;
  background:var(--green);
  color:#fff;
  padding:.75rem 1.6rem;
  border-radius:6px;
  font-weight:600;
}

/* ===== GRIDS ===== */
.grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
  gap:1.8rem;
}
.card{
  background:var(--light);
  padding:1.6rem;
  border-left:4px solid var(--saffron);
}

/* ===== TEAM ===== */
.team-card{text-align:center}
.avatar{
  width:96px;height:96px;
  background:#d1d5db;
  border-radius:50%;
  margin:0 auto 1rem;
}

/* ===== IMAGE GRID ===== */
.image-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
  gap:1.2rem;
}
.image-box{
  height:150px;
  background:#e5e7eb;
  display:flex;align-items:center;justify-content:center;
  border-radius:6px;font-size:.85rem;color:#555;
}

/* ===== CONTACT ===== */
form{max-width:520px;margin:auto;display:grid;gap:1rem}
input,textarea{
  padding:.75rem;border:1px solid #ccc;border-radius:4px
}

/* ===== FOOTER ===== */
footer{
  background:var(--dark);
  color:#fff;
  padding:2.5rem 1.5rem;
}
footer p{font-size:.9rem;color:#d1d5db}

/* ===== NAVIGATION LINK POLISH ===== */
.nav-links a{
  color:#1f2933;
  text-decoration:none;
  font-weight:600;
  padding:6px 4px;
}

.nav-links a:hover{
  color:var(--green);
}

/* Active page highlight */
.nav-links a.active{
  color:var(--green);
  border-bottom:2px solid var(--saffron);
}
.nav-links a.active:hover{
  border-bottom-color:var(--green);
}

header{
  min-height:72px;
}

.nav{
  align-items:center;
}

/* ===== Chairman Message Side-by-Side Layout ===== */
.chairman-wrap{
  display:grid;
  grid-template-columns: 1fr 280px;
  gap:2rem;
  align-items:start;
}

.chairman-photo img{
  width:100%;
  max-width:280px;
  border-radius:8px;
  box-shadow:0 4px 12px rgba(0,0,0,0.15);
}

.signature{
  margin-top:1rem;
  font-style:italic;
}

/* Mobile stacking */
@media(max-width:768px){
  .chairman-wrap{
    grid-template-columns:1fr;
  }
  .chairman-photo{
    order:-1;
    text-align:center;
  }
}
.chairman-photo img{
  max-width:200px;
}

/* ===== Partners Carousel ===== */
.partners-carousel{
  position:relative;
  display:flex;
  align-items:center;
  gap:1rem;
}

.carousel-track-wrapper{
  overflow:hidden;
  width:100%;
}

.carousel-track{
  display:flex;
  gap:1.5rem;
  transition:transform 0.5s ease;
}

.partner-card{
  min-width:220px;
  background:#f8fafc;
  border:1px solid #e5e7eb;
  border-radius:8px;
  padding:1rem;
  text-align:center;
  flex-shrink:0;
}

.partner-card img{
  max-width:140px;
  max-height:70px;
  object-fit:contain;
  margin-bottom:0.75rem;
}

.partner-card p{
  font-size:0.9rem;
  font-weight:600;
  color:#374151;
}

/* Carousel buttons */
.carousel-btn{
  background:#138808;
  color:#fff;
  border:none;
  width:36px;
  height:36px;
  border-radius:50%;
  cursor:pointer;
  font-size:1.1rem;
}

.carousel-btn:hover{
  background:#0f6d06;
}

/* Mobile */
@media(max-width:768px){
  .partner-card{
    min-width:180px;
  }
}

/* ===== Gallery Grid ===== */
.gallery-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:1rem;
  margin-top:1.5rem;
}

.gallery-grid img{
  width:100%;
  height:180px;
  object-fit:cover;
  border-radius:6px;
  cursor:pointer;
  transition:transform .3s ease, box-shadow .3s ease;
}

.gallery-grid img:hover{
  transform:scale(1.03);
  box-shadow:0 6px 15px rgba(0,0,0,0.15);
}

/* ===== Lightbox ===== */
.lightbox{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,0.8);
  display:none;
  align-items:center;
  justify-content:center;
  z-index:2000;
}

.lightbox-img{
  max-width:90%;
  max-height:90%;
  border-radius:8px;
}

.lightbox-close{
  position:absolute;
  top:20px;
  right:30px;
  font-size:2rem;
  color:#fff;
  cursor:pointer;
}
.lightbox-close:hover{
  color:#ffcc00;
}

/* ===== Video Gallery Section ===== */
.video-gallery-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));
  gap:1.5rem;
  margin-top:1.5rem;
}

.video-card iframe{
  width:100%;
  height:200px;
  border:none;
  border-radius:6px;
}

.video-card p{
  margin-top:0.6rem;
  font-size:0.95rem;
  font-weight:600;
  color:#374151;
  text-align:center;
}
@media(max-width:768px){
  .video-card iframe{
    height:180px;
  }
}