/* aser.tr — Apple HIG dili. Hazır çerçeve yok, her kural elle yazıldı. */
:root{
  color-scheme:light;
  --zemin-1:#eef0f5; --zemin-2:#dfe4ee;
  --pencere:#f5f5f7; --kagit:#fff;
  --kenar:rgba(0,0,0,.08); --kenar-guclu:rgba(0,0,0,.13);
  --metin:#1d1d1f; --metin-2:#66666c; --metin-3:#6a6a74;
  --aksan:#0a84ff;
  --kirmizi:#ff5f57; --sari:#febc2e; --yesil:#28c840;
  /* Aynı renklerin METİN olarak okunabilir tonları. Canlı ton
     nokta ve şerit zemini için doğru, yazı için değil. */
  --yesil-metin:#177d28; --sari-metin:#8a6100; --kirmizi-metin:#c0322b;
  --r:12px; --r-k:8px;
  --gecis-hover:rgba(0,0,0,.035);
  /* Maket pencerenin cam yüzeyleri. Sabit `rgba(255,255,255,.x)` idi ve
     koyu temada gri lekeye dönüşüp üstündeki açık metni yutuyordu. */
  --cam-ust:rgba(246,246,248,.86); --cam-yan:rgba(255,255,255,.45);
  --cam-liste:rgba(255,255,255,.62); --cam-kart:rgba(255,255,255,.72);
  --dugme-hover:#fbfbfd;
  --aksan-koyu:#0a5fb4;          /* aksan rengin metin olarak okunabilir tonu */
  --aksan-zemin:#0a6ad0;         /* üstünde yazı olan aksan yüzeyi */
  --aksan-yumusak:rgba(10,132,255,.13);
  --aksan-uzeri:#fff;            /* aksan zemin üzerindeki metin */
  --av-gri-1:#6b7079; --av-gri-2:#4f545c;   /* sönük avatar */
  --golge:0 30px 70px rgba(0,0,0,.18), 0 3px 8px rgba(0,0,0,.06);
  --font:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Inter,system-ui,sans-serif;
}
*{box-sizing:border-box}
body{
  margin:0; font-family:var(--font); font-size:15px; line-height:1.6; color:var(--metin);
  -webkit-font-smoothing:antialiased;
  background:linear-gradient(168deg,var(--zemin-1) 0%,var(--zemin-2) 100%);
  background-attachment:fixed;
}
a{color:inherit}
h1,h2,h3{letter-spacing:-.025em;font-weight:600;margin:0}

/* ── Üst çubuk ────────────────────────────────────────────────────── */
.ust{
  max-width:1120px;margin:0 auto;padding:22px 24px;
  display:flex;align-items:center;gap:24px;
}
.marka{display:flex;align-items:center;text-decoration:none}
.sonek{color:var(--metin-3);font-weight:500}
.ust nav{margin-left:auto;display:flex;align-items:center;gap:22px;font-size:14px}
.ust nav a{color:var(--metin-2);text-decoration:none}
.ust nav a:hover{color:var(--metin)}

.dugme{
  display:inline-flex;align-items:center;justify-content:center;
  padding:9px 18px;border-radius:var(--r-k);font-size:14px;font-weight:500;
  text-decoration:none;border:1px solid var(--kenar-guclu);background:var(--kagit);color:var(--metin);
}
.dugme:hover{background:var(--dugme-hover)}
.dugme.birincil{background:var(--aksan-zemin);border-color:transparent;color:var(--aksan-uzeri)}
.dugme.birincil:hover{filter:brightness(1.07)}
.dugme.kucuk{padding:6px 13px;font-size:13px}

/* ── Hero ─────────────────────────────────────────────────────────── */
.hero{max-width:1120px;margin:0 auto;padding:46px 24px 0;text-align:center}
.hero h1{font-size:clamp(30px,5vw,50px);line-height:1.1;text-wrap:balance}
/* Satır kırılması <br> ile yapılıyordu; etiketler ayıklandığında iki kelime
   birleşip "kartvizitinizdenönce" oluyordu — arama motorları ve dil
   modelleri metni tam olarak böyle okur. Kırılmayı CSS yapıyor. */
.hero h1 .satir{display:inline-block}
.ana-metin{max-width:560px;margin:18px auto 0;color:var(--metin-2);font-size:17px}
.cta{display:flex;gap:11px;justify-content:center;margin:28px 0 52px;flex-wrap:wrap}

/* ── Ürün penceresi (tamamen CSS, görsel dosyası yok) ─────────────── */
.vitrin{perspective:1600px}
.uyg-pencere{
  max-width:1000px;margin:0 auto;text-align:left;
  background:var(--pencere);border-radius:var(--r);box-shadow:var(--golge);
  overflow:hidden;transform:rotateX(3deg);transform-origin:top center;
}
.uyg-toolbar{
  height:46px;display:flex;align-items:center;gap:14px;padding:0 14px;
  border-bottom:1px solid var(--kenar);
  background:var(--cam-ust);backdrop-filter:saturate(180%) blur(20px);
}
.isiklar{display:flex;gap:8px}
.isik{width:11px;height:11px;border-radius:50%;display:block}
.isik.k{background:var(--kirmizi)}.isik.s{background:var(--sari)}.isik.y{background:var(--yesil)}
.uyg-baslik{font-size:13px;font-weight:600}
.uyg-arama{
  margin-left:auto;background:rgba(0,0,0,.05);border-radius:6px;
  padding:4px 40px 4px 10px;font-size:12px;color:var(--metin-2);
}
.uyg-govde{display:flex;height:420px;font-size:13px}

