@charset "UTF-8";
/* ==================================================================
   plasiyertakip.com — ORTAK TASARIM SİSTEMİ
   Sahibi: A1. A2/A3/A4 bu dosyayı DEĞİŞTİRMEZ, yalnız sınıfları kullanır.
   Kaynak sözleşme: docs/tanitim/00-site-sozlesmesi.md §4

   YOL KURALI: bütün yollar KÖK-MUTLAK (/varlik/..., /saha/).
   Sayfalar file:// ile değil, site kökünden sunularak denenir:
     python -m http.server 8080   →  http://localhost:8080/
   ================================================================== */

/* ---------- 1. YAZI TİPLERİ (yerel, CDN yok) ---------- */
@font-face{
  font-family:"Barlow Condensed"; font-style:normal; font-weight:600; font-display:swap;
  src:url("/varlik/yazitipi/barlow-condensed-600-latin-ext.woff2") format("woff2");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face{
  font-family:"Barlow Condensed"; font-style:normal; font-weight:600; font-display:swap;
  src:url("/varlik/yazitipi/barlow-condensed-600-latin.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:"Barlow Condensed"; font-style:normal; font-weight:700; font-display:swap;
  src:url("/varlik/yazitipi/barlow-condensed-700-latin-ext.woff2") format("woff2");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face{
  font-family:"Barlow Condensed"; font-style:normal; font-weight:700; font-display:swap;
  src:url("/varlik/yazitipi/barlow-condensed-700-latin.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/* Inter değişken: tek dosya 100–900 aralığını karşılar (400/500/600 dahil) */
@font-face{
  font-family:"Inter"; font-style:normal; font-weight:100 900; font-display:swap;
  src:url("/varlik/yazitipi/inter-degisken-latin-ext.woff2") format("woff2");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face{
  font-family:"Inter"; font-style:normal; font-weight:100 900; font-display:swap;
  src:url("/varlik/yazitipi/inter-degisken-latin.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

/* ---------- 2. JETONLAR ---------- */
:root{
  --birincil:#0B3558;
  --birincil-koyu:#082742;
  --birincil-daha-koyu:#061D33;
  --birincil-acik:#17527F;
  --vurgu:#B45309;
  --vurgu-acik:#E08A2B;
  --vurgu-soluk:#FDF3E7;
  --basari:#157347;
  --basari-soluk:#EAF4EE;
  --uyari:#B42318;
  --uyari-soluk:#FBECEA;

  --zemin:#FFFFFF;
  --zemin-alt:#F5F7F6;
  --yazi:#17242A;
  --yazi-soluk:#5B6465;
  --cizgi:#D5DBD9;

  /* koyu bant üstündeki karşılıklar */
  --koyu-yazi:#D6E4F0;
  --koyu-soluk:#8FAAC4;
  --koyu-cizgi:rgba(255,255,255,.16);

  --f-baslik:"Barlow Condensed","Arial Narrow","Helvetica Neue Condensed",
             "Liberation Sans Narrow",Arial,sans-serif;
  --f-govde:"Inter","Segoe UI",Roboto,system-ui,-apple-system,
            "Helvetica Neue",Arial,sans-serif;
  --f-mono:ui-monospace,"Cascadia Mono",Consolas,"Liberation Mono",monospace;

  --kose:10px;
  --kose-kucuk:6px;
  --golge:0 1px 2px rgba(11,53,88,.06), 0 6px 18px rgba(11,53,88,.07);
  --golge-sik:0 2px 6px rgba(11,53,88,.10), 0 18px 40px rgba(11,53,88,.12);
  --en:1200px;
  --oluk:28px;
  --gecis:220ms cubic-bezier(.2,.7,.3,1);
}

/* ---------- 3. TEMEL ---------- */
*,*::before,*::after{ box-sizing:border-box; }
html{ -webkit-text-size-adjust:100%; scroll-behavior:smooth; }
html,body{ margin:0; padding:0; max-width:100%; overflow-x:clip; }
body{
  font-family:var(--f-govde);
  font-size:17px; line-height:1.62;
  color:var(--yazi); background:var(--zemin);
  font-weight:400;
  -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
  font-feature-settings:"kern" 1;
}
img,svg,video{ max-width:100%; height:auto; display:block; }
a{ color:var(--birincil); text-decoration-color:var(--cizgi); text-underline-offset:3px; }
a:hover{ text-decoration-color:var(--vurgu); }
button{ font:inherit; color:inherit; }
h1,h2,h3,h4{ font-family:var(--f-baslik); font-weight:700; margin:0; line-height:1.05; }
p{ margin:0 0 1em; }
ul{ margin:0; padding:0; }
hr{ border:0; border-top:1px solid var(--cizgi); margin:0; }

:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{
  outline:3px solid var(--vurgu);
  outline-offset:2px;
  border-radius:2px;
}

/* atlama bağlantısı */
.atla{
  position:absolute; left:-9999px; top:0; z-index:200;
  background:var(--vurgu); color:#fff; padding:12px 20px;
  font-weight:600; border-radius:0 0 var(--kose) 0;
}
.atla:focus{ left:0; }

/* ---------- 4. SARMALAYICI VE BÖLÜMLER ---------- */
.kap{
  width:100%; max-width:var(--en);
  margin-inline:auto;
  padding-inline:24px;
}
.kap-dar{ max-width:880px; }

.bolum{
  padding-block:clamp(56px,7vw,104px);
  position:relative;
}
.bolum-alt{ background:var(--zemin-alt); }
.bolum-koyu{
  background:var(--birincil-koyu);
  color:var(--koyu-yazi);
}
.bolum-sik{ padding-block:clamp(40px,4.5vw,64px); }

.bolum-koyu h1,.bolum-koyu h2,.bolum-koyu h3,.bolum-koyu h4{ color:#fff; }
.bolum-koyu .h-dev,.bolum-koyu .h-bolum{ color:#fff; }
.bolum-koyu .metin{ color:var(--koyu-yazi); }
.bolum-koyu .ustbaslik{ color:var(--vurgu-acik); }
.bolum-koyu .ustbaslik::before{ background:var(--vurgu-acik); }
.bolum-koyu .sayi{ color:var(--vurgu-acik); }
.bolum-koyu .sayi-etiket{ color:var(--koyu-soluk); }
.bolum-koyu .serit{ background:var(--koyu-cizgi); }
.bolum-koyu a{ color:#fff; text-decoration-color:rgba(255,255,255,.4); }
.bolum-koyu .kart{
  background:rgba(255,255,255,.045);
  border-color:var(--koyu-cizgi);
  box-shadow:none;
}
.bolum-koyu .kart p,.bolum-koyu .liste li{ color:var(--koyu-yazi); }
.bolum-koyu .not{ color:var(--koyu-soluk); }
.bolum-koyu .not::before{ color:var(--vurgu-acik); }
.bolum-koyu .h-kucuk,.bolum-koyu .adim h3{ color:#fff; }
.bolum-koyu .adim p,.bolum-koyu .kart p{ color:var(--koyu-yazi); }
.bolum-koyu .adim{ border-left-color:var(--koyu-cizgi); }
.bolum-koyu .adim::before{ background:var(--birincil-koyu); border-color:var(--koyu-cizgi); }
.bolum-koyu .adim-sira,.bolum-koyu .parca-rol{ color:var(--koyu-soluk); }
.bolum-koyu .liste li{ color:var(--koyu-yazi); }
.bolum-koyu .liste li::before{ background:var(--vurgu-acik); }
.bolum-koyu .liste-onay li::before{ border-color:#63C596; background:none; }
.bolum-koyu .maket-tablo th,.bolum-koyu .maket-satir small{ color:var(--yazi-soluk); }

.bolum-koyu .etiket{ background:rgba(255,255,255,.1); color:#fff; }

/* ---------- 5. TİPOGRAFİ ---------- */
.ustbaslik{
  display:inline-flex; align-items:center; gap:10px;
  font-family:var(--f-govde); font-weight:600;
  font-size:12px; letter-spacing:.16em; text-transform:uppercase;
  color:var(--vurgu);
  margin:0 0 18px;
}
.ustbaslik::before{
  content:""; width:28px; height:2px; background:var(--vurgu); flex:0 0 auto;
}

.h-dev{
  font-family:var(--f-baslik); font-weight:700;
  font-size:clamp(38px,6.2vw,76px);
  line-height:.98; letter-spacing:-.015em;
  color:var(--birincil);
  margin:0 0 22px;
  text-wrap:balance;
}
.h-bolum{
  font-family:var(--f-baslik); font-weight:700;
  font-size:clamp(28px,3.6vw,46px);
  line-height:1.04; letter-spacing:-.01em;
  color:var(--birincil);
  margin:0 0 18px;
  text-wrap:balance;
}
.h-kucuk{
  font-family:var(--f-baslik); font-weight:700;
  font-size:clamp(20px,2.1vw,26px);
  line-height:1.1; color:var(--birincil);
  margin:0 0 10px;
}
.metin{
  font-size:clamp(16px,1.15vw,18.5px);
  line-height:1.66; color:var(--yazi-soluk);
  max-width:62ch; margin:0 0 1em;
}
.metin-buyuk{ font-size:clamp(18px,1.5vw,22px); line-height:1.55; }
.metin:last-child{ margin-bottom:0; }
.metin strong{ color:var(--yazi); font-weight:600; }
.bolum-koyu .metin strong{ color:#fff; }

/* bayinin kısa iddialı cümlesi — sayfanın karakteri */
.iddia{
  font-family:var(--f-baslik); font-weight:700;
  font-size:clamp(30px,4.6vw,60px);
  line-height:1.02; letter-spacing:-.015em;
  color:var(--birincil); margin:0;
  text-wrap:balance;
}
.iddia em{ font-style:normal; color:var(--vurgu); }
.bolum-koyu .iddia{ color:#fff; }
.bolum-koyu .iddia em{ color:var(--vurgu-acik); }

.serit{ height:1px; background:var(--cizgi); border:0; margin-block:clamp(32px,4vw,56px); }

/* ---------- 6. IZGARALAR ---------- */
.izgara-2{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--oluk); }
.izgara-3{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--oluk); }
.izgara-4{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:var(--oluk); }
/* asimetrik ikili — "eşit kart" hissini kıran varsayılan */
.izgara-yan{ display:grid; grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr); gap:clamp(28px,4vw,60px); align-items:start; }
.izgara-yan-ters{ display:grid; grid-template-columns:minmax(0,1.14fr) minmax(0,.86fr); gap:clamp(28px,4vw,60px); align-items:start; }

/* TEK SÜTUNDA DA minmax(0,1fr) — düz `1fr` YAZMA.
   Ölçüldü 2026-09-11: raporlar sayfası 400px'te 423px taşıyordu.
   Sebep: CSS Grid'de `1fr` aslında `minmax(auto,1fr)` demek ve `auto`
   alt sınırı öğeyi içeriğinin en dar hâlinden daha ince yapmıyor.
   İçinde geniş bir tablo ya da uzun bir kelime olan sütun sayfayı
   taşırıyor. `minmax(0,1fr)` alt sınırı sıfırlayıp taşmayı kesiyor.
   Üstteki satır zaten doğruydu, alttaki ikisi değildi. */
@media (max-width:900px){
  .izgara-3,.izgara-4{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .izgara-yan,.izgara-yan-ters{ grid-template-columns:minmax(0,1fr); }
}
@media (max-width:620px){
  .izgara-2,.izgara-3,.izgara-4{ grid-template-columns:minmax(0,1fr); }
  :root{ --oluk:20px; }
}

/* ---------- 7. KART ---------- */
.kart{
  background:var(--zemin);
  border:1px solid var(--cizgi);
  border-radius:var(--kose);
  padding:clamp(20px,2vw,28px);
  box-shadow:var(--golge);
}
.kart > :last-child{ margin-bottom:0; }
.kart p{ font-size:16px; line-height:1.6; color:var(--yazi-soluk); margin:0 0 .8em; }
.kart-duz{ box-shadow:none; background:var(--zemin-alt); }
.kart-vurgulu{ border-color:var(--vurgu); border-left-width:4px; background:var(--vurgu-soluk); box-shadow:none; }
.kart-yesil{ border-color:var(--basari); border-left-width:4px; background:var(--basari-soluk); box-shadow:none; }
.kart-kirmizi{ border-color:var(--uyari); border-left-width:4px; background:var(--uyari-soluk); box-shadow:none; }
/* bağlantı kartı */
a.kart{ display:block; text-decoration:none; color:inherit; transition:box-shadow var(--gecis),transform var(--gecis),border-color var(--gecis); }
a.kart:hover{ box-shadow:var(--golge-sik); border-color:var(--birincil-acik); transform:translateY(-2px); }

/* ---------- 8. RAKAM ---------- */
.sayi{
  font-family:var(--f-baslik); font-weight:700;
  font-size:clamp(40px,4.6vw,64px);
  line-height:.95; letter-spacing:-.02em;
  color:var(--birincil);
  font-variant-numeric:tabular-nums;
  display:block;
}
.sayi-kucuk{ font-size:clamp(28px,3vw,40px); }
.sayi-etiket{
  display:block; margin-top:8px;
  font-family:var(--f-govde); font-weight:500;
  font-size:12.5px; letter-spacing:.09em; text-transform:uppercase;
  color:var(--yazi-soluk); line-height:1.35;
}

/* ---------- 9. DÜĞME ---------- */
.dugme,.dugme-ikincil{
  display:inline-flex; align-items:center; justify-content:center; gap:10px;
  font-family:var(--f-govde); font-weight:600; font-size:16px;
  padding:14px 26px; border-radius:var(--kose-kucuk);
  text-decoration:none; cursor:pointer; border:1.5px solid transparent;
  transition:background var(--gecis),color var(--gecis),border-color var(--gecis);
  line-height:1.2;
}
.dugme{ background:var(--vurgu); color:#fff; border-color:var(--vurgu); }
.dugme:hover{ background:#9A460A; border-color:#9A460A; color:#fff; }
.dugme-ikincil{ background:transparent; color:var(--birincil); border-color:var(--cizgi); }
.dugme-ikincil:hover{ border-color:var(--birincil); background:var(--zemin-alt); }
.bolum-koyu .dugme-ikincil{ color:#fff; border-color:rgba(255,255,255,.35); }
.bolum-koyu .dugme-ikincil:hover{ background:rgba(255,255,255,.08); border-color:#fff; }
.dugme-sira{ display:flex; flex-wrap:wrap; gap:14px; }

/* ---------- 10. LİSTE VE ETİKET ---------- */
.liste{ list-style:none; display:grid; gap:12px; }
.liste li{
  position:relative; padding-left:26px;
  font-size:16.5px; line-height:1.55; color:var(--yazi-soluk);
}
.liste li::before{
  content:""; position:absolute; left:0; top:.62em;
  width:9px; height:9px; border-radius:2px;
  background:var(--vurgu);
}
.liste-onay li::before{
  content:""; left:2px; top:.38em;
  width:6px; height:11px; border-radius:0; background:none;
  border:solid var(--basari); border-width:0 2.5px 2.5px 0;
  transform:rotate(42deg);
}
.liste-eksi li::before{
  top:.78em; width:11px; height:2.5px; border-radius:0; background:var(--uyari);
}

.etiket{
  display:inline-block;
  font-family:var(--f-govde); font-weight:600; font-size:12px;
  letter-spacing:.06em; padding:4px 10px; border-radius:4px;
  background:var(--zemin-alt); color:var(--birincil);
  border:1px solid var(--cizgi);
}
.etiket-yesil{ background:var(--basari-soluk); color:var(--basari); border-color:#BFDBCB; }
.etiket-turuncu{ background:var(--vurgu-soluk); color:var(--vurgu); border-color:#EBCFA8; }
.etiket-kirmizi{ background:var(--uyari-soluk); color:var(--uyari); border-color:#E9C3BE; }

/* ---------- 11. MAKET (ekran çerçevesi) ---------- */
.maket{
  border:1px solid var(--cizgi); border-radius:var(--kose);
  background:var(--zemin); overflow:hidden;
  box-shadow:var(--golge-sik);
  font-size:13px; line-height:1.45;
}
.maket-bas{
  background:var(--birincil); color:#fff;
  padding:11px 16px;
  font-family:var(--f-baslik); font-weight:700; font-size:18px;
  letter-spacing:.01em;
  display:flex; align-items:center; justify-content:space-between; gap:12px;
}
.maket-bas small{
  font-family:var(--f-govde); font-weight:400; font-size:11.5px;
  color:var(--koyu-soluk); letter-spacing:.04em;
}
.maket-ic{ padding:16px; }
/* telefon çerçevesi */
.maket-tel{
  width:100%; max-width:276px; margin-inline:auto;
  border:9px solid #1B2A33; border-radius:26px;
  background:#1B2A33; padding:0; overflow:hidden;
  box-shadow:var(--golge-sik);
}
.maket-tel .maket-bas{ padding:12px 14px; font-size:16px; }
.maket-tel > .maket-ic,.maket-tel .maket-ic{ background:#fff; }
.maket-tel-ic{ background:#fff; border-radius:17px; overflow:hidden; }
/* tarayıcı çerçevesi */
.maket-cubuk{
  background:var(--zemin-alt); border-bottom:1px solid var(--cizgi);
  padding:9px 14px; display:flex; align-items:center; gap:8px;
}
.maket-cubuk i{ width:9px; height:9px; border-radius:50%; background:var(--cizgi); flex:0 0 auto; }
.maket-adres{
  flex:1; background:#fff; border:1px solid var(--cizgi); border-radius:4px;
  padding:4px 10px; font-family:var(--f-mono); font-size:11.5px;
  color:var(--yazi-soluk); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
/* maket içi satır / tablo */
.maket-satir{
  display:flex; align-items:center; justify-content:space-between; gap:12px;
  padding:10px 0; border-bottom:1px solid var(--zemin-alt);
}
.maket-satir:last-child{ border-bottom:0; }
.maket-satir b{ font-weight:600; font-size:14px; color:var(--yazi); }
.maket-satir small{ display:block; font-size:12px; color:var(--yazi-soluk); font-weight:400; }
.maket-tablo{ width:100%; border-collapse:collapse; font-size:13px; }
.maket-tablo th{
  text-align:left; font-size:11px; letter-spacing:.07em; text-transform:uppercase;
  color:var(--yazi-soluk); font-weight:600; padding:8px 10px;
  border-bottom:2px solid var(--cizgi);
}
.maket-tablo td{ padding:9px 10px; border-bottom:1px solid var(--zemin-alt); }
.maket-tablo tr:last-child td{ border-bottom:0; }
.maket-tablo .sag{ text-align:right; font-variant-numeric:tabular-nums; }
.maket-sar{ overflow-x:auto; -webkit-overflow-scrolling:touch; }

.not{
  font-size:12.5px; line-height:1.5; color:var(--yazi-soluk);
  margin-top:10px; font-style:normal;
}
.not::before{
  content:"Temsilî ekran · ";
  font-weight:600; letter-spacing:.03em; color:var(--vurgu);
}
.not-duz::before{ content:none; }

/* ---------- 12. ÜST MENÜ ---------- */
.ust{
  position:sticky; top:0; z-index:100;
  background:rgba(255,255,255,.96);
  border-bottom:1px solid var(--cizgi);
  backdrop-filter:saturate(1.4) blur(8px);
  -webkit-backdrop-filter:saturate(1.4) blur(8px);
}
.ust-ic{
  display:flex; align-items:center; justify-content:space-between; gap:20px;
  min-height:66px;
}
.marka{
  display:flex; align-items:baseline; gap:9px;
  text-decoration:none; color:var(--birincil); flex:0 0 auto;
}
.marka b{
  font-family:var(--f-baslik); font-weight:700; font-size:23px;
  letter-spacing:.02em; line-height:1;
}
.marka span{
  font-size:11px; font-weight:600; letter-spacing:.14em; text-transform:uppercase;
  color:var(--vurgu);
}
.menu{ display:flex; align-items:center; gap:2px; list-style:none; }
.menu a{
  display:block; padding:9px 13px; border-radius:5px;
  font-size:15px; font-weight:500; color:var(--yazi);
  text-decoration:none; white-space:nowrap;
  transition:background var(--gecis),color var(--gecis);
}
.menu a:hover{ background:var(--zemin-alt); color:var(--birincil); }
.menu a[aria-current="page"]{
  color:var(--birincil); font-weight:600;
  box-shadow:inset 0 -2px 0 var(--vurgu);
}
.menu-dugme{
  display:none; align-items:center; gap:9px;
  background:none; border:1px solid var(--cizgi); border-radius:6px;
  padding:9px 14px; cursor:pointer; font-weight:600; font-size:15px;
  color:var(--birincil);
}
.menu-dugme i{ display:block; width:17px; height:2px; background:var(--birincil); position:relative; }
.menu-dugme i::before,.menu-dugme i::after{
  content:""; position:absolute; left:0; width:17px; height:2px; background:var(--birincil);
}
.menu-dugme i::before{ top:-5px; } .menu-dugme i::after{ top:5px; }
.ust-eylem{ flex:0 0 auto; }
.ust-eylem .dugme{ padding:11px 20px; font-size:15px; }

@media (max-width:1040px){
  .menu a{ padding:9px 10px; font-size:14.5px; }
  .ust-eylem{ display:none; }
}
@media (max-width:860px){
  .menu-dugme{ display:inline-flex; }
  .menu{
    display:none; position:absolute; left:0; right:0; top:100%;
    flex-direction:column; align-items:stretch; gap:0;
    background:#fff; border-bottom:1px solid var(--cizgi);
    box-shadow:var(--golge-sik); padding:8px 16px 16px;
  }
  .menu.acik{ display:flex; }
  .menu a{ padding:14px 8px; font-size:17px; border-bottom:1px solid var(--zemin-alt); border-radius:0; }
  .menu li:last-child a{ border-bottom:0; }
}

/* ---------- 13. ALT BİLGİ ---------- */
.alt{
  background:var(--birincil-daha-koyu); color:var(--koyu-yazi);
  padding-block:clamp(44px,5vw,68px) 28px;
  font-size:15px;
}
.alt a{ color:var(--koyu-yazi); text-decoration:none; }
.alt a:hover{ color:#fff; text-decoration:underline; text-decoration-color:var(--vurgu-acik); }
.alt-ic{
  display:grid; grid-template-columns:minmax(0,1.4fr) repeat(2,minmax(0,1fr));
  gap:clamp(24px,4vw,56px); align-items:start;
}
.alt h4{
  font-family:var(--f-govde); font-weight:600; font-size:12px;
  letter-spacing:.14em; text-transform:uppercase; color:var(--vurgu-acik);
  margin:0 0 14px;
}
.alt ul{ list-style:none; display:grid; gap:9px; }
.alt-marka b{
  font-family:var(--f-baslik); font-weight:700; font-size:26px;
  color:#fff; letter-spacing:.02em; display:block; line-height:1.1;
}
.alt-marka p{ color:var(--koyu-soluk); font-size:14.5px; max-width:38ch; margin:10px 0 0; }
.alt-serit{
  margin-top:clamp(28px,4vw,48px); padding-top:20px;
  border-top:1px solid var(--koyu-cizgi);
  display:flex; flex-wrap:wrap; gap:10px 26px; justify-content:space-between;
  color:var(--koyu-soluk); font-size:13.5px;
}
@media (max-width:760px){ .alt-ic{ grid-template-columns:1fr; } }

/* ---------- 14. HAREKET ---------- */
/* belirme: JS .gorunur ekler. JS yoksa içerik görünür kalır (ilerleyici geliştirme) */
html.js [data-belir]{
  opacity:0;
  transform:translate3d(0,22px,0);
  transition:opacity 620ms cubic-bezier(.2,.7,.3,1),
             transform 620ms cubic-bezier(.2,.7,.3,1);
  will-change:opacity,transform;
}
html.js [data-belir].gorunur{ opacity:1; transform:none; }
html.js [data-belir="yan"]{ transform:translate3d(-26px,0,0); }
html.js [data-belir].gorunur{ will-change:auto; }
[data-gecikme="1"]{ transition-delay:90ms; }
[data-gecikme="2"]{ transition-delay:180ms; }
[data-gecikme="3"]{ transition-delay:270ms; }
[data-gecikme="4"]{ transition-delay:360ms; }

/* parallax katmanı: JS --kayma (px) yazar, CSS çarpanı uygular */
.parallax{
  --kayma:0px; --hiz:1;
  transform:translate3d(0,calc(var(--kayma) * var(--hiz)),0);
  will-change:transform;
}

/* yapışkan anlatı (bir teslimatın yolculuğu) */
.anlati{ display:grid; grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr); gap:clamp(28px,5vw,72px); align-items:start; }
.anlati-sabit{ position:sticky; top:100px; }
.anlati-adimlar{ display:grid; gap:0; }
.adim{
  padding:clamp(22px,3vw,34px) 0 clamp(22px,3vw,34px) 30px;
  border-left:2px solid var(--cizgi);
  position:relative;
  transition:border-color var(--gecis);
}
.adim::before{
  content:""; position:absolute; left:-7px; top:calc(clamp(22px,3vw,34px) + 8px);
  width:12px; height:12px; border-radius:50%;
  background:var(--zemin-alt); border:2px solid var(--cizgi);
  transition:background var(--gecis),border-color var(--gecis),transform var(--gecis);
}
.adim.etkin{ border-left-color:var(--vurgu); }
.adim.etkin::before{ background:var(--vurgu); border-color:var(--vurgu); transform:scale(1.25); }
.adim h3{
  font-family:var(--f-baslik); font-weight:700;
  font-size:clamp(21px,2.3vw,29px); color:var(--birincil); margin:0 0 7px;
}
.adim p{ margin:0; color:var(--yazi-soluk); font-size:16.5px; max-width:48ch; }
.adim-sira{
  font-family:var(--f-govde); font-weight:600; font-size:12px;
  letter-spacing:.13em; text-transform:uppercase; color:var(--yazi-soluk);
  display:block; margin-bottom:6px;
}
.adim.etkin .adim-sira{ color:var(--vurgu); }
@media (max-width:900px){
  .anlati{ grid-template-columns:1fr; }
  .anlati-sabit{ position:static; }
}

/* ---------- 15. ERİŞİLEBİLİRLİK / HAREKET KAPATMA ---------- */
/* telefonda parallax kapalı — kaydırma takılmasın */
@media (max-width:760px){
  .parallax{ transform:none !important; }
}
@media (prefers-reduced-motion:reduce){
  html{ scroll-behavior:auto; }
  *,*::before,*::after{
    animation-duration:.001ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.001ms !important;
    scroll-behavior:auto !important;
  }
  html.js [data-belir]{ opacity:1 !important; transform:none !important; }
  .parallax{ transform:none !important; }
  .anlati-sabit{ position:static; }
}

/* ---------- 16. YARDIMCILAR ---------- */
.gizli{
  position:absolute !important; width:1px; height:1px;
  padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap;
}
.sag-yasla{ text-align:right; }
.orta-yasla{ text-align:center; }
.bosluk-ust{ margin-top:clamp(28px,3.5vw,52px); }
.bosluk-alt{ margin-bottom:clamp(28px,3.5vw,52px); }
.dar{ max-width:62ch; }
.daha-dar{ max-width:48ch; }

/* ---------- 17. MAKET, KOYU BANT İÇİNDE DE AÇIK KALIR ----------
   Ekran maketi bir ekrandır, temanın parçası değil. Bu blok dosyanın
   SONUNDA durmalı: yukarıdaki .bolum-koyu kurallarını geri alır. ------- */
.bolum-koyu :where(.maket,.maket-tel){ color:var(--yazi); }
.bolum-koyu :where(.maket,.maket-tel) :where(h1,h2,h3,h4,.h-kucuk,b,strong){ color:var(--yazi); }
.bolum-koyu :where(.maket,.maket-tel) :where(p,li,small,td,.metin){ color:var(--yazi-soluk); }
.bolum-koyu :where(.maket,.maket-tel) .maket-bas,
.bolum-koyu :where(.maket,.maket-tel) .maket-bas *{ color:#fff; }
.bolum-koyu :where(.maket,.maket-tel) .maket-bas small{ color:var(--koyu-soluk); }
.bolum-koyu :where(.maket,.maket-tel) .etiket{
  background:var(--zemin-alt); color:var(--birincil); border-color:var(--cizgi);
}
.bolum-koyu :where(.maket,.maket-tel) .etiket-yesil{ background:var(--basari-soluk); color:var(--basari); border-color:#BFDBCB; }
.bolum-koyu :where(.maket,.maket-tel) .etiket-turuncu{ background:var(--vurgu-soluk); color:var(--vurgu); border-color:#EBCFA8; }
.bolum-koyu :where(.maket,.maket-tel) .etiket-kirmizi{ background:var(--uyari-soluk); color:var(--uyari); border-color:#E9C3BE; }
.bolum-koyu :where(.maket,.maket-tel) .liste li::before{ background:var(--vurgu); }