/* ==========================================================================
   ARZ YAPIM — SİTE BİÇEMİ (v2)
   Kimlik kaynağı: sosyal/marka/arz-yapim/  ·  KIMLIK.md · kilavuz/
   Kural: geometrik · keskin · ağır · dingin. Süs yok, gradyan yok, gölge yok.
   ========================================================================== */

/* ---------- YAZI TİPLERİ (siteye gömülü — ziyaretçinin bilgisayarına bağlı değil) */
@font-face{
  font-family:"Anybody";
  src:url("/varlik/font/anybody-genis.woff2?s=8656414e75") format("woff2");
  font-weight:300 700; font-style:normal; font-display:swap;
}
@font-face{
  font-family:"Inter";
  src:url("/varlik/font/inter.woff2?s=e1ad203438") format("woff2");
  font-weight:100 900; font-style:normal; font-display:swap;
}

/* ---------- PALET — tek aile: ton açısı 214°, doygunluk %56 (parlamento mavisinin
              kendi HLS değeri). Her kademe aynı elin ürünüdür, uydurulmadı. */
:root{
  --gece:        #0A1422;   /* en koyu zemin — açılış, alt bilgi */
  --parlamento:  #1E406B;   /* ⛔ KİMLİK RENGİ — değişmez */
  --parlamento-acik:#2D5E9E;/* kimlikte tanımlı açık kademe — yalnız koyu zeminde */
  --mavi-bag:    #5086CE;   /* koyu zeminde bağlantı ve vurgu (4,50:1) */
  --bulut:       #E3EBF7;   /* kıvrımın rengi · açık gri-mavi zemin */
  --kagit:       #F6F8FB;   /* kırık beyaz zemin */
  --beyaz:       #FFFFFF;
  --murekkep:    #111114;   /* açık zeminde yazı */
  --gri:         #3A3F47;   /* açık zeminde ikincil yazı */
  --gri-acik:    #B6C0CE;   /* koyu zeminde ikincil yazı */
  --cizgi:       #D3DAE3;   /* açık zeminde ince ayraç */
  --kum:         #C7A975;   /* ⭐ SICAK VURGU — az kullanılır, koyu zeminde */

  --sayfa: 1280px;
  --pay: clamp(20px, 5vw, 72px);
  --bosluk: clamp(64px, 9vw, 132px);

  /* ⭐ LOGO ÖLÇÜSÜ — dikey (üst üste) sürüm her yerde kullanılır.
     Dosya 1000 × 1000 kare; çizimin kendisi bu karenin ortasında durur ve
     çevresinde HAZIR BOŞLUK vardır: solda-sağda %13, üstte-altta %16,5.
     Bu boşluk kılavuzun istediği "logonun etrafındaki temiz alan"dır — kesilmez.
     ⚠️ Bu yüzden kutunun görünen yüksekliği = ölçünün %67'sidir. */
  --marka-en: 78px;        /* üst çubuk — masaüstü (çizim ≈ 52 px görünür) */
  --marka-alt-en: 118px;   /* alt bilgi */
  /* ⚠️ `--marka-pay` (dosyanın kendi %13'lük sol boşluğunu geri alan negatif kaydırma)
     31.08.2026'da SİLİNDİ: site sol hizadan ORTA hizaya geçti, logo artık ortalanıyor;
     sol hiza düzeltmesinin yapacak işi kalmadı ve ortalamayı bozuyordu. */
}

/* ---------- SIFIRLAMA ---------- */
*,*::before,*::after{box-sizing:border-box;}
html{ -webkit-text-size-adjust:100%; scroll-behavior:smooth; }
/* ⭐⭐ SİTENİN TAMAMI ORTALI — Buğra, 31.08.2026: "Sitenin tamamı ortalı görünmesi
   daha iyi olur… ekranda ortalı gözükmesini istiyorum, her şeyin sağdan soldan eşit
   şekilde." ⛔ Bundan önceki "TEK SOL HİZA" kuralı GEÇERSİZDİR, geri getirilmez.
   ⭐ Ortalamanın okunabilirliği bozmaması için yöntem şudur: METİN BLOĞUNUN kendi
      genişlik sınırı korunur (`max-width` + `margin-inline:auto`) — blok ortada
      durur, satır sonları dağılmaz. Izgaralar (kart · hizmet · alt bilgi) zaten
      eşit sütunlu, sağ-sol boşlukları `.kutu`nun simetrik dolgusundan gelir.
   ⛔ TEK İSTİSNA: form kutularına YAZILAN metin sola dayalı kalır (ortalı yazılan
      ad/konu/mesaj okunmuyor) — aşağıda `form.mesaj input/textarea`. */
