/* ============================================================
   Tema: yatirim  (Yatırım / Vitrin Pro)
   ------------------------------------------------------------
   taban.css'ten SONRA, palet :root'undan ONCE yuklenir.
   Renkler paletten gelir: --p koyu lacivert, --a altin.
   Bu tema iki EK bilesen getirir; ikisi de Index.cshtml'de
   yalnizca bu tema seciliyken render edilir:
     .guven-serit    — hero alti 5'li guven bandi
     .istatistik-bar — en alttaki koyu istatistik kutusu
   Geri kalan her sey (hero, arama, kartlar) taban.css'ten
   gelir; burada yalnizca bu iki bileseni bicimliyoruz.
   ============================================================ */

/* --- GÜVEN ŞERİDİ --- */
.guven-serit{
  background:var(--bg);
  border-bottom:1px solid var(--line);
}
.guven-serit .gs-liste{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:0;
  padding:30px 0;
}
.guven-serit .gs{
  display:flex;
  align-items:center;
  gap:14px;
  padding:6px 26px;
  border-left:1px solid var(--line);
}
.guven-serit .gs:first-child{ border-left:0; }
.guven-serit .gs-ikon{
  width:34px;height:34px;flex:0 0 34px;
  fill:none;stroke:var(--a);stroke-width:1.7;
  stroke-linecap:round;stroke-linejoin:round;
}
.guven-serit .gs b{
  display:block;font-size:15px;font-weight:700;color:var(--ink);line-height:1.25;
}
.guven-serit .gs span{
  display:block;font-size:12.5px;color:var(--muted);line-height:1.35;margin-top:2px;
}

/* --- İSTATİSTİK BARI --- */
.istatistik-wrap{ padding:0 0 76px; }
.istatistik-bar{
  background:var(--p);
  border-radius:var(--r);
  box-shadow:var(--sh2);
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:1px;
  padding:34px 20px;
}
.istatistik-bar .ist{
  display:flex;align-items:center;justify-content:center;gap:14px;
  padding:6px 18px;
  border-left:1px solid rgba(255,255,255,.12);
}
.istatistik-bar .ist:first-child{ border-left:0; }
.istatistik-bar .ist-ikon{
  width:38px;height:38px;flex:0 0 38px;
  fill:none;stroke:var(--a);stroke-width:1.7;
  stroke-linecap:round;stroke-linejoin:round;
}
.istatistik-bar .ist b{
  display:block;font-size:30px;font-weight:800;color:#fff;letter-spacing:-.02em;line-height:1;
}
.istatistik-bar .ist span{
  display:block;font-size:13.5px;color:rgba(255,255,255,.72);margin-top:5px;
}

/* --- Tablet --- */
@media (max-width:900px){
  .guven-serit .gs-liste{ grid-template-columns:repeat(2,1fr); gap:22px 0; }
  .guven-serit .gs{ border-left:0; padding:6px 16px; }
  .istatistik-bar{ grid-template-columns:repeat(2,1fr); gap:26px 0; padding:30px 16px; }
  .istatistik-bar .ist{ border-left:0; }
  .istatistik-bar .ist:nth-child(odd){ border-right:1px solid rgba(255,255,255,.12); }
}

/* --- Telefon --- */
@media (max-width:520px){
  .guven-serit .gs-liste{ grid-template-columns:1fr; gap:18px; padding:24px 0; }
  .guven-serit .gs{ justify-content:flex-start; }
  .istatistik-bar{ grid-template-columns:1fr 1fr; }
  .istatistik-bar .ist{ flex-direction:column; text-align:center; gap:8px; }
  .istatistik-bar .ist b{ font-size:26px; }
}