/* ============================================================
   TuğraVarlık Ekosistemi — Ortak İskelet v1.0
   Bileşenler: network bar · header · hero · mühür rozetleri ·
   bölüm ayracı (mühür noktası) · kartlar · footer
   ============================================================ */

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { transition: none !important; animation: none !important; }
}

body {
  margin: 0;
  background: var(--zemin);
  color: var(--metin);
  font-family: var(--font-govde);
  font-size: var(--fs-govde);
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3 { font-family: var(--font-baslik); color: var(--lacivert); line-height: 1.25; }
h1 { font-size: var(--fs-hero); font-weight: 600; margin: 0 0 var(--b2); }
h2 { font-size: var(--fs-h2); font-weight: 600; margin: 0 0 var(--b2); }
h3 { font-size: var(--fs-h3); font-weight: 600; margin: 0 0 var(--b1); }
p  { margin: 0 0 var(--b2); }
a  { color: var(--lacivert); text-decoration-color: var(--altin); text-underline-offset: 3px; }
a:hover { color: var(--kizil); }
a:focus-visible, button:focus-visible {
  outline: 2px solid var(--kizil); outline-offset: 2px; border-radius: 2px;
}

.sarici { max-width: var(--govde-genislik); margin: 0 auto; padding: 0 var(--b3); }
.dar    { max-width: var(--dar-genislik); }

/* ---------- Network bar (desktop'ta üstte; mobilde gizli → footer) ---------- */
.network-bar {
  background: var(--lacivert);
  color: #C8D4E0;
  font-size: var(--fs-mikro);
  letter-spacing: 0.02em;
}
.network-bar .sarici {
  display: flex; gap: var(--b2); align-items: center; min-height: 34px;
}
.network-bar a { color: #C8D4E0; text-decoration: none; }
.network-bar a:hover { color: var(--beyaz); }
.network-bar .aktif { color: var(--beyaz); font-weight: 500; }
.network-bar .etiket { color: #8FA3B8; margin-right: var(--b1); }
@media (max-width: 720px) { .network-bar { display: none; } }

/* ---------- Header ---------- */
.site-header { background: var(--zemin); border-bottom: 1px solid var(--cizgi); position: sticky; top: 0; z-index: 200; }
.site-header .sarici {
  display: flex; align-items: center; justify-content: flex-start;
  gap: var(--b3); padding-top: var(--b2); padding-bottom: var(--b2);
}
.site-header .marka { flex-shrink: 0; margin-right: auto; }
.header-cta { flex-shrink: 0; }
.marka { display: flex; align-items: center; gap: 0.6rem; text-decoration: none; }
.marka:hover { color: inherit; }
.marka-isim { font-family: var(--font-baslik); font-weight: 600; font-size: 1.25rem; color: var(--lacivert); }
.marka-logo { height: 38px; width: auto; display: block; }
@media (max-width: 480px) { .marka-logo { height: 32px; } }

/* v1.6.4 — /brand/ sayfası */
.brand-izgara { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 1.25rem; margin-top: 1.25rem; }
.brand-kart { border: 1px solid var(--cizgi); border-radius: 14px; overflow: hidden; background: #fff; }
.brand-onizleme { display: flex; align-items: center; justify-content: center; min-height: 130px; padding: 1.5rem; }
.brand-onizleme img { max-width: 86%; max-height: 90px; height: auto; }
.brand-onizleme--navy { background: #07111F; }
.brand-onizleme--light { background: #F4F1EA; }
.brand-onizleme--grid { background: #07111F; background-image: linear-gradient(45deg, #0b1728 25%, transparent 25%, transparent 75%, #0b1728 75%), linear-gradient(45deg, #0b1728 25%, transparent 25%, transparent 75%, #0b1728 75%); background-size: 18px 18px; background-position: 0 0, 9px 9px; }
.brand-kart-govde { padding: 1rem 1.1rem 1.2rem; }
.brand-kart-govde h3 { margin: 0 0 .35rem; font-size: 1.05rem; }
.brand-kart-govde p { margin: 0 0 .7rem; font-size: .92rem; color: var(--metin-soluk); }
.brand-indir { display: flex; flex-wrap: wrap; gap: .4rem; }
.brand-indir a { font-size: .8rem; padding: .28rem .6rem; border: 1px solid var(--cizgi); border-radius: 999px; text-decoration: none; color: var(--lacivert); }
.brand-indir a:hover { background: var(--zemin-koyu); }
.palet-izgara { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: .9rem; margin-top: 1rem; }
.palet-cip { border: 1px solid var(--cizgi); border-radius: 10px; overflow: hidden; }
.palet-renk { height: 64px; }
.palet-bilgi { padding: .5rem .7rem; font-size: .82rem; }
.palet-bilgi b { display: block; font-size: .9rem; }
.palet-bilgi code { color: var(--metin-soluk); }
.dodont { display: grid; grid-template-columns: 1fr 1fr; gap: 1.25rem; margin-top: 1rem; }
.dodont ul { margin: .4rem 0 0; padding-left: 1.1rem; }
.dodont li { margin: .3rem 0; }
.dodont .do h3 { color: #1d7a4d; }
.dodont .dont h3 { color: var(--kizil); }
@media (max-width: 600px) { .dodont { grid-template-columns: 1fr; } }
.muhur-isaret { width: 30px; height: 30px; flex: none; }

.ana-nav { display: flex; align-items: center; gap: 1.15rem; font-size: var(--fs-kucuk); flex-wrap: wrap; }
.ana-nav a { text-decoration: none; color: var(--metin); }
.ana-nav a:hover { color: var(--kizil); }
@media (max-width: 880px) { .ana-nav { display: none; } } /* MVP: mobil menü Sprint 2 */

/* ---------- Düğmeler ---------- */
.dugme {
  display: inline-block; padding: 0.7rem 1.4rem; border-radius: var(--radius);
  font-family: var(--font-govde); font-weight: 500; font-size: var(--fs-govde);
  text-decoration: none; border: 1px solid transparent; cursor: pointer;
}
.dugme--kizil { background: var(--kizil); color: var(--beyaz); }
.dugme--kizil:hover { background: var(--kizil-koyu); color: var(--beyaz); }
.dugme--cerceve { border-color: var(--lacivert); color: var(--lacivert); background: transparent; }
.dugme--cerceve:hover { border-color: var(--kizil); color: var(--kizil); }

/* ---------- Hero ---------- */
.hero { padding: var(--b6) 0 var(--b5); }
.hero .ust-yazi {
  font-size: var(--fs-mikro); letter-spacing: 0.14em; text-transform: uppercase;
  color: var(--altin); margin-bottom: var(--b2); font-weight: 500;
}
.hero p.giris { font-size: 1.08rem; color: var(--metin-soluk); max-width: 56ch; }
.hero .cta-grup { display: flex; gap: var(--b2); flex-wrap: wrap; margin-top: var(--b3); }

/* v1.6.3 — Premium hero motion (CSS opacity crossfade; video/GIF yok) */
.hero--motion { position: relative; overflow: hidden; isolation: isolate; min-height: clamp(420px, 62vh, 620px); display: flex; align-items: center; }
.hero--motion .sarici { position: relative; z-index: 2; }
.hero-motion { position: absolute; inset: 0; z-index: 0; }
.hero-motion .hm-frame { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.hero-motion .hm-frame { opacity: 0; }
.hero-motion .hm-frame--poster { opacity: 1; }   /* poster daima taban katman: LCP + flaş yok */
.hero--motion::after { content: ""; position: absolute; inset: 0; z-index: 1;
  background: linear-gradient(90deg, rgba(3,10,20,.92), rgba(3,10,20,.66) 46%, rgba(3,10,20,.34)); }
.hero--motion .ust-yazi { color: var(--altin); }
.hero--motion h1 { color: #fff; }
.hero--motion p.giris { color: rgba(255,255,255,.88); }
.hero--motion p.giris a { color: #fff; text-decoration: underline; }
/* Erişilebilirlik + mobil: animasyon kapalı, yalnız poster görünür */
@media (prefers-reduced-motion: reduce), (max-width: 768px) {
  .hero-motion .hm-frame { animation: none !important; opacity: 0 !important; }
  .hero-motion .hm-frame--poster { opacity: 1 !important; }
}


/* ---------- Bölüm + mühür noktası ayracı (imza öğesi) ---------- */
.bolum { padding: var(--b5) 0; }
.bolum--bant { background: var(--zemin-koyu); }
.bolum--lacivert { background: var(--lacivert); color: #DCE4EC; }
.bolum--lacivert h2 { color: var(--beyaz); }
.bolum--lacivert a { color: #DCE4EC; }

.muhur-ayrac {
  display: flex; align-items: center; gap: 0.75rem;
  margin-bottom: var(--b3);
}
.muhur-ayrac::before, .muhur-ayrac::after {
  content: ""; height: 1px; background: var(--altin); flex: 0 0 56px; opacity: 0.7;
}
.muhur-ayrac .nokta {
  width: 10px; height: 10px; border-radius: 50%;
  background: var(--kizil); flex: none;
  box-shadow: 0 0 0 3px rgba(140, 29, 47, 0.15);
}
.muhur-ayrac + h2 { margin-top: 0; }

/* ---------- Mühür rozetleri (manuel MVP seti) ---------- */
.rozet {
  display: inline-flex; align-items: center; gap: 0.45rem;
  font-size: var(--fs-mikro); font-weight: 500; letter-spacing: 0.02em;
  padding: 0.32rem 0.7rem; border-radius: 999px; border: 1px solid;
  background: var(--beyaz);
}
.rozet::before { content: ""; width: 8px; height: 8px; border-radius: 50%; flex: none; }
.rozet--dogrulandi { border-color: var(--kizil); color: var(--kizil); background: var(--kizil); color: #fff; }
.rozet--dogrulandi::before { background: #fff; }
.rozet--nda { border-color: var(--kizil); color: var(--kizil); }
.rozet--nda::before { background: var(--kizil); }
.rozet--veri-odasi { border-color: var(--lacivert); color: var(--lacivert); }
.rozet--veri-odasi::before { background: var(--lacivert); }
.rozet--teyit { border-color: var(--metin-soluk); color: var(--metin-soluk); }
.rozet--teyit::before { background: var(--metin-soluk); }
.rozet--devir { border-color: var(--altin); color: var(--altin); }
.rozet--devir::before { background: var(--altin); }
.rozet--davetli { border-color: var(--lacivert); background: var(--lacivert); color: #fff; }
.rozet--davetli::before { background: var(--altin); }
.rozet-grup { display: flex; flex-wrap: wrap; gap: 0.6rem; }

/* ---------- Kartlar / ızgaralar ---------- */
.izgara { display: grid; gap: var(--b3); }
.izgara--2 { grid-template-columns: repeat(2, 1fr); }
.izgara--3 { grid-template-columns: repeat(3, 1fr); }
@media (max-width: 880px) { .izgara--2, .izgara--3 { grid-template-columns: 1fr; } }

.kart {
  background: var(--beyaz); border: 1px solid var(--cizgi);
  border-radius: var(--radius); padding: var(--b3);
}
.kart h3 { margin-top: 0; }
.kart .adim-no {
  font-family: var(--font-baslik); color: var(--altin);
  font-size: var(--fs-kucuk); font-weight: 600; letter-spacing: 0.1em;
  display: block; margin-bottom: var(--b1);
}

/* ---------- "Ne değildir?" bandı ---------- */
.degil-bant { border-top: 1px solid var(--altin); border-bottom: 1px solid var(--altin); }
.degil-bant .ucleme {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--b3);
  text-align: center; font-family: var(--font-baslik); font-size: var(--fs-h3);
  color: var(--lacivert);
}
@media (max-width: 720px) { .degil-bant .ucleme { grid-template-columns: 1fr; gap: var(--b2); } }

/* ---------- Footer ---------- */
.site-footer { background: var(--lacivert); color: #B9C6D2; font-size: var(--fs-kucuk); }
.site-footer .sarici { padding-top: var(--b4); padding-bottom: var(--b4); }
.site-footer a { color: #DCE4EC; }
.site-footer .platformlar { margin-bottom: var(--b3); }
.site-footer .platformlar .baslik {
  color: var(--altin); font-size: var(--fs-mikro);
  letter-spacing: 0.12em; text-transform: uppercase; margin-bottom: var(--b1);
}
.site-footer .yasal { border-top: 1px solid rgba(255,255,255,0.15); padding-top: var(--b2); margin-top: var(--b2); color: #8FA3B8; }
.site-footer .yasal p { margin-bottom: 0.4rem; }

/* Özgüllük düzeltmesi: nav içindeki düğme rengi link kuralına yenilmesin */
.ana-nav a.dugme--kizil { color: var(--beyaz); }
.ana-nav a.dugme--kizil:hover { color: var(--beyaz); }

/* ---------- Sprint 2 eklemeleri ---------- */
/* Mobil menü (checkbox yöntemi, JS'siz) */
.menu-ac { display: none; }
.menu-dugme { display: none; cursor: pointer; padding: 6px; }
.menu-dugme span { display: block; width: 22px; height: 2px; background: var(--lacivert); margin: 5px 0; }
@media (max-width: 880px) {
  .menu-dugme { display: block; }
  .ana-nav { display: none; position: absolute; left: 0; right: 0; top: 100%;
    background: var(--zemin); border-bottom: 1px solid var(--cizgi);
    flex-direction: column; gap: 0; padding: 0.5rem 1.5rem 1rem; z-index: 50; }
  .ana-nav a { padding: 0.6rem 0; border-bottom: 1px solid var(--cizgi); }
  .ana-nav a:last-child { border-bottom: 0; }
  .menu-ac:checked ~ .ana-nav { display: flex; }
  .site-header .sarici { position: relative; }
}

/* SSS akordeonu */
.sss-madde { background: var(--beyaz); border: 1px solid var(--cizgi);
  border-radius: var(--radius); margin-bottom: 0.6rem; }
.sss-madde summary { cursor: pointer; padding: 0.8rem 1rem; font-weight: 500;
  color: var(--lacivert); list-style: none; }
.sss-madde summary::before { content: "+ "; color: var(--kizil); font-weight: 600; }
.sss-madde[open] summary::before { content: "− "; }
.sss-madde p { padding: 0 1rem 1rem; margin: 0; }

/* Form */
.form { display: grid; gap: 1rem; background: var(--beyaz);
  border: 1px solid var(--cizgi); border-radius: var(--radius); padding: 2rem; margin: 0 auto; }
.form label { display: grid; gap: 0.35rem; font-weight: 500; font-size: var(--fs-kucuk); }
.form input:not([type=checkbox]), .form select { padding: 0.6rem 0.7rem;
  border: 1px solid var(--cizgi); border-radius: var(--radius);
  font: inherit; background: var(--zemin); }
.form input:focus, .form select:focus { outline: 2px solid var(--kizil); outline-offset: 1px; }
.form .kutu { display: flex; gap: 0.6rem; align-items: flex-start; font-weight: 400; }
.form .kutu input { margin-top: 3px; }
.form small { color: var(--metin-soluk); font-weight: 400; }
.form .ops { color: var(--metin-soluk); font-weight: 400; }
.hp { position: absolute; left: -9999px; top: -9999px; height: 0; overflow: hidden; }

/* Negatif kapsam listesi */
.negatif-liste { margin: 0 auto; padding-left: 1.2rem; }
.negatif-liste li { padding: 0.35rem 0; border-bottom: 1px solid var(--cizgi); }

.tuzel-not { color: var(--metin-soluk); font-size: var(--fs-mikro); }

/* ---------- v1.2 final temizlik ---------- */
.menu-dugme:focus-visible { outline: 2px solid var(--kizil); outline-offset: 3px; border-radius: 3px; }
.anchor-nav { display: flex; flex-wrap: wrap; gap: 0.4rem 1rem; font-size: var(--fs-kucuk); }
.anchor-nav a { color: var(--lacivert); text-decoration: none; border-bottom: 1px dotted var(--altin); }
.anchor-nav a:hover { color: var(--kizil); }

/* Tur 40 — içeriğe atla linki (WCAG 2.4.1 bypass blocks) */
.atla { position: absolute; left: -9999px; top: 0; background: var(--lacivert); color: #fff; padding: .6rem 1.1rem; z-index: 999; border-radius: 0 0 8px 0; font-weight: 600; }
.atla:focus { left: 0; outline: 2px solid var(--altin); outline-offset: 2px; }

/* ===== Tur 45 — görsel sistemi ===== */
.hero--gorselli .hero-izgara { display: grid; grid-template-columns: 1.05fr .95fr; gap: 2.5rem; align-items: center; }
.hero--gorselli .hero-metin { min-width: 0; }
.hero-gorsel-pic, .hero-gorsel-pic img { display: block; width: 100%; height: auto; border-radius: 14px; }
.hero-gorsel-pic img { box-shadow: 0 10px 40px rgba(16,42,67,.16); border: 1px solid var(--cizgi); }
@media (max-width: 860px) {
  .hero--gorselli .hero-izgara { grid-template-columns: 1fr; gap: 1.5rem; }
  .hero--gorselli .hero-gorsel { order: -1; }
  .hero-gorsel-pic img { max-height: 260px; object-fit: cover; }
}

/* ===== Tur 46 — açılır menü (dropdown) ===== */
.nav-grup { position: relative; display: inline-block; }
.nav-grup > .nav-ust { display: inline-flex; align-items: center; gap: .25rem; }
.nav-ok { font-size: .7em; opacity: .7; transition: transform .2s; }
.alt-menu { position: absolute; top: 100%; left: 0; min-width: 250px; background: var(--beyaz);
  border: 1px solid var(--cizgi); border-radius: 10px; box-shadow: 0 12px 40px rgba(16,42,67,.16);
  padding: .5rem; opacity: 0; visibility: hidden; transform: translateY(6px); transition: all .18s ease;
  z-index: 200; }
.alt-menu a { display: block; padding: .55rem .75rem; border-radius: 7px; font-size: var(--fs-kucuk);
  color: var(--metin); white-space: nowrap; }
.alt-menu a:hover { background: var(--zemin-koyu); color: var(--lacivert); }
/* Desktop: hover ile aç */
@media (min-width: 901px) {
  .nav-grup:hover .alt-menu, .nav-grup:focus-within .alt-menu { opacity: 1; visibility: visible; transform: translateY(0); }
  .nav-grup:hover .nav-ok { transform: rotate(180deg); }
}
/* Mobil: dikey, tıkla-aç (.acik) */
@media (max-width: 900px) {
  .nav-grup { display: block; width: 100%; }
  .alt-menu { position: static; opacity: 1; visibility: visible; transform: none; box-shadow: none;
    border: none; border-left: 2px solid var(--altin); border-radius: 0; margin: .2rem 0 .5rem .5rem;
    padding: .2rem 0 .2rem .5rem; max-height: 0; overflow: hidden; transition: max-height .25s ease; }
  .nav-grup.acik .alt-menu { max-height: 600px; }
  .nav-grup.acik .nav-ok { transform: rotate(180deg); }
  .alt-menu a { padding: .5rem .4rem; }
}

/* ===== Tur 47 — güven bandı + scroll reveal + sticky CTA ===== */
.guven-bandi { padding: 1.5rem 0; background: var(--lacivert); }
.gb-izgara { display: flex; justify-content: center; gap: 3rem; flex-wrap: wrap; }
.gb-oge { display: flex; flex-direction: column; align-items: center; text-align: center; }
.gb-sayi { font-family: var(--font-baslik); font-size: 2rem; color: var(--altin); line-height: 1; }
.gb-etiket { font-size: var(--fs-kucuk); color: #D9D2C4; margin-top: .35rem; letter-spacing: .02em; }
@media (max-width: 600px) { .gb-izgara { gap: 1.5rem; } .gb-sayi { font-size: 1.5rem; } }

/* Scroll reveal — minimal, bir kez */
.reveal { opacity: 0; transform: translateY(14px); transition: opacity .4s ease, transform .4s ease; }
.reveal.gorundu { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) { .reveal { opacity: 1 !important; transform: none !important; transition: none; } }

/* Sticky kompakt CTA — hero geçilince header butonu vurgulanır */
.site-header .dugme--kizil { transition: transform .2s ease, box-shadow .2s ease; }
.site-header.cta-aktif { box-shadow: 0 2px 16px rgba(16,42,67,.08); }
.site-header.cta-aktif .dugme--kizil { transform: scale(1.04); box-shadow: 0 4px 14px rgba(140,29,47,.28); }

/* Tur 49 — mobilde header CTA hamburger yanında, küçük */
@media (max-width: 880px) {
  .header-cta .dugme { padding: 0.5rem 0.9rem; font-size: var(--fs-kucuk); }
  .site-header .marka { margin-right: 0; flex-shrink: 1; min-width: 0; }
  .marka-isim { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .site-header .sarici { justify-content: space-between; gap: 0.5rem; }
  .header-cta { order: 2; margin-left: auto; margin-right: 0; flex-shrink: 0; }
  .menu-dugme { order: 3; flex-shrink: 0; }
}
/* ===== Tur 50 (v1.5.2) — kullanıcı yolu + özet kutusu + sonraki adım + form güven ===== */
.kullanici-yolu { background: var(--zemin-koyu); }
.yol-baslik { font-family: var(--font-baslik); font-size: 1.6rem; color: var(--lacivert); text-align: center; margin: 0 0 1.5rem; }
.yol-izgara { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.25rem; }
.yol-kart { display: flex; flex-direction: column; gap: .5rem; background: var(--beyaz); border: 1px solid var(--cizgi);
  border-radius: 12px; padding: 1.5rem 1.4rem; text-decoration: none; transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
.yol-kart:hover { transform: translateY(-3px); box-shadow: 0 8px 28px rgba(16,42,67,.12); border-color: var(--altin); }
.yol-rol { font-family: var(--font-baslik); font-size: 1.2rem; color: var(--lacivert); }
.yol-aciklama { font-size: var(--fs-kucuk); color: var(--metin-hafif); line-height: 1.5; flex-grow: 1; }
.yol-link { font-size: var(--fs-kucuk); font-weight: 600; color: var(--kizil); margin-top: .35rem; }
@media (max-width: 760px) { .yol-izgara { grid-template-columns: 1fr; gap: 1rem; } .yol-baslik { font-size: 1.35rem; } }

/* Özet kutusu (kanonik üst) */
.ozet-kutusu { background: var(--zemin-koyu); border-left: 3px solid var(--altin); border-radius: 0 8px 8px 0;
  padding: 1.1rem 1.3rem; margin: 0 0 1.75rem; max-width: 760px; }
.ozet-satir { display: flex; gap: .75rem; padding: .3rem 0; font-size: var(--fs-kucuk); line-height: 1.5; }
.ozet-satir + .ozet-satir { border-top: 1px solid var(--cizgi); }
.ozet-etiket { flex: 0 0 38%; font-weight: 600; color: var(--lacivert); }
.ozet-deger { flex: 1; color: var(--metin-hafif); }
@media (max-width: 600px) { .ozet-satir { flex-direction: column; gap: .15rem; } .ozet-etiket { flex-basis: auto; } }

/* Sayfa sonu: sonraki adım */
.sonraki-adim { background: var(--lacivert); border-radius: 12px; padding: 1.75rem 2rem; margin: 2.5rem 0 0;
  text-align: center; max-width: 760px; }
.sa-eyebrow { display: block; font-size: var(--fs-kucuk); letter-spacing: .08em; text-transform: uppercase; color: var(--altin); font-weight: 600; }
.sa-aciklama { color: #E8E2D5; margin: .6rem 0 1.1rem; line-height: 1.55; }
.sonraki-adim .dugme--cerceve { border-color: var(--altin); color: #fff; }
.sonraki-adim .dugme--cerceve:hover { background: var(--altin); color: var(--lacivert); }

/* Form güven mikro-kopyası */
.form-guven { max-width: 640px; margin: 0 auto 1.5rem; padding: .85rem 1.1rem; background: var(--zemin-koyu);
  border: 1px solid var(--cizgi); border-radius: 8px; font-size: var(--fs-kucuk); color: var(--metin-hafif); line-height: 1.5; }
.form-guven span { color: var(--altin); margin-right: .35rem; }

/* ===== Tur 52 (v1.5.4) — DD geçiş + süreç adımları + özet vurgu ===== */
.dd-gecis { margin: 2rem 0 0; padding: 1.4rem 1.5rem; background: var(--zemin-koyu); border-radius: 12px; max-width: 760px; }
.dd-gecis-baslik { display: block; font-size: var(--fs-kucuk); letter-spacing: .06em; text-transform: uppercase; color: var(--lacivert); font-weight: 600; margin-bottom: .9rem; }
.dd-gecis-izgara { display: flex; flex-wrap: wrap; gap: .6rem; }
.dd-gecis-rozet { display: inline-block; padding: .45rem .9rem; background: var(--beyaz); border: 1px solid var(--cizgi); border-radius: 20px; font-size: var(--fs-kucuk); color: var(--lacivert); text-decoration: none; transition: all .15s ease; }
.dd-gecis-rozet:hover { border-color: var(--altin); background: var(--lacivert); color: #fff; }
.dd-gecis-not { margin: 1rem 0 0; font-size: var(--fs-kucuk); }
.dd-gecis-not a { color: var(--kizil); font-weight: 600; }

/* Teşekkür süreç adımları */
.surec-adimlar { counter-reset: adim; list-style: none; padding: 0; margin: 1rem 0; }
.surec-adimlar li { position: relative; padding: .9rem 0 .9rem 3rem; border-bottom: 1px solid var(--cizgi); line-height: 1.55; }
.surec-adimlar li:last-child { border-bottom: none; }
.surec-adimlar li::before { counter-increment: adim; content: counter(adim); position: absolute; left: 0; top: .9rem; width: 2rem; height: 2rem; background: var(--lacivert); color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-family: var(--font-baslik); font-size: .95rem; }

/* Özet kutusu — biraz daha belirgin (referans site hissi) */
.ozet-kutusu { box-shadow: 0 2px 12px rgba(16,42,67,.06); }
.ozet-etiket { letter-spacing: .01em; }

/* GA insight kartları daha kısa/taranabilir — açıklama satır sınırı */
.ga-kart-aciklama, .insight-kart p { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

/* ===== Tur 52 — VA hub öne çıkan kontrol listesi + sözlük çapraz link ===== */
.va-one-cikan { display: block; background: linear-gradient(135deg, var(--lacivert), #16304d); border-radius: 14px;
  padding: 1.75rem 2rem; margin-bottom: 1.75rem; text-decoration: none; transition: transform .2s ease, box-shadow .2s ease; }
.va-one-cikan:hover { transform: translateY(-2px); box-shadow: 0 10px 32px rgba(16,42,67,.22); }
.voc-etiket { display: inline-block; font-size: var(--fs-kucuk); letter-spacing: .08em; text-transform: uppercase;
  color: var(--altin); font-weight: 600; margin-bottom: .5rem; }
.voc-baslik { display: block; font-family: var(--font-baslik); font-size: 1.5rem; color: #fff; margin-bottom: .5rem; }
.voc-aciklama { display: block; color: #D9D2C4; line-height: 1.55; margin-bottom: .9rem; }
.voc-link { display: inline-block; color: var(--altin); font-weight: 600; font-size: var(--fs-kucuk); }
/* Sözlük tanım içi çapraz linkler biraz daha belirgin */
.dar h2 + p a[href^="#"], .dar p a[href^="/"] { border-bottom: 1px solid rgba(184,138,58,.4); }

/* ===== Tur 53 (v1.5.5) — GÖRSEL YERLEŞİM KİLİDİ ===== */
/* gorsel-sarici: figure'ı container disiplinine alır (full-width section içinde) */
.gorsel-sarici { padding-left: var(--gutter, 1rem); padding-right: var(--gutter, 1rem); }
/* Ortak aks: tüm içerik blokları aynı genişlik ve merkez */
.sayfa-gorsel,
.ozet-kutusu,
.sonraki-adim,
.dd-gecis {
  width: min(760px, calc(100% - 32px));
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
}
.sayfa-gorsel { margin-top: clamp(1.5rem, 2.5vw, 2.5rem); margin-bottom: clamp(1.5rem, 2.5vw, 2.5rem); }
/* Görsel oran kilidi + container disiplini */
.sayfa-gorsel picture, .sayfa-gorsel img { display: block; width: 100%; }
.sayfa-gorsel img { aspect-ratio: 16 / 9; object-fit: cover; height: auto;
  border-radius: 12px; border: 1px solid var(--cizgi); box-shadow: 0 6px 28px rgba(16,42,67,.10); }
/* form-guven de aynı aksa */
.form-guven { width: min(640px, calc(100% - 32px)); max-width: 640px; margin-left: auto; margin-right: auto; }

/* Araç notu (DiligencePilot referansı) — nötr, dikkat çekmeyen */
.arac-notu { margin-top: 1.75rem; padding: 1.1rem 1.3rem; background: var(--zemin-koyu); border-radius: 8px; }
.arac-notu p { margin: 0; font-size: var(--fs-kucuk); color: var(--metin-hafif); line-height: 1.55; }
.arac-notu a { color: var(--kizil); font-weight: 600; }

/* ===== Tur 54 (v1.5.6) — hub grupları (Güven ve Süreç, Okuma Rotaları) ===== */
.hub-grup { margin-top: 2.5rem; }
.hub-grup h2 { margin-bottom: .5rem; }
.hub-link-izgara { display: grid; grid-template-columns: repeat(2, 1fr); gap: .6rem; margin-top: 1rem; }
.hub-link-izgara a { display: block; padding: .7rem 1rem; background: var(--beyaz); border: 1px solid var(--cizgi);
  border-radius: 8px; font-size: var(--fs-kucuk); color: var(--lacivert); text-decoration: none; transition: all .15s ease; }
.hub-link-izgara a:hover { border-color: var(--altin); background: var(--zemin-koyu); transform: translateX(2px); }
@media (max-width: 640px) { .hub-link-izgara { grid-template-columns: 1fr; } }

/* v1.5.8 — sade içerik listesi (alıcı/karar madde listeleri) */
.dar-liste { margin: .75rem 0 0; padding-left: 1.3rem; }
.dar-liste li { margin: .4rem 0; line-height: 1.6; }

/* v1.5.9 — gruplu footer (navigasyon + iç link otorite haritası) */
.footer-gruplar { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.6rem 2rem; margin: 1.25rem 0 1.75rem; }
.footer-grup .baslik { font-size: var(--fs-kucuk); letter-spacing: .04em; text-transform: uppercase; color: var(--altin); font-weight: 600; margin-bottom: .55rem; }
.footer-grup-linkler a { display: block; padding: .18rem 0; font-size: var(--fs-kucuk); color: var(--zemin-acik, #D9D2C4); text-decoration: none; line-height: 1.5; }
.footer-grup-linkler a:hover { color: #fff; text-decoration: underline; }
@media (max-width: 720px) { .footer-gruplar { grid-template-columns: repeat(2, 1fr); gap: 1.3rem 1.4rem; } }
@media (max-width: 460px) { .footer-gruplar { grid-template-columns: 1fr; } }