/* ══════════════════════════════════════════════════════════════════════════
   ilba.com.tr — site stilleri

   Kaynak: musterinin onayladigi tasarim (_sablon/template-1). Gorunum birebir
   korundu; yalnizca sunucu tarafina tasinan parcalarin (dil secimi, arama
   filtresi) kurallari sadelesti ve is sayfasi (/tr/is/{slug}) icin bolum
   eklendi.

   Renkler kurumsal logodan orneklendi:
     --navy  #0b2a60  ana kurumsal renk (İLBA yazisi)
     --amber #f48221  vurgu rengi (in-sel yazisi)
   Yazi: DM Serif Display (baslik) + Manrope (metin) — yerel kopya,
   assets/fonts.css uzerinden yuklenir (disariya istek gitmez).

   Yazim: sunucu config dosyalari gibi bu dosya da ASCII yorumlu tutuldu.
   ══════════════════════════════════════════════════════════════════════════ */
:root{
  --navy:#0b2a60; --navy-800:#0e2a55; --navy-900:#0a1f42;
  --amber:#f48221; --amber-700:#a8530e;
  --ink:#16181c; --muted:#5b6471;
  --paper:#f4f3f0; --mist:#e6e9f0; --white:#fff;
  --line:rgba(22,24,28,.14);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,-apple-system,Segoe UI,Arial,sans-serif;font-size:16px;line-height:1.6;text-wrap:pretty}
img{max-width:100%;display:block}
a{color:inherit}
.wrap{width:min(1240px,calc(100% - 48px));margin:auto}
.serif{font-family:'DM Serif Display',Georgia,serif;font-weight:400;letter-spacing:-.025em}

/* ── Ust bar + menu ─────────────────────────────────────────────────────── */
.topbar{background:var(--navy-900);color:rgba(255,255,255,.8);font-size:12.5px}
.topbar .wrap{display:flex;flex-wrap:wrap;gap:6px 26px;justify-content:space-between;padding:9px 0}
.topbar a{color:inherit;text-decoration:none}
.topbar a:hover{color:var(--white)}
header{position:sticky;top:0;z-index:30;background:rgba(244,243,240,.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.nav{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:14px}
/* ⚠ Logo ve sag blok KUCULMEMELI: flex varsayilani shrink:1 oldugu icin uzun
   menu bunlari eziyordu — 1200 px civarinda logo ince bir seride donuyor,
   1024 px'te tamamen kayboluyor ve "Teklif Talebi" dugmesi ekran disina
   tasiyordu. flex:0 0 auto ile ikisi de kendi genisligini korur. */
.brand{flex:0 0 auto;line-height:0}
.brand img{height:38px;width:auto;display:block}
.nav > div:last-child{flex:0 0 auto}
.menu{display:flex;gap:clamp(8px,1vw,20px);align-items:center;flex:0 1 auto;min-width:0}
.menu a{text-decoration:none;font-size:12px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap}
.menu a:hover{color:var(--navy)}
.nav-cta{padding:11px 15px;border-radius:100px;background:var(--navy);color:var(--white)!important;font-size:11px;white-space:nowrap}
.nav-cta:hover{background:var(--navy-800)}
.lang{display:flex;border:1px solid var(--line);border-radius:100px;overflow:hidden;flex:0 0 auto}
/* Dil secimi artik sunucu tarafli: her dil kendi adresine baglanir, bu yuzden
   <button> degil <a>. Gorunum ayni. */
.lang a{display:block;text-decoration:none;font-size:11px;font-weight:800;letter-spacing:.08em;padding:8px 11px;color:var(--muted)}
.lang a.on{background:var(--navy);color:var(--white)}
.lang a:not(.on):hover{background:rgba(11,42,96,.08);color:var(--navy)}
/* Mobil menu — JS'siz: gizli bir onay kutusu acilir menuyu tetikler. */
.burger{display:none;font-size:22px;line-height:1;cursor:pointer;padding:6px 10px;user-select:none}
#mnav{position:absolute;opacity:0;pointer-events:none}
.mobile-menu{display:none}

/* ── Hero ───────────────────────────────────────────────────────────────── */
/* ⚠ Burada url('assets/foto/katli-kavsak-antalya.jpg') yaziyordu. Yol bu
   dosyaya GORE cozuldugu icin tarayici /assets/css/assets/foto/... istiyor ve
   her ana sayfa acilisinda bir 404 aliniyordu; dosya zaten sablondan kalmaydi,
   siteye hic yuklenmedi. Fotograf artik .slayt karelerinin kendi satir ici
   arka planindan geliyor, bu katman yalnizca onlarin altindaki koyu zemin. */
.hero{position:relative;min-height:min(78vh,720px);display:flex;align-items:flex-end;color:var(--white);
  background:linear-gradient(90deg,rgba(6,18,40,.92),rgba(6,18,40,.42)),var(--navy-900)}
.hero-inner{position:relative;z-index:2;padding:110px 0 96px;display:grid;grid-template-columns:1.45fr .55fr;gap:clamp(30px,5vw,80px);align-items:end}
.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:11px;font-weight:800;color:var(--amber);margin-bottom:22px}
.hero h1{font-size:clamp(44px,6.6vw,104px);line-height:.94;margin:0;max-width:16ch}
.hero h1 em{font-style:normal;color:var(--amber)}
.hero-side{background:linear-gradient(rgba(6,18,40,.55),rgba(6,18,40,.55));padding:22px;border-left:2px solid var(--amber)}
.hero-side p{font-size:15.5px;line-height:1.75;color:rgba(255,255,255,.9);margin:0}
.arrow-link{display:inline-flex;align-items:center;gap:12px;text-decoration:none;font-size:13px;font-weight:800;margin-top:20px}
.arrow{width:42px;height:42px;border-radius:50%;background:var(--amber);color:#16181c;display:grid;place-items:center;font-size:18px;flex:0 0 auto}
.hero-credit{position:absolute;left:0;top:0;z-index:2;background:rgba(6,18,40,.55);color:rgba(255,255,255,.8);font-size:10.5px;letter-spacing:.09em;text-transform:uppercase;padding:7px 14px}

/* ── Kunye seridi ───────────────────────────────────────────────────────── */
.stats{margin-top:-46px;position:relative;z-index:5}
.stats-grid{background:var(--white);display:grid;grid-template-columns:repeat(5,1fr);box-shadow:0 18px 50px rgba(11,42,96,.10)}
.stat{padding:26px 24px;border-right:1px solid var(--line)}
.stat:last-child{border-right:0}
.stat b{display:block;font-family:'DM Serif Display',Georgia,serif;font-size:clamp(26px,2.4vw,36px);line-height:1.05;letter-spacing:-.02em;white-space:nowrap}
.stat b small{font-family:Manrope,sans-serif;font-size:12.5px;font-weight:700;letter-spacing:.02em;margin-left:6px;color:var(--muted)}
.stat .amber{color:var(--amber-700)}
.stat span{display:block;margin-top:8px;font-size:11px;text-transform:uppercase;letter-spacing:.11em;color:var(--muted);line-height:1.45}
.stats-note{font-size:12px;color:var(--muted);padding:14px 2px 0}

/* ── Bolumler ───────────────────────────────────────────────────────────── */
.section{padding:clamp(64px,8vw,112px) 0}
.section-tag{font-size:11px;text-transform:uppercase;letter-spacing:.18em;font-weight:800;color:var(--navy)}
.intro{display:grid;grid-template-columns:.62fr 1.38fr;gap:clamp(26px,5vw,88px)}
h2.big{font-size:clamp(34px,4.6vw,66px);line-height:1.04;margin:0}
.intro-copy p{font-size:17px;line-height:1.78;color:#48525f;max-width:72ch}
.intro-copy p + p{margin-top:18px}

/* Faaliyet alanlari — is sayisi ve oran cubuguyla */
.services{margin-top:58px;border-top:1px solid var(--line)}
.service{display:grid;grid-template-columns:52px 1.05fr 1.35fr 92px;gap:10px 24px;padding:24px 0;border-bottom:1px solid var(--line);align-items:center;transition:background .2s,padding .2s}
.service:hover{background:rgba(255,255,255,.55);padding-left:12px}
.service .num{font-size:11px;font-weight:700;color:var(--navy);letter-spacing:.1em}
.service h3{font-size:20px;margin:0;line-height:1.25}
.service p{margin:0;color:var(--muted);font-size:14px}
.service .cnt{text-align:right;font-family:'DM Serif Display',Georgia,serif;font-size:26px;line-height:1}
.service .cnt small{font-family:Manrope,sans-serif;font-size:11px;font-weight:700;letter-spacing:.1em;color:var(--muted);margin-left:5px}
.bar{grid-column:2/5;height:3px;background:rgba(22,24,28,.09)}
.bar i{display:block;height:100%;background:var(--navy)}

/* Iki sirket */
.feature{background:var(--navy);color:var(--white)}
.feature-grid{display:grid;grid-template-columns:1fr 1fr;min-height:560px}
/* Fotograf satir ici veriliyor (panelden gelen ekip gorseli); buradaki eski
   sablon yolu da /assets/css/... altinda aranip 404 oluyordu. */
.feature-img{background:var(--navy-900) center/cover}
.feature-copy{padding:clamp(40px,5vw,86px);display:flex;flex-direction:column;justify-content:center}
.feature-copy h2{font-size:clamp(32px,3.8vw,56px);line-height:1.04;margin:18px 0 22px}
.feature-copy p{color:rgba(255,255,255,.76);line-height:1.8;margin:0}
.two-co{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:30px}
.two-co h4{margin:0 0 6px;font-size:15px;letter-spacing:.04em}
.two-co span{font-size:13.5px;color:rgba(255,255,255,.7);line-height:1.6}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}
.chip{border:1px solid rgba(255,255,255,.28);padding:9px 13px;border-radius:100px;font-size:11px;letter-spacing:.06em}

/* Secili projeler */
.projects-head{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;align-items:flex-end;margin-bottom:44px}
.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr));gap:22px}
.project-card{position:relative;overflow:hidden;background:#dcdfe6;min-height:420px;display:block;text-decoration:none;color:var(--white)}
.project-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s}
.project-card:hover img{transform:scale(1.045)}
.project-card:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 18%,rgba(6,18,40,.55) 46%,rgba(6,18,40,.94))}
.project-info{position:absolute;z-index:2;left:28px;right:28px;bottom:26px}
.project-info .kicker{font-size:10.5px;text-transform:uppercase;letter-spacing:.14em;color:var(--amber)}
.project-info h3{font-family:'DM Serif Display',Georgia,serif;font-weight:400;font-size:clamp(22px,2vw,30px);line-height:1.15;margin:8px 0 10px;letter-spacing:-.01em}
.project-meta{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:12px;color:rgba(255,255,255,.82)}
.project-meta b{font-weight:700;color:var(--white)}

