/* CSI Homepage v7 — görsel cilalama katmanı (v6 üzerine, yıkıcı olmayan iyileştirmeler) */

/* Kart derinliği: düz gölgeler yerine yumuşak, katmanlı gölge + hover kaldırma */
.csi-v6-category-card,
.csi-v6-project-card,
.csi-v6-world-card,
.csi-v6-news-feature{
  box-shadow:0 1px 2px rgba(15,18,22,.04),0 10px 24px -12px rgba(15,18,22,.16);
  transition:transform .38s cubic-bezier(.2,.7,.2,1),box-shadow .38s cubic-bezier(.2,.7,.2,1);
}
.csi-v6-category-card:hover,
.csi-v6-project-card:hover,
.csi-v6-world-card:hover,
.csi-v6-news-feature:hover{
  transform:translateY(-5px);
  box-shadow:0 4px 10px rgba(15,18,22,.06),0 22px 40px -16px rgba(15,18,22,.28);
}
.csi-v6-category-card img{transition:transform .6s cubic-bezier(.2,.65,.2,1)}
.csi-v6-category-card:hover img{transform:scale(1.06)}

/* Kategori kartı okunabilirliği: alt kısımda daha güçlü, üstte daha temiz geçiş */
.csi-v6-category-overlay{
  background:linear-gradient(180deg,rgba(8,10,13,0) 32%,rgba(8,10,13,.55) 68%,rgba(8,10,13,.92) 100%) !important;
}
.csi-v6-category-content h3{
  text-shadow:0 1px 12px rgba(0,0,0,.35);
}

/* Tipografi: başlıklarda biraz daha sıkı iz aralığı ve tutarlı ağırlık hiyerarşisi */
.csi-v6-section-head h2,.csi-v6-story h2,.csi-v6-resources h2{
  letter-spacing:-.045em;
  font-weight:760;
}
.csi-v6-overline{
  font-weight:800;
  letter-spacing:.18em;
}

/* ============================================================
   v7.0 — "Rakamlarla Çukurova Silo" bölümü: koyu, tam genişlik,
   sayaç animasyonlu istatistik şeridi. Eski .csi-v6-proof-* ızgarası
   yerine geldi; marka tonlarını (--secondary koyu zemin, --primary
   kırmızı vurgu) kullanır, CDN'e bağımlı hiçbir varlık içermez.
   ============================================================ */
.csi-v7-stats{
  position:relative;
  background:
    radial-gradient(120% 180% at 14% 0%,rgba(215,22,27,.16) 0%,rgba(215,22,27,0) 46%),
    linear-gradient(180deg,#101215 0%,#0c0d10 100%);
  color:#f2f3f5;
  padding:clamp(64px,9vw,116px) 0;
  overflow:hidden;
}
.csi-v7-stats::before{
  content:"";
  position:absolute;inset:0;
  background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);
  background-size:64px 64px;
  -webkit-mask-image:radial-gradient(120% 100% at 50% 0%,#000 0%,transparent 72%);
  mask-image:radial-gradient(120% 100% at 50% 0%,#000 0%,transparent 72%);
  opacity:.55;
  pointer-events:none;
}
.csi-v7-stats-shell{
  position:relative;
  max-width:var(--container-width,1240px);
  margin:0 auto;
  padding:0 24px;
  display:grid;
  grid-template-columns:minmax(240px,340px) 1fr;
  gap:clamp(28px,4vw,64px);
  align-items:center;
}
.csi-v7-stats-intro .csi-v6-overline{color:var(--primary,#d7161b)}
.csi-v7-stats-intro h2{
  margin:14px 0 0;
  font-family:var(--font-display,inherit);
  font-weight:760;
  letter-spacing:-.03em;
  line-height:1.12;
  font-size:clamp(26px,2.6vw,38px);
  color:#fff;
}
.csi-v7-stats-intro p{
  margin:16px 0 0;
  color:rgba(242,243,245,.68);
  font-size:15px;
  line-height:1.7;
  max-width:44ch;
}
.csi-v7-stats-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:1px;
  background:rgba(255,255,255,.1);
  border:1px solid rgba(255,255,255,.1);
  border-radius:18px;
  overflow:hidden;
}
.csi-v7-stat{
  position:relative;
  background:rgba(255,255,255,.03);
  padding:30px 22px;
  display:flex;
  flex-direction:column;
  gap:10px;
  transition:background-color .3s ease;
}
.csi-v7-stat:hover{background:rgba(255,255,255,.06)}
.csi-v7-stat-icon{
  width:40px;height:40px;
  display:inline-flex;align-items:center;justify-content:center;
  color:var(--primary,#d7161b);
}
.csi-v7-stat-icon svg{width:100%;height:100%}
.csi-v7-stat strong{
  font-family:var(--font-display,inherit);
  font-weight:800;
  letter-spacing:-.04em;
  font-size:clamp(30px,3vw,44px);
  line-height:1;
  color:#fff;
}
.csi-v7-stat span{
  font-size:14px;
  font-weight:600;
  color:rgba(242,243,245,.86);
  line-height:1.4;
}
.csi-v7-stat small{
  font-size:12.5px;
  color:rgba(242,243,245,.5);
  line-height:1.5;
}
@media (max-width:900px){
  .csi-v7-stats-shell{grid-template-columns:1fr}
  .csi-v7-stats-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:520px){
  .csi-v7-stats-grid{grid-template-columns:1fr}
  .csi-v7-stat{padding:24px 20px}
}

/* Buton/etkileşim: yumuşak geçişler her yerde */
.csi-v6-shell a,
.csi-v6-category-card,
.csi-v6-project-card{
  transition-property:transform,box-shadow,opacity,background-color,color;
}

/* Bölümler arası dikey ritmi biraz daha nefes aldır */
.csi-v6-category-slider,.csi-v6-story,.csi-v6-projects,.csi-v6-resources,.csi-v6-media{
  scroll-margin-top:24px;
}