@import url("yazitipi/yazitipleri.css");

/* ============================================================
   KTTRGM — Kılıbıklık Tespit, Tescil ve Rehabilitasyon
   Genel Müdürlüğü (hayalî kurum) — ana biçem dosyası
   Estetik: 1970'ler Türkiye'sinden resmî evrak / daktilo / mühür
   ============================================================ */

:root{
  color-scheme: light;

  /* kağıt */
  --kagit:        #efe6d0;
  --kagit-2:      #e7dcc0;
  --kagit-3:      #dccdab;
  --kagit-4:      #cdbb94;

  /* mürekkep */
  --murekkep:     #241f18;
  --murekkep-2:   #3a3328;
  --murekkep-3:   #5e5446;

  /* damga renkleri */
  --kirmizi:      #a8241c;
  --kirmizi-acik: #c4453c;
  --mavi:         #27446e;
  --zeytin:       #5b6742;

  --cizgi:        rgba(36,31,24,.22);
  --cizgi-2:      rgba(36,31,24,.42);
  --cizgi-3:      rgba(36,31,24,.70);

  --golge:        0 2px 0 rgba(36,31,24,.14), 0 10px 26px -14px rgba(36,31,24,.55);
  --golge-derin:  0 3px 0 rgba(36,31,24,.18), 0 22px 44px -20px rgba(36,31,24,.6);

  --bant:         clamp(1rem, 4vw, 2.75rem);   /* yatay iç boşluk */
  --olcu:         1180px;                       /* içerik genişliği */

  --bs:           'Oswald', 'Arial Narrow', sans-serif;
  --gv:           'Bitter', Georgia, serif;
  --mono:         'Roboto Mono', 'Courier New', monospace;
}

*,*::before,*::after{ box-sizing:border-box; }

html{ -webkit-text-size-adjust:100%; scroll-behavior:smooth; }
@media (prefers-reduced-motion: reduce){
  html{ scroll-behavior:auto; }
  *,*::before,*::after{ animation-duration:.01ms !important; animation-iteration-count:1 !important;
                        transition-duration:.01ms !important; }
}

body{
  margin:0;
  font-family:var(--gv);
  font-size:clamp(1rem, .95rem + .2vw, 1.08rem);
  line-height:1.72;
  color:var(--murekkep);
  background:#f6f1e4;
  position:relative;
}
/* çok hafif kağıt dokusu — okunurluğu bozmayacak düzeyde */
body::before{
  content:""; position:fixed; inset:0; z-index:-1; pointer-events:none;
  background:url("gorsel/kagit-doku.webp") center / 900px auto repeat;
  filter:grayscale(1);
  opacity:.05;
}
main{ position:relative; }

