/* ══════════════════════════════════════════════════════════════
   İstanbulPark Peyzaj
   Tasarım dili: nef.com.tr referans alınarak kurgulanmıştır.
   Renk: #1d1d1b mürekkep · #b59a88 taupe vurgu · #f7f7f7 gri zemin
   Tipografi: tek aile (Archivo), letter-spacing .02em
   ══════════════════════════════════════════════════════════════ */

:root{
  --ink:#1d1d1b;
  --ink-2:#232321;
  --taupe:#1B5637;   /* eski sıcak taupe; palet yeşile birleştirildi */
  --line:#e6e6e6;
  --line-dark:rgba(255,255,255,.16);
  --mist:#f7f7f7;
  --smoke:#666;
  --smoke-2:#999;
  --white:#fff;
  --r:16px;          /* medya ve kart köşeleri */
  --r-sm:10px;       /* form ve küçük yüzeyler */
  --r-pill:999px;    /* butonlar */
  --green:#1B5637;   /* birincil marka yeşili (temiz, yüksek doygunluk) */
  --green-2:#144229;
  --sage:#ECF3EE;    /* açık yeşil zemin */
  --ease:cubic-bezier(.25,.1,.25,1);
  --pad:clamp(24px,4vw,56px);
  --sec:clamp(72px,9vw,140px);
}

