:root{
  --bg:#f4f8f2;--surface:#fff;--soft:#e7f0e3;--ink:#203126;
  --muted:#647267;--line:rgba(32,49,38,.12);--accent:#5f8f68;
  --accent2:#31533c;--max:1180px;--r:22px
}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--bg);color:var(--ink)}
a{text-decoration:none;color:inherit}.container{width:min(calc(100% - 32px),var(--max));margin:auto}
header{position:fixed;z-index:100;top:12px;left:50%;transform:translateX(-50%);width:min(calc(100% - 24px),var(--max));display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 14px;border-radius:18px;background:rgba(29,58,39,.9);color:#fff;backdrop-filter:blur(16px)}
.logo{font-weight:900;letter-spacing:.15em}.logo span{color:#a9d2af}
nav{display:flex;gap:17px;font-size:14px}nav a:hover{color:#b9dfbf}
.header-cta{padding:10px 16px;border-radius:999px;background:#fff;color:#203126;font-weight:800}
.menu-toggle{display:none;width:42px;height:42px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.08);color:#fff;font-size:21px}
.mobile-menu{display:none;position:fixed;z-index:99;top:78px;left:12px;right:12px;padding:16px;border-radius:20px;background:#264b33;color:#fff;box-shadow:0 25px 60px rgba(0,0,0,.25)}
.mobile-menu.open{display:block}.mobile-menu a{display:block;padding:13px 8px;border-bottom:1px solid rgba(255,255,255,.1)}
.hero{position:relative;isolation:isolate;min-height:100svh;display:flex;align-items:center;color:#fff;overflow:hidden}
.hero-bg{position:absolute;inset:-3%;z-index:-5;background:url("hero.jpg") center/cover no-repeat;animation:zoom 18s ease-in-out infinite alternate}
.hero:after{content:"";position:absolute;inset:0;z-index:-4;background:linear-gradient(90deg,rgba(3,9,6,.93),rgba(3,9,6,.62) 48%,rgba(3,9,6,.12))}
.lightning{position:absolute;inset:0;z-index:-2;opacity:0;background:radial-gradient(circle at 35% 18%,rgba(230,247,255,.9),rgba(120,180,220,.22) 25%,transparent 55%);mix-blend-mode:screen}
.lightning.active{animation:flash .7s ease-out}
.hero-content{padding-top:110px;max-width:690px}.eyebrow{color:#a9d2af;font-weight:900;letter-spacing:.13em;text-transform:uppercase;font-size:12px}
h1,h2,h3{letter-spacing:-.045em}h1{font-size:clamp(56px,8vw,104px);line-height:.9;margin:18px 0 22px}h2{font-size:clamp(38px,5.5vw,68px);line-height:.98;margin:0}h3{font-size:27px;margin:0}
.lead{font-size:20px;line-height:1.7;color:rgba(255,255,255,.82)}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 22px;border-radius:999px;font-weight:800}.btn.primary{background:var(--accent);color:#fff}.btn.secondary{border:1px solid rgba(255,255,255,.35);color:#fff}
section{padding:88px 0}.section-head{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:end;margin-bottom:36px}.section-head p{color:var(--muted);line-height:1.8;margin:0}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{padding:26px;border:1px solid var(--line);border-radius:var(--r);background:#fff;transition:.2s}.card:hover{transform:translateY(-4px);box-shadow:0 18px 42px rgba(40,72,50,.1)}.card p{color:var(--muted);line-height:1.7}.card small{color:var(--accent);font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.soft{background:var(--soft)}.page-hero{padding:150px 0 70px;background:linear-gradient(135deg,#234630,#496e50);color:#fff}.page-hero p{max-width:720px;color:rgba(255,255,255,.8);font-size:18px;line-height:1.7}
.content{display:grid;grid-template-columns:1fr .75fr;gap:42px}.content p,.content li{color:var(--muted);line-height:1.8}
.contact-card{padding:28px;border-radius:var(--r);background:#fff;border:1px solid var(--line)}.contact-list{display:grid;gap:12px;margin-top:20px}.contact-list a,.contact-list div{padding:16px;border:1px solid var(--line);border-radius:14px;background:#f7faf5}.contact-list small{display:block;color:var(--accent);font-weight:900;text-transform:uppercase;letter-spacing:.1em}.contact-list strong{display:block;margin-top:5px;overflow-wrap:anywhere}
.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.gallery-grid figure{margin:0;overflow:hidden;border-radius:18px;background:#fff;border:1px solid var(--line);cursor:pointer}.gallery-grid img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover}.gallery-grid figcaption{padding:12px 14px;font-weight:800}
.lightbox{display:none;position:fixed;inset:0;z-index:300;align-items:center;justify-content:center;background:rgba(4,10,6,.92);padding:20px}.lightbox.open{display:flex}.lightbox img{max-width:92vw;max-height:84vh;border-radius:18px}.lightbox button{position:absolute;border:0;border-radius:999px;background:rgba(255,255,255,.15);color:#fff;width:48px;height:48px;font-size:26px}.close{top:18px;right:18px}.prev{left:18px}.next{right:18px}
footer{background:#294936;color:#dce8de;padding:56px 0 28px}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:34px}.footer-grid h4{color:#fff}.footer-grid a,.footer-grid p{display:block;color:#dce8de;margin:8px 0}.footer-bottom{margin-top:34px;padding-top:18px;border-top:1px solid rgba(255,255,255,.12);font-size:13px}
@keyframes zoom{from{transform:scale(1.02)}to{transform:scale(1.075) translateX(-.6%)}}@keyframes flash{0%{opacity:0}10%{opacity:.75}17%{opacity:.04}25%{opacity:.42}38%,100%{opacity:0}}
@media(max-width:900px){nav,.header-cta{display:none}.menu-toggle{display:inline-flex;align-items:center;justify-content:center}.section-head,.content{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,1fr)}.gallery-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){h1{font-size:clamp(48px,14vw,70px)}.grid,.gallery-grid,.footer-grid{grid-template-columns:1fr}.hero-content{padding-top:120px}.page-hero{padding-top:125px}}


/* =========================================================
   SUPANELİ V8 FINAL — MOBİL MENÜ + FOOTER DÜZELTMELERİ
   ========================================================= */

.mobile-menu{
  display:none;
  position:fixed;
  z-index:99;
  top:78px;
  left:12px;
  right:12px;
  padding:16px;
  border-radius:20px;
  background:#264b33;
  color:#fff;
  box-shadow:0 25px 60px rgba(0,0,0,.25);
  opacity:0;
  transform:translateY(-14px);
  pointer-events:none;
  transition:opacity .22s ease, transform .22s ease;
}

.mobile-menu.open{
  display:block;
  opacity:1;
  transform:translateY(0);
  pointer-events:auto;
}

.mobile-menu a{
  display:block;
  padding:13px 8px;
  border-bottom:1px solid rgba(255,255,255,.10);
}

.mobile-menu a:last-child{
  border-bottom:0;
}

.mobile-menu a.active{
  color:#b9dfbf;
  font-weight:900;
}

body.menu-open{
  overflow:hidden;
}

footer{
  min-height:auto !important;
}

.footer-grid{
  align-items:start;
}

.footer-grid > div{
  min-height:auto !important;
}

@media(max-width:900px){
  .mobile-menu{
    max-height:calc(100vh - 92px);
    overflow:auto;
  }

  footer{
    padding:38px 0 22px;
  }

  .footer-grid{
    grid-template-columns:1fr 1fr;
    gap:22px 28px;
  }

  .footer-grid > div:first-child{
    grid-column:1 / -1;
  }

  .footer-grid h4{
    margin:0 0 10px;
  }

  .footer-grid a,
  .footer-grid p{
    margin:6px 0;
  }

  .footer-bottom{
    margin-top:24px;
  }
}

@media(max-width:600px){
  header{
    top:10px;
    width:calc(100% - 20px);
    padding:10px 12px;
  }

  .mobile-menu{
    top:74px;
    left:10px;
    right:10px;
    padding:12px;
  }

  .footer-grid{
    grid-template-columns:1fr;
    gap:20px;
  }

  .footer-grid > div:first-child{
    grid-column:auto;
  }

  footer{
    padding:32px 0 20px;
  }
}