/* =====================================================================
   BİÇİM MÜHENDİSLİK — İÇ SAYFALAR (22.10.2026, 2. tasarım)
   site.css'ten SONRA yalnız iç sayfalarda yüklenir. Değiştirince _araclar/bicim-ic-sayfalar.py çalıştır.

   ADMIN PANELİNE HAZIR: her bölüm genel bir blok tipidir (banner · metin + görsel · madde listesi · numaralı adımlar ·
   SSS · veri listesinden kart ızgarası · galeri · CTA); elle çizilmiş SVG ya da sayfaya özel modül yok.
   Dil: anasayfanın pafta dili sürer ama iç sayfa kendi kurgusunu taşır —
   · BANNER: tam genişlik, canlı fotoğraf (koyu perde YOK). Fotoğraf bir paftadır: sayfanın sol/sağ
     hatlarında kıl çizgi çerçeve, sağ üstte pafta numarası; başlık kartı (antet) çerçevenin sol alt
     köşesine biner. Banner'da tablo yok.
   · Zemin çırtlak beyaz değil: bölümler sis (#F4F7F8) ↔ taş gri (#EBF0F2) dönüşümlü; beyaz yalnız
     yükseltilmiş yüzeylerde (kart, form, çizim kâğıdı). Sayfa başına en çok 2 koyu bölüm, yan yana değil.
   · Köşe dili: yüzeyler kare, kontroller 4px. Hover yalnız renk/opaklık/transform; kutu oynamaz.
   · Katman rengi (--renk/--renk-g) hizmet sayfasının logo rengidir: 01 turuncu · 02 kırmızı · 03 mavi ·
     04 yeşil. Dizi (dördü birlikte, logo sırası) kurumsal yüzeylerde: kart üst çubuğu, kanal kartları.
   ===================================================================== */
:root{--zemin-2:#EBF0F2;--cizgi-gri:rgba(16,37,48,.12);--golge-kart:0 34px 70px -44px rgba(16,37,48,.42)}
.z1{background:var(--mist)}
.z2{background:var(--zemin-2)}
.z1 .olcu{--olcu-zemin:var(--mist)}
.z2 .olcu{--olcu-zemin:var(--zemin-2)}
.ic-bolum{padding-block:var(--sec-pad);position:relative}
.ic-bolum--sinir{border-top:1px solid var(--cizgi-gri)}
.h2--buyuk{font-size:clamp(32px,4.4vw,56px);line-height:1.06;letter-spacing:-.015em}

/* Bölüm başlığı — yan yana: başlık 1–7, giriş 8–12 tabanda */
.bolum-bas{margin-bottom:var(--bas-alt)}
.bolum-bas .lead{margin-top:16px}
@media (min-width:1024px){
  .bolum-bas--yan{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:end}
  .bolum-bas--yan>div{grid-column:1/8}
  .bolum-bas--yan>.lead{grid-column:8/13;margin:0;justify-self:end;max-width:30em}
}

/* ================= BANNER ================= */
.banner{position:relative;background:var(--mist);container-type:inline-size;--renk:var(--orange);--renk-g:var(--g-turuncu)}
.banner{padding-bottom:clamp(36px,5vw,64px)}
.banner:has(+ .altmenu){padding-bottom:clamp(32px,4vw,48px)}
.banner--ayna .banner__foto picture{transform:scaleX(-1)}   /* yatay çevrilmiş fotoğraf (künyede belirtilir) */
.banner__foto{position:relative;height:clamp(230px,46svh,380px);overflow:hidden;background:var(--line);isolation:isolate}
.banner__foto picture,.banner__foto img{position:absolute;inset:0;width:100%;height:100%}
.banner__foto img{object-fit:cover;filter:saturate(var(--doy,1)) contrast(1.03);animation:banner-yak 9s var(--ease) both}
@keyframes banner-yak{from{transform:scale(1.07)}to{transform:none}}
/* Pafta çerçevesi sayfanın hatlarında (logo hattı ↔ "Teklif Alın" hattı); başlık kartı sol alt köşeye biner */
.banner__foto::after{content:"";position:absolute;z-index:1;inset:12px;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.9),inset 0 0 0 2px rgba(16,37,48,.2)}
.banner__pafta{position:absolute;z-index:2;top:12px;right:12px;margin:0;padding:7px 10px 6px;background:#fff;font:500 10.5px/1 var(--f-mono);letter-spacing:var(--ls-etiket);color:var(--ink);white-space:nowrap}
.banner__pafta b{font-weight:500;color:var(--slate);margin-right:8px}
.banner__kap{position:relative;z-index:3}
.banner__kart{position:relative;margin:-48px 0 0;padding:22px 20px 28px;background:#fff;box-shadow:var(--golge-kart)}
.banner__kart::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--renk-g,var(--renk))}
.banner--dizi .banner__kart::before{background:linear-gradient(90deg,var(--orange) 0 25%,var(--red) 0 50%,var(--blue) 0 75%,var(--green) 0)}
.banner--bant .banner__kart::before{background:var(--bant)}   /* proje: yalnız o projedeki hizmetlerin renkleri (veriden) */
.banner__baslik{font:800 clamp(34px,4.6vw,60px)/1.04 var(--f-baslik);letter-spacing:-.015em;color:var(--ink);margin:14px 0 16px -.04em;max-width:17ch}
.banner__ozet{font:400 clamp(16px,1.35vw,18px)/1.6 var(--f-govde);color:var(--slate);max-width:54ch;margin:0 0 26px}
.banner__cta{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px}
@media (max-width:479px){.banner__cta .btn{width:100%}}
@media (min-width:640px){
  .banner__foto::after{inset:20px max(var(--gut),(100cqw - 1216px) / 2)}
  .banner__pafta{top:20px;right:max(var(--gut),(100cqw - 1216px) / 2)}
  .banner__kart{margin-top:-72px;padding:30px 32px 34px}
}
/* Masaüstü: başlık kartı sayfanın iki hattı arasında TAM GENİŞLİK (çerçevenin dikey çizgileriyle hizalı) —
   pafta antedi gibi iki bölme: solda yol + etiket + başlık, ince ayraçtan sonra sağda özet + düğmeler (tabanda). */