.uyg-yan{
  width:186px;flex:0 0 186px;padding:12px 8px;
  background:var(--cam-yan);backdrop-filter:saturate(180%) blur(20px);
  border-right:1px solid var(--kenar);
}
.yan-grup{font-size:11px;font-weight:600;color:var(--metin-3);padding:9px 9px 5px}
.yan-oge{display:flex;align-items:center;gap:8px;padding:5px 9px;border-radius:6px;color:var(--metin)}
.yan-oge span{margin-left:auto;color:var(--metin-3);font-size:11.5px}
.yan-oge.secili{background:var(--aksan-zemin);color:var(--aksan-uzeri)}
.yan-oge.secili span{color:var(--aksan-uzeri);opacity:.8}
.nk{width:8px;height:8px;border-radius:50%;flex:0 0 8px}
.nk.mavi{background:#0a84ff}.nk.mor{background:#8e6ee6}.nk.turuncu{background:#f5a623}
.nk.gri{background:#c7c7cc}.nk.yesil{background:#28c840}.nk.kirmizi{background:#ff5f57}
.yan-oge.secili .nk{background:var(--aksan-uzeri)}

.uyg-liste{
  width:280px;flex:0 0 280px;border-right:1px solid var(--kenar);
  background:var(--cam-liste);overflow:hidden;
}
.ml{padding:11px 14px;border-bottom:1px solid var(--kenar)}
.ml.secili{background:var(--kagit);box-shadow:inset 3px 0 0 var(--aksan)}
.ml-ust{display:flex;align-items:baseline;gap:8px}
.ml-kim{font-weight:600;font-size:13px}
.ml-saat{margin-left:auto;color:var(--metin-3);font-size:11.5px}
.ml-konu{font-size:12.5px;margin-top:1px}
.ml-onizleme{
  color:var(--metin-2);font-size:12px;margin-top:2px;line-height:1.45;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}

.uyg-okuma{flex:1;background:var(--kagit);padding:0;overflow:hidden}
.ok-baslik{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--kenar)}
.avatar{
  width:36px;height:36px;border-radius:50%;flex:0 0 36px;display:grid;place-items:center;
  background:linear-gradient(160deg,#1f6fd0,#0a4a8c);color:#fff;font-size:13px;font-weight:600;
}
.ok-konu{font-weight:600;font-size:14px;letter-spacing:-.01em}
.ok-kim{color:var(--metin-2);font-size:12px}
.yanitla{
  margin-left:auto;background:var(--aksan-zemin);color:var(--aksan-uzeri);border:0;border-radius:6px;
  padding:6px 15px;font:inherit;font-size:12.5px;font-weight:500;cursor:default;
}
.ok-govde{padding:18px 20px;font-size:13.5px;color:var(--metin-2)}
.ok-govde p{margin:0 0 12px}

/* ── Bölümler ─────────────────────────────────────────────────────── */
.bolum{max-width:1120px;margin:0 auto;padding:82px 24px 0}
/* Sayfa başlığının hemen ardından gelen bölüm: 82px'lik boşluk başlıkla
   içeriğin arasını koparıyordu. */
.bolum.yakin{padding-top:34px}
.bolum h2{font-size:clamp(24px,3.4vw,34px);text-align:center}
.bolum-alt{text-align:center;color:var(--metin-2);max-width:560px;margin:14px auto 40px}

.izgara{display:grid;grid-template-columns:repeat(auto-fit,minmax(292px,1fr));gap:16px}
.ozellik{
  background:var(--cam-kart);border:1px solid var(--kenar);border-radius:var(--r);
  padding:22px 22px 24px;backdrop-filter:blur(12px);
}
.ozellik svg{color:var(--aksan);display:block;margin-bottom:13px}
.ozellik h3{font-size:15px;margin-bottom:7px}
.ozellik p{margin:0;color:var(--metin-2);font-size:13.5px;line-height:1.55}

.bolum.koyu{margin-top:82px;padding-bottom:82px}
.adimlar{display:grid;grid-template-columns:repeat(auto-fit,minmax(276px,1fr));gap:16px;margin-top:36px}
.adim{background:var(--kagit);border:1px solid var(--kenar);border-radius:var(--r);padding:24px}
.sayi{
  display:grid;place-items:center;width:27px;height:27px;border-radius:50%;
  background:var(--aksan-zemin);color:var(--aksan-uzeri);font-size:13px;font-weight:600;margin-bottom:13px;
}
.adim h3{font-size:15px;margin-bottom:7px}
.adim p{margin:0;color:var(--metin-2);font-size:13.5px}

/* ── Footer ───────────────────────────────────────────────────────
   Eskiden tek satırdı: üç bağlantı ve logo. Footer güven, gezinme ve
   arama motoru için sayfanın en verimli alanlarından biri; ayrıca 6563
   sayılı kanunun istediği kimlik bilgileri burada duruyor. */
footer{
  max-width:1120px;margin:0 auto;padding:44px 24px 40px;
  border-top:1px solid var(--kenar);
}
.alt-ust{display:flex;gap:48px;flex-wrap:wrap;align-items:flex-start}
.alt-marka{flex:1 1 240px;min-width:220px}
.alt-slogan{
  margin:14px 0 0;color:var(--metin-2);font-size:13.5px;line-height:1.6;max-width:34ch;
}
.alt-sutunlar{
  flex:2 1 520px;display:grid;
  grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:26px 24px;
}
.alt-sutunlar h2{
  font-size:11.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;
  color:var(--metin-3);margin:0 0 10px;
}
.alt-sutunlar a{
  display:block;color:var(--metin-2);text-decoration:none;font-size:13.5px;
  padding:4px 0;line-height:1.5;
}
.alt-sutunlar a:hover{color:var(--metin)}
.alt-kimlik{
  margin-top:38px;padding-top:20px;border-top:1px solid var(--kenar);
  font-size:12px;color:var(--metin-3);line-height:1.7;
}
.alt-kimlik p{margin:0 0 5px}
.alt-kimlik a{color:var(--metin-2)}
.alt-telif{color:var(--metin-3)}

/* ── İçeriğe atla ─────────────────────────────────────────────────
   Klavye kullanıcısı her sayfada menüyü baştan geçmek zorundaydı.
   Görünmez durur, odak alınca belirir. */
.atla{
  position:absolute;left:-9999px;top:0;z-index:100;
  background:var(--aksan-zemin);color:var(--aksan-uzeri);padding:11px 18px;
  border-radius:0 0 var(--r-k) 0;text-decoration:none;font-size:14px;font-weight:500;
}
.atla:focus{left:0}

/* ── Odak görünürlüğü ─────────────────────────────────────────────
   Odak stilleri yalnızca form alanlarında tanımlıydı; menüde ve
   düğmelerde klavyeyle gezen biri nerede olduğunu göremiyordu. */
:focus-visible{outline:2px solid var(--aksan);outline-offset:2px;border-radius:3px}
.dugme:focus-visible{outline-offset:3px}

/* ── Dokunma hedefi ───────────────────────────────────────────────
   Görsel boyut aynı kalıyor, tıklama alanı büyüyor. */
.ust nav a:not(.dugme){padding:11px 2px;display:inline-block}
.alt-sutunlar a{min-height:26px}

/* ── 404 ──────────────────────────────────────────────────────────── */
.hata-kod{
  font-size:13px;font-weight:600;letter-spacing:.14em;color:var(--metin-3);
  margin:0 0 10px;
}
.tekil-alt{margin-top:26px;font-size:13.5px;color:var(--metin-3)}
.tekil .cta{margin-top:26px;justify-content:flex-start}

/* Aktif menü bağlantısı */
.ust nav a.aktif{color:var(--metin);font-weight:500}

@media (max-width:900px){
  .uyg-liste{display:none}
  .uyg-govde{height:360px}
}
@media (max-width:640px){
  .uyg-yan{display:none}
  .ust nav a:not(.dugme):not(.mobilde-kalsin){display:none}
  .ust nav{gap:9px}
  .uyg-pencere{transform:none}
  /* Başlıktaki düğmeler dar ekranda iki satıra kırılıyordu ("Ücretsiz /
     aç"): yükseklikleri büyüyor, hizalama bozuluyordu. */
  .ust nav a{white-space:nowrap}
  .ust nav .dugme{padding:8px 12px}
  .ust{padding-left:16px;padding-right:16px}
  /* Dokunma hedefi: bağlantılar 28px yükseklikteydi, parmakla ıskalanıyor.
     `display` YALNIZCA görünen bağlantılara verilmeli — hepsine verince
     bir üstteki `display:none` eziliyor ve gizli bağlantılar geri
     geliyordu (bir kez oldu). */
  .ust nav a.dugme,.ust nav a.mobilde-kalsin,
  .alt-sutunlar a{min-height:40px;display:inline-flex;align-items:center}
}

/* ── Vurgu ────────────────────────────────────────────────────────── */
.vurgu{
  font-family:ui-monospace,SFMono-Regular,"SF Mono",Menlo,monospace;
  font-size:.94em;background:rgba(10,132,255,.09);color:var(--aksan-koyu);
  padding:1px 7px;border-radius:5px;white-space:nowrap;
}

/* ── Kimlik kıyaslaması ───────────────────────────────────────────── */
.kiyas{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px}
.kiyas-kart{
  background:var(--kagit);border:1px solid var(--kenar);border-radius:var(--r);
  padding:20px 22px 22px;position:relative;
}
.kiyas-kart.guclu{box-shadow:0 0 0 1px rgba(10,132,255,.28),0 14px 34px rgba(10,132,255,.10)}
.kiyas-etiket{
  font-size:11px;font-weight:600;letter-spacing:.02em;color:var(--metin-3);
  margin-bottom:14px;
}
.kiyas-kart.guclu .kiyas-etiket{color:var(--aksan-koyu)}
.kiyas-satir{display:flex;align-items:center;gap:11px}
.kiyas-av{
  width:38px;height:38px;border-radius:50%;flex:0 0 38px;display:grid;place-items:center;
  background:linear-gradient(160deg,#1f6fd0,#0a4a8c);color:#fff;font-size:13px;font-weight:600;
}
.kiyas-av.gri{background:linear-gradient(160deg,var(--av-gri-1),var(--av-gri-2))}
.kiyas-kim{font-weight:600;font-size:14px}
.kiyas-adres{
  font-family:ui-monospace,SFMono-Regular,"SF Mono",Menlo,monospace;
  font-size:12px;color:var(--metin-2);word-break:break-all;margin-top:1px;
}
.kiyas-kart.guclu .kiyas-adres{color:var(--aksan-koyu)}
.kiyas-konu{
  font-size:13.5px;font-weight:500;margin:14px 0 0;padding-top:13px;
  border-top:1px solid var(--kenar);
}
.kiyas-not{margin:9px 0 0;color:var(--metin-2);font-size:13px;line-height:1.55}

/* ── Spam: iki yön ────────────────────────────────────────────────── */
.ikili{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:16px}
.yon{
  background:var(--cam-kart);border:1px solid var(--kenar);
  border-radius:var(--r);padding:22px;backdrop-filter:blur(12px);
}
.yon-baslik{display:flex;align-items:center;gap:9px;font-weight:600;font-size:15px;margin-bottom:11px}
.ok{width:22px;height:22px;border-radius:6px;position:relative;flex:0 0 22px}
.ok::after{
  content:"";position:absolute;inset:0;margin:auto;width:9px;height:9px;
  border-right:2px solid #fff;border-bottom:2px solid #fff;
}
.ok.gelen{background:#34a853}
.ok.gelen::after{transform:rotate(45deg) translate(-1px,-1px)}
.ok.giden{background:var(--aksan)}
.ok.giden::after{transform:rotate(-135deg) translate(-1px,-1px)}
.yon p{margin:0 0 11px;color:var(--metin-2);font-size:13.5px;line-height:1.6}
.yon-not{
  margin:0;padding:11px 13px;background:rgba(0,0,0,.035);border-radius:var(--r-k);
  font-size:12.5px;color:var(--metin-2);
}

/* ── Kanıt bloğu ──────────────────────────────────────────────────── */
.kanit-kutu{
  background:#1c1c1e;border-radius:var(--r);overflow:hidden;
  box-shadow:0 18px 44px rgba(0,0,0,.22);
}
.kanit-satir{padding:15px 20px;border-bottom:1px solid rgba(255,255,255,.08)}
.kanit-satir:last-child{border-bottom:none}
.kanit-aciklama{color:#98989d;font-size:12.5px;margin-bottom:7px}
.kanit-kutu code{
  display:block;font-family:ui-monospace,SFMono-Regular,"SF Mono",Menlo,monospace;
  font-size:12.5px;color:#7ee2a8;word-break:break-all;line-height:1.5;
}
.kanit-not{
  max-width:640px;margin:18px auto 0;text-align:center;
  color:var(--metin-2);font-size:13.5px;
}

/* Kelime markası tek parça çizim; yanında ayrı metin yok, bu yüzden eskiden
   ikon-metin hizası için verilen kaydırma kaldırıldı. */
.marka svg,.alt-marka svg{display:block;color:var(--metin)}

/* ── Fiyat ─────────────────────────────────────────────────────────────── */
.paketler{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));
  gap:16px;margin-top:26px;max-width:760px}
.paket{background:var(--kagit);border:1px solid var(--kenar);
  border-radius:14px;padding:24px 24px 26px}
.paket.one-cikan{border-color:var(--aksan);box-shadow:0 0 0 1px var(--aksan)}
.paket h3{margin:0;font-size:15px;font-weight:600;letter-spacing:-.01em}
.fiyat{margin:12px 0 2px;display:flex;align-items:baseline;gap:7px}
.fiyat .tutar{font-size:34px;font-weight:600;letter-spacing:-.03em}
.fiyat .birim{font-size:13px;color:var(--metin-2)}
.kdv{margin:0 0 16px;font-size:12px;color:var(--metin-3)}
.paket ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:9px}
.paket li{font-size:13.5px;color:var(--metin-2);padding-left:20px;position:relative;
  line-height:1.5}
.paket li::before{content:"";position:absolute;left:0;top:7px;width:9px;height:5px;
  border-left:1.6px solid var(--aksan);border-bottom:1.6px solid var(--aksan);
  transform:rotate(-45deg)}
.paket li b{color:var(--metin);font-weight:600}
.mono-kucuk{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px}
.paket-not{margin:20px 0 0;font-size:12.5px;color:var(--metin-3);max-width:60ch}

/* ── Başvuru formu ─────────────────────────────────────────────────────── */
.basvuru-form{display:flex;flex-direction:column;gap:14px;max-width:620px;margin-top:26px}
.basvuru-form .satir-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.basvuru-form label{display:flex;flex-direction:column;gap:6px;font-size:13px;
  font-weight:500}
.basvuru-form .ops{color:var(--metin-3);font-weight:400}
.basvuru-form input,.basvuru-form select,.basvuru-form textarea{
  font:inherit;font-size:14.5px;font-weight:400;padding:10px 12px;border-radius:9px;
  border:1px solid var(--kenar);background:var(--kagit);color:var(--metin);width:100%}
.basvuru-form textarea{resize:vertical;min-height:76px}
.basvuru-form input:focus,.basvuru-form select:focus,.basvuru-form textarea:focus{
  outline:0;border-color:var(--aksan);box-shadow:0 0 0 3px rgba(10,132,255,.14)}
.basvuru-form button{align-self:flex-start;font:inherit;font-size:15px;font-weight:500;
  padding:11px 24px;border:0;border-radius:9px;background:var(--aksan-zemin);color:var(--aksan-uzeri);
  cursor:pointer;transition:filter .15s ease}
.basvuru-form button:hover{filter:brightness(.94)}
.form-not{margin:0;font-size:12px;color:var(--metin-3)}
/* Tuzak alan ekranda da okuyucuda da yok. */
.tuzak{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

@media (max-width:620px){
  .basvuru-form .satir-2{grid-template-columns:1fr}
}

/* ── Tekil bilgi sayfaları (başvuru sonucu) ────────────────────────────── */
.tekil{max-width:560px;margin:0 auto;padding:96px 24px;display:flex;
  flex-direction:column;align-items:flex-start;gap:18px;min-height:70vh;
  justify-content:center}
.tekil .marka{color:var(--metin);text-decoration:none;display:block}
.tekil h1{margin:0;font-size:26px;font-weight:600;letter-spacing:-.02em}
.tekil p{margin:0;color:var(--metin-2);font-size:15px;line-height:1.6;max-width:52ch}
.tekil code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13.5px;
  background:var(--zemin-2);padding:1px 5px;border-radius:4px}
.tekil .geri{color:var(--aksan-koyu);text-decoration:none;font-size:14.5px;font-weight:500}
.tekil .geri:hover{text-decoration:underline}
/* Etiket metni ve (varsa) tek satırda kalsın — flex sütununda çıplak metin
   düğümü ayrı bir öğe olup kendi satırına düşüyordu. */
.basvuru-form .et{display:block;line-height:1.3}

/* ── Ayrı sayfalar: başlık bloğu ───────────────────────────────────────── */
.sayfa-bas{max-width:1060px;margin:0 auto;padding:72px 24px 8px}
.sayfa-bas h1{margin:0 0 14px;font-size:clamp(30px,4vw,42px);font-weight:600;
  letter-spacing:-.03em;line-height:1.1}
.sayfa-bas .giris{margin:0;color:var(--metin-2);font-size:16.5px;max-width:56ch;
  line-height:1.6}
.ust nav a.aktif{color:var(--metin);font-weight:500}

/* ── Paket kartları: üç sütun ve düğme ─────────────────────────────────── */
.paketler{max-width:1060px}
.paket{display:flex;flex-direction:column}
.paket ul{flex:1}
.paket-dugme{display:block;text-align:center;margin-top:22px;padding:11px 18px;
  border-radius:9px;text-decoration:none;font-size:14.5px;font-weight:500;
  border:1px solid var(--kenar-guclu);color:var(--metin);
  transition:background .15s ease,filter .15s ease}
.paket-dugme:hover{background:var(--gecis-hover)}
.paket-dugme.birincil{background:var(--aksan-zemin);color:var(--aksan-uzeri);border-color:transparent}
.paket-dugme.birincil:hover{background:var(--aksan);filter:brightness(.94)}

/* ── Sık sorulanlar ────────────────────────────────────────────────────── */
.sss{max-width:660px;margin:22px auto 0;display:flex;flex-direction:column;gap:2px}
.sss details{border-bottom:1px solid var(--kenar);padding:2px 0}
.sss summary{cursor:pointer;padding:14px 0;font-size:15px;font-weight:500;
  list-style:none;display:flex;align-items:center;gap:10px}
.sss summary::-webkit-details-marker{display:none}
.sss summary::before{content:"";width:8px;height:8px;flex:0 0 8px;
  border-right:1.7px solid var(--metin-3);border-bottom:1.7px solid var(--metin-3);
  transform:rotate(-45deg);transition:transform .18s ease}
.sss details[open] summary::before{transform:rotate(45deg)}
.sss details p{margin:0 0 16px 18px;color:var(--metin-2);font-size:14px;
  line-height:1.6;max-width:56ch}

/* ── Kayıt sayfası: iki sütun ──────────────────────────────────────────── */
.kayit-duzen{max-width:1060px;margin:0 auto;padding:64px 24px 88px;
  display:grid;grid-template-columns:1fr 420px;gap:56px;align-items:start}
.kayit-yan h1{margin:0 0 14px;font-size:clamp(28px,3.4vw,38px);font-weight:600;
  letter-spacing:-.03em;line-height:1.12}
.kayit-yan .giris{margin:0 0 28px;color:var(--metin-2);font-size:16px;max-width:44ch}
.adim-liste{margin:0;padding:0;list-style:none;counter-reset:a;
  display:flex;flex-direction:column;gap:16px}
.adim-liste li{counter-increment:a;padding-left:38px;position:relative}
.adim-liste li::before{content:counter(a);position:absolute;left:0;top:-1px;
  width:25px;height:25px;border-radius:50%;background:var(--aksan-zemin);color:var(--aksan-uzeri);
  font-size:12.5px;font-weight:600;display:flex;align-items:center;
  justify-content:center}
.adim-liste b{display:block;font-size:14.5px;font-weight:600}
.adim-liste span{display:block;color:var(--metin-2);font-size:13.5px;margin-top:2px}
.kayit-not{margin:28px 0 0;color:var(--metin-3);font-size:12.5px;max-width:44ch;
  line-height:1.6}

.kayit-form{background:var(--kagit);border:1px solid var(--kenar);border-radius:14px;
  padding:26px;display:flex;flex-direction:column;gap:15px}
.kayit-form label{display:flex;flex-direction:column;gap:6px;font-size:13px;
  font-weight:500}
.kayit-form .et{display:block;line-height:1.3}
.kayit-form .ops{color:var(--metin-3);font-weight:400}
.kayit-form input{font:inherit;font-size:14.5px;font-weight:400;padding:10px 12px;
  border-radius:9px;border:1px solid var(--kenar);background:var(--kagit);color:var(--metin);
  width:100%}
.kayit-form input:focus{outline:0;border-color:var(--aksan);
  box-shadow:0 0 0 3px rgba(10,132,255,.14)}
.kayit-form .ipucu{font-size:11.5px;color:var(--metin-3);font-weight:400}
.kayit-form button{font:inherit;font-size:15px;font-weight:500;padding:12px 18px;
  border:0;border-radius:9px;background:var(--aksan-zemin);color:var(--aksan-uzeri);cursor:pointer;
  transition:filter .15s ease;margin-top:4px}
.kayit-form button:hover{filter:brightness(.94)}
.kayit-form .form-not{margin:0;font-size:12px;color:var(--metin-3);line-height:1.5}
.kayit-form .form-not a{color:var(--aksan-koyu)}

.tekil-main{display:flex;min-height:64vh}
@media (max-width:900px){
  .kayit-duzen{grid-template-columns:1fr;gap:36px;padding:48px 24px 72px}
}

/* ── Onay kutuları ─────────────────────────────────────────────────────── */
.onaylar{display:flex;flex-direction:column;gap:11px;margin-top:4px;
  padding-top:16px;border-top:1px solid var(--kenar)}
.onay{flex-direction:row!important;align-items:flex-start;gap:9px;
  font-size:12.5px;font-weight:400;line-height:1.5;color:var(--metin-2)}
.onay input{width:16px!important;height:16px;flex:0 0 16px;margin-top:1px;
  accent-color:var(--aksan);padding:0!important}
.onay a{color:var(--aksan-koyu)}
.onay b{color:var(--metin);font-weight:600}

/* ── Yasal metin sayfaları ─────────────────────────────────────────────── */
.metin-main{padding:56px 24px 88px}
.metin{max-width:660px;margin:0 auto}
.metin h1{font-size:32px;font-weight:600;letter-spacing:-.03em;margin:0 0 8px;
  line-height:1.15}
.metin h2{font-size:18px;font-weight:600;letter-spacing:-.01em;margin:34px 0 10px}
.metin h3{font-size:15px;font-weight:600;margin:22px 0 6px}
.metin p{margin:0 0 12px;color:var(--metin-2);font-size:14.5px;line-height:1.65}
.metin strong{color:var(--metin);font-weight:600}
.metin ul{margin:0 0 14px;padding-left:20px;color:var(--metin-2);font-size:14.5px}
.metin li{margin-bottom:6px;line-height:1.6}
.uyari-kutu{background:rgba(255,159,10,.09);border:1px solid rgba(255,159,10,.3);
  border-radius:9px;padding:13px 15px;margin:0 0 20px;font-size:13.5px;
  color:var(--metin-2);line-height:1.6}

/* İkon sprite'ı akıştan çıkar. Satır içi style CSP'yi ihlal ediyordu
   (style-src 'self'); stil buraya taşındı. */
.sprite{position:absolute}

/* ── Kapanış çağrısı ────────────────────────────────────────────────── */
.kapanis{max-width:1120px;margin:0 auto;padding:86px 24px 96px;text-align:center}
.kapanis h2{font-size:clamp(24px,3.4vw,34px);margin:0}
.kapanis p{margin:14px auto 0;max-width:52ch;color:var(--metin-2);font-size:16px;
  line-height:1.65}
.kapanis .cta{margin-top:28px}


/* ══════════════════════════════════════════════════════════════════
   KARANLIK KİP
   Renkler zaten değişkenlerde toplandığı için yalnızca değişkenleri
   yeniden tanımlamak yetiyor; tek bir bileşen kuralına dokunmuyoruz.

   Üç durum var, ikisi değil: kullanıcı açıkça seçim yaptıysa kökte
   `data-theme` damgası olur; varsayılan "sistem" ayarında hiçbir damga
   yoktur ve yalnızca `prefers-color-scheme` ayırır. Bu yüzden medya
   sorgusu `:root:not([data-theme="light"])` ile korunuyor — açık kipi
   seçmiş bir kullanıcı koyu işletim sistemi temasında da açık kalsın.
   ══════════════════════════════════════════════════════════════════ */
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
  color-scheme:dark;
    --yesil-metin:#69dd8b; --sari-metin:#f5bd63; --kirmizi-metin:#ff8b84;
    --zemin-1:#12161c; --zemin-2:#0b0e13;
    --pencere:#171c23; --kagit:#1b212a;
    --kenar:rgba(255,255,255,.10); --kenar-guclu:rgba(255,255,255,.17);
    --metin:#e9ecf1; --metin-2:#a2abb8; --metin-3:#8b95a3;
    --aksan:#4da3ff;
    --gecis-hover:rgba(255,255,255,.06);
  --cam-ust:rgba(28,34,43,.90); --cam-yan:rgba(255,255,255,.045);
  --cam-liste:rgba(255,255,255,.03); --cam-kart:rgba(255,255,255,.045);
  --dugme-hover:#232a34;
  --aksan-koyu:#9ccbff;
  --aksan-uzeri:#0b0e13;
  --aksan-zemin:#4da3ff;
  --aksan-yumusak:rgba(77,163,255,.18);
  --av-gri-1:#5a5f69; --av-gri-2:#40444c;
    --golge:0 30px 70px rgba(0,0,0,.55), 0 3px 8px rgba(0,0,0,.35);
  }
}
:root[data-theme="dark"]{
  color-scheme:dark;
  --zemin-1:#12161c; --zemin-2:#0b0e13;
  --pencere:#171c23; --kagit:#1b212a;
  --kenar:rgba(255,255,255,.10); --kenar-guclu:rgba(255,255,255,.17);
  --metin:#e9ecf1; --metin-2:#a2abb8; --metin-3:#8b95a3;
  --aksan:#4da3ff;
  --yesil-metin:#69dd8b; --sari-metin:#f5bd63; --kirmizi-metin:#ff8b84;
  --gecis-hover:rgba(255,255,255,.06);
  --cam-ust:rgba(28,34,43,.90); --cam-yan:rgba(255,255,255,.045);
  --cam-liste:rgba(255,255,255,.03); --cam-kart:rgba(255,255,255,.045);
  --dugme-hover:#232a34;
  --aksan-koyu:#9ccbff;
  --aksan-uzeri:#0b0e13;
  --aksan-zemin:#4da3ff;
  --aksan-yumusak:rgba(77,163,255,.18);
  --av-gri-1:#5a5f69; --av-gri-2:#40444c;
  --golge:0 30px 70px rgba(0,0,0,.55), 0 3px 8px rgba(0,0,0,.35);
}

