/* Kar sitesinin ORTAK stili — Türkçe ve İngilizce sayfa aynı dosyayı
   kullanıyor. İki kopya tutmak, birini düzeltip diğerini unutmak demekti. */
  :root {
    --zemin: #f2f6fb; --kart: #ffffff; --metin: #0d1726; --soluk: #55677f;
    --cizgi: #dce5f0; --mavi: #0a56a4; --mavi-acik: #2b8ae0;
    --yaz: #d97a2b; --yaz-yumusak: #fdf1e5;
    --golge: 0 1px 2px rgba(13,23,38,.05), 0 6px 18px rgba(13,23,38,.06);
  }
  @media (prefers-color-scheme: dark) {
    :root {
      --zemin: #0b111a; --kart: #141d29; --metin: #e8eef7; --soluk: #93a5bd;
      --cizgi: #222e3e; --mavi: #7fb4f0; --mavi-acik: #4a9ae8;
      --yaz: #f0a35a; --yaz-yumusak: #2a1f14;
      --golge: 0 1px 2px rgba(0,0,0,.3), 0 6px 20px rgba(0,0,0,.28);
    }
  }
  * { box-sizing: border-box; }
  body {
    margin: 0; background: var(--zemin); color: var(--metin);
    font: 16px/1.6 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
  }
  a { color: var(--mavi); }
  .sar { max-width: 64rem; margin: 0 auto; padding: 0 1.25rem; }

  header { padding: 3rem 0 1.75rem; text-align: center; }
  .marka { font-size: .75rem; letter-spacing: .13em; text-transform: uppercase; color: var(--soluk); margin: 0 0 .9rem; }
  h1 { font-size: clamp(1.65rem, 4.4vw, 2.5rem); line-height: 1.15; margin: 0 auto .8rem; letter-spacing: -.022em; max-width: 22ch; }
  .alt { color: var(--soluk); margin: 0 auto; max-width: 42rem; }

  .durum {
    margin: 2rem auto 0; max-width: 40rem;
    background: var(--kart); border: 1px solid var(--cizgi); border-radius: 14px;
    padding: 1.15rem 1.35rem; box-shadow: var(--golge);
  }
  .durum .buyuk { font-size: 1.1875rem; font-weight: 650; margin: 0; letter-spacing: -.01em; }
  .durum .kucuk { margin: .4rem 0 0; font-size: .875rem; color: var(--soluk); }

  .harita-sar { margin: 2rem 0 0; }
  #map { height: 26rem; border-radius: 16px; border: 1px solid var(--cizgi); background: var(--yaz-yumusak); box-shadow: var(--golge); }

  .aciklama { display: flex; gap: 1.4rem; flex-wrap: wrap; justify-content: center; margin: .85rem 0 0; font-size: .8125rem; color: var(--soluk); }
  .aciklama span { display: inline-flex; align-items: center; gap: .4rem; }
  .kutucuk { width: .95rem; height: .7rem; border-radius: 3px; border: 1.5px dashed var(--bant, #d97a2b); background: color-mix(in srgb, var(--bant-dolgu, #e8873a) 20%, transparent); flex: none; }
  .yuvarlak { width: .7rem; height: .7rem; border-radius: 50%; background: var(--mavi-acik); border: 2px solid var(--mavi); flex: none; }

  h2 { font-size: 1.1875rem; margin: 2.75rem 0 1rem; letter-spacing: -.01em; }

  .kartlar { display: grid; grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr)); gap: 1rem; padding: 0; margin: 0; list-style: none; }
  .kart { background: var(--kart); border: 1px solid var(--cizgi); border-radius: 14px; padding: 1.1rem 1.2rem; box-shadow: var(--golge); }
  .kart-ust { display: flex; align-items: center; justify-content: space-between; margin-bottom: .6rem; }
  .kart .ikon { font-size: 1.3rem; }
  .kart .sic { font-size: 1.375rem; font-weight: 700; color: var(--mavi); font-variant-numeric: tabular-nums; }
  .kart .yer { font-size: 1.0625rem; font-weight: 650; margin: 0; }
  .kart .ulke { font-size: .875rem; color: var(--soluk); margin: .1rem 0 .75rem; }
  .kart .olcu { display: flex; flex-wrap: wrap; gap: .4rem; list-style: none; margin: 0; padding: 0; }
  .kart .olcu li { font-size: .8125rem; color: var(--soluk); background: var(--zemin); border-radius: 999px; padding: .2rem .65rem; }
  .rozet { font-size: .6875rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; border-radius: 999px; padding: .2rem .6rem; background: var(--zemin); color: var(--soluk); }
  .rozet.aktif { background: var(--mavi); color: #fff; }
  @media (prefers-color-scheme: dark) { .rozet.aktif { color: #08121f; } }

  .don-liste { list-style: none; margin: 0; padding: 0; border: 1px solid var(--cizgi); border-radius: 14px; overflow: hidden; background: var(--kart); box-shadow: var(--golge); }
  .don-liste li { display: flex; align-items: center; gap: .8rem; padding: .65rem .95rem; border-top: 1px solid var(--cizgi); }
  .don-liste li:first-child { border-top: 0; }
  .don-liste .bilgi { flex: 1; min-width: 0; }
  .don-liste .yer2 { font-weight: 600; }
  .don-liste .detay { font-size: .8125rem; color: var(--soluk); }
  .don-liste .sic2 { font-weight: 700; color: var(--mavi); font-variant-numeric: tabular-nums; white-space: nowrap; }

  .bos-kart { background: var(--kart); border: 1px dashed var(--cizgi); border-radius: 14px; padding: 1.75rem 1.35rem; color: var(--soluk); text-align: center; grid-column: 1 / -1; }

  .tr-izgara { display: grid; grid-template-columns: repeat(auto-fill, minmax(13rem, 1fr)); gap: .6rem; padding: 0; margin: 0; list-style: none; }
  .tr-satir { display: flex; align-items: center; gap: .7rem; background: var(--kart); border: 1px solid var(--cizgi); border-radius: 10px; padding: .6rem .8rem; }
  .tr-satir .tr-ad { font-weight: 600; font-size: .9375rem; }
  .tr-satir .tr-rakim { font-size: .78125rem; color: var(--soluk); }
  .tr-satir .tr-sic { margin-left: auto; font-weight: 700; font-variant-numeric: tabular-nums; }
  .tr-satir .tr-sic.eksi { color: var(--mavi); }
  .tr-satir .tr-kar { font-size: .95rem; }
  .dipnot { font-size: .8125rem; color: var(--soluk); margin: .7rem 0 0; max-width: 46rem; }

  .anlat { background: var(--kart); border-top: 1px solid var(--cizgi); margin-top: 3.5rem; padding: 2.5rem 0 1.25rem; }
  .anlat h2 { font-size: 1.25rem; }
  .anlat p { max-width: 46rem; }
  .anlat .ikincil { color: var(--soluk); font-size: .9375rem; }
  .sarki { border-left: 3px solid var(--mavi); padding: .15rem 0 .15rem 1.05rem; margin: 1.75rem 0 .5rem; color: var(--soluk); font-style: italic; max-width: 46rem; }

  footer { border-top: 1px solid var(--cizgi); background: var(--kart); color: var(--soluk); font-size: .875rem; padding: 1.75rem 0 2.75rem; }
  footer p { margin: 0 0 .6rem; max-width: 46rem; }
  footer a { color: var(--mavi); }

  .yaz-etiket { font-size: .6875rem; font-weight: 700; letter-spacing: .09em; color: var(--bant, #b45f16); white-space: nowrap; text-shadow: 0 1px 2px rgba(255,255,255,.9), 0 0 6px rgba(255,255,255,.7); }