*{ box-sizing:border-box; -webkit-tap-highlight-color:transparent; }
html{ scroll-behavior:smooth; }
body{
  margin:0; background:var(--white); color:var(--ink);
  font-family:'Archivo',"Helvetica Neue",Arial,sans-serif;
  font-size:16px; line-height:1.6; letter-spacing:.02em;
  overflow-x:hidden;
}
body.is-locked{ overflow:hidden; }
img{ display:block; max-width:100%; }
a{ color:inherit; text-decoration:none; }
button{ font:inherit; letter-spacing:inherit; color:inherit; background:none; border:0; cursor:pointer; }
h1,h2,h3,h4,p,ul,figure{ margin:0; }
ul{ list-style:none; padding:0; }
::selection{ background:var(--ink); color:#fff; }

.wrap{ width:100%; max-width:1480px; margin:0 auto; padding-inline:var(--pad); }
.section{ padding-block:var(--sec); }

/* ─── Tipografi ölçeği ─────────────────────────────────────── */
.h2{
  font-size:clamp(29px,3.5vw,50px); font-weight:400; line-height:1.12;
  letter-spacing:-.005em; color:var(--ink);
}
.h2.light{ color:#fff; }
.statement{
  font-size:clamp(23px,2.7vw,40px); font-weight:400; line-height:1.3;
  letter-spacing:-.005em; max-width:28ch;
}
.lead{ font-size:16px; line-height:1.85; color:var(--smoke); max-width:52ch; }
.lead.light{ color:rgba(255,255,255,.66); }
.eyebrow{
  font-size:11px; font-weight:500; text-transform:uppercase;
  letter-spacing:.22em; color:var(--taupe); margin-bottom:18px;
}
.eyebrow.light{ color:#A8D5B5; }

/* ─── Ok'lu link ───────────────────────────────────────────── */
.link-arrow{
  display:inline-flex; align-items:center; gap:14px;
  font-size:14px; font-weight:500; color:var(--ink);
  padding-bottom:6px; position:relative; white-space:nowrap;
}
.link-arrow::after{
  content:''; position:absolute; left:0; bottom:0; height:1px; width:100%;
  background:currentColor; opacity:.25; transform:scaleX(1); transform-origin:left;
  transition:opacity .4s var(--ease);
}
.link-arrow:hover::after{ opacity:1; background:var(--green); }
.link-arrow:hover{ color:var(--green); }
.link-arrow.light:hover, .link-light:hover{ color:#fff; }
.link-arrow.light:hover::after, .link-light:hover::after{ background:#fff; }
.ico-arrow{ width:24px; height:12px; transition:transform .4s var(--ease); }
.link-arrow:hover .ico-arrow{ transform:translateX(6px); }
.link-arrow.light, .link-light{ color:#fff; }
.link-arrow.small{ font-size:13px; gap:10px; }
.link-arrow.small .ico-arrow{ width:20px; }

/* ─── Butonlar ─────────────────────────────────────────────── */
.btn{
  display:inline-flex; align-items:center; justify-content:center;
  height:54px; padding:0 32px; border-radius:var(--r-pill);
  font-size:13.5px; font-weight:500; letter-spacing:.02em;
  border:1px solid transparent; transition:all .35s var(--ease);
}
.btn-dark{ background:var(--green); color:#fff; border-color:var(--green); }
.btn-dark:hover{ background:var(--green-2); border-color:var(--green-2); transform:translateY(-2px); box-shadow:0 14px 30px rgba(47,74,52,.28); }
.btn-light{ background:transparent; color:#fff; border-color:rgba(255,255,255,.5); }
.btn-light:hover{ background:#fff; color:var(--ink); border-color:#fff; transform:translateY(-2px); }
.btn.full{ width:100%; }

/* ─── Yuvarlak navigasyon butonları ────────────────────────── */
.nav-circle{
  width:46px; height:46px; border-radius:50%;
  border:1px solid rgba(255,255,255,.45); color:#fff;
  display:grid; place-items:center; transition:all .35s var(--ease);
}
.nav-circle svg{ width:22px; height:11px; }
.nav-circle:hover{ background:#fff; color:var(--ink); border-color:#fff; }
.nav-circle.dark{ border-color:var(--line); color:var(--ink); }
.nav-circle.dark:hover{ background:var(--ink); color:#fff; border-color:var(--ink); }

/* ══════════════ HEADER ══════════════ */
.site-header{
  position:fixed; top:0; left:0; right:0; z-index:80;
  transition:background .4s var(--ease), box-shadow .4s var(--ease);
}
.header-inner{
  display:flex; align-items:center; justify-content:space-between;
  height:92px; transition:height .4s var(--ease);
}
.logo{ display:flex; flex-direction:column; gap:3px; line-height:1; }
.logo-mark{
  font-size:19px; font-weight:700; letter-spacing:.15em; color:#fff;
  transition:color .4s var(--ease);
}
.logo-sub{
  font-size:9px; letter-spacing:.22em; text-transform:uppercase;
  color:rgba(255,255,255,.6); transition:color .4s var(--ease);
}
.main-nav{ display:flex; align-items:center; gap:38px; }
.main-nav a{
  font-size:14px; font-weight:400; color:rgba(255,255,255,.85);
  position:relative; padding-block:6px; transition:color .35s var(--ease);
}
.main-nav a::after{
  content:''; position:absolute; left:0; bottom:0; width:100%; height:1px;
  background:currentColor; transform:scaleX(0); transform-origin:right;
  transition:transform .4s var(--ease);
}
.main-nav a:hover::after{ transform:scaleX(1); transform-origin:left; }
.header-right{ display:flex; align-items:center; gap:26px; }
.header-phone{
  font-size:14px; font-weight:500; color:#fff; transition:color .4s var(--ease);
}
.lang{ display:flex; align-items:center; gap:6px; font-size:12px; color:rgba(255,255,255,.55); }
.lang button{ color:inherit; transition:color .3s; }
.lang button.is-active{ color:#fff; font-weight:500; }
.burger{ width:26px; height:16px; position:relative; }
.burger span{
  position:absolute; left:0; height:1px; background:#fff; width:100%;
  transition:transform .4s var(--ease), opacity .3s, width .4s var(--ease), background .4s;
}
.burger span:nth-child(1){ top:0; }
.burger span:nth-child(2){ top:7px; width:70%; }
.burger span:nth-child(3){ top:14px; }
.burger:hover span:nth-child(2){ width:100%; }

/* scroll edilmiş durum */
.site-header.scrolled{ background:transparent; box-shadow:none; padding-top:12px; }
.site-header.scrolled .header-inner{
  height:66px; padding-inline:26px; border-radius:var(--r-pill);
  background:rgba(255,255,255,.82); backdrop-filter:blur(18px) saturate(160%);
  -webkit-backdrop-filter:blur(18px) saturate(160%);
  box-shadow:0 10px 34px rgba(29,29,27,.10); border:1px solid rgba(29,29,27,.06);
}
.site-header.scrolled .wrap{ padding-inline:clamp(14px,2.4vw,34px); }
.site-header.scrolled .logo-mark{ color:var(--ink); }
.site-header.scrolled .logo-sub{ color:var(--smoke-2); }
.site-header.scrolled .main-nav a{ color:var(--ink); }
.site-header.scrolled .header-phone{ color:var(--ink); }
.site-header.scrolled .lang{ color:var(--smoke-2); }
.site-header.scrolled .lang button.is-active{ color:var(--ink); }
.site-header.scrolled .burger span{ background:var(--ink); }
.site-header.hide{ transform:translateY(-105%); }
.site-header{ transition:background .4s var(--ease), box-shadow .4s var(--ease), transform .45s var(--ease); }

/* menü açıkken header her zaman koyu zemin üstünde */
body.menu-open .site-header{ background:transparent; box-shadow:none; }
body.menu-open .logo-mark,
body.menu-open .header-phone{ color:#fff; }
body.menu-open .logo-sub{ color:rgba(255,255,255,.6); }
body.menu-open .main-nav a{ color:rgba(255,255,255,.85); }
body.menu-open .burger span{ background:#fff; }
body.menu-open .burger span:nth-child(1){ transform:translateY(7px) rotate(45deg); }
body.menu-open .burger span:nth-child(2){ opacity:0; }
body.menu-open .burger span:nth-child(3){ transform:translateY(-7px) rotate(-45deg); }

/* ══════════════ MEGA MENÜ ══════════════ */
.megamenu{
  position:fixed; inset:0; z-index:70; background:var(--ink);
  opacity:0; visibility:hidden; transition:opacity .5s var(--ease), visibility .5s;
  display:flex; align-items:center; overflow-y:auto;
}
.megamenu.open{ opacity:1; visibility:visible; }
.megamenu-inner{ padding-top:120px; padding-bottom:60px; width:100%; }
.megamenu-cols{
  display:grid; grid-template-columns:repeat(4,1fr); gap:48px;
  padding-bottom:56px; border-bottom:1px solid var(--line-dark);
}
.mm-label{
  font-size:11px; text-transform:uppercase; letter-spacing:.22em;
  color:var(--taupe); margin-bottom:26px;
}
.mm-list li{ margin-bottom:14px; opacity:0; transform:translateY(14px); }
.megamenu.open .mm-list li{ animation:mmIn .6s var(--ease) forwards; }
.mm-list li:nth-child(1){ animation-delay:.10s } .mm-list li:nth-child(2){ animation-delay:.16s }
.mm-list li:nth-child(3){ animation-delay:.22s } .mm-list li:nth-child(4){ animation-delay:.28s }
.mm-list li:nth-child(5){ animation-delay:.34s }
@keyframes mmIn{ to{ opacity:1; transform:none; } }
.mm-list a{
  font-size:clamp(20px,1.9vw,28px); font-weight:400; color:#fff;
  transition:color .3s var(--ease), padding-left .35s var(--ease);
  display:inline-block;
}
.mm-list a:hover{ color:#A8D5B5; padding-left:8px; }
.mm-social{ display:flex; gap:16px; margin-top:28px; }
.mm-social a{
  width:38px; height:38px; border:1px solid var(--line-dark); border-radius:50%;
  display:grid; place-items:center; font-size:11px; color:rgba(255,255,255,.7);
  transition:all .35s var(--ease);
}
.mm-social a:hover{ background:#fff; color:var(--ink); border-color:#fff; }
.megamenu-foot{
  display:flex; align-items:center; justify-content:space-between; gap:24px;
  padding-top:36px; color:rgba(255,255,255,.5); font-size:14px;
}

/* ══════════════ HERO ══════════════ */
.hero{ position:relative; height:100vh; min-height:620px; background:var(--ink); overflow:hidden; }
.hero-slides{ position:absolute; inset:0; z-index:0; isolation:isolate; }
.hero-slide{
  position:absolute; inset:0; opacity:0; visibility:hidden; z-index:1;
  transition:none;
}
/* giren slayt üstte yumuşak açılır */
.hero-slide.is-active{
  opacity:1; visibility:visible; z-index:3;
  transition:opacity .85s var(--ease);
}
/* çıkan slayt altta tam opak bekler, metni anında gizlenir */
.hero-slide.is-leaving{ opacity:1; visibility:visible; z-index:2; transition:none; }
.hero-slide.is-leaving .hero-content{ opacity:0; transition:opacity .25s linear; }
.hero-media{ position:absolute; inset:0; overflow:hidden; }
.hero-media img{
  width:100%; height:100%; object-fit:cover;
  transform:scale(1.04); transition:transform 7s var(--ease);
}
.hero-slide.is-active .hero-media img{ transform:scale(1); }
.hero-shade{
  position:absolute; inset:0;
  background:linear-gradient(180deg,rgba(29,29,27,.55) 0%,rgba(29,29,27,.22) 34%,rgba(29,29,27,.86) 100%);
}
.hero-content{
  position:absolute; left:0; right:0; bottom:186px;
  color:#fff;
}
.hero-eyebrow{
  font-size:11px; text-transform:uppercase; letter-spacing:.24em;
  color:var(--taupe); margin-bottom:22px;
  opacity:0; transform:translateY(18px);
}
.hero-title{
  font-size:clamp(30px,4.6vw,66px); font-weight:400; line-height:1.1;
  letter-spacing:.01em; max-width:18ch;
  opacity:0; transform:translateY(24px);
}
.hero-sub{
  margin-top:22px; font-size:14px; color:rgba(255,255,255,.7);
  opacity:0; transform:translateY(18px);
}
.hero-slide.is-active .hero-eyebrow{ animation:heroIn .7s var(--ease) .12s forwards; }
.hero-slide.is-active .hero-title{ animation:heroIn .8s var(--ease) .18s forwards; }
.hero-slide.is-active .hero-sub{ animation:heroIn .7s var(--ease) .3s forwards; }
@keyframes heroIn{ to{ opacity:1; transform:none; } }

.hero-bar{
  position:absolute; left:0; right:0; bottom:104px;
  display:flex; align-items:center; justify-content:flex-end; gap:24px;
}
.hero-navs{ display:flex; gap:12px; }
.hero-dots{
  position:absolute; left:0; right:0; bottom:56px;
  display:flex; gap:10px;
}
.hero-dots .dot{ width:56px; height:2px; background:rgba(255,255,255,.28); position:relative; overflow:hidden; }
.hero-dots .dot i{
  position:absolute; inset:0; background:#fff; transform:scaleX(0); transform-origin:left;
}
.hero-dots .dot.is-active i{ animation:dotFill 6s linear forwards; }
@keyframes dotFill{ to{ transform:scaleX(1); } }

/* ══════════════ MANİFESTO ══════════════ */
.information .info-head{
  display:grid; grid-template-columns:1.35fr 1fr; gap:56px; align-items:end;
  padding-bottom:clamp(40px,5vw,72px);
}
.info-link p{ color:var(--smoke); font-size:15px; line-height:1.8; margin-bottom:22px; max-width:38ch; }
.media-band{ position:relative; border-radius:var(--r); overflow:hidden; aspect-ratio:16/7; background:var(--mist); }
.media-band img{ width:100%; height:100%; object-fit:cover; }
.play{
  position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);
  width:84px; height:84px; border-radius:50%; background:rgba(255,255,255,.9);
  color:var(--ink); display:grid; place-items:center;
  transition:transform .4s var(--ease), background .4s;
}
.play svg{ width:26px; height:26px; margin-left:3px; }
.play:hover{ transform:translate(-50%,-50%) scale(1.08); background:#fff; }

.counters{
  display:grid; grid-template-columns:repeat(4,1fr);
  margin-top:clamp(48px,6vw,86px); border-top:1px solid var(--line);
}
.counter{ padding:38px 24px 0 0; }
.counter + .counter{ padding-left:32px; border-left:1px solid var(--line); }
.counter strong{ display:block; font-size:clamp(32px,3.4vw,50px); font-weight:500; line-height:1; }
.counter span{ display:block; margin-top:14px; font-size:13px; color:var(--smoke); }

/* ══════════════ SPLIT / ATÖLYE ══════════════ */
.split{ background:var(--mist); }
.split-grid{ display:grid; grid-template-columns:1fr 1.15fr; gap:clamp(40px,6vw,96px); align-items:center; }
.brand-tag{
  font-size:13px; font-weight:700; letter-spacing:.32em; text-transform:uppercase;
  color:var(--ink); margin-bottom:26px;
}
.split-content .lead{ margin-top:26px; }
.split-links{ display:flex; gap:34px; margin-top:34px; flex-wrap:wrap; }
.split-navs{ display:flex; align-items:center; gap:12px; margin-top:52px; }
.gal-count{ margin-left:14px; font-size:13px; color:var(--smoke); }
.gal-count b{ color:var(--ink); font-weight:500; }
.gal-frame{ position:relative; aspect-ratio:4/3; border-radius:var(--r); overflow:hidden; background:#ddd; }
.gal-img{
  position:absolute; inset:0; width:100%; height:100%; object-fit:cover;
  opacity:0; transform:scale(1.04); transition:opacity .55s var(--ease), transform 1.1s var(--ease);
}
.gal-img.is-active{ opacity:1; transform:scale(1); }
.gal-caption{ margin-top:18px; font-size:13px; color:var(--smoke); }

/* ══════════════ SEKSİYON BAŞLIKLARI ══════════════ */
.sec-head{
  display:flex; align-items:flex-end; justify-content:space-between; gap:32px;
  padding-bottom:clamp(32px,4vw,56px);
}

/* ══════════════ PROJELER ══════════════ */
.filters{ display:flex; flex-wrap:wrap; gap:10px; padding-bottom:36px; }
.chip{
  height:40px; padding:0 20px; border:1px solid var(--line); border-radius:500px;
  font-size:13px; color:var(--smoke); transition:all .3s var(--ease);
}
.chip:hover{ border-color:var(--green); color:var(--green); }
.chip.is-active{ background:var(--green); border-color:var(--green); color:#fff; }

.project-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:clamp(24px,2.4vw,40px) clamp(20px,2.2vw,32px); }
.card{ display:block; }
.card-media{ position:relative; overflow:hidden; border-radius:var(--r); aspect-ratio:4/3; background:var(--mist); }

/* öne çıkan proje — tam genişlik, yatay kurgu */
.feature-card{
  grid-column:1 / -1; display:grid; grid-template-columns:1.35fr 1fr;
  gap:clamp(28px,3.2vw,56px); align-items:center;
  padding-bottom:clamp(24px,2.6vw,40px); margin-bottom:clamp(8px,1vw,16px);
  border-bottom:1px solid var(--line);
}
.feature-card .card-media{ aspect-ratio:16/9; }
.feature-card .card-body{ padding-top:0; }
.feature-card .card-title{ font-size:clamp(24px,2.4vw,34px); }
.card-text{ margin-top:16px; font-size:15px; line-height:1.8; color:var(--smoke); max-width:44ch; }
.card-media img{
  width:100%; height:100%; object-fit:cover;
  transition:transform 1.1s var(--ease);
}
.card{ transition:transform .45s var(--ease); }
.card:hover{ transform:translateY(-6px); }
.card:hover .card-media img{ transform:scale(1.06); }
.card-media{ box-shadow:0 2px 10px rgba(29,29,27,.05); transition:box-shadow .45s var(--ease); }
.card:hover .card-media{ box-shadow:0 26px 50px rgba(29,29,27,.16); }
.card-body{ padding-top:22px; }
.card-cat{ font-size:11px; text-transform:uppercase; letter-spacing:.2em; color:var(--taupe); margin-bottom:12px; }
.card-title{ font-size:clamp(19px,1.6vw,24px); font-weight:400; line-height:1.25; }
.card-meta{ margin-top:10px; font-size:14px; color:var(--smoke); }
.card .link-arrow{ margin-top:20px; }
.card.is-hidden{ display:none; }

/* ══════════════ HİZMETLER (koyu) ══════════════ */
.services{ background:var(--ink); color:#fff; }
.services .h2{ color:#fff; }
.service-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--line-dark); border-top:1px solid var(--line-dark); }
.service{ background:var(--ink); padding:44px 36px 52px; transition:background .4s var(--ease); }
.service-grid:not(.four) .service:nth-child(3n+1){ padding-left:0; }
.service-grid:not(.four) .service:nth-child(3n){ padding-right:0; }
.service-grid.four{ grid-template-columns:repeat(4,1fr); }
.service-grid.four .service:nth-child(4n+1){ padding-left:0; }
.service-grid.four .service:nth-child(4n){ padding-right:0; }
.service{ display:flex; flex-direction:column; }
.service .link-arrow{ margin-top:auto; padding-top:24px; align-self:flex-start; color:rgba(255,255,255,.85); }
.service:hover .link-arrow{ color:#A8D5B5; }
.service:hover{ background:var(--ink-2); }
.s-no{ font-size:12px; letter-spacing:.2em; color:var(--taupe); }
.service h3{ margin-top:26px; font-size:21px; font-weight:400; line-height:1.3; }
.service p{ margin-top:16px; font-size:14px; line-height:1.8; color:rgba(255,255,255,.55); }

/* ══════════════ ÖNE ÇIKAN ŞERİT ══════════════ */
.feature{ position:relative; min-height:640px; display:flex; align-items:center; overflow:hidden; background:var(--ink); }
.feature-media{ position:absolute; inset:0; }
.feature-media img{ width:100%; height:100%; object-fit:cover; }
.feature-shade{ position:absolute; inset:0; background:linear-gradient(90deg,rgba(29,29,27,.94) 0%,rgba(29,29,27,.74) 42%,rgba(29,29,27,.38) 100%); }
.feature-content{ position:relative; padding-block:96px; color:#fff; }
.feature-stats{ display:flex; flex-wrap:wrap; gap:56px; margin:44px 0 40px; }
.feature-stats strong{ display:block; font-size:clamp(28px,3vw,42px); font-weight:500; }
.feature-stats span{ display:block; margin-top:8px; font-size:13px; color:rgba(255,255,255,.6); }

/* ══════════════ HABERLER ══════════════ */
.news-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:clamp(20px,2.4vw,36px); }
.news-media{ border-radius:var(--r); overflow:hidden; aspect-ratio:3/2; margin-bottom:22px; background:var(--mist); }
.news-media img{ width:100%; height:100%; object-fit:cover; transition:transform 1s var(--ease); }
.news-card:hover .news-media img{ transform:scale(1.05); }
.news-card{ display:flex; flex-direction:column; }
.news-date{ font-size:12px; letter-spacing:.14em; color:var(--taupe); text-transform:uppercase; }
.news-card h3{ margin-top:14px; font-size:19px; font-weight:400; line-height:1.4; }
.news-card h3{ margin-bottom:22px; }
.news-card .link-arrow{ margin-top:auto; align-self:flex-start; }

/* ══════════════ OFİSLER ══════════════ */
.offices{ background:var(--mist); }
.office-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--line); border-top:1px solid var(--line); }
.office{ background:var(--mist); padding:42px 34px 46px; }
.office:nth-child(3n+1){ padding-left:0; }
.office:nth-child(3n){ padding-right:0; }
.office h3{ font-size:19px; font-weight:500; }
.office p{ margin-top:18px; font-size:15px; line-height:1.8; color:var(--smoke); }
.office-tel{ display:inline-block; margin-top:18px; font-size:15px; border-bottom:1px solid var(--line); padding-bottom:3px; transition:border-color .3s; }
.office-tel:hover{ border-color:var(--ink); }

/* ══════════════ İLETİŞİM ══════════════ */
.contact{ background:var(--ink); color:#fff; }
.contact-grid{ display:grid; grid-template-columns:1.2fr 1fr; gap:clamp(40px,6vw,90px); align-items:start; }
.contact .lead{ margin:26px 0 38px; }
.contact-info{ display:grid; gap:34px; }
.ci-label{ font-size:11px; text-transform:uppercase; letter-spacing:.2em; color:var(--taupe); margin-bottom:10px; }
.contact-info a{ font-size:18px; border-bottom:1px solid var(--line-dark); padding-bottom:4px; transition:border-color .3s; }
.contact-info a:hover{ border-color:#fff; }
.contact-info p{ color:rgba(255,255,255,.66); font-size:16px; }

/* ══════════════ FOOTER ══════════════ */
.site-footer{ background:var(--ink-2); color:#fff; padding-block:clamp(56px,6vw,84px) 32px; }
.footer-top{ display:grid; grid-template-columns:1fr 2.2fr; gap:clamp(40px,5vw,80px); padding-bottom:56px; border-bottom:1px solid var(--line-dark); }
.footer-brand .logo-mark{ color:#fff; font-size:22px; display:block; }
.footer-brand .logo-sub{ color:rgba(255,255,255,.5); display:block; margin-top:6px; }
.footer-brand p{ margin-top:26px; font-size:14px; line-height:1.8; color:rgba(255,255,255,.5); }
.footer-cols{ display:grid; grid-template-columns:repeat(4,1fr); gap:36px; }
.f-label{ font-size:11px; text-transform:uppercase; letter-spacing:.2em; color:var(--taupe); margin-bottom:22px; }
.footer-cols li{ margin-bottom:12px; }
.footer-cols a{ font-size:14px; color:rgba(255,255,255,.65); transition:color .3s; }
.footer-cols a:hover{ color:#fff; }
.f-news{ display:flex; align-items:center; gap:12px; border-bottom:1px solid var(--line-dark); padding-bottom:10px; }
.f-news input{
  flex:1; background:none; border:0; color:#fff; font-size:14px; font-family:inherit;
  letter-spacing:.02em; outline:none; min-width:0;
}
.f-news input::placeholder{ color:rgba(255,255,255,.4); }
.f-news button{ color:rgba(255,255,255,.7); transition:color .3s, transform .3s var(--ease); }
.f-news button:hover{ color:#fff; transform:translateX(4px); }
.f-social{ display:flex; flex-wrap:wrap; gap:18px; margin-top:24px; }
.f-social a{ font-size:13px; color:rgba(255,255,255,.55); transition:color .3s; }
.f-social a:hover{ color:#A8D5B5; }
.footer-bottom{
  display:flex; align-items:center; justify-content:space-between; gap:20px;
  padding-top:28px; font-size:12px; color:rgba(255,255,255,.4);
}
.footer-bottom div{ display:flex; gap:26px; flex-wrap:wrap; }
.footer-bottom a:hover{ color:#fff; }

/* ══════════════ SABİT YAN BUTONLAR ══════════════ */
.fixed-side{
  position:fixed; right:0; top:50%; transform:translateY(-50%); z-index:60;
  display:flex; flex-direction:column; align-items:flex-end; gap:14px;
}
.side-btn{
  writing-mode:vertical-rl; background:var(--green); color:#fff;
  font-size:12px; letter-spacing:.14em; padding:22px 14px;
  border-radius:20px 0 0 20px;
  transition:background .35s var(--ease), color .35s var(--ease), padding .35s var(--ease);
}
.side-btn:hover{ background-image:linear-gradient(180deg,#2A8A58,#217146); color:#fff; padding-block:30px; }
.side-top{
  width:44px; height:44px; margin-right:12px; border-radius:50%;
  background:#fff; border:1px solid var(--line); color:var(--ink);
  display:grid; place-items:center; opacity:0; pointer-events:none;
  transition:opacity .4s var(--ease), background .3s, color .3s;
}
.side-top svg{ width:11px; height:22px; }
.side-top.show{ opacity:1; pointer-events:auto; }
.side-top:hover{ background:var(--ink); color:#fff; border-color:var(--ink); }

/* ══════════════ MODAL ══════════════ */
.modal{ position:fixed; inset:0; z-index:120; display:grid; place-items:center; visibility:hidden; }
.modal.open{ visibility:visible; }
.modal-bg{ position:absolute; inset:0; background:rgba(29,29,27,.6); opacity:0; transition:opacity .4s var(--ease); }
.modal.open .modal-bg{ opacity:1; }
.modal-box{
  position:relative; width:min(680px,calc(100vw - 32px)); max-height:88vh; overflow-y:auto;
  background:#fff; border-radius:22px; padding:clamp(28px,4vw,48px);
  opacity:0; transform:translateY(24px); transition:opacity .45s var(--ease), transform .45s var(--ease);
}
.modal.open .modal-box{ opacity:1; transform:none; }
.modal-x{ position:absolute; top:14px; right:20px; font-size:28px; line-height:1; color:var(--smoke); }
.modal-x:hover{ color:var(--ink); }
.modal-box h3{ font-size:clamp(24px,2.6vw,34px); font-weight:400; }
.modal-lead{ margin-top:14px; color:var(--smoke); font-size:15px; }
#callForm{ margin-top:30px; display:grid; gap:20px; }
.f-row{ display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.f-field{ display:grid; gap:8px; }
.f-field label{ font-size:11px; text-transform:uppercase; letter-spacing:.16em; color:var(--smoke); }
.f-field input, .f-field select, .f-field textarea{
  height:50px; padding:0 16px; border:1px solid var(--line); border-radius:var(--r-sm);
  font-family:inherit; font-size:15px; letter-spacing:.02em; color:var(--ink);
  background:#fff; transition:border-color .3s;
}
.f-field textarea{ height:auto; padding:14px; resize:vertical; }
.f-field input:focus, .f-field select:focus, .f-field textarea:focus{ outline:none; border-color:var(--ink); }
.f-field input.err, .f-field textarea.err{ border-color:#c0563a; }
.f-check{ display:flex; gap:12px; align-items:flex-start; font-size:13px; color:var(--smoke); line-height:1.6; }
.f-check input{ margin-top:3px; accent-color:var(--ink); }
.f-check a{ text-decoration:underline; }
.f-ok{ font-size:14px; color:#3d7a4e; opacity:0; transition:opacity .3s; }
.f-ok.show{ opacity:1; }

/* ══════════════ REVEAL ══════════════ */
.reveal{ opacity:0; transform:translateY(18px); transition:opacity .6s var(--ease), transform .6s var(--ease); }
.reveal.in{ opacity:1; transform:none; }


/* ─── Bölüm notu (sağ üst kısa açıklama) ───────────────────── */
.sec-note{ max-width:34ch; font-size:14px; line-height:1.8; color:rgba(255,255,255,.5); }
.sec-note.dark{ color:var(--smoke); }

/* ─── Video bandı alt yazısı ───────────────────────────────── */
.band-caption{
  position:absolute; left:24px; bottom:20px; color:#fff; font-size:12px;
  letter-spacing:.14em; text-transform:uppercase; text-shadow:0 1px 12px rgba(0,0,0,.5);
}

/* ─── Bitki paleti (Atölye içinde) ─────────────────────────── */
.palette{ margin:44px 0 40px; border-top:1px solid var(--line); padding-top:28px; }
.tabs{ display:flex; flex-wrap:wrap; gap:8px; margin-bottom:22px; }
.tab{
  height:36px; padding:0 16px; border:1px solid var(--line); border-radius:500px;
  font-size:12px; letter-spacing:.06em; color:var(--smoke); background:#fff;
  transition:all .3s var(--ease);
}
.tab:hover{ border-color:var(--green); color:var(--green); }
.tab.is-active{ background:var(--green); border-color:var(--green); color:#fff; }
.tab-panel{ display:none; }
.tab-panel.is-active{ display:block; animation:fadeUp .5s var(--ease); }
@keyframes fadeUp{ from{ opacity:0; transform:translateY(10px); } to{ opacity:1; transform:none; } }
.plants li{
  display:flex; align-items:baseline; justify-content:space-between; gap:16px;
  padding:12px 0; border-bottom:1px solid var(--line);
}
.plants span{ font-size:16px; }
.plants em{ font-style:italic; font-size:13px; color:var(--smoke-2); }

.gal-foot{ display:flex; align-items:center; justify-content:space-between; gap:16px; margin-top:18px; }

/* ─── Süreç ────────────────────────────────────────────────── */
.steps{ display:grid; grid-template-columns:repeat(5,1fr); gap:1px; background:var(--line); border-top:1px solid var(--line); margin:0; padding:0; list-style:none; }
.step{ background:#fff; padding:34px 24px 40px; }
.step:first-child{ padding-left:0; }
.step:last-child{ padding-right:0; }
.st-no{ font-size:12px; letter-spacing:.2em; color:var(--taupe); }
.step h3{ margin-top:22px; font-size:19px; font-weight:500; line-height:1.3; }
.step p{ margin-top:14px; font-size:14px; line-height:1.75; color:var(--smoke); }
.st-out{
  display:inline-block; margin-top:20px; padding:7px 14px; border-radius:var(--r-pill);
  background:var(--mist); font-size:11px; letter-spacing:.1em; text-transform:uppercase; color:var(--ink);
}

/* ─── Ödüller ──────────────────────────────────────────────── */
.awards{ padding-bottom:clamp(48px,5vw,92px); }
.award-list{ border-top:1px solid var(--line); }
.award-list li{
  display:grid; grid-template-columns:90px 1fr auto; gap:24px; align-items:baseline;
  padding:24px 0; border-bottom:1px solid var(--line);
  transition:padding-left .4s var(--ease);
}
.award-list li:hover{ padding-left:12px; }
.aw-year{ font-size:13px; letter-spacing:.14em; color:var(--taupe); }
.aw-name{ font-size:clamp(17px,1.5vw,22px); font-weight:400; line-height:1.35; }
.aw-prj{ font-size:12px; letter-spacing:.12em; text-transform:uppercase; color:var(--smoke-2); text-align:right; }

/* ─── Sürdürülebilirlik şeridi ek metin ────────────────────── */
.feature-lead{ margin-top:24px; max-width:44ch; }

/* ─── Footer bülten notu ───────────────────────────────────── */
.f-news-note{ font-size:13px; line-height:1.7; color:rgba(255,255,255,.45); margin-bottom:18px; }

@media (max-width:1100px){
  .steps{ grid-template-columns:repeat(2,1fr); }
  .step:first-child, .step:last-child{ padding-inline:24px; }
  .step:nth-child(odd){ padding-left:0; }
  .sec-note{ max-width:none; }
}
@media (max-width:820px){
  .award-list li{ grid-template-columns:70px 1fr; }
  .aw-prj{ grid-column:2; text-align:left; }
}
@media (max-width:560px){
  .steps{ grid-template-columns:1fr; }
  .step{ padding-inline:0 !important; }
  .band-caption{ left:16px; bottom:14px; font-size:10px; }
}

/* ══════════════ RESPONSIVE ══════════════ */
@media (max-width:1100px){
  .main-nav{ display:none; }
  .information .info-head{ grid-template-columns:1fr; gap:34px; align-items:start; }
  .statement{ max-width:none; }
  .split-grid{ grid-template-columns:1fr; }
  .service-grid{ grid-template-columns:repeat(2,1fr); }
  .project-grid{ grid-template-columns:repeat(2,1fr); }
  .feature-card{ grid-template-columns:1fr; gap:24px; }
  .feature-card .card-media{ aspect-ratio:16/10; }
  .contact-grid{ grid-template-columns:1fr; }
  .footer-top{ grid-template-columns:1fr; }
}
@media (max-width:820px){
  .header-phone, .lang{ display:none; }
  /* küçük ekranda başlık ve menü ikonu her görselde okunsun */
  .hero-shade{ background:linear-gradient(180deg,rgba(29,29,27,.68) 0%,rgba(29,29,27,.34) 32%,rgba(29,29,27,.9) 100%); }
  .p-hero .hero-shade{ background:linear-gradient(180deg,rgba(29,29,27,.68) 0%,rgba(29,29,27,.34) 30%,rgba(29,29,27,.92) 100%); }
  .sec-head{ flex-direction:column; align-items:flex-start; gap:18px; }
  .sec-head .link-arrow{ margin-top:2px; }
  .megamenu-cols{ grid-template-columns:repeat(2,1fr); gap:36px; }
  .counters{ grid-template-columns:repeat(2,1fr); }
  .counter{ padding:28px 16px 28px 0; border-bottom:1px solid var(--line); }
  .counter + .counter{ padding-left:24px; }
  .counter:nth-child(odd){ padding-left:0; border-left:0; }
  .news-grid{ grid-template-columns:1fr; }
  .office-grid{ grid-template-columns:1fr; }
  .project-grid{ grid-template-columns:repeat(2,1fr); }
  .hero-content{ bottom:200px; }
  .hero-bar{ bottom:108px; }
  .feature-stats{ gap:32px; }
}
@media (max-width:560px){
  .header-inner{ height:74px; }
  .site-header.scrolled .header-inner{ height:64px; }
  .hero{ min-height:560px; }
  .hero-content{ bottom:190px; }
  .hero-title{ font-size:30px; }
  .hero-bar{ bottom:104px; }
  .hero-dots{ bottom:52px; }
  .hero-dots .dot{ width:40px; }
  .service-grid{ grid-template-columns:1fr; }
  .project-grid{ grid-template-columns:1fr; }
  .megamenu-cols{ grid-template-columns:1fr; }
  .megamenu-foot{ flex-direction:column; align-items:flex-start; }
  .f-row{ grid-template-columns:1fr; }
  .footer-cols{ grid-template-columns:1fr 1fr; }
  .footer-bottom{ flex-direction:column; align-items:flex-start; }
  .side-btn{ font-size:11px; letter-spacing:.12em; padding:18px 11px; }
  .side-top{ width:38px; height:38px; margin-right:10px; }
}

@media (prefers-reduced-motion:reduce){
  *{ animation-duration:.01ms !important; transition-duration:.01ms !important; }
  .reveal{ opacity:1 !important; transform:none !important; }
  .hero-eyebrow,.hero-title,.hero-sub{ opacity:1 !important; transform:none !important; }
  .mm-list li{ opacity:1 !important; transform:none !important; }
}

/* ══════════════════════════════════════════════════════════════
   PROJE DETAY SAYFASI
   ══════════════════════════════════════════════════════════════ */
.p-hero{ position:relative; height:76vh; min-height:520px; background:var(--ink); overflow:hidden; display:flex; align-items:flex-end; }
.p-hero-media{ position:absolute; inset:0; }
.p-hero-media img{ width:100%; height:100%; object-fit:cover; }
.p-hero .hero-shade{ background:linear-gradient(180deg,rgba(29,29,27,.5) 0%,rgba(29,29,27,.22) 32%,rgba(29,29,27,.88) 100%); }
.p-hero-content{ position:relative; padding-bottom:clamp(48px,6vw,84px); color:#fff; }
.crumb{ display:flex; flex-wrap:wrap; align-items:center; gap:10px; font-size:12px; color:rgba(255,255,255,.55); margin-bottom:30px; }
.crumb a:hover{ color:#fff; }
.crumb .cur{ color:rgba(255,255,255,.8); }
.p-title{ font-size:clamp(30px,4.4vw,62px); font-weight:400; line-height:1.08; letter-spacing:.01em; margin:0; }
.p-hero .hero-eyebrow, .p-hero .hero-sub{ opacity:1; transform:none; }

.p-intro-grid{ display:grid; grid-template-columns:1fr 1.6fr; gap:clamp(40px,6vw,96px); align-items:start; }
.spec-list > div{ display:grid; grid-template-columns:110px 1fr; gap:16px; padding:16px 0; border-bottom:1px solid var(--line); }
.spec-list dt{ font-size:11px; text-transform:uppercase; letter-spacing:.14em; color:var(--smoke-2); padding-top:2px; }
.spec-list dd{ margin:0; font-size:15px; line-height:1.6; }
.p-text .lead{ margin-top:28px; font-size:18px; color:var(--ink); max-width:46ch; }
.p-body{ margin-top:22px; font-size:15px; line-height:1.9; color:var(--smoke); max-width:60ch; }
.p-counters{ margin-top:clamp(40px,5vw,64px); grid-template-columns:repeat(3,1fr); }

.pg-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:clamp(20px,2.4vw,36px); }
.pg-grid .pg-2{ grid-column:span 2; }
.pg-media{ border-radius:var(--r); overflow:hidden; aspect-ratio:16/9; background:var(--mist); }
.pg-media.tall{ aspect-ratio:4/5; }
.pg-media img{ width:100%; height:100%; object-fit:cover; }
.pg-grid figcaption{ margin-top:14px; font-size:12px; letter-spacing:.1em; text-transform:uppercase; color:var(--smoke-2); }

.p-quote{ background:var(--mist); }
.p-quote blockquote{ margin:0; max-width:24ch; }
.p-quote p{ font-size:clamp(24px,3vw,42px); font-weight:400; line-height:1.24; }
.p-quote footer{ margin-top:28px; font-size:12px; letter-spacing:.16em; text-transform:uppercase; color:var(--smoke); }

.next-project{ position:relative; display:block; min-height:420px; background:var(--ink); overflow:hidden; }
.next-media{ position:absolute; inset:0; }
.next-media img{ width:100%; height:100%; object-fit:cover; transition:transform 1.2s var(--ease); }
.next-project:hover .next-media img{ transform:scale(1.04); }
.next-content{ position:relative; padding-block:clamp(64px,7vw,110px); color:#fff; }
.next-meta{ margin-top:16px; font-size:14px; color:rgba(255,255,255,.7); }
.next-content .link-arrow{ margin-top:28px; }

@media (max-width:1100px){
  .p-intro-grid{ grid-template-columns:1fr; }
  .p-counters{ grid-template-columns:repeat(3,1fr); }
}
@media (max-width:820px){
  .pg-grid{ grid-template-columns:1fr; }
  .pg-grid .pg-2{ grid-column:span 1; }
  .pg-media.tall{ aspect-ratio:4/3; }
  .p-counters{ grid-template-columns:1fr 1fr; }
}

/* ══════════════════════════════════════════════════════════════
   Bölüme özel bileşenler
   ══════════════════════════════════════════════════════════════ */

/* ─── Vizyon / Misyon ──────────────────────────────────────── */
.vm-grid{
  display:grid; grid-template-columns:repeat(2,1fr); gap:1px;
  background:var(--line); border-block:1px solid var(--line);
  margin-bottom:clamp(40px,5vw,72px);
}
.vm{ background:#fff; padding:36px 34px 40px; }
.vm:first-child{ padding-left:0; }
.vm:last-child{ padding-right:0; }
.vm-label{
  font-size:11px; text-transform:uppercase; letter-spacing:.2em;
  color:var(--taupe); margin-bottom:16px;
}
.vm p{ font-size:16px; line-height:1.8; color:var(--smoke); max-width:46ch; }

/* ─── Öne çıkanlar ─────────────────────────────────────────── */
.hl-grid{
  display:grid; grid-template-columns:repeat(4,1fr); gap:1px;
  background:var(--line); border-top:1px solid var(--line);
}
.hl{ background:#fff; padding:34px 28px 40px; transition:background .4s var(--ease); }
.hl:hover{ background:var(--mist); }
.hl:nth-child(4n+1){ padding-left:0; }
.hl:nth-child(4n){ padding-right:0; }
.hl-no{ font-size:12px; letter-spacing:.2em; color:var(--taupe); }
.hl h3{ margin-top:20px; font-size:19px; font-weight:500; line-height:1.3; }
.hl p{ margin-top:14px; font-size:14px; line-height:1.8; color:var(--smoke); }

/* ─── Süreç: 4 sütun varyantı ──────────────────────────────── */
.steps.four{ grid-template-columns:repeat(4,1fr); }

/* ─── Fidanlık ─────────────────────────────────────────────── */
.nursery{ background:var(--mist); }
.nursery-grid{
  display:grid; grid-template-columns:1fr 1fr;
  gap:clamp(32px,5vw,80px); align-items:center;
}
.nursery-media{ border-radius:var(--r); overflow:hidden; aspect-ratio:4/3; }
.nursery-media img{ width:100%; height:100%; object-fit:cover; }
.nursery-text .lead{ margin-top:24px; }
.tick-list{ margin:30px 0 32px; }
.tick-list li{
  position:relative; padding-left:26px; margin-bottom:14px;
  font-size:15px; line-height:1.75; color:var(--smoke);
}
.tick-list li::before{
  content:''; position:absolute; left:0; top:11px;
  width:10px; height:1px; background:var(--taupe);
}

/* ─── S.S.S. ───────────────────────────────────────────────── */
.faq-grid{ display:grid; grid-template-columns:1fr 1.4fr; gap:clamp(32px,5vw,88px); align-items:start; }
.faq-head .lead{ margin:24px 0 26px; }
.faq-list{ border-top:1px solid var(--line); }
.qa{ border-bottom:1px solid var(--line); }
.qa summary{
  list-style:none; cursor:pointer; padding:22px 44px 22px 0; position:relative;
  font-size:clamp(16px,1.4vw,19px); font-weight:500; line-height:1.4;
  transition:color .3s var(--ease);
}
.qa summary::-webkit-details-marker{ display:none; }
.qa summary:hover{ color:var(--green); }
.qa summary::after{
  content:''; position:absolute; right:6px; top:50%; width:11px; height:11px;
  border-right:1px solid currentColor; border-bottom:1px solid currentColor;
  transform:translateY(-70%) rotate(45deg); transition:transform .35s var(--ease);
}
.qa[open] summary::after{ transform:translateY(-25%) rotate(-135deg); }
.qa p{ padding:0 44px 26px 0; font-size:15px; line-height:1.85; color:var(--smoke); max-width:62ch; }
.qa[open] p{ animation:fadeUp .45s var(--ease); }

@media (max-width:1100px){
  .service-grid.four{ grid-template-columns:repeat(2,1fr); }
  .service-grid.four .service:nth-child(4n+1){ padding-left:36px; }
  .service-grid.four .service:nth-child(4n){ padding-right:36px; }
  .service-grid.four .service:nth-child(odd){ padding-left:0; }
  .service-grid.four .service:nth-child(even){ padding-right:0; }
  .hl-grid{ grid-template-columns:repeat(2,1fr); }
  .hl:nth-child(4n+1), .hl:nth-child(4n){ padding-inline:28px; }
  .hl:nth-child(odd){ padding-left:0; }
  .hl:nth-child(even){ padding-right:0; }
  .steps.four{ grid-template-columns:repeat(2,1fr); }
  .nursery-grid{ grid-template-columns:1fr; }
  .faq-grid{ grid-template-columns:1fr; }
}
@media (max-width:820px){
  .vm-grid{ grid-template-columns:1fr; }
  .vm{ padding-inline:0; }
}
@media (max-width:560px){
  .service-grid.four{ grid-template-columns:1fr; }
  .service-grid.four .service{ padding-inline:var(--cell) !important; }
  .hl-grid{ grid-template-columns:1fr; }
  .hl{ padding-inline:0 !important; }
  .steps.four{ grid-template-columns:1fr; }
  .logo-mark{ font-size:16px; letter-spacing:.12em; }
}

/* 5'li öne çıkanlar ızgarası (hizmet sayfası) */
.hl-grid.five{ grid-template-columns:repeat(5,1fr); }
.hl-grid.five .hl:nth-child(4n+1),
.hl-grid.five .hl:nth-child(4n){ padding-inline:24px; }
.hl-grid.five .hl:nth-child(5n+1){ padding-left:0; }
.hl-grid.five .hl:nth-child(5n){ padding-right:0; }
@media (max-width:1100px){
  .hl-grid.five{ grid-template-columns:repeat(2,1fr); }
  .hl-grid.five .hl{ padding-inline:28px; }
  .hl-grid.five .hl:nth-child(odd){ padding-left:0; }
  .hl-grid.five .hl:nth-child(even){ padding-right:0; }
}
@media (max-width:560px){
  .hl-grid.five{ grid-template-columns:1fr; }
  .hl-grid.five .hl{ padding-inline:0 !important; }
}

/* Ters split (görsel solda) + palet notu */
.split-grid.reverse{ grid-template-columns:1.15fr 1fr; }
.split-grid.reverse .split-gallery{ order:1; }
.split-grid.reverse .split-content{ order:2; }
.palette-note{ margin-top:16px; font-size:12px; color:var(--smoke-2); }
.nursery .tab:not(.is-active){ background:transparent; }
@media (max-width:1100px){
  .split-grid.reverse{ grid-template-columns:1fr; }
  .split-grid.reverse .split-gallery{ order:2; }
  .split-grid.reverse .split-content{ order:1; }
}

/* ══════════════════════════════════════════════════════════════
   ÇOK SAYFALI YAPI — menü, sayfa bileşenleri
   ══════════════════════════════════════════════════════════════ */

/* ─── Açılır menü (Hizmetlerimiz) ──────────────────────────── */
.main-nav .has-drop{ position:relative; }
.main-nav .has-drop > a{ display:inline-flex; align-items:center; gap:7px; }
.caret{ width:9px; height:6px; transition:transform .3s var(--ease); }
.main-nav .has-drop:hover .caret{ transform:rotate(180deg); }
.drop{
  position:absolute; top:100%; left:-18px; min-width:266px; padding:10px 0;
  background:#fff; border:1px solid var(--line); border-radius:var(--r);
  box-shadow:0 18px 40px rgba(29,29,27,.10);
  opacity:0; visibility:hidden; transform:translateY(10px);
  transition:opacity .3s var(--ease), transform .3s var(--ease), visibility .3s;
  z-index:5;
}
.main-nav .has-drop:hover .drop,
.main-nav .has-drop:focus-within .drop{ opacity:1; visibility:visible; transform:translateY(6px); }
.drop li a{
  display:flex; align-items:center; gap:8px; padding:11px 20px;
  font-size:14px; color:var(--ink) !important; transition:background .25s, padding-left .25s var(--ease);
}
.drop li a::after{ display:none; }
.drop li a:hover{ background:var(--mist); padding-left:26px; }
.drop-all{ margin-top:6px; border-top:1px solid var(--line); }
.drop-all a{ color:var(--smoke) !important; font-size:12.5px !important; letter-spacing:.06em; }
.drop-all .ico-arrow{ width:18px; }
.main-nav a.is-current{ color:var(--taupe) !important; }
.main-nav a.is-current::after{ transform:scaleX(1); }

/* ─── Hero CTA ─────────────────────────────────────────────── */
.hero-cta{
  display:flex; flex-wrap:wrap; align-items:center; gap:18px 28px; margin-top:32px;
  opacity:0; transform:translateY(18px);
}
.hero-slide.is-active .hero-cta{ animation:heroIn .7s var(--ease) .4s forwards; }

/* ─── Güven bandı ──────────────────────────────────────────── */
.trust{ border-bottom:1px solid var(--line); }
.trust-grid{ display:grid; grid-template-columns:repeat(6,1fr); }
.trust-item{ padding:26px 22px 28px; display:flex; align-items:baseline; gap:12px; border-left:1px solid var(--line); }
.trust-item:first-child{ padding-left:0; border-left:0; }
.trust-item:last-child{ padding-right:0; }
.t-no{ font-size:11px; letter-spacing:.18em; color:var(--taupe); }
.trust-item p{ font-size:14px; line-height:1.5; }

/* ─── Kart hover etiketi ───────────────────────────────────── */
.card-media{ position:relative; }
.card-hover{
  position:absolute; left:50%; top:50%; transform:translate(-50%,-50%) scale(.94);
  padding:12px 22px; background:rgba(255,255,255,.94); color:var(--ink); border-radius:500px;
  font-size:12px; letter-spacing:.1em; opacity:0;
  transition:opacity .4s var(--ease), transform .4s var(--ease);
}
.card:hover .card-hover{ opacity:1; transform:translate(-50%,-50%) scale(1); }
.sec-sub{ margin-top:16px; max-width:52ch; font-size:15px; line-height:1.8; color:var(--smoke); }
.services-cta{ margin-top:clamp(36px,4vw,56px); }

/* ─── Müşteri yorumları ────────────────────────────────────── */
.quote-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:1px; background:var(--line); border-top:1px solid var(--line); }
.quote{ background:#fff; margin:0; padding:40px 36px 44px; }
.quote:first-child{ padding-left:0; }
.quote:last-child{ padding-right:0; }
.quote blockquote{ margin:0; font-size:clamp(18px,1.9vw,24px); font-weight:400; line-height:1.5; }
.quote figcaption{ margin-top:22px; font-size:11px; letter-spacing:.18em; text-transform:uppercase; color:var(--taupe); }

/* ─── İletişim aksiyonları ─────────────────────────────────── */
.contact-actions{ display:flex; flex-wrap:wrap; align-items:center; gap:18px 28px; }

/* ─── Sabit WhatsApp ───────────────────────────────────────── */
.side-wa{
  width:46px; height:46px; margin-right:8px; border-radius:50%;
  background:#128046; color:#fff; display:grid; place-items:center;
  transition:transform .3s var(--ease);
}
.side-wa svg{ width:24px; height:24px; }
.side-wa:hover{ transform:scale(1.06); }

/* ─── Form notu ────────────────────────────────────────────── */
.f-note{ font-size:12px; line-height:1.6; color:var(--smoke-2); }

/* ─── Vizyon/misyon dikey ──────────────────────────────────── */
.vm-stack{ display:grid; gap:32px; margin-top:30px; }
.vm-stack p:not(.vm-label){ font-size:15px; line-height:1.85; color:var(--smoke); }

/* ─── Kategori blokları (hizmetler sayfası) ────────────────── */
.cat-block{ padding-block:clamp(48px,5vw,84px); border-top:1px solid var(--line); }
.cat-grid{ display:grid; grid-template-columns:1fr 1fr; gap:clamp(32px,5vw,72px); align-items:center; }
.cat-block.reverse .cat-media{ order:2; }
.cat-media{ border-radius:var(--r); overflow:hidden; aspect-ratio:4/3; }
.cat-media img{ width:100%; height:100%; object-fit:cover; }
.cat-no{ font-size:12px; letter-spacing:.2em; color:var(--taupe); }
.cat-text .h2{ margin-top:16px; font-size:clamp(24px,2.6vw,34px); }
.cat-text .tick-list{ margin:26px 0 28px; }

/* ─── Hizmet kapsamı sütunları ─────────────────────────────── */
.kapsam-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--line); border-top:1px solid var(--line); }
.kapsam-col{ background:var(--mist); padding:34px 30px 38px; }
.kapsam-col h3{ font-size:16px; font-weight:600; letter-spacing:.02em; margin-bottom:18px; }
.kapsam-col .tick-list li{ font-size:14px; margin-bottom:10px; }
.approach-list{ margin-top:36px; padding-top:28px; border-top:1px solid var(--line); }
.approach-list .tick-list{ margin-top:18px; }

/* ─── hl kartı link olduğunda ──────────────────────────────── */
a.hl{ display:flex; flex-direction:column; }
a.hl .link-arrow{ margin-top:auto; padding-top:22px; align-self:flex-start; }

/* ─── İletişim sayfası ─────────────────────────────────────── */
.contact-page{ display:grid; grid-template-columns:1fr 1.35fr; gap:clamp(40px,6vw,90px); align-items:start; }
.cp-block{ padding:22px 0; border-bottom:1px solid var(--line); }
.cp-block:first-of-type{ border-top:1px solid var(--line); }
.cp-big{ display:block; font-size:19px; line-height:1.6; transition:color .3s; }
.cp-big:hover{ color:var(--green); }
.cp-form form{ margin-top:32px; display:grid; gap:20px; }
.cp-form .f-field input, .cp-form .f-field select, .cp-form .f-field textarea{ background:#fff; }
.f-social.dark a{ color:var(--smoke); }
.f-social.dark a:hover{ color:var(--ink); }

@media (max-width:1100px){
  .trust-grid{ grid-template-columns:repeat(3,1fr); }
  .trust-item{ padding-inline:22px; }
  .trust-item:nth-child(3n+1){ padding-left:0; border-left:0; }
  .trust-item:nth-child(3n){ padding-right:0; }
  .cat-grid{ grid-template-columns:1fr; }
  .cat-block.reverse .cat-media{ order:0; }
  .kapsam-grid{ grid-template-columns:repeat(2,1fr); }
  .contact-page{ grid-template-columns:1fr; }
}
@media (max-width:820px){
  .quote-grid{ grid-template-columns:1fr; }
  .quote{ padding-inline:0; }
  .trust-grid{ grid-template-columns:repeat(2,1fr); }
  .trust-item{ padding-inline:0 !important; border-left:0; }
  .kapsam-grid{ grid-template-columns:1fr; }
  .kapsam-col{ padding-inline:0; }
}
@media (max-width:560px){
  .trust-grid{ grid-template-columns:1fr; }
  .hero-cta{ gap:14px 20px; }
}

/* ══════════════════════════════════════════════════════════════
   MODERNİZASYON KATMANI
   Daha iri tipografi · yumuşak yüzeyler · akıcı hareket
   ══════════════════════════════════════════════════════════════ */

/* ─── Tipografi: daha iri ve sıkı ──────────────────────────── */
.h2{ font-size:clamp(30px,4vw,58px); letter-spacing:-.02em; line-height:1.06; }
.statement{ font-size:clamp(25px,3.2vw,48px); letter-spacing:-.022em; line-height:1.18; max-width:24ch; }
.hero-title{ font-size:clamp(34px,5.6vw,84px); letter-spacing:-.03em; line-height:1.02; font-weight:400; }
.p-title{ font-size:clamp(34px,5.2vw,76px); letter-spacing:-.03em; line-height:1.02; }
.hero-sub{ font-size:16px; max-width:52ch; }
.card-title{ letter-spacing:-.01em; }
.eyebrow, .mm-label, .f-label, .ci-label, .vm-label, .card-cat, .news-date,
.s-no, .st-no, .hl-no, .cat-no, .t-no, .aw-year, .brand-tag{ color:var(--green); }

/* koyu zeminlerde vurgu açık yeşile döner */
.services .eyebrow, .services .s-no, .services .sec-note,
.contact .eyebrow, .contact .ci-label,
.feature .eyebrow, .next-project .eyebrow,
.megamenu .mm-label, .site-footer .f-label,
.p-hero .hero-eyebrow, .hero .hero-eyebrow{ color:#A8D5B5; }
.site-footer .f-social a:hover{ color:#A8D5B5; }
.eyebrow{ font-size:11.5px; letter-spacing:.2em; }
.eyebrow::before{
  content:''; display:inline-block; width:16px; height:1px; background:currentColor;
  vertical-align:middle; margin-right:10px; opacity:.5;
}

/* ─── Yüzeyler ─────────────────────────────────────────────── */
.media-band, .gal-frame, .cat-media, .nursery-media, .news-media, .pg-media, .split-gallery img{
  border-radius:var(--r);
}
.media-band{ box-shadow:0 30px 70px rgba(29,29,27,.14); }
.play{ box-shadow:0 12px 34px rgba(29,29,27,.25); }
.news-card{ transition:transform .45s var(--ease); }
.news-card:hover{ transform:translateY(-5px); }
.hl, .service, .office, .vm, .kapsam-col, .quote{ transition:background .4s var(--ease), transform .4s var(--ease); }

/* ─── Bölüm zeminleri: sıcak gri yerine hafif yeşil ────────── */
.split, .offices, .nursery, .p-quote{ background:var(--sage); }
.services{ background:var(--ink); position:relative; }
.services::after, .contact::after, .feature::after{
  content:''; position:absolute; inset:0; pointer-events:none; opacity:.35; mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E");
}
.services .wrap, .contact .wrap, .feature-content{ position:relative; z-index:1; }
.contact{ background:linear-gradient(135deg,#1d1d1b 0%,#25302a 100%); }

/* ─── Scroll ilerleme çubuğu ───────────────────────────────── */
#progress{
  position:fixed; top:0; left:0; height:2px; width:0; z-index:120;
  background:var(--green); transition:width .12s linear;
}

/* ─── Kayan uzmanlık şeridi ────────────────────────────────── */
.marquee{ background:var(--green); color:#fff; padding:16px 0; overflow:hidden; }
.marquee-track{ display:flex; gap:44px; white-space:nowrap; animation:mv 34s linear infinite; }
.marquee-track span{ font-size:14px; letter-spacing:.06em; display:inline-flex; align-items:center; gap:44px; }
.marquee-track span::after{ content:'✦'; opacity:.45; font-size:11px; }
.marquee:hover .marquee-track{ animation-play-state:paused; }
@keyframes mv{ from{ transform:translateX(0); } to{ transform:translateX(-50%); } }

/* ─── Reveal: kademeli + görsel açılışı ────────────────────── */
.reveal{ transform:translateY(18px); }
.split-gallery img, .cat-media img, .nursery-media img{ transition:transform 1.4s var(--ease); }
.reveal .card-media img, .reveal img{ will-change:transform; }
.stagger > *{ opacity:0; transform:translateY(14px); transition:opacity .55s var(--ease), transform .55s var(--ease); }
/* stagger içindeki çocuklarda ikinci bir reveal çalışmasın */
.stagger > .reveal{ transition:opacity .55s var(--ease), transform .55s var(--ease); }
.stagger.in > *{ opacity:1; transform:none; }
.stagger.in > *:nth-child(1){ transition-delay:.03s }
.stagger.in > *:nth-child(2){ transition-delay:.09s }
.stagger.in > *:nth-child(3){ transition-delay:.15s }
.stagger.in > *:nth-child(4){ transition-delay:.21s }
.stagger.in > *:nth-child(5){ transition-delay:.27s }
.stagger.in > *:nth-child(6){ transition-delay:.33s }

/* ─── Hero: alt gradyan yumuşatma + slayt sayacı ───────────── */
.hero::after{
  content:''; position:absolute; left:0; right:0; bottom:0; height:180px; pointer-events:none;
  z-index:1; background:linear-gradient(to top,rgba(29,29,27,.55),transparent);
}
.hero-bar, .hero-dots{ z-index:3; }
.hero-content{ z-index:2; }
.hero-count{
  position:absolute; right:0; bottom:2px; font-size:12px; letter-spacing:.14em; color:rgba(255,255,255,.7);
}
.hero-count b{ color:#fff; font-weight:500; }

/* ─── Mobil aksiyon barı ───────────────────────────────────── */
.mobile-bar{
  position:fixed; left:12px; right:12px; bottom:12px; z-index:70; display:none;
  gap:8px; padding:8px; border-radius:var(--r-pill);
  background:rgba(255,255,255,.88); backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px); box-shadow:0 12px 34px rgba(29,29,27,.18);
  border:1px solid rgba(29,29,27,.06);
}
.mobile-bar a, .mobile-bar button{
  flex:1; height:46px; border-radius:var(--r-pill); display:grid; place-items:center;
  font-size:13px; letter-spacing:.02em; font-weight:500;
}
.mobile-bar .mb-call{ background:var(--mist); color:var(--ink); }
.mobile-bar .mb-wa{ background-image:linear-gradient(180deg,#18A45A,#128046); color:#fff; }
.mobile-bar .mb-cta{ background:var(--green); color:#fff; }

@media (max-width:820px){
  .mobile-bar{ display:flex; }
  .fixed-side{ display:none; }
  .site-header.scrolled .header-inner{ padding-inline:18px; }
}
@media (prefers-reduced-motion:reduce){
  .marquee-track{ animation:none; }
  .stagger > *{ opacity:1 !important; transform:none !important; }
}

/* ══════════════════════════════════════════════════════════════
   MOBİL DÜZENLEME (≤ 820px)
   ══════════════════════════════════════════════════════════════ */
@media (max-width:820px){
  body{ padding-bottom:78px; }              /* sabit aksiyon barı için pay */

  /* ─── Hero: sabit konumlu bloklar yerine akış ─── */
  .hero{ height:auto; min-height:0; display:flex; flex-direction:column; background:#fff; }
  .hero-slides{
    position:relative; height:78svh; min-height:440px; background:var(--ink);
    border-radius:0 0 var(--r) var(--r); overflow:hidden;
  }
  .hero-slides::after{
    content:''; position:absolute; left:0; right:0; bottom:0; height:150px; pointer-events:none; z-index:4;
    background:linear-gradient(to top,rgba(29,29,27,.6),transparent);
  }
  .hero::after{ display:none; }
  .hero-content{
    position:absolute; left:0; right:0; bottom:0; top:auto;
    padding-bottom:26px;
  }
  .hero-title{ font-size:clamp(27px,7.6vw,38px); letter-spacing:-.02em; }
  .hero-sub{ font-size:14.5px; line-height:1.65; margin-top:14px; }
  .hero-eyebrow{ margin-bottom:14px; font-size:10px; }
  .hero-cta{ margin-top:22px; gap:12px 18px; }
  .hero-cta .btn{ height:48px; padding:0 24px; font-size:12.5px; }

  /* kontroller hero'nun altında, akışta */
  .hero-bar{
    position:relative; bottom:auto; left:auto; right:auto;
    display:flex; align-items:center; justify-content:space-between;
    padding-block:16px 0;
  }
  .hero-dots{ position:relative; bottom:auto; left:auto; right:auto; padding-block:14px 20px; }
  .hero-dots .dot{ width:100%; flex:1; background:rgba(29,29,27,.14); }
  .hero-dots .dot i{ background:var(--green); }
  .nav-circle{ width:42px; height:42px; border-color:rgba(29,29,27,.2); color:var(--ink); }
  .nav-circle:hover{ background:var(--ink); color:#fff; border-color:var(--ink); }
  .hero-count{ position:static; color:var(--smoke); }
  .hero-count b{ color:var(--ink); }
  .hero-bar .link-arrow.link-light{ color:var(--ink); }
  .hero-bar .link-arrow.link-light:hover{ color:var(--green); }
  .hero-bar .link-arrow.link-light::after{ background:var(--ink); }

  /* ─── Güven bandı: iki sütun ─── */
  .trust-grid{ grid-template-columns:1fr 1fr; }
  .trust-item{ padding:18px 0; border-left:0; border-top:1px solid var(--line); }
  .trust-item:nth-child(1), .trust-item:nth-child(2){ border-top:0; }

  .trust-item p{ font-size:13px; }

  /* ─── Bölüm ritmi ─── */
  .section{ padding-block:clamp(56px,11vw,80px); }
  .sec-head{ padding-bottom:26px; }
  .counters{ margin-top:36px; }
  .media-band{ aspect-ratio:4/3; }
  .band-caption{ font-size:9px; letter-spacing:.1em; }
  .play{ width:64px; height:64px; }
  .play svg{ width:20px; height:20px; }

  /* ─── Ödül / neden biz listesi ─── */
  .award-list li{ grid-template-columns:56px 1fr; gap:10px 14px; padding:18px 0; }
  .aw-name{ font-size:16px; }
  .aw-prj{ grid-column:2; text-align:left; font-size:10px; }

  /* ─── Kartlar ─── */
  .card-hover{ display:none; }
  .feature-card .card-title{ font-size:22px; }
  .card-text{ font-size:14.5px; }

  /* ─── Formlar ─── */
  .modal-box{ padding:26px 20px 30px; border-radius:18px; }
  .f-field input, .f-field select, .f-field textarea{ font-size:16px; }  /* iOS zoom engeli */

  /* ─── Footer ─── */
  .footer-top{ padding-bottom:36px; }
  .footer-cols{ gap:28px 20px; }
  .footer-bottom{ gap:14px; }
}

@media (max-width:560px){
  .hero-slides{ height:74svh; min-height:400px; }
  .hero-cta{ width:100%; }
  .hero-cta .btn{ width:100%; }
  .hero-cta .link-arrow{ font-size:13px; }
  .footer-cols{ grid-template-columns:1fr; }
  .quote blockquote{ font-size:18px; }
  .vm{ padding:26px 0 28px; }
  .megamenu-inner{ padding-top:96px; }
  .mm-list a{ font-size:22px; }
  .marquee-track span{ font-size:13px; gap:30px; }
  .marquee-track{ gap:30px; }
}

/* sekme panelleri: içerik uzunluğu değişince zıplamasın */
@media (min-width:821px){
  .palette .tab-panel{ min-height:240px; }
}

/* ══════════════════════════════════════════════════════════════
   IZGARA AYIRICILARI
   Eski yöntem: kapsayıcıda gri zemin + 1px boşluk. Kartlar
   animasyonla açılırken bu gri katman arkadan görünüyordu.
   Yeni yöntem: ayırıcılar doğrudan çocuk öğelerin kenarlığı.
   ══════════════════════════════════════════════════════════════ */
.service-grid, .steps, .hl-grid, .office-grid,
.vm-grid, .kapsam-grid, .quote-grid{
  gap:0; background:transparent;
}
.service, .step, .hl, .office, .vm, .kapsam-col, .quote{ background:transparent; }

.service-grid > .service{ border-left:1px solid var(--line-dark); border-top:0; }
.service-grid > .service:nth-child(3n+1){ border-left:0; }
.service-grid > .service:nth-child(n+4){ border-top:1px solid var(--line-dark); }
@media (max-width:1100px){
  .service-grid > .service{ border-left:1px solid var(--line-dark); border-top:0; }
  .service-grid > .service:nth-child(2n+1){ border-left:0; }
  .service-grid > .service:nth-child(n+3){ border-top:1px solid var(--line-dark); }
}
@media (max-width:560px){
  .service-grid > .service{ border-left:1px solid var(--line-dark); border-top:0; }
  .service-grid > .service:nth-child(1n+1){ border-left:0; }
  .service-grid > .service:nth-child(n+2){ border-top:1px solid var(--line-dark); }
}
.service-grid.four > .service{ border-left:1px solid var(--line-dark); border-top:0; }
.service-grid.four > .service:nth-child(4n+1){ border-left:0; }
.service-grid.four > .service:nth-child(n+5){ border-top:1px solid var(--line-dark); }
@media (max-width:1100px){
  .service-grid.four > .service{ border-left:1px solid var(--line-dark); border-top:0; }
  .service-grid.four > .service:nth-child(2n+1){ border-left:0; }
  .service-grid.four > .service:nth-child(n+3){ border-top:1px solid var(--line-dark); }
}
@media (max-width:560px){
  .service-grid.four > .service{ border-left:1px solid var(--line-dark); border-top:0; }
  .service-grid.four > .service:nth-child(1n+1){ border-left:0; }
  .service-grid.four > .service:nth-child(n+2){ border-top:1px solid var(--line-dark); }
}
.steps > .step{ border-left:1px solid var(--line); border-top:0; }
.steps > .step:nth-child(5n+1){ border-left:0; }
.steps > .step:nth-child(n+6){ border-top:1px solid var(--line); }
@media (max-width:1100px){
  .steps > .step{ border-left:1px solid var(--line); border-top:0; }
  .steps > .step:nth-child(2n+1){ border-left:0; }
  .steps > .step:nth-child(n+3){ border-top:1px solid var(--line); }
}
@media (max-width:560px){
  .steps > .step{ border-left:1px solid var(--line); border-top:0; }
  .steps > .step:nth-child(1n+1){ border-left:0; }
  .steps > .step:nth-child(n+2){ border-top:1px solid var(--line); }
}
.steps.four > .step{ border-left:1px solid var(--line); border-top:0; }
.steps.four > .step:nth-child(4n+1){ border-left:0; }
.steps.four > .step:nth-child(n+5){ border-top:1px solid var(--line); }
@media (max-width:1100px){
  .steps.four > .step{ border-left:1px solid var(--line); border-top:0; }
  .steps.four > .step:nth-child(2n+1){ border-left:0; }
  .steps.four > .step:nth-child(n+3){ border-top:1px solid var(--line); }
}
@media (max-width:560px){
  .steps.four > .step{ border-left:1px solid var(--line); border-top:0; }
  .steps.four > .step:nth-child(1n+1){ border-left:0; }
  .steps.four > .step:nth-child(n+2){ border-top:1px solid var(--line); }
}
.hl-grid > .hl{ border-left:1px solid var(--line); border-top:0; }
.hl-grid > .hl:nth-child(4n+1){ border-left:0; }
.hl-grid > .hl:nth-child(n+5){ border-top:1px solid var(--line); }
@media (max-width:1100px){
  .hl-grid > .hl{ border-left:1px solid var(--line); border-top:0; }
  .hl-grid > .hl:nth-child(2n+1){ border-left:0; }
  .hl-grid > .hl:nth-child(n+3){ border-top:1px solid var(--line); }
}
@media (max-width:560px){
  .hl-grid > .hl{ border-left:1px solid var(--line); border-top:0; }
  .hl-grid > .hl:nth-child(1n+1){ border-left:0; }
  .hl-grid > .hl:nth-child(n+2){ border-top:1px solid var(--line); }
}
.hl-grid.five > .hl{ border-left:1px solid var(--line); border-top:0; }
.hl-grid.five > .hl:nth-child(5n+1){ border-left:0; }
.hl-grid.five > .hl:nth-child(n+6){ border-top:1px solid var(--line); }
@media (max-width:1100px){
  .hl-grid.five > .hl{ border-left:1px solid var(--line); border-top:0; }
  .hl-grid.five > .hl:nth-child(2n+1){ border-left:0; }
  .hl-grid.five > .hl:nth-child(n+3){ border-top:1px solid var(--line); }
}
@media (max-width:560px){
  .hl-grid.five > .hl{ border-left:1px solid var(--line); border-top:0; }
  .hl-grid.five > .hl:nth-child(1n+1){ border-left:0; }
  .hl-grid.five > .hl:nth-child(n+2){ border-top:1px solid var(--line); }
}
.office-grid > .office{ border-left:1px solid var(--line); border-top:0; }
.office-grid > .office:nth-child(3n+1){ border-left:0; }
.office-grid > .office:nth-child(n+4){ border-top:1px solid var(--line); }
@media (max-width:820px){
  .office-grid > .office{ border-left:1px solid var(--line); border-top:0; }
  .office-grid > .office:nth-child(1n+1){ border-left:0; }
  .office-grid > .office:nth-child(n+2){ border-top:1px solid var(--line); }
}
.vm-grid > .vm{ border-left:1px solid var(--line); border-top:0; }
.vm-grid > .vm:nth-child(2n+1){ border-left:0; }
.vm-grid > .vm:nth-child(n+3){ border-top:1px solid var(--line); }
@media (max-width:820px){
  .vm-grid > .vm{ border-left:1px solid var(--line); border-top:0; }
  .vm-grid > .vm:nth-child(1n+1){ border-left:0; }
  .vm-grid > .vm:nth-child(n+2){ border-top:1px solid var(--line); }
}
.kapsam-grid > .kapsam-col{ border-left:1px solid var(--line); border-top:0; }
.kapsam-grid > .kapsam-col:nth-child(3n+1){ border-left:0; }
.kapsam-grid > .kapsam-col:nth-child(n+4){ border-top:1px solid var(--line); }
@media (max-width:1100px){
  .kapsam-grid > .kapsam-col{ border-left:1px solid var(--line); border-top:0; }
  .kapsam-grid > .kapsam-col:nth-child(2n+1){ border-left:0; }
  .kapsam-grid > .kapsam-col:nth-child(n+3){ border-top:1px solid var(--line); }
}
@media (max-width:820px){
  .kapsam-grid > .kapsam-col{ border-left:1px solid var(--line); border-top:0; }
  .kapsam-grid > .kapsam-col:nth-child(1n+1){ border-left:0; }
  .kapsam-grid > .kapsam-col:nth-child(n+2){ border-top:1px solid var(--line); }
}
.quote-grid > .quote{ border-left:1px solid var(--line); border-top:0; }
.quote-grid > .quote:nth-child(2n+1){ border-left:0; }
.quote-grid > .quote:nth-child(n+3){ border-top:1px solid var(--line); }
@media (max-width:820px){
  .quote-grid > .quote{ border-left:1px solid var(--line); border-top:0; }
  .quote-grid > .quote:nth-child(1n+1){ border-left:0; }
  .quote-grid > .quote:nth-child(n+2){ border-top:1px solid var(--line); }
}

/* açık zeminli bölümlerde kartların kendi zemini kalsın */
.services .service:hover{ background:var(--ink-2); }
.hl:hover{ background:var(--mist); }
.approach:hover{ background:var(--sand); }

/* görsel yer tutucuları griden çıkar (yükleme anında gri parlama olmasın) */
.card-media, .news-media, .pg-media, .cat-media, .nursery-media,
.media-band, .gal-frame, .split-gallery .gal-frame{ background:var(--sage); }

/* ══════════════════════════════════════════════════════════════
   MARKA MÜHÜRÜ (Biz Kimiz bölümü)
   Gerçek logo dosyası geldiğinde bu SVG yerine <img> konulabilir.
   ══════════════════════════════════════════════════════════════ */
.information .info-head{ align-items:start; }
.intro-left{ position:relative; }
.intro-left .statement{ margin-top:20px; }

.brand-seal{ width:118px; height:118px; margin-bottom:36px; }
.brand-seal svg{ width:100%; height:100%; overflow:visible; }
.seal-text{
  font-family:'Archivo',sans-serif; font-size:8.6px; font-weight:500;
  letter-spacing:.2em; fill:var(--green);
}
.seal-ring{ transform-origin:60px 60px; animation:sealSpin 34s linear infinite; }
@keyframes sealSpin{ to{ transform:rotate(360deg); } }
.seal-mark path{ fill:none; stroke:var(--green); stroke-width:1.6; stroke-linecap:round; }
.seal-mark path:nth-child(2), .seal-mark path:nth-child(3){ fill:rgba(47,74,52,.10); }

/* başlığın arkasında yumuşak yeşil hale */
.intro-left::before{
  content:''; position:absolute; left:-64px; top:-58px;
  width:430px; height:430px; border-radius:50%; z-index:-1;
  background:radial-gradient(circle at 40% 40%, rgba(47,74,52,.09), rgba(47,74,52,0) 68%);
  pointer-events:none;
}
.information{ position:relative; z-index:0; }

@media (max-width:1100px){
  .information .info-head{ align-items:start; }
  .brand-seal{ width:96px; height:96px; margin-bottom:26px; }
  .intro-left::before{ left:-32px; top:-30px; width:240px; height:240px; }
}
@media (prefers-reduced-motion:reduce){ .seal-ring{ animation:none; } }

/* ══════════════════════════════════════════════════════════════
   ARDIŞIK BÖLÜM BOŞLUKLARI
   Aynı zemindeki iki bölüm alt alta gelince alt+üst boşluk
   toplanıp aşırı büyüyordu (ör. Süreç → Projeler). Toplanan
   boşluğu tek bir ölçüye indiriyoruz.
   ══════════════════════════════════════════════════════════════ */
.section + .section:not(.services):not(.contact):not(.split):not(.offices):not(.nursery){
  padding-top:clamp(36px,4.4vw,72px);
}
/* önceki bölümün alt boşluğu da kısılır (destekleyen tarayıcılarda) */
.section:has(+ .section:not(.services):not(.contact):not(.split):not(.offices):not(.nursery)){
  padding-bottom:clamp(36px,4.4vw,72px);
}
/* farklı zeminli bir bölümden sonra tam boşluk korunur */
.services + .section,
.contact + .section,
.split + .section,
.offices + .section,
.nursery + .section,
.feature + .section,
.next-project + .section{
  padding-top:var(--sec);
}

/* ══════════════════════════════════════════════════════════════
   HEADER — yenilenmiş
   ══════════════════════════════════════════════════════════════ */
.header-inner{ gap:28px; }

/* ─── Logo kilidi ─── */
.logo{ flex-direction:row; align-items:center; gap:12px; }
.logo-ico{ width:34px; height:34px; flex:none; }
.logo-ico svg{ width:100%; height:100%; }
.logo-ico circle{ fill:none; stroke:currentColor; stroke-width:1; opacity:.35; }
.logo-ico path{ fill:none; stroke:currentColor; stroke-width:1.3; stroke-linecap:round; }
.logo-ico path:nth-child(3), .logo-ico path:nth-child(4){ fill:currentColor; fill-opacity:.14; }
.logo{ color:#fff; transition:color .4s var(--ease); }
.logo-text{ display:flex; flex-direction:column; gap:4px; line-height:1; }
.logo-mark{ font-size:17px; font-weight:700; letter-spacing:.14em; }
.logo-sub{ font-size:8.5px; letter-spacing:.2em; }
.site-header.scrolled .logo{ color:var(--green); }
.site-header.scrolled .logo-mark{ color:var(--ink); }
.site-header.scrolled .logo-sub{ color:var(--smoke); }
.logo:hover .logo-ico{ transform:rotate(-8deg); }
.logo-ico{ transition:transform .5s var(--ease); }

/* ─── Menü bağlantıları: daha kalın ─── */
.main-nav{ gap:32px; }
.main-nav a{
  font-size:14.5px; font-weight:500; letter-spacing:.01em;
  color:rgba(255,255,255,.94);
}
.main-nav a::after{ bottom:-2px; height:1.5px; }
.site-header.scrolled .main-nav a{ color:var(--ink); font-weight:500; }
.main-nav a.is-current{ color:#fff !important; }
.site-header.scrolled .main-nav a.is-current{ color:var(--green) !important; }
.main-nav .has-drop > a .caret{ opacity:.7; }

/* ─── Açılır menü rötuş ─── */
.drop{
  left:-20px; min-width:280px; padding:12px 0; border-radius:14px;
  border-color:rgba(29,29,27,.08); box-shadow:0 24px 50px rgba(29,29,27,.14);
}
.drop li a{ position:relative; padding:12px 22px; font-weight:500; }
.drop li a::before{
  content:''; position:absolute; left:0; top:8px; bottom:8px; width:2px;
  background:var(--green); border-radius:2px; transform:scaleY(0);
  transition:transform .3s var(--ease);
}
.drop li a:hover::before{ transform:scaleY(1); }
.drop li a:hover{ background:rgba(47,74,52,.05); padding-left:26px; }

/* ─── Telefon: hap buton ─── */
.header-phone{
  display:inline-flex; align-items:center; gap:9px; height:40px; padding:0 16px;
  border:1px solid rgba(255,255,255,.28); border-radius:var(--r-pill);
  font-size:13.5px; font-weight:500; color:#fff;
  transition:all .35s var(--ease);
}
.header-phone svg{ width:14px; height:14px; fill:currentColor; opacity:.85; }
.header-phone:hover{ background:rgba(255,255,255,.14); border-color:rgba(255,255,255,.5); }
.site-header.scrolled .header-phone{ border-color:rgba(29,29,27,.16); color:var(--ink); }
.site-header.scrolled .header-phone:hover{ background:rgba(47,74,52,.07); border-color:var(--green); color:var(--green); }

/* ─── Header CTA ─── */
.btn-quote{
  height:40px; padding:0 20px; border-radius:var(--r-pill);
  background:var(--green); color:#fff; font-size:13.5px; font-weight:500;
  transition:all .35s var(--ease);
}
.btn-quote:hover{ background:var(--green-2); transform:translateY(-1px); box-shadow:0 10px 22px rgba(47,74,52,.3); }

/* ─── Menü butonu: yuvarlak ─── */
.burger{
  width:42px; height:42px; border-radius:50%;
  border:1px solid rgba(255,255,255,.28); transition:all .35s var(--ease);
}
.burger:hover{ background:rgba(255,255,255,.14); border-color:rgba(255,255,255,.5); }
.burger span{ left:calc(50% - 9px); width:18px; }
.burger span:nth-child(1){ top:calc(50% - 5px); }
.burger span:nth-child(2){ top:50%; width:12px; }
.burger span:nth-child(3){ top:calc(50% + 5px); }
.burger:hover span:nth-child(2){ width:18px; }
.site-header.scrolled .burger{ border-color:rgba(29,29,27,.16); }
.site-header.scrolled .burger:hover{ background:rgba(47,74,52,.07); border-color:var(--green); }
body.menu-open .burger{ border-color:rgba(255,255,255,.4); background:rgba(255,255,255,.12); }
body.menu-open .burger span:nth-child(1){ transform:translateY(5px) rotate(45deg); }
body.menu-open .burger span:nth-child(3){ transform:translateY(-5px) rotate(-45deg); }

/* ─── Yüzen bar oranları ─── */
.site-header.scrolled .header-inner{ height:64px; }
.site-header.scrolled .logo-ico{ width:30px; height:30px; }

@media (max-width:1100px){
  .btn-quote{ display:none; }
}
@media (max-width:820px){
  .header-phone span{ display:none; }
  .header-phone{ width:40px; padding:0; justify-content:center; }
  .header-phone svg{ width:15px; height:15px; }
  .logo-ico{ width:30px; height:30px; }
  .logo-mark{ font-size:15px; letter-spacing:.1em; }
  .logo-sub{ font-size:7.5px; }
}
@media (max-width:560px){
  .header-inner{ gap:14px; }
  .logo-sub{ display:none; }
}

/* ══════════════════════════════════════════════════════════════
   HERO KONTROL ŞERİDİ — göstergeler ve oklar aynı hizada
   ══════════════════════════════════════════════════════════════ */
.hero-bar{
  bottom:58px; justify-content:space-between; align-items:center; gap:32px;
}
.hero-bar .hero-dots{
  position:static; display:flex; align-items:center; gap:10px;
  flex:0 1 300px; padding:0;
}
.hero-bar .hero-dots .dot{ flex:1; }

@media (max-width:820px){
  .hero-bar{ bottom:auto; padding-block:16px 22px; gap:20px; }
  .hero-bar .hero-dots{ flex:1 1 auto; max-width:220px; }
  .hero-bar .hero-dots .dot{ background:rgba(29,29,27,.14); }
  .hero-bar .hero-dots .dot i{ background:var(--green); }
}

/* ══════════════════════════════════════════════════════════════
   DİL SEÇİCİ
   ══════════════════════════════════════════════════════════════ */
.lang{
  display:inline-flex; align-items:center; gap:8px;
  font-size:12.5px; font-weight:500; letter-spacing:.06em;
  color:rgba(255,255,255,.55);
}
.lang span{ width:1px; height:11px; background:currentColor; opacity:.45; }
.lang button{ color:inherit; padding:2px 1px; transition:color .3s var(--ease); }
.lang button:hover{ color:#fff; }
.lang button.is-active{ color:#fff; position:relative; }
.lang button.is-active::after{
  content:''; position:absolute; left:0; right:0; bottom:-4px; height:1.5px;
  background:currentColor; border-radius:2px;
}
.site-header.scrolled .lang{ color:var(--smoke); }
.site-header.scrolled .lang button:hover{ color:var(--ink); }
.site-header.scrolled .lang button.is-active{ color:var(--green); }
body.menu-open .lang{ color:rgba(255,255,255,.55); }
body.menu-open .lang button.is-active{ color:#fff; }

/* mega menü alt satırı */
.megamenu-foot-right{ display:flex; align-items:center; gap:26px; }
.lang-menu{ display:none; }

@media (max-width:820px){
  .header-right .lang{ display:none; }
  .lang-menu{ display:inline-flex; }
}
@media (max-width:560px){
  .megamenu-foot-right{ flex-direction:row-reverse; justify-content:space-between; width:100%; gap:16px; }
}

/* ══════════════════════════════════════════════════════════════
   IZGARA HÜCRE RİTMİ
   Ayırıcılı ızgaralarda ilk/son hücrenin iç boşluğu sıfırdı;
   içerik konteyner kenarına yapışık, diğer hücreler içeriden
   başlıyordu. Artık tüm hücreler simetrik iç boşluk alıyor,
   ızgara negatif kenar boşluğuyla dışa taşınarak ilk ve son
   sütunun metni yine konteyner hizasında kalıyor.
   ══════════════════════════════════════════════════════════════ */
:root{ --cell:clamp(16px,2vw,30px); }

.service-grid, .steps, .hl-grid, .office-grid,
.vm-grid, .kapsam-grid, .quote-grid, .trust-grid{
  margin-inline:calc(var(--cell) * -1) !important;
}
.service, .step, .hl, .office, .vm, .kapsam-col, .quote, .trust-item{
  padding-inline:var(--cell) !important;
}

/* dikey iç boşlukları da dengele */
.service{ padding-block:40px 46px; }
.step{ padding-block:32px 38px; }
.hl{ padding-block:32px 38px; }
.office{ padding-block:38px 42px; }
.vm{ padding-block:32px 36px; }
.kapsam-col{ padding-block:32px 36px; }
.quote{ padding-block:36px 40px; }
.trust-item{ padding-block:24px 26px; }

@media (max-width:820px){
  .trust-item{ padding-block:18px !important; }
}

/* ══════════════════════════════════════════════════════════════
   RÖTUŞLAR
   ══════════════════════════════════════════════════════════════ */
.tint{ background:var(--sage); }

/* Tek gruplu hizmet kapsamı: sağda boş sütun kalmasın */
.kapsam-grid:has(> .kapsam-col:only-child){ grid-template-columns:1fr; border-top:0; }
.kapsam-col:only-child{ padding-block:0 !important; }
.kapsam-col:only-child h3{ display:none; }              /* başlık tekrarı */
.kapsam-col:only-child .tick-list{ columns:3; column-gap:56px; }
.kapsam-col:only-child .tick-list li{ break-inside:avoid; margin-bottom:14px; }
@media (max-width:1100px){ .kapsam-col:only-child .tick-list{ columns:2; } }
@media (max-width:640px){ .kapsam-col:only-child .tick-list{ columns:1; } }

/* Künye listesi ve tick-list ritmi */
.tick-list li{ margin-bottom:13px; }
.p-spec .tick-list{ margin-top:22px; }

/* Kart gövdesi ritmi */
.card-body{ padding-top:20px; }
.card-meta{ margin-top:8px; }
.card .link-arrow{ margin-top:18px; }

/* Bölüm başlığı altındaki açıklama */
.sec-note{ padding-bottom:4px; }

/* CTA bandı: metin ve buton hizası */
.next-content .btn{ margin-top:26px; }
.next-meta{ max-width:56ch; }

/* Alıntı kartlarında tırnak ritmi */
.quote blockquote{ text-wrap:balance; }

/* Ödül listesi: sağ etiket dikey ortalansın */
.award-list li{ align-items:center; }

/* Vizyon–Misyon split: metin sütunu görsele göre dikey hizalansın */
.split.tint .split-grid{ align-items:center; }
.vm-stack{ max-width:52ch; }
.vm-stack p:not(.vm-label){ font-size:15.5px; }

/* Ödül/neden-biz satırlarında sağ etiket biraz içeride dursun */
.aw-prj{ padding-left:24px; }

/* Sayfa içi bölüm başlıklarında alt boşluk dengesi */
.p-intro-grid .p-spec .eyebrow{ margin-bottom:14px; }

/* ══════════════════════════════════════════════════════════════
   FOOTER — yenilenmiş
   ══════════════════════════════════════════════════════════════ */
.site-footer{
  background:linear-gradient(180deg,#1d1d1b 0%,#20241f 100%);
  padding-block:clamp(56px,6vw,90px) 26px; position:relative; overflow:hidden;
}
.site-footer::after{
  content:''; position:absolute; inset:0; pointer-events:none; opacity:.3; mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E");
}
.site-footer .wrap{ position:relative; z-index:1; }

.footer-top{
  display:grid; grid-template-columns:1fr 1.9fr; gap:clamp(40px,5vw,88px);
  padding-bottom:48px; border-bottom:1px solid var(--line-dark);
}

/* ─── Marka bloğu ─── */
.footer-logo{ color:#fff; margin-bottom:24px; }
.footer-logo .logo-mark{ color:#fff; }
.footer-logo .logo-sub{ color:rgba(255,255,255,.5); }
.fb-text{ font-size:14.5px; line-height:1.8; color:rgba(255,255,255,.55); max-width:38ch; }
.fb-actions{ display:flex; flex-wrap:wrap; gap:10px; margin-top:26px; }
.f-pill{
  display:inline-flex; align-items:center; gap:9px; height:42px; padding:0 18px;
  border:1px solid rgba(255,255,255,.2); border-radius:var(--r-pill);
  font-size:13.5px; font-weight:500; color:#fff; transition:all .35s var(--ease);
}
.f-pill svg{ width:15px; height:15px; fill:currentColor; opacity:.9; }
.f-pill:hover{ background:rgba(255,255,255,.1); border-color:rgba(255,255,255,.4); }
.f-pill-wa:hover{ background:#0F7440; border-color:#0F7440; color:#fff; }

.f-social{ display:flex; gap:9px; margin-top:26px; }
.f-social a{
  width:38px; height:38px; border-radius:50%; display:grid; place-items:center;
  border:1px solid rgba(255,255,255,.18); font-size:10.5px; font-weight:500;
  letter-spacing:.06em; color:rgba(255,255,255,.7); transition:all .35s var(--ease);
}
.f-social a:hover{ background:#fff; border-color:#fff; color:var(--ink); transform:translateY(-2px); }

/* ─── Bağlantı sütunları ─── */
.footer-cols{ display:grid; grid-template-columns:repeat(3,1fr); gap:36px; }
.f-label{
  font-size:10.5px; text-transform:uppercase; letter-spacing:.2em;
  margin-bottom:22px; font-weight:500;
}
.footer-cols li{ margin-bottom:13px; }
.footer-cols a{
  font-size:14.5px; color:rgba(255,255,255,.62);
  transition:color .3s var(--ease), padding-left .3s var(--ease);
}
.footer-cols a:hover{ color:#fff; padding-left:5px; }
.f-contact li{ font-size:14.5px; color:rgba(255,255,255,.62); line-height:1.7; }
.f-cta{ margin-top:8px; color:#fff; }
.f-cta::after{ background:rgba(255,255,255,.4); }
.f-cta:hover{ color:#A8D5B5; }

/* ─── Dev kelime markası ─── */
.footer-mark{
  margin:34px 0 10px; font-size:clamp(30px,10.2vw,146px); font-weight:700;
  letter-spacing:.01em; line-height:.86; color:rgba(255,255,255,.10);
  white-space:nowrap; user-select:none; text-align:center;
}

/* ─── Alt şerit ─── */
.footer-bottom{
  display:flex; align-items:center; justify-content:space-between; gap:18px;
  padding-top:22px; border-top:1px solid var(--line-dark);
  font-size:12px; color:rgba(255,255,255,.38);
}
.footer-bottom div{ display:flex; gap:24px; flex-wrap:wrap; }
.footer-bottom a{ transition:color .3s; }
.footer-bottom a:hover{ color:#fff; }

@media (max-width:1100px){
  .footer-top{ grid-template-columns:1fr; gap:44px; }
  .footer-cols{ gap:28px; }
}
@media (max-width:820px){
  .footer-mark{ font-size:clamp(38px,13vw,90px); margin:26px 0 6px; }
}
@media (max-width:560px){
  .footer-cols{ grid-template-columns:1fr 1fr; }
  .footer-cols > div:last-child{ grid-column:1 / -1; }
  .footer-bottom{ flex-direction:column; align-items:flex-start; gap:12px; }
  .footer-bottom div{ gap:16px; }
}

/* ══════════════════════════════════════════════════════════════
   TİPOGRAFİ AĞIRLIĞI VE KONTRAST
   Yazılar fazla ince ve soluk kalıyordu: başlık ağırlıkları
   bir kademe artırıldı, gövde metni koyulaştırıldı, koyu
   zeminlerdeki opaklıklar yükseltildi.
   ══════════════════════════════════════════════════════════════ */
:root{
  --smoke:#4d4d48;      /* eski #666 */
  --smoke-2:#6f6f68;    /* eski #999 — küçük metinde AA */
}

/* ─── Başlık ağırlıkları ─── */
.hero-title{ font-weight:400; }
.p-title{ font-weight:400; }
.statement{ font-weight:400; }
.h2{ font-weight:500; }
.card-title{ font-weight:500; }
.aw-name{ font-weight:500; }
.quote blockquote{ font-weight:400; }
.mm-list a{ font-weight:400; }
.step h3, .hl h3, .service h3, .office h3{ font-weight:600; }
.cat-text .h2, .feature-stats strong, .counter strong{ font-weight:500; }

/* ─── Açık zeminde gövde metni ─── */
body{ color:#212120; }
.lead{ color:#3f3f3a; }
.card-text, .p-body, .vm p, .step p, .hl p, .kapsam-col .tick-list li,
.tick-list li, .qa p, .sec-sub, .plants span{ color:#46463f; }
.card-meta, .gal-caption, .aw-prj, .pg-grid figcaption{ color:#5d5d56; }
.info-link p{ color:#3f3f3a; }

/* ─── Koyu zeminde okunabilirlik ─── */
.services .service p{ color:rgba(255,255,255,.72); }
.sec-note{ color:rgba(255,255,255,.68); }
.sec-note.dark{ color:#46463f; }
.hero-sub{ color:rgba(255,255,255,.88); }
.crumb{ color:rgba(255,255,255,.72); }
.lead.light{ color:rgba(255,255,255,.78); }
.next-meta{ color:rgba(255,255,255,.8); }
.feature-stats span{ color:rgba(255,255,255,.72); }
.contact-info p{ color:rgba(255,255,255,.78); }
.megamenu-foot{ color:rgba(255,255,255,.62); }

/* ─── Footer ─── */
.fb-text{ color:rgba(255,255,255,.68); }
.footer-cols a, .f-contact li{ color:rgba(255,255,255,.74); }
.footer-bottom{ color:rgba(255,255,255,.5); }
.f-news-note{ color:rgba(255,255,255,.58); }

/* ─── Küçük etiketler biraz daha belirgin ─── */
.eyebrow, .f-label, .mm-label, .ci-label, .vm-label, .card-cat, .news-date,
.s-no, .st-no, .hl-no, .cat-no, .t-no, .aw-year{ font-weight:600; }
.st-out{ font-weight:500; color:#2b2b27; }
.plants em{ color:#6b6b64; }

/* ══════════════════════════════════════════════════════════════
   SABİT YAN BUTONLAR — yeniden düzenlendi
   WhatsApp + Ücretsiz Keşif tek blok (aralarında ince boşluk,
   renkleri ayrı). Yukarı çık butonu standart yerine, sağ alt
   köşeye alındı.
   ══════════════════════════════════════════════════════════════ */
.fixed-side{
  position:fixed; right:0; top:50%; transform:translateY(-50%); z-index:60;
  display:flex; flex-direction:column; align-items:flex-end; gap:3px;
}
.side-wa{
  width:48px; height:48px; margin:0; border-radius:18px 0 0 0;
  background:#128046; color:#fff; display:grid; place-items:center;
  transition:background .3s var(--ease), width .3s var(--ease);
}
.side-wa svg{ width:23px; height:23px; }
.side-wa:hover{ background-image:linear-gradient(180deg,#1DB768,#158E4F); width:54px; transform:none; }
.side-btn{
  width:48px; writing-mode:vertical-rl; border-radius:0 0 0 18px;
  background:var(--green); color:#fff; font-size:11.5px; font-weight:500;
  letter-spacing:.14em; padding:20px 0; display:grid; place-items:center;
  transition:background .3s var(--ease), width .3s var(--ease), padding .3s var(--ease);
}
.side-btn:hover{ background:var(--green-2); width:54px; padding-block:26px; }

/* ─── Yukarı çık: sağ alt köşe ─── */
.side-top{
  position:fixed; right:26px; bottom:26px; z-index:60; margin:0;
  width:46px; height:46px; border-radius:50%;
  background:#fff; border:1px solid var(--line); color:var(--ink);
  display:grid; place-items:center; box-shadow:0 8px 22px rgba(29,29,27,.12);
  opacity:0; visibility:hidden; transform:translateY(10px); pointer-events:none;
  transition:opacity .35s var(--ease), transform .35s var(--ease), background .3s, color .3s, border-color .3s;
}
.side-top svg{ width:11px; height:21px; }
.side-top.show{ opacity:1; visibility:visible; transform:none; pointer-events:auto; }
.side-top:hover{ background:var(--green); color:#fff; border-color:var(--green); }

@media (max-width:820px){
  .fixed-side{ display:none; }
  .side-top{ right:14px; bottom:88px; width:42px; height:42px; }
  .side-top svg{ width:10px; height:19px; }
}

/* ══════════════════════════════════════════════════════════════
   KOYU ZEMİN / GÖRSEL ÜSTÜ BEYAZ METİN NETLİĞİ
   Düşük opaklıklı beyazlar silik kalıyordu: opaklıklar
   yükseltildi, görsel üstündeki metinlere hafif gölge eklendi.
   ══════════════════════════════════════════════════════════════ */

/* ─── Koyu bölümlerde gövde metni ─── */
.services .service p{ color:rgba(255,255,255,.84); }
.sec-note{ color:rgba(255,255,255,.82); }
.lead.light{ color:rgba(255,255,255,.88); }
.contact-info p{ color:rgba(255,255,255,.9); }
.next-meta{ color:rgba(255,255,255,.9); }
.feature-stats span{ color:rgba(255,255,255,.84); }
.megamenu-foot{ color:rgba(255,255,255,.75); }
.mm-list a{ color:#fff; }

/* ─── Footer ─── */
.fb-text{ color:rgba(255,255,255,.8); }
.footer-cols a, .f-contact li{ color:rgba(255,255,255,.85); }
.footer-cols a:hover{ color:#fff; }
.footer-bottom{ color:rgba(255,255,255,.62); }
.footer-bottom a{ color:rgba(255,255,255,.72); }
.f-social a{ color:rgba(255,255,255,.85); border-color:rgba(255,255,255,.28); }
.footer-logo .logo-sub{ color:rgba(255,255,255,.68); }

/* ─── Vurgu etiketleri: koyu zeminde daha parlak yeşil ─── */
.services .eyebrow, .services .s-no, .services .sec-note,
.contact .eyebrow, .contact .ci-label,
.feature .eyebrow, .next-project .eyebrow,
.megamenu .mm-label, .site-footer .f-label,
.p-hero .hero-eyebrow, .hero .hero-eyebrow{ color:#A8D5B5; }
.services .sec-note{ color:rgba(255,255,255,.82); }

/* ─── Görsel üstündeki metinler: hafif gölgeyle keskinleşsin ─── */
.hero-content .hero-eyebrow,
.hero-content .hero-title,
.hero-content .hero-sub,
.p-hero-content .hero-eyebrow,
.p-hero-content .p-title,
.p-hero-content .hero-sub,
.p-hero-content .crumb,
.feature-content .eyebrow,
.feature-content .h2,
.feature-content .lead,
.feature-stats strong,
.feature-stats span,
.next-content .eyebrow,
.next-content .h2,
.next-content .next-meta{
  text-shadow:0 1px 18px rgba(15,18,14,.42);
}
.hero-sub{ color:rgba(255,255,255,.95); }
.crumb{ color:rgba(255,255,255,.82); }
.crumb .cur{ color:#fff; }
.band-caption{ color:#fff; text-shadow:0 1px 16px rgba(15,18,14,.6); }

/* küçük açık metinler bir tık daha kalın */
.sec-note, .lead.light, .fb-text, .footer-cols a, .f-contact li,
.contact-info p, .next-meta, .services .service p{ font-weight:400; }
.footer-bottom{ font-weight:400; }

/* ── Fotoğraf üstündeki etiketler yeşil yerine beyaz (yeşil doku
      üzerinde kayboluyordu); scrim'ler bir kademe güçlendirildi ── */
.hero .hero-eyebrow,
.p-hero .hero-eyebrow,
.feature .eyebrow,
.next-project .eyebrow{ color:rgba(255,255,255,.92); }

.hero-shade{
  background:linear-gradient(180deg,rgba(29,29,27,.58) 0%,rgba(29,29,27,.26) 34%,rgba(29,29,27,.9) 100%);
}
.p-hero .hero-shade{
  background:linear-gradient(180deg,rgba(29,29,27,.55) 0%,rgba(29,29,27,.3) 26%,rgba(29,29,27,.93) 100%);
}
.feature-shade{
  background:linear-gradient(90deg,rgba(29,29,27,.95) 0%,rgba(29,29,27,.78) 44%,rgba(29,29,27,.45) 100%);
}
.crumb{ color:rgba(255,255,255,.86); }
@media (max-width:820px){
  .hero-shade{ background:linear-gradient(180deg,rgba(29,29,27,.6) 0%,rgba(29,29,27,.34) 30%,rgba(29,29,27,.92) 100%); }
}

/* ── Küçük etiketler fotoğraf üstünde: çift katmanlı gölge + kalınlık ── */
.hero-content .hero-eyebrow,
.p-hero-content .hero-eyebrow,
.p-hero-content .crumb,
.feature-content .eyebrow,
.next-content .eyebrow{
  font-weight:600;
  text-shadow:0 1px 3px rgba(10,12,9,.8), 0 2px 24px rgba(10,12,9,.55);
}
.hero-content .hero-eyebrow::before,
.p-hero-content .hero-eyebrow::before,
.feature-content .eyebrow::before,
.next-content .eyebrow::before{ opacity:.85; }
.p-hero-content .crumb a:hover{ color:#fff; }
.hero-content .hero-sub, .p-hero-content .hero-sub{ font-weight:400; }

/* ══════════════════════════════════════════════════════════════
   MOBİL HERO — kontroller yeniden görselin İÇİNDE
   ══════════════════════════════════════════════════════════════ */
@media (max-width:820px){
  .hero{
    height:auto; min-height:0; display:block;
    background:var(--ink); position:relative;
  }
  .hero-slides{
    position:relative; height:88svh; min-height:520px;
    border-radius:0; overflow:hidden;
  }
  .hero-slides::after{ display:none; }
  .hero::after{ display:block; height:210px; z-index:1; }

  /* içerik ve kontroller görselin üstünde */
  .hero-content{
    position:absolute; left:0; right:0; bottom:104px; top:auto; padding-bottom:0;
  }
  .hero-bar{
    position:absolute; left:0; right:0; bottom:42px; top:auto;
    display:flex; align-items:center; justify-content:space-between;
    padding-block:0; gap:18px; z-index:3;
  }
  .hero-bar .hero-dots{
    position:static; flex:1 1 auto; max-width:190px; padding:0;
  }
  .hero-bar .hero-dots .dot{ background:rgba(255,255,255,.3); }
  .hero-bar .hero-dots .dot i{ background:#fff; }
  .nav-circle{
    width:42px; height:42px;
    border-color:rgba(255,255,255,.45); color:#fff;
  }
  .nav-circle:hover{ background:#fff; color:var(--ink); border-color:#fff; }
}
@media (max-width:560px){
  .hero-slides{ height:86svh; min-height:480px; }
  .hero-content{ bottom:96px; }
  .hero-bar{ bottom:38px; }
  .hero-bar .hero-dots{ max-width:150px; }
}

/* ══════════════════════════════════════════════════════════════
   MOBİL ROTUŞLARI + BUTON RENKLERİ
   ══════════════════════════════════════════════════════════════ */

/* ─── 1) Footer dev yazısı: taşmasın ─── */
.footer-mark{
  display:flex; justify-content:center; flex-wrap:wrap; gap:0 .22em;
  max-width:100%; font-size:min(10.2vw,146px); overflow:hidden;
}
.footer-mark span{ display:inline-block; }

/* ─── 2) Butonlar: düz renk yerine derinlik ─── */
.btn-dark, .btn-quote{
  background-image:linear-gradient(180deg,#22764A 0%,#1A5E3A 100%);
  box-shadow:0 8px 20px rgba(26,94,58,.22), inset 0 1px 0 rgba(255,255,255,.26);
}
.btn-dark:hover, .btn-quote:hover{
  background-image:linear-gradient(180deg,#2A8A58 0%,#217146 100%);
  box-shadow:0 12px 26px rgba(26,94,58,.28), inset 0 1px 0 rgba(255,255,255,.3);
}
.btn-light{
  background:rgba(255,255,255,.06); backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px); border-color:rgba(255,255,255,.55);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14);
}
.btn-light:hover{ background:#fff; box-shadow:0 12px 26px rgba(0,0,0,.22); }
.side-btn{ background-image:linear-gradient(180deg,#22764A,#1A5E3A); box-shadow:-4px 0 14px rgba(26,94,58,.2); }
.side-wa{ background-image:linear-gradient(180deg,#18A45A,#128046); box-shadow:-4px 0 14px rgba(18,128,70,.22); }
.chip.is-active, .tab.is-active{
  background-image:linear-gradient(180deg,#22764A,#1A5E3A);
  box-shadow:0 5px 12px rgba(26,94,58,.2);
}
.arrow-btn:hover, .nav-circle:hover{ box-shadow:0 6px 16px rgba(0,0,0,.18); }

@media (max-width:820px){
  /* ─── 3) Footer altındaki beyaz boşluk ─── */
  body{ padding-bottom:0; }
  .site-footer{ padding-bottom:calc(26px + 104px); }

  /* ─── 4) Mobil aksiyon barı: ikon + etiket ─── */
  .mobile-bar{
    gap:7px; padding:7px; border-radius:22px;
    background:rgba(255,255,255,.9);
  }
  .mobile-bar a, .mobile-bar button{
    display:inline-flex; align-items:center; justify-content:center; gap:8px;
    height:48px; border-radius:16px; font-size:13px; font-weight:600;
    letter-spacing:.01em; transition:transform .25s var(--ease), box-shadow .25s var(--ease);
  }
  .mobile-bar svg{ width:16px; height:16px; flex:none; }
  .mobile-bar a:active, .mobile-bar button:active{ transform:scale(.97); }

  .mobile-bar .mb-call{
    background:#fff; color:var(--ink);
    border:1px solid rgba(29,29,27,.14);
    box-shadow:0 2px 8px rgba(29,29,27,.06);
  }
  .mobile-bar .mb-call svg{ fill:var(--green); }
  .mobile-bar .mb-wa{
    background-image:linear-gradient(180deg,#18A45A,#128046); color:#fff;
    box-shadow:0 6px 14px rgba(18,128,70,.22), inset 0 1px 0 rgba(255,255,255,.28);
  }
  .mobile-bar .mb-wa svg{ fill:currentColor; }
  .mobile-bar .mb-cta{
    background-image:linear-gradient(180deg,#22764A,#1A5E3A); color:#fff;
    box-shadow:0 6px 14px rgba(26,94,58,.22), inset 0 1px 0 rgba(255,255,255,.26);
  }

  .footer-mark{ font-size:min(13.5vw,88px); line-height:.94; }
}
@media (max-width:430px){
  .mobile-bar .mb-call span{ display:none; }
  .mobile-bar .mb-call{ flex:0 0 56px; }
  .mobile-bar .mb-wa, .mobile-bar .mb-cta{ flex:1; }
}

/* ══════════════════════════════════════════════════════════════
   MENÜ AÇIKKEN HEADER VE SABİT BAR
   ══════════════════════════════════════════════════════════════ */
/* menü açıkken header cam bar olmaktan çıkar, menüyle aynı zemine oturur */
body.menu-open .site-header{ background:var(--ink); box-shadow:none; padding-top:0; }
body.menu-open .site-header::before{ opacity:0; }
body.menu-open .site-header.scrolled .header-inner{
  background:transparent; backdrop-filter:none; -webkit-backdrop-filter:none;
  box-shadow:none; border-color:transparent; border-radius:0;
  height:74px; padding-inline:0;
}
body.menu-open .site-header.scrolled .wrap{ padding-inline:var(--pad); }
body.menu-open .site-header .logo{ color:#fff; }
body.menu-open .site-header .logo-mark{ color:#fff; }
body.menu-open .site-header .logo-sub{ color:rgba(255,255,255,.6); }
body.menu-open .header-phone{ border-color:rgba(255,255,255,.28); color:#fff; }
body.menu-open .header-phone svg{ fill:#fff; }
body.menu-open .btn-quote{ display:none; }

/* menü içeriği header'ın altına girmesin */
.megamenu{ align-items:flex-start; }
.megamenu-inner{ padding-top:112px; }

/* menü açıkken alt sabit bar gizlenir */
body.menu-open .mobile-bar,
body.menu-open .fixed-side,
body.menu-open .side-top{ opacity:0; visibility:hidden; pointer-events:none; }

@media (max-width:820px){
  body.menu-open .site-header.scrolled .header-inner{ height:74px; }
  .megamenu-inner{ padding-top:104px; padding-bottom:48px; }
}

/* ══════════════════════════════════════════════════════════════
   MOBİL SABİT BAR — daha minimal
   ══════════════════════════════════════════════════════════════ */
@media (max-width:820px){
  .mobile-bar{
    left:14px; right:14px; bottom:14px; gap:6px; padding:6px;
    border-radius:18px; background:rgba(255,255,255,.92);
    box-shadow:0 6px 20px rgba(29,29,27,.14); border:1px solid rgba(29,29,27,.05);
    transition:opacity .3s var(--ease), visibility .3s;
  }
  .mobile-bar a, .mobile-bar button{
    height:44px; border-radius:13px; font-size:12.5px; font-weight:600;
    gap:7px; box-shadow:none;
  }
  .mobile-bar svg{ width:15px; height:15px; }

  /* ikon-only yan düğmeler */
  .mobile-bar .mb-call, .mobile-bar .mb-wa{ flex:0 0 44px; padding:0; }
  .mobile-bar .mb-call span, .mobile-bar .mb-wa span{ display:none; }
  .mobile-bar .mb-call{
    background:#fff; border:1px solid rgba(29,29,27,.12); color:var(--ink);
  }
  .mobile-bar .mb-call svg{ fill:var(--ink); }
  .mobile-bar .mb-wa{ background-image:linear-gradient(180deg,#18A45A,#128046); color:#fff; border:0; }
  .mobile-bar .mb-cta{
    flex:1; background-image:linear-gradient(180deg,#22764A,#1A5E3A); color:#fff;
    letter-spacing:.02em;
  }
  .mobile-bar .mb-cta svg{ opacity:.85; }
}
@media (max-width:430px){
  .mobile-bar .mb-call{ flex:0 0 44px; }
}

body.menu-open .burger span{ background:#fff; height:1.5px; }
body.menu-open .burger:hover{ background:rgba(255,255,255,.2); }

/* ══════════════════════════════════════════════════════════════
   MOBİL BAŞLIK VE ALT BAR — son düzen
   Telefon zaten alt barda; başlıkta yerini dil seçici alıyor.
   WhatsApp düğmesi etiketiyle birlikte görünüyor.
   ══════════════════════════════════════════════════════════════ */
@media (max-width:820px){
  .header-phone{ display:none; }
  .header-right .lang{ display:inline-flex; }
  .lang-menu{ display:none; }
  .header-right{ gap:16px; }
  .lang{ font-size:13px; }

  /* WhatsApp: ikon + etiket */
  .mobile-bar .mb-wa{ flex:1 1 auto; padding:0 14px; }
  .mobile-bar .mb-wa span{ display:inline; }
  .mobile-bar .mb-call{ flex:0 0 44px; }
  .mobile-bar .mb-cta{ flex:1 1 auto; padding:0 14px; }
}
@media (max-width:430px){
  .mobile-bar a, .mobile-bar button{ font-size:12px; gap:6px; }
  .mobile-bar .mb-wa, .mobile-bar .mb-cta{ padding:0 10px; }
}

/* ── Footer imzası: TurkClouds ── */
.footer-bottom{ flex-wrap:wrap; }
.fb-legal{ display:flex; gap:24px; flex-wrap:wrap; }
.f-credit{
  display:inline-flex; align-items:center; gap:8px; padding:7px 14px 7px 15px;
  border:1px solid rgba(255,255,255,.14); border-radius:var(--r-pill);
  font-size:11.5px; color:rgba(255,255,255,.6); white-space:nowrap;
  transition:all .35s var(--ease);
}
.f-credit strong{ font-weight:600; color:rgba(255,255,255,.9); letter-spacing:.02em; }
.f-credit svg{ width:9px; height:9px; opacity:.6; transition:transform .35s var(--ease); }
.f-credit:hover{ background:rgba(255,255,255,.08); border-color:rgba(255,255,255,.3); color:#fff; }
.f-credit:hover strong{ color:#fff; }
.f-credit:hover svg{ transform:translate(2px,-2px); opacity:1; }

@media (max-width:900px){
  .footer-bottom{ gap:14px; }
  .f-credit{ order:3; }
}
@media (max-width:560px){
  .f-credit{ font-size:11px; padding:6px 12px; }
}

/* ══════════════════════════════════════════════════════════════
   SCROLL'DAKİ CAM BAR — okunabilirlik sağlamlaştırması
   %82 beyaz koyu fotoğraf üstünde yeterince beyazlaşmıyordu,
   koyu ikonlar kayboluyordu. Opaklık yükseltildi ve
   backdrop-filter desteklenmeyen tarayıcılar için tam
   opak yedek zemin tanımlandı.
   ══════════════════════════════════════════════════════════════ */
.site-header.scrolled .header-inner{
  background:rgba(255,255,255,.93);
  box-shadow:0 8px 28px rgba(29,29,27,.14);
  border-color:rgba(29,29,27,.08);
}
@supports not ((backdrop-filter:blur(2px)) or (-webkit-backdrop-filter:blur(2px))){
  .site-header.scrolled .header-inner{ background:#fff; }
}

/* koyu öğeler tam kontrastta */
.site-header.scrolled .logo-mark{ color:#1d1d1b; }
.site-header.scrolled .logo-sub{ color:#6f6f68; }
.site-header.scrolled .main-nav a{ color:#26261f; }
.site-header.scrolled .lang{ color:#6f6f68; }
.site-header.scrolled .lang button.is-active{ color:var(--green); }
.site-header.scrolled .burger{ border-color:rgba(29,29,27,.22); }
.site-header.scrolled .burger span{ background:#1d1d1b; }
.site-header.scrolled .header-phone{ border-color:rgba(29,29,27,.2); color:#1d1d1b; }

@media (max-width:820px){
  /* mobilde daha da opak: küçük ekranda bulanıklık maliyetli ve
     fotoğraf kontrastı değişken */
  .site-header.scrolled .header-inner{
    background:rgba(255,255,255,.97);
    box-shadow:0 6px 22px rgba(29,29,27,.16);
    padding-inline:16px;
  }
  .site-header.scrolled{ padding-top:8px; }
  /* geçiş sırasında yarı saydam kalmasın */
  .site-header{ transition:background .25s var(--ease), box-shadow .25s var(--ease), transform .35s var(--ease); }
  .site-header .header-inner{ transition:background .25s var(--ease), height .3s var(--ease), padding .3s var(--ease); }
}

/* ══════════════════════════════════════════════════════════════
   TİPOGRAFİ SİSTEMİ — Figtree (gövde) + IBM Plex Mono (etiketler)
   Not: Google Sans tescilli bir font olduğu ve halka açık
   lisansı bulunmadığı için, karakter yapısı en yakın açık
   alternatif olan Figtree kullanıldı.
   ══════════════════════════════════════════════════════════════ */
:root{
  --font-sans:'Figtree','Helvetica Neue',Arial,sans-serif;
  --font-mono:'Quicksand','Helvetica Neue',Arial,sans-serif;
}
body, .btn, button, input, select, textarea, .logo-mark{
  font-family:var(--font-sans);
}

/* ─── Küçük başlıklar / etiketler: mono ─── */
.eyebrow, .hero-eyebrow, .mm-label, .f-label, .ci-label, .vm-label,
.card-cat, .news-date, .brand-tag, .aw-year, .aw-prj,
.s-no, .st-no, .hl-no, .cat-no, .t-no,
.st-out, .gal-count, .gal-caption, .plants em, .crumb,
.band-caption, .pg-grid figcaption, .spec-list dt, .logo-sub,
.footer-bottom, .f-credit, .lang,
.seal-text, .card-meta, .office-tel, .f-note{
  font-family:var(--font-mono);
  font-feature-settings:"tnum" 1;
}

/* mono daha geniş dizildiği için harf aralıkları kısıldı */
.eyebrow, .hero-eyebrow{ letter-spacing:.14em; font-size:11px; font-weight:500; }
.mm-label, .f-label, .ci-label, .vm-label{ letter-spacing:.13em; font-size:10.5px; font-weight:500; }
.card-cat, .news-date{ letter-spacing:.12em; font-size:10.5px; font-weight:500; }
.brand-tag{ letter-spacing:.2em; font-size:12px; font-weight:600; }
.s-no, .st-no, .hl-no, .cat-no, .t-no, .aw-year{ letter-spacing:.1em; font-weight:500; }
.aw-prj, .pg-grid figcaption, .band-caption{ letter-spacing:.1em; }
.st-out{ letter-spacing:.06em; font-size:10.5px; }
.gal-caption, .gal-count, .plants em, .card-meta{ letter-spacing:.01em; }
.card-meta{ font-size:13px; }
.crumb{ letter-spacing:.04em; font-size:11.5px; }
.spec-list dt{ letter-spacing:.1em; }
.logo-sub{ letter-spacing:.16em; font-size:8px; }
.lang{ letter-spacing:.08em; }
.footer-bottom, .f-credit{ letter-spacing:.02em; }
.office-tel{ letter-spacing:.01em; }
.seal-text{ font-size:8px; letter-spacing:.18em; }

/* ─── Figtree metriklerine göre başlık ayarı ─── */
.hero-title{ letter-spacing:-.022em; }
.p-title{ letter-spacing:-.022em; }
.h2{ letter-spacing:-.015em; }
.statement{ letter-spacing:-.016em; }
.logo-mark{ letter-spacing:.1em; font-weight:700; }

/* ══════════════════════════════════════════════════════════════
   BAŞLIK FONTU — Barlow
   h1–h6 ve başlık sınıfları Barlow'a alındı; gövde Figtree,
   küçük etiketler IBM Plex Mono olarak kalıyor.
   ══════════════════════════════════════════════════════════════ */
:root{ --font-head:'Barlow','Helvetica Neue',Arial,sans-serif; }

h1, h2, h3, h4, h5, h6,
.h2, .hero-title, .p-title, .statement, .card-title,
.aw-name, .quote blockquote, .mm-list a, .cat-text .h2,
.modal-box h3, .qa summary, .footer-mark, .logo-mark{
  font-family:var(--font-head);
}

/* Barlow daha dar ve düşük kontrastlı dizilir: aralık ve ağırlık dengesi */
.hero-title{ letter-spacing:-.015em; font-weight:500; }
.p-title{ letter-spacing:-.015em; font-weight:500; }
.h2{ letter-spacing:-.012em; font-weight:600; }
.statement{ letter-spacing:-.012em; font-weight:500; }
.card-title{ letter-spacing:-.005em; font-weight:600; }
.aw-name{ font-weight:500; }
.quote blockquote{ font-weight:500; letter-spacing:-.005em; }
.mm-list a{ font-weight:500; letter-spacing:-.005em; }
.modal-box h3{ font-weight:600; letter-spacing:-.01em; }
.qa summary{ font-weight:600; }
.service h3, .step h3, .hl h3, .office h3, .kapsam-col h3, .news-card h3{
  font-family:var(--font-head); font-weight:600; letter-spacing:-.005em;
}
.footer-mark{ font-weight:700; letter-spacing:0; }
.logo-mark{ font-weight:700; letter-spacing:.1em; }

/* ── Roboto Mono metrikleri: x-yüksekliği daha büyük, biraz daha
      geniş dizilir; punto ve aralıklar buna göre ince ayarlandı ── */
.eyebrow, .hero-eyebrow{ font-size:10.5px; letter-spacing:.13em; }
.mm-label, .f-label, .ci-label, .vm-label{ font-size:10px; letter-spacing:.12em; }
.card-cat, .news-date{ font-size:10px; letter-spacing:.11em; }
.brand-tag{ font-size:11.5px; letter-spacing:.18em; }
.st-out{ font-size:10px; letter-spacing:.05em; }
.crumb{ font-size:11px; }
.card-meta{ font-size:12.5px; }
.spec-list dt{ font-size:9.5px; }
.logo-sub{ font-size:7.5px; letter-spacing:.15em; }
.seal-text{ font-size:7.6px; letter-spacing:.17em; }
.gal-caption, .pg-grid figcaption, .band-caption{ font-size:11px; }

/* ── Etiket fontu Quicksand: monospace olmadığı için harf aralıkları
      bir tık açıldı, ağırlıklar 600'e çekildi. ── */
.eyebrow, .hero-eyebrow{ font-size:10.5px; letter-spacing:.19em; font-weight:600; }
.mm-label, .f-label, .ci-label, .vm-label{ font-size:10px; letter-spacing:.18em; font-weight:600; }
.card-cat, .news-date{ font-size:10px; letter-spacing:.17em; font-weight:600; }
.brand-tag{ font-size:11.5px; letter-spacing:.2em; font-weight:600; }
.s-no, .st-no, .hl-no, .cat-no, .t-no, .aw-year{ letter-spacing:.16em; font-weight:600; }
.st-out{ font-size:10px; letter-spacing:.1em; font-weight:600; }
.crumb{ font-size:11.5px; letter-spacing:.04em; }
.card-meta{ font-size:12.5px; letter-spacing:.005em; }
.spec-list dt{ font-size:9.5px; letter-spacing:.16em; font-weight:600; }
.logo-sub{ font-size:8px; letter-spacing:.2em; font-weight:600; }
.seal-text{ font-size:8px; letter-spacing:.2em; font-weight:600; }
.gal-caption, .pg-grid figcaption, .band-caption{ font-size:11px; letter-spacing:.08em; }
.footer-bottom, .f-credit, .lang{ letter-spacing:.04em; }
.office-tel, .plants em{ letter-spacing:.01em; }

/* ══════════════════════════════════════════════════════════════
   MENÜ AÇIKKEN HEADER — kesin sıfırlama
   .site-header.scrolled kontrast kuralları, body.menu-open
   kurallarıyla aynı özgüllükte olup daha sonra geldiği için
   onları eziyordu: menü açılınca ikonlar koyu kalıyordu.
   Bu blok daha yüksek özgüllükle en sona alınmıştır.
   ══════════════════════════════════════════════════════════════ */
body.menu-open .site-header,
body.menu-open .site-header.scrolled{
  background:var(--ink); box-shadow:none; padding-top:0; transform:none;
}
body.menu-open .site-header::before,
body.menu-open .site-header.scrolled::before{ opacity:0; }

body.menu-open .site-header.scrolled .header-inner{
  background:transparent; backdrop-filter:none; -webkit-backdrop-filter:none;
  box-shadow:none; border:0; border-radius:0; padding-inline:0;
}
body.menu-open .site-header.scrolled .wrap{ padding-inline:var(--pad); }

/* logo */
body.menu-open .site-header.scrolled .logo{ color:#fff; }
body.menu-open .site-header.scrolled .logo-mark{ color:#fff; }
body.menu-open .site-header.scrolled .logo-sub{ color:rgba(255,255,255,.62); }

/* menü bağlantıları */
body.menu-open .site-header.scrolled .main-nav a{ color:rgba(255,255,255,.94); }
body.menu-open .site-header.scrolled .main-nav a.is-current{ color:#fff !important; }

/* dil seçici */
body.menu-open .site-header.scrolled .lang{ color:rgba(255,255,255,.6); }
body.menu-open .site-header.scrolled .lang button:hover{ color:#fff; }
body.menu-open .site-header.scrolled .lang button.is-active{ color:#fff; }

/* telefon */
body.menu-open .site-header.scrolled .header-phone{
  border-color:rgba(255,255,255,.28); color:#fff; background:transparent;
}
body.menu-open .site-header.scrolled .header-phone svg{ fill:#fff; }

/* menü / kapat butonu */
body.menu-open .site-header.scrolled .burger{
  border-color:rgba(255,255,255,.4); background:rgba(255,255,255,.12);
}
body.menu-open .site-header.scrolled .burger span{ background:#fff; }
body.menu-open .site-header.scrolled .burger:hover{ background:rgba(255,255,255,.2); }

/* header CTA menüde gizli */
body.menu-open .site-header.scrolled .btn-quote{ display:none; }

/* ══════════════════════════════════════════════════════════════
   LENIS — yumuşak kaydırma
   ══════════════════════════════════════════════════════════════ */
html.lenis, html.lenis body{ height:auto; }
.lenis.lenis-smooth{ scroll-behavior:auto !important; }
.lenis.lenis-smooth [data-lenis-prevent]{ overscroll-behavior:contain; }
.lenis.lenis-stopped{ overflow:hidden; }

/* ══════════════════════════════════════════════════════════════
   BUTON KALİTESİ — net kenar, renkli gölge, basılma geri bildirimi
   ══════════════════════════════════════════════════════════════ */
.btn, .btn-quote, .side-btn, .mobile-bar a, .mobile-bar button, .chip, .tab{
  -webkit-font-smoothing:antialiased;   /* renkli zeminde yazı keskinliği */
  transition:background-image .3s var(--ease), box-shadow .3s var(--ease),
             transform .25s var(--ease), color .3s var(--ease), border-color .3s var(--ease);
}
.btn-dark:active, .btn-quote:active, .mobile-bar .mb-cta:active{
  transform:translateY(1px);
  box-shadow:0 3px 9px rgba(26,94,58,.2), inset 0 1px 0 rgba(255,255,255,.2);
}
.btn-quote{
  background-image:linear-gradient(180deg,#22764A 0%,#1A5E3A 100%);
  box-shadow:0 6px 14px rgba(26,94,58,.2), inset 0 1px 0 rgba(255,255,255,.26);
}
.btn-quote:hover{
  background-image:linear-gradient(180deg,#2A8A58 0%,#217146 100%);
  box-shadow:0 10px 20px rgba(26,94,58,.26), inset 0 1px 0 rgba(255,255,255,.3);
}
/* açık buton: koyu zeminde daha net */
.btn-light{
  border-color:rgba(255,255,255,.62); background:rgba(255,255,255,.08);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18);
}
.btn-light:hover{
  background:#fff; color:var(--green); border-color:#fff;
  box-shadow:0 12px 28px rgba(0,0,0,.26);
}

/* ══════════════════════════════════════════════════════════════
   SADE BUTONLAR
   Gradyan, parlama ve iç ışık katmanları kaldırıldı: düz renk,
   ince gölge, net kenar. Hover'da yalnızca ton ve gölge değişir.
   ══════════════════════════════════════════════════════════════ */
.btn-dark, .btn-quote, .side-btn, .side-wa,
.mobile-bar .mb-cta, .mobile-bar .mb-wa,
.chip.is-active, .tab.is-active{
  background-image:none !important;
  text-shadow:none;
}

/* birincil eylem */
.btn-dark, .btn-quote, .side-btn, .mobile-bar .mb-cta{
  background-color:#1B5E3A !important;
  color:#fff;
  border:1px solid rgba(255,255,255,.34) !important;   /* saç teli inceliğinde beyaz kontur */
  box-shadow:none !important;
}
.btn-dark:hover, .btn-quote:hover, .side-btn:hover, .mobile-bar .mb-cta:hover{
  background-color:#227449 !important;
  border-color:rgba(255,255,255,.5) !important;
  box-shadow:none !important;
  transform:translateY(-1px);
}
.btn-dark:active, .btn-quote:active, .side-btn:active, .mobile-bar .mb-cta:active{
  background-color:#174F31 !important;
  box-shadow:none !important;
  transform:translateY(0);
}

/* WhatsApp — diğer yeşil butonlarla aynı ton */
.side-wa, .mobile-bar .mb-wa{
  background-color:#1B5E3A !important;
  color:#fff;
  border:1px solid rgba(255,255,255,.34) !important;
  box-shadow:none !important;
}
.side-wa:hover, .mobile-bar .mb-wa:hover{
  background-color:#227449 !important;
  border-color:rgba(255,255,255,.5) !important;
  box-shadow:none !important;
}

/* filtre / sekme */
.chip.is-active, .tab.is-active{
  background-color:var(--green) !important;
  border:1px solid rgba(255,255,255,.3) !important;
  box-shadow:none !important;
}

/* telefon düğmesi */
.mobile-bar .mb-call{
  background-image:none; background-color:#fff;
  border:1px solid rgba(29,29,27,.14);
  box-shadow:none;
}

/* açık buton (fotoğraf / koyu zemin üstü) */
.btn-light{
  background-image:none; background-color:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.6);
  box-shadow:none;
}
.btn-light:hover{
  background-color:#fff; color:#1B5E3A; border-color:#fff;
  box-shadow:none;
  transform:translateY(-1px);
}

/* yuvarlak oklar ve yukarı çık */
.nav-circle:hover, .arrow-btn:hover, .side-top:hover{ box-shadow:none; }

/* ══════════════════════════════════════════════════════════════
   HEADER — bulanıklık kaldırıldı
   Cam efekti kenarlarda yumuşak/dağınık bir görünüm bırakıyordu.
   Artık düz beyaz zemin ve net 1px alt çizgi.
   ══════════════════════════════════════════════════════════════ */
.site-header.scrolled{ padding-top:0; }
.site-header.scrolled .header-inner{
  background:#fff;
  backdrop-filter:none; -webkit-backdrop-filter:none;
  border:0; border-bottom:1px solid var(--line);
  border-radius:0;
  box-shadow:none;
}
/* .header-inner zaten .wrap — yan payı tek yerden veriyoruz */
.site-header.scrolled .wrap{ padding-inline:var(--pad); }
.site-header.scrolled{ background:#fff; }

@media (max-width:820px){
  .site-header.scrolled{ padding-top:0; }
  /* bar tam genişlik kalır ama içerik sayfa payını korur:
     kaydırırken logo ve ikonlar yatayda yer değiştirmez */
  .site-header.scrolled .header-inner{ padding-inline:var(--pad); }
}

/* tüm yeşil butonlar tek ton */
.side-wa, .mobile-bar .mb-wa,
.btn-dark, .btn-quote, .side-btn, .mobile-bar .mb-cta{
  background-color:#1B5E3A !important;
}
.side-wa:hover, .mobile-bar .mb-wa:hover,
.btn-dark:hover, .btn-quote:hover, .side-btn:hover, .mobile-bar .mb-cta:hover{
  background-color:#227449 !important;
}

/* ═══════════════════════

/* ═══════════════════════

/* ══════════════════════════════════════════════════════════════
   PEYZAJ MOTİFLERİ
   Dal, eğrelti ve topografya çizimleri. Ardışık bölümlerde aynı
   motif tekrar etmez; yerleşim dönüşümlü olarak sağ ve sola geçer.
   ══════════════════════════════════════════════════════════════ */
.information, .services, .process, .projects, .quotes, .news, .faq, .offices, .awards, .highlights, .split, .nursery, .p-intro, .p-gallery, .svc-block, .cat-block, .contact, .site-footer, .section.tint{ position:relative; overflow:hidden; }
.information > .wrap, .services > .wrap, .process > .wrap, .projects > .wrap, .quotes > .wrap, .news > .wrap, .faq > .wrap, .offices > .wrap, .awards > .wrap, .highlights > .wrap, .split > .wrap, .nursery > .wrap, .p-intro > .wrap, .p-gallery > .wrap, .svc-block > .wrap, .cat-block > .wrap, .contact > .wrap, .site-footer > .wrap, .section.tint > .wrap{ position:relative; z-index:1; }
.information::before, .services::before, .process::before, .projects::before, .quotes::before, .news::before, .faq::before, .offices::before, .awards::before, .highlights::before, .split::before, .nursery::before, .p-intro::before, .p-gallery::before, .svc-block::before, .cat-block::before, .contact::before, .site-footer::before, .section.tint::before{
  content:''; position:absolute; pointer-events:none; z-index:0;
  background-repeat:no-repeat; background-position:center; background-size:contain;
}
.information::before{
  left:-124px; top:-135px; width:520px; height:520px;
  background-image:url("../img/deco-branch-dark.svg");
  opacity:.04; transform:rotate(-12deg);
}
.services::before{
  right:-120px; top:-130px; width:500px; height:500px;
  background-image:url("../img/deco-fern-light.svg");
  opacity:.05; transform:rotate(14deg) scaleX(-1);
}
.process::before{
  left:-134px; bottom:-145px; width:560px; height:560px;
  background-image:url("../img/deco-contour-dark.svg");
  opacity:.04; transform:rotate(0deg);
}
.projects::before{
  right:-120px; bottom:-130px; width:500px; height:500px;
  background-image:url("../img/deco-fern-dark.svg");
  opacity:.038; transform:rotate(-10deg) scaleX(-1);
}
.quotes::before{
  left:-120px; bottom:-130px; width:500px; height:500px;
  background-image:url("../img/deco-branch-dark.svg");
  opacity:.042; transform:rotate(22deg);
}
.news::before{
  right:-124px; top:-135px; width:520px; height:520px;
  background-image:url("../img/deco-contour-dark.svg");
  opacity:.036; transform:rotate(0deg) scaleX(-1);
}
.faq::before{
  left:-124px; bottom:-135px; width:520px; height:520px;
  background-image:url("../img/deco-fern-dark.svg");
  opacity:.038; transform:rotate(-8deg);
}
.offices::before{
  right:-124px; top:-135px; width:520px; height:520px;
  background-image:url("../img/deco-branch-dark.svg");
  opacity:.04; transform:rotate(156deg) scaleX(-1);
}
.awards::before{
  left:-120px; top:-130px; width:500px; height:500px;
  background-image:url("../img/deco-contour-dark.svg");
  opacity:.038; transform:rotate(0deg);
}
.highlights::before{
  right:-120px; bottom:-130px; width:500px; height:500px;
  background-image:url("../img/deco-branch-dark.svg");
  opacity:.038; transform:rotate(-28deg) scaleX(-1);
}
.split::before{
  left:-129px; bottom:-140px; width:540px; height:540px;
  background-image:url("../img/deco-fern-dark.svg");
  opacity:.044; transform:rotate(10deg);
}
.nursery::before{
  right:-120px; top:-130px; width:500px; height:500px;
  background-image:url("../img/deco-branch-dark.svg");
  opacity:.044; transform:rotate(-34deg) scaleX(-1);
}
.p-intro::before{
  left:-124px; top:-135px; width:520px; height:520px;
  background-image:url("../img/deco-fern-dark.svg");
  opacity:.04; transform:rotate(16deg);
}
.p-gallery::before{
  right:-124px; bottom:-135px; width:520px; height:520px;
  background-image:url("../img/deco-contour-dark.svg");
  opacity:.034; transform:rotate(0deg) scaleX(-1);
}
.svc-block::before{
  left:-115px; top:-124px; width:480px; height:480px;
  background-image:url("../img/deco-branch-dark.svg");
  opacity:.038; transform:rotate(30deg);
}
.cat-block::before{
  right:-110px; top:-119px; width:460px; height:460px;
  background-image:url("../img/deco-fern-dark.svg");
  opacity:.034; transform:rotate(-18deg) scaleX(-1);
}
.contact::before{
  left:-129px; bottom:-140px; width:540px; height:540px;
  background-image:url("../img/deco-contour-light.svg");
  opacity:.05; transform:rotate(0deg);
}
.site-footer::before{
  right:-110px; bottom:-119px; width:460px; height:460px;
  background-image:url("../img/deco-branch-light.svg");
  opacity:.044; transform:rotate(18deg) scaleX(-1);
}
.section.tint::before{
  left:-130px; bottom:-140px; width:540px; height:540px;
  background-image:url("../img/deco-fern-dark.svg");
  opacity:.044; transform:rotate(10deg);
}
.cat-block.reverse::before{
  right:auto; left:-110px;
  background-image:url("../img/deco-branch-dark.svg");
  transform:rotate(18deg);
}
/* koyu bölümlerde arkada çok soluk topografya + grain */
.services::after, .contact::after{
  background-image:
    url("../img/deco-contour-light.svg"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E");
  background-repeat:no-repeat, repeat;
  background-size:700px, auto;
  opacity:.2;
}
/* ::before motifi sağ üstte → topografya sol alta */
.services::after{ background-position:-16% 116%, 0 0; }
/* İletişim bölümünde ::before zaten topografya; burada yalnızca grain kalsın */
.contact::after{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E");
  background-repeat:repeat;
  background-position:0 0;
  background-size:auto;
}
@media (max-width:820px){
  .information::before, .services::before, .process::before, .projects::before, .quotes::before, .news::before, .faq::before, .offices::before, .awards::before, .highlights::before, .split::before, .nursery::before, .p-intro::before, .p-gallery::before, .svc-block::before, .cat-block::before, .contact::before, .site-footer::before, .section.tint::before{ width:300px; height:300px; opacity:.035; }
}

/* ══════════════════════════════════════════════════════════════
   SOSYAL MEDYA İKONLARI (gerçek marka simgeleri)
   ══════════════════════════════════════════════════════════════ */
.mm-social a, .f-social a{
  display:grid; place-items:center; line-height:0;
}
.mm-social svg, .f-social svg{
  width:15px; height:15px; display:block; transition:transform .3s var(--ease);
}
.f-social a:hover svg, .mm-social a:hover svg{ transform:scale(1.12); }

/* footer: yuvarlak çerçeveli düğmeler */
.f-social{ display:flex; gap:9px; flex-wrap:wrap; }
.f-social a{
  width:38px; height:38px; border-radius:50%;
  border:1px solid rgba(255,255,255,.22); color:rgba(255,255,255,.88);
  transition:all .35s var(--ease);
}
.f-social a:hover{ background:#fff; border-color:#fff; color:var(--green); transform:translateY(-2px); }
.f-social.dark a{ border-color:rgba(29,29,27,.16); color:var(--ink); }
.f-social.dark a:hover{ background:var(--green); border-color:var(--green); color:#fff; }

/* mega menü */
.mm-social a{ width:40px; height:40px; color:rgba(255,255,255,.82); }
.mm-social a:hover{ background:#fff; border-color:#fff; color:var(--green); }

/* ══════════════════════════════════════════════════════════════
   ETİKET ÖLÇEKLERİ
   Küçük başlıklar (bölüm etiketleri, kategoriler, künye, rozetler)
   fazla ufak kalıyordu; ölçüler bir kademe büyütüldü ve buna göre
   harf aralıkları hafifçe kısıldı.
   ══════════════════════════════════════════════════════════════ */
.eyebrow, .hero-eyebrow{ font-size:12px; letter-spacing:.17em; }
.mm-label, .f-label, .ci-label, .vm-label{ font-size:11.5px; letter-spacing:.16em; }
.card-cat, .news-date{ font-size:11.5px; letter-spacing:.15em; }
.brand-tag{ font-size:13px; letter-spacing:.19em; }
.s-no, .st-no, .hl-no, .cat-no, .t-no{ font-size:13px; letter-spacing:.14em; }
.aw-year{ font-size:13px; letter-spacing:.13em; }
.aw-prj{ font-size:11.5px; letter-spacing:.12em; }
.st-out{ font-size:11.5px; letter-spacing:.08em; }
.crumb{ font-size:12.5px; letter-spacing:.03em; }
.card-meta{ font-size:14px; }
.spec-list dt{ font-size:11px; letter-spacing:.14em; }
.logo-sub{ font-size:9px; letter-spacing:.18em; }
.gal-caption, .pg-grid figcaption, .band-caption{ font-size:12px; letter-spacing:.06em; }
.gal-count{ font-size:13px; }
.plants em{ font-size:13px; }
.footer-bottom{ font-size:12.5px; }
.f-credit{ font-size:12.5px; }
.lang{ font-size:13px; }
.office-tel{ font-size:15px; }
.f-note{ font-size:12.5px; }
.sec-note{ font-size:15px; }
.news-date{ margin-bottom:2px; }

@media (max-width:560px){
  .eyebrow, .hero-eyebrow{ font-size:11px; letter-spacing:.15em; }
  .brand-tag, .s-no, .st-no, .hl-no, .cat-no, .t-no, .aw-year{ font-size:12px; }
  .card-meta{ font-size:13.5px; }
}

/* ── Hizmet listesi: mobilde de süreç adımlarıyla aynı hizada ── */
@media (max-width:560px){
  .service-grid.four .service{ padding-inline:var(--cell) !important; }
  .steps.four .step{ padding-inline:var(--cell) !important; }
  .hl-grid .hl{ padding-inline:var(--cell) !important; }
}

/* ── Güven bandı: altı madde ── */
.trust-grid{ grid-template-columns:repeat(6,1fr); }
@media (max-width:1100px){ .trust-grid{ grid-template-columns:repeat(3,1fr); } }
@media (max-width:820px){ .trust-grid{ grid-template-columns:repeat(2,1fr); } }


/* ── Footer kelime markası: bir tık daha belirgin ── */
.footer-mark{ color:rgba(255,255,255,.105); }

/* ── Kayan şerit: kesintisiz döngü ── */
.marquee-track{
  display:flex; width:max-content; gap:0 !important;
  animation:mv 42s linear infinite; will-change:transform;
}
.marquee-track .mq-set{
  display:flex; gap:44px; padding-right:44px; white-space:nowrap; flex:0 0 auto;
}
.marquee-track span{ gap:44px; }
.marquee:hover .marquee-track{ animation-play-state:running; }
@keyframes mv{ from{ transform:translate3d(0,0,0); } to{ transform:translate3d(-50%,0,0); } }
@media (max-width:640px){
  .marquee-track{ animation-duration:30s; }
  .marquee-track .mq-set{ gap:30px; padding-right:30px; }
  .marquee-track span{ gap:30px; }
}

/* ── Güven bandı: her ekranda en az iki sütun ── */
.trust-grid{ grid-template-columns:repeat(6,1fr); }
@media (max-width:1100px){ .trust-grid{ grid-template-columns:repeat(3,1fr); } }
@media (max-width:820px){ .trust-grid{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:560px){
  .trust-grid{ grid-template-columns:repeat(2,1fr) !important; }
  .trust-item{ align-items:center; gap:10px; }
}

/* ── Footer kelime markası: satıra tam otursun, dikeyde dengeli ── */
.site-footer .wrap{ container-type:inline-size; }
.footer-mark{
  display:block !important; text-align:center;
  white-space:nowrap; overflow:visible !important;
  font-size:min(12.2cqw,150px) !important;
  line-height:1 !important; letter-spacing:.005em;
  margin:38px 0 !important; padding:0 !important;
  color:rgba(255,255,255,.115);
}
.footer-mark span{ display:inline; }
@media (max-width:900px){ .footer-mark{ font-size:min(13.2cqw,110px) !important; margin:30px 0 !important; } }
@media (max-width:560px){ .footer-mark{ font-size:13.6cqw !important; margin:24px 0 !important; } }

/* ── Yan "Ücretsiz Keşif" sekmesi: yazı daha okunur ── */
.side-btn{
  font-weight:700 !important; font-size:12.5px !important;
  letter-spacing:.13em !important;
}

/* ── Güven bandı: hücre içerikleri ortalı ── */
.trust-item{
  justify-content:center; align-items:center; text-align:center;
  padding-inline:18px !important;
}
.trust-item p{ text-align:left; }
@media (max-width:560px){
  .trust-item{ padding-inline:12px !important; }
}

/* ── Güven bandı: grid bir bütün olarak sayfada ortalı ── */
.trust-grid{
  grid-template-columns:repeat(6,auto) !important;
  justify-content:center !important;
  margin-inline:0 !important;
}
@media (max-width:1100px){ .trust-grid{ grid-template-columns:repeat(3,auto) !important; } }
@media (max-width:820px){ .trust-grid{ grid-template-columns:repeat(2,auto) !important; } }
@media (max-width:560px){
  /* dar ekranda ayırıcı çizgiler eşit kalsın: sütunlar eşit, içerik ortalı */
  .trust-grid{ grid-template-columns:repeat(2,1fr) !important; }
}

/* ══════════════════════════════════════════════════════════════
   BAHÇEDEN NOTLAR — liste ve yazı sayfası
   Liste, mevcut .news bileşenini yeniden kullanır; buraya yalnızca
   filtre gizleme, ara kırılım ve yazı gövdesi tipografisi eklendi.
   ══════════════════════════════════════════════════════════════ */
.news-card.is-hidden{ display:none; }
@media (max-width:1100px){ .post-grid{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:820px){ .post-grid{ grid-template-columns:1fr; } }

/* stagger gecikmeleri 6 çocukta bitiyordu; liste 9 karta çıkıyor */
.stagger.in > *:nth-child(7){ transition-delay:.39s }
.stagger.in > *:nth-child(8){ transition-delay:.45s }
.stagger.in > *:nth-child(9){ transition-delay:.51s }

/* ─── Yazı sayfası: künye sütunu ─── */
.article-grid{ display:grid; grid-template-columns:1fr 2.1fr; gap:clamp(40px,6vw,96px); align-items:start; }
.article-aside{ position:sticky; top:112px; }
.article-share{ display:flex; gap:10px; margin-top:26px; }
.article-share a{
  width:38px; height:38px; border-radius:50%; border:1px solid var(--line);
  display:grid; place-items:center; color:var(--smoke);
  transition:background .3s var(--ease), border-color .3s var(--ease), color .3s var(--ease);
}
.article-share a:hover{ background:var(--green); border-color:var(--green); color:#fff; }
.article-share svg{ width:15px; height:15px; }

/* ─── Yazı gövdesi ─── */
.article-body{ max-width:68ch; font-size:16.5px; line-height:1.9; color:#46463f; }
.article-body > * + *{ margin-top:22px; }
.article-body .lead{ font-size:19px; line-height:1.75; color:var(--ink); max-width:none; }
.article-body h2{ margin-top:clamp(40px,4.4vw,64px); font-size:clamp(21px,2.2vw,29px); line-height:1.25; color:var(--ink); }
.article-body h3{ margin-top:clamp(28px,3vw,40px); font-size:clamp(17px,1.6vw,20px); line-height:1.35; color:var(--ink); }
.article-body strong{ color:var(--ink); font-weight:600; }
.article-body figure{ margin-block:clamp(32px,4vw,52px); }
.article-body figure img{ width:100%; border-radius:var(--r); }
.article-body figcaption{ margin-top:14px; font-size:11px; letter-spacing:.14em; text-transform:uppercase; color:var(--smoke-2); }
.article-note{ margin-block:clamp(32px,4vw,52px); padding:clamp(24px,3vw,34px); background:var(--sage); border-radius:var(--r); }
.article-note .f-label{ color:var(--green); margin-bottom:12px; }
.article-note p{ max-width:62ch; color:#31402f; }

@media (max-width:1100px){
  .article-grid{ grid-template-columns:1fr; }
  .article-aside{ position:static; }
}

/* ── Footer imzası mobilde de tam okunsun ──
   Önceden ≤560px'de "Tasarım & yazılım" gizleniyordu. Bunun yerine
   rozetin kendisi küçültüldü; metin bütün olarak kalıyor.
   (Blok, yukarıdaki genel .f-credit ölçüsünden sonra gelir.) */
@media (max-width:560px){
  .f-credit{ font-size:11px; letter-spacing:.02em; gap:6px; padding:6px 12px; }
  .f-credit svg{ width:8px; height:8px; }
}
@media (max-width:360px){
  .f-credit{ font-size:10.5px; padding:5px 10px; gap:5px; }
}

/* ══════════════════════════════════════════════════════════════
   YEŞİL BUTONLAR — hafif iç derinlik
   Zemin rengi opak kalır (#1B5E3A): butonlar header'da, sabit yan
   şeritte ve mobil barda farklı zeminlerin üstünden geçtiği için
   fill'e alfa verilmedi — beyaz yazının kontrastı sabit kalıyor.
   Derinlik yalnızca yüzeyde: üstte ince aydınlık, altta yumuşak
   gölge. Basılınca yüzey içe göçer.
   Not: yukarıdaki "SADE BUTONLAR" bloğu box-shadow:none !important
   uyguladığı için burada da !important zorunlu.
   ══════════════════════════════════════════════════════════════ */
.btn-dark, .btn-quote, .side-btn,
.side-wa, .mobile-bar .mb-cta, .mobile-bar .mb-wa{
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.20),
    inset 0 -12px 20px -12px rgba(0,0,0,.22) !important;
}
.btn-dark:hover, .btn-quote:hover, .side-btn:hover,
.side-wa:hover, .mobile-bar .mb-cta:hover, .mobile-bar .mb-wa:hover{
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.26),
    inset 0 -12px 20px -12px rgba(0,0,0,.16) !important;
}
.btn-dark:active, .btn-quote:active, .side-btn:active,
.side-wa:active, .mobile-bar .mb-cta:active, .mobile-bar .mb-wa:active{
  box-shadow: inset 0 2px 7px rgba(0,0,0,.26) !important;
}


/* Proje detay — responsive galeri (ek alan): ekrana göre 3-4 sütun, ortalanan */
.p-gallery .pg-auto{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;justify-content:center}
.p-gallery .pg-auto-cell{display:block;border-radius:14px;overflow:hidden;aspect-ratio:4/3;background:#0e1a12}
.p-gallery .pg-auto-cell img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}
.p-gallery .pg-auto-cell:hover img{transform:scale(1.05)}

/* Galeri lightbox */
.glb-overlay{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;background:rgba(8,14,10,.92);backdrop-filter:blur(4px)}
.glb-overlay.is-open{display:flex}
.glb-stage{margin:0;max-width:92vw;max-height:88vh;display:flex;flex-direction:column;align-items:center;gap:12px}
.glb-img{max-width:92vw;max-height:82vh;object-fit:contain;border-radius:8px;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.glb-counter{color:#cfe3d5;font-size:13px;letter-spacing:.04em}
.glb-close{position:absolute;top:18px;right:22px;width:44px;height:44px;border:none;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;font-size:26px;line-height:1;cursor:pointer;transition:background .2s}
.glb-close:hover{background:rgba(255,255,255,.25)}
.glb-nav{position:absolute;top:50%;transform:translateY(-50%);width:52px;height:52px;border:none;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;font-size:30px;line-height:1;cursor:pointer;transition:background .2s;display:flex;align-items:center;justify-content:center}
.glb-nav:hover{background:rgba(255,255,255,.28)}
.glb-prev{left:22px}
.glb-next{right:22px}
.p-gallery .pg-auto-cell,.p-gallery .gallery-single{cursor:zoom-in}
@media(max-width:600px){.glb-nav{width:42px;height:42px;font-size:24px}.glb-prev{left:8px}.glb-next{right:8px}.glb-close{top:10px;right:12px}}