/* Koyu kipte birincil düğmenin yazısı beyaz kalırsa açık mavi zeminde
   okunmuyor; metni zemine çekiyoruz. Vurgu rozeti de aynı sebeple. */
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]) .vurgu{
    background:rgba(77,163,255,.16);color:#9ccbff}
}
:root[data-theme="dark"] .vurgu{background:rgba(77,163,255,.16);color:#9ccbff}

/* ── Hareket azaltma ──────────────────────────────────────────────
   Panelde vardı, tanıtım sayfalarında yoktu. Vestibüler duyarlılığı
   olan kullanıcılar için gerçek bir sorun. */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation-duration:.01ms !important;animation-iteration-count:1 !important;
    transition-duration:.01ms !important;scroll-behavior:auto !important;
  }
}

/* Çağrının altındaki sınır notu. Ücretsizlik vurgulanırken sınırı
   göstermemek, ilk deneyimde hayal kırıklığı üretiyordu. */
.cta-not{
  margin:18px auto 0;font-size:13.5px;color:var(--metin-3);
  max-width:52ch;
}

/* Taşıma bölümü */
.tasima-kartlar{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(272px,1fr));
  gap:16px;margin-top:34px;
}
.tasima-kart{
  background:var(--kagit);border:1px solid var(--kenar);
  border-radius:var(--r);padding:22px 22px 24px;
}
.tasima-kart h3{font-size:16.5px;margin:0 0 9px}
.tasima-kart p{margin:0;color:var(--metin-2);font-size:14.5px;line-height:1.62}