/* bölümleri dönüşümlü düz zeminle ayır */
main > .bolum:nth-of-type(odd){ background:#fbf8f0; }
main > .bolum:nth-of-type(even){ background:#f3ecdb; }

img{ max-width:100%; height:auto; display:block; }
a{ color:var(--kirmizi); text-decoration-thickness:1px; text-underline-offset:3px; }
a:hover{ color:var(--murekkep); }

:focus-visible{
  outline:3px solid var(--kirmizi);
  outline-offset:2px;
}

/* --------------------------------------------------- yardımcı sınıflar */
.kucuk-yazi{ font-size:.82rem; }
.gizle{ position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden;
        clip:rect(0 0 0 0); white-space:nowrap; border:0; }
.merkez{ text-align:center; }
.kuşak{ max-width:var(--olcu); margin-inline:auto; padding-inline:var(--bant); }

.mono{ font-family:var(--mono); font-size:.76rem; letter-spacing:.08em; text-transform:uppercase; }
.etiket{
  font-family:var(--mono); font-size:.68rem; letter-spacing:.16em; text-transform:uppercase;
  color:var(--murekkep-3);
}

/* =====================================================================
   1. TASNİF BANDI (en üstte kayan uyarı)
   ===================================================================== */
.tasnif{
  background:var(--murekkep);
  color:var(--kagit);
  overflow:hidden;
  border-bottom:2px solid var(--kirmizi);
}
.tasnif__ray{
  display:flex; width:max-content;
  animation:kay 44s linear infinite;
}
.tasnif:hover .tasnif__ray{ animation-play-state:paused; }
.tasnif__parca{
  font-family:var(--mono); font-size:.7rem; letter-spacing:.22em; text-transform:uppercase;
  padding:.5rem 0; white-space:nowrap;
}
.tasnif__parca span{ padding-inline:1.6rem; opacity:.9; }
.tasnif__parca span::after{ content:"◆"; padding-left:1.6rem; color:var(--kirmizi-acik); }
@keyframes kay{ from{ transform:translateX(0); } to{ transform:translateX(-50%); } }

/* =====================================================================
   2. ANTET (başlık + gezinme)
   ===================================================================== */
.antet{
  position:sticky; top:0; z-index:60;
  background:linear-gradient(180deg, #f2eada 0%, #e8dcbe 100%);
  border-bottom:3px double var(--cizgi-3);
  box-shadow:0 8px 22px -18px rgba(36,31,24,.9);
}
.antet__ic{
  max-width:var(--olcu); margin-inline:auto; padding:.55rem var(--bant);
  display:flex; align-items:center; gap:.9rem;
}
.arma{ width:46px; height:46px; flex:none; }
.antet__ad{ min-width:0; }
.antet__ad strong{
  display:block; font-family:var(--bs); font-weight:700;
  font-size:clamp(.92rem,.8rem + .5vw,1.12rem); line-height:1.1;
  letter-spacing:.02em; text-transform:uppercase;
}
.antet__ad span{
  display:block; font-family:var(--mono); font-size:.6rem; letter-spacing:.14em;
  text-transform:uppercase; color:var(--murekkep-3); margin-top:.15rem;
}

.menu-dugme{
  margin-left:auto; display:none; align-items:center; gap:.45rem;
  font-family:var(--mono); font-size:.68rem; letter-spacing:.12em; text-transform:uppercase;
  background:var(--kagit); border:1.5px solid var(--cizgi-3); color:var(--murekkep);
  padding:.5rem .75rem; cursor:pointer; border-radius:2px;
}
.menu-dugme__cizgi{ display:block; width:16px; height:2px; background:currentColor;
                    box-shadow:0 5px 0 currentColor, 0 -5px 0 currentColor; }

.gezinti{ margin-left:auto; }
.gezinti ul{
  display:flex; align-items:flex-end; gap:.2rem; list-style:none; margin:0; padding:0;
}
.gezinti a{
  display:block; padding:.42rem .7rem .34rem;
  font-family:var(--bs); font-weight:500; font-size:.79rem; letter-spacing:.06em;
  text-transform:uppercase; text-decoration:none; color:var(--murekkep-2);
  background:var(--kagit-2);
  border:1px solid var(--cizgi); border-bottom:none;
  border-radius:4px 4px 0 0;
  transition:background .15s, color .15s, transform .15s;
}
.gezinti a:hover,
.gezinti a[aria-current="true"]{
  background:var(--murekkep); color:var(--kagit); transform:translateY(-2px);
}
.gezinti .vurgulu a{ background:var(--kirmizi); color:#fff; border-color:var(--kirmizi); }
.gezinti .vurgulu a:hover{ background:var(--murekkep); border-color:var(--murekkep); }

@media (max-width: 940px){
  .menu-dugme{ display:inline-flex; }
  .gezinti{
    position:absolute; inset:100% 0 auto 0; margin:0;
    background:var(--kagit-2); border-bottom:3px double var(--cizgi-3);
    display:none; box-shadow:var(--golge);
  }
  .gezinti[data-acik="evet"]{ display:block; }
  .gezinti ul{ flex-direction:column; gap:0; padding:.4rem var(--bant) .9rem; }
  .gezinti a{ border-radius:0; border:none; border-bottom:1px solid var(--cizgi);
              background:transparent; padding:.72rem .2rem; font-size:.88rem; }
  .gezinti a:hover,.gezinti a[aria-current="true"]{ transform:none; background:var(--murekkep); }
  .gezinti .vurgulu a{ margin-top:.5rem; text-align:center; }
}

/* =====================================================================
   3. ORTAK BÖLÜM DÜZENİ
   ===================================================================== */
.bolum{ padding-block:clamp(2.6rem, 6vw, 4.6rem); position:relative; }
.bolum + .bolum{ border-top:1px solid var(--cizgi); }
.bolum--koyu{
  background:#241f18 !important;
  color:var(--kagit);
}
.bolum--koyu .bolum-basi h2{ color:var(--kagit); }
.bolum--koyu .etiket,.bolum--koyu .bolum-basi p{ color:rgba(239,230,208,.72); }

.bolum-basi{ margin-bottom:clamp(1.6rem,4vw,2.6rem); }
.bolum-basi .madde{
  font-family:var(--mono); font-size:.7rem; letter-spacing:.2em; text-transform:uppercase;
  color:var(--kirmizi); display:block; margin-bottom:.5rem;
}
.bolum-basi h2{
  font-family:var(--bs); font-weight:700; text-transform:uppercase;
  font-size:clamp(1.5rem, 1.1rem + 2.1vw, 2.5rem); line-height:1.08;
  letter-spacing:.01em; margin:0 0 .55rem;
}
.bolum-basi p{ margin:0; max-width:62ch; color:var(--murekkep-2); }
.bolum-basi--merkez{ text-align:center; }
.bolum-basi--merkez p{ margin-inline:auto; }

/* çift çizgi ayraç */
.ayrac{ border:0; border-top:1px solid var(--cizgi-2); border-bottom:1px solid var(--cizgi-2);
        height:3px; margin:2.2rem 0; }

/* =====================================================================
   4. EVRAK KARTI (temel yüzey)
   ===================================================================== */
.evrak{
  background:
    #fffdf7;
  border:1px solid var(--cizgi-2);
  box-shadow:var(--golge);
  position:relative;
  padding:clamp(1.1rem,3vw,1.9rem);
}
.evrak::before,
.evrak::after{
  content:""; position:absolute; width:10px; height:10px; pointer-events:none;
  border:1.5px solid var(--cizgi-2);
}
.evrak::before{ top:6px; left:6px; border-right:0; border-bottom:0; }
.evrak::after{ bottom:6px; right:6px; border-left:0; border-top:0; }

/* =====================================================================
   5. MÜHÜR / DAMGA
   ===================================================================== */
.damga{
  display:inline-grid; place-items:center; text-align:center;
  border:3px double var(--kirmizi); color:var(--kirmizi);
  padding:.55rem 1.1rem; border-radius:4px;
  font-family:var(--bs); font-weight:700; text-transform:uppercase;
  letter-spacing:.14em; line-height:1.15;
  transform:rotate(-7deg);
  opacity:.9;
  mix-blend-mode:multiply;
}
.damga--yuvarlak{
  border-radius:50%; width:128px; height:128px; padding:0;
  font-size:.7rem; letter-spacing:.1em;
}
.damga--mavi{ border-color:var(--mavi); color:var(--mavi); }
.damga--kucuk{ font-size:.66rem; padding:.3rem .6rem; letter-spacing:.1em; border-width:2px; }

/* =====================================================================
   6. HERO — GENEL TEBLİĞ
   ===================================================================== */
.tebliğ{
  position:relative;
  padding-block:clamp(2.2rem,6vw,4rem);
  background:
    linear-gradient(180deg, rgba(36,31,24,.72), rgba(36,31,24,.82)),
    url("gorsel/arsiv.webp") center 30% / cover no-repeat;
}
.tebliğ__kagit{
  max-width:880px; margin-inline:auto; position:relative;
  padding:clamp(1.4rem,4.5vw,3rem) clamp(1.2rem,4vw,3.2rem) clamp(1.8rem,4vw,2.6rem);
}
.tebliğ__ust{
  display:flex; flex-wrap:wrap; gap:.4rem 1.4rem; justify-content:space-between;
  border-bottom:1px solid var(--cizgi-2); padding-bottom:.7rem; margin-bottom:1.5rem;
}
.tebliğ h1{
  font-family:var(--bs); font-weight:700; text-transform:uppercase;
  font-size:clamp(1.65rem, 1rem + 3.6vw, 3.25rem); line-height:1.04;
  letter-spacing:-.005em; margin:0 0 1rem; max-width:19ch;
}
.tebliğ h1 em{ font-style:normal; color:var(--kirmizi); }
.tebliğ__ozet{ font-size:clamp(1rem,.96rem + .35vw,1.18rem); max-width:56ch; margin:0 0 1.5rem;
               color:var(--murekkep-2); }
.tebliğ__damga{
  position:absolute; top:clamp(4rem,7vw,5.2rem); right:clamp(.6rem,3vw,2.4rem);
  transform:rotate(-14deg); z-index:2;
}
@media (max-width:700px){
  .tebliğ__damga{ position:static; transform:rotate(-6deg); margin:0 0 1.2rem; }
  .damga--yuvarlak{ width:104px; height:104px; }
}

.dugmeler{ display:flex; flex-wrap:wrap; gap:.7rem; }

.dugme{
  display:inline-flex; align-items:center; gap:.5rem;
  font-family:var(--bs); font-weight:500; font-size:.85rem; letter-spacing:.09em;
  text-transform:uppercase; text-decoration:none; cursor:pointer;
  padding:.72rem 1.3rem; border-radius:2px;
  border:1.5px solid var(--murekkep); background:var(--murekkep); color:var(--kagit);
  box-shadow:3px 3px 0 rgba(36,31,24,.22);
  transition:transform .12s, box-shadow .12s, background .15s, color .15s;
}
.dugme:hover{ transform:translate(-1px,-1px); box-shadow:5px 5px 0 rgba(36,31,24,.26);
              background:var(--kirmizi); border-color:var(--kirmizi); color:#fff; }
.dugme:active{ transform:translate(2px,2px); box-shadow:1px 1px 0 rgba(36,31,24,.3); }
.dugme--ikincil{ background:transparent; color:var(--murekkep); }
.dugme--ikincil:hover{ background:var(--murekkep); color:var(--kagit); border-color:var(--murekkep); }
.dugme--kirmizi{ background:var(--kirmizi); border-color:var(--kirmizi); color:#fff; }
.dugme--kirmizi:hover{ background:var(--murekkep); border-color:var(--murekkep); }

/* künye şeridi (hero altı sayaçlar) */
.kunye{
  display:grid; gap:1px; margin-top:2rem;
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
  background:var(--cizgi-2); border:1px solid var(--cizgi-2);
}
.kunye div{ background:rgba(250,245,233,.9); padding:.85rem 1rem; }
.kunye dt{ font-family:var(--mono); font-size:.62rem; letter-spacing:.15em;
           text-transform:uppercase; color:var(--murekkep-3); margin:0 0 .25rem; }
.kunye dd{ margin:0; font-family:var(--bs); font-weight:700; font-size:1.3rem; line-height:1; }

/* =====================================================================
   7. MADDE 1 — TANIMLAR
   ===================================================================== */
.tanim{ display:grid; gap:clamp(1.6rem,4vw,3rem); align-items:start;
        grid-template-columns:minmax(0,5fr) minmax(0,6fr); }
@media (max-width:860px){ .tanim{ grid-template-columns:1fr; } }

.tanim__gorsel{ position:relative; }
.tanim__gorsel img{
  width:100%; border:1px solid var(--cizgi-2);
  filter:sepia(.35) contrast(1.06) brightness(.98);
  box-shadow:var(--golge);
}
.tanim__gorsel figcaption{
  font-family:var(--mono); font-size:.64rem; letter-spacing:.12em; text-transform:uppercase;
  color:var(--murekkep-3); margin-top:.6rem; text-align:right;
}

.maddeler{ list-style:none; margin:0; padding:0; counter-reset:m; }
.maddeler li{
  counter-increment:m; position:relative;
  padding:.85rem 0 .85rem 3.3rem;
  border-bottom:1px dotted var(--cizgi-2);
}
.maddeler li:last-child{ border-bottom:none; }
.maddeler li::before{
  content:"(" counter(m) ")";
  position:absolute; left:0; top:.85rem;
  font-family:var(--mono); font-size:.78rem; font-weight:700; color:var(--kirmizi);
}

.alinti{
  margin:1.6rem 0 0; padding:1.1rem 1.3rem;
  border-left:4px solid var(--kirmizi); background:#fff;
  font-style:italic; color:var(--murekkep-2);
}
.alinti p{ margin:0 0 .5rem; }
.alinti p:last-child{ margin-bottom:0; }

/* =====================================================================
   8. DERECE CETVELİ
   ===================================================================== */
.cetvel{ display:grid; gap:1px; background:var(--cizgi-2);
         border:1px solid var(--cizgi-2); }
.cetvel__satir{
  display:grid; grid-template-columns:auto minmax(0,1fr) minmax(0,1.5fr) 132px;
  gap:1rem; align-items:center;
  background:#fffdf7; padding:.9rem clamp(.8rem,2vw,1.4rem);
}
.cetvel__satir:nth-child(even){ background:#f7f1e2; }
.cetvel__no{
  font-family:var(--bs); font-weight:700; font-size:1.5rem; line-height:1;
  width:2.4rem; height:2.4rem; display:grid; place-items:center;
  border:2px solid var(--murekkep); border-radius:50%;
}
.cetvel__ad{ font-family:var(--bs); font-weight:700; letter-spacing:.08em;
             text-transform:uppercase; font-size:1rem; }
.cetvel__ac{ color:var(--murekkep-2); font-size:.92rem; }
.cetvel__olcek{ display:flex; gap:3px; }
.cetvel__olcek i{ flex:1; height:12px; background:var(--kagit-4);
                  border:1px solid var(--cizgi-2); }
.cetvel__olcek i.dolu{ background:var(--kirmizi); border-color:var(--kirmizi); }
@media (max-width:760px){
  .cetvel__satir{ grid-template-columns:auto 1fr; grid-template-areas:"no ad" "ac ac" "ol ol";
                  gap:.45rem 1rem; padding-block:1.1rem; }
  .cetvel__no{ grid-area:no; } .cetvel__ad{ grid-area:ad; }
  .cetvel__ac{ grid-area:ac; } .cetvel__olcek{ grid-area:ol; margin-top:.3rem; }
}

/* =====================================================================
   9. SİCİL KAYITLARI (kart ızgarası)
   ===================================================================== */
.sicil-izgara{
  display:grid; gap:clamp(1rem,2.4vw,1.6rem);
  grid-template-columns:repeat(auto-fill,minmax(258px,1fr));
}
.sicil{
  background:linear-gradient(180deg,#fdf8ec,#f0e7cf);
  border:1px solid var(--cizgi-2);
  box-shadow:var(--golge);
  display:flex; flex-direction:column;
  position:relative;
  transition:transform .18s, box-shadow .18s;
}
.sicil:hover{ transform:translateY(-4px); box-shadow:var(--golge-derin); }
.sicil__ust{
  display:flex; justify-content:space-between; align-items:center; gap:.6rem;
  padding:.5rem .8rem; border-bottom:1px dashed var(--cizgi-2);
  font-family:var(--mono); font-size:.62rem; letter-spacing:.12em; text-transform:uppercase;
  color:var(--murekkep-3);
}
.sicil__govde{ display:flex; gap:.9rem; padding:.9rem .8rem; }
.sicil__foto{ flex:none; width:82px; position:relative; }
.sicil__foto .sicil-foto{ width:100%; height:auto; display:block;
                          box-shadow:2px 2px 0 rgba(36,31,24,.18); }
.sicil__foto::after{            /* zımba izi */
  content:""; position:absolute; top:-5px; left:50%; translate:-50% 0;
  width:20px; height:7px; background:
    linear-gradient(90deg,#9a9282 0 40%,transparent 40% 60%,#9a9282 60% 100%);
  border-radius:1px; opacity:.8;
}
.sicil__bilgi{ min-width:0; }
.sicil__ad{
  font-family:var(--bs); font-weight:700; text-transform:uppercase;
  font-size:1rem; line-height:1.14; margin:.15rem 0 .35rem;
}
.sicil__yer{ font-family:var(--mono); font-size:.62rem; letter-spacing:.1em;
             text-transform:uppercase; color:var(--murekkep-3); }
.sicil__rozet{
  display:inline-block; margin-top:.45rem; padding:.16rem .5rem;
  font-family:var(--mono); font-size:.6rem; letter-spacing:.11em; text-transform:uppercase;
  border:1.5px solid var(--kirmizi); color:var(--kirmizi); border-radius:2px;
}
.sicil__vaka{
  margin:0; padding:.3rem .8rem 1rem; font-size:.9rem; line-height:1.62;
  color:var(--murekkep-2); flex:1;
}
.sicil__alt{
  display:flex; justify-content:space-between; align-items:center; gap:.5rem;
  padding:.5rem .8rem; border-top:1px solid var(--cizgi);
  background:rgba(36,31,24,.035);
  font-family:var(--mono); font-size:.6rem; letter-spacing:.1em; text-transform:uppercase;
  color:var(--murekkep-3);
}
.sicil__olcek{ display:flex; gap:2px; }
.sicil__olcek i{ width:9px; height:9px; border:1px solid var(--cizgi-2); background:var(--kagit-4); }
.sicil__olcek i.dolu{ background:var(--kirmizi); border-color:var(--kirmizi); }
.sicil--yeni::after{
  content:"YENİ KAYIT"; position:absolute; top:10px; right:-30px;
  transform:rotate(38deg); background:var(--zeytin); color:#fff;
  font-family:var(--mono); font-size:.54rem; letter-spacing:.12em;
  padding:.2rem 2.4rem;
}

/* =====================================================================
   10. VAKA DOSYALARI
   ===================================================================== */
.dosya-izgara{ display:grid; gap:clamp(.9rem,2vw,1.3rem);
               grid-template-columns:repeat(auto-fill,minmax(280px,1fr)); }
.dosya{
  position:relative; padding:1.5rem 1.1rem 1.1rem;
  background:linear-gradient(180deg,#efe5cc,#e6d9bb);
  border:1px solid var(--cizgi-2); border-radius:0 8px 2px 2px;
  box-shadow:var(--golge);
  transition:transform .16s;
}
.dosya:hover{ transform:translateY(-3px); }
.dosya::before{        /* klasör sekmesi */
  content:""; position:absolute; top:-9px; left:14px; width:76px; height:10px;
  background:linear-gradient(180deg,#e8dcbb,#e0d2b2);
  border:1px solid var(--cizgi-2); border-bottom:none; border-radius:4px 4px 0 0;
}
.dosya__no{ font-family:var(--mono); font-size:.63rem; letter-spacing:.13em;
            text-transform:uppercase; color:var(--kirmizi); }
.dosya h3{ font-family:var(--bs); font-weight:700; text-transform:uppercase;
           font-size:1.02rem; line-height:1.18; margin:.4rem 0 .5rem; }
.dosya p{ margin:0 0 .9rem; font-size:.9rem; color:var(--murekkep-2); }
.dosya__alt{ display:flex; justify-content:space-between; gap:.6rem;
             border-top:1px dotted var(--cizgi-2); padding-top:.6rem;
             font-family:var(--mono); font-size:.6rem; letter-spacing:.1em;
             text-transform:uppercase; color:var(--murekkep-3); }

/* =====================================================================
   11. TARİFE CETVELİ
   ===================================================================== */
.tarife-izgara{ display:grid; gap:clamp(1rem,2.4vw,1.5rem);
                grid-template-columns:repeat(auto-fit,minmax(272px,1fr)); }
.tarife{
  background:linear-gradient(180deg,#fdf8ec,#efe5cc);
  border:1px solid var(--cizgi-2); box-shadow:var(--golge);
  display:flex; flex-direction:column; position:relative;
}
.tarife--one-cikan{ border:2px solid var(--kirmizi); box-shadow:var(--golge-derin); }
.tarife--one-cikan::before{
  content:"EN ÇOK TALEP GÖREN"; position:absolute; top:-1px; left:50%; translate:-50% -50%;
  background:var(--kirmizi); color:#fff; white-space:nowrap;
  font-family:var(--mono); font-size:.58rem; letter-spacing:.14em; padding:.25rem .8rem;
}
.tarife__ust{ text-align:center; padding:1.5rem 1rem 1.1rem;
              border-bottom:1px dashed var(--cizgi-2); }
.tarife__sinif{ font-family:var(--mono); font-size:.62rem; letter-spacing:.18em;
                text-transform:uppercase; color:var(--murekkep-3); }
.tarife__ad{ font-family:var(--bs); font-weight:700; text-transform:uppercase;
             font-size:1.24rem; margin:.3rem 0 .8rem; }
.tarife__ucret{ font-family:var(--bs); font-weight:700; line-height:1;
                font-size:clamp(2rem,1.4rem + 2vw,2.7rem); }
.tarife__ucret span{ font-size:.42em; margin-left:.12em; }
.tarife__sure{ font-family:var(--mono); font-size:.63rem; letter-spacing:.1em;
               text-transform:uppercase; color:var(--murekkep-3); margin-top:.5rem; }
.tarife ul{ list-style:none; margin:0; padding:1rem 1.2rem; flex:1; }
.tarife li{ position:relative; padding:.42rem 0 .42rem 1.5rem; font-size:.89rem;
            border-bottom:1px dotted var(--cizgi); }
.tarife li:last-child{ border-bottom:none; }
.tarife li::before{ content:"✓"; position:absolute; left:0; top:.42rem;
                    color:var(--zeytin); font-weight:700; }
.tarife__alt{ padding:0 1.2rem 1.3rem; }
.tarife__alt .dugme{ width:100%; justify-content:center; }

.tarife-not{
  margin-top:1.4rem; padding:1.1rem 1.3rem;
  border:2px dashed var(--cizgi-2); background:#fff;
  display:flex; gap:1rem; align-items:center; flex-wrap:wrap;
}
.tarife-not strong{ font-family:var(--bs); text-transform:uppercase; letter-spacing:.06em; }
.tarife-not p{ margin:0; flex:1; min-width:240px; font-size:.9rem; color:var(--murekkep-2); }

/* =====================================================================
   12. ŞAHİT BEYANLARI
   ===================================================================== */
.beyan-izgara{ display:grid; gap:clamp(.9rem,2vw,1.3rem);
               grid-template-columns:repeat(auto-fill,minmax(270px,1fr)); }
.beyan{
  padding:1.3rem 1.2rem 1rem; background:#2f2920;
  border:1px solid rgba(239,230,208,.28); position:relative;
}
.beyan__tirnak{ font-family:var(--gv); font-size:2.6rem; line-height:0; color:var(--kirmizi-acik);
                display:block; height:1rem; }
.beyan p{ margin:.6rem 0 1.1rem; font-style:italic; font-size:1rem; color:#f4ecd9; }
.beyan__imza{ display:flex; justify-content:space-between; gap:.6rem;
              border-top:1px solid rgba(239,230,208,.28); padding-top:.6rem;
              font-family:var(--mono); font-size:.62rem; letter-spacing:.11em;
              text-transform:uppercase; color:rgba(239,230,208,.7); }

/* =====================================================================
   13. K-1 BAŞVURU FORMU
   ===================================================================== */
.form-sarmal{ display:grid; gap:clamp(1.4rem,3.5vw,2.4rem);
              grid-template-columns:minmax(0,3fr) minmax(0,2fr); align-items:start; }
@media (max-width:900px){ .form-sarmal{ grid-template-columns:1fr; } }

.form-antet{
  text-align:center; border-bottom:3px double var(--cizgi-3);
  padding-bottom:1rem; margin-bottom:1.5rem;
}
.form-antet h3{ font-family:var(--bs); font-weight:700; text-transform:uppercase;
                font-size:1.25rem; letter-spacing:.04em; margin:.3rem 0 .2rem; }

.alan{ margin-bottom:1.15rem; }
.alan > label{
  display:block; font-family:var(--mono); font-size:.66rem; letter-spacing:.13em;
  text-transform:uppercase; color:var(--murekkep-2); margin-bottom:.35rem;
}
.alan > label .zorunlu{ color:var(--kirmizi); }
.alan input[type=text],
.alan input[type=email],
.alan select,
.alan textarea{
  width:100%; font-family:var(--mono); font-size:.9rem; color:var(--murekkep);
  background:rgba(255,253,246,.85);
  border:1px solid var(--cizgi-2); border-bottom-width:2px; border-radius:2px;
  padding:.62rem .7rem; line-height:1.5;
}
.alan textarea{ min-height:118px; resize:vertical; font-family:var(--gv); font-size:.95rem; }
.alan input:focus, .alan select:focus, .alan textarea:focus{
  outline:none; border-color:var(--kirmizi); background:#fffdf6;
  box-shadow:0 0 0 3px rgba(168,36,28,.14);
}
.alan__ipucu{ display:block; margin-top:.35rem; font-size:.78rem; color:var(--murekkep-3); }
.alan-ikili{ display:grid; gap:1.15rem; grid-template-columns:1fr 1fr; }
@media (max-width:560px){ .alan-ikili{ grid-template-columns:1fr; } }

.onay{
  display:grid; grid-template-columns:auto 1fr; gap:.65rem;
  padding:.7rem .8rem; margin-bottom:.6rem;
  border:1px solid var(--cizgi); background:rgba(36,31,24,.03);
  font-size:.85rem; line-height:1.55;
}
.onay input{ width:18px; height:18px; margin-top:.22rem; accent-color:var(--kirmizi); }
.onay a{ font-weight:700; }

.bal{ position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden; }

.uyari-kutu{
  border:2px solid var(--murekkep); background:#fffdf7;
  padding:1.1rem 1.2rem; margin-bottom:1.2rem;
}
.uyari-kutu h4{ font-family:var(--bs); font-weight:700; text-transform:uppercase;
                font-size:.92rem; letter-spacing:.07em; margin:0 0 .5rem; }
.uyari-kutu ul{ margin:0; padding-left:1.1rem; font-size:.87rem; color:var(--murekkep-2); }
.uyari-kutu li{ margin-bottom:.4rem; }
.uyari-kutu li:last-child{ margin-bottom:0; }

.bildirim{
  padding:.95rem 1.1rem; margin-bottom:1.3rem; border:1.5px solid;
  font-size:.92rem; display:flex; gap:.7rem; align-items:flex-start;
}
.bildirim--basarili{ border-color:var(--zeytin); background:rgba(91,103,66,.1); color:#3d4a2a; }
.bildirim--hata{ border-color:var(--kirmizi); background:rgba(168,36,28,.09); color:#7d1a14; }
.bildirim strong{ display:block; font-family:var(--bs); text-transform:uppercase;
                  letter-spacing:.06em; margin-bottom:.15rem; }

/* =====================================================================
   14. ALT BİLGİ
   ===================================================================== */
.alt{
  background:var(--murekkep); color:rgba(239,230,208,.82);
  padding-block:clamp(2.2rem,5vw,3.4rem) 1.4rem;
  border-top:4px double var(--kirmizi);
  font-size:.9rem;
}
.alt__izgara{ display:grid; gap:2rem;
              grid-template-columns:repeat(auto-fit,minmax(215px,1fr)); }
.alt h3{ font-family:var(--bs); font-weight:700; text-transform:uppercase;
         font-size:.88rem; letter-spacing:.13em; color:var(--kagit); margin:0 0 .9rem; }
.alt ul{ list-style:none; margin:0; padding:0; }
.alt li{ margin-bottom:.45rem; }
.alt a{ color:rgba(239,230,208,.82); text-decoration:none; border-bottom:1px solid transparent; }
.alt a:hover{ color:#fff; border-bottom-color:var(--kirmizi-acik); }
.alt__arma{ width:64px; height:64px; margin-bottom:.9rem; }
.alt__kunye{
  margin-top:2.2rem; padding-top:1.2rem; border-top:1px solid rgba(239,230,208,.18);
  display:flex; flex-wrap:wrap; gap:.6rem 1.4rem; justify-content:space-between;
  font-family:var(--mono); font-size:.64rem; letter-spacing:.1em; text-transform:uppercase;
  color:rgba(239,230,208,.55);
}
.alt__feragat{
  margin-top:1.2rem; padding:.9rem 1.1rem;
  border:1px dashed rgba(239,230,208,.35); font-size:.83rem; line-height:1.65;
  color:rgba(239,230,208,.72);
}

/* =====================================================================
   15. ÇEREZ / BİLGİ ŞERİDİ
   ===================================================================== */
.serit{
  position:fixed; inset:auto 0 0 0; z-index:80;
  background:var(--murekkep); color:rgba(239,230,208,.9);
  border-top:2px solid var(--kirmizi);
  padding:.7rem var(--bant);
  display:flex; gap:.9rem; align-items:center; flex-wrap:wrap;
  font-size:.82rem;
  box-shadow:0 -10px 30px -18px #000;
}
.serit p{ margin:0; flex:1; min-width:220px; }
.serit button{
  font-family:var(--mono); font-size:.66rem; letter-spacing:.12em; text-transform:uppercase;
  background:var(--kagit); color:var(--murekkep); border:none; padding:.5rem .95rem;
  cursor:pointer; border-radius:2px;
}
.serit button:hover{ background:var(--kirmizi); color:#fff; }
.serit[hidden]{ display:none; }

/* =====================================================================
   16. YASAL METİN SAYFALARI
   ===================================================================== */
.metin{ max-width:78ch; margin-inline:auto; }
.metin h2{ font-family:var(--bs); font-weight:700; text-transform:uppercase;
           font-size:1.12rem; letter-spacing:.05em; margin:2.2rem 0 .7rem;
           padding-bottom:.35rem; border-bottom:1px solid var(--cizgi-2); }
.metin h3{ font-family:var(--bs); font-weight:500; text-transform:uppercase;
           font-size:.95rem; letter-spacing:.06em; margin:1.5rem 0 .5rem; }
.metin p, .metin li{ font-size:.96rem; }
.metin ul, .metin ol{ padding-left:1.3rem; }
.metin li{ margin-bottom:.45rem; }
.metin table{ width:100%; border-collapse:collapse; margin:1rem 0; font-size:.89rem; }
.metin th, .metin td{ border:1px solid var(--cizgi-2); padding:.55rem .7rem; text-align:left;
                      vertical-align:top; }
.metin th{ background:rgba(36,31,24,.06); font-family:var(--bs); font-weight:500;
           text-transform:uppercase; font-size:.78rem; letter-spacing:.06em; }

/* =====================================================================
   17. YÖNETİM PANELİ
   ===================================================================== */
.yon-ust{ background:var(--murekkep); color:var(--kagit); padding:.8rem 0; }
.yon-ust .kuşak{ display:flex; align-items:center; gap:1rem; flex-wrap:wrap; }
.yon-ust h1{ font-family:var(--bs); font-weight:700; text-transform:uppercase;
             font-size:1rem; letter-spacing:.1em; margin:0; }
.yon-ust a{ color:rgba(239,230,208,.8); font-family:var(--mono); font-size:.68rem;
            letter-spacing:.1em; text-transform:uppercase; text-decoration:none; }
.yon-ust a:hover{ color:#fff; }
.yon-ust .sag{ margin-left:auto; display:flex; gap:1rem; align-items:center; }

.sekme-cubuk{ display:flex; gap:.3rem; flex-wrap:wrap; margin-bottom:1.4rem;
              border-bottom:2px solid var(--cizgi-2); }
.sekme-cubuk a{
  font-family:var(--bs); font-weight:500; font-size:.82rem; letter-spacing:.06em;
  text-transform:uppercase; text-decoration:none; color:var(--murekkep-2);
  padding:.5rem .9rem; background:var(--kagit-2);
  border:1px solid var(--cizgi-2); border-bottom:none; border-radius:4px 4px 0 0;
  margin-bottom:-2px;
}
.sekme-cubuk a[aria-current="page"]{ background:var(--murekkep); color:var(--kagit);
                                     border-color:var(--murekkep); }
.sekme-cubuk .sayi{ display:inline-block; margin-left:.4rem; padding:0 .35rem;
                    background:var(--kirmizi); color:#fff; border-radius:8px;
                    font-family:var(--mono); font-size:.62rem; }

.kayit{ border:1px solid var(--cizgi-2); background:rgba(250,245,233,.9);
        margin-bottom:1rem; box-shadow:var(--golge); }
.kayit__ust{ display:flex; gap:.8rem; align-items:center; flex-wrap:wrap;
             padding:.6rem .9rem; border-bottom:1px solid var(--cizgi);
             background:rgba(36,31,24,.04);
             font-family:var(--mono); font-size:.64rem; letter-spacing:.1em;
             text-transform:uppercase; color:var(--murekkep-3); }
.kayit__govde{ padding:.9rem; }
.kayit__eylem{ display:flex; gap:.5rem; flex-wrap:wrap; padding:.7rem .9rem;
               border-top:1px solid var(--cizgi); background:rgba(36,31,24,.03); }
.kayit__eylem .dugme{ font-size:.72rem; padding:.5rem .9rem; }

.durum{ display:inline-block; padding:.12rem .5rem; border:1.5px solid; border-radius:2px;
        font-family:var(--mono); font-size:.58rem; letter-spacing:.11em; text-transform:uppercase; }
.durum--beklemede{ border-color:#b07d1a; color:#8a6114; background:rgba(176,125,26,.1); }
.durum--onayli{ border-color:var(--zeytin); color:#42502c; background:rgba(91,103,66,.12); }
.durum--reddedildi{ border-color:var(--kirmizi); color:var(--kirmizi); background:rgba(168,36,28,.09); }

.giris-kutu{ max-width:420px; margin:12vh auto; }

/* =====================================================================
   18. YAZDIRMA
   ===================================================================== */
@media print{
  .tasnif,.antet,.serit,.dugmeler,.form-sarmal,.menu-dugme{ display:none !important; }
  body{ background:#fff; color:#000; }
  .bolum{ padding-block:1rem; break-inside:avoid; }
}