@media (min-width:1024px){
  .banner__foto{height:clamp(440px,calc(76svh - var(--hdr) - var(--serit-h)),660px)}
  .banner__foto::after{inset:28px max(var(--gut),(100cqw - 1216px) / 2)}
  .banner__pafta{top:28px}
  .banner__kart{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:end;margin-top:-150px;padding:40px 48px 44px}
  .banner__sol{grid-column:1/8}
  .banner__sag{grid-column:8/13;padding-left:32px;border-left:1px solid var(--line)}
  .banner__baslik{margin-bottom:0;max-width:none;font-size:clamp(40px,4.2vw,58px)}
  .banner__ozet{font-size:17px;margin-bottom:24px}
}
/* Kırıntı yolu — mono; satır 44px dokunma hedefi */
.kirinti{margin:-8px 0 2px}
.kirinti ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;font:500 11px/1.4 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--slate)}
.kirinti li{display:inline-flex;align-items:center;min-height:40px}
.kirinti li+li::before{content:"/";margin:0 10px;color:#9AA8AF}
.kirinti a{display:inline-flex;align-items:center;min-height:44px;color:var(--ink);text-decoration:none;text-underline-offset:4px}
@media (max-width:639px){.kirinti li:nth-child(3)[aria-current]{display:none}}

/* ================= SAYFA İÇİ MENÜ (yapışkan) ================= */
.altmenu{position:sticky;top:var(--hdr);z-index:55;background:rgba(255,255,255,.94);border-block:1px solid var(--line);-webkit-backdrop-filter:saturate(1.3) blur(10px);backdrop-filter:saturate(1.3) blur(10px)}
.altmenu__ic{display:flex;align-items:center;gap:20px;height:56px}
.altmenu__kod{flex:none;display:none;font:500 11px/1 var(--f-mono);letter-spacing:var(--ls-etiket);color:var(--slate);padding-right:20px;border-right:1px solid var(--line);height:24px;align-items:center}
.altmenu__kod b{font-weight:500;color:var(--ink);margin-left:6px}
.altmenu ul{position:relative;flex:1;min-width:0;display:flex;gap:26px;height:100%;margin:0 calc(-1 * var(--gut));padding:0 var(--gut);list-style:none;overflow-x:auto;scrollbar-width:none;scroll-padding-inline:var(--gut)}
.altmenu ul::-webkit-scrollbar{display:none}
.altmenu li{flex:none}
.altmenu ul a{display:flex;align-items:center;height:100%;font:500 14px/1 var(--f-govde);color:var(--slate);text-decoration:none;white-space:nowrap;transition:color .2s var(--ease)}
.altmenu ul a[aria-current="true"]{color:var(--ink)}
.altmenu ul a:focus-visible{outline-offset:-6px}
.altmenu__iz{position:absolute;left:0;bottom:-1px;width:1px;height:2px;background:var(--renk,var(--orange));transform-origin:0 0;transform:translateX(var(--iz-x,0px)) scaleX(var(--iz-w,0));transition:transform .45s var(--ease);pointer-events:none}
.altmenu__cta{display:none;flex:none;min-height:40px;padding:0 18px;font-size:14px}
html:has(.altmenu){scroll-padding-top:calc(var(--hdr) + 64px)}
.baslik.is-yapisik:has(~ main .altmenu){box-shadow:none}
@media (min-width:1024px){
  .altmenu ul{margin:0;padding:0}
  .altmenu__kod{display:inline-flex}
  .altmenu__cta{display:inline-flex}
}

/* ================= GENEL BAKIŞ — editoryal giriş + geniş görsel + sayı kartı ================= */
.genel{display:grid;gap:20px 24px}
.genel__baslik{margin-top:14px}
.genel__sag .lead{margin-top:0;max-width:none}
.genel__sag .lead+.lead{margin-top:16px}
.genel__sag .tikli{margin-top:28px}
@media (min-width:1024px){
  .genel{grid-template-columns:repeat(12,minmax(0,1fr));align-items:start}
  .genel__sol{grid-column:1/7}
  .genel__sag{grid-column:7/13;padding-top:34px}
  .genel__sag .tikli{grid-template-columns:1fr}
}
.genel__gorsel{position:relative;margin:clamp(40px,5vw,64px) calc(-1 * var(--gut)) 0;isolation:isolate}
.genel__gorsel picture{display:block;position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--line)}
.genel__gorsel img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(var(--doy,.95)) contrast(1.03)}
.genel__gorsel figcaption{display:flex;justify-content:space-between;gap:16px;padding:12px var(--gut) 0;font:500 10.5px/1.5 var(--f-mono);letter-spacing:var(--ls-etiket);color:var(--slate)}
@media (max-width:767px){.genel__gorsel{display:flex;flex-direction:column}.genel__gorsel figcaption{order:2}.sayi-kart{order:1}}   /* telefonda kart görselin altına biner, altyazı kartın altında */
.sayi-kart{position:relative;margin:-56px var(--gut) 0 auto;width:min(300px,calc(100% - 2 * var(--gut)));padding:22px 24px 24px;background:#fff;box-shadow:var(--golge-kart);z-index:2}
.sayi-kart::before{content:"";position:absolute;left:0;top:0;width:56px;height:3px;background:var(--renk-g,var(--renk))}
.sayi-kart b{display:block;font:800 56px/1 var(--f-rakam);letter-spacing:-.02em;color:var(--ink);font-variant-numeric:lining-nums proportional-nums}
.sayi-kart span{display:block;margin-top:8px;font:500 15px/1.4 var(--f-govde);color:var(--slate)}
@media (min-width:768px){
  .genel__gorsel{margin-inline:0}
  .genel__gorsel picture{aspect-ratio:21/9}
  .genel__gorsel figcaption{padding-inline:0}
  .sayi-kart{position:absolute;right:28px;bottom:44px;margin:0}
}

/* ================= KAPSAM FİHRİSTİ — iki sütunlu çizgili liste (tablo değil) ================= */
.kapsam2{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);column-gap:48px;border-top:1px solid var(--ink)}
.kapsam2__oge{position:relative;display:grid;grid-template-columns:78px minmax(0,1fr);column-gap:16px;padding:24px 0 26px;border-bottom:1px solid var(--cizgi-gri)}
.kapsam2__oge::before{content:"";position:absolute;left:0;right:0;top:-1px;height:2px;background:var(--renk);clip-path:inset(0 100% 0 0);transition:clip-path .6s var(--ease)}
.kapsam2__kod{grid-row:span 2;padding-top:4px;font:500 12px/1.4 var(--f-mono);letter-spacing:var(--ls-etiket);color:var(--primary);font-variant-numeric:tabular-nums}
.kapsam2__oge h3{font:700 clamp(18px,1.7vw,21px)/1.3 var(--f-baslik);letter-spacing:-.01em;color:var(--ink);margin:0}
.kapsam2__oge p{font:400 15.5px/1.6 var(--f-govde);color:var(--slate);margin:6px 0 0;max-width:46ch}
@media (min-width:900px){
  .kapsam2{grid-template-columns:repeat(2,minmax(0,1fr))}
  .kapsam2__oge:nth-child(-n+2){border-top:0}
}
.kapsam-not{margin:22px 0 0;font:400 12px/1.6 var(--f-mono);letter-spacing:.02em;color:var(--slate)}
.kapsam-not a{color:var(--ink);text-underline-offset:3px}