/* ══════════════════════════════════════════════════════════════════════
   İÇERİK SAYFALARI
   Kanıt, sözlük, karşılaştırma ve kimlik tabloları. Hepsi `metin-main`
   içinde; `.metin` sınıfı olmadığı için tipografiyi burada kuruyoruz.
   ══════════════════════════════════════════════════════════════════════ */
.metin-main{max-width:1120px;margin:0 auto}
.metin-govde{max-width:74ch}
.metin-govde > h2:first-child{margin-top:0}
.metin-govde h2{font-size:21px;font-weight:600;letter-spacing:-.015em;
  margin:34px 0 10px;text-align:left}
.metin-govde p{margin:0 0 13px;color:var(--metin-2);line-height:1.68}
.metin-govde ul{margin:0 0 16px;padding-left:20px;color:var(--metin-2);
  line-height:1.68}
.metin-govde li{margin-bottom:9px}
.metin-govde b{color:var(--metin)}
.metin-tarih{margin-top:30px;padding-top:16px;border-top:1px solid var(--kenar);
  font-size:13px;color:var(--metin-3)}

/* ── Kanıt sayfası ────────────────────────────────────────────────── */
.kanit-liste{display:grid;gap:16px;
  grid-template-columns:repeat(auto-fit,minmax(330px,1fr))}
