@font-face{font-family:'Libre Caslon Text';font-style:italic;font-weight:400;font-display:swap;src:url(/v/5c60312117be.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:'Libre Caslon Text';font-style:italic;font-weight:400;font-display:swap;src:url(/v/f9fcb1b0fc03.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:'Libre Caslon Text';font-style:normal;font-weight:400;font-display:swap;src:url(/v/5fcdbec1db58.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:'Libre Caslon Text';font-style:normal;font-weight:400;font-display:swap;src:url(/v/ce4653dcbdba.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:'Libre Caslon Text';font-style:normal;font-weight:700;font-display:swap;src:url(/v/1ab04b3e0910.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:'Libre Caslon Text';font-style:normal;font-weight:700;font-display:swap;src:url(/v/3ddbe2235538.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:'Source Sans 3';font-style:normal;font-weight:400 600;font-display:swap;src:url(/v/ea449cc66b90.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:'Source Sans 3';font-style:normal;font-weight:400 600;font-display:swap;src:url(/v/fe93b8f82dc0.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}

/* Hüseyin Öz Hukuk & Danışmanlık, site teması (7 Ekim 2026 yönü).
   Ana şablon rasimsayar.av.tr'nin havası: açık kâğıt zemin, iri serif başlık ve italik
   vurgu, "01 / ..." bölüm etiketleri, açık ve koyu bantlar, ince çizgiler, bol boşluk.
   Renk eski sitenin lacivert (#12096B) + bej/altın (#C2AF8E) kimliğine yakın tutuldu.
   Yazı tipleri uret.py tarafından ayrı bir style bloğuna gömülür; görseller de ayrı
   bir blokta .g-<ad> sınıfı olarak durur. */

:root {
  --lacivert: #14183F;
  --lacivert-2: #1B2050;
  --lacivert-3: #283070;
  --gece: #0F1233;
  --murekkep: #1B1D2E;
  --murekkep-2: #4B4E63;
  --murekkep-3: #6C6F82;
  --kagit: #F6F3EC;
  --kagit-2: #EDE7DB;
  --beyaz: #FCFBF8;
  --altin: #C2AF8E;
  --pirinc: #A38B5E;
  --pirinc-koyu: #6F5C37;
  --pirinc-soluk: rgba(163, 139, 94, .18);
  --cizgi: rgba(27, 29, 46, .16);
  --cizgi-guclu: rgba(27, 29, 46, .32);
  --cizgi-soluk: rgba(27, 29, 46, .09);
  --cizgi-koyu: rgba(255, 255, 255, .14);
  --koyu-metin: #F2EEE5;
  --koyu-metin-2: rgba(242, 238, 229, .76);
  --serif: "Libre Caslon Text", Georgia, "Times New Roman", serif;
  --sans: "Source Sans 3", "Segoe UI", Arial, sans-serif;
  --kabuk: 1180px;
  --dar: 820px;
  --ust: 84px;
}

*, *::before, *::after { box-sizing: border-box; }
/* scroll-behavior: smooth bilerek yok. Ölçüldü: sayfa geçişinde tarayıcının kendi
   çapa kaydırması ile betiğin scrollTo çağrısı çakışıyor, sayfa eski konumda kalıyordu.
   Sayfa içi bağlar için yumuşak kaydırma betikte. */
/* Ölçek kökten: masaüstünde 1rem = 20px, gövde 1.1875rem ≈ 24px (18 punto).
   Bütün ölçüler rem olduğu için başlık hiyerarşisi ve boşluklar orantılı büyür;
   kabuk genişliği px kaldığından satır uzunluğu daralır, uzamaz. */
html { -webkit-text-size-adjust: 100%; font-size: 20px; }
@media (max-width: 1080px) { html { font-size: 18px; } }
@media (max-width: 640px) { html { font-size: 17px; } }

body {
  margin: 0;
  font-family: var(--sans);
  font-size: 1.1875rem;
  line-height: 1.7;
  color: var(--murekkep);
  background: var(--kagit);
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4 {
  font-family: var(--serif);
  font-weight: 400;
  line-height: 1.12;
  margin: 0 0 .6em;
  color: var(--murekkep);
  letter-spacing: -.012em;
  text-wrap: balance;
}
h1 { font-size: clamp(2.5rem, 5.4vw, 4.2rem); }
h2 { font-size: clamp(1.8rem, 3.2vw, 2.5rem); }
h3 { font-size: clamp(1.3rem, 2vw, 1.55rem); }
h4 { font-size: 1.2rem; }
h1 em, h2 em, h3 em { font-style: italic; }
p { margin: 0 0 1.1em; max-width: 70ch; }
p:last-child { margin-bottom: 0; }
ul, ol { margin: 0 0 1.2em; padding-left: 1.3em; max-width: 70ch; }
li { margin: .35em 0; }
li::marker { color: var(--pirinc-koyu); }
a { color: var(--lacivert); text-decoration: underline; text-decoration-color: var(--pirinc); text-underline-offset: .18em; text-decoration-thickness: 1px; }
a:hover { color: var(--pirinc-koyu); }
a:focus-visible, button:focus-visible, summary:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible { outline: 3px solid var(--pirinc); outline-offset: 3px; }
h1[tabindex="-1"]:focus { outline: none; }
b, strong { font-weight: 600; }
em, i { font-style: italic; }
hr { border: 0; border-top: 1px solid var(--cizgi); margin: 2.5rem 0; }
address { font-style: normal; }
figure { margin: 0; }
[hidden] { display: none !important; }
.nobr { white-space: nowrap; }
.gizli-erisilebilir { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

.kabuk { width: 100%; max-width: var(--kabuk); margin: 0 auto; padding-inline: clamp(1rem, 4vw, 2rem); }
.kabuk-dar { max-width: var(--dar); }
.gorsel { background-color: var(--kagit-2); background-size: cover; background-position: center; }
/* Sözleşme görselinde defter karenin altında; kırpmada duvar değil defter görünsün. */
.gorsel.g-sozlesme-uyusmazliklari { background-position: center 78%; }

/* ---------- Etiket, numara, düğme ---------- */
.etiket {
  display: inline-block;
  font-family: var(--sans);
  font-size: .8rem;
  font-weight: 600;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--pirinc-koyu);
  margin-bottom: .9rem;
}
.bolum-etiket {
  display: inline-block;
  font-size: .78rem;
  font-weight: 600;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: var(--pirinc-koyu);
  margin-bottom: 1.25rem;
}
.bolum-etiket span { color: var(--pirinc); margin: 0 .25em; }
.bant .etiket, .alt-bilgi .etiket, .bolum-koyu .etiket, .bolum-koyu .bolum-etiket, .vitrin-panel .etiket { color: var(--altin); }
.no {
  font-family: var(--serif);
  font-size: 1rem;
  color: var(--pirinc);
  letter-spacing: .06em;
  display: block;
  margin-bottom: .6rem;
}
.dugme {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .6em;
  min-height: 54px;
  padding: 0 1.6rem;
  border: 1px solid var(--lacivert);
  border-radius: 0;
  font-family: var(--sans);
  font-size: .95rem;
  font-weight: 600;
  letter-spacing: .02em;
  text-decoration: none;
  color: var(--lacivert);
  background: transparent;
  cursor: pointer;
  transition: background .2s, color .2s, border-color .2s;
}
.dugme:hover { background: var(--lacivert); color: var(--koyu-metin); }
.dugme-dolu { background: var(--lacivert); color: var(--koyu-metin); }
.dugme-dolu:hover { background: var(--lacivert-3); border-color: var(--lacivert-3); color: var(--koyu-metin); }
.bant .dugme, .bolum-koyu .dugme { border-color: var(--altin); color: var(--altin); }
.bant .dugme:hover, .bolum-koyu .dugme:hover { background: var(--altin); color: var(--lacivert); }
.bant .dugme-dolu, .bolum-koyu .dugme-dolu { background: var(--altin); color: var(--lacivert); }
.bant .dugme-dolu:hover, .bolum-koyu .dugme-dolu:hover { background: var(--koyu-metin); border-color: var(--koyu-metin); }
.dugme-sira { display: flex; flex-wrap: wrap; gap: .9rem; margin-top: 2rem; }
.bag { font-weight: 600; text-decoration: none; border-bottom: 1px solid var(--pirinc); }
.bag:hover { border-bottom-color: currentColor; }
/* Tek başına duran satır içi bağlara dokunma payı: görünüm değişmez, hedef 44 px'e çıkar. */
.bag, .deger a, .kunye-serit a, .alt-kunye a, .alt-gezinti a, .ust-bag a, .yazar-satiri a, .yan-kart .buyuk a, .kanal .aciklama a, .form-onay a {
  display: inline-block; padding-block: .55rem; margin-block: -.55rem;
}
.kunye-serit a, .yan-kart .buyuk a { padding-block: .7rem; margin-block: -.7rem; }
.alt-gezinti a { padding-block: .6rem; margin-block: 0; }

/* Yer tutucu: sitede bulunmayan, müvekkilden gelecek bilgi. Gerçek bilgi
   gelince uret.py bu işareti üretmez. */
.yt {
  background: var(--pirinc-soluk);
  border-bottom: 1px dashed var(--pirinc-koyu);
  padding: 0 .3em;
  border-radius: 2px;
  white-space: nowrap;
}
/* Uzun yer tutucular (henüz metni olmayan alan sayfaları) dar ekranda kırılabilsin. */
.giris-metin .yt, .sayfa-basi .yt, .satir-aciklama .yt, .vitrin-panel .yt, .kart .yt { white-space: normal; }
.bant .yt, .alt-bilgi .yt, .bolum-koyu .yt, .vitrin-panel .yt { background: rgba(194, 175, 142, .2); border-bottom-color: var(--altin); }

/* ---------- Üst çubuk (açık) ---------- */
.ust {
  position: sticky;
  top: 0;
  z-index: 50;
  background: var(--kagit);
  color: var(--murekkep);
  border-bottom: 1px solid var(--cizgi);
}
.ust-ic { display: flex; align-items: center; justify-content: space-between; gap: 1rem; min-height: var(--ust); }
.marka { display: flex; align-items: center; gap: .85rem; text-decoration: none; color: var(--lacivert); }
.marka:hover { color: var(--lacivert); }
.kalkan { width: 40px; height: 46px; flex: 0 0 auto; color: var(--lacivert); display: block; }
.marka-yazi { display: block; padding-left: .85rem; border-left: 1px solid var(--pirinc); }
.marka-ad { font-family: var(--serif); font-size: 1.3rem; line-height: 1.05; display: block; letter-spacing: -.01em; }
.marka-alt { display: block; font-size: .66rem; font-weight: 600; letter-spacing: .26em; text-transform: uppercase; color: var(--pirinc-koyu); margin-top: .3rem; }
.gezinti { display: flex; align-items: center; gap: .3rem; }
.gezinti a {
  display: inline-flex; align-items: center; gap: .4em;
  min-height: 48px; padding: 0 .9rem;
  font-size: .95rem; font-weight: 500;
  color: var(--murekkep); text-decoration: none;
  border-bottom: 1px solid transparent;
}
.gezinti a:hover { color: var(--pirinc-koyu); }
.gezinti a.etkin { border-bottom-color: var(--pirinc); }
.gezinti a.gezinti-vurgu { border: 1px solid var(--lacivert); margin-left: 1.2rem; padding: 0 1.3rem; min-height: 50px; }
.gezinti a.gezinti-vurgu:hover, .gezinti a.gezinti-vurgu.etkin { background: var(--lacivert); color: var(--koyu-metin); }
.menu-dugme {
  display: none;
  width: 48px; height: 48px;
  border: 1px solid var(--cizgi); border-radius: 0;
  background: transparent; color: var(--lacivert);
  cursor: pointer; align-items: center; justify-content: center;
}
.menu-dugme span { display: block; width: 22px; height: 2px; background: currentColor; position: relative; }
.menu-dugme span::before, .menu-dugme span::after { content: ""; position: absolute; left: 0; width: 22px; height: 2px; background: currentColor; }
.menu-dugme span::before { top: -7px; }
.menu-dugme span::after { top: 7px; }
.mobil-menu { display: none; }
@media (max-width: 1080px) {
  .gezinti { display: none; }
  .menu-dugme { display: inline-flex; }
  .mobil-menu {
    display: none;
    position: fixed; inset: var(--ust) 0 0 0;
    background: var(--kagit);
    padding: 1rem clamp(1rem, 4vw, 2rem) 2rem;
    overflow-y: auto;
    z-index: 49;
  }
  .mobil-menu.acik { display: block; }
  .mobil-menu a {
    display: block; padding: 1rem 0;
    font-family: var(--serif); font-size: 1.6rem;
    color: var(--lacivert); text-decoration: none;
    border-bottom: 1px solid var(--cizgi);
  }
  .mobil-menu a.etkin { color: var(--pirinc-koyu); font-style: italic; }
  .mobil-menu .mobil-not { margin-top: 1.5rem; color: var(--murekkep-2); font-size: 1rem; }
  .mobil-menu .mobil-not a { display: inline; padding: 0; border: 0; font-family: var(--sans); font-size: 1.05rem; color: var(--lacivert); }
}
@media (max-width: 420px) {
  .marka-yazi { padding-left: .6rem; }
  .marka-ad { font-size: 1.15rem; }
  .marka-alt { letter-spacing: .18em; }
}

/* ---------- Ana sayfa açılışı (açık zemin, sağda görsel) ---------- */
.kahraman { background: var(--kagit); border-bottom: 1px solid var(--cizgi); }
.kahraman-ic {
  max-width: none; padding: 0;
  display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  min-height: min(820px, calc(100svh - var(--ust) - 7rem));
}
.kahraman-metin {
  display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center;
  padding-block: clamp(2.5rem, 5vw, 4rem);
  padding-right: clamp(1.5rem, 4vw, 3.5rem);
  padding-left: max(clamp(1rem, 4vw, 2rem), calc((100vw - var(--kabuk)) / 2 + 2rem));
}
.kahraman-ad {
  font-size: clamp(3rem, 5.5vw, 5.3rem);
  white-space: nowrap;
  line-height: .98;
  letter-spacing: -.025em;
  color: var(--lacivert);
  margin: 0;
}
.kahraman-alt {
  display: block;
  font-family: var(--serif);
  font-size: clamp(.95rem, 1.4vw, 1.15rem);
  letter-spacing: .38em;
  text-transform: uppercase;
  margin-top: 1.1rem;
  padding-left: .38em; /* harf aralığının sağda bıraktığı boşluğu dengeler */
  color: var(--lacivert);
}
.kahraman-cizgi { display: block; width: 64px; height: 2px; background: var(--pirinc); margin: 1.3rem auto 1.1rem; }
.kahraman-meta { font-size: .78rem; font-weight: 600; letter-spacing: .2em; text-transform: uppercase; color: var(--murekkep-2); margin-bottom: 1.6rem; }
.kahraman-meta span { color: var(--pirinc); margin: 0 .35em; }
.kahraman-meta .yt { letter-spacing: 0; text-transform: none; }
.kahraman-soz { font-family: var(--serif); font-size: clamp(1.6rem, 2.7vw, 2.3rem); line-height: 1.22; color: var(--lacivert); margin-bottom: 1.25rem; max-width: none; }
.kahraman-soz em { font-style: italic; }
.kahraman-giris { font-size: 1.05rem; color: var(--murekkep-2); max-width: 36ch; margin-inline: auto; }
.kahraman-metin .dugme-sira { justify-content: center; margin-top: 1.6rem; }
.kahraman-gorsel {
  position: relative;
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 26%);
  mask-image: linear-gradient(90deg, transparent 0, #000 26%);
}
/* Künye şeridi: etiket + değer çiftleri. Değerler normal harf; yer tutucu kutusu
   büyük harf ve harf aralığıyla üst üste biniyordu. */
.kunye-serit {
  border-top: 1px solid var(--cizgi);
  padding-block: 1.5rem;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: 1.25rem 2rem;
}
.kunye-serit div { min-width: 0; }
.kunye-serit dt { font-size: .74rem; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; color: var(--murekkep-3); margin-bottom: .35rem; }
.kunye-serit dd { margin: 0; font-size: 1.02rem; line-height: 1.5; color: var(--murekkep); overflow-wrap: anywhere; }
.kunye-serit .yt { white-space: normal; }
@media (max-width: 900px) {
  /* minmax(0, 1fr): sütun, satır kırmayan başlığa göre genişleyip sayfayı taşırmasın (360 px'te 7 px taşıyordu). */
  .kahraman-ic { grid-template-columns: minmax(0, 1fr); min-height: 0; }
  .kahraman-ad { font-size: clamp(2.6rem, 13vw, 5.3rem); }
  .kahraman-metin { padding: 3rem clamp(1rem, 4vw, 2rem) 1rem; }
  .kahraman-gorsel {
    min-height: 46vh;
    -webkit-mask-image: linear-gradient(180deg, transparent 0, #000 30%);
    mask-image: linear-gradient(180deg, transparent 0, #000 30%);
  }
}

/* ---------- Sayfa bandı (koyu üst blok) ---------- */
.bant {
  background: var(--lacivert);
  color: var(--koyu-metin);
  position: relative;
  overflow: hidden;
}
.bant::before {
  content: "";
  position: absolute; inset: 0;
  background: radial-gradient(ellipse at 12% 0%, rgba(194, 175, 142, .10), transparent 55%);
  pointer-events: none;
}
.bant > .kabuk { position: relative; z-index: 1; }
.bant h1, .bant h2 { color: var(--koyu-metin); }
.bant h1 em { color: var(--altin); }
.bant a { color: var(--koyu-metin); text-decoration-color: var(--altin); }
.bant a:hover { color: var(--altin); }
.sayfa-basi { padding-block: clamp(3.5rem, 8vw, 6rem) clamp(3rem, 7vw, 5rem); }
.sayfa-basi h1 { max-width: 16ch; }
.sayfa-basi .giris { font-size: clamp(1.15rem, 1.6vw, 1.35rem); color: var(--koyu-metin-2); max-width: 62ch; }
.sayfa-basi .giris-italik, .giris-italik { font-family: var(--serif); font-style: italic; font-size: clamp(1.2rem, 1.9vw, 1.5rem); line-height: 1.5; max-width: 50ch; }
.sayfa-basi .ust-bag { font-size: .78rem; font-weight: 600; letter-spacing: .2em; text-transform: uppercase; color: var(--altin); margin-bottom: 1.6rem; }
.sayfa-basi .ust-bag a { color: var(--altin); text-decoration: none; }
.sayfa-basi .ust-bag a:hover { color: var(--koyu-metin); }
.sayfa-basi .ust-bag span { color: rgba(194, 175, 142, .6); margin: 0 .3em; }
.bant-gorselli .bant-gorsel {
  position: absolute; top: 0; right: 0; bottom: 0; width: 44%;
  opacity: .32;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 60%);
  mask-image: linear-gradient(90deg, transparent, #000 60%);
}
@media (max-width: 720px) { .bant-gorselli .bant-gorsel { width: 70%; opacity: .18; } }

/* ---------- Bölümler ---------- */
.bolum { padding-block: clamp(4rem, 9vw, 7rem); }
.bolum-cizgili { border-top: 1px solid var(--cizgi); }
.bolum-beyaz { background: var(--beyaz); }
.bolum-kagit2 { background: var(--kagit-2); }
.bolum-koyu { background: var(--lacivert); color: var(--koyu-metin); }
.bolum-koyu h2, .bolum-koyu h3 { color: var(--koyu-metin); }
.bolum-koyu p { color: var(--koyu-metin-2); }
.bolum-koyu a { color: var(--koyu-metin); text-decoration-color: var(--altin); }
.bolum-koyu .no { color: var(--altin); }
.bolum-koyu .bag { border-bottom-color: var(--altin); }
.bolum-koyu .bolum-etiket span { color: rgba(194, 175, 142, .6); }
.bolum-gorusme { background: radial-gradient(ellipse at 85% 0%, rgba(194, 175, 142, .09), transparent 50%), var(--lacivert); }

.bolum-ust { display: flex; justify-content: space-between; align-items: baseline; gap: 1rem; flex-wrap: wrap; }
.bolum-etiket-sag { color: var(--murekkep-3); }
.bolum-koyu .bolum-etiket-sag { color: var(--koyu-metin-2); }
.bolum-bas {
  display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); gap: 1.5rem 4rem; align-items: end;
  padding-bottom: clamp(2rem, 4vw, 3rem); margin-bottom: clamp(2rem, 4vw, 3rem);
  border-bottom: 1px solid var(--cizgi);
}
.bolum-koyu .bolum-bas { border-bottom-color: var(--cizgi-koyu); }
/* Ardından kendi üst çizgisi olan liste geliyorsa başlık çizgisi çift görünmesin. */
.bolum-bas:has(+ .yazi-liste), .bolum-bas:has(+ .kanallar), .bolum-bas:has(+ .kartlar) { border-bottom: 0; padding-bottom: 0; }
.bolum-bas h2 { margin: 0; }
.bolum-bas p { color: var(--murekkep-2); margin: 0; max-width: 40ch; font-size: 1.05rem; }
.bolum-koyu .bolum-bas p { color: var(--koyu-metin-2); }
@media (max-width: 820px) { .bolum-bas { grid-template-columns: 1fr; } }
.baslik-buyuk { font-size: clamp(2.6rem, 5.6vw, 4.5rem); line-height: 1.03; letter-spacing: -.025em; }
.baslik-orta { font-size: clamp(2.1rem, 4.2vw, 3.3rem); line-height: 1.06; letter-spacing: -.02em; }
.baslik-dev { font-size: clamp(3rem, 7.4vw, 5.8rem); line-height: 1; letter-spacing: -.03em; }
.bolum-koyu .baslik-buyuk em, .bolum-koyu .baslik-dev em { color: var(--altin); }

/* ---------- Alan vitrini (ana sayfa) ---------- */
.vitrin-sekmeler {
  display: grid; grid-auto-flow: column; grid-auto-columns: minmax(max-content, 1fr);
  border-bottom: 1px solid var(--cizgi);
  overflow-x: auto; scrollbar-width: none;
}
.vitrin-sekmeler::-webkit-scrollbar { display: none; }
.vitrin-sekme {
  display: flex; align-items: baseline; gap: .55rem;
  min-height: 52px; padding: .9rem 1.2rem .9rem 0;
  font-size: 1rem; color: var(--murekkep-2); text-decoration: none; white-space: nowrap;
  border-bottom: 2px solid transparent; margin-bottom: -1px;
}
.vitrin-sekme:hover { color: var(--murekkep); }
.vitrin-sekme.etkin { color: var(--murekkep); border-bottom-color: var(--pirinc); font-weight: 600; }
.vitrin-sekme-no { font-size: .72rem; letter-spacing: .1em; color: var(--pirinc-koyu); font-weight: 600; }
.vitrin-kartlar { margin-top: 2rem; }
.vitrin-kart { display: none; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); min-height: 440px; }
.vitrin-kart.acik { display: grid; animation: belir .45s ease; }
@keyframes belir { from { opacity: 0; } to { opacity: 1; } }
.vitrin-kart .gorsel { position: relative; min-height: 440px; }
.vitrin-no {
  position: absolute; left: 0; bottom: 0;
  background: var(--kagit-2); color: var(--lacivert);
  font-family: var(--serif); font-size: clamp(2rem, 3.4vw, 2.9rem); line-height: 1;
  padding: .7rem 1.1rem .5rem 0;
}
.vitrin-panel {
  background: var(--lacivert); color: var(--koyu-metin);
  padding: clamp(2rem, 4vw, 3.2rem);
  display: flex; flex-direction: column; gap: .4rem;
}
.vitrin-panel h3 { font-size: clamp(2rem, 3.4vw, 2.9rem); line-height: 1.06; color: var(--koyu-metin); margin: .2rem 0 .8rem; letter-spacing: -.02em; }
.vitrin-panel p { color: var(--koyu-metin-2); font-size: 1.05rem; }
.vitrin-bag {
  margin-top: auto; padding-top: 1.1rem; min-height: 52px;
  display: flex; justify-content: space-between; align-items: center;
  border-top: 1px solid var(--cizgi-koyu);
  color: var(--koyu-metin); text-decoration: none; font-weight: 600;
}
.vitrin-bag:hover { color: var(--altin); }
.vitrin-alt { display: flex; align-items: center; gap: 1.25rem; margin-top: 1.25rem; }
.vitrin-sayac { font-size: .85rem; letter-spacing: .14em; color: var(--murekkep-2); }
.vitrin-sayac b { color: var(--murekkep); font-weight: 600; }
.vitrin-cubuk { display: flex; gap: 6px; }
.vitrin-cubuk span { width: 32px; height: 2px; background: var(--cizgi); transition: background .3s; }
.vitrin-cubuk span.etkin { background: var(--pirinc); }
.vitrin-oklar { margin-left: auto; display: flex; gap: .6rem; }
.vitrin-oklar button {
  width: 52px; height: 52px; border-radius: 50%;
  border: 1px solid var(--cizgi-guclu); background: transparent; color: var(--lacivert);
  font-family: var(--serif); font-size: 1.2rem; cursor: pointer; transition: background .2s, color .2s;
}
.vitrin-oklar button:hover { background: var(--lacivert); color: var(--koyu-metin); }
@media (max-width: 820px) {
  .vitrin-kart { grid-template-columns: 1fr; min-height: 0; }
  .vitrin-kart .gorsel { min-height: 230px; }
  .vitrin-cubuk { display: none; }
}

.tum-alanlar { margin-top: clamp(3.5rem, 7vw, 5rem); }
.tum-alanlar h3 { font-size: clamp(1.5rem, 2.4vw, 1.9rem); margin-bottom: 1.25rem; }

/* Numaralı satırlar */
.satirlar { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--cizgi-guclu); max-width: none; }
.satirlar li { margin: 0; border-bottom: 1px solid var(--cizgi); }
.satir {
  display: grid; grid-template-columns: 64px minmax(0, .9fr) minmax(0, 1.5fr) 32px;
  gap: .4rem 1.5rem; align-items: center; padding: 1.3rem 0;
  text-decoration: none; color: inherit;
}
.satir:hover { color: inherit; }
.satir:hover .satir-baslik { color: var(--pirinc-koyu); }
.satir .no { margin: 0; font-family: var(--sans); font-size: .78rem; font-weight: 600; letter-spacing: .12em; }
.satir-baslik { display: block; font-family: var(--serif); font-size: clamp(1.3rem, 1.9vw, 1.55rem); line-height: 1.2; transition: color .2s; }
.satir-aciklama { display: block; color: var(--murekkep-2); margin: 0; font-size: 1rem; line-height: 1.55; }
.satir-ok { font-family: var(--serif); color: var(--pirinc); font-size: 1.2rem; text-align: right; }
@media (max-width: 900px) {
  .satir { grid-template-columns: 44px minmax(0, 1fr); align-items: baseline; }
  .satir-aciklama { grid-column: 2; }
  .satir-ok { display: none; }
}

/* ---------- Büro (ana sayfa) ---------- */
.buro-izgara { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: clamp(3rem, 7vw, 6.5rem); align-items: center; }
.buro-gorsel { position: relative; isolation: isolate; margin: 0 1.5rem 1.5rem 0; }
.buro-gorsel .gorsel { aspect-ratio: 4 / 5; }
.buro-cerceve { position: absolute; inset: 1.5rem -1.5rem -1.5rem 1.5rem; border: 1px solid var(--pirinc); z-index: -1; }
.buro-etiket { position: absolute; left: 0; bottom: 2rem; background: var(--lacivert); color: var(--altin); font-size: .72rem; font-weight: 600; letter-spacing: .18em; text-transform: uppercase; padding: .7rem 1.1rem; }
.imza { font-family: var(--serif); font-style: italic; font-size: clamp(1.5rem, 2.3vw, 1.9rem); color: var(--lacivert); margin: 2.2rem 0 .3rem; }
.imza-alt { font-size: .76rem; font-weight: 600; letter-spacing: .18em; text-transform: uppercase; color: var(--murekkep-3); padding-top: .7rem; border-top: 1px solid var(--cizgi); max-width: 24rem; }
.imza-alt .yt { letter-spacing: 0; text-transform: none; }
@media (max-width: 900px) { .buro-izgara { grid-template-columns: 1fr; } .buro-gorsel { max-width: 460px; } }

/* ---------- Görüşme ve iletişim ---------- */
/* Beş kanal üç sütunda: 3 + 2. Beş sütunda e-posta adresi kırılıyordu. */
.kanallar { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 2.25rem 2.5rem; }
@media (max-width: 900px) { .kanallar { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) { .kanallar { grid-template-columns: 1fr; } }
.kanal { padding-top: 1.1rem; border-top: 1px solid var(--cizgi); min-width: 0; }
.bolum-koyu .kanal { border-top-color: var(--cizgi-koyu); }
.kanal .etiket { margin-bottom: .45rem; }
.kanal .deger { font-family: var(--serif); font-size: clamp(1.2rem, 1.6vw, 1.35rem); line-height: 1.4; margin-bottom: .4rem; overflow-wrap: break-word; }
.kanal .deger a { text-decoration: none; }
.kanal .deger a:hover { text-decoration: underline; }
.kanal .deger .yt { white-space: normal; font-family: var(--sans); font-size: 1rem; }
.kanal .aciklama { color: var(--murekkep-2); font-size: .98rem; }
.bolum-koyu .kanal .aciklama { color: var(--koyu-metin-2); }

.form-ac { margin-top: clamp(3rem, 6vw, 4.5rem); border-top: 1px solid var(--cizgi-koyu); border-bottom: 1px solid var(--cizgi-koyu); }
.form-ac summary {
  list-style: none; cursor: pointer;
  display: grid; grid-template-columns: 200px minmax(0, 1fr) auto; align-items: center; gap: 1rem 2rem;
  padding: 1.6rem 0;
}
.form-ac summary::-webkit-details-marker { display: none; }
.form-ac summary .etiket { margin: 0; }
.form-ac-baslik { font-family: var(--serif); font-size: clamp(1.6rem, 3vw, 2.4rem); line-height: 1.1; color: var(--koyu-metin); }
.form-ac-isaret { width: 54px; height: 54px; border-radius: 50%; border: 1px solid var(--cizgi-koyu); position: relative; transition: transform .25s, background .2s; }
.form-ac-isaret::before, .form-ac-isaret::after { content: ""; position: absolute; left: 50%; top: 50%; width: 16px; height: 1.5px; background: var(--altin); transform: translate(-50%, -50%); }
.form-ac-isaret::after { transform: translate(-50%, -50%) rotate(90deg); }
.form-ac[open] .form-ac-isaret { transform: rotate(45deg); }
.form-ac summary:hover .form-ac-isaret { background: rgba(255, 255, 255, .06); }
.form-ac .form { padding: .5rem 0 2.5rem; }
@media (max-width: 720px) { .form-ac summary { grid-template-columns: minmax(0, 1fr) auto; } .form-ac summary .etiket { grid-column: 1 / -1; } }

/* Görüşme formu */
.form { max-width: 920px; }
.form-izgara { display: grid; grid-template-columns: 1fr 1fr; gap: 1.25rem 1.5rem; }
.form-genis { grid-column: 1 / -1; }
.form-alan > span { display: block; font-size: .8rem; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: var(--murekkep-2); margin-bottom: .45rem; }
.form input[type="text"], .form input[type="tel"], .form input[type="email"], .form select, .form textarea {
  width: 100%; min-height: 56px; padding: .8rem 1rem;
  font: inherit; font-size: 1.05rem; color: var(--murekkep);
  background: var(--beyaz); border: 1px solid var(--cizgi-guclu); border-radius: 0;
}
.form textarea { min-height: 140px; resize: vertical; line-height: 1.55; }
.form small { display: block; margin-top: .45rem; font-size: .92rem; color: var(--murekkep-2); line-height: 1.5; }
.form-onay { display: flex; gap: .85rem; align-items: flex-start; margin: 1.6rem 0 1.4rem; font-size: 1rem; line-height: 1.55; cursor: pointer; }
.form-onay input { width: 24px; height: 24px; flex: 0 0 24px; margin: .15rem 0 0; accent-color: var(--lacivert); }
.form-alt { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem 1.5rem; }
.form-not { margin: 0; font-size: .95rem; color: var(--murekkep-2); max-width: 46ch; }
.form-vekalet { margin-top: 1.4rem; padding-top: 1rem; border-top: 1px solid var(--cizgi); font-size: .95rem; color: var(--murekkep-2); }
.form-durum { margin-top: .8rem; font-size: 1rem; font-weight: 600; color: var(--lacivert); }
.form-durum:empty { display: none; }
.form-durum.hata { color: #8E2A1C; }
.bolum-koyu .form-alan > span, .bolum-koyu .form small, .bolum-koyu .form-not, .bolum-koyu .form-vekalet { color: var(--koyu-metin-2); }
.bolum-koyu .form-onay { color: var(--koyu-metin); }
.bolum-koyu .form input[type="text"], .bolum-koyu .form input[type="tel"], .bolum-koyu .form input[type="email"], .bolum-koyu .form select, .bolum-koyu .form textarea {
  background: rgba(255, 255, 255, .06); border-color: rgba(255, 255, 255, .26); color: var(--koyu-metin);
}
.bolum-koyu .form select option { color: var(--murekkep); background: var(--beyaz); }
.bolum-koyu .form-onay input { accent-color: var(--altin); }
.bolum-koyu .form-vekalet { border-top-color: var(--cizgi-koyu); }
.bolum-koyu .form-durum { color: var(--altin); }
.bolum-koyu .form-durum.hata { color: #F2B9A9; }
@media (max-width: 640px) { .form-izgara { grid-template-columns: 1fr; } }

/* ---------- Çalışma alanı sayfası ---------- */
.alan-govde { min-width: 0; counter-reset: blok; }
.alan-gorsel { aspect-ratio: 16 / 8; margin-bottom: clamp(2rem, 4vw, 3rem); }
.alan-blok + .alan-blok { margin-top: clamp(2.5rem, 5vw, 4rem); padding-top: clamp(2rem, 4vw, 3rem); border-top: 1px solid var(--cizgi); }
.alan-blok h2 { font-size: clamp(1.9rem, 3.2vw, 2.6rem); letter-spacing: -.02em; margin-bottom: 1.25rem; }
.alan-blok .giris-metin { margin-bottom: 1.25rem; }
/* Dört alt başlık numaralı: takip edilen işler, süreç, sorular, mevzuat. Giriş bloğunda
   etiket yok; ilgili yazılar eki numarasız. */
.alan-blok:not(.alan-blok-ek) > .etiket::before { counter-increment: blok; content: counter(blok, decimal-leading-zero) "  /  "; white-space: pre; color: var(--pirinc); }
.izgara-yan { display: grid; grid-template-columns: 280px minmax(0, 1fr); gap: clamp(2rem, 5vw, 4.5rem); align-items: start; }
.yan { position: sticky; top: calc(var(--ust) + 1.5rem); }
.yan h2 { margin-bottom: 1rem; }
.yan .not { color: var(--murekkep-2); font-size: 1.02rem; }
.bolum-koyu .yan .not { color: var(--koyu-metin-2); }
.yan-liste, .yan-alanlar { list-style: none; padding: 0; margin: 1.5rem 0 0; border-top: 1px solid var(--cizgi); }
.yan-alanlar { margin-top: 0; }
.yan-liste li, .yan-alanlar li { margin: 0; border-bottom: 1px solid var(--cizgi-soluk); }
.yan-liste a { display: block; padding: .7rem 0; text-decoration: none; font-weight: 600; font-size: 1.02rem; }
.yan-liste a:hover { color: var(--pirinc-koyu); }
.yan-alanlar a {
  display: grid; grid-template-columns: 36px minmax(0, 1fr); align-items: baseline;
  min-height: 48px; padding: .7rem 0 .7rem .9rem;
  border-left: 2px solid transparent;
  text-decoration: none; color: var(--murekkep-2); font-size: 1rem;
}
.yan-alanlar a:hover { color: var(--murekkep); }
.yan-alanlar a.etkin { color: var(--murekkep); font-weight: 600; border-left-color: var(--pirinc); background: var(--beyaz); }
.yan-no { font-size: .72rem; font-weight: 600; letter-spacing: .1em; color: var(--pirinc-koyu); }
.yan-kart { margin-top: 1.75rem; padding: 1.25rem 1.35rem; border: 1px solid var(--cizgi); background: var(--beyaz); }
.yan-kart .etiket { margin-bottom: .5rem; }
.yan-kart p { font-size: 1.02rem; margin-bottom: .5rem; }
.yan-kart .buyuk { font-family: var(--serif); font-size: 1.3rem; }
.yan-kart .yt { white-space: normal; }
.alan-son { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 1.5rem; margin-top: clamp(2.5rem, 5vw, 3.5rem); padding-top: 2rem; border-top: 1px solid var(--cizgi-guclu); }
.alan-sonraki { display: flex; flex-direction: column; align-items: flex-end; text-decoration: none; text-align: right; }
.alan-sonraki .etiket { margin-bottom: .2rem; }
.alan-sonraki-ad { font-family: var(--serif); font-size: clamp(1.3rem, 2vw, 1.6rem); color: var(--lacivert); }
.alan-sonraki:hover .alan-sonraki-ad { color: var(--pirinc-koyu); }
@media (max-width: 920px) {
  .izgara-yan { grid-template-columns: 1fr; gap: 2rem; }
  .yan { position: static; }
  /* Alan sayfasında telefonda önce içerik, sonra alan listesi. */
  .sayfa[id^="/calisma-alanlari/"] .yan { order: 2; }
  .alan-gorsel { aspect-ratio: 16 / 10; }
  .alan-sonraki { align-items: flex-start; text-align: left; }
}

.giris-metin { font-family: var(--serif); font-size: clamp(1.35rem, 2.1vw, 1.7rem); line-height: 1.42; color: var(--murekkep); max-width: 34ch; }
.vurgu { font-family: var(--serif); font-size: clamp(1.25rem, 1.8vw, 1.45rem); line-height: 1.5; }
.alinti { font-family: var(--serif); font-style: italic; font-size: clamp(1.5rem, 2.6vw, 2.1rem); line-height: 1.35; margin: 0; max-width: 28ch; }

/* Kartlar */
.kartlar { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 1.25rem; }
.kart {
  background: var(--beyaz);
  border: 1px solid var(--cizgi);
  padding: 1.6rem 1.6rem 1.5rem;
  display: flex; flex-direction: column; gap: .6rem;
  text-decoration: none; color: inherit;
  position: relative;
}
.kart::before { content: ""; position: absolute; top: -1px; left: -1px; right: -1px; height: 2px; background: transparent; transition: background .2s; z-index: 1; }
a.kart:hover::before { background: var(--pirinc); }
a.kart:hover { color: inherit; }
.kart h3 { margin: 0; }
.kart p { color: var(--murekkep-2); font-size: 1.05rem; margin: 0; }
.kart .no { margin-bottom: 0; }
.kart .kart-alt { margin-top: auto; padding-top: .75rem; font-size: .9rem; letter-spacing: .06em; color: var(--pirinc-koyu); font-weight: 600; }
/* İki kartlı bölüm (ana sayfa iş sözleşmeleri, 8 Ekim'den beri): üç sütunda boşluk kalmasın. */
.kartlar-iki { grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (max-width: 700px) { .kartlar-iki { grid-template-columns: 1fr; } }
.kart-gorselli { padding: 0; gap: 0; }
.kart-gorselli .gorsel { display: block; aspect-ratio: 16 / 10; }
.kart-ic { display: flex; flex-direction: column; gap: .6rem; padding: 1.4rem 1.5rem 1.4rem; flex: 1; }
a.kart-gorselli:hover h3 { color: var(--pirinc-koyu); }
.kartlar-gorselli { grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 1.5rem; }
@media (max-width: 400px) { .kartlar-gorselli { grid-template-columns: 1fr; } }

/* İş listesi (çalışma alanı sayfalarında) */
.is-listesi { list-style: none; padding: 0; margin: 0; max-width: none; display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 0 2.5rem; border-top: 1px solid var(--cizgi); }
.is-listesi li { margin: 0; padding: 1.1rem 0; border-bottom: 1px solid var(--cizgi-soluk); }
.is-listesi b { display: block; font-family: var(--serif); font-weight: 400; font-size: 1.3rem; margin-bottom: .2rem; }
.is-listesi span { color: var(--murekkep-2); font-size: 1.02rem; }

/* Süreç adımları */
.adimlar { list-style: none; padding: 0; margin: 0; max-width: none; counter-reset: adim; }
.adimlar li { margin: 0; padding: 1.4rem 0 1.4rem 4rem; position: relative; border-top: 1px solid var(--cizgi); }
.adimlar li::before { counter-increment: adim; content: counter(adim, decimal-leading-zero); position: absolute; left: 0; top: 1.5rem; font-family: var(--serif); color: var(--pirinc); letter-spacing: .06em; }
.adimlar b { display: block; font-family: var(--serif); font-weight: 400; font-size: 1.3rem; margin-bottom: .3rem; }
.adimlar p { color: var(--murekkep-2); font-size: 1.05rem; }

/* Sorular (akordeon) */
.sorular { border-top: 1px solid var(--cizgi); max-width: none; }
.sorular details { border-bottom: 1px solid var(--cizgi); }
.sorular summary {
  list-style: none; cursor: pointer;
  display: flex; justify-content: space-between; align-items: center; gap: 1rem;
  padding: 1.15rem 0;
  font-family: var(--serif); font-size: clamp(1.25rem, 1.7vw, 1.4rem);
}
.sorular summary::-webkit-details-marker { display: none; }
.sorular summary::after { content: "+"; font-family: var(--serif); color: var(--pirinc); font-size: 1.6rem; line-height: 1; flex: 0 0 auto; }
.sorular details[open] summary::after { content: "−"; }
.sorular details[open] summary { color: var(--pirinc-koyu); }
.sorular .cevap { padding: 0 0 1.4rem; color: var(--murekkep-2); }

/* Mevzuat, bağlantılar */
.mevzuat { list-style: none; padding: 0; margin: 0; max-width: none; display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: .4rem 2rem; }
.mevzuat li { margin: 0; padding: .55rem 0 .55rem 1.1rem; border-left: 2px solid var(--pirinc-soluk); font-size: 1.05rem; }
.mevzuat b { font-weight: 600; display: block; }
.mevzuat span { color: var(--murekkep-2); font-size: .98rem; }
.baglantilar { list-style: none; padding: 0; margin: 0; max-width: none; border-top: 1px solid var(--cizgi); }
.baglantilar li { margin: 0; border-bottom: 1px solid var(--cizgi-soluk); }
.baglantilar a { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .5rem 1rem; padding: .9rem 0; text-decoration: none; align-items: baseline; }
.baglantilar .adi { font-weight: 600; }
.baglantilar .aciklama { display: block; color: var(--murekkep-2); font-size: .98rem; }
.baglantilar .ok { color: var(--pirinc); font-family: var(--serif); }

/* Künye tablosu */
.kunye-tablo { display: grid; grid-template-columns: max-content minmax(0, 1fr); gap: .55rem 1.5rem; margin: 0; font-size: 1.05rem; }
.kunye-tablo dt { color: var(--murekkep-2); font-size: .8rem; letter-spacing: .12em; text-transform: uppercase; font-weight: 600; padding-top: .3rem; }
.kunye-tablo dd { margin: 0; min-width: 0; }
.bolum-koyu .kunye-tablo dt, .alt-bilgi .kunye-tablo dt { color: var(--koyu-metin-2); }
@media (max-width: 460px) { .kunye-tablo { grid-template-columns: 1fr; gap: .1rem; } .kunye-tablo dd { margin-bottom: .6rem; } }

/* Kişi ve fotoğraf yerleri. Büro fotoğrafı henüz yok; çerçeveler etiketli yer tutucu. */
.kisi { display: grid; grid-template-columns: 240px minmax(0, 1fr); gap: 2.25rem; align-items: start; }
.ozgecmis { margin-top: clamp(2.5rem, 5vw, 3.5rem); padding-top: clamp(2rem, 4vw, 2.75rem); border-top: 1px solid var(--cizgi); max-width: 68ch; }
.ozgecmis p:first-child { font-family: var(--serif); font-size: clamp(1.35rem, 2.1vw, 1.7rem); line-height: 1.42; color: var(--murekkep); }
.ozgecmis .imza { margin-top: 2rem; }
/* Portre: müşterinin eski sitesindeki fotoğraf (572x800). Kutu genişliği 240 px'i geçmez,
   kaynak çözünürlüğü daha büyük gösterime yetmez. */
.portre { max-width: 240px; }
.portre .gorsel { aspect-ratio: 5 / 7; background-position: center top; border: 1px solid var(--cizgi); }
.kisi-ad { font-size: clamp(1.8rem, 3vw, 2.4rem); margin: 0 0 .3rem; }
.kisi .unvan { color: var(--pirinc-koyu); font-size: .85rem; letter-spacing: .14em; text-transform: uppercase; font-weight: 600; margin-bottom: 1.25rem; }
.foto-kutu {
  aspect-ratio: 4 / 3; width: 100%;
  display: grid; place-items: center; text-align: center; padding: 1rem;
  background: repeating-linear-gradient(135deg, transparent 0 14px, rgba(163, 139, 94, .07) 14px 15px), var(--kagit-2);
  border: 1px dashed rgba(111, 92, 55, .45);
  color: var(--murekkep-2); font-size: .95rem;
}
.foto-kutu .yt { white-space: normal; }
.foto-portre .foto-kutu { aspect-ratio: 4 / 5; }
.foto-yer figcaption { margin-top: .65rem; font-size: .76rem; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; color: var(--murekkep-3); }
.foto-izgara { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr) minmax(0, 1fr); gap: 1.25rem; align-items: end; }
.foto-izgara .foto-genis .foto-kutu { aspect-ratio: 4 / 3.2; }
.foto-izgara .foto-yer:not(.foto-genis) .foto-kutu { aspect-ratio: 3 / 4; }
@media (max-width: 820px) { .foto-izgara { grid-template-columns: 1fr 1fr; } .foto-izgara .foto-genis { grid-column: 1 / -1; } }
@media (max-width: 640px) { .kisi { grid-template-columns: 1fr; } .foto-portre { max-width: 240px; } }
.ekip { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 1.25rem; }
.ekip .kart h3 { font-size: 1.45rem; }
.ekip .kart .unvan { color: var(--pirinc-koyu); font-size: .85rem; letter-spacing: .1em; text-transform: uppercase; font-weight: 600; }

/* İletişim */
.iletisim-blok { padding-top: 1.1rem; border-top: 1px solid var(--cizgi); }
.iletisim-blok .etiket { margin-bottom: .4rem; }
.iletisim-blok .deger { font-family: var(--serif); font-size: clamp(1.25rem, 1.8vw, 1.5rem); line-height: 1.35; margin-bottom: .4rem; }
.iletisim-blok .deger a { text-decoration: none; }
.iletisim-blok .aciklama { color: var(--murekkep-2); font-size: 1.02rem; }
.not-kutu { padding: 1.25rem 1.5rem; border-left: 2px solid var(--pirinc); background: var(--beyaz); margin-top: 1.5rem; max-width: 62ch; }
.not-kutu p { font-size: 1.05rem; }
.harita { aspect-ratio: 4 / 3; border: 1px solid var(--cizgi); background: var(--kagit-2); display: grid; place-items: center; text-align: center; padding: 1.5rem; position: relative; }
.harita p { font-size: 1.02rem; color: var(--murekkep-2); }
.harita iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.harita.yuklu .ort { display: none; }

/* Yazılar */
.yazi-liste { list-style: none; padding: 0; margin: 0; max-width: none; border-top: 1px solid var(--cizgi); }
.yazi-liste li { margin: 0; border-bottom: 1px solid var(--cizgi); }
.yazi-liste a { display: grid; grid-template-columns: 170px minmax(0, 1fr); gap: .6rem 2rem; padding: 1.75rem 0; text-decoration: none; color: inherit; align-items: start; }
.yazi-liste a:hover .baslik { color: var(--pirinc-koyu); }
.yazi-liste .meta { display: flex; flex-direction: column; gap: .35rem; padding-top: .35rem; }
.yazi-liste .etiket { margin: 0; }
.yazi-liste .govde { display: block; min-width: 0; }
.yazi-liste .baslik { display: block; font-family: var(--serif); font-size: clamp(1.3rem, 2vw, 1.65rem); line-height: 1.2; margin: 0 0 .5rem; transition: color .2s; }
.yazi-liste .ozet { display: block; color: var(--murekkep-2); font-size: 1.05rem; max-width: 62ch; }
.yazi-liste .tarih { color: var(--murekkep-3); font-size: .95rem; white-space: nowrap; }
.bolum-koyu .yazi-liste, .bolum-koyu .yazi-liste li { border-color: var(--cizgi-koyu); }
.bolum-koyu .yazi-liste .baslik { color: var(--koyu-metin); }
.bolum-koyu .yazi-liste a:hover .baslik { color: var(--altin); }
.bolum-koyu .yazi-liste .ozet, .bolum-koyu .yazi-liste .tarih { color: var(--koyu-metin-2); }
@media (max-width: 720px) {
  .yazi-liste a { grid-template-columns: 1fr; gap: .5rem; }
  .yazi-liste .meta { flex-direction: row; flex-wrap: wrap; align-items: baseline; gap: .2rem 1rem; padding-top: 0; }
}
.yazi-basi { padding-block: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 3.5rem); }
.yazi-basi h1 { font-size: clamp(2rem, 4vw, 3.1rem); max-width: 24ch; }
.yazi-basi .ozet { font-family: var(--serif); font-style: italic; font-size: clamp(1.15rem, 1.7vw, 1.4rem); line-height: 1.5; color: var(--koyu-metin-2); max-width: 56ch; }
.yazi-basi .ust-bag { font-size: .78rem; font-weight: 600; letter-spacing: .2em; text-transform: uppercase; color: var(--altin); margin-bottom: 1.6rem; }
.yazi-basi .ust-bag a { color: var(--altin); text-decoration: none; }
.yazar-satiri { display: flex; flex-wrap: wrap; gap: .5rem 1.75rem; margin-top: 1.5rem; font-size: .85rem; letter-spacing: .12em; text-transform: uppercase; color: var(--koyu-metin-2); }
.duz-metin { max-width: 70ch; }
.duz-metin h2 { font-size: clamp(1.5rem, 2.4vw, 1.9rem); margin: 2.4rem 0 .7rem; }
.duz-metin h2:first-child { margin-top: 0; }
.duz-metin h3 { margin: 1.8rem 0 .5rem; }
.duz-metin p, .duz-metin ul, .duz-metin ol { font-size: 1em; }
.duz-metin li { margin: .5em 0; }
.duz-metin .vurgu { margin-bottom: 1.6rem; }
.duz-metin .yt { white-space: normal; }
.yazi-son { border-top: 1px solid var(--cizgi); padding-top: 2rem; margin-top: 3rem; max-width: 70ch; }
.yazi-son .not { font-size: 1rem; color: var(--murekkep-2); }
.yazar-kutu { display: flex; gap: 1.25rem; align-items: flex-start; padding: 1.4rem 1.5rem; background: var(--beyaz); border: 1px solid var(--cizgi); margin-bottom: 1.5rem; }
.yazar-kutu .adi { font-family: var(--serif); font-size: 1.3rem; }
.yazar-kutu p { font-size: 1rem; color: var(--murekkep-2); }
.ihtar { font-size: .98rem; color: var(--murekkep-2); border-top: 1px solid var(--cizgi); padding-top: 1rem; margin-top: 2.5rem; max-width: 70ch; }

/* ---------- Alt bilgi ---------- */
.alt-bilgi { background: var(--gece); color: var(--koyu-metin-2); padding-block: clamp(3rem, 6vw, 4.5rem) 2rem; }
.alt-bilgi a { color: var(--koyu-metin); text-decoration: none; }
.alt-bilgi a:hover { color: var(--altin); }
.alt-amblem { display: flex; justify-content: center; align-items: flex-end; gap: .2rem; color: var(--altin); padding-bottom: 2.5rem; margin-bottom: 2.5rem; border-bottom: 1px solid var(--cizgi-koyu); }
.defne { width: 42px; height: 60px; display: block; }
.defne-sag { transform: scaleX(-1); }
.kalkan-buyuk { width: 58px; height: 67px; color: var(--altin); margin-bottom: .2rem; }
.alt-izgara { display: grid; grid-template-columns: 1.3fr 1fr .8fr 1fr; gap: 2.5rem; }
.alt-marka .marka-ad { font-size: 1.5rem; color: var(--koyu-metin); }
.alt-marka .marka-alt { margin-bottom: 1.25rem; color: var(--altin); }
.alt-marka p { font-size: 1.02rem; }
.alt-baslik { display: block; font-size: .78rem; letter-spacing: .16em; text-transform: uppercase; color: var(--altin); font-weight: 600; margin-bottom: .9rem; }
.alt-gezinti a { display: block; font-size: 1.05rem; }
.alt-kunye { font-size: 1.02rem; }
.alt-kunye p { margin-bottom: .5rem; }
.yasal-not { border-top: 1px solid var(--cizgi-koyu); margin-top: 2.5rem; padding-top: 1.5rem; font-size: .95rem; }
.yasal-not p { max-width: 90ch; margin-bottom: .6rem; }
.telif { display: flex; flex-wrap: wrap; justify-content: space-between; gap: .5rem 2rem; margin-top: 1.5rem; font-size: .88rem; color: rgba(242, 238, 229, .55); }
@media (max-width: 960px) { .alt-izgara { grid-template-columns: 1fr 1fr; gap: 2rem; } }
@media (max-width: 600px) { .alt-izgara { grid-template-columns: 1fr; } }

/* ---------- Sayfa görünürlüğü ve giriş hareketi ---------- */
.sayfa { display: none; scroll-margin-top: var(--ust); }
.sayfa.acik { display: block; }
.js .beliren { opacity: 0; transform: translateY(10px); transition: opacity .55s ease, transform .55s ease; }
.js .beliren.goruldu { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) {
  .beliren { opacity: 1; transform: none; transition: none; }
  .vitrin-kart.acik { animation: none; }
}

/* Yayın: form gönderim sonucu ve bal küpü alanı */
.form-tamam { padding: 1.5rem 1.75rem; border-left: 2px solid var(--pirinc); background: var(--beyaz); color: var(--murekkep); max-width: 62ch; }
.form-tamam:focus { outline: none; }
.form-tamam h3 { font-family: var(--serif); font-weight: 400; font-size: 1.5rem; margin: 0 0 .6rem; color: var(--lacivert); }
.form-tamam p { margin: .4rem 0 0; color: var(--murekkep-2); }
.form-tamam .kayit-no { font-weight: 600; color: var(--lacivert); }
.bal { position: absolute !important; left: -10000px; width: 1px; height: 1px; overflow: hidden; }

/* Logo B (12 Ekim): üst çubukta dağ işareti, alt bilgide altın logo */
.logo-isaret { height: 44px; width: auto; display: block; flex: 0 0 auto; }
.alt-logo { height: 150px; width: auto; display: block; margin: 0 auto; }
@media (max-width: 760px) { .logo-isaret { height: 38px; } .alt-logo { height: 120px; } }


.g-acilis{background-image:url(/v/adbe7512171a.webp)}
.g-aile-hukuku{background-image:url(/v/e922a1647c9d.webp)}
.g-buro{background-image:url(/v/ae747ed6ea7c.webp)}
.g-ceza-hukuku{background-image:url(/v/2962b9cb1f87.webp)}
.g-is-hukuku{background-image:url(/v/30aedef38078.webp)}
.g-kira-tasinmaz{background-image:url(/v/2c3defa33cca.webp)}
.g-makaleler{background-image:url(/v/7bed014195c0.webp)}
.g-portre{background-image:url(/v/eeb2c9a1b2e0.webp)}
.g-sozlesme-uyusmazliklari{background-image:url(/v/c14c26ba8e28.webp)}
.g-tazminat{background-image:url(/v/a273677d4c9a.webp)}