/* ================= GEREKLİ BELGELER — görsel (panel) + numaralı liste ================= */
.hazirlik2{display:grid;gap:36px}
@media (min-width:1024px){.hazirlik2{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:start}.hazirlik2__gorsel{grid-column:1/6;position:sticky;top:calc(var(--hdr) + 88px)}.hazirlik2__metin{grid-column:7/13}}
.hazirlik2__gorsel{margin:0}
.hazirlik2__gorsel picture{display:block;position:relative;aspect-ratio:4/5;overflow:hidden;background:var(--line);isolation:isolate}
.hazirlik2__gorsel img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(var(--doy,.9)) contrast(1.04)}
.hazirlik2__gorsel picture::after{content:"";position:absolute;inset:0;background:var(--ink);mix-blend-mode:color;opacity:.1;pointer-events:none}
.hazirlik2__gorsel figcaption{display:flex;justify-content:space-between;gap:12px;padding-top:12px;font:500 10.5px/1.4 var(--f-mono);letter-spacing:var(--ls-etiket);color:var(--slate)}
@media (max-width:1023px){.hazirlik2__gorsel picture{aspect-ratio:16/10}}
.belge-liste{list-style:none;margin:28px 0 0;padding:0;border-top:1px solid var(--ink);counter-reset:b}
.belge-liste li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;padding:15px 0 16px;border-bottom:1px solid var(--cizgi-gri)}
.belge-liste li::before{counter-increment:b;content:counter(b,decimal-leading-zero);padding-top:3px;font:500 12px/1.6 var(--f-mono);letter-spacing:var(--ls-etiket);color:var(--primary)}
.belge-liste strong{display:block;font:500 16px/1.5 var(--f-govde);color:var(--ink)}
.belge-liste small{display:block;margin-top:2px;font:400 14px/1.5 var(--f-govde);color:var(--slate)}
.hazirlik2__eylem{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;margin-top:28px}
.btn--wa{background:#1DA851;color:#fff}
.btn--wa .ikon{width:20px;height:20px}

/* ================= SSS bloğu (hizmet sayfaları) — yan kart ================= */
.sss2{display:grid;gap:36px}
@media (min-width:1024px){.sss2{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px}.sss2__yan{grid-column:1/6;position:sticky;top:calc(var(--hdr) + 96px);align-self:start}.sss2 .sss{grid-column:6/13;margin-top:7.5px}}
.iletisim-kart{display:grid;grid-template-columns:96px minmax(0,1fr);gap:18px;align-items:center;margin-top:28px;padding:16px;background:#fff}
.iletisim-kart img{width:96px;height:96px;object-fit:cover;filter:saturate(.8) contrast(1.05)}
.iletisim-kart p{margin:0;font:500 11px/1.4 var(--f-mono);letter-spacing:var(--ls-etiket);color:var(--slate)}
.iletisim-kart a{display:inline-flex;align-items:center;gap:8px;min-height:44px;font:700 18px/1.2 var(--f-govde);color:var(--ink);text-decoration:none}
.iletisim-kart a+a{font:600 14px/1.2 var(--f-govde);min-height:32px;color:#178F45}

/* ================= İLGİLİ HİZMETLER — fotoğraflı kartlar ================= */
.ilgili{display:grid;gap:20px}
@media (min-width:768px){.ilgili{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}}
.ilgili__kart{position:relative;display:flex;flex-direction:column;background:#fff;color:var(--ink);text-decoration:none;isolation:isolate}
.ilgili__kart::before{content:"";position:absolute;z-index:2;left:0;top:0;width:56px;height:3px;background:var(--renk-g,var(--renk))}
.ilgili__gorsel{display:block;aspect-ratio:16/10;overflow:hidden;background:var(--line)}
.ilgili__gorsel img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}
.ilgili__metin{display:flex;flex-direction:column;gap:6px;padding:20px 22px 22px;flex:1}
.ilgili__kod{font:500 11px/1.4 var(--f-mono);letter-spacing:var(--ls-etiket);color:var(--slate)}
.ilgili__metin strong{font:700 20px/1.25 var(--f-baslik);letter-spacing:-.01em}
.ilgili__metin span.ozet{font:400 15px/1.55 var(--f-govde);color:var(--slate)}
.ilgili__ok{display:inline-flex;align-items:center;gap:8px;margin-top:auto;padding-top:12px;font:600 14px/1.2 var(--f-govde);color:var(--ink)}
.ilgili__ok .ikon{transition:transform .3s var(--ease)}
.ilgili__kart:focus-visible{outline-offset:3px}

/* ================= TEKLİF BANDI (iç sayfa) — metin sol hatta, fotoğraf sağ kenara taşar ================= */
.cta2{position:relative;background:var(--ink);color:var(--koyu-metin);container-type:inline-size}
.cta2__izgara{display:grid;grid-template-columns:var(--gut) minmax(0,1fr) var(--gut)}
.cta2__gorsel{grid-column:1/-1;grid-row:1;position:relative;min-height:200px;overflow:hidden;isolation:isolate}
.cta2__gorsel picture,.cta2__gorsel img{position:absolute;inset:0;width:100%;height:100%}
.cta2__gorsel img{object-fit:cover;filter:saturate(var(--doy,.95)) contrast(1.03)}
.cta2__metin{grid-column:2;grid-row:2;padding:44px 0 52px}
.cta2__baslik{font:700 clamp(28px,3.4vw,42px)/1.12 var(--f-baslik);letter-spacing:-.01em;color:#fff;margin:14px 0 0 -.035em;max-width:16ch}
.cta2 .lead{color:var(--koyu-metin)}
.cta2__eylem{display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px;margin-top:28px}
.cta2 .btn--turuncu{min-height:56px;padding:0 30px}
@media (min-width:1024px){
  .cta2__izgara{grid-template-columns:minmax(var(--gut),1fr) minmax(0,640px) minmax(0,576px) minmax(var(--gut),1fr);min-height:440px}
  .cta2__metin{grid-column:2;grid-row:1;align-self:center;padding:72px 64px 72px 0}
  .cta2__gorsel{grid-column:3/5;grid-row:1;min-height:0}
}

/* ================= BENTO — hizmetler (fotoğraf + beyaz metin paneli, koyu perde yok) ================= */
.bento{display:grid;gap:16px}
.bento__oge{position:relative;display:grid;grid-template-rows:auto 1fr;background:#fff;color:var(--ink);text-decoration:none;isolation:isolate;min-width:0}
.bento__oge::before{content:"";position:absolute;z-index:3;left:0;top:0;width:72px;height:3px;background:var(--renk-g,var(--renk))}
.bento__gorsel{display:block;position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--line)}
.bento__gorsel img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease);filter:saturate(var(--doy,1)) contrast(1.03)}
.bento__metin{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px 20px;padding:22px 24px 24px}
.bento__kod{grid-column:1/-1;font:500 11px/1.4 var(--f-mono);letter-spacing:var(--ls-etiket);color:var(--slate)}
.bento__metin strong{font:700 clamp(22px,2.2vw,30px)/1.15 var(--f-baslik);letter-spacing:-.015em}
.bento__ozet{grid-column:1;font:400 15.5px/1.55 var(--f-govde);color:var(--slate);max-width:44ch}
.bento__ok{grid-column:2;grid-row:2/4;align-self:end;display:flex;align-items:center;justify-content:center;width:48px;height:48px;border:1px solid var(--ink);border-radius:4px;transition:background-color .25s var(--ease),color .25s var(--ease)}
.bento__ok .ikon{transition:transform .3s var(--ease)}
.bento__oge:focus-visible{outline-offset:3px}
@media (min-width:1024px){
  .bento{grid-template-columns:repeat(12,minmax(0,1fr));gap:24px}
  .bento__oge{grid-template-rows:auto 1fr}   /* görsel satırda sabit boy → yan yana kartların metin panelleri aynı y'de başlar */
  .bento__gorsel{aspect-ratio:auto;height:380px}
  .bento__oge:nth-child(n+3) .bento__gorsel{height:330px}
  .bento__metin{align-content:start}
  .bento__oge:nth-child(1){grid-column:1/8}
  .bento__oge:nth-child(2){grid-column:8/13}
  .bento__oge:nth-child(3){grid-column:1/6}
  .bento__oge:nth-child(4){grid-column:6/13}
}

.etiket-baslik{font:500 11px/1.4 var(--f-mono);letter-spacing:var(--ls-etiket);color:var(--slate);margin:0 0 14px}

/* ================= HİZMET ETİKETİ — katman çubuklu bağlantı (projeler vitrini) ================= */
.etiket{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 12px 0 13px;background:#fff;border:1px solid var(--line);border-radius:4px;box-shadow:inset 3px 0 0 var(--renk,var(--ink));font:500 13.5px/1.25 var(--f-govde);color:var(--ink);text-decoration:none;transition:border-color .2s var(--ease),opacity .3s var(--ease)}
.etiket small{font:500 10px/1 var(--f-mono);letter-spacing:var(--ls-etiket);color:var(--slate)}
a.etiket{min-height:40px}

/* ================= MEVZUAT — çizgili liste ================= */
.mevzuat{list-style:none;margin:0;padding:0;border-top:1px solid var(--ink);display:grid;column-gap:48px}
.mevzuat li{display:grid;grid-template-columns:60px minmax(0,1fr);gap:12px;padding:16px 0 18px;border-bottom:1px solid var(--cizgi-gri)}
.mevzuat li>span{padding-top:3px;font:500 11px/1.5 var(--f-mono);letter-spacing:var(--ls-etiket);color:var(--primary)}
.mevzuat strong{display:block;font:700 16.5px/1.35 var(--f-baslik);color:var(--ink)}
.mevzuat small{display:block;margin-top:3px;font:400 14px/1.5 var(--f-govde);color:var(--slate)}
@media (min-width:900px){.mevzuat{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ================= MANİFESTO (kurumsal) — söz + onu ölçen çizgi ================= */
.manifesto__soz{display:inline-block;max-width:100%;margin:22px 0 0}
.manifesto__soz p{margin:0 0 0 -.04em;font:800 clamp(38px,6.4vw,92px)/1.02 var(--f-baslik);letter-spacing:-.02em;color:var(--ink)}
.manifesto__soz p em{font-style:normal;color:var(--primary)}
.manifesto__soz .olcu{margin-top:22px;--ciz-sure:1.1s;--ciz-egri:cubic-bezier(.4,0,.2,1)}
.manifesto__alt{display:grid;gap:20px;margin-top:clamp(36px,5vw,56px)}
@media (min-width:1024px){.manifesto__alt{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px}.manifesto__alt .lead{grid-column:span 6;margin:0;max-width:none}}

/* ================= İLKELER — 2 × 2 iri numaralı bloklar ================= */
.ilkeler{list-style:none;margin:0;padding:0;display:grid;gap:0 24px}
@media (min-width:768px){.ilkeler{grid-template-columns:repeat(2,minmax(0,1fr))}}
.ilke{position:relative;padding:28px 0 36px;border-top:1px solid var(--ink)}
.ilke::before{content:"";position:absolute;left:0;right:0;top:-1px;height:2px;background:var(--orange);clip-path:inset(0 100% 0 0);transition:clip-path .7s var(--ease)}
.ilke__no{display:block;font:800 clamp(56px,6vw,80px)/1 var(--f-rakam);letter-spacing:-.03em;color:transparent;-webkit-text-stroke:1.2px var(--ink);font-variant-numeric:lining-nums proportional-nums}
.ilke h3{margin:18px 0 0;font:700 clamp(20px,2vw,24px)/1.25 var(--f-baslik);letter-spacing:-.01em;color:var(--ink)}
.ilke p{margin:10px 0 0;font:400 16px/var(--lh-metin) var(--f-govde);color:var(--slate);max-width:44ch}

/* ================= FOTOĞRAF ŞERİDİ — tam genişlik + açık bilgi kartı ================= */
.serit-foto{position:relative;isolation:isolate;container-type:inline-size}
.serit-foto picture{display:block;position:relative;height:clamp(300px,56vw,620px);overflow:hidden}
.serit-foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(var(--doy,.95)) contrast(1.03)}
.serit-foto__kart{position:relative;z-index:2;margin:-64px var(--gut) 0;padding:24px 24px 26px;background:#fff;box-shadow:var(--golge-kart)}
.serit-foto__kart::before{content:"";position:absolute;left:0;top:0;width:56px;height:3px;background:var(--renk-g,var(--orange))}
.serit-foto__kart p.soz{margin:12px 0 0;font:700 clamp(20px,2.2vw,28px)/1.3 var(--f-baslik);letter-spacing:-.01em;color:var(--ink)}
@media (min-width:1024px){
  .serit-foto__kart{position:absolute;right:max(var(--gut),(100cqw - 1216px) / 2);bottom:48px;margin:0;width:min(520px,40%);padding:32px 34px 34px}
}

/* ================= HİZMET BÖLGESİ (kurumsal) — metin + görsel (panel) ================= */
.bolge{display:grid;gap:36px}
@media (min-width:1024px){.bolge{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:center}.bolge__metin{grid-column:1/6}.bolge__harita{grid-column:7/13}}
.bolge__liste{list-style:none;margin:28px 0 0;padding:0;border-top:1px solid var(--ink)}
.bolge__liste li{display:grid;grid-template-columns:132px minmax(0,1fr);gap:14px;padding:14px 0 15px;border-bottom:1px solid var(--cizgi-gri);font:500 16px/1.45 var(--f-govde);color:var(--ink)}
.bolge__liste li b{padding-top:3px;font:500 10.5px/1.5 var(--f-mono);letter-spacing:var(--ls-etiket);color:var(--slate)}
.bolge__harita figure{margin:0}
.bolge__harita picture{display:block;aspect-ratio:4/3;overflow:hidden;background:var(--line)}
.bolge__harita img{width:100%;height:100%;object-fit:cover;display:block}
.bolge__harita figcaption{display:flex;justify-content:space-between;gap:12px;padding-top:12px;font:500 10.5px/1.4 var(--f-mono);letter-spacing:var(--ls-etiket);color:var(--slate)}

/* ================= BELGE YOLCULUĞU (süreç) — yapışkan dosya yığını + adımlar ================= */
.yolculuk{display:grid;gap:0}
.yolculuk__sahne{display:none}
.yolculuk__adimlar{list-style:none;margin:0;padding:0}
.yolculuk__adim{position:relative;padding:32px 0 40px;border-top:1px solid var(--ink)}
.yolculuk__adim::before{content:"";position:absolute;left:0;top:-2px;width:56px;height:3px;background:var(--renk-g,var(--renk))}
.yolculuk__bas{display:flex;align-items:baseline;gap:18px}
.yolculuk__no{font:800 clamp(44px,5vw,64px)/1 var(--f-rakam);letter-spacing:-.03em;color:var(--ink);font-variant-numeric:lining-nums proportional-nums}
.yolculuk__adim h3{margin:0;font:700 clamp(22px,2.4vw,30px)/1.2 var(--f-baslik);letter-spacing:-.015em;color:var(--ink)}
.yolculuk__adim .adim__cikti{margin:14px 0 0!important}
.yolculuk__listeler{display:grid;gap:24px;margin-top:24px}
@media (min-width:640px){.yolculuk__listeler{grid-template-columns:repeat(2,minmax(0,1fr))}}
.yolculuk__listeler .kapsam{grid-template-columns:1fr}
.yolculuk__adim .bag-cizgi{margin-top:14px;font-size:14.5px}
@media (min-width:1024px){
  .yolculuk{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:start}
  .yolculuk__sahne{display:block;grid-column:1/6;position:sticky;top:calc(var(--hdr) + 88px);height:min(560px,calc(100svh - var(--hdr) - 128px))}
  .yolculuk__adimlar{grid-column:7/13}
  .yolculuk__adim{min-height:min(560px,64svh);padding:36px 0 56px}
}
.yigin{position:relative;height:calc(100% - 44px)}
/* Belgeler üst üste dizilir; her yeni belge bir öncekinin başlık şeridini (etiket + ad) açıkta bırakır (--i × 78px) */
.belge{position:absolute;left:4%;right:8%;top:0;height:min(290px,56%);padding:18px 22px 0;background:#fff;box-shadow:0 24px 50px -30px rgba(16,37,48,.45);opacity:0;transform:translateY(calc(var(--i,0) * 78px + 28px)) rotate(var(--aci,0deg));transition:opacity .45s var(--ease),transform .6s var(--ease)}
.belge::before{content:"";position:absolute;left:0;top:0;right:0;height:4px;background:var(--renk-g,var(--renk))}
.belge[data-gorunur]{opacity:1;transform:translateY(calc(var(--i,0) * 78px)) rotate(var(--aci,0deg))}
.belge__ust{display:flex;justify-content:space-between;font:500 10px/1.3 var(--f-mono);letter-spacing:var(--ls-etiket);color:var(--slate)}
.belge strong{display:block;margin-top:8px;font:700 19px/1.2 var(--f-baslik);color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:96px}
.belge__satir{display:block;height:7px;margin-top:12px;background:var(--line)}
.belge__satir:first-of-type{margin-top:22px}
.belge__satir:nth-of-type(2n){width:82%}.belge__satir:nth-of-type(3n){width:64%}
.belge__muhur{position:absolute;right:18px;top:16px;padding:6px 10px;border:2px solid #2C843C;border-radius:4px;transform:rotate(-6deg);font:500 11px/1 var(--f-mono);letter-spacing:.14em;color:#2C843C;background:#fff;opacity:0;transition:opacity .4s var(--ease) .2s}
.belge[data-tamam] .belge__muhur{opacity:1}
.yolculuk__durum{display:flex;justify-content:space-between;align-items:center;margin:0;padding-top:12px;border-top:1px solid var(--cizgi-gri);font:500 11px/1.4 var(--f-mono);letter-spacing:var(--ls-etiket);color:var(--slate)}
.yolculuk__durum b{font-weight:500;color:var(--ink)}
.yolculuk__parca{display:flex;gap:4px}
.yolculuk__parca i{display:block;width:28px;height:4px;background:var(--cizgi-gri);transition:background-color .3s}
.yolculuk__parca i[data-dolu]{background:var(--orange)}

/* ================= ÜÇ SÖZ (süreç: dosya takibi · süre) ================= */
.uc-soz{list-style:none;margin:0;padding:0;display:grid;gap:16px}
@media (min-width:900px){.uc-soz{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}}
.uc-soz li{position:relative;padding:26px 26px 28px;background:#fff}
.uc-soz li::before{content:"";position:absolute;left:0;top:0;width:56px;height:3px;background:var(--orange)}
.uc-soz b{display:block;font:500 11px/1.4 var(--f-mono);letter-spacing:var(--ls-etiket);color:var(--slate)}
.uc-soz strong{display:block;margin-top:14px;font:700 clamp(20px,2vw,24px)/1.25 var(--f-baslik);letter-spacing:-.01em;color:var(--ink)}
.uc-soz p{margin:10px 0 0;font:400 15.5px/1.6 var(--f-govde);color:var(--slate)}
.uc-soz li.vurgu{background:var(--ink)}
.uc-soz li.vurgu b{color:var(--koyu-metin)}
.uc-soz li.vurgu strong{color:#fff}
.uc-soz li.vurgu p{color:var(--koyu-metin)}

/* ================= PROJE VİTRİNİ — dönüşümlü editoryal satırlar, görsel ekran kenarına taşar ================= */
.vitrin{display:grid;gap:clamp(56px,7vw,96px)}
.vitrin__satir{display:grid;grid-template-columns:var(--gut) minmax(0,1fr) var(--gut)}
.vitrin__satir[hidden]{display:none}
.vitrin__gorsel{grid-column:1/-1;position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--line);isolation:isolate}
.vitrin__gorsel img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(var(--doy,.88)) contrast(1.05)}
.vitrin__gorsel::after{content:"";position:absolute;inset:0;background:var(--ink);mix-blend-mode:color;opacity:.12;pointer-events:none}
.vitrin__metin{grid-column:2;padding-top:24px}
.vitrin__tur{display:flex;align-items:center;gap:12px;font:500 11px/1.4 var(--f-mono);letter-spacing:var(--ls-etiket);color:var(--slate)}
.vitrin__tur i{font-style:normal;color:var(--ink)}
.vitrin__metin h3{margin:12px 0 0 -.03em;font:700 clamp(26px,3vw,40px)/1.1 var(--f-baslik);letter-spacing:-.015em;color:var(--ink)}
.vitrin__yer{display:flex;align-items:center;gap:6px;margin:12px 0 0;font:400 15px/1.4 var(--f-govde);color:var(--slate)}
.vitrin__yer .ikon{width:17px;height:17px;margin-left:-2px}
.vitrin__kapsam{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 0;padding:20px 0 0;border-top:1px solid var(--cizgi-gri)}
a.vitrin__gorsel{display:block}
.vitrin__gorsel img{transition:transform .8s var(--ease)}
.vitrin__metin h3 a{color:inherit;text-decoration:underline;text-decoration-color:transparent;text-decoration-thickness:2px;text-underline-offset:6px;transition:text-decoration-color .25s var(--ease)}
.vitrin__metin h3 a:focus-visible{text-decoration-color:var(--orange)}
.vitrin__eylem{display:flex;flex-wrap:wrap;align-items:center;gap:12px 28px;margin-top:24px}
@media (min-width:1024px){
  .vitrin__satir{grid-template-columns:minmax(var(--gut),1fr) minmax(0,680px) minmax(0,536px) minmax(var(--gut),1fr);align-items:center}
  .vitrin__gorsel{grid-column:1/3;grid-row:1;aspect-ratio:auto;height:clamp(420px,36vw,560px)}
  .vitrin__metin{grid-column:3;grid-row:1;padding:0 0 0 clamp(40px,5vw,72px)}
  .vitrin__satir:nth-child(even){grid-template-columns:minmax(var(--gut),1fr) minmax(0,536px) minmax(0,680px) minmax(var(--gut),1fr)}
  .vitrin__satir:nth-child(even) .vitrin__gorsel{grid-column:3/5}
  .vitrin__satir:nth-child(even) .vitrin__metin{grid-column:2;padding:0 clamp(40px,5vw,72px) 0 0}
}
.vitrin-ust{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:20px 24px;margin-bottom:clamp(36px,5vw,56px)}

/* ================= SSS ARAMA (sss.html) ================= */
.sss-ara{display:grid;gap:36px}
@media (min-width:1024px){.sss-ara{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px}.sss-ara__yan{grid-column:1/5;position:sticky;top:calc(var(--hdr) + 32px);align-self:start}.sss-ara__liste{grid-column:6/13}}
.sss-ara__etiket{display:block;font:500 11px/1.4 var(--f-mono);letter-spacing:var(--ls-etiket);color:var(--slate);margin-bottom:10px}
.sss-ara__kutu{position:relative}
.sss-ara__kutu svg{position:absolute;left:14px;top:50%;width:20px;height:20px;margin-top:-10px;color:var(--slate);fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;pointer-events:none}
.sss-ara__kutu input{width:100%;min-height:52px;padding:0 14px 0 44px;background:#fff;border:1px solid var(--ink);border-radius:4px;font:400 16px/1.4 var(--f-govde);color:var(--ink)}
.sss-ara__kutu input::placeholder{color:#8a97a0}
.sss-ara__kutu input:focus{outline:none;box-shadow:0 0 0 3px rgba(242,105,33,.25);border-color:var(--orange)}
.sss-ara__konular{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px}
.sss-ara__konular button{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 12px;border:1px solid var(--cizgi-gri);border-radius:4px;background:#fff;color:var(--ink);font:500 14px/1.2 var(--f-govde);cursor:pointer;box-shadow:inset 3px 0 0 var(--renk,transparent);transition:background-color .2s,color .2s,border-color .2s}
.sss-ara__konular button small{font:500 10.5px/1 var(--f-mono);color:var(--slate)}
.sss-ara__konular button[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:#fff}
.sss-ara__konular button[aria-pressed="true"] small{color:var(--koyu-metin)}
.sss-ara__sonuc{min-height:1.5em;margin:14px 0 0;font:500 12px/1.5 var(--f-mono);letter-spacing:.04em;color:var(--slate)}
@media (max-width:1023px){.sss-ara__yan .iletisim-kart{display:none}}
.sss-grup2+.sss-grup2{margin-top:clamp(40px,5vw,56px)}
.sss-grup2 h2{display:flex;align-items:center;gap:12px;margin:0 0 6px;font:500 12px/1.4 var(--f-mono);letter-spacing:var(--ls-etiket);color:var(--slate)}
.sss-grup2 h2::before{content:"";width:28px;height:3px;background:var(--renk-g,var(--renk,var(--ink)))}
.sss-grup2[hidden],.sss details[hidden]{display:none}
.sss mark{background:rgba(242,105,33,.22);color:inherit;padding:0 1px}
.sss-ara__bos{padding:28px;background:#fff;font:500 16px/1.55 var(--f-govde);color:var(--ink)}
.sss-ara__bos[hidden]{display:none}

/* ================= İLETİŞİM KANALLARI ================= */
.kanallar{display:grid;gap:16px}
@media (min-width:640px){.kanallar{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1280px){.kanallar{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}}
.kanal{position:relative;display:flex;flex-direction:column;gap:10px;min-height:220px;padding:26px 24px 24px;background:#fff;color:var(--ink);text-decoration:none}
.kanal::before{content:"";position:absolute;left:0;top:0;right:0;height:3px;background:var(--k);transform-origin:left;transform:scaleX(.25);transition:transform .5s var(--ease)}
.kanal b{font:500 11px/1.4 var(--f-mono);letter-spacing:var(--ls-etiket);color:var(--slate)}
.kanal strong{font:700 clamp(21px,1.9vw,25px)/1.25 var(--f-govde);letter-spacing:-.01em;overflow-wrap:anywhere}
.kanal>span{font:400 14.5px/1.5 var(--f-govde);color:var(--slate)}
.kanal em{display:inline-flex;align-items:center;gap:8px;margin-top:auto;font:600 14px/1.2 var(--f-govde);font-style:normal;color:var(--ink)}
.kanal em .ikon{transition:transform .3s var(--ease)}
.kanal:focus-visible{outline-offset:3px}
.kanal:focus-visible::before{transform:none}

/* ================= PROJE DETAYI (P-01.x) — özet + künye · iş kalemleri · galeri · önceki/sonraki =================
   Admin panelinde "Projeler" koleksiyonu: altı sayfa aynı blokları kullanır; renkler projedeki hizmetlerden türer. */
.proje-ozet{display:grid;gap:36px}
.proje-ozet__metin .h2{margin:14px 0 26px}
.proje-ozet__metin .lead{max-width:62ch}
.proje-ozet__metin .lead+.lead{margin-top:16px}
.proje-kunye{position:relative;padding:24px 24px 16px;background:#fff;box-shadow:var(--golge-kart)}
@media (min-width:1024px){   /* temel kuraldan SONRA: sticky, relative'i ezmeli */
  .proje-ozet{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:start}
  .proje-ozet__metin{grid-column:1/8}
  .proje-kunye{grid-column:9/13;position:sticky;top:calc(var(--hdr) + 88px)}
}
.proje-kunye::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--bant,var(--orange))}
.proje-kunye .etiket-baslik{margin:0 0 2px}
.proje-kunye dl{margin:0}
.proje-kunye dl>div{display:grid;gap:6px;padding:14px 0 15px;border-bottom:1px solid var(--cizgi-gri)}
.proje-kunye dt{font:500 10.5px/1.4 var(--f-mono);letter-spacing:var(--ls-etiket);color:var(--slate)}
.proje-kunye dd{margin:0;font:500 16px/1.45 var(--f-govde);color:var(--ink)}
.proje-kunye dd>a{display:inline-flex;align-items:center;min-height:32px;margin:-6px 0;color:var(--ink);text-underline-offset:3px}
.proje-kunye ul{list-style:none;margin:2px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.proje-kunye>.bag-cizgi{margin-top:6px;font-size:14.5px}

/* Üstlendiğimiz işler — numaralı iş kalemleri: kalem + açıklama | çıktı + bağlı hizmet */
.is-liste{list-style:none;margin:0;padding:0;border-top:1px solid var(--ink)}
.is-kalem{position:relative;display:grid;grid-template-columns:48px minmax(0,1fr);column-gap:14px;padding:26px 0 30px;border-bottom:1px solid var(--cizgi-gri)}
.is-kalem::before{content:"";position:absolute;left:0;top:-2px;width:56px;height:3px;background:var(--renk-g,var(--renk))}
.is-kalem__no{grid-row:span 2;font:800 clamp(28px,3vw,40px)/1 var(--f-rakam);letter-spacing:-.02em;color:var(--ink);font-variant-numeric:lining-nums proportional-nums}
.is-kalem h3{margin:2px 0 0;font:700 clamp(20px,2vw,26px)/1.25 var(--f-baslik);letter-spacing:-.01em;color:var(--ink)}
.is-kalem__govde p{margin:8px 0 0;font:400 16px/var(--lh-metin) var(--f-govde);color:var(--slate);max-width:58ch}
.is-kalem__yan{display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin-top:16px}
.is-kalem__yan .adim__cikti{margin:0!important}
.is-kalem__yan .bag-cizgi{font-size:14.5px}
.is-kalem__yan .bag-cizgi small{font:500 10.5px/1 var(--f-mono);letter-spacing:var(--ls-etiket);color:var(--slate)}
@media (min-width:1024px){
  .is-kalem{grid-template-columns:96px minmax(0,1fr) minmax(0,360px);column-gap:24px;padding:34px 0 38px}
  .is-kalem__no{grid-row:auto}
  .is-kalem__yan{align-self:start;margin-top:4px;padding-left:24px;border-left:1px solid var(--cizgi-gri)}
}

/* Galeri — ilk görsel büyük, sonrakiler yanında; görsel sayısı serbest. JS yoksa bağlantı büyük dosyayı açar. */
.galeri{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.galeri__oge{margin:0;display:flex;flex-direction:column;min-width:0}
.galeri__oge:first-child{grid-column:1/-1}
.galeri__bag{position:relative;display:block;aspect-ratio:4/3;overflow:hidden;background:var(--line);isolation:isolate;cursor:zoom-in}   /* oran sabit: iki satırlı altyazı kareyi kısaltmaz */
.galeri__bag picture,.galeri__bag img{position:absolute;inset:0;width:100%;height:100%}
.galeri__bag img{object-fit:cover;filter:saturate(var(--doy,.92)) contrast(1.03);transition:transform .8s var(--ease)}
.galeri__buyut{position:absolute;z-index:2;right:12px;bottom:12px;display:inline-flex;align-items:center;gap:6px;padding:7px 10px 6px 8px;background:#fff;font:500 10.5px/1 var(--f-mono);letter-spacing:var(--ls-etiket);color:var(--ink);opacity:0;transform:translateY(4px);transition:opacity .25s var(--ease),transform .25s var(--ease)}
.galeri__buyut .ikon{width:14px;height:14px}
.galeri__oge figcaption{display:flex;justify-content:space-between;gap:12px;padding-top:10px;font:500 10.5px/1.4 var(--f-mono);letter-spacing:var(--ls-etiket);color:var(--slate)}
@media (max-width:767px){.galeri__oge:not(:first-child) figcaption span+span{display:none}}
@media (min-width:768px){
  .galeri{grid-template-columns:repeat(12,minmax(0,1fr));gap:24px}
  .galeri__oge{grid-column:span 4}
  .galeri__oge:first-child{grid-column:1/9;grid-row:span 2}
  .galeri__oge:first-child .galeri__bag{flex:1;aspect-ratio:auto}   /* büyük kare yanındaki iki satırın boyunu doldurur */
  .galeri__oge:nth-child(2),.galeri__oge:nth-child(3){grid-column:9/13}
  .galeri__oge:only-child{grid-column:1/-1;grid-row:auto}
  .galeri__oge:only-child .galeri__bag{aspect-ratio:21/9}
  .galeri:has(> :nth-child(2):last-child) .galeri__oge{grid-column:span 6;grid-row:auto}
  .galeri:has(> :nth-child(2):last-child) .galeri__bag{aspect-ratio:4/3}
}

/* Işık kutusu — <dialog> (ic.js kurar): üstte sayaç + kapat, ortada görsel, altta önceki · altyazı · sonraki */
.isik{width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:var(--ink);background:color-mix(in srgb,var(--ink) 78%,#000);color:#fff;overflow:hidden;opacity:0;transition:opacity .25s var(--ease)}
.isik[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto;opacity:1}
@starting-style{.isik[open]{opacity:0}}
.isik::backdrop{background:rgba(9,24,32,.6)}
.isik__ust,.isik__alt{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px var(--gut)}
.isik__sayac{margin:0;font:500 11px/1 var(--f-mono);letter-spacing:var(--ls-etiket);color:rgba(255,255,255,.7)}
.isik__sayac b{font-weight:500;color:#fff}
.isik button{flex:none;display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;border:1px solid rgba(255,255,255,.34);border-radius:4px;background:transparent;color:#fff;cursor:pointer;transition:background-color .2s var(--ease),border-color .2s var(--ease)}
.isik button[hidden]{display:none}
.isik button .ikon{width:22px;height:22px}
.isik :focus-visible{outline-color:#fff}
.isik__sahne{display:flex;align-items:center;justify-content:center;min-height:0;padding:0 var(--gut)}
.isik__sahne img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;opacity:0;transition:opacity .3s var(--ease)}
.isik__sahne img[data-hazir]{opacity:1}
.isik__yazi{flex:1;min-width:0;margin:0;text-align:center;font:500 11px/1.5 var(--f-mono);letter-spacing:var(--ls-etiket);color:rgba(255,255,255,.82)}
@media (min-width:1024px){
  .isik__ust,.isik__alt{padding:16px max(var(--gut),(100% - 1216px) / 2)}
  .isik__sahne{padding:0 max(var(--gut),(100% - 1216px) / 2)}
}

/* Önceki / sonraki proje */
.gecis-ust{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 24px;margin-bottom:14px}
.gecis-ust .etiket-baslik{margin:0}
.gecis{display:grid;gap:16px}
.gecis__bag{position:relative;display:grid;grid-template-columns:112px minmax(0,1fr);gap:18px;align-items:center;padding:14px;background:#fff;color:var(--ink);text-decoration:none;min-width:0}
.gecis__gorsel{display:block;aspect-ratio:4/3;overflow:hidden;background:var(--line)}
.gecis__gorsel img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(var(--doy,.9)) contrast(1.03);transition:transform .7s var(--ease)}
.gecis__metin{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0}
.gecis__metin b{display:inline-flex;align-items:center;gap:8px;font:500 10.5px/1.4 var(--f-mono);letter-spacing:var(--ls-etiket);color:var(--slate)}
.gecis__metin b .ikon{width:15px;height:15px;transition:transform .3s var(--ease)}
.gecis__metin strong{font:700 clamp(18px,1.8vw,22px)/1.25 var(--f-baslik);letter-spacing:-.01em}
.gecis__metin small{font:400 14px/1.4 var(--f-govde);color:var(--slate)}
.ikon--geri{transform:scaleX(-1)}
@media (min-width:768px){
  .gecis{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
  .gecis__bag{grid-template-columns:168px minmax(0,1fr);gap:22px;padding:16px}
  .gecis__bag--sonraki{grid-template-columns:minmax(0,1fr) 168px;text-align:right}
  .gecis__bag--sonraki .gecis__gorsel{order:2}
  .gecis__bag--sonraki .gecis__metin{align-items:flex-end}
}
.gecis__bag:focus-visible{outline-offset:3px}

/* ================= DURUMLAR (hover · basma · odak) ================= */
@media (hover:hover) and (pointer:fine){
  .kirinti a:hover{text-decoration:underline}
  .altmenu ul a:hover{color:var(--ink)}
  .kapsam2__oge:hover::before{clip-path:inset(0)}
  .ilgili__kart:hover .ilgili__gorsel img{transform:scale(1.045)}
  .ilgili__kart:hover .ilgili__ok .ikon,.kanal:hover em .ikon{transform:translateX(3px)}
  .bento__oge:hover .bento__gorsel img{transform:scale(1.04)}
  .bento__oge:hover .bento__ok{background:var(--ink);color:#fff}
  .bento__oge:hover .bento__ok .ikon{transform:translateX(2px)}
  a.etiket:hover{border-color:var(--ink)}
  .ilke:hover::before{clip-path:inset(0)}
  .sss-ara__konular button[aria-pressed="false"]:hover{border-color:var(--ink)}
  .kanal:hover::before{transform:none}
  .iletisim-kart a:hover{color:var(--primary)}
  .vitrin__satir:has(a[href^="proje-"]:hover) .vitrin__gorsel img{transform:scale(1.03)}
  .vitrin__metin h3 a:hover{text-decoration-color:currentColor}
  .proje-kunye dd>a:hover{color:var(--primary)}
  .galeri__bag:hover img{transform:scale(1.035)}
  .galeri__bag:hover .galeri__buyut{opacity:1;transform:none}
  .gecis__bag:hover .gecis__gorsel img{transform:scale(1.06)}
  .gecis__bag--onceki:hover b .ikon{transform:scaleX(-1) translateX(3px)}
  .gecis__bag--sonraki:hover b .ikon{transform:translateX(3px)}
  .isik button:hover{background:rgba(255,255,255,.12);border-color:#fff}
}
.sss-ara__konular button:active{transform:translateY(1px)}
.ilgili__kart:focus-visible .ilgili__gorsel img,.bento__oge:focus-visible .bento__gorsel img{transform:scale(1.045)}
.galeri__bag:focus-visible .galeri__buyut{opacity:1;transform:none}
.isik button:active{transform:translateY(1px)}

/* Hareket azaltma */
@media (prefers-reduced-motion:reduce){
  .banner__foto img{animation:none}
  .belge,.belge__muhur{transition:none!important}
}
/* Zorlanmış renkler */
@media (forced-colors:active){
  .banner__kart::before,.sayi-kart::before,.ilgili__kart::before,.bento__oge::before,.uc-soz li::before,.yolculuk__adim::before,.belge::before,.kanal::before,.serit-foto__kart::before{background:CanvasText}
  .banner__foto::after{box-shadow:none;border:1px solid CanvasText}
  .etiket,.sss-ara__konular button{border:1px solid ButtonText}
  .yolculuk__parca i[data-dolu]{background:Highlight}
  .sss-ara__konular button[aria-pressed="true"]{forced-color-adjust:none;background:Highlight;color:HighlightText}
  .vitrin__gorsel::after{display:none}
  .ilke__no{-webkit-text-stroke:0;color:CanvasText}
  .proje-kunye::before,.is-kalem::before{background:CanvasText}
  .proje-kunye,.gecis__bag{border:1px solid CanvasText}
  .galeri__buyut{border:1px solid CanvasText}
  .isik{background:Canvas;color:CanvasText}
  .isik button{border-color:ButtonText;color:ButtonText}
}
/* Baskı */
@media print{
  .banner__foto,.altmenu,.banner__cta,.cta2__gorsel,.cta2__eylem,.yolculuk__sahne,.sss-ara__yan,.ilgili,.bento__gorsel,.serit-foto picture,.vitrin__gorsel,.genel__gorsel picture{display:none!important}
  .banner__kart{margin:0!important;box-shadow:none!important;width:auto!important}
  .hazirlik2__gorsel{position:static!important}
  .galeri,.gecis,.isik,.vitrin__eylem{display:none!important}
  .proje-kunye{position:static!important;box-shadow:none!important;border:1px solid #999}
  .yolculuk__adim,.kapsam2__oge,.vitrin__satir,.uc-soz li,.ilke,.is-kalem{break-inside:avoid}
  .sss-grup2[hidden],.sss details[hidden]{display:block!important}
}

/* İletişim sayfası: künyenin yerinde teklif hazırlığı listesi (iletişim bilgileri üstteki kanal kartlarında) */
#iletisim .hazirlik{margin:0}
@media (min-width:640px) and (max-width:1023px){#iletisim .hazirlik{grid-area:auto;grid-column:1/-1}}
.hazirlik .tikli{grid-template-columns:1fr;gap:12px}
.hazirlik .tikli li{font-size:15px}