.kanit-blok{background:var(--kagit);border:1px solid var(--kenar);
  border-radius:var(--r);padding:22px 22px 20px}
.kanit-blok h2{font-size:16.5px;font-weight:600;margin:0 0 8px;
  letter-spacing:-.01em;text-align:left}
.kanit-blok p{margin:0 0 12px;color:var(--metin-2);font-size:14px;
  line-height:1.62}
.kanit-kod{
  font-family:ui-monospace,SFMono-Regular,"SF Mono",Menlo,monospace;
  font-size:12.5px;line-height:1.65;margin:0 0 10px;padding:11px 13px;
  background:var(--pencere);border:1px solid var(--kenar);
  border-radius:var(--r-k);overflow-x:auto;white-space:pre;color:var(--metin);
}
.kanit-bekle{font-size:13px;color:var(--metin-3) !important;margin:0 !important}

/* ── Sözlük ──────────────────────────────────────────────────────── */
.sozluk{display:grid;gap:14px;
  grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}
.terim{background:var(--kagit);border:1px solid var(--kenar);
  border-radius:var(--r);padding:20px 20px 18px}
.terim h2{font-size:16px;font-weight:600;margin:0 0 2px;text-align:left}
.terim-uzun{font-size:12.5px;color:var(--metin-3);margin:0 0 10px;
  letter-spacing:.01em}
