/* ==========================================================================
   Aktürk Aksaray Psikoteknik Değerlendirme Merkezi
   Tek stil dosyası. Kütüphane yok, harici font yok.

   İçindekiler
     1. Değişkenler
     2. Sıfırlama ve temel
     3. Yardımcı sınıflar
     4. Butonlar
     5. Üst bar ve menü
     6. Breadcrumb
     7. Hero
     8. İçerik blokları (bölüm, kart, adım, liste)
     9. SSS
    10. Harita
    11. Kapanış CTA
    12. Footer
    13. Mobil sabit çubuk
    14. 404
    15. Erişilebilirlik / hareket tercihi
   ========================================================================== */

/* -------------------------------------------------- 1. Değişkenler ------ */
:root {
  /* Logodan alınan kurumsal renkler */
  --lacivert:       #12314F;
  --lacivert-koyu:  #0C2239;
  --lacivert-acik:  #1E4870;
  --kirmizi:        #B0121A;   /* yalnızca birincil CTA */
  --kirmizi-koyu:   #8E0E15;

  --zemin:          #FFFFFF;
  --zemin-yumusak:  #F4F6F9;
  --zemin-koyu:     #0C2239;

  --metin:          #1B2733;
  --metin-soluk:    #55636F;
  --cizgi:          #DFE4EA;

  --kap-genislik:   1140px;
  --yuvarlak:       12px;
  --yuvarlak-kucuk: 8px;

  --golge:          0 1px 2px rgba(12, 34, 57, .06), 0 8px 24px rgba(12, 34, 57, .06);
  --golge-hover:    0 2px 4px rgba(12, 34, 57, .08), 0 12px 32px rgba(12, 34, 57, .10);

  /* Harici font yüklemiyoruz: sıfır ağ isteği, sıfır layout shift. */
  --font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* -------------------------------------------- 2. Sıfırlama ve temel ----- */
*, *::before, *::after { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }

body {
  margin: 0;
  font-family: var(--font);
  font-size: 17px;
  line-height: 1.65;
  color: var(--metin);
  background: var(--zemin);
  -webkit-font-smoothing: antialiased;
  /* Mobil sabit çubuğun içeriği örtmemesi için altta yer bırakılır. */
  padding-bottom: 68px;
}

@media (min-width: 900px) {
  body { padding-bottom: 0; }
}

h1, h2, h3, h4 {
  margin: 0 0 .6em;
  line-height: 1.25;
  color: var(--lacivert);
  font-weight: 700;
  letter-spacing: -.01em;
}

h1 { font-size: clamp(1.75rem, 1.2rem + 2.4vw, 2.6rem); }
h2 { font-size: clamp(1.4rem, 1.1rem + 1.4vw, 1.95rem); }
h3 { font-size: clamp(1.1rem, 1rem + .5vw, 1.3rem); }

p  { margin: 0 0 1.1em; }
p:last-child, ul:last-child, ol:last-child { margin-bottom: 0; }

a { color: var(--lacivert-acik); text-decoration-thickness: 1px; text-underline-offset: 2px; }
a:hover { color: var(--kirmizi); }

img, svg, iframe { max-width: 100%; }
img { height: auto; display: block; }

ul, ol { padding-left: 1.25em; }
li + li { margin-top: .35em; }

strong { color: var(--lacivert); }

/* Klavye kullanıcısı odağın nerede olduğunu her zaman görmeli. */
:focus-visible {
  outline: 3px solid var(--kirmizi);
  outline-offset: 2px;
  border-radius: 3px;
}

/* İçeriğe atlama bağlantısı — yalnızca sekme ile odaklanınca görünür. */
.atla {
  position: absolute; left: 8px; top: -60px; z-index: 200;
  background: var(--kirmizi); color: #fff;
  padding: .7em 1.2em; border-radius: var(--yuvarlak-kucuk);
  font-weight: 600; text-decoration: none;
  transition: top .15s;
}
.atla:focus { top: 8px; color: #fff; }

/* -------------------------------------------- 3. Yardımcı sınıflar ------ */
.kap {
  width: 100%;
  max-width: var(--kap-genislik);
  margin-inline: auto;
  padding-inline: 20px;
}

.bolum { padding: clamp(2.5rem, 1.5rem + 3.5vw, 4.5rem) 0; }
.bolum--yumusak { background: var(--zemin-yumusak); }

.bolum__ust { max-width: 720px; margin-bottom: 2rem; }
.bolum__ust p { color: var(--metin-soluk); font-size: 1.05rem; margin-bottom: 0; }

.etiket {
  display: inline-block;
  font-size: .78rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase;
  color: var(--kirmizi); background: rgba(176, 18, 26, .08);
  padding: .35em .8em; border-radius: 100px; margin-bottom: .9rem;
}

.gorsel-cerceve {
  border-radius: var(--yuvarlak);
  overflow: hidden;
  box-shadow: var(--golge);
  background: var(--zemin-yumusak);
}

/* -------------------------------------------------- 4. Butonlar --------- */
.btn {
  display: inline-flex; align-items: center; justify-content: center; gap: .5em;
  padding: .8em 1.4em;
  border: 2px solid transparent;
  border-radius: var(--yuvarlak-kucuk);
  font: inherit; font-weight: 700;
  text-decoration: none;
  cursor: pointer;
  transition: background-color .15s, color .15s, border-color .15s, box-shadow .15s;
  /* Dokunmatik hedef en az 44px yüksekliğinde kalsın. */
  min-height: 48px;
}

.btn--ara { background: var(--kirmizi); color: #fff; }
.btn--ara:hover, .btn--ara:focus-visible { background: var(--kirmizi-koyu); color: #fff; }

.btn--ikincil {
  background: transparent; color: var(--lacivert); border-color: var(--cizgi);
}
.btn--ikincil:hover, .btn--ikincil:focus-visible {
  background: var(--lacivert); color: #fff; border-color: var(--lacivert);
}

.btn--acik {
  background: rgba(255, 255, 255, .12); color: #fff; border-color: rgba(255, 255, 255, .45);
}
.btn--acik:hover, .btn--acik:focus-visible { background: #fff; color: var(--lacivert); }

.btn--buyuk { padding: 1em 1.9em; font-size: 1.1rem; }

.btn-grup { display: flex; flex-wrap: wrap; gap: .75rem; }

/* --------------------------------------------- 5. Üst bar ve menü ------- */
.ust-bar {
  background: var(--zemin);
  border-bottom: 1px solid var(--cizgi);
  position: relative;
  z-index: 50;
}

.ust-bar__ic {
  display: flex; align-items: center; gap: 1rem;
  min-height: 74px;
}

.logo { display: flex; align-items: center; margin-right: auto; }
.logo img { width: auto; height: 46px; }

.ust-bar__tel { display: none; }

.menu-dugme {
  width: 46px; height: 46px;
  display: grid; place-items: center;
  background: transparent; border: 1px solid var(--cizgi);
  border-radius: var(--yuvarlak-kucuk);
  cursor: pointer;
}

/* Hamburger: tek span + iki sözde eleman. */
.menu-dugme__cizgi,
.menu-dugme__cizgi::before,
.menu-dugme__cizgi::after {
  display: block; width: 20px; height: 2px;
  background: var(--lacivert); border-radius: 2px;
  transition: transform .2s, opacity .2s;
}
.menu-dugme__cizgi { position: relative; }
.menu-dugme__cizgi::before,
.menu-dugme__cizgi::after { content: ""; position: absolute; left: 0; }
.menu-dugme__cizgi::before { top: -6px; }
.menu-dugme__cizgi::after  { top: 6px; }

.menu-acik .menu-dugme__cizgi { background: transparent; }
.menu-acik .menu-dugme__cizgi::before { transform: translateY(6px) rotate(45deg); }
.menu-acik .menu-dugme__cizgi::after  { transform: translateY(-6px) rotate(-45deg); }

.ana-menu {
  display: none;
  position: absolute; inset-inline: 0; top: 100%;
  background: var(--zemin);
  border-bottom: 1px solid var(--cizgi);
  box-shadow: var(--golge);
  padding: .5rem 20px 1.25rem;
}
.menu-acik .ana-menu { display: block; }

.ana-menu ul { list-style: none; margin: 0; padding: 0; }
.ana-menu li + li { margin-top: 0; border-top: 1px solid var(--cizgi); }

.ana-menu a {
  display: block; padding: .85em .25em;
  color: var(--lacivert); font-weight: 600; text-decoration: none;
}
.ana-menu a:hover { color: var(--kirmizi); }
.ana-menu a[aria-current="page"] { color: var(--kirmizi); }

@media (min-width: 1080px) {
  .menu-dugme { display: none; }

  .ana-menu {
    display: block;
    position: static; inset: auto;
    background: none; border: 0; box-shadow: none; padding: 0;
  }
  .ana-menu ul { display: flex; gap: .15rem; }
  .ana-menu li + li { margin-top: 0; border-top: 0; }
  .ana-menu a {
    padding: .55em .7em; border-radius: var(--yuvarlak-kucuk);
    font-size: .93rem;
    white-space: nowrap;   /* menü etiketleri asla iki satıra düşmesin */
  }
  .ana-menu a:hover { background: var(--zemin-yumusak); }
  .ana-menu a[aria-current="page"] { background: var(--zemin-yumusak); }

  .ust-bar__tel { display: inline-flex; margin-left: .6rem; white-space: nowrap; padding: .7em 1.1em; }
}

/* ------------------------------------------------ 6. Breadcrumb --------- */
.kirinti {
  background: var(--zemin-yumusak);
  border-bottom: 1px solid var(--cizgi);
  font-size: .88rem;
}
.kirinti ol {
  list-style: none; margin: 0; padding: .75rem 0;
  display: flex; flex-wrap: wrap; align-items: center; gap: .4rem;
}
.kirinti li { margin: 0; display: flex; align-items: center; gap: .4rem; }
.kirinti li + li::before { content: "/"; color: var(--metin-soluk); }
.kirinti a { color: var(--metin-soluk); text-decoration: none; }
.kirinti a:hover { color: var(--kirmizi); text-decoration: underline; }
.kirinti [aria-current="page"] { color: var(--lacivert); font-weight: 600; }

/* ----------------------------------------------------- 7. Hero ---------- */
.hero {
  background: linear-gradient(160deg, var(--lacivert) 0%, var(--lacivert-koyu) 100%);
  color: #fff;
  padding: clamp(2.5rem, 1.5rem + 4vw, 4.5rem) 0;
}

.hero__ic { display: grid; gap: 2rem; align-items: center; }

@media (min-width: 900px) {
  .hero__ic { grid-template-columns: 1.05fr .95fr; gap: 3rem; }
}

.hero h1 { color: #fff; margin-bottom: .5em; }

.hero__ozet {
  font-size: clamp(1.02rem, .95rem + .4vw, 1.18rem);
  color: rgba(255, 255, 255, .88);
  max-width: 34em;
}

.hero .etiket { color: #fff; background: rgba(255, 255, 255, .16); }

.hero__tel {
  display: inline-flex; align-items: center; gap: .6rem;
  margin-top: .25rem; font-size: 1.05rem;
  color: rgba(255, 255, 255, .85);
}
.hero__tel strong { color: #fff; font-size: 1.15rem; }

.hero__guven {
  list-style: none; margin: 1.75rem 0 0; padding: 0;
  display: flex; flex-wrap: wrap; gap: .5rem 1.5rem;
  font-size: .95rem; color: rgba(255, 255, 255, .85);
}
.hero__guven li { margin: 0; display: flex; align-items: center; gap: .45rem; }
.hero__guven li::before {
  content: ""; flex: none; width: 7px; height: 7px; border-radius: 50%;
  background: #fff; opacity: .6;
}

.hero__gorsel { border-radius: var(--yuvarlak); overflow: hidden; box-shadow: 0 20px 50px rgba(0,0,0,.28); }

/* Fotoğraflara sabit en-boy oranı veriyoruz: hem dar ekranda sayfayı
   gereksiz uzatmıyor hem de yükleme sırasında layout shift (CLS) oluşmuyor. */
.hero__gorsel img,
.gorsel-cerceve img {
  width: 100%;
  aspect-ratio: 16 / 10;
  object-fit: cover;
}

/* ------------------------------------- 8. İçerik blokları --------------- */
.izgara { display: grid; gap: 1.25rem; }

@media (min-width: 640px) { .izgara--2 { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 860px) { .izgara--3 { grid-template-columns: repeat(3, 1fr); } }
@media (min-width: 640px) { .izgara--4 { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 980px) { .izgara--4 { grid-template-columns: repeat(4, 1fr); } }

.kart {
  background: var(--zemin);
  border: 1px solid var(--cizgi);
  border-radius: var(--yuvarlak);
  padding: 1.5rem;
  box-shadow: var(--golge);
}
.kart h3 { margin-bottom: .45em; }
.kart p  { color: var(--metin-soluk); margin-bottom: 0; font-size: .97rem; }

/* Sayı öne çıkan kart (ör. "10.000+ rapor") — rakam güven sinyalidir, büyük dursun */
.kart--sayi h3 {
  color: var(--kirmizi);
  font-size: clamp(1.35rem, 1.1rem + 1vw, 1.75rem);
  letter-spacing: -.02em;
}

a.kart { text-decoration: none; color: inherit; display: block; transition: box-shadow .15s, transform .15s; }
a.kart:hover { box-shadow: var(--golge-hover); transform: translateY(-2px); }
a.kart h3 { color: var(--lacivert); }
a.kart::after { content: " →"; color: var(--kirmizi); font-weight: 700; }

/* Numaralı süreç adımları */
.adimlar { list-style: none; margin: 0; padding: 0; display: grid; gap: 1.25rem; counter-reset: adim; }

@media (min-width: 860px) { .adimlar { grid-template-columns: repeat(2, 1fr); } }

.adim {
  position: relative; margin: 0;
  background: var(--zemin); border: 1px solid var(--cizgi);
  border-radius: var(--yuvarlak); padding: 1.5rem 1.5rem 1.5rem 4.25rem;
}
.adim::before {
  counter-increment: adim; content: counter(adim);
  position: absolute; left: 1.5rem; top: 1.5rem;
  width: 34px; height: 34px; border-radius: 50%;
  display: grid; place-items: center;
  background: var(--lacivert); color: #fff;
  font-weight: 700; font-size: .95rem;
}
.adim h3 { margin-bottom: .35em; }
.adim p  { color: var(--metin-soluk); margin-bottom: 0; font-size: .97rem; }

/* İşaretli liste */
.onay-liste { list-style: none; padding: 0; margin: 0; display: grid; gap: .7rem; }
.onay-liste li { margin: 0; padding-left: 1.9rem; position: relative; }
.onay-liste li::before {
  content: ""; position: absolute; left: 0; top: .48em;
  width: 11px; height: 6px; border-left: 2.5px solid var(--kirmizi);
  border-bottom: 2.5px solid var(--kirmizi); transform: rotate(-45deg);
}

/* Bilgilendirme kutusu */
.uyari {
  border-left: 4px solid var(--lacivert-acik);
  background: var(--zemin-yumusak);
  padding: 1.1rem 1.25rem;
  border-radius: 0 var(--yuvarlak-kucuk) var(--yuvarlak-kucuk) 0;
  font-size: .97rem;
}
/* Yalnızca kutunun başlığı satır kaplasın; metin içindeki vurgular satır içi kalsın. */
.uyari > strong:first-child { display: block; margin-bottom: .25em; }

/* Kaçırılmaması gereken uyarı (ör. 45 gün psikiyatri onayı) — kırmızı vurgu */
.uyari--dikkat {
  border-left-color: var(--kirmizi);
  background: rgba(176, 18, 26, .05);
}
.uyari--dikkat > strong { color: var(--kirmizi); }

/* İki sütunlu metin + görsel */
.ikili { display: grid; gap: 2rem; align-items: center; }
/* Metin + metin sütunlarında ortalamak yerine üstten hizala (başlıklar aynı hizada dursun) */
.ikili--ust { align-items: start; }
@media (min-width: 880px) { .ikili { grid-template-columns: 1fr 1fr; gap: 3rem; } }
@media (min-width: 880px) { .ikili--ters > :first-child { order: 2; } }

/* İç sayfa başlığı: H1 + giriş paragrafı */
.sayfa-bas { padding: clamp(2rem, 1.4rem + 2vw, 3rem) 0 0; }
.sayfa-bas h1 { margin-bottom: .4em; }
.sayfa-bas .giris {
  font-size: clamp(1.02rem, .97rem + .3vw, 1.15rem);
  color: var(--metin-soluk);
  max-width: 68ch;
}

/* Yan yana bilgi kutuları (ör. "kimler girmeli" özetleri) */
.olcut { list-style: none; padding: 0; margin: 0; display: grid; gap: 1rem; }
@media (min-width: 700px) { .olcut { grid-template-columns: repeat(2, 1fr); } }
.olcut li {
  margin: 0; padding: 1.1rem 1.25rem;
  background: var(--zemin-yumusak); border-radius: var(--yuvarlak-kucuk);
  font-size: .97rem;
}
.olcut strong { display: block; margin-bottom: .2em; }

/* İlgili sayfa bağlantıları */
.ilgili { border-top: 1px solid var(--cizgi); margin-top: 2.5rem; padding-top: 1.75rem; }
.ilgili h2 { font-size: 1.1rem; margin-bottom: .9rem; }

/* Uzun metin bloğu okunabilirliği */
.metin { max-width: 72ch; }
.metin h2 { margin-top: 2.2rem; }
.metin h3 { margin-top: 1.6rem; }
.metin > :first-child { margin-top: 0; }

/* --------------------------------------------------- 9. SSS ------------- */
.sss { display: grid; gap: .75rem; max-width: 820px; }

.sss details {
  background: var(--zemin);
  border: 1px solid var(--cizgi);
  border-radius: var(--yuvarlak-kucuk);
  overflow: hidden;
}
.sss summary {
  cursor: pointer; list-style: none;
  padding: 1.05rem 3rem 1.05rem 1.25rem;
  font-weight: 600; color: var(--lacivert);
  position: relative;
  min-height: 48px;
}
.sss summary::-webkit-details-marker { display: none; }
.sss summary::after {
  content: ""; position: absolute; right: 1.3rem; top: 1.45rem;
  width: 9px; height: 9px;
  border-right: 2px solid var(--kirmizi); border-bottom: 2px solid var(--kirmizi);
  transform: rotate(45deg); transition: transform .18s;
}
.sss details[open] summary::after { transform: rotate(-135deg); top: 1.65rem; }
.sss summary:hover { background: var(--zemin-yumusak); }
.sss .sss__cevap { padding: 0 1.25rem 1.25rem; color: var(--metin-soluk); }
.sss .sss__cevap > :first-child { margin-top: 0; }

/* ------------------------------------------------- 10. Harita ----------- */
.harita { border-radius: var(--yuvarlak); overflow: hidden; border: 1px solid var(--cizgi); }
.harita iframe { display: block; width: 100%; height: 380px; border: 0; }

/* Tıklanınca gerçek haritayı yükleyen hafif kapak.
   <a> etiketidir: JavaScript kapalıysa Google Haritalar'a gider. */
.harita-kapak {
  width: 100%; height: 380px; border: 0; padding: 0;
  display: grid; place-items: center; gap: .6rem; align-content: center;
  cursor: pointer; text-align: center; text-decoration: none;
  background: var(--zemin-yumusak);
  background-image:
    linear-gradient(rgba(18, 49, 79, .04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(18, 49, 79, .04) 1px, transparent 1px);
  background-size: 34px 34px;
  color: var(--lacivert);
  font: inherit; font-weight: 600;
}
.harita-kapak svg { color: var(--kirmizi); }
.harita-kapak span { font-size: 1.05rem; }
.harita-kapak:hover,
.harita-kapak:focus-visible { background-color: #EDF1F6; color: var(--lacivert); }
.harita iframe:focus-visible { outline: 3px solid var(--kirmizi); outline-offset: -3px; }
.harita-kapak span { display: block; }
.harita-kapak small { color: var(--metin-soluk); font-weight: 400; }

/* --------------------------------------------- 11. Kapanış CTA ---------- */
.kapanis-cta {
  background: linear-gradient(160deg, var(--lacivert) 0%, var(--lacivert-koyu) 100%);
  color: #fff;
  padding: clamp(2rem, 1.4rem + 2.4vw, 3.25rem) 0;
}
.kapanis-cta__ic {
  display: grid; gap: 1.5rem; align-items: center;
}
@media (min-width: 820px) {
  .kapanis-cta__ic { grid-template-columns: 1fr auto; gap: 2.5rem; }
}
.kapanis-cta h2 { color: #fff; margin-bottom: .3em; }
.kapanis-cta p  { color: rgba(255, 255, 255, .85); margin-bottom: 0; }

/* ------------------------------------------------- 12. Footer ----------- */
.alt-bar { background: var(--zemin-koyu); color: rgba(255, 255, 255, .78); font-size: .95rem; }

.alt-bar__ic {
  display: grid; gap: 2.25rem;
  padding-top: clamp(2.25rem, 1.5rem + 2.5vw, 3.5rem);
  padding-bottom: 2.5rem;
}
@media (min-width: 700px) { .alt-bar__ic { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1000px) { .alt-bar__ic { grid-template-columns: 1.5fr 1.2fr 1fr 1fr; gap: 2.5rem; } }

.alt-bar__logo { height: 42px; width: auto; margin-bottom: 1rem; }
.alt-bar__ozet { color: rgba(255, 255, 255, .68); font-size: .93rem; }

.alt-bar__baslik {
  font-size: .82rem; letter-spacing: .09em; text-transform: uppercase;
  color: #fff; margin-bottom: .9rem;
}
.alt-bar__baslik--aralik { margin-top: 1.6rem; }

.alt-bar a { color: rgba(255, 255, 255, .82); text-decoration: none; }
.alt-bar a:hover { color: #fff; text-decoration: underline; }

.alt-menu, .sosyal { list-style: none; margin: 0; padding: 0; }
.alt-menu li, .sosyal li { margin: 0 0 .5rem; }
.sosyal { display: flex; flex-wrap: wrap; gap: .5rem 1.1rem; margin-top: 1rem; }
.sosyal li { margin: 0; }

/* .nap hem footer'da hem içerik bölümlerinde kullanılıyor; beyaz renk
   yalnızca koyu zeminli footer'a özel olmalı. */
.nap { font-style: normal; line-height: 1.8; }
.nap strong { color: var(--lacivert); }
.alt-bar .nap strong { color: #fff; }
.alt-bar .nap__tarif { color: rgba(255, 255, 255, .6); font-size: .9rem; }
.alt-bar__not { margin-top: .9rem; font-size: .88rem; color: rgba(255, 255, 255, .6); }

.alt-bar__telif {
  border-top: 1px solid rgba(255, 255, 255, .12);
  padding: 1.1rem 0;
  /* .55 opaklık WCAG AA kontrast eşiğinin altında kalıyordu; .68'e çıkarıldı. */
  font-size: .85rem; color: rgba(255, 255, 255, .68);
}

/* -------------------------------------- 13. Mobil sabit çubuk ----------- */
.mobil-cubuk {
  position: fixed; inset-inline: 0; bottom: 0; z-index: 100;
  display: grid; grid-template-columns: 1fr 1fr;
  background: var(--zemin);
  border-top: 1px solid var(--cizgi);
  box-shadow: 0 -2px 14px rgba(12, 34, 57, .10);
  /* iPhone alt çubuğunun butonları örtmemesi için. */
  padding-bottom: env(safe-area-inset-bottom, 0);
}

.mobil-cubuk__btn {
  display: flex; align-items: center; justify-content: center; gap: .5rem;
  min-height: 60px; padding: .5rem;
  font-weight: 700; font-size: 1rem; text-decoration: none;
}
.mobil-cubuk__btn--ara { background: var(--kirmizi); color: #fff; }
.mobil-cubuk__btn--wa  { background: #1FA855; color: #fff; }
.mobil-cubuk__btn:hover { color: #fff; }

@media (min-width: 900px) { .mobil-cubuk { display: none; } }

/* ---------------------------------------------------- 14. 404 ----------- */
.hata {
  text-align: center;
  padding: clamp(3rem, 2rem + 5vw, 6rem) 0;
}
.hata__kod {
  font-size: clamp(3.5rem, 2rem + 8vw, 6rem);
  font-weight: 800; line-height: 1;
  color: var(--zemin-yumusak);
  margin: 0 0 .1em;
  -webkit-text-stroke: 2px var(--cizgi);
}
.hata .btn-grup { justify-content: center; }
.hata__linkler { max-width: 460px; margin: 2.5rem auto 0; text-align: left; }

/* ------------------------------- 15. Hareket tercihi / yazdırma --------- */
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after {
    animation-duration: .01ms !important;
    transition-duration: .01ms !important;
  }
}

@media print {
  .mobil-cubuk, .menu-dugme, .ana-menu, .kapanis-cta, .harita { display: none !important; }
  body { padding-bottom: 0; }
}