/* ═══════════════════════════════════════════════════════════════════
   İSTATİSTİKLER · Sayaç Izgarası
   -------------------------------------------------------------------
   Klasik ızgara; rakamlar görüşe girince sayılır. Hover'da alttan bir hat baştan sona çizilir, rakam ve ikon bir tık yükselir, ikon mürekkebe döner. Zemin boyaması yok.
   Grup: bolum-istatistik · ön ek `ist-` (grup içinde paylaşılır).
   ═══════════════════════════════════════════════════════════════════ */

.ist{background:var(--z1)}
/* BAŞLIK BLOĞU · iki sütun — başlık solda, giriş sağda.
   Alt alta dizilince blok 90 px uzuyor ve sağdaki yarı boş kalıyordu.
   Ölçüler ortak token'lardan; bu bölüm kendi başlık boyunu yazmaz. */
.ist-bas{display:grid;justify-items:center;text-align:center;
  gap:var(--blm-bsl-ara);margin-inline:auto;
  margin-block-end:var(--blm-bas-alt)}
.ist-bas > p{max-inline-size:58ch;margin:0}

.ist-bsl{font-family:Manrope,ui-sans-serif,sans-serif;font-weight:800;
  font-size:var(--blm-bsl);line-height:1.03;letter-spacing:-.035em;
  max-inline-size:18ch;text-wrap:balance;color:var(--mrk)}
html[lang="ar"] .ist-bsl{font-family:"Noto Kufi Arabic",sans-serif;letter-spacing:0;line-height:1.35}
.ist-giris{max-inline-size:62ch}

.ist{padding-block:var(--blm-pd)}
.ist-bas{padding-block-end:clamp(2.2rem,5vw,3.4rem)}

.ist-v7-iz{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--bo-3)}
@media(min-width:640px){.ist-v7-iz{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:1000px){.ist-v7-iz{grid-template-columns:repeat(5,minmax(0,1fr))}}

/* HOVER · ZIPLAMA YOK (23 Ağu · Beyefendi). Hiçbir öğe yerinden oynamıyor:
   alttan bir hat baştan sona çizilir, ikon ve etiket mürekkebe döner.
   Dikey kayma ve ölçek büyütme kaldırıldı — düzen sabit kalıyor. */
.ist-v7-hcr{position:relative;display:grid;gap:.55rem;align-content:start;justify-items:center;
  text-align:center;
  padding-block-end:clamp(.7rem,1.4vw,1rem)}
.ist-v7-hcr::after{content:"";position:absolute;inset-inline:0;inset-block-end:0;block-size:1px;
  background:var(--toprak);transform:scaleX(0);transform-origin:left center;
  transition:transform 480ms var(--egri)}
html[dir="rtl"] .ist-v7-hcr::after{transform-origin:right center}
.ist-v7-hcr:hover::after{transform:scaleX(1)}
.ist-v7-hcr .ist-ikon{inline-size:2.7rem;block-size:2.7rem;color:var(--toprak);
  transition:color 420ms var(--egri),opacity 420ms var(--egri)}
.ist-v7-hcr:hover .ist-ikon{color:var(--mrk)}
.ist-v7-syi{display:flex;align-items:baseline;justify-content:center;gap:.35rem;overflow:hidden}
.ist-v7-syi b{font-weight:700;font-size:var(--blm-bsl);line-height:1.05;
  letter-spacing:-.035em;color:var(--mrk);display:block}
.ist-v7-syi i{font-style:normal;font-size:var(--yz-kck);color:var(--mrk2)}
.ist-v7-ad{font-size:var(--yz-etk);font-weight:600;letter-spacing:.14em;text-transform:uppercase;
  color:var(--mrk2);transition:color 420ms var(--egri)}
html[lang="ar"] .ist-v7-ad{letter-spacing:0;text-transform:none}
.ist-v7-hcr:hover .ist-v7-ad{color:var(--mrk)}

@media (prefers-reduced-motion: no-preference){
  .ist-v7-syi b{animation:ist-v7-otur 700ms var(--egri) both}
}
@keyframes ist-v7-otur{from{translate:0 .4em;opacity:.25}to{translate:0 0;opacity:1}}