.terim p{margin:0 0 10px;color:var(--metin-2);font-size:14px;line-height:1.62}
.terim-biz{margin:0 !important;padding-top:10px;
  border-top:1px solid var(--kenar);font-size:13.5px !important}
.terim-biz b{color:var(--metin)}

/* ── Karşılaştırma tablosu ───────────────────────────────────────── */
.tablo-sar{overflow-x:auto;border:1px solid var(--kenar);
  border-radius:var(--r);background:var(--kagit)}
.kiyas-tablo{width:100%;border-collapse:collapse;font-size:14px;
  min-width:720px}
.kiyas-tablo th{text-align:left;font-weight:600;font-size:13px;
  padding:14px 16px;border-bottom:1px solid var(--kenar-guclu);
  white-space:nowrap}
.kiyas-tablo th:first-child{width:230px}
.kiyas-tablo td{padding:12px 16px;border-bottom:1px solid var(--kenar);
  color:var(--metin-2);vertical-align:top}
.kiyas-tablo tr:last-child td{border-bottom:0}
.kiyas-tablo td:first-child{color:var(--metin);font-weight:500}
.kiyas-tablo .var{color:#1c7a3c}
.kiyas-tablo .yok{color:var(--metin-3)}
.kiyas-tablo .orta{color:#8a5a00}

/* ── Kimlik tablosu ──────────────────────────────────────────────── */
.kimlik-tablo{width:100%;border-collapse:collapse;font-size:14.5px;
  max-width:640px;margin:0 0 8px}
.kimlik-tablo td{padding:11px 0;border-bottom:1px solid var(--kenar);
  vertical-align:top;color:var(--metin-2)}
.kimlik-tablo td:first-child{width:210px;color:var(--metin-3);font-size:13.5px}
.kimlik-tablo tr:last-child td{border-bottom:0}
.kimlik-deger{color:var(--metin) !important}
/* Doldurulmamış yasal alan görünür kalsın — sessizce atlanan bir
   yükümlülük, görünen bir eksikten tehlikelidir. */
.eksik{color:#a8600b;font-style:italic}

@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]) .kiyas-tablo .var{color:#69dd8b}
  :root:not([data-theme="light"]) .kiyas-tablo .orta{color:#f5bd63}
  :root:not([data-theme="light"]) .eksik{color:#f0b464}
}
:root[data-theme="dark"] .kiyas-tablo .var{color:#69dd8b}
:root[data-theme="dark"] .kiyas-tablo .orta{color:#f5bd63}
:root[data-theme="dark"] .eksik{color:#f0b464}

@media (max-width:640px){
  .metin-main{padding:40px 17px 64px}
  .kanit-liste,.sozluk{grid-template-columns:1fr}
}

/* Taslak uyarısı: yürürlükte olmayan bir yasal metin okuyucuya öyle
   görünmemeli. */
.taslak-uyari{
  background:rgba(255,159,10,.10);border:1px solid rgba(255,159,10,.32);
  border-radius:var(--r-k);padding:14px 16px;margin:0 0 28px;
  font-size:14px;line-height:1.6;color:var(--metin-2);
}
.taslak-uyari b{color:#8a5a00;display:block;margin-bottom:4px}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]) .taslak-uyari b{color:#f5bd63}
}
:root[data-theme="dark"] .taslak-uyari b{color:#f5bd63}

/* ── Ödeme dönemi seçici ────────────────────────────────────────────────
   Salt CSS. Radyolar `.paketler`ten önce geldiği için kardeş seçiciyle
   fiyatları değiştirebiliyor; sayfada tek satır JS yok. */
.gizli-metin{
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;
  border:0;
}
.gizli-girdi{position:absolute;opacity:0;pointer-events:none}

.donem-secici{
  border:0;margin:0 0 22px;padding:0;
  display:inline-flex;gap:3px;
  background:var(--zemin-2);border-radius:999px;padding:3px;
}
.donem-dugme{
  display:inline-flex;align-items:center;gap:7px;
  padding:7px 16px;border-radius:999px;cursor:pointer;
  font-size:13px;font-weight:500;color:var(--metin-2);
  transition:background .12s ease,color .12s ease;
  -webkit-tap-highlight-color:transparent;
}
.donem-dugme:hover{color:var(--metin)}
.donem-rozet{
  font-size:10.5px;font-weight:600;letter-spacing:.02em;
  padding:2px 7px;border-radius:999px;
  background:var(--aksan-yumusak);color:var(--aksan-koyu);
}
#d-ay:checked  ~ .donem-dugme[for="d-ay"],
#d-yil:checked ~ .donem-dugme[for="d-yil"]{
  background:var(--kagit);color:var(--metin);
  box-shadow:0 1px 2px rgba(0,0,0,.07);
}
/* Klavye odağı radyoda; görünen kutu etiket olduğu için oraya taşınıyor. */
#d-ay:focus-visible  ~ .donem-dugme[for="d-ay"],
#d-yil:focus-visible ~ .donem-dugme[for="d-yil"]{
  outline:2px solid var(--aksan);outline-offset:2px;
}

/* Fiyat gövdeleri: seçili döneme ait olan görünür. */
.paket .d-yil{display:none}
.donem-secici:has(#d-yil:checked) ~ .paketler .d-ay{display:none}
.donem-secici:has(#d-yil:checked) ~ .paketler .d-yil{display:inline}
.donem-secici:has(#d-yil:checked) ~ .paketler .tutar.d-yil{display:inline-block}
@media (prefers-color-scheme:dark){
}

/* ── Sistem durumu sayfası ──────────────────────────────────────────────
   Renk tek başına bilgi taşımıyor: her satırda ayrıca yazılı etiket var
   (renk körlüğü ve tek renkli çıktı). */
.durum-ozet{
  display:flex;align-items:center;gap:15px;
  background:var(--kagit);border:1px solid var(--kenar);
  border-radius:var(--r);padding:18px 20px;margin-bottom:18px;
}
.durum-ozet.du-uyari{border-color:rgba(254,188,46,.55)}
.durum-ozet.du-kritik{border-color:rgba(255,95,87,.55)}
.durum-basli{margin:0;font-size:16px;font-weight:600;letter-spacing:-.01em}
.durum-alt{margin:3px 0 0;font-size:12.5px;color:var(--metin-2)}
.durum-bayat{color:var(--sari-metin)}

.durum-nokta{
  width:10px;height:10px;border-radius:50%;flex:none;
  background:var(--yesil);box-shadow:0 0 0 3px rgba(40,200,64,.16);
}
.durum-nokta.buyuk{width:14px;height:14px;box-shadow:0 0 0 4px rgba(40,200,64,.16)}
.durum-nokta.du-uyari{background:var(--sari);box-shadow:0 0 0 3px rgba(254,188,46,.20)}
.durum-nokta.buyuk.du-uyari{box-shadow:0 0 0 4px rgba(254,188,46,.20)}
.durum-nokta.du-kritik{background:var(--kirmizi);box-shadow:0 0 0 3px rgba(255,95,87,.20)}
.durum-nokta.buyuk.du-kritik{box-shadow:0 0 0 4px rgba(255,95,87,.20)}

.durum-liste{
  margin:0;padding:0;list-style:none;
  background:var(--kagit);border:1px solid var(--kenar);border-radius:var(--r);
}
.durum-satir{
  display:flex;align-items:center;gap:13px;
  padding:14px 20px;border-bottom:1px solid var(--kenar);
}
.durum-satir:last-child{border-bottom:0}
.durum-ad{flex:1;min-width:0;font-size:14px;font-weight:500;display:block}
.durum-aciklama{display:block;font-size:12.5px;font-weight:400;
  color:var(--metin-3);margin-top:2px}
.durum-etiket{font-size:12px;font-weight:500;color:var(--yesil-metin);flex:none}
.durum-etiket.du-uyari{color:var(--sari-metin)}
.durum-etiket.du-kritik{color:var(--kirmizi-metin)}

.durum-gecmis{margin-top:26px}
.durum-gecmis-basli{margin:0 0 9px;font-size:13px;font-weight:600;
  color:var(--metin-2)}
.gun-serit{display:flex;gap:2px;flex-wrap:nowrap;overflow-x:auto;
  padding-bottom:3px}
.gun{flex:1;min-width:4px;height:30px;border-radius:2px;background:var(--yesil)}
.gun.du-ok{background:var(--yesil)}
.gun.du-uyari{background:var(--sari)}
.gun.du-kritik{background:var(--kirmizi)}
.gun.du-yok{background:var(--zemin-2)}
.durum-gosterge{display:flex;align-items:center;gap:6px;flex-wrap:wrap;
  margin:11px 0 0;font-size:12px;color:var(--metin-3)}
.durum-gosterge .gun{flex:none;width:9px;height:9px;min-width:0;
  margin-left:9px;border-radius:2px}
.durum-gosterge .gun:first-child{margin-left:0}
@media (prefers-color-scheme:dark){
}

/* ── infra/css-denetle.py'nin bulduğu tanımsız sınıflar ─────────────────
   Dördü de sayfada kullanılıyordu ama karşılığı yoktu; CSS sessiz
   başarısız olduğu için hiçbiri hata vermeden yanlış görünüyordu. */

/* Sitede 35 yerde kullanılıyordu ve hiç tanımlı değildi: teknik değerler
   (Message-ID, aser_panel, SameSite=Lax, adresler) gövde yazı tipiyle
   çıkıyordu. */
.mono{
  font-family:ui-monospace,SFMono-Regular,"SF Mono",Menlo,monospace;
  font-size:.92em;letter-spacing:-.01em;
}

/* Kıyas kartlarında `guclu`nun karşılığı vardı, `zayif`in yoktu: iki
   kart görsel olarak eşit ağırlıktaydı ve karşılaştırma anlamını
   yitiriyordu. Zayıf olan geride durmalı. */
.kiyas-kart.zayif{opacity:.82;box-shadow:none}
.kiyas-kart.zayif .kiyas-adres{color:var(--metin-3)}
.kiyas-metin{min-width:0}
.kiyas-metin .kiyas-adres{overflow-wrap:anywhere}

/* Durum sayfasındaki serbest metin blokları. */
.metin-blok{max-width:74ch;margin:0 0 13px;color:var(--metin-2);
  line-height:1.68;font-size:14.5px}
.metin-blok b{color:var(--metin)}

/* Kıyas kartlarından sonra gelen açıklama ızgarası */
.izgara.ust-aralik{margin-top:22px}


/* Tarayıcı otomatik doldurma — koyu temada beyaz kutu bırakıyordu. */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus{
  -webkit-box-shadow:0 0 0 1000px var(--kagit) inset !important;
  box-shadow:0 0 0 1000px var(--kagit) inset !important;
  -webkit-text-fill-color:var(--metin) !important;
  caret-color:var(--metin);
  transition:background-color 9999s ease-out 0s;
}


/* ── Mobilde yatay taşma ────────────────────────────────────────────────
   Tablo ve komut blokları dar ekranda SAYFAYI yatay kaydırıyordu; okuma
   akışını bozan, en sinir bozucu mobil hatalardan. İçerik kendi kabında
   kaysın, gövde hiç kaymasın. */
.tablo-kaydir{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}
/* Izgara ve esnek kutu çocukları varsayılan olarak `min-width:auto`;
   içerikleri daralmayı REDDEDİYOR ve kabı taşırıyor. Kod bloğu kendi
   içinde kayabilsin diye kabın daralabilmesi şart. */
.kanit-liste > *,.sozluk > *,.izgara > *,.paketler > *{min-width:0}
.tablo-kaydir table{margin:0}
.kanit-kod{overflow-x:auto;-webkit-overflow-scrolling:touch}