/* Tema C — Portre odaklı, bölünmüş kahraman
   Fotoğraf tam yükseklik solda, metin sağda. Bordo: ince çizgiler,
   numaralar, butonlar ve tek bir dar çağrı bandı. */

.tema-c .site-ust { border-bottom: 1px solid var(--cizgi); }

/* Kahraman: iki sütun, sağda çerçeveli portre kartı */
.tema-c .kahraman-c { padding: 72px 0 64px; }
.tema-c .kahraman-c .container {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
  gap: 64px;
  align-items: center;
}
.tema-c .kahraman-c h1 { margin-bottom: 24px; }
.tema-c .kahraman-c .alt-baslik {
  font-size: 1.2rem;
  line-height: 1.5;
  color: var(--metin-ikincil);
  max-width: 480px;
  margin-bottom: 32px;
}
.tema-c .kahraman-c .alt-baslik strong { color: var(--metin); font-weight: 600; }
.tema-c .kahraman-eylem { display: flex; align-items: center; gap: 24px; flex-wrap: wrap; margin-bottom: 40px; }

.tema-c .portre-kart {
  background: #fff;
  border: 1px solid var(--cizgi);
  border-radius: 0;
  padding: 12px;
}
.tema-c .portre {
  aspect-ratio: 4 / 5;
  background: var(--zemin-gri);
  border-radius: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--metin-soluk);
  font-size: 0.875rem;
  overflow: hidden;
}
.tema-c .portre img { width: 100%; height: 100%; object-fit: cover; object-position: top center; }
.tema-c .portre-kart .altyazi {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 6px 4px;
  font-size: 0.875rem;
}
.tema-c .portre-kart .altyazi strong { font-weight: 600; }
.tema-c .portre-kart .altyazi span { color: var(--metin-soluk); }

.tema-c .secim-ozet {
  display: flex;
  gap: 32px;
  flex-wrap: wrap;
  margin: 0;
  padding-top: 24px;
  border-top: 1px solid var(--cizgi);
  font-size: 0.9rem;
}
.tema-c .secim-ozet div { display: flex; flex-direction: column; gap: 2px; }
.tema-c .secim-ozet dt { color: var(--metin-soluk); font-size: 0.75rem; }
.tema-c .secim-ozet dd { margin: 0; font-family: var(--font-baslik); font-weight: 500; }
.tema-c .secim-ozet dd strong { color: var(--bordo); font-weight: 500; }
.tema-c .secim-ozet a { align-self: center; }

/* İçerik sütunu: daha dar ölçü */
.tema-c .dar { max-width: 880px; }

/* Neden: sol başlık (sabit), sağ maddeler bordo sol çizgiyle */
.nedenler-b { display: grid; grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr); gap: 64px; align-items: start; }
.nedenler-b .sol { position: sticky; top: 112px; }
.nedenler-b .sol h2 { margin-bottom: 16px; }
.nedenler-b .sol p { font-size: 1.125rem; color: var(--metin-ikincil); max-width: 380px; }
.nedenler-b .sag > div { padding: 4px 0 4px 28px; border-left: 3px solid var(--bordo); }
.nedenler-b .sag > div + div { margin-top: 36px; }
.nedenler-b h3 { font-weight: 700; font-size: 1.35rem; margin-bottom: 8px; }
.nedenler-b p { color: var(--metin-ikincil); margin: 0; }

/* Alıntı: gri zemin, sola dayalı, bordo çizgi */
.tema-c .alinti-c { background: var(--zemin-gri); padding: 88px 0; }
.tema-c .alinti-c blockquote {
  margin: 0;
  padding-left: 32px;
  border-left: 3px solid var(--bordo);
  font-family: var(--font-baslik);
  font-weight: 500;
  font-size: clamp(1.5rem, 3.2vw, 2.4rem);
  line-height: 1.25;
  letter-spacing: -0.01em;
  max-width: 880px;
}
.tema-c .alinti-c cite { display: block; margin-top: 20px; font-style: normal; font-size: 1rem; color: var(--metin-ikincil); }

