/* =================================================================
   ZARİF YAPI MİMARLIK — Tasarım Sistemi (yeniden tasarım)
   Fontlar: Montserrat (başlık) + Poppins (gövde)
   ================================================================= */

:root{
  --green:#006548; --green-deep:#00432f; --green-700:#0a7a57;
  --green-mist:#e8f1ea; --green-glass:rgba(0,67,47,.72);
  --gold:#b2852d; --gold-soft:#c79a45; --gold-tint:#f3ebd9;
  --leaf:#5fb14e; --leaf-light:#9ed86f;
  --bone:#f6f8f3; --cream:#fcfbf7; --white:#ffffff;
  --ink:#15211b; --muted:#5d6c63; --line:#e6ebe3;
  --shadow-sm:0 6px 20px -10px rgba(0,67,47,.25);
  --shadow:0 22px 60px -28px rgba(0,67,47,.40);
  --shadow-lg:0 40px 90px -40px rgba(0,67,47,.50);
  --radius:20px; --radius-sm:12px;
  --font-display:'Montserrat',system-ui,sans-serif;
  --font-body:'Poppins',system-ui,sans-serif;
  --ease:cubic-bezier(.22,.61,.36,1);
  --container:1240px;
}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  font-family:var(--font-body);font-weight:400;color:var(--ink);
  background:var(--bone);line-height:1.65;font-size:16.5px;
  overflow-x:hidden;-webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer;border:0;background:none}