/* ── Is deneyimi arsivi (40 is) ─────────────────────────────────────────── */
.archive{background:var(--white);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.filters{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:34px 0 14px}
.fld{font-family:inherit;font-size:14px;padding:11px 14px;border:1px solid var(--line);background:var(--white);color:var(--ink);min-height:44px}
.fld:focus{outline:2px solid var(--navy);outline-offset:-1px}
input.fld{flex:1 1 230px;max-width:320px}
select.fld{flex:0 1 230px}
.seg{display:flex;border:1px solid var(--line)}
.seg button{border:0;border-left:1px solid var(--line);background:transparent;font-family:inherit;font-size:11.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;padding:0 15px;min-height:44px;cursor:pointer;color:var(--muted)}
.seg button:first-child{border-left:0}
.seg button.on{background:var(--navy);color:var(--white)}
.tagrow{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}
.tagrow button{border:1px solid var(--line);background:transparent;font-family:inherit;font-size:11.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:9px 13px;cursor:pointer;color:var(--muted)}
.tagrow button.on{background:var(--navy);border-color:var(--navy);color:var(--white)}
.count{margin-left:auto;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.rows{border-top:1px solid var(--line);margin-top:18px}
.row{border-bottom:1px solid var(--line)}
.row > button{width:100%;text-align:left;background:transparent;border:0;font-family:inherit;color:inherit;cursor:pointer;
  display:grid;grid-template-columns:48px 1fr auto;gap:4px 20px;align-items:baseline;padding:20px 10px;border-left:3px solid transparent}
.row > button:hover{background:#faf9f7}
.row.open > button{background:#faf9f7;border-left-color:var(--amber)}
.row .no{font-size:11px;font-weight:700;letter-spacing:.1em;color:var(--navy)}
.row .ttl{font-size:16.5px;font-weight:600;line-height:1.4}
.row .meta{grid-column:2;font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.row .right{text-align:right;display:flex;flex-direction:column;gap:7px;align-items:flex-end}
.row .bedel{font-family:'DM Serif Display',Georgia,serif;font-size:19px;white-space:nowrap}
.badge{font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:4px 9px;white-space:nowrap}
.badge.dev{background:#fdeedf;color:var(--amber-700)}
.badge.bit{background:var(--mist);color:var(--navy)}
.detail{display:none;padding:4px 10px 26px 71px;background:#faf9f7}
.row.open .detail{display:block}
.kunye{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:1px;background:var(--line);border:1px solid var(--line);max-width:960px}
.kunye div{background:var(--white);padding:13px 16px}
.kunye dt{margin:0 0 5px;font-size:10.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.kunye dd{margin:0;font-size:14.5px;line-height:1.45}
.detail .note{margin:12px 0 0;font-size:12.5px;color:var(--muted);max-width:70ch}
.empty{padding:40px 10px;text-align:center;color:var(--muted)}
.more{margin-top:22px;width:100%;background:transparent;border:1px solid var(--line);font-family:inherit;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:16px;cursor:pointer}
.more:hover{background:#faf9f7}

/* ── Cografi dagilim ────────────────────────────────────────────────────── */
.geo{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(26px,4vw,70px);align-items:center}
.provlist{border-top:1px solid var(--line);margin-top:26px}
.provlist div{display:flex;justify-content:space-between;align-items:baseline;gap:14px;padding:12px 0;border-bottom:1px solid var(--line)}
.provlist b{font-size:15px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.provlist span{font-size:13px;color:var(--muted)}
.mapbox{background:var(--white);border:1px solid var(--line);padding:18px}
.mapcap{margin:10px 0 0;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}

/* ── Referanslar ────────────────────────────────────────────────────────── */
.refs{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,225px),1fr));border-top:1px solid var(--line);border-left:1px solid var(--line);margin-top:40px}
.ref{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 20px;min-height:118px;display:flex;flex-direction:column;gap:9px}
.ref .num{font-size:11px;font-weight:700;color:var(--navy);letter-spacing:.1em}
.ref b{font-size:16px;line-height:1.25;font-weight:700}
.ref span{margin-top:auto;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}

/* ── Basinda biz ────────────────────────────────────────────────────────── */
.press{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));border-top:1px solid var(--line);border-left:1px solid var(--line);margin-top:36px}
.press a{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px;text-decoration:none;display:flex;flex-direction:column;gap:9px;min-height:120px;transition:background .2s}
.press a:hover{background:var(--white)}
.press .src{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font-size:10.5px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;color:var(--amber-700)}
.press .src em{font-style:normal;color:var(--muted);font-weight:700}
.press .hl{font-size:15px;line-height:1.45;color:var(--ink)}

/* ── Alinti ─────────────────────────────────────────────────────────────── */
.quote{padding:clamp(64px,7vw,104px) 0;background:var(--mist)}
.quote blockquote{font-family:'DM Serif Display',Georgia,serif;font-size:clamp(28px,3.9vw,54px);line-height:1.14;letter-spacing:-.025em;margin:0;max-width:22ch}
.quote .cols{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(26px,4vw,70px);align-items:end}
.quote p{margin:0;color:#3f4854;line-height:1.8}
.quote small{display:block;margin-top:22px;font-weight:700;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--navy)}

/* ── Insan kaynaklari ───────────────────────────────────────────────────── */
.ik{display:grid;grid-template-columns:.95fr 1.05fr;gap:clamp(26px,4vw,70px);align-items:start;margin-top:36px}
.ik ol{margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}
.ik li{display:grid;grid-template-columns:36px 1fr;gap:14px;padding:15px 0;border-bottom:1px solid var(--line);font-size:14.5px;line-height:1.6;color:#48525f}
.ik li b{font-size:11px;font-weight:700;letter-spacing:.1em;color:var(--navy)}
.btn-amber{display:inline-flex;align-items:center;gap:10px;background:var(--amber);color:#16181c;text-decoration:none;font-weight:800;font-size:13px;letter-spacing:.06em;text-transform:uppercase;padding:15px 22px;border:0;cursor:pointer;font-family:inherit}
.btn-amber:hover{background:#ff9134}

/* ── Iletisim ───────────────────────────────────────────────────────────── */
.contact{padding:clamp(60px,7vw,100px) 0;background:var(--navy-900);color:var(--white)}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,80px)}
.contact h2{font-size:clamp(32px,4.2vw,58px);line-height:1.04;margin:0 0 22px}
.contact > .wrap > div > p{color:rgba(255,255,255,.7);max-width:56ch;line-height:1.8;margin:0 0 30px}
.offices{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:26px 30px}
.office h4{margin:0 0 10px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--amber)}
.office address{font-style:normal;font-size:14.5px;line-height:1.65;color:rgba(255,255,255,.82)}
.office .tel{display:block;margin-top:10px;font-family:'DM Serif Display',Georgia,serif;font-size:22px;text-decoration:none}
.office .fax{display:block;font-size:12.5px;color:rgba(255,255,255,.55);margin-top:3px}
.links{margin-top:30px;border-top:1px solid rgba(255,255,255,.22)}
.links a{display:flex;justify-content:space-between;gap:16px;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.12);font-size:14px;text-decoration:none}
.links a:hover{color:var(--amber)}
.links a span:first-child{color:rgba(255,255,255,.58);font-size:12px;letter-spacing:.08em;text-transform:uppercase}
/* ── FORM ───────────────────────────────────────────────────────────────────
   VARSAYILAN: ACIK zemin (iletisim ve insan kaynaklari sayfalari).
   Koyu zeminde duran tek form is sayfasindakidir; o form .talep-koyu sinifini
   alir ve asagidaki blokla cevrilir.
   ⚠ Bu ayrim ONEMLI: once koyu varsayilan yazilmisti ve acik zemindeki
   formlarda etiketler/cerceveler beyaz kalip GORUNMEZ oluyordu. */
form.talep{border:1px solid var(--line);background:var(--white);padding:clamp(22px,2.6vw,32px);display:grid;gap:15px}
form.talep .lbl{display:block;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:7px}
form.talep .eyebrow{color:var(--amber-700)}
form.talep input,form.talep select,form.talep textarea{width:100%;font-family:inherit;font-size:15px;padding:12px 14px;background:var(--white);border:1px solid var(--line);color:var(--ink)}
form.talep textarea{min-height:110px;resize:vertical}
form.talep input:focus,form.talep select:focus,form.talep textarea:focus{outline:2px solid var(--navy);outline-offset:-1px}
form.talep select option{color:var(--ink)}
.two{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.kvkk{font-size:11.5px;line-height:1.6;color:var(--muted);margin:0}
.sent{display:none;text-align:center;padding:50px 20px}
.sent b{display:block;font-family:'DM Serif Display',Georgia,serif;font-size:30px;margin-bottom:12px;color:var(--navy)}
.sent p{color:rgba(255,255,255,.75);margin:0 0 22px;line-height:1.7}
form.talep.done .fields{display:none}
form.talep.done .sent{display:block}

footer{background:var(--navy-900);color:rgba(255,255,255,.52);border-top:1px solid rgba(255,255,255,.12);padding:24px 0;font-size:11.5px;letter-spacing:.04em}
.foot{display:flex;flex-wrap:wrap;gap:10px 24px;justify-content:space-between}

@media(max-width:1000px){
  .geo,.ik,.contact-grid{grid-template-columns:1fr}
}
/* ── MENU ESIGI: 1180 px ────────────────────────────────────────────────────
   Yedi menu basligi + "Teklif Talebi" dugmesi + dil secimi yan yana ancak
   ~1200 px'ten sonra sigiyor. Olculdu: 1180'de logo ince bir seride doneri,
   1024'te tamamen kaybolup dugme ekran disina tasiyordu. Bu yuzden hamburger
   menu masaustunde de devreye giriyor — DUZEN kurallari ise asagida, kendi
   esiginde (900 px) kaliyor; ikisini ayni sorguya koymak hero/istatistik
   bloklarini gereksiz yere erken dagitirdi. */
@media(max-width:1180px){
  .menu{display:none}
  .burger{display:block}
  /* Acilir menu dogrudan display ile aciliyor: max-height animasyonu bazi
     tarayici/gorunum kombinasyonlarinda yarim kalip menuyu gizli birakabiliyor. */
  .mobile-menu{display:none}
  #mnav:checked ~ .mobile-menu{display:block;border-top:1px solid var(--line)}
  .mobile-menu a{display:block;padding:15px 0;border-bottom:1px solid var(--line);text-decoration:none;font-size:14px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
  .mobile-menu a:last-child{border-bottom:0}
  .mobile-menu a.aktif{color:var(--navy);background:rgba(11,42,96,.05)}
}

/* ── DUZEN ESIGI: 900 px ────────────────────────────────────────────────── */
@media(max-width:900px){
  .wrap{width:min(100% - 32px,1240px)}
  .hero-inner{grid-template-columns:1fr;padding:80px 0 76px;gap:26px}
  .stats{margin-top:0}
  .stats-grid{grid-template-columns:repeat(2,1fr)}
  .stat{border-bottom:1px solid var(--line)}
  .stat:nth-child(even){border-right:0}
  .stat:last-child{grid-column:1/-1;border-bottom:0}
  .intro{grid-template-columns:1fr}
  /* Dar ekranda dort sutun sigmadigi icin acik yerlestirme: ust satir
     no + baslik + is sayisi, altina aciklama, en alta oran cubugu. */
  .service{grid-template-columns:38px 1fr auto;gap:6px 14px}
  .service .num{grid-area:1/1}
  .service h3{grid-area:1/2;font-size:18px}
  .service .cnt{grid-area:1/3;font-size:23px}
  .service p{grid-area:2/2/auto/4;color:var(--muted);font-size:13.5px}
  .service .bar{grid-area:3/1/auto/4;margin-top:4px}
  .feature-grid{grid-template-columns:1fr}
  .feature-img{min-height:300px}
  .two-co{grid-template-columns:1fr}
  .project-card{min-height:340px}
  .rows .row > a{grid-template-columns:36px 1fr;padding:18px 6px}
  .row .right{grid-column:2;flex-direction:row;align-items:baseline;gap:14px;justify-content:flex-start;margin-top:6px}
  .quote .cols{grid-template-columns:1fr}
  .two{grid-template-columns:1fr}
}

/* ══════════════════════════════════════════════════════════════════════════
   IS SAYFASI (/tr/is/{slug})
   Tek sayfalik tasarimda olmayan, yalnizca is sayfasinda kullanilan bolum.
   Ayni tipografi ve renk sistemi; yeni bilesen yok.
   ══════════════════════════════════════════════════════════════════════════ */
.is-hero{position:relative;color:var(--white);background:var(--navy-900);padding:clamp(48px,6vw,86px) 0 clamp(36px,4vw,56px)}
.is-hero.foto{background-size:cover;background-position:center}
.is-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,18,40,.94),rgba(6,18,40,.62))}
.is-hero .wrap{position:relative;z-index:2}
.geri{display:inline-flex;align-items:center;gap:9px;text-decoration:none;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--amber);margin-bottom:20px}
.geri:hover{color:#ff9134}
.is-hero h1{font-family:'DM Serif Display',Georgia,serif;font-weight:400;letter-spacing:-.02em;font-size:clamp(28px,3.8vw,52px);line-height:1.08;margin:0;max-width:22ch}
.is-rozet{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.is-rozet span{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:7px 12px;border:1px solid rgba(255,255,255,.3)}
.is-rozet span.dev{background:var(--amber);border-color:var(--amber);color:#16181c}

.kunye-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));border-top:1px solid var(--line);border-left:1px solid var(--line);margin-top:clamp(30px,4vw,48px)}
.kunye-grid > div{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 22px;background:var(--white)}
.kunye-grid dt{margin:0 0 7px;font-size:10.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.kunye-grid dd{margin:0;font-size:16px;line-height:1.45}
.kunye-grid dd.vurgu{font-family:'DM Serif Display',Georgia,serif;font-size:22px;letter-spacing:-.01em}
.is-not{margin:18px 0 0;font-size:13px;color:var(--muted);max-width:76ch}
.is-metin{margin-top:clamp(28px,3.5vw,44px);max-width:72ch;font-size:17px;line-height:1.8;color:#48525f}
.is-foto{margin-top:clamp(28px,3.5vw,44px)}
.is-foto img{width:100%;height:auto;display:block}
.is-foto figcaption{margin-top:10px;font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}

.benzer{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));border-top:1px solid var(--line);border-left:1px solid var(--line);margin-top:26px}
.benzer a{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px;text-decoration:none;display:flex;flex-direction:column;gap:9px;min-height:130px;transition:background .2s}
.benzer a:hover{background:var(--white)}
.benzer .ust{display:flex;justify-content:space-between;gap:10px;font-size:10.5px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;color:var(--navy)}
.benzer .ad{font-size:15px;line-height:1.45;color:var(--ink)}
.benzer .alt{margin-top:auto;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}

/* 404 */
.hata{padding:clamp(70px,10vw,140px) 0;text-align:center}
.hata .kod{font-family:'DM Serif Display',Georgia,serif;font-size:clamp(70px,12vw,150px);line-height:1;color:var(--navy);letter-spacing:-.04em}
.hata h1{font-family:'DM Serif Display',Georgia,serif;font-weight:400;font-size:clamp(26px,3.4vw,42px);margin:14px 0 14px;letter-spacing:-.02em}
.hata p{color:var(--muted);max-width:48ch;margin:0 auto 28px;line-height:1.75}

/* ══════════════════════════════════════════════════════════════════════════
   ARSIV FILTRESI — sunucu HTML'i basar, betik yalnizca satir gizler/gosterir
   Betik calismazsa .row'larin hepsi gorunur kalir (ilerleyici gelistirme).
   ══════════════════════════════════════════════════════════════════════════ */
.row[hidden]{display:none}
.rows .row > a{width:100%;text-align:left;text-decoration:none;color:inherit;
  display:grid;grid-template-columns:48px 1fr auto;gap:4px 20px;align-items:baseline;padding:20px 10px;border-left:3px solid transparent}
.rows .row > a:hover{background:#faf9f7;border-left-color:var(--amber)}
.rows .row .ok{color:var(--navy);font-size:13px;opacity:0;transition:opacity .2s}
.rows .row > a:hover .ok{opacity:1}

/* Yazdirma: menu/form/filtre cikmasin, kunye ve liste kalsin */
@media print{
  .topbar,header,.filters,.tagrow,.more,form.talep,.btn-amber,footer .foot span:last-child{display:none!important}
  body{background:#fff}
  .hero,.is-hero{min-height:0;background:#fff!important;color:#000}
  .hero:before,.is-hero:before{display:none}
  .hero h1,.is-hero h1{color:#000}
  a{text-decoration:none;color:#000}
  /* Kagitta buyutec rozetinin ve goruntuleyicinin isi yok */
  .gk-ikon,.lb{display:none!important}
  /* Yazdirirken galerinin tamami gelsin: "tumunu goster" dugmesi kagitta yok */
  .galeri.kirpik .fazla{display:block!important}
}

/* ══════════════════════════════════════════════════════════════════════════
   FORM EK PARCALARI — guvenlik kodu, bal kupu, sonuc satiri
   (Tasarimda yoktu; sunucuya baglanirken eklendi. Gorsel dil ayni.)
   ══════════════════════════════════════════════════════════════════════════ */
/* Bal kupu: gercek ziyaretci gormez, ekran okuyucu da atlar (aria-hidden),
   botlar doldurur. display:none KULLANILMAZ — bazi botlar gizli alanlari
   atlar; ekran disina tasimak daha iyi yakalar. */
.form-tuzak{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

form.talep label.kod{display:block}
.kod-satir{display:flex;gap:10px;align-items:stretch}
.kod-satir input{flex:1 1 auto;min-width:0}
.kod-satir .captcha-img{height:46px;width:auto;border:1px solid var(--line);background:#fff;display:block}
.kod-satir .captcha-yenile{flex:0 0 auto;width:46px;border:1px solid var(--line);background:transparent;
  color:var(--navy);font-size:19px;line-height:1;cursor:pointer;font-family:inherit}
.kod-satir .captcha-yenile:hover{background:rgba(11,42,96,.08)}

form.talep .hatali{border-color:var(--amber)!important;outline:2px solid var(--amber);outline-offset:-1px}
.form-sonuc{margin:0;font-size:13.5px;line-height:1.6;padding:12px 14px}
.form-sonuc.ok{background:rgba(11,42,96,.08);color:var(--navy)}
.form-sonuc.hata{background:rgba(244,130,33,.14);color:var(--amber-700)}
form.talep .sent{display:block;text-align:center;padding:48px 20px}
form.talep .sent b{display:block;font-family:'DM Serif Display',Georgia,serif;font-weight:400;font-size:22px;line-height:1.4;color:var(--white)}
form.talep [hidden]{display:none!important}

/* Dosya secici: koyu zeminde okunur olsun */
form.talep input[type=file]{padding:10px 12px;font-size:13.5px;cursor:pointer}
form.talep input[type=file]::file-selector-button{font-family:inherit;font-size:12px;font-weight:700;
  letter-spacing:.06em;text-transform:uppercase;padding:8px 12px;margin-right:12px;cursor:pointer;
  border:1px solid var(--line);background:transparent;color:var(--navy)}
form.talep input[type=file]::file-selector-button:hover{background:rgba(11,42,96,.08)}

/* ── KOYU ZEMINDEKI FORM (.talep-koyu) ──────────────────────────────────────
   Yalnizca is sayfasindaki talep formu koyu zeminde duruyor. Secici agirligi
   bilerek "form.talep.talep-koyu ..." (0,3,1) yazildi: taban kurallar
   "form.talep .lbl" (0,2,1) oldugu icin tek sinifla ezilemezdi. */
form.talep.talep-koyu{border-color:rgba(255,255,255,.26);background:transparent}
form.talep.talep-koyu .lbl{color:rgba(255,255,255,.62)}
form.talep.talep-koyu .eyebrow{color:var(--amber)}
form.talep.talep-koyu .kvkk{color:rgba(255,255,255,.55)}
form.talep.talep-koyu input,
form.talep.talep-koyu select,
form.talep.talep-koyu textarea{background:transparent;border-color:rgba(255,255,255,.3);color:var(--white)}
form.talep.talep-koyu input:focus,
form.talep.talep-koyu select:focus,
form.talep.talep-koyu textarea:focus{outline-color:var(--amber)}
form.talep.talep-koyu .kod-satir .captcha-img,
form.talep.talep-koyu .kod-satir .captcha-yenile{border-color:rgba(255,255,255,.3)}
form.talep.talep-koyu .kod-satir .captcha-yenile{color:var(--white)}
form.talep.talep-koyu .kod-satir .captcha-yenile:hover{background:rgba(255,255,255,.12)}
form.talep.talep-koyu input[type=file]::file-selector-button{border-color:rgba(255,255,255,.3);color:var(--white)}
form.talep.talep-koyu input[type=file]::file-selector-button:hover{background:rgba(255,255,255,.12)}
form.talep.talep-koyu .form-sonuc.ok{background:rgba(255,255,255,.12);color:var(--white)}
form.talep.talep-koyu .form-sonuc.hata{background:rgba(244,130,33,.18);color:#ffd7b0}
form.talep.talep-koyu .sent b{color:var(--white)}

/* Insan kaynaklari sayfasinda form sag sutunda; dar ekranda alta iner */
@media(max-width:1000px){ .ik-form{margin-top:16px} }

/* ══════════════════════════════════════════════════════════════════════════
   COK SAYFALI YAPI — ic sayfa bileseni
   Her bolum kendi sayfasinda oldugu icin eklenenler: sayfa basligi bandi,
   kirinti yolu, faaliyet alani kartlari, sayfa sonu cagrisi, liste gecisi.
   ══════════════════════════════════════════════════════════════════════════ */

/* Ic sayfa basligi — ana sayfadaki buyuk gorselin fotografsiz karsiligi */
.sayfa-basi{background:var(--navy-900);color:var(--white);padding:clamp(40px,5vw,72px) 0 clamp(34px,4vw,56px)}
.sayfa-basi h1{font-family:'DM Serif Display',Georgia,serif;font-weight:400;letter-spacing:-.025em;
  font-size:clamp(30px,4.2vw,56px);line-height:1.06;margin:0;max-width:22ch}
.sayfa-basi .eyebrow{margin-bottom:16px}
.bant-metin{margin:18px 0 0;max-width:68ch;font-size:16.5px;line-height:1.75;color:rgba(255,255,255,.76)}

/* Kirinti yolu */
.kirinti{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:22px;
  font-size:11.5px;letter-spacing:.08em;text-transform:uppercase}
.kirinti a{color:rgba(255,255,255,.6);text-decoration:none}
.kirinti a:hover{color:var(--amber)}
.kirinti b{color:var(--white);font-weight:700}
.kirinti span{color:rgba(255,255,255,.35)}

/* Duz metin govdesi (kurumsal sayfasi) */
.metin-govde{max-width:74ch;font-size:17px;line-height:1.85;color:#48525f}
.metin-govde h2,.metin-govde h3{font-family:'DM Serif Display',Georgia,serif;font-weight:400;
  color:var(--ink);letter-spacing:-.02em;margin:34px 0 14px}
.metin-govde h2{font-size:clamp(26px,3vw,38px)}
.metin-govde h3{font-size:clamp(21px,2.2vw,27px)}
.metin-govde p{margin:0 0 18px}
.metin-govde ul,.metin-govde ol{margin:0 0 18px;padding-left:22px}
.metin-govde li{margin-bottom:8px}

/* Faaliyet alani kartlari (ana sayfa ozeti) */
.alan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));
  border-top:1px solid var(--line);border-left:1px solid var(--line)}
.alan-kart{border-right:1px solid var(--line);border-bottom:1px solid var(--line);
  padding:26px 24px;text-decoration:none;display:flex;flex-direction:column;gap:10px;
  min-height:190px;transition:background .2s}
.alan-kart:hover{background:var(--white)}
.alan-kart .no{font-size:11px;font-weight:700;letter-spacing:.1em;color:var(--navy)}
.alan-kart .cnt{font-family:'DM Serif Display',Georgia,serif;font-size:30px;line-height:1;color:var(--ink)}
.alan-kart .cnt small{font-family:Manrope,sans-serif;font-size:11px;font-weight:700;
  letter-spacing:.1em;color:var(--muted);margin-left:6px}
.alan-kart h3{margin:0;font-size:19px;line-height:1.3;color:var(--ink)}
.alan-kart p{margin:0;font-size:14px;line-height:1.6;color:var(--muted)}

/* Faaliyet listesi satirlari artik baglanti */
a.service{text-decoration:none;color:inherit}
a.service:hover h3{color:var(--navy)}

/* Faaliyet alani sayfasindaki ozet rakami */
.liste-ozet{display:flex;align-items:baseline;gap:12px;margin-bottom:26px}
.liste-ozet b{font-family:'DM Serif Display',Georgia,serif;font-size:42px;line-height:1;color:var(--navy)}
.liste-ozet span{font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);max-width:30ch}

/* Iki is listesi arasinda gecis */
.seg-sayfa{margin-bottom:26px;display:inline-flex}
.seg-sayfa a{padding:0 18px;min-height:46px;display:flex;align-items:center;text-decoration:none;
  border-left:1px solid var(--line);font-size:12px;font-weight:700;letter-spacing:.07em;
  text-transform:uppercase;color:var(--muted)}
.seg-sayfa a:first-child{border-left:0}
.seg-sayfa a.on{background:var(--navy);color:var(--white)}
.seg-sayfa a:not(.on):hover{background:#faf9f7;color:var(--navy)}

/* Sayfa sonu iletisim cagrisi */
.cta{background:var(--navy);color:var(--white);padding:clamp(44px,5vw,72px) 0}
.cta .wrap{display:flex;flex-wrap:wrap;gap:26px 40px;align-items:center;justify-content:space-between}
.cta h2{font-size:clamp(26px,3.2vw,42px);line-height:1.08;margin:10px 0 12px}
.cta p{margin:0;color:rgba(255,255,255,.72);max-width:56ch;line-height:1.75}
.cta .eyebrow{margin:0}

/* Iletisim SAYFASI: bant zaten lacivert, bolum acik zeminde dursun */
.contact-sayfa{background:var(--paper);color:var(--ink);padding-top:clamp(44px,5vw,72px)}
.contact-sayfa .office address{color:#48525f}
.contact-sayfa .office .tel{color:var(--navy)}
.contact-sayfa .office .fax{color:var(--muted)}
.contact-sayfa .links{border-top-color:var(--line)}
.contact-sayfa .links a{border-bottom-color:var(--line)}
.contact-sayfa .links a span:first-child{color:var(--muted)}
.contact-sayfa .links a:hover{color:var(--amber-700)}

/* Belge baglantisi "chip" gorunumunde */
.chip-link{text-decoration:none}
.chip-link:hover{background:rgba(255,255,255,.14)}

/* 404 sayfasindaki bolum baglantilari */
.hata-menu{display:flex;flex-wrap:wrap;gap:10px 18px;justify-content:center;margin-top:34px;
  padding-top:26px;border-top:1px solid var(--line)}
.hata-menu a{font-size:12.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;
  color:var(--muted);text-decoration:none}
.hata-menu a:hover{color:var(--navy)}

/* Alt bolum — dort sutun */
.foot-grid{display:grid;grid-template-columns:1.3fr 1fr 1.1fr 1fr;gap:34px 40px;
  padding:clamp(40px,5vw,64px) 0 clamp(26px,3vw,38px)}
.foot-logo{height:44px;width:auto;margin-bottom:16px}
.foot-blok p{margin:0;font-size:13px;line-height:1.7;color:rgba(255,255,255,.55);max-width:34ch}
.foot-blok h4{margin:0 0 14px;font-size:11px;font-weight:800;letter-spacing:.14em;
  text-transform:uppercase;color:var(--amber)}
.foot-blok ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.foot-blok li{font-size:13.5px;line-height:1.6;color:rgba(255,255,255,.62)}
.foot-blok li b{display:block;font-size:11px;font-weight:700;letter-spacing:.08em;
  text-transform:uppercase;color:rgba(255,255,255,.4);margin-bottom:2px}
.foot-blok a{color:rgba(255,255,255,.72);text-decoration:none}
.foot-blok a:hover{color:var(--amber)}
.foot-alt{display:flex;flex-wrap:wrap;gap:12px 24px;justify-content:space-between;align-items:center;
  padding:18px 0 22px;border-top:1px solid rgba(255,255,255,.12);
  font-size:11.5px;letter-spacing:.04em;color:rgba(255,255,255,.5)}
.foot-alt .uretici{display:flex;align-items:center}

/* Aktif menu baglantisi */
.menu a.aktif,.mobile-menu a.aktif{color:var(--navy)}
.menu a.aktif{position:relative}
.menu a.aktif:after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:2px;background:var(--amber)}

@media(max-width:1000px){
  .foot-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:900px){
  .sayfa-basi h1{font-size:clamp(26px,7vw,38px)}
  .cta .wrap{display:block}
  .cta .btn-amber{margin-top:22px}
  .foot-grid{grid-template-columns:1fr;gap:28px}
  .seg-sayfa{display:flex;width:100%}
  .seg-sayfa a{flex:1;justify-content:center;text-align:center;padding:0 10px;font-size:11px}
  .alan-kart{min-height:0}
}

/* ══════════════════════════════════════════════════════════════════════════
   ANA SAYFA SLAYDI + IS SAYFASI GALERISI
   Eski sitede ana sayfada donen bir slayt ve her isin kendi fotograf
   galerisi vardi; ikisi de geri getirildi.
   ══════════════════════════════════════════════════════════════════════════ */

/* Slayt kareleri ust uste; yalnizca .on gorunur. Gecis opaklikla yapilir,
   boylece arka plan goruntusu yeniden indirilmez. */
.hero .slayt{position:absolute;inset:0;background-size:cover;background-position:center;
  opacity:0;transition:opacity .9s ease;pointer-events:none}
.hero .slayt.on{opacity:1}
@media(prefers-reduced-motion:reduce){ .hero .slayt{transition:none} }

/* O an gorunen isin kunyesi — sag altta, isin sayfasina baglanir.
   ⚠ bottom:58px — hemen asagidaki .stats seridi margin-top:-46px ile ust
   bolumun uzerine biniyor; kunye 0'da birakilirsa altinda kalip okunmuyordu. */
.slayt-kunye{position:absolute;right:0;bottom:58px;z-index:3;max-width:min(46ch,70%);
  background:rgba(6,18,40,.72);color:var(--white);text-decoration:none;
  padding:14px 20px;display:block;transition:background .2s}
.slayt-kunye:hover{background:rgba(6,18,40,.88)}
.slayt-kunye .ust{display:block;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;
  color:var(--amber);margin-bottom:5px}
.slayt-kunye .ad{display:block;font-size:14px;line-height:1.45;color:rgba(255,255,255,.92)}

/* Nokta gostergesi */
.slayt-nokta{position:absolute;left:0;bottom:62px;z-index:3;display:flex;gap:9px;
  padding:0 clamp(24px,5vw,calc((100vw - 1240px)/2 + 24px))}
.slayt-nokta button{width:30px;height:4px;border:0;padding:0;cursor:pointer;
  background:rgba(255,255,255,.35);transition:background .2s}
.slayt-nokta button:hover{background:rgba(255,255,255,.6)}
.slayt-nokta button.on{background:var(--amber)}

/* Is sayfasi galerisi */
.galeri-bas{display:flex;flex-wrap:wrap;gap:10px 20px;align-items:baseline;justify-content:space-between;
  margin:clamp(30px,4vw,48px) 0 16px}
.galeri-adet{font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.galeri{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:14px}
.galeri figure{margin:0;background:var(--white);border:1px solid var(--line)}
.galeri img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.galeri figcaption{padding:9px 12px;font-size:12.5px;line-height:1.45;color:var(--muted)}

/* Kucuk resim BAGLANTISI — betik yoksa bile buyuk fotografi acar.
   Uzerine gelince hafif yakinlasma + buyutec rozeti; dokunmatik cihazda
   :hover olmadigi icin rozet her zaman gorunur (asagidaki hover:none sorgusu). */
.gk{display:block;position:relative;overflow:hidden;cursor:zoom-in;background:var(--navy-900)}
.gk img{transition:transform .45s ease,opacity .25s ease}
.gk:hover img,.gk:focus-visible img{transform:scale(1.045);opacity:.82}
.gk-ikon{position:absolute;right:8px;bottom:8px;width:30px;height:30px;display:grid;place-items:center;
  background:rgba(6,18,40,.72);color:var(--white);font-size:14px;line-height:1;
  opacity:0;transform:translateY(5px);transition:opacity .25s ease,transform .25s ease;pointer-events:none}
.gk:hover .gk-ikon,.gk:focus-visible .gk-ikon{opacity:1;transform:none}
.gk:focus-visible{outline:2px solid var(--amber);outline-offset:2px}
@media(hover:none){ .gk-ikon{opacity:1;transform:none} .gk:hover img{transform:none;opacity:1} }
@media(prefers-reduced-motion:reduce){
  .gk img,.gk-ikon{transition:none}
  .gk:hover img,.gk:focus-visible img{transform:none}
}

/* ══════════════════════════════════════════════════════════════════════════
   TAM EKRAN FOTOGRAF GORUNTULEYICI (lightbox)
   Isaretlemesi sunucuda basilmaz; assets/js/main.js ilk acilista uretir.
   Bu yuzden buradaki kurallarin tamami yalnizca betik calisirken is gorur.
   ══════════════════════════════════════════════════════════════════════════ */

/* Sayfa arkada kaymasin. Kaydirma cubugu kaybolunca olusan yatay sicramayi
   betik --kaydirma degiskenine yazdigi genislikle telafi eder. */
html.lb-acik{overflow:hidden}
html.lb-acik body{padding-right:var(--kaydirma,0px)}

/* ⚠ Orta satir minmax(0,1fr): duz '1fr' en az ICERIK kadar yer kaplar, yani
   buyuk fotograf satiri sisirip alttaki baslik seridini ekran disina itiyordu.
   Sifir alt sinirla satir kucule biliyor ve img'deki max-height:100% calisiyor. */
.lb{position:fixed;inset:0;z-index:100;display:grid;grid-template-rows:auto minmax(0,1fr) auto;
  background:rgba(5,14,32,.96);color:var(--white);opacity:0;transition:opacity .2s ease}
.lb.acik{opacity:1}
/* ⚠ [hidden] TEK BASINA YETMEZ: tarayicinin [hidden]{display:none} kurali
   yukaridaki display:grid tarafindan EZILIR. Bu satir olmadan pencere
   kapatildiktan sonra ekranin tamami uzerinde saydam ama TIKLANABILIR bir
   katman olarak kaliyor ve ust menu dahil hicbir baglantiya basilamiyordu.
   Ayni tuzak oklar icin de gecerli (onlar da display:grid). */
.lb[hidden],.lb-ok[hidden]{display:none}
/* -webkit-backdrop-filter Safari icin sart */
@supports (backdrop-filter:blur(2px)){ .lb{backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)} }

/* Ust seritte sayac ve kapatma dugmesi */
.lb-ust{display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:14px clamp(14px,3vw,26px)}
.lb-sayac{font-size:12px;letter-spacing:.12em;color:rgba(255,255,255,.72);font-variant-numeric:tabular-nums}
.lb-kapat{width:42px;height:42px;flex:0 0 auto;border:0;border-radius:50%;cursor:pointer;
  background:rgba(255,255,255,.1);color:var(--white);font-size:20px;line-height:1;
  display:grid;place-items:center;transition:background .2s}
.lb-kapat:hover{background:var(--amber);color:#16181c}

/* Fotograf alani — kalan bosluga SIGAR, asla tasmaz.
   ⚠ Fotograf MUTLAK konumlu ve ortalanmis; akista birakilip max-height:100%
   verildiginde Chrome, yuzde degeri esnek (1fr) satira gore cozemeyip kurali
   yok sayiyor ve uzun fotograf alt seridi ekran disina itiyordu. Mutlak
   konumda yuzdeler kabin KULLANILAN olcusune gore cozulur, yani kural her
   zaman isler. calc() payi oklarin fotografa binmesini de engeller. */
.lb-sahne{position:relative;min-height:0}
.lb-sahne img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  width:auto;height:auto;
  max-width:calc(100% - 2 * clamp(14px,4vw,80px));max-height:calc(100% - 20px);
  box-shadow:0 24px 70px rgba(0,0,0,.5);opacity:1;transition:opacity .2s ease}
/* Sonraki kare inerken eskisi solar: bos siyah ekran yerine yumusak gecis */
.lb-sahne.bekliyor img{opacity:.25}

/* Donen yukleme halkasi — yalnizca bekleme sirasinda gorunur */
.lb-sahne::after{content:'';position:absolute;top:50%;left:50%;width:34px;height:34px;
  margin:-17px 0 0 -17px;border-radius:50%;
  border:2px solid rgba(255,255,255,.25);border-top-color:var(--amber);
  opacity:0;transition:opacity .2s ease;pointer-events:none}
.lb-sahne.bekliyor::after{opacity:1;animation:lb-don .8s linear infinite}
@keyframes lb-don{to{transform:rotate(360deg)}}

/* Yan oklar — dar ekranda DOM'u degistirmeden alt kosegelere inebilsinler
   diye akistan cikarildi.
   ⚠ position:absolute DEGIL, fixed: .lb bir GRID kabi ve mutlak konumlu
   cocuklari dustukleri grid alanina gore konumlaniyor — iki ok farkli ortulu
   satirlara dusup 20 px kayik duruyordu. Pencere zaten gorunum alaninin
   tamamini kapladigi icin fixed ayni yeri gosterir ve grid'den etkilenmez. */
.lb-ok{position:fixed;top:50%;transform:translateY(-50%);width:50px;height:50px;border:0;border-radius:50%;
  cursor:pointer;background:rgba(255,255,255,.1);color:var(--white);font-size:22px;line-height:1;
  display:grid;place-items:center;transition:background .2s}
.lb-ok:hover{background:var(--amber);color:#16181c}
/* ⚠ Sinif adlari 'lb-' onekli: sayfadaki "listeye don" baglantisi da .geri
   sinifini kullaniyor ve onun margin-bottom:20px'i oku 20 px yukari
   kaydiriyordu (iki ok farkli hizada duruyordu). */
.lb-ok.lb-geri{left:clamp(6px,1.6vw,20px)}
.lb-ok.lb-ileri{right:clamp(6px,1.6vw,20px)}
.lb-kapat:focus-visible,.lb-ok:focus-visible{outline:2px solid var(--amber);outline-offset:3px}

/* Alt seritte fotografin basligi */
.lb-alt{padding:14px clamp(14px,3vw,26px) 20px;text-align:center;
  font-size:14px;line-height:1.5;color:rgba(255,255,255,.88)}

@media(prefers-reduced-motion:reduce){
  .lb,.lb-sahne img{transition:none}
  .lb-sahne.bekliyor::after{animation:none}
}

/* Dar ekran: oklar alt kosegelere iner (basparmakla erisilebilsin), basligin
   altina da onlari asmayacak kadar bosluk birakilir. */
@media(max-width:700px){
  .lb-ok{top:auto;bottom:14px;transform:none;width:46px;height:46px;font-size:20px}
  .lb-ok.lb-geri{left:14px}
  .lb-ok.lb-ileri{right:14px}
  .lb-alt{padding:12px 74px 24px;font-size:13px}
  .lb-sahne{padding:0 8px}
}
/* Esikten sonrakiler gizli; "tumunu goster" .acik sinifini ekler.
   ⚠ display:none DEGIL — betik calismazsa hepsi gorunur kalsin diye kural
   yalnizca .galeri (yani JS'in ekledigi kap) uzerinden isliyor. */
.galeri.kirpik .fazla{display:none}
.galeri.acik .fazla{display:block}
#galeri-daha{margin-top:16px}

@media(max-width:900px){
  /* ⚠ .hero masaustunde yatay flex; kunye akisa girince .hero-inner ile YAN
     YANA bir flex ogesi haline gelip ust bolumu ikiye boluyordu. Dar ekranda
     eksen dikeye cevriliyor: once metin, en alta kunye seridi (alta
     yaslanir, boylece min-height'ten artan bosluk metnin USTUNDE kalir). */
  .hero{flex-direction:column;justify-content:flex-end;align-items:stretch}
  /* ⚠ .wrap'in margin:auto'su dikey eksende de otomatik: kolon yonlu flex
     kapta bos alani yukari/asagi dagitip kunye seridini yerinden oynatiyor.
     Dikey marjlar sifirlanir, yatay ortalama korunur. */
  .hero-inner{padding-bottom:30px;margin-top:0;margin-bottom:0}
  /* ⚠ position:static DEGIL: static ogede z-index yok sayilir ve mutlak
     konumlu .slayt kareleri kunyenin UZERINE basiyordu (seritte yazi hic
     gorunmuyordu). relative ile z-index:3 yeniden gecerli oluyor. */
  .slayt-kunye{position:relative;right:auto;bottom:auto;max-width:none;background:var(--navy-900);padding:14px clamp(16px,5vw,24px)}
  .slayt-nokta{bottom:auto;top:12px;padding:0 clamp(16px,5vw,24px)}
}