/* Projeler: iki sütun, kutusuz, üst çizgili */
.tema-c .projeler-c {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 48px;
}
.tema-c .projeler-c a {
  display: block;
  padding: 28px 0;
  border-top: 1px solid var(--cizgi);
  color: var(--metin);
  text-decoration: none !important;
}
.tema-c .projeler-c .no {
  display: block;
  font-family: var(--font-baslik);
  font-weight: 500;
  font-size: 0.85rem;
  color: var(--bordo);
  margin-bottom: 14px;
}
.tema-c .projeler-c h3 { font-weight: 700; font-size: 1.3rem; margin-bottom: 6px; }
.tema-c .projeler-c a:hover h3 { color: var(--bordo); }
.tema-c .projeler-c p { color: var(--metin-ikincil); }

/* Gönüllü: dar bordo bant — sitedeki tek bordo yüzey */
.tema-c .gonullu-c { background: var(--bordo); color: #fff; padding: 40px 0; }
.tema-c .gonullu-c .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
  flex-wrap: wrap;
}
.tema-c .gonullu-c h2 { color: inherit; font-size: clamp(1.3rem, 2.4vw, 1.7rem); margin: 0 0 4px; }
.tema-c .gonullu-c p { margin: 0; color: rgba(255, 255, 255, 0.85); max-width: 640px; }