h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;line-height:1.1;letter-spacing:-.01em}
.container{max-width:var(--container);margin:0 auto;padding:0 28px}
.skip-link{position:absolute;left:-999px;top:0;background:var(--green);color:#fff;padding:.6rem 1rem;z-index:200}
.skip-link:focus{left:8px;top:8px}
section{position:relative}

/* eyebrow / section heads */
.eyebrow{display:inline-flex;align-items:center;gap:.6rem;font-family:var(--font-display);
  font-weight:600;font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;
  color:var(--gold);margin-bottom:1rem}
.eyebrow::before{content:"";width:30px;height:2px;background:var(--gold)}
.section-head{max-width:720px;margin:0 auto 3.2rem;text-align:center}
.section-head .eyebrow{justify-content:center}
.section-head h2{font-size:clamp(1.9rem,4vw,3rem);color:var(--green-deep)}
.section-head p{color:var(--muted);margin-top:1rem;font-size:1.05rem}
.section-head.left{text-align:left;margin-left:0;margin-right:auto}
.section-head.left .eyebrow{justify-content:flex-start}
.divider-gold{width:64px;height:3px;background:linear-gradient(90deg,var(--gold),var(--gold-soft));
  border:0;margin:1.2rem auto 0;border-radius:3px}

/* buttons */
.btn{display:inline-flex;align-items:center;gap:.6rem;font-family:var(--font-display);
  font-weight:600;font-size:.92rem;letter-spacing:.01em;padding:1rem 2rem;border-radius:100px;
  transition:transform .3s var(--ease),box-shadow .3s var(--ease),background .3s var(--ease),color .3s var(--ease);
  white-space:nowrap}
.btn svg{width:18px;height:18px}
.btn-primary{background:var(--green);color:#fff;box-shadow:0 14px 30px -12px rgba(0,101,72,.6)}
.btn-primary:hover{background:var(--green-deep);transform:translateY(-3px);box-shadow:0 20px 40px -14px rgba(0,101,72,.7)}
.btn-gold{background:linear-gradient(135deg,var(--gold),var(--gold-soft));color:#fff;box-shadow:0 14px 30px -12px rgba(178,133,45,.6)}
.btn-gold:hover{transform:translateY(-3px);box-shadow:0 20px 44px -14px rgba(178,133,45,.7)}
.btn-ghost{background:transparent;color:var(--green-deep);border:1.5px solid var(--green)}
.btn-ghost:hover{background:var(--green);color:#fff;transform:translateY(-3px)}
.btn-light{background:rgba(255,255,255,.14);color:#fff;border:1.5px solid rgba(255,255,255,.45);backdrop-filter:blur(6px)}
.btn-light:hover{background:#fff;color:var(--green-deep);transform:translateY(-3px)}

/* =================================================================
   HEADER / NAV
   ================================================================= */
.site-header{position:fixed;top:0;left:0;right:0;z-index:100;
  padding:1.1rem 0;transition:all .4s var(--ease)}
.site-header .header-inner{display:flex;align-items:center;justify-content:space-between;gap:2rem}
.brand-logo{height:58px;width:auto;transition:height .3s var(--ease)}
.has-hero .site-header:not(.scrolled) .brand-logo{filter:brightness(0) invert(1)}
.main-nav{display:flex;align-items:center;gap:2.2rem}
.nav-menu{display:flex;align-items:center;gap:2rem;list-style:none}
.nav-menu a{font-family:var(--font-display);font-weight:500;font-size:.93rem;color:#fff;
  position:relative;padding:.3rem 0;transition:color .25s}
.nav-menu a::after{content:"";position:absolute;left:0;bottom:-2px;width:0;height:2px;
  background:var(--gold);transition:width .3s var(--ease)}
.nav-menu a:hover::after,.nav-menu a.is-active::after{width:100%}

.site-header.scrolled{background:rgba(255,255,255,.96);backdrop-filter:blur(14px);
  box-shadow:0 8px 30px -18px rgba(0,67,47,.35);padding:.7rem 0}
.site-header.scrolled .brand-logo{height:50px}
.site-header.scrolled .nav-menu a{color:var(--ink)}
.site-header.scrolled .nav-menu a.is-active{color:var(--green)}
.site-header.scrolled .nav-toggle span{background:var(--green-deep)}

body:not(.has-hero) .site-header{background:rgba(255,255,255,.96);backdrop-filter:blur(14px);
  box-shadow:0 8px 30px -18px rgba(0,67,47,.22);position:fixed}
body:not(.has-hero) .nav-menu a{color:var(--ink)}
body:not(.has-hero) .nav-menu a.is-active{color:var(--green)}
body:not(.has-hero) .nav-toggle span{background:var(--green-deep)}

.nav-toggle{display:none;flex-direction:column;gap:5px;padding:8px;z-index:120}
.nav-toggle span{width:26px;height:2px;background:#fff;border-radius:2px;transition:all .3s var(--ease)}
.nav-toggle.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-toggle.open span:nth-child(2){opacity:0}
.nav-toggle.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* =================================================================
   HERO (banner: yeşil foto kama + beyaz panel + bina/kuş/yaprak)
   ================================================================= */
.hero{position:relative;min-height:clamp(650px,72vh,840px);background:#fff;overflow:hidden;isolation:isolate;display:grid}

/* sol düz yeşil kama (sabit) */
.hero-green{position:absolute;inset:0;z-index:0;
  background:linear-gradient(135deg,#00533b 0%,#00432f 60%,#013726 100%);
  clip-path:polygon(0 0, 72% 0, 58% 100%, 0 100%)}

/* slaytlar (metin + bina) */
.hero-slider{position:relative;z-index:2;grid-area:1/1;display:grid;align-items:stretch}
.hero-slide{grid-area:1/1;position:relative;opacity:0;visibility:hidden;transition:opacity 1s var(--ease),visibility 0s linear 1s;display:flex;align-items:center}
.hero-slide.is-active{opacity:1;visibility:visible;z-index:1;transition:opacity 1s var(--ease),visibility 0s linear 0s}

/* altın diyagonal bant */
.hero-wedge{position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(135deg,var(--gold),var(--gold-soft));
  clip-path:polygon(72% 0, 76% 0, 62% 100%, 58% 100%)}

/* sağ beyaz alandaki bina (her slaytta ayrı görsel) */
.slide-bina{position:absolute;top:4rem;right:-2%;bottom:0;width:52%;max-width:1040px;
  object-fit:contain;object-position:right bottom;z-index:1;
  filter:drop-shadow(0 24px 40px rgba(0,0,0,.14))}
.hero-birds{position:absolute;right:32%;top:11%;width:24%;max-width:300px;z-index:3;opacity:.92;pointer-events:none}

/* yapraklar sadece sağ beyaz alanda */
.hero-leaves-img{position:absolute;right:0;left:auto;top:0;width:46%;height:100%;object-fit:cover;object-position:left center;z-index:4;pointer-events:none;opacity:.95}

/* metin */
.hero-slide .container{width:100%}
.hero-inner{position:relative;z-index:3;max-width:600px;margin:0;padding:6.5rem 0 3.2rem;text-align:left}
.hero h1{font-size:clamp(2.3rem,4.4vw,3.9rem);font-weight:700;line-height:1.06;letter-spacing:-.01em;color:#fff}
.hero h1 .accent{color:var(--gold-soft)}
.hero-slogan{font-size:clamp(1rem,1.6vw,1.2rem);font-weight:300;color:rgba(255,255,255,.9);margin-top:1rem;max-width:500px;line-height:1.55}
.hero-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.6rem}
.hero-actions .btn{padding:.82rem 1.5rem;font-size:.9rem}
.hero-meta{display:flex;flex-wrap:wrap;gap:1.9rem;margin-top:1.9rem;padding-top:1.3rem;border-top:1px solid rgba(255,255,255,.2)}
.hero-meta .m-num{font-family:var(--font-display);font-weight:700;font-size:1.65rem;color:#fff;line-height:1}
.hero-meta .m-num span{color:var(--gold-soft)}
.hero-meta .m-lbl{font-size:.8rem;color:rgba(255,255,255,.7);margin-top:.35rem}

/* slider kontrolleri */
.hero-dots{display:none}
.hero-nav{position:absolute;inset:0;z-index:6;pointer-events:none}
.hero-arrow{position:absolute;top:50%;transform:translateY(-50%);pointer-events:auto;
  width:48px;height:48px;border-radius:50%;display:grid;place-items:center;cursor:pointer;
  transition:background .25s var(--ease),border-color .25s var(--ease),color .25s var(--ease),transform .25s var(--ease)}
.hero-arrow svg{width:20px;height:20px}
/* sol ok: yeşil zemin üstünde */
.hero-arrow.prev{left:2.4%;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.38);color:rgba(255,255,255,.9)}
/* sağ ok: beyaz alan üstünde */
.hero-arrow.next{right:2.4%;background:rgba(255,255,255,.8);border:1px solid rgba(0,67,47,.16);color:var(--green-deep);
  box-shadow:0 6px 18px rgba(0,0,0,.08)}
.hero-arrow:hover{background:var(--gold);border-color:var(--gold);color:#fff;transform:translateY(-50%) scale(1.08)}

@media (max-width:920px){
  .hero{min-height:auto}
  .hero-green{clip-path:none}
  .hero-wedge,.slide-bina,.hero-birds,.hero-leaves-img{display:none}
  .hero-inner{padding:7.5rem 0 5.5rem;max-width:none}
  .hero-arrow{width:40px;height:40px}
  .hero-arrow.prev{left:3%}
  .hero-arrow.next{right:3%;background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.38);color:#fff;box-shadow:none}
}

/* =================================================================
   GENEL BÖLÜM DÜZENİ
   ================================================================= */
.section{padding:6.5rem 0}
.section.tight{padding:4.5rem 0}
.section.bg-mist{background:var(--green-mist)}
.section.bg-cream{background:var(--cream)}
.leaf-deco{position:absolute;pointer-events:none;opacity:.35;z-index:0}

/* intro split ----------------------------------------------------- */
.intro-split{display:grid;grid-template-columns:1.05fr 1fr;gap:4rem;align-items:center}
.intro-split .media{position:relative;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);
  aspect-ratio:5/4;background:linear-gradient(135deg,#0a7a57,#00432f)}
.intro-split .media img{width:100%;height:100%;object-fit:cover}
.intro-split .media .badge-float{position:absolute;left:1.4rem;bottom:1.4rem;background:#fff;color:var(--green-deep);
  padding:1rem 1.3rem;border-radius:14px;box-shadow:var(--shadow);font-family:var(--font-display)}
.intro-split .media .badge-float strong{display:block;font-size:1.7rem;color:var(--gold)}
.intro-text h2{font-size:clamp(1.8rem,3.6vw,2.7rem);color:var(--green-deep);margin-bottom:1.2rem}
.intro-text p{color:var(--muted);margin-bottom:1rem}
.intro-text .btn{margin-top:1.4rem}

/* daire tipi band ------------------------------------------------- */
.type-band{display:grid;grid-template-columns:repeat(4,1fr);gap:1.6rem}
.type-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:22px;
  padding:2.6rem 1.6rem 2rem;text-align:center;overflow:hidden;
  transition:transform .4s var(--ease),box-shadow .4s var(--ease),border-color .4s}
.type-card::before{content:"";position:absolute;left:0;top:0;right:0;height:0;
  background:linear-gradient(135deg,var(--green),var(--green-deep));transition:height .4s var(--ease);z-index:0}
.type-card>*{position:relative;z-index:1}
.type-card .type-num{position:absolute;top:.7rem;right:1.1rem;font-family:var(--font-display);font-weight:800;
  font-size:2.4rem;color:var(--green-mist);line-height:1;z-index:0;transition:color .4s var(--ease)}
.type-icon{width:72px;height:72px;margin:0 auto 1.3rem;border-radius:20px;display:grid;place-items:center;
  background:var(--green-mist);color:var(--green);transition:all .4s var(--ease)}
.type-icon svg{width:34px;height:34px}
.type-card h3{font-size:1.7rem;color:var(--green-deep);transition:color .4s var(--ease)}
.type-card p{color:var(--muted);font-size:.9rem;margin-top:.4rem;transition:color .4s var(--ease)}
.type-card:hover{transform:translateY(-10px);box-shadow:var(--shadow-lg);border-color:transparent}
.type-card:hover::before{height:100%}
.type-card:hover .type-icon{background:rgba(255,255,255,.16);color:#fff}
.type-card:hover h3{color:#fff}
.type-card:hover p{color:rgba(255,255,255,.85)}
.type-card:hover .type-num{color:rgba(255,255,255,.18)}

/* hakkımızda (anasayfa) */
.about-split{display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(2rem,5vw,4.5rem);align-items:center}
.about-media{position:relative;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);aspect-ratio:4/3}
.about-media img{width:100%;height:100%;object-fit:cover}
.about-badge{position:absolute;left:1.3rem;bottom:1.3rem;background:#fff;color:var(--green-deep);
  padding:.9rem 1.3rem;border-radius:14px;box-shadow:var(--shadow);font-family:var(--font-display);display:flex;align-items:baseline;gap:.3rem}
.about-badge strong{font-size:1.8rem;color:var(--gold)}
.about-badge span{font-size:.8rem;color:var(--muted)}
.about-text h2{font-size:clamp(1.9rem,3.8vw,2.8rem);color:var(--green-deep)}
.about-text p{color:var(--muted);margin-bottom:1rem}
.about-actions{display:flex;gap:1rem;flex-wrap:wrap;margin-top:1.6rem}
@media (max-width:880px){.about-split{grid-template-columns:1fr}}

/* =================================================================
   LEAD / İLGİ FORMU
   ================================================================= */
.lead-section{position:relative;overflow:hidden;
  background:linear-gradient(135deg,#00533b,#00432f 60%,#013726);color:#fff;padding:4rem 0}
.lead-section .leaf-deco{opacity:.18}
.lead-wrap{display:grid;grid-template-columns:1fr 1.1fr;gap:3.4rem;align-items:center;position:relative;z-index:2;max-width:1000px;margin:0 auto}
.lead-copy .eyebrow{color:var(--gold-soft)}
.lead-copy h2{font-size:clamp(1.9rem,3.6vw,2.8rem);line-height:1.1}
.lead-copy p{color:rgba(255,255,255,.82);margin-top:1.2rem;max-width:440px}
.lead-points{list-style:none;margin-top:1.8rem;display:grid;gap:.9rem}
.lead-points li{display:flex;gap:.7rem;align-items:flex-start;color:rgba(255,255,255,.9);font-size:.95rem}
.lead-points svg{width:20px;height:20px;color:var(--gold-soft);flex:0 0 auto;margin-top:2px}

.lead-card{background:#fff;border-radius:var(--radius);padding:2rem;box-shadow:var(--shadow-lg);color:var(--ink)}
.lead-card h3{font-size:1.4rem;color:var(--green-deep);margin-bottom:.4rem}
.lead-card .sub{color:var(--muted);font-size:.9rem;margin-bottom:1.1rem}
.lead-grid{display:grid;grid-template-columns:1fr 1fr;gap:.85rem}
.lead-grid .full{grid-column:1/-1}
.field{display:flex;flex-direction:column;gap:.4rem}
.field label{font-family:var(--font-display);font-weight:600;font-size:.78rem;letter-spacing:.04em;
  text-transform:uppercase;color:var(--green-deep)}
.field input,.field select,.field textarea{font-family:var(--font-body);font-size:.95rem;color:var(--ink);
  padding:.85rem 1rem;border:1.5px solid var(--line);border-radius:12px;background:var(--cream);
  transition:border-color .2s,box-shadow .2s;width:100%}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--green);
  box-shadow:0 0 0 4px rgba(0,101,72,.1);background:#fff}
.field textarea{resize:vertical;min-height:70px}
.lead-card .btn{width:100%;justify-content:center;margin-top:.4rem}
.consent{font-size:.76rem;color:var(--muted);margin-top:.9rem;text-align:center}

/* =================================================================
   LOKASYON ŞERİDİ
   ================================================================= */
.loc-strip{display:flex;flex-wrap:wrap;justify-content:center;gap:0;border:1px solid var(--line);
  border-radius:100px;background:#fff;padding:.5rem;box-shadow:var(--shadow-sm);max-width:fit-content;margin:0 auto}
.loc-pill{font-family:var(--font-display);font-weight:600;font-size:.92rem;color:var(--green-deep);
  padding:.7rem 1.6rem;border-radius:100px;display:flex;align-items:center;gap:.5rem;transition:all .25s}
.loc-pill svg{width:16px;height:16px;color:var(--gold)}
.loc-pill:hover{background:var(--green);color:#fff}
.loc-pill:hover svg{color:#fff}

/* =================================================================
   PROJE KARTLARI
   ================================================================= */
.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}
.project-card{position:relative;border-radius:var(--radius);overflow:hidden;background:#fff;
  box-shadow:var(--shadow-sm);transition:transform .4s var(--ease),box-shadow .4s var(--ease);display:flex;flex-direction:column}
.project-card:hover{transform:translateY(-8px);box-shadow:var(--shadow)}
.project-card .media{position:relative;aspect-ratio:4/3;overflow:hidden}
.project-card .media img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}
.project-card:hover .media img{transform:scale(1.07)}
.project-card .badge{position:absolute;top:1rem;left:1rem;font-family:var(--font-display);font-weight:600;
  font-size:.72rem;letter-spacing:.04em;text-transform:uppercase;padding:.4rem .9rem;border-radius:100px;
  color:#fff;backdrop-filter:blur(4px)}
.badge.aktif{background:rgba(0,101,72,.92)}
.badge.tamamlandi{background:rgba(178,133,45,.92)}
.project-card .body{padding:1.5rem 1.6rem 1.7rem;flex:1;display:flex;flex-direction:column}
.project-card .loc{display:flex;align-items:center;gap:.4rem;color:var(--gold);font-size:.82rem;
  font-weight:500;margin-bottom:.5rem}
.project-card .loc svg{width:15px;height:15px}
.project-card h3{font-size:1.4rem;color:var(--green-deep);line-height:1.15}
.project-card .tip{color:var(--muted);font-size:.9rem;margin-top:.45rem}
.project-card .foot{margin-top:auto;padding-top:1.2rem;display:flex;align-items:center;justify-content:space-between}
.project-card .more{font-family:var(--font-display);font-weight:600;font-size:.86rem;color:var(--green);
  display:flex;align-items:center;gap:.4rem;transition:gap .25s}
.project-card:hover .more{gap:.8rem}
.project-card .more svg{width:16px;height:16px}

/* filter bar */
.filter-bar{display:flex;justify-content:center;gap:.6rem;flex-wrap:wrap;margin-bottom:3rem}
.filter-bar .pill{font-family:var(--font-display);font-weight:600;font-size:.88rem;color:var(--green-deep);
  padding:.7rem 1.5rem;border:1.5px solid var(--line);border-radius:100px;background:#fff;transition:all .25s}
.filter-bar .pill:hover{border-color:var(--green)}
.filter-bar .pill.is-active{background:var(--green);color:#fff;border-color:var(--green)}

/* =================================================================
   WHY-US / ÖZELLİKLER
   ================================================================= */
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}
.feature{background:#fff;border-radius:var(--radius);padding:2.2rem;border:1px solid var(--line);
  transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
.feature:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.feature .ic{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;margin-bottom:1.3rem;
  background:linear-gradient(135deg,var(--green),var(--green-deep));color:#fff}
.feature .ic svg{width:28px;height:28px}
.feature h3{font-size:1.25rem;color:var(--green-deep);margin-bottom:.6rem}
.feature p{color:var(--muted);font-size:.94rem}

/* stats strip */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;text-align:center}
.stat .num{font-family:var(--font-display);font-weight:800;font-size:clamp(2.2rem,4vw,3rem);color:var(--green);line-height:1}
.stat .num span{color:var(--gold)}
.stat .lbl{color:var(--muted);font-size:.9rem;margin-top:.4rem;letter-spacing:.02em}

/* =================================================================
   CTA BAND
   ================================================================= */
.cta-band{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--gold),#9a6f24);
  color:#fff;border-radius:calc(var(--radius) + 6px);padding:3.6rem;display:flex;align-items:center;
  justify-content:space-between;gap:2rem;flex-wrap:wrap;box-shadow:var(--shadow)}
.cta-band h2{font-size:clamp(1.6rem,3vw,2.3rem)}
.cta-band p{color:rgba(255,255,255,.9);margin-top:.5rem}
.cta-band .leaf-deco{opacity:.2}

/* eski token uyumluluğu (detay/galeri bileşenleri için) */
:root{--ink-soft:#37433c;--bone-2:#eef2ea;--gut:clamp(1.2rem,3vw,2rem);--shadow-detail:var(--shadow)}

/* =================================================================
   İÇ SAYFA HERO (kurumsal, projeler, iletişim, basın)
   ================================================================= */
.page-hero{position:relative;overflow:hidden;padding:10rem 0 4rem;color:#fff;background:#fff;min-height:300px}
.page-hero::before{content:"";position:absolute;inset:0;z-index:0;
  background:linear-gradient(120deg,#00533b,#00432f 70%,#013726);
  clip-path:polygon(0 0, 80% 0, 66% 100%, 0 100%)}
.page-hero::after{content:"";position:absolute;inset:0;z-index:1;
  background:linear-gradient(135deg,var(--gold),var(--gold-soft));
  clip-path:polygon(80% 0, 84% 0, 70% 100%, 66% 100%)}
.page-hero .ph-leaves{position:absolute;right:0;top:0;height:100%;width:36%;object-fit:cover;object-position:left center;z-index:2;pointer-events:none}
.page-hero .container{position:relative;z-index:3}
.page-hero .crumbs{font-size:.8rem;letter-spacing:.06em;color:rgba(255,255,255,.7)}
.page-hero .crumbs a:hover{color:var(--gold-soft)}
.page-hero h1{font-size:clamp(2.4rem,5.5vw,4rem);font-weight:800;margin-top:.7rem}
.page-hero p{color:rgba(255,255,255,.88);max-width:54ch;margin-top:1rem}
@media (max-width:720px){
  .page-hero::before{clip-path:none}
  .page-hero::after,.page-hero .ph-leaves{display:none}
}

/* =================================================================
   PROJE DETAY
   ================================================================= */
.detail-hero{position:relative;height:78vh;min-height:460px;overflow:hidden;color:#fff;display:flex;align-items:flex-end}
.detail-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.detail-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(0,40,28,.25),rgba(0,30,21,.78))}
.detail-hero .container{padding-bottom:clamp(2.5rem,6vw,5rem)}
.detail-hero h1{font-size:clamp(2.6rem,7vw,5rem);font-weight:800;margin-top:.6rem}
.detail-hero .loc{font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.85);display:inline-flex;gap:.5rem;align-items:center}
.detail-hero .badge{display:inline-flex;font-family:var(--font-display);font-weight:600;font-size:.72rem;
  letter-spacing:.04em;text-transform:uppercase;padding:.4rem .9rem;border-radius:100px;background:rgba(178,133,45,.9);color:#fff;margin-bottom:.4rem}

.detail-layout{display:grid;grid-template-columns:1fr 360px;gap:clamp(2rem,5vw,4.5rem);align-items:start}
.detail-desc p{font-size:1.1rem;color:var(--ink-soft);line-height:1.8;margin-bottom:1rem}

.video-stage{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:#000;border-radius:var(--radius);box-shadow:var(--shadow)}
.video-stage video,.video-stage iframe{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border:0}
.video-stage .overlay{position:absolute;inset:0;background:rgba(0,30,21,.32);transition:opacity .4s var(--ease)}
.video-stage.playing .overlay{opacity:0;pointer-events:none}
.video-stage .play-btn{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  width:92px;height:92px;border-radius:50%;border:1px solid rgba(255,255,255,.7);
  background:rgba(255,255,255,.1);backdrop-filter:blur(4px);color:#fff;display:grid;place-items:center;transition:all .3s var(--ease)}
.video-stage .play-btn:hover{background:var(--gold);border-color:var(--gold);transform:translate(-50%,-50%) scale(1.06)}
.video-stage .play-btn svg{width:26px;height:26px;margin-left:4px}

/* spec sheet */
.spec-sheet{border-top:2px solid var(--green);position:sticky;top:96px;align-self:start;background:#fff;border-radius:0 0 var(--radius) var(--radius);max-height:calc(100vh - 120px);overflow:auto}
.spec-foot{padding:1.3rem .6rem .4rem}
.spec-row{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:1rem;
  padding:1.15rem .6rem;border-bottom:1px solid var(--line);transition:background .25s var(--ease)}
.spec-row:hover{background:rgba(0,101,72,.05)}
.spec-row .ico{color:var(--green);display:grid;place-items:center}
.spec-row .ico svg{width:20px;height:20px;stroke-width:1.5}
.spec-row .lbl{font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.spec-row .val{font-size:.98rem;font-weight:500;color:var(--ink);text-align:right}
.spec-row.video-cta{cursor:pointer}
.video-cta .val{color:var(--green);position:relative;display:inline-flex;align-items:center;gap:.5rem}
.video-cta .val .txt{position:relative}
.video-cta .val .txt::after{content:"";position:absolute;left:0;bottom:-3px;height:1.5px;width:0;background:var(--gold);transition:width .3s var(--ease)}
.video-cta:hover .val .txt::after{width:100%}
.video-cta:hover .val{color:var(--gold)}
.video-cta .play-pulse{width:22px;height:22px;border-radius:50%;background:var(--green);display:grid;place-items:center;color:#fff;transition:background .3s var(--ease)}
.video-cta:hover .play-pulse{background:var(--gold);animation:pulse 1.4s var(--ease) infinite}
.video-cta .play-pulse svg{width:11px;height:11px;margin-left:1px}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(178,133,45,.5)}70%{box-shadow:0 0 0 9px rgba(178,133,45,0)}100%{box-shadow:0 0 0 0 rgba(178,133,45,0)}}

/* galleries */
.gallery-block{margin-top:clamp(2.5rem,6vw,4.5rem)}
.gallery-block h3{font-size:1.7rem;color:var(--green-deep);margin-bottom:1.4rem;display:flex;align-items:center;gap:1rem}
.gallery-block h3::before{content:"";width:28px;height:2px;background:var(--gold)}
.gallery-intro{color:var(--muted);max-width:80ch;margin:0 0 1.8rem;font-size:1.02rem;line-height:1.7}
.masonry{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.masonry .cell{overflow:hidden;cursor:zoom-in;position:relative;border-radius:14px;aspect-ratio:4/3}
.masonry .cell img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}
.masonry .cell:hover img{transform:scale(1.05)}
.masonry .cell::after{content:"";position:absolute;inset:0;background:rgba(0,101,72,0);transition:background .3s var(--ease)}
.masonry .cell:hover::after{background:rgba(0,101,72,.12)}
@media (max-width:900px){.masonry{grid-template-columns:repeat(3,1fr)}}
@media (max-width:620px){.masonry{grid-template-columns:repeat(2,1fr)}}
.plan-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}
.plan-grid .cell{background:#fff;border:1px solid var(--line);padding:1rem;cursor:zoom-in;border-radius:14px}
.plan-grid .cell img{width:100%}

/* lightbox */
.lightbox{position:fixed;inset:0;z-index:300;background:rgba(8,12,10,.95);display:none;align-items:center;justify-content:center}
.lightbox.open{display:flex}
.lightbox img{max-width:90vw;max-height:84vh;object-fit:contain;box-shadow:var(--shadow);border-radius:10px}
.lb-btn{position:absolute;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.3);color:#fff;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;transition:all .25s var(--ease)}
.lb-btn:hover{background:var(--gold);border-color:var(--gold)}
.lb-close{top:1.5rem;right:1.5rem}
.lb-prev{left:1.5rem;top:50%;transform:translateY(-50%)}
.lb-next{right:1.5rem;top:50%;transform:translateY(-50%)}
.lb-count{position:absolute;bottom:1.5rem;left:50%;transform:translateX(-50%);color:rgba(255,255,255,.7);font-size:.8rem;letter-spacing:.1em}

/* video modal */
.video-modal{position:fixed;inset:0;z-index:320;background:rgba(6,10,8,.72);backdrop-filter:blur(14px);display:none;align-items:center;justify-content:center;padding:var(--gut)}
.video-modal.open{display:flex}
.video-modal .vm-stage{width:min(1100px,100%);position:relative}
.video-modal .frame{width:100%;aspect-ratio:16/9;position:relative;box-shadow:var(--shadow);background:#000;border-radius:14px;overflow:hidden}
.video-modal .frame video,.video-modal .frame iframe{width:100%;height:100%;border:0}
.video-modal .vm-close{position:absolute;top:-3.4rem;right:0;color:#fff;display:inline-flex;align-items:center;gap:.5rem;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase}
.video-modal .vm-close:hover{color:var(--gold)}

/* map */
.map-embed{width:100%;flex:1 1 auto;min-height:320px;border:1px solid var(--line);overflow:hidden;margin-top:.4rem;border-radius:var(--radius)}
.map-embed iframe{width:100%;height:100%;border:0}

/* =================================================================
   İLETİŞİM
   ================================================================= */
.contact-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:3rem;align-items:stretch}
.contact-info{display:flex;flex-direction:column;gap:1.4rem;height:100%}
.contact-info .item{display:flex;gap:1rem;align-items:flex-start;background:#fff;border:1px solid var(--line);
  border-radius:var(--radius-sm);padding:1.3rem 1.5rem;box-shadow:var(--shadow-sm)}
.contact-info .item .ic{width:46px;height:46px;border-radius:12px;background:var(--green-mist);color:var(--green);
  display:grid;place-items:center;flex:0 0 auto}
.contact-info .item .ic svg{width:22px;height:22px}
.contact-info .item h4{font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:.2rem}
.contact-info .item p,.contact-info .item a{font-size:1rem;color:var(--ink);font-weight:500}
.contact-info .item a:hover{color:var(--green)}

/* =================================================================
   FOOTER
   ================================================================= */
.site-footer{background:var(--green-deep);color:rgba(255,255,255,.78);position:relative;overflow:hidden;margin-top:0}
.site-footer .leaf-deco{opacity:.12}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:2.5rem;padding-block:clamp(3.4rem,6vw,5rem);position:relative;z-index:2}
.footer-logo{height:52px;filter:brightness(0) invert(1);opacity:.95}
.footer-tagline{margin-top:1.1rem;font-family:var(--font-display);font-weight:600;font-size:1.15rem;color:#fff;line-height:1.4}
.footer-tagline .accent{color:var(--gold-soft)}
.site-footer h4{font-family:var(--font-display);font-size:.76rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-soft);margin-bottom:1.1rem}
.footer-nav ul{list-style:none;display:flex;flex-direction:column;gap:.6rem}
.footer-nav a:hover,.footer-contact a:hover{color:var(--gold-soft)}
.footer-contact address{font-style:normal;line-height:1.9}
.footer-contact .ftphone{font-family:var(--font-display);font-weight:700;font-size:1.2rem;color:#fff}
.footer-bottom{border-top:1px solid rgba(255,255,255,.14);position:relative;z-index:2}
.footer-bottom .container{display:flex;justify-content:space-between;align-items:center;padding-block:1.3rem;font-size:.8rem}
.admin-link{color:rgba(255,255,255,.5)}
.admin-link:hover{color:var(--gold-soft)}

/* reveal animation */
.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
.reveal.in{opacity:1;transform:none}

/* =================================================================
   ORTAK: form-field, alert, split, lede, tag
   ================================================================= */
.form-field{margin-bottom:1.3rem}
.form-field label{display:block;font-family:var(--font-display);font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:.5rem}
.form-field input,.form-field textarea,.form-field select{width:100%;padding:.9rem 1rem;font-family:inherit;font-size:.98rem;
  background:var(--white);border:1.5px solid var(--line);border-radius:12px;color:var(--ink);transition:border-color .25s var(--ease),box-shadow .25s var(--ease)}
.form-field input:focus,.form-field textarea:focus,.form-field select:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 4px rgba(0,101,72,.1)}
.form-field textarea{resize:vertical;min-height:140px}
.alert{padding:.9rem 1.2rem;margin-bottom:1.4rem;font-size:.92rem;border-left:3px solid;border-radius:8px}
.alert.ok{background:rgba(0,101,72,.08);border-color:var(--green);color:var(--green-deep)}
.alert.err{background:rgba(178,40,40,.08);border-color:#b22828;color:#8e1f1f}
.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,5rem);align-items:center}
.split-media{position:relative;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}
.split-media img{width:100%;aspect-ratio:4/5;object-fit:cover}
.split-media .tag{position:absolute;left:1.2rem;bottom:1.2rem;background:#fff;color:var(--green-deep);padding:.7rem 1.1rem;border-radius:10px;font-family:var(--font-display);font-weight:600;box-shadow:var(--shadow-sm)}
.lede{font-size:clamp(1.1rem,2vw,1.4rem);font-weight:300;line-height:1.5;color:var(--ink-soft)}

/* =================================================================
   ADMIN PANEL — koyu tema (mevcut işlevsellik korunur)
   ================================================================= */
body.admin{background:#15161a;color:#e7e7e5;font-family:var(--font-body)}
.admin-shell{display:grid;grid-template-columns:248px 1fr;min-height:100vh}
.admin-side{background:#1d1f25;border-right:1px solid rgba(255,255,255,.06);padding:1.6rem 1.2rem;display:flex;flex-direction:column}
.admin-side .brand-logo{height:38px;filter:brightness(0) invert(1);margin-bottom:2rem}
.admin-side nav{display:flex;flex-direction:column;gap:.3rem}
.admin-side nav a{padding:.7rem .9rem;font-size:.86rem;color:rgba(255,255,255,.66);border-radius:8px;display:flex;align-items:center;gap:.7rem;transition:all .2s var(--ease)}
.admin-side nav a:hover{background:rgba(255,255,255,.05);color:#fff}
.admin-side nav a.active{background:var(--green);color:#fff}
.admin-side .side-foot{margin-top:auto;font-size:.78rem}
.admin-side .side-foot a{color:rgba(255,255,255,.5)}
.admin-side .side-foot a:hover{color:var(--gold-soft)}
.admin-main{padding:2.2rem clamp(1.4rem,4vw,3rem)}
.admin-topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;gap:1rem}
.admin-topbar h1{font-family:var(--font-display);font-size:1.5rem;font-weight:700;letter-spacing:-.01em}
.admin-topbar .muted{color:rgba(255,255,255,.5);font-size:.85rem}
.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:2.4rem}
.kpi{background:#1d1f25;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:1.4rem}
.kpi .num{font-family:var(--font-display);font-size:2.2rem;font-weight:700;color:#fff;line-height:1}
.kpi .lbl{font-size:.78rem;color:rgba(255,255,255,.55);margin-top:.5rem;letter-spacing:.04em}
.kpi.accent{border-color:rgba(0,101,72,.5)}
.kpi.accent .num{color:#3fd29b}
.admin-card{background:#1d1f25;border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:1.6rem}
.admin-table{width:100%;border-collapse:collapse}
.admin-table th{text-align:left;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.45);padding:.7rem .8rem;border-bottom:1px solid rgba(255,255,255,.08)}
.admin-table td{padding:.85rem .8rem;border-bottom:1px solid rgba(255,255,255,.05);font-size:.9rem}
.admin-table tr:hover td{background:rgba(255,255,255,.03)}
.admin-table .thumb{width:56px;height:42px;object-fit:cover;border-radius:6px}
.pill{font-size:.7rem;padding:.25rem .7rem;border-radius:999px;letter-spacing:.04em}
.pill.aktif{background:rgba(0,101,72,.22);color:#4cd9a4}
.pill.tamamlandi{background:rgba(178,133,45,.22);color:#d9b15c}
.admin-form .form-field label{color:rgba(255,255,255,.6)}
.admin-form input,.admin-form textarea,.admin-form select{background:#15161a;border:1px solid rgba(255,255,255,.12);color:#fff;border-radius:8px}
.admin-form input:focus,.admin-form textarea:focus,.admin-form select:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(0,101,72,.25)}
.admin-form .grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}
.field-hint{font-size:.76rem;color:rgba(255,255,255,.4);margin-top:.35rem}
.upload-zone{border:1.5px dashed rgba(255,255,255,.18);border-radius:10px;padding:1.4rem;text-align:center;transition:border-color .25s var(--ease)}
.upload-zone:hover{border-color:var(--green)}
.upload-zone input{display:none}
.upload-zone .lbl{color:var(--gold-soft);font-size:.86rem;cursor:pointer}
.preview-grid{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1rem}
.preview-grid img{width:78px;height:60px;object-fit:cover;border-radius:6px;border:1px solid rgba(255,255,255,.12)}
.preview-grid.existing{gap:.9rem}
.existing-media{display:inline-flex;flex-direction:column;gap:.4rem;align-items:flex-start;cursor:pointer}
.existing-media img{width:96px;height:72px;object-fit:cover;border-radius:6px;border:1px solid rgba(255,255,255,.12);transition:opacity .2s var(--ease)}
.existing-media .rm{display:inline-flex;align-items:center;gap:.35rem;font-size:.72rem;color:rgba(255,255,255,.55)}
.existing-media .rm input{accent-color:#b22828}
.existing-media:has(.rm input:checked) img{opacity:.32;outline:2px solid #b22828}
/* Galeri sürükle-bırak sıralama */
.preview-grid.sortable .sort-media{position:relative;cursor:grab;border-radius:8px;transition:transform .12s var(--ease)}
.preview-grid.sortable .sort-media:active{cursor:grabbing}
.preview-grid.sortable .sort-media.dragging{opacity:.4}
.preview-grid.sortable .sort-media.drop-target img{outline:2px solid var(--gold,#b2852d);outline-offset:1px}
.preview-grid.sortable .sort-media .drag-badge{position:absolute;top:4px;left:4px;z-index:2;
  background:rgba(0,0,0,.55);color:#fff;font-size:.7rem;line-height:1;letter-spacing:-1px;
  padding:3px 5px;border-radius:5px;pointer-events:none}
.preview-grid.sortable .sort-media:has(.rm input:checked){cursor:default}
.alert.info{background:rgba(178,133,45,.12);border-color:var(--gold);color:#d9b15c}
.confirm-block{display:flex;gap:1.1rem;align-items:center}
.confirm-thumb{width:120px;height:90px;object-fit:cover;border-radius:8px;border:1px solid rgba(255,255,255,.12);flex:0 0 auto}
.admin-btn{background:var(--green);color:#fff;padding:.9rem 1.8rem;border-radius:9px;font-family:var(--font-display);font-size:.86rem;font-weight:600;letter-spacing:.02em;transition:background .25s var(--ease)}
.admin-btn:hover{background:var(--green-deep)}
.admin-btn.ghost{background:transparent;border:1px solid rgba(255,255,255,.2)}
.admin-btn.danger{background:#b22828}
.admin-btn.danger:hover{background:#8e1f1f}
.section-label{font-family:var(--font-display);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-soft);margin:2rem 0 1rem;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.08)}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}
.login-wrap{min-height:100vh;display:grid;place-items:center;padding:var(--gut)}
.login-card{width:100%;max-width:400px;background:#1d1f25;border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:2.4rem}
.login-card .brand-logo{height:44px;filter:brightness(0) invert(1);margin:0 auto 1.6rem}
.login-card h1{text-align:center;font-family:var(--font-display);font-size:1.25rem;font-weight:700;margin-bottom:.4rem}
.login-card .sub{text-align:center;color:rgba(255,255,255,.5);font-size:.86rem;margin-bottom:1.8rem}
.muted{color:var(--muted)}

/* =================================================================
   RESPONSIVE
   ================================================================= */
@media (max-width:1080px){
  .intro-split,.lead-wrap{grid-template-columns:1fr;gap:2.5rem}
  .type-band{grid-template-columns:repeat(2,1fr)}
  .project-grid,.feature-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:980px){
  .detail-layout{grid-template-columns:1fr}
  .spec-sheet{position:static}
  .split,.contact-grid{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr 1fr}
  .stats{grid-template-columns:repeat(2,1fr)}
  .lead-grid{grid-template-columns:1fr}
  .admin-shell{grid-template-columns:1fr}
  .admin-side{flex-direction:row;align-items:center;overflow-x:auto}
  .admin-side .brand-logo{margin:0 1rem 0 0}
  .admin-side nav{flex-direction:row}
  .admin-side .side-foot{margin:0 0 0 auto}
  .kpi-grid{grid-template-columns:repeat(2,1fr)}
  .admin-form .grid-2{grid-template-columns:1fr}
}
@media (max-width:960px){
  .nav-toggle{display:flex}
  .nav-menu{position:fixed;inset:0 0 0 auto;width:min(80vw,330px);background:var(--white);
    flex-direction:column;align-items:flex-start;justify-content:center;gap:1.5rem;
    padding:3rem 2.2rem;transform:translateX(100%);transition:transform .4s var(--ease);box-shadow:var(--shadow-lg)}
  .nav-menu.open{transform:translateX(0)}
  .nav-menu a{color:var(--ink) !important;font-size:1.05rem}
}
@media (max-width:720px){
  .type-band,.project-grid,.feature-grid{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr}
  .footer-bottom .container{flex-direction:column;gap:.5rem;text-align:center}
  .cta-band{flex-direction:column;text-align:center;padding:2.5rem 1.8rem}
  .hero-inner{padding-top:7.5rem}
  .hero-meta{gap:1.4rem}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms !important;transition-duration:.001ms !important;scroll-behavior:auto !important}
  .reveal{opacity:1;transform:none}
  .leaf{animation:none}
}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}

/* =================================================================
   BASINDA BİZ (press)
   ================================================================= */
.press-featured{display:grid;grid-template-columns:1.1fr 1fr;gap:0;background:#fff;border:1px solid var(--line);
  border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);margin-bottom:3rem}
.press-featured-media{position:relative;min-height:340px;overflow:hidden}
.press-featured-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.press-featured:hover .press-featured-media img{transform:scale(1.05)}
.press-featured-body{padding:clamp(1.8rem,3.5vw,3rem);display:flex;flex-direction:column;justify-content:center}
.press-featured-body h2{font-size:clamp(1.5rem,3vw,2.2rem);color:var(--green-deep);margin:.6rem 0 1rem;line-height:1.15}
.press-featured-body p{color:var(--muted);margin-bottom:1.6rem}
.press-featured-body .btn{align-self:flex-start}

.press-tag{position:absolute;top:1rem;left:1rem;z-index:2;font-family:var(--font-display);font-weight:600;
  font-size:.72rem;letter-spacing:.04em;text-transform:uppercase;color:#fff;background:rgba(0,101,72,.92);
  padding:.4rem .9rem;border-radius:100px;backdrop-filter:blur(4px)}
.press-date{display:inline-flex;align-items:center;gap:.45rem;color:var(--gold);font-size:.82rem;font-weight:500}
.press-date svg{width:15px;height:15px}

.press-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}
.press-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;
  box-shadow:var(--shadow-sm);transition:transform .4s var(--ease),box-shadow .4s var(--ease);display:flex;flex-direction:column}
.press-card:hover{transform:translateY(-8px);box-shadow:var(--shadow)}
.press-card-media{position:relative;aspect-ratio:16/10;overflow:hidden}
.press-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}
.press-card:hover .press-card-media img{transform:scale(1.06)}
.press-card-body{padding:1.5rem 1.6rem 1.7rem;flex:1;display:flex;flex-direction:column}
.press-card-body h3{font-size:1.2rem;color:var(--green-deep);margin:.5rem 0 .6rem;line-height:1.25}
.press-card-body p{color:var(--muted);font-size:.92rem;margin-bottom:1.1rem;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.press-more{margin-top:auto;font-family:var(--font-display);font-weight:600;font-size:.86rem;color:var(--green);
  display:inline-flex;align-items:center;gap:.4rem;transition:gap .25s}
.press-more:hover{gap:.8rem}
.press-more svg{width:16px;height:16px}

@media (max-width:980px){.press-featured{grid-template-columns:1fr}.press-featured-media{min-height:240px;aspect-ratio:16/9}.press-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:720px){.press-grid{grid-template-columns:1fr}}

/* =================================================================
   KURUMSAL — Vizyon & Misyon
   ================================================================= */
.vm-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}
.vm-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:2.6rem;
  position:relative;overflow:hidden;box-shadow:var(--shadow-sm);transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
.vm-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.vm-card::after{content:"";position:absolute;right:-40px;bottom:-40px;width:160px;height:160px;border-radius:50%;
  background:radial-gradient(circle,rgba(0,101,72,.06),transparent 70%)}
.vm-ic{width:64px;height:64px;border-radius:18px;display:grid;place-items:center;margin-bottom:1.4rem;
  background:linear-gradient(135deg,var(--green),var(--green-deep));color:#fff}
.vm-ic svg{width:30px;height:30px}
.vm-card h3{font-size:1.6rem;color:var(--green-deep);margin-bottom:.8rem}
.vm-card p{color:var(--muted);position:relative;z-index:1}
@media (max-width:880px){.vm-grid{grid-template-columns:1fr}}

/* =================================================================
   KURUMSAL KİMLİK (brand page)
   ================================================================= */
.brand-dl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}
.brand-dl{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm);transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
.brand-dl:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.brand-prev{height:170px;display:grid;place-items:center;padding:2rem}
.brand-prev.light{background:repeating-conic-gradient(#f3f5f0 0% 25%,#fff 0% 50%) 50% / 22px 22px}
.brand-prev.dark{background:linear-gradient(135deg,#00533b,#00432f)}
.brand-prev img{max-height:90px;width:auto}
.brand-dl-body{padding:1.4rem 1.6rem 1.7rem}
.brand-dl-body h3{font-size:1.2rem;color:var(--green-deep)}
.brand-dl-body p{color:var(--muted);font-size:.88rem;margin:.3rem 0 1.1rem}
.swatch-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1.2rem}
.swatch{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;text-align:center;padding-bottom:1rem;box-shadow:var(--shadow-sm)}
.swatch .chip{display:block;height:90px;width:100%}
.swatch strong{display:block;font-family:var(--font-display);color:var(--green-deep);margin-top:.8rem;font-size:.92rem}
.swatch code{color:var(--muted);font-size:.8rem;letter-spacing:.04em}
.type-spec{display:grid;gap:1.2rem}
.type-spec>div{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid var(--line);padding-bottom:1rem}
.type-spec .t-name{font-size:1.9rem;color:var(--ink)}
.type-spec .t-use{color:var(--muted);font-size:.86rem}
.rules-list{list-style:none;display:grid;gap:.9rem}
.rules-list li{display:flex;gap:.7rem;align-items:flex-start;color:var(--ink);font-size:.96rem}
.rules-list svg{width:20px;height:20px;color:var(--green);flex:0 0 auto;margin-top:2px}
@media (max-width:980px){.brand-dl-grid{grid-template-columns:1fr 1fr}.swatch-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:680px){.brand-dl-grid,.swatch-grid{grid-template-columns:1fr 1fr}}

/* kurumsal kimlik renk şeridi */
.swatch-row{display:flex;gap:.7rem}
.swatch-row .sw{width:46px;height:46px;border-radius:12px;box-shadow:var(--shadow-sm)}

/* =================================================================
   PORTFÖY (yatay kart slider)
   ================================================================= */
.pf-section{background:var(--white);
  background-image:radial-gradient(rgba(0,67,47,.05) 1px,transparent 1px);background-size:22px 22px;overflow:hidden;
  border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.pf-wrap{display:grid;grid-template-columns:330px 1fr;gap:3rem;align-items:center}
.pf-eyebrow{display:inline-flex;align-items:center;gap:.5rem;background:var(--gold-tint);color:var(--gold);
  font-family:var(--font-display);font-weight:700;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;
  padding:.5rem 1rem;border-radius:10px;margin-bottom:1.2rem}
.pf-eyebrow svg{width:16px;height:16px}
.pf-intro h2{font-size:clamp(1.9rem,3.4vw,2.7rem);color:var(--green-deep);line-height:1.08}
.pf-intro h2 .u-accent{position:relative;display:inline-block}
.pf-intro h2 .u-accent::after{content:"";position:absolute;left:0;right:0;bottom:.05em;height:.28em;
  background:linear-gradient(90deg,var(--gold),var(--gold-soft));opacity:.55;border-radius:4px;z-index:-1}
.pf-intro p{color:var(--muted);margin-top:1.2rem}
.pf-nav{display:flex;gap:.8rem;margin-top:1.8rem}
.pf-arrow{width:54px;height:54px;border:1px solid var(--line);background:#fff;border-radius:14px;
  display:grid;place-items:center;color:var(--green-deep);transition:all .25s var(--ease)}
.pf-arrow:hover{background:var(--green);color:#fff;border-color:var(--green);transform:translateY(-2px)}
.pf-arrow svg{width:22px;height:22px}
.pf-arrow:disabled{opacity:.4;cursor:default;transform:none;background:#fff;color:var(--green-deep);border-color:var(--line)}

.pf-track-wrap{overflow:hidden}
.pf-track{display:flex;gap:1.8rem;overflow-x:auto;scroll-behavior:smooth;padding-bottom:.5rem;
  scrollbar-width:none;-ms-overflow-style:none}
.pf-track::-webkit-scrollbar{display:none}
.pf-card{flex:0 0 340px;scroll-snap-align:start}
.pf-card-img{position:relative;aspect-ratio:4/3;border-radius:16px;overflow:hidden;box-shadow:var(--shadow-sm)}
.pf-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}
.pf-card:hover .pf-card-img img{transform:scale(1.06)}
.pf-badge{display:inline-block;margin:1.1rem 0 .6rem;font-family:var(--font-display);font-weight:700;
  font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gold)}
.pf-badge.tamamlandi{color:var(--green)}
.pf-card h3{font-family:var(--font-display);font-weight:700;font-size:1.35rem;color:var(--ink);text-transform:uppercase;letter-spacing:.01em}
.pf-loc{display:inline-flex;align-items:center;gap:.4rem;color:var(--muted);font-size:.86rem;margin-top:.5rem}
.pf-loc svg{width:14px;height:14px;color:var(--gold)}
@media (max-width:880px){
  .pf-wrap{grid-template-columns:1fr;gap:2rem}
  .pf-card{flex-basis:78%}
}

/* =================================================================
   İNSAN KAYNAKLARI + KVKK
   ================================================================= */
.hr-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:4rem;align-items:start}
.hr-info h2,.hr-form-card h2{font-size:clamp(1.7rem,3.4vw,2.4rem);color:var(--green-deep);margin-bottom:1rem}
.hr-contact{display:grid;gap:1.2rem;margin-top:1rem}
.hr-contact .item{display:flex;gap:1rem;align-items:center}
.hr-contact .ic{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;
  background:var(--green-mist);color:var(--green)}
.hr-contact .ic svg{width:22px;height:22px}
.hr-contact a:hover{color:var(--green)}
.hr-form-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:2.4rem;box-shadow:var(--shadow)}
.hr-form-card .field{margin-bottom:1rem}
.hr-form-card input,.hr-form-card textarea{width:100%;padding:1rem 1.1rem;font-family:inherit;font-size:.98rem;
  background:var(--cream);border:1.5px solid var(--line);border-radius:12px;color:var(--ink);transition:border-color .2s,box-shadow .2s}
.hr-form-card input:focus,.hr-form-card textarea:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 4px rgba(0,101,72,.1);background:#fff}
.cv-upload{display:flex;align-items:center;gap:.8rem;width:100%;padding:1.2rem 1.3rem;margin-top:.4rem;
  border:1.6px dashed var(--line);border-radius:12px;color:var(--muted);font-size:.92rem;cursor:pointer;transition:all .25s var(--ease)}
.cv-upload:hover{border-color:var(--green);color:var(--green-deep)}
.cv-upload.has-file{border-style:solid;border-color:var(--green);color:var(--green-deep);background:var(--green-mist)}
.cv-upload svg{width:20px;height:20px;transform:rotate(-90deg);flex:0 0 auto}
.consent-box{margin-top:1.4rem;background:var(--cream);border:1px solid var(--line);border-radius:12px;padding:1.2rem;display:grid;gap:.9rem}
.consent-row{display:flex;gap:.7rem;align-items:flex-start;font-size:.88rem;color:var(--muted);line-height:1.5;cursor:pointer}
.consent-row input{margin-top:.2rem;width:18px;height:18px;accent-color:var(--green);flex:0 0 auto}
.consent-row a{color:var(--green);font-weight:500;text-decoration:underline}
.legal-block h2{display:flex;align-items:center;gap:.7rem;font-size:1.5rem;color:var(--green);margin-bottom:1.4rem}
.legal-block h2 svg{width:26px;height:26px}
.legal-block h3{font-size:1.15rem;color:var(--green-deep);margin:1.8rem 0 .6rem}
.legal-block p{color:var(--muted);margin-bottom:1rem;line-height:1.8}
.legal-contact{margin-top:2rem;padding-top:1.4rem;border-top:1px solid var(--line);color:var(--ink)!important}
.legal-contact a{color:var(--green);font-weight:500}
@media (max-width:880px){.hr-grid{grid-template-columns:1fr;gap:2.5rem}}

/* =================================================================
   DAİRE TİPLERİ — koyu zemin + flu görsel (placeholder)
   ================================================================= */
.tipler-dark{position:relative;overflow:hidden;background:var(--green-deep)}
.tipler-bg{position:absolute;inset:0;z-index:0;
  background:url("../img/tipler-bg.jpg") center/cover no-repeat;
  filter:blur(9px) brightness(.55);transform:scale(1.12)}
.tipler-dark::after{content:"";position:absolute;inset:0;z-index:0;
  background:linear-gradient(160deg,rgba(0,67,47,.82) 0%,rgba(1,55,38,.9) 55%,rgba(0,40,28,.95) 100%)}
.tipler-dark>.container{position:relative;z-index:1}
.tipler-dark .eyebrow{color:var(--gold-soft)}
.tipler-dark .eyebrow::before,.tipler-dark .eyebrow::after{background:var(--gold-soft)}
.tipler-dark .section-head h2{color:#fff}
.tipler-dark .section-head p{color:rgba(255,255,255,.82)}
.tipler-dark .type-card{background:rgba(255,255,255,.97);border-color:transparent;box-shadow:0 20px 50px rgba(0,0,0,.22)}

/* =================================================================
   HERO — yaprak & kuş hafif süzülme animasyonu
   (saf transform/opacity; tüm tarayıcılarda çalışır, hosting bağımsız)
   ================================================================= */
.hero-leaves-img{animation:heroLeafSway 9s ease-in-out infinite;transform-origin:60% 40%;will-change:transform}
.hero-birds{animation:heroBirdDrift 14s ease-in-out infinite;will-change:transform}

@keyframes heroLeafSway{
  0%   {transform:translate3d(0,0,0) rotate(0deg)}
  25%  {transform:translate3d(-6px,5px,0) rotate(-1deg)}
  50%  {transform:translate3d(3px,9px,0) rotate(.6deg)}
  75%  {transform:translate3d(-4px,4px,0) rotate(-.5deg)}
  100% {transform:translate3d(0,0,0) rotate(0deg)}
}
@keyframes heroBirdDrift{
  0%   {transform:translate3d(0,0,0)}
  50%  {transform:translate3d(-16px,8px,0)}
  100% {transform:translate3d(0,0,0)}
}

/* Hareket hassasiyeti olan kullanıcılarda animasyonları kapat */
@media (prefers-reduced-motion: reduce){
  .hero-leaves-img,.hero-birds{animation:none}
}

/* =================================================================
   SABİT WHATSAPP BUTONU (her sayfa, scroll'u takip eder)
   ================================================================= */
.wa-float{position:fixed;right:22px;bottom:22px;z-index:200;
  width:58px;height:58px;border-radius:50%;display:grid;place-items:center;
  background:#25D366;color:#fff;box-shadow:0 10px 28px rgba(37,211,102,.45);
  transition:transform .25s var(--ease),box-shadow .25s var(--ease)}
.wa-float svg{width:34px;height:34px}
.wa-float:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 14px 34px rgba(37,211,102,.55);color:#fff}
.wa-float::before{content:"";position:absolute;inset:0;border-radius:50%;
  background:#25D366;z-index:-1;animation:waPulse 2.4s ease-out infinite}
@keyframes waPulse{0%{transform:scale(1);opacity:.55}70%{transform:scale(1.7);opacity:0}100%{opacity:0}}
@media (max-width:640px){.wa-float{width:52px;height:52px;right:16px;bottom:16px}.wa-float svg{width:30px;height:30px}}
@media (prefers-reduced-motion:reduce){.wa-float::before{animation:none}}

/* Footer sosyal ikonlar + ince telefon + alt hukuki satır */
.footer-social{display:flex;gap:.7rem;margin-top:1.4rem}
.footer-social a{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;
  background:rgba(255,255,255,.08);color:rgba(255,255,255,.85);border:1px solid rgba(255,255,255,.14);
  transition:all .25s var(--ease)}
.footer-social a:hover{background:var(--gold);border-color:var(--gold);color:#fff;transform:translateY(-2px)}
.footer-social svg{width:19px;height:19px}
.footer-contact .ftphone.light,.footer-contact .ftphone.light a{font-weight:400;font-size:1rem;letter-spacing:0}
.footer-legal{display:flex;gap:1.4rem;flex-wrap:wrap;align-items:center}
.footer-legal a{color:rgba(255,255,255,.6);font-size:.85rem}
.footer-legal a:hover{color:var(--gold-soft)}
@media (max-width:720px){.footer-legal{justify-content:center}}

/* Kurumsal — Değerler koyu bölüm */
.values-dark{position:relative;overflow:hidden;background:linear-gradient(150deg,#00533b,#00432f 60%,#013726)}
.values-dark .section-head h2{color:#fff}
.values-dark .section-head .eyebrow{color:var(--gold-soft)}
.values-dark .feature{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:2rem;backdrop-filter:blur(2px)}
.values-dark .feature .ic{background:rgba(255,255,255,.14);color:var(--gold-soft)}
.values-dark .feature h3{color:#fff}
.values-dark .feature p{color:rgba(255,255,255,.8)}

/* Online Katalog spec satırı */
.spec-row.catalog-cta{cursor:pointer;text-decoration:none;color:inherit}
.catalog-cta .val{color:var(--green);display:inline-flex;align-items:center;gap:.4rem;transition:color .3s var(--ease)}
.catalog-cta .val svg{width:15px;height:15px}
.catalog-cta:hover .val{color:var(--gold)}
.catalog-cta:hover .ico{color:var(--gold)}

/* CTA: footer'dan ayrı, açık zeminde nefes alan bölüm */
.section.cta-band-wrap{background:var(--bone)}

/* İletişim: form içerik yüksekliğinde kalsın, harita boşluğu doldursun */
.contact-grid > .lead-card{align-self:start}
.contact-grid > .contact-info{align-self:stretch}
.contact-info .item{flex:0 0 auto}
@media (max-width:880px){
  .contact-grid > .contact-info{height:auto}
  .map-embed{min-height:300px}
}