body{
  margin:0; background:var(--kagit); color:var(--murekkep);
  font-family:"Inter",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  font-size:17px; line-height:1.62; font-weight:400;
  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
  text-align:center;
}
img,svg{ display:block; max-width:100%; }
a{ color:inherit; }
button{ font:inherit; }
::selection{ background:var(--parlamento); color:#fff; }

/* ---------- IZGARA ---------- */
.kutu{ width:100%; max-width:var(--sayfa); margin:0 auto; padding-inline:var(--pay); }
.bolum{ padding-block:var(--bosluk); }
.bolum.yayli{ padding-bottom:calc(var(--bosluk) * .55); }

/* ---------- TİPOGRAFİ — ÜÇ KADEME, ORTA HİZA ---------- */
/* ① ÜST ETİKET — logodaki "Y A P I M" ile aynı ses: 0,18 em */
.ust{
  font-family:"Anybody",sans-serif; font-weight:500;
  font-size:12.5px; letter-spacing:.18em; text-transform:uppercase;
  color:var(--kum); margin:0 auto 22px;   /* ⭐ `auto` ŞART: `.ust` bir <p>, `p`nin
     62ch genişlik sınırını miras alıyor; `margin:0` olsaydı blok sola kaçardı
     (31.08.2026'da ölçüldü: merkezden −235 px). */
  display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:6px 12px;
}
/* ⚠️ Bölüm NUMARASI (`.no`) ve yanındaki yıldız 31.08.2026'da bölüm etiketlerinden
   KALKTI (Buğra: "bu saçmalık yani"). `.no` yalnız iç sayfa başlıklarının üst
   satırında kaldı ("14 İŞ" — filmografi) — orası koyu zemindir, bu yüzden
   `.acilis` / `.mavi-zemin` / `.acik-zemin` için yazılmış zemine göre renk
   düzeltmeleri hiçbir şeyle eşleşmiyordu ve SİLİNDİ. Eski hâl:
   _arsiv/2026-08-31-kaldirilan-bolumler/stil.css.ONCEKI
   ⭐ İletişim sayfasının "FATİH · İSTANBUL ✦ KÜNYE" üst etiketi de aynı gün
   (Buğra: "FATİH · İSTANBUL ✦ KÜNYE kalkabilir") kaldırıldı — `.no`/`.ust`/`yildiz()`
   burada değil, filmografi sayfasında hâlâ kullanıldığı için silinmedi. */
.ust .no{ color:var(--mavi-bag); }
.mavi-zemin .ust{ color:var(--kum); }
@media (max-width:560px){ .ust{ font-size:11.5px; letter-spacing:.14em; } }
.acik-zemin .ust{ color:#8A6E38; }

/* ② BAŞLIK — Anybody, genişlik ekseni 150. Uzun başlıkta aralık 0,10 em
      (KIMLIK.md §12-A: büyük harf için önerilen üst sınır), kısa etikette 0,18. */
h1,h2,h3,.baslik{ font-family:"Anybody",sans-serif; font-weight:400; margin:0; }
h1{
  font-size:clamp(26px,5.9vw,78px); line-height:1.12;
  letter-spacing:.045em; text-transform:uppercase;
}
h2{
  font-size:clamp(23px,4vw,50px); line-height:1.16;
  letter-spacing:.06em; text-transform:uppercase; margin-bottom:16px;
}
@media (max-width:560px){
  h1{ letter-spacing:.025em; }
  h2{ letter-spacing:.035em; }
  h3{ letter-spacing:.05em; }
}
h3{
  font-size:clamp(19px,2.1vw,25px); line-height:1.2;
  letter-spacing:.08em; text-transform:uppercase;
}
.alt{ font-size:15px; color:var(--gri); letter-spacing:.01em; margin:0 auto 34px; line-height:1.5; }
.koyu-zemin .alt{ color:var(--gri-acik); }

/* ③ GÖVDE — ⭐ blok ortada, satırlar dağılmasın diye genişlik sınırı DURUYOR */
p{ margin:0 auto 1.05em; max-width:62ch; }
.iri{ font-size:clamp(18px,1.6vw,21px); line-height:1.62; }

/* ---------- ZEMİNLER ---------- */
.koyu-zemin{ background:var(--gece); color:var(--beyaz); }
.mavi-zemin{ background:var(--parlamento); color:var(--beyaz); }
.acik-zemin{ background:var(--kagit); color:var(--murekkep); }

/* ---------- ⭐ KIVRIM — YILDIZIN KENDİ YAYI ----------------------------------
   Yol verisi `uretim/kivrim.py` → yatay_kubbe(0,1000,0,asagi,0.25) çıktısıdır.
   Yeni eğri icat EDİLMEDİ. Oran korunur (germe yok): genişlik %100, yükseklik oto. */
.yay{ display:block; width:100%; height:auto; margin-top:-1px; }
.yay-ust{ margin-top:0; margin-bottom:-1px; }

/* ---------- ÜST ÇUBUK ---------- */
/* ⭐ Telefonda üst çubuk YAPIŞKAN DEĞİL: iki sıralı çubuk küçük ekranın
   %13'ünü yiyor. Masaüstünde yapışkan kalır. */
.tepe{
  position:static; z-index:50;
  background:var(--gece); border-bottom:1px solid rgba(255,255,255,.10);
}
/* ⭐ ORTALI ÜST ÇUBUK — logo üstte ortada, gezinti altında ortada (Buğra 31.08.2026).
   ⭐ Logo bir kademe küçültüldü (96 → 78 px): iki sıraya geçince yapışkan çubuk
      masaüstünde ekranı fazla yiyordu. */
.tepe .kutu{ display:block; padding-block:6px 0; }
.tepe a.marka{ display:inline-flex; align-items:center; }
.tepe a.marka img{ width:var(--marka-en); height:auto; }
.gezinti{ display:flex; align-items:center; justify-content:center;
  gap:clamp(14px,2.4vw,34px); }
.gezinti a{
  font-family:"Anybody",sans-serif; font-weight:500; font-size:12px;
  letter-spacing:.18em; text-transform:uppercase; color:#fff;
  text-decoration:none; padding:6px 0; border-bottom:2px solid transparent;
}
.gezinti a:hover{ border-bottom-color:var(--mavi-bag); }
.gezinti a[aria-current]{ border-bottom-color:var(--kum); }
@media (min-width:721px){ .tepe{ position:sticky; top:0; } }
@media (max-width:720px){
  /* Telefon: aynı iki sıra, daha küçük ölçü. Çubuk yapışkan değil. */
  :root{ --marka-en:72px; }
  .gezinti{ margin-top:2px; border-top:1px solid rgba(255,255,255,.12); gap:clamp(10px,4vw,22px); }
  .gezinti a{ font-size:11px; letter-spacing:.12em; padding:11px 0 9px; }
}

/* ---------- DÜĞMELER ---------- */
.dugmeler{ display:flex; flex-wrap:wrap; justify-content:center; gap:14px; margin-top:36px; }
.dugme{
  font-family:"Anybody",sans-serif; font-weight:500; font-size:12.5px;
  letter-spacing:.18em; text-transform:uppercase; text-decoration:none;
  padding:16px 30px; border:1.5px solid var(--beyaz); color:var(--beyaz);
  background:transparent; cursor:pointer;
  transition:background .18s linear, color .18s linear, border-color .18s linear;
}
.dugme:hover{ background:var(--beyaz); color:var(--gece); }
.dugme.dolu{ background:var(--parlamento-acik); border-color:var(--parlamento-acik); }
.dugme.dolu:hover{ background:var(--mavi-bag); border-color:var(--mavi-bag); color:#fff; }
.acik-zemin .dugme{ border-color:var(--parlamento); color:var(--parlamento); }
.acik-zemin .dugme:hover{ background:var(--parlamento); color:#fff; }

/* ---------- AÇILIŞ ---------- */
.acilis{ position:relative; background:var(--gece); color:#fff; overflow:hidden; }
.acilis .foto{
  position:absolute; inset:0; z-index:0;
}
.acilis .foto img{
  width:100%; height:100%; object-fit:cover; object-position:50% 38%;
  filter:grayscale(.35) contrast(1.02);
}
/* ⚠️ 12.08.2026 — TELEFON PERDESİ KOYULAŞTIRILDI, ÖLÇÜMLE:
   Eski perde (.86 → .62) bulut fotoğrafının parlak bölgesini yeterince
   bastırmıyordu; üstündeki "İSTANBUL · 2017" mavisi 390 pikselde 2,95:1
   veriyordu (eşik 4,5). ⛔ Masaüstünde sorun YOKTU — oradaki perde yatay ve
   yazının olduğu yerde %93 opak.
   ⚠️ Bu kusur ÖNCEDEN GÖRÜLEMEDİ: kontrast ölçer öğenin kendi zeminini de
      gizlediği için yanlış "geçti" veriyordu (araç aynı gün düzeltildi).
   ⭐ Renk DEĞİŞMEDİ, fotoğraf DURUYOR — yalnız perdenin opaklığı arttı. */
/* ⚠️ ALT KENAR AYRICA KARARTILIR — fotoğrafın SOL ALT KÖŞESİNDE, çekimden kalma
   "Çakabey Belgeseli 2017" yazısı GÖMÜLÜ (/varlik/kapak/caka-bey.webp?s=2c86a84d3b). Eski yatay
   perde onu solda karartarak gizliyordu; perde simetrik olunca ortaya çıktı.
   ⭐ İki perde üst üste: alttaki genel perde + alt kenarı kapatan ikinci perde.
      Gömülü yazı açılışın %84–%90 yüksekliğinde duruyor (ölçüldü: 1440×830 pikselde
      y ≈ 700–750), bu yüzden ikinci perde %80'de tam güce ulaşır.
      Alt kenarda toplam opaklık = 1−(1−0,94)(1−0,80) = 0,99 — yazı görünmez.
   ⛔ Fotoğrafın kendisine DOKUNULMADI (aynı dosya yapım kartında da kullanılıyor). */
.acilis .perde{
  position:absolute; inset:0; z-index:1;
  background:
    linear-gradient(180deg, rgba(10,20,34,0) 60%, rgba(10,20,34,.94) 80%, rgba(10,20,34,.94) 100%),
    linear-gradient(180deg, rgba(10,20,34,.92) 0%, rgba(10,20,34,.80) 100%);
}
/* ⚠️ Masaüstündeki YATAY perde (90°, solda koyu → sağda %50 saydam) 31.08.2026'da
   SİLİNDİ: yazı ortaya alınınca soldan sağa koyuluk farkı görüntüyü yamultuyordu.
   Artık her ölçüde aynı DİKEY perde kullanılır — sağ-sol simetrik.
   ⭐ Kontrast bakımından RİSK YOK: dikey perdenin en açık yeri %80 opak, silinen
      yatay perdenin sağ kenarı %50 idi; yani perde her yerde ESKİSİNDEN KOYU. */
.acilis .kutu{ position:relative; z-index:2; padding-block:clamp(88px,15vw,168px); }
.acilis h1{ max-width:16ch; margin-inline:auto; }
.acilis .alt{ max-width:52ch; margin-inline:auto; color:var(--gri-acik);
  font-size:clamp(16px,1.5vw,19px); margin-top:30px; margin-bottom:0; }

/* ---------- YILDIZ — ayraç ve madde işareti (küçük ve ikincil) ---------- */
.yildiz{ height:1em; width:1em; flex:none; }
.ust .yildiz{ height:10px; width:10px; color:var(--mavi-bag); }

/* ⚠️ `.madde` (yıldız işaretli liste) SİLİNDİ — 11.08.2026: tek kullanıcısı belge
   listeleriydi, onlar siteden kalktı. Yerine gelen `.referans` de 31.08.2026'da
   silindi (aşağıdaki nota bakınız). Kimsenin kullanmadığı biçem dosyada tutulmaz. */

/* ---------- ANA BLOK ----------
   ⚠️ Eskiden iki SÜTUNDU (1,25fr metin | 0,95fr rakamlar) — asimetrik olduğu için
   ortalı düzende sağ-sol boşluğu bozuyordu. 31.08.2026: TEK ORTALI SÜTUN, rakam
   kutusu metnin ALTINDA ortada. */
.ikili{ display:grid; grid-template-columns:1fr; justify-items:center;
  gap:clamp(34px,5vw,56px); }

/* ---------- RAKAMLAR ---------- */
.rakamlar{ display:grid; grid-template-columns:repeat(2,1fr); gap:1px; background:var(--cizgi);
  border:1px solid var(--cizgi); width:100%; max-width:460px; }
.rakamlar div{ background:var(--kagit); padding:26px 22px; }
/* ⚠️ Rakam sayısı TEK olursa son göz boş kalıyor ve gri blok olarak görünüyordu
   (11.08.2026, "81 vilayet" iddiası çıkarılınca ortaya çıktı). Son kalem tek
   başına kaldıysa iki sütunu birden kaplar — boş göz kalmaz, sayı değişse de
   kendi kendini toparlar. */
.rakamlar div:last-child:nth-child(odd){ grid-column:span 2; }
.rakamlar b{ display:block; font-family:"Anybody",sans-serif; font-weight:400;
  font-size:clamp(38px,4.6vw,54px); line-height:1; letter-spacing:.02em; color:var(--parlamento); }
.rakamlar span{ display:block; margin-top:10px; font-size:13px; color:var(--gri); line-height:1.35; }

/* ---------- HİZMET SÜTUNLARI (parlamento kütlesi üstünde) ---------- */
/* ⭐ `minmax(0,1fr)` — düz `1fr` sütunun EN UZUN KELİMESİ kadar genişlemesine izin
   veriyordu; "KÜLTÜR-SANAT ORGANİZASYONU" sütunu 10 px şişip ötekileri sola itiyordu
   (ölçüldü 31.08.2026: sütun merkezleri −428 / −149 / +130 / +419 — simetrik değil).
   `minmax(0,…)` dört sütunu BİREBİR eşitler. */
.hizmetler{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1px; background:rgba(255,255,255,.20);
  border:1px solid rgba(255,255,255,.20); margin-top:8px; }
.hizmetler article{ background:var(--parlamento); padding:30px 26px 34px; }
.hizmetler h3{ font-size:17px; letter-spacing:.1em; margin-bottom:14px; }
.hizmetler p{ font-size:14.5px; line-height:1.58; color:var(--bulut); margin:0; }
@media (max-width:980px){ .hizmetler{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:560px){ .hizmetler{ grid-template-columns:1fr; } }

/* ---------- YAPIM IZGARASI — GÖRSEL AĞIRLIKLI ---------- */
.izgara{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:clamp(18px,2.4vw,30px); }
.izgara.genis{ grid-template-columns:repeat(2,minmax(0,1fr)); }
@media (max-width:980px){ .izgara{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:620px){ .izgara,.izgara.genis{ grid-template-columns:1fr; } }

.kart{ display:flex; flex-direction:column; text-decoration:none; color:inherit; }
.kart .cerceve{
  position:relative; overflow:hidden; background:var(--parlamento);
  aspect-ratio:3/2;
}
.izgara.genis .kart .cerceve{ aspect-ratio:16/10; }
.kart .cerceve img{
  width:100%; height:100%; object-fit:cover;
  transition:transform .5s cubic-bezier(.2,.6,.2,1), filter .5s linear;
  filter:grayscale(.10);
}
.kart:hover .cerceve img{ transform:scale(1.035); filter:grayscale(0); }
.kart .cerceve .bos{
  position:absolute; inset:0; display:flex; align-items:center; justify-content:center;
  background:var(--parlamento);
}
.kart .cerceve .bos svg{ width:52px; height:52px; color:rgba(255,255,255,.42); }
.kart .cizgi{ height:2px; background:var(--cizgi); transition:background .22s linear; }
.kart:hover .cizgi{ background:var(--parlamento); }
.koyu-zemin .kart .cizgi{ background:rgba(255,255,255,.18); }
.koyu-zemin .kart:hover .cizgi{ background:var(--kum); }
.kart .yazi{ padding:16px 0 0; flex:1; display:flex; flex-direction:column; }
.kart h3{ font-size:clamp(16px,1.5vw,20px); letter-spacing:.085em; }
.kart .kunye{
  font-size:12px; letter-spacing:.12em; text-transform:uppercase; color:var(--gri);
  margin-top:9px; font-weight:500;
}
.koyu-zemin .kart .kunye{ color:var(--gri-acik); }
.kart .ozet{ font-size:14.5px; color:var(--gri); margin-top:11px; line-height:1.55; }
.rozet-destek{
  display:inline-block; align-self:center; margin-top:auto; padding-top:0; font-size:11px; letter-spacing:.13em;
  text-transform:uppercase; color:#8A6E38; border:1px solid #D9C79E; padding:5px 10px;
}
.kart .ozet{ margin-bottom:14px; }

/* ---------- SÜZGEÇ ---------- */
.suzgec{ display:flex; flex-wrap:wrap; justify-content:center; gap:10px; margin-bottom:38px; }
.suzgec button{
  font-family:"Anybody",sans-serif; font-weight:500; font-size:12px; letter-spacing:.16em;
  text-transform:uppercase; padding:12px 22px; cursor:pointer;
  background:transparent; border:1.5px solid var(--cizgi); color:var(--gri);
  transition:all .18s linear;
}
.suzgec button:hover{ border-color:var(--parlamento); color:var(--parlamento); }
@media (max-width:560px){
  .suzgec{ gap:8px; margin-bottom:30px; }
  .suzgec button{ font-size:11px; letter-spacing:.11em; padding:10px 15px; }
}
.suzgec button[aria-pressed="true"]{
  background:var(--parlamento); border-color:var(--parlamento); color:#fff;
}

/* ⚠️ `.zaman` (kilometre taşları çizelgesi) SİLİNDİ — 31.08.2026, Buğra'nın emri:
   "Bu kısımları kaldır." Tek kullanıcısı ana sayfadaki "04 YOL" bölümüydü, o bölüm
   siteden çıktı. Kimsenin kullanmadığı biçem dosyada tutulmaz.
   Metin ve eski hâl: _arsiv/2026-08-31-kaldirilan-bolumler/ */

/* ---------- İLETİŞİM ---------- */
.iletisim-blok{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:clamp(38px,6vw,86px); }
@media (max-width:860px){ .iletisim-blok{ grid-template-columns:1fr; } }
.satir{ padding:20px 0; border-top:1px solid var(--cizgi); }
.satir:last-child{ border-bottom:1px solid var(--cizgi); }
.satir dt{
  font-family:"Anybody",sans-serif; font-weight:500; font-size:11.5px; letter-spacing:.18em;
  text-transform:uppercase; color:var(--gri); margin-bottom:9px;
}
.satir dd{ margin:0; font-size:clamp(17px,1.7vw,21px); line-height:1.45; }
.satir dd a{ text-decoration:none; color:var(--parlamento); border-bottom:1px solid var(--cizgi); }
.satir dd a:hover{ border-bottom-color:var(--parlamento); }
.satir dd .ikincil{ display:block; font-size:15px; color:var(--gri); margin-top:6px; }

/* ⚠️ `.referans` + `.ara-baslik` SİLİNDİ — 31.08.2026, Buğra'nın emri:
   "Bu kısımları kaldır." Tek kullanıcıları iletişim sayfasındaki
   "02 ŞİRKET KÜNYESİ → KÜNYE" bölümü ve içindeki REFERANSLARIMIZ listesiydi;
   ikisi de siteden çıktı. Metin ve eski hâl:
   _arsiv/2026-08-31-kaldirilan-bolumler/ */

form.mesaj{ display:grid; gap:16px; }
form.mesaj label{
  font-family:"Anybody",sans-serif; font-weight:500; font-size:11.5px; letter-spacing:.18em;
  text-transform:uppercase; color:var(--gri); display:block; margin-bottom:8px;
}
form.mesaj input, form.mesaj textarea{
  width:100%; font-family:"Inter",sans-serif; font-size:16px; color:var(--murekkep);
  background:var(--beyaz); border:1.5px solid var(--cizgi); padding:14px 15px;
  border-radius:0; transition:border-color .16s linear;
}
form.mesaj input:focus, form.mesaj textarea:focus{ outline:none; border-color:var(--parlamento); }
form.mesaj textarea{ min-height:150px; resize:vertical; line-height:1.55; }
/* ⛔ TEK İSTİSNA: ziyaretçinin YAZDIĞI metin sola dayalı kalır — ortalı yazılan
   ad/konu/mesaj okunmuyor. Etiketler ve düğme ortalıdır. */
form.mesaj input, form.mesaj textarea{ text-align:start; }
form.mesaj .not{ font-size:13px; color:var(--gri); margin:0 auto; }

/* ---------- ALT BİLGİ ----------
   Ortalama artık `body`den geliyor (bkz. §SIFIRLAMA); burada yalnız logonun ve
   sütunların ortalanması ile telefon düzeni var. */
.alt-bilgi{ background:var(--gece); color:#fff; padding-block:clamp(56px,7vw,86px) 34px; }
.alt-bilgi .ust-sira{ display:grid; justify-items:center; gap:clamp(34px,5vw,58px); }
.alt-bilgi .logo img{ width:var(--marka-alt-en); height:auto; }
.alt-bilgi .sutunlar{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:30px;
  width:100%; justify-items:center; }
@media (max-width:760px){ .alt-bilgi .sutunlar{ grid-template-columns:1fr; gap:34px; } }
.alt-bilgi h4{
  font-family:"Anybody",sans-serif; font-weight:500; font-size:11.5px; letter-spacing:.18em;
  text-transform:uppercase; color:var(--kum); margin:0 0 15px;
}
.alt-bilgi p, .alt-bilgi a{ font-size:14.5px; color:#DCE3EC; line-height:1.6; }
.alt-bilgi p{ margin-inline:auto; }
.alt-bilgi a{ text-decoration:none; border-bottom:1px solid rgba(255,255,255,.22); }
.alt-bilgi a:hover{ border-bottom-color:var(--kum); }
.alt-bilgi nav a{ display:block; border:0; margin-bottom:9px; }
.alt-bilgi .kunye-satir{
  margin-top:clamp(40px,5vw,62px); padding-top:24px; border-top:1px solid rgba(255,255,255,.15);
  font-size:12.5px; color:var(--gri-acik); line-height:1.65; max-width:none;
}

/* ---------- SAYFA BAŞLIĞI (iç sayfalar) ---------- */
.sayfa-basi{ background:var(--gece); color:#fff; }
.sayfa-basi .kutu{ padding-block:clamp(62px,9vw,110px) clamp(48px,6vw,78px); }
.sayfa-basi h1{ max-width:18ch; margin-inline:auto; }
.sayfa-basi .alt{ color:var(--gri-acik); margin-top:24px; margin-bottom:0; max-width:56ch; margin-inline:auto;
  font-size:clamp(15px,1.4vw,18px); }

/* ---------- ERİŞİLEBİLİRLİK ---------- */
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible{
  outline:2px solid var(--kum); outline-offset:3px;
}
.gizli{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); }
@media (prefers-reduced-motion:reduce){
  *{ transition:none !important; scroll-behavior:auto !important; }
}