/* Alt bilgi: açık */
.tema-c .site-alt { background: var(--zemin); color: var(--metin-ikincil); border-top: 1px solid var(--cizgi); }
.tema-c .site-alt .logo { color: var(--bordo); }
.tema-c .site-alt .logo svg rect:first-child { fill: #972936; }
.tema-c .site-alt .logo svg rect:not(:first-child) { fill: #fff; }
.tema-c .alt-ust { border-bottom-color: var(--cizgi); }
.tema-c .alt-ust p { color: var(--metin-ikincil); }
.tema-c .alt-ust h4 { color: var(--metin); }
.tema-c .alt-alt { color: var(--metin-soluk); }
.tema-c .sosyal a { border-color: var(--cizgi); }
.tema-c .sosyal a:hover { background: var(--zemin-gri); border-color: var(--cizgi-koyu); }

@media (max-width: 1024px) {
  .nedenler-b { grid-template-columns: 1fr; gap: 32px; }
  .nedenler-b .sol { position: static; }
  .tema-c .kahraman-c .container { grid-template-columns: 1fr; gap: 40px; }
  .tema-c .portre-kart { max-width: 440px; }
  .tema-c .projeler-c { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
  .tema-c .alinti-c { padding: 56px 0; }
  .tema-c .alinti-c blockquote { padding-left: 20px; }
  .tema-c .gonullu-c .buton { width: 100%; }
  .tema-c .kahraman-c { padding: 48px 0 40px; }
}

/* ==========================================================================
   İç sayfalar
   ========================================================================== */

/* Sayfa başlığı */
.sayfa-baslik { padding: 64px 0 40px; border-bottom: 1px solid var(--cizgi); }
.sayfa-baslik h1 { font-size: clamp(2rem, 4.2vw, 3.25rem); margin-bottom: 16px; }
.sayfa-baslik .giris { font-size: 1.2rem; line-height: 1.5; color: var(--metin-ikincil); max-width: 640px; }
.sayfa-baslik--dar .container { max-width: 880px; }

/* Düz metin */
.metin-govde { max-width: 720px; }
.metin-govde h2 { font-size: 1.5rem; margin: 2.2em 0 0.6em; }
.metin-govde h2:first-child { margin-top: 0; }
.metin-govde h3 { font-size: 1.15rem; font-weight: 700; margin: 1.8em 0 0.5em; }
.metin-govde p, .metin-govde li { color: var(--metin); }
.metin-govde ul, .metin-govde ol { padding-left: 1.3em; margin: 0 0 1em; }
.metin-govde li { margin-bottom: 0.4em; }
.metin-govde table { width: 100%; border-collapse: collapse; font-size: 0.95rem; margin: 1em 0 1.5em; }
.metin-govde th, .metin-govde td { text-align: left; padding: 10px 12px 10px 0; border-bottom: 1px solid var(--cizgi); vertical-align: top; }
.metin-govde th { font-weight: 600; font-size: 0.85rem; color: var(--metin-ikincil); }

/* Hazırlanıyor notu: içerik ekipten bekleniyor */
.hazirlaniyor {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  padding: 16px 18px;
  background: var(--zemin-gri);
  border-left: 3px solid var(--bordo);
  font-size: 0.95rem;
  color: var(--metin-ikincil);
  margin: 0 0 32px;
}
.hazirlaniyor svg { width: 18px; height: 18px; flex: none; margin-top: 3px; color: var(--bordo); }
.hazirlaniyor strong { color: var(--metin); font-weight: 600; }

/* İki sütun: sol açıklama, sağ form */
.form-sayfa {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  gap: 72px;
  align-items: start;
}
.form-sayfa .aciklama { font-size: 1.125rem; color: var(--metin-ikincil); }
.form-sayfa .yan-not { margin-top: 32px; padding-top: 24px; border-top: 1px solid var(--cizgi); font-size: 0.95rem; color: var(--metin-ikincil); }
.form-sayfa .yan-not strong { color: var(--metin); font-weight: 600; }

/* Adımlı form */
.adimlar {
  display: flex;
  gap: 8px;
  list-style: none;
  margin: 0 0 28px;
  padding: 0;
  font-size: 0.8rem;
  font-weight: 500;
  color: var(--metin-soluk);
}
.adimlar li { flex: 1; padding-top: 10px; border-top: 2px solid var(--cizgi); }
.adimlar li[aria-current="step"] { color: var(--bordo); border-top-color: var(--bordo); }
.adimlar li.tamam { color: var(--metin); border-top-color: var(--metin); }
.adim { display: none; }
.adim[data-aktif="true"] { display: block; }
.adim h2 { font-size: 1.4rem; margin-bottom: 20px; }
.adim-eylem { display: flex; justify-content: space-between; gap: 12px; margin-top: 8px; }
.adim-eylem .buton { width: auto; }
.adim-eylem .geri { color: var(--metin-ikincil); background: none; border: 0; padding: 12px 4px; cursor: pointer; font-weight: 500; }
.adim-eylem .geri:hover { color: var(--bordo); }

/* Seçenek kutuları (radio / checkbox) */
.secenekler { display: grid; gap: 10px; margin-bottom: 20px; }
.secenekler--iki { grid-template-columns: 1fr 1fr; }
.secenek {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  padding: 14px 16px;
  border: 1px solid var(--cizgi-koyu);
  border-radius: var(--radius);
  cursor: pointer;
  transition: border-color var(--gecis), background var(--gecis);
}
.secenek:hover { border-color: var(--bordo); }
.secenek:has(input:checked) { border-color: var(--bordo); background: var(--bordo-acik); }
.secenek input { width: 18px; height: 18px; margin: 2px 0 0; accent-color: var(--bordo); flex: none; }
.secenek span { font-size: 0.95rem; line-height: 1.4; }
.secenek small { display: block; color: var(--metin-soluk); font-size: 0.8rem; }
.secenekler .hata { grid-column: 1 / -1; display: none; font-size: 0.8rem; color: #b3261e; }
.secenekler.hatali .hata { display: block; }

/* SSS akordiyon */
.sss { border-top: 1px solid var(--cizgi); max-width: 880px; }
.sss details { border-bottom: 1px solid var(--cizgi); }
.sss summary {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  padding: 22px 0;
  font-family: var(--font-baslik);
  font-weight: 500;
  font-size: 1.15rem;
  cursor: pointer;
  list-style: none;
}
.sss summary::-webkit-details-marker { display: none; }
.sss summary svg { width: 20px; height: 20px; flex: none; color: var(--bordo); transition: transform var(--gecis); }
.sss details[open] summary svg { transform: rotate(45deg); }
.sss .cevap { padding: 0 0 24px; color: var(--metin-ikincil); max-width: 720px; }
.sss .cevap p:last-child { margin: 0; }

/* Bilgi kartları (seçim rehberi) */
.bilgi-liste { border-top: 1px solid var(--cizgi); }
.bilgi {
  display: grid;
  grid-template-columns: 220px minmax(0, 1fr);
  gap: 32px;
  padding: 28px 0;
  border-bottom: 1px solid var(--cizgi);
}
.bilgi h3 { font-weight: 700; font-size: 1.15rem; margin: 0; }
.bilgi p { margin: 0; }
.bilgi .bekleniyor { color: var(--metin-soluk); font-style: normal; }
.bilgi .buyuk { font-family: var(--font-baslik); font-weight: 500; font-size: 1.4rem; }
.geri-sayim-kutu {
  display: inline-flex;
  flex-direction: column;
  gap: 4px;
  padding: 20px 24px;
  border: 1px solid var(--cizgi);
  border-radius: 0;
  margin-top: 8px;
}
.geri-sayim-kutu small { font-size: 0.8rem; color: var(--metin-soluk); }
.geri-sayim-kutu strong { font-family: var(--font-baslik); font-weight: 700; font-size: 2rem; line-height: 1; color: var(--bordo); }

/* Sekmeler (vizyon, liste) */
.sekmeler {
  display: flex;
  gap: 4px;
  flex-wrap: wrap;
  border-bottom: 1px solid var(--cizgi);
  margin-bottom: 40px;
}
.sekmeler button {
  padding: 12px 16px;
  margin-bottom: -1px;
  font-size: 0.95rem;
  font-weight: 500;
  color: var(--metin-ikincil);
  background: none;
  border: 0;
  border-bottom: 2px solid transparent;
  cursor: pointer;
}
.sekmeler button:hover { color: var(--metin); }
.sekmeler button[aria-selected="true"] { color: var(--bordo); border-bottom-color: var(--bordo); }
.sekme-panel { display: none; }
.sekme-panel[data-aktif="true"] { display: block; }
.sekme-panel h2 { font-size: 1.75rem; margin-bottom: 12px; }
.sekme-panel .ozet { font-size: 1.125rem; color: var(--metin-ikincil); max-width: 640px; margin-bottom: 32px; }
.sekme-panel .ozet:empty { display: none; }
.sekme-panel .liste-bekleniyor { padding: 8px 0 24px; }
.madde-liste { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--cizgi); max-width: 800px; }
.madde-liste li { display: grid; grid-template-columns: 48px minmax(0, 1fr); gap: 16px; padding: 20px 0; border-bottom: 1px solid var(--cizgi); }
.madde-liste .no { font-family: var(--font-baslik); font-weight: 500; font-size: 0.85rem; color: var(--bordo); padding-top: 4px; }
.madde-liste h3 { font-weight: 700; font-size: 1.1rem; margin-bottom: 4px; }
.madde-liste p { color: var(--metin-ikincil); margin: 0; }
.madde-liste:empty { display: none; }

/* Ekip kartları */
.ekip { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px 20px; }
.uye .foto { aspect-ratio: 1 / 1; background: var(--zemin-gri); border-radius: 0; overflow: hidden; margin-bottom: 14px; display: flex; align-items: center; justify-content: center; color: var(--metin-soluk); font-size: 0.8rem; }
.uye .foto img { width: 100%; height: 100%; object-fit: cover; }
.uye h3 { font-weight: 700; font-size: 1.05rem; margin: 0 0 4px; }
.uye .meta { font-size: 0.85rem; color: var(--metin-soluk); margin: 0 0 8px; }
.uye .neden { font-size: 0.95rem; color: var(--metin-ikincil); margin: 0; }

/* Aday sayfası */
.aday-ust { display: grid; grid-template-columns: 320px minmax(0, 1fr); gap: 64px; align-items: start; }
.aday-ust .portre-kart { position: sticky; top: 104px; }
.aday-ust h1 { font-size: clamp(2rem, 3.6vw, 2.8rem); margin-bottom: 8px; }
.aday-ust .unvan { font-size: 1.125rem; color: var(--metin-ikincil); margin-bottom: 40px; }

/* Haber kartları */
.haber-liste { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px 24px; }
.haber { display: block; color: var(--metin); text-decoration: none !important; }
.haber .gorsel { aspect-ratio: 16 / 10; background: var(--zemin-gri); border-radius: 0; margin-bottom: 16px; }
.haber time { display: block; font-size: 0.8rem; color: var(--metin-soluk); margin-bottom: 8px; }
.haber h3 { font-weight: 700; font-size: 1.15rem; margin-bottom: 6px; }
.haber:hover h3 { color: var(--bordo); }
.haber p { font-size: 0.95rem; color: var(--metin-ikincil); margin: 0; }
.haber .kaynak { display: block; margin-top: 10px; font-size: 0.8rem; color: var(--metin-soluk); }

.etkinlik-liste { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--cizgi); max-width: 800px; }
.etkinlik-liste li { display: grid; grid-template-columns: 96px minmax(0, 1fr); gap: 24px; padding: 20px 0; border-bottom: 1px solid var(--cizgi); }
.etkinlik-liste .tarih { font-family: var(--font-baslik); font-weight: 500; line-height: 1.2; }
.etkinlik-liste .tarih small { display: block; font-family: var(--font-metin); font-weight: 400; color: var(--metin-soluk); font-size: 0.8rem; }
.etkinlik-liste h3 { font-weight: 700; font-size: 1.05rem; margin-bottom: 2px; }
.etkinlik-liste p { margin: 0; color: var(--metin-ikincil); font-size: 0.95rem; }

/* Basın: indirilebilir öğeler */
.indir-liste { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--cizgi); max-width: 800px; }
.indir-liste li { border-bottom: 1px solid var(--cizgi); }
.indir-liste a, .indir-liste .satir { display: grid; grid-template-columns: 24px minmax(0, 1fr) auto; gap: 16px; align-items: center; padding: 18px 0; color: var(--metin); text-decoration: none !important; }
.indir-liste svg { width: 22px; height: 22px; color: var(--bordo); }
.indir-liste strong { font-weight: 600; display: block; }
.indir-liste small { color: var(--metin-soluk); font-size: 0.85rem; }
.indir-liste .bekleniyor { font-size: 0.85rem; color: var(--metin-soluk); }
[hidden] { display: none !important; }
.indir-liste .indir-bos { margin: 0; padding: 18px 0; color: var(--metin-soluk); }

/* İletişim */
.iletisim-liste { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.iletisim-kart { padding: 28px; border: 1px solid var(--cizgi); border-radius: 0; }
.iletisim-kart svg { width: 24px; height: 24px; color: var(--bordo); margin-bottom: 16px; }
.iletisim-kart h3 { font-weight: 700; font-size: 1.15rem; margin-bottom: 6px; }
.iletisim-kart p { color: var(--metin-ikincil); font-size: 0.95rem; margin-bottom: 16px; }
.iletisim-kart .deger { font-family: var(--font-baslik); font-weight: 500; font-size: 1.1rem; color: var(--metin); }
.harita { aspect-ratio: 21 / 9; background: var(--zemin-gri); border-radius: 0; display: flex; align-items: center; justify-content: center; color: var(--metin-soluk); font-size: 0.9rem; }

/* 404 */
.hata-sayfa { padding: 120px 0; text-align: center; }
.hata-sayfa .kod { font-family: var(--font-baslik); font-weight: 700; font-size: 6rem; line-height: 1; color: var(--bordo-cizgi); margin-bottom: 16px; }
.hata-sayfa h1 { font-size: clamp(1.75rem, 3.5vw, 2.5rem); }
.hata-sayfa .eylem { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; margin-top: 32px; }

@media (max-width: 1024px) {
  .form-sayfa { grid-template-columns: 1fr; gap: 40px; }
  .ekip { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .haber-liste { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .iletisim-liste { grid-template-columns: 1fr; }
  .aday-ust { grid-template-columns: 1fr; gap: 32px; }
  .aday-ust .portre-kart { position: static; max-width: 320px; }
}
@media (max-width: 640px) {
  .sayfa-baslik { padding: 40px 0 28px; }
  .bilgi { grid-template-columns: 1fr; gap: 8px; padding: 20px 0; }
  .secenekler--iki { grid-template-columns: 1fr; }
  .haber-liste { grid-template-columns: 1fr; }
  .ekip { grid-template-columns: 1fr 1fr; gap: 20px 12px; }
  .hata-sayfa { padding: 72px 0; }
  .hata-sayfa .kod { font-size: 4rem; }
  .indir-liste a, .indir-liste .satir { grid-template-columns: 24px minmax(0, 1fr); }
  .indir-liste .buton, .indir-liste .bekleniyor { grid-column: 2; justify-self: start; }
}

/* Ana sayfa tanışma modülü altındaki yan bağlantılar */
.yan-baglantilar { list-style: none; margin: 28px 0 0; padding: 24px 0 0; border-top: 1px solid var(--cizgi); display: grid; gap: 12px; }
.yan-baglantilar .metin-baglanti { font-size: 0.95rem; }

/* ==========================================================================
   Hareket — ölçülü
   ========================================================================== */
:root { --ease-cikis: cubic-bezier(0.2, 0.7, 0.2, 1); }

/* Kaydırınca görünen bloklar */
.canlan {
  opacity: 0;
  transform: translateY(12px);
  transition: opacity 560ms ease, transform 640ms var(--ease-cikis);
  transition-delay: var(--gecikme, 0ms);
}
.canlan.goründü, .canlan.gorundu { opacity: 1; transform: none; }

/* Sekme ve adım geçişleri */
.sekme-panel[data-aktif="true"], .adim[data-aktif="true"] { animation: belir 260ms var(--ease-cikis) both; }
@keyframes belir { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }

/* SSS cevabı */
.sss details[open] .cevap { animation: belir 220ms var(--ease-cikis) both; }

/* Form teşekkür ekranı */
.form[data-gonderildi="true"] .form-tesekkur { animation: belir 320ms var(--ease-cikis) both; }
.form-tesekkur svg { animation: belir 420ms var(--ease-cikis) 120ms both; }

/* Etkileşimli öğeler: hafif kalkma */
.buton { transition: background var(--gecis), border-color var(--gecis), color var(--gecis), transform 160ms var(--ease-cikis); }
.buton:hover { transform: translateY(-1px); }
.buton:active { transform: translateY(0); }
.portre-kart img { transition: transform 900ms var(--ease-cikis); }
.portre-kart:hover img { transform: scale(1.015); }
.projeler-c a, .neden, .kart, .iletisim-kart, .secenek, .indir-liste a, .haber { transition: border-color 200ms ease, background 200ms ease, transform 200ms var(--ease-cikis); }
.projeler-c a:hover { transform: translateX(4px); }
.projeler-c h3 { transition: color var(--gecis); }
.sekmeler button { transition: color var(--gecis), border-color 200ms ease; }
.sss summary { transition: color var(--gecis); }
.sss summary:hover { color: var(--bordo); }
.alan input, .alan select, .alan textarea { transition: border-color var(--gecis), box-shadow 200ms ease; }

/* Panelden gelen içerik */
.haber .gorsel { overflow: hidden; }
.haber .gorsel img { width: 100%; height: 100%; object-fit: cover; object-position: center 25%; display: block; }
.haber-gorsel { margin: 0 0 32px; background: var(--zemin-gri); }
.haber-gorsel img { display: block; width: 100%; height: auto; max-height: 70vh; object-fit: contain; }
.haber-ekler { margin-top: 32px; }
.ekip:empty { display: none; }
.ekip-bos { color: var(--metin-soluk); font-size: 0.95rem; margin: 0; }
.liste-bekleniyor { font-size: 1.15rem; padding: 28px 0 8px; color: var(--metin); }
.form-gonderim-hata { font-size: 0.875rem; color: #b3261e; margin: 12px 0 0; }
.form-gonderim-hata:empty { display: none; }

/* Sandık sorgulama (seçim rehberi) */
.sandik-form { display: flex; gap: 8px; max-width: 420px; }
.sandik-form input { flex: 1; min-width: 0; padding: 12px 14px; border: 1px solid var(--cizgi-koyu); border-radius: var(--radius); background: #fff; font: inherit; color: var(--metin); }
.sandik-form input:disabled { background: var(--zemin-gri); }
.sandik-form input:focus { outline: 2px solid var(--bordo); outline-offset: -1px; border-color: var(--bordo); }
.sandik-form button:disabled { opacity: 0.5; cursor: not-allowed; }
.sandik-durum:empty { display: none; }
.sandik-durum.hata { color: #b3261e; }
.sandik-sonuc { max-width: 420px; margin-top: 16px; padding: 18px 20px; background: var(--bordo-acik); border-left: 3px solid var(--bordo); }
.sandik-sonuc .etiket { display: block; font-size: 0.8rem; color: var(--metin-ikincil); }
.sandik-sonuc .numara { display: block; font-family: var(--font-baslik); font-size: 2rem; font-weight: 700; line-height: 1.1; color: var(--bordo); margin: 2px 0 8px; }
.sandik-sonuc p { margin: 4px 0 0; }
.sandik-sonuc .not { font-size: 0.85rem; color: var(--metin-ikincil); margin-top: 10px; }

@media (prefers-reduced-motion: reduce) {
  .canlan { opacity: 1; transform: none; transition: none; }
  .sekme-panel[data-aktif="true"], .adim[data-aktif="true"], .sss details[open] .cevap,
  .form-tesekkur, .form-tesekkur svg { animation: none; }
  .buton:hover, .projeler-c a:hover, .portre-kart:hover img { transform: none; }
}