/* ====== About (Hakkımızda) – Yeni Tasarım ====== */
:root{
    --mf-bg-1:#ffffff;
    --mf-bg-2:#f8fafc;
    --mf-border:#e5e7eb;
    --mf-text:#0f172a;
    --mf-muted:#64748b;
    --mf-accent:#16a34a; /* yeşil vurgu */
    --mf-shadow:0 10px 25px rgba(2,6,23,.08);
  
    /* İstatistik bölümü için ek değişkenler */
    --mf-accent-2:#0ea5e9; /* mavi vurgu */
    --mf-warn:#f59e0b;     /* sarı vurgu */
  }
  
  .about-us.mf-section-bg{
    background: linear-gradient(180deg, var(--mf-bg-1) 0%, var(--mf-bg-2) 100%);
    position: relative;
    overflow: hidden;
  }
  .about-us.mf-section-bg::before{
    content:"";
    position:absolute;inset:-20% -10% auto -10%;
    height:220px;
    background: radial-gradient(50% 50% at 50% 50%, rgba(22,163,74,.08) 0%, rgba(22,163,74,0) 70%);
    pointer-events:none;
  }
  
  .mf-about .mf-media{
    border:1px solid var(--mf-border);
    border-radius:16px;
    overflow:hidden;
    box-shadow: var(--mf-shadow);
    background:#fff;
  }
  .mf-about .mf-media img{
    width:100%;height:auto;display:block;
    transform:scale(1.02);
    transition:transform .6s ease;
  }
  .mf-about .mf-media:hover img{ transform:scale(1.06); }
  
  .mf-about .mf-card{
    border-radius:16px;
    padding:24px 22px;
    height:100%;
  }
  .mf-about .mf-title{
    font-weight:800;
    color:var(--mf-text);
    margin-bottom:12px;
    position:relative;
    padding-bottom:8px;
  }
  .mf-about .mf-title::after{
    content:"";
    position:absolute;left:0;bottom:0;
    width:64px;height:3px;border-radius:3px;
    background:linear-gradient(90deg,var(--mf-accent), rgba(22,163,74,.25));
  }
  
  .mf-about p{ color:var(--mf-muted); margin-bottom:12px;font-size: 18px;}
  .mf-about .mf-list{ margin:10px 0 0 0; padding:0; list-style:none; }
  .mf-about .mf-list li{
    display:flex; align-items:flex-start; gap:8px;
    color:var(--mf-text);
    margin:.35rem 0;
  }
  .mf-about .mf-list i{
    color:var(--mf-accent); line-height:1.6;
    margin-top:2px;
  }
  
  .mf-badges{ display:flex; flex-wrap:wrap; gap:8px; margin-top:12px; }
  .mf-badge{
    display:inline-flex; align-items:center; gap:6px;
    border:1px solid var(--mf-border);
    border-radius:999px; padding:6px 10px; font-weight:600;
    background: #fff;
    color: var(--mf-text);
  }
  .mf-badge i{ color:var(--mf-accent); }
  
  .mf-highlights{ margin-top:28px; }
  .mf-highlights .mf-h-item{
    background:#fff; border:1px solid var(--mf-border); border-radius:14px;
    padding:16px; height:100%; box-shadow: var(--mf-shadow);
    display:flex; align-items:center; gap:12px;
  }
  .mf-highlights .mf-h-item i{ color:var(--mf-accent); font-size:18px; }
  .mf-highlights .mf-h-title{ margin:0; font-weight:700; color:var(--mf-text); }
  .mf-highlights .mf-h-desc{ margin:2px 0 0; color:var(--mf-muted); font-size:.95rem; }
  
  @media (max-width: 991.98px){
    .mf-about .mf-card{ padding:20px 18px; }
  }
  /* ====== /About ====== */
  
  
  /* ====== Stats (Başarı Göstergeleri) ====== */
  .mf-stats{
    background:linear-gradient(180deg,var(--mf-bg-1) 0%,var(--mf-bg-2) 100%);
    padding-top:40px; padding-bottom:40px;
  }
  
  .mf-stats .mf-section-title{
    text-align:center; margin-bottom:22px; color:var(--mf-text);
    font-weight:800; letter-spacing:.2px;
  }
  .mf-stats .mf-section-sub{
    text-align:center; color:var(--mf-muted); margin-top:-6px; margin-bottom:26px;
  }
  
  .mf-stat-card{
    background:#fff; border:1px solid var(--mf-border); border-radius:16px;
    box-shadow:var(--mf-shadow); padding:20px 18px; height:100%;
    display:flex; flex-direction:column; gap:10px;
  }
  .mf-stat-head{
    display:flex; align-items:center; justify-content:space-between; gap:12px;
  }
  .mf-stat-title{
    margin:0; font-size:1.05rem; font-weight:700; color:var(--mf-text);
  }
  .mf-stat-chip{
    padding:4px 8px; border-radius:999px; font-size:.8rem; font-weight:700;
    border:1px solid var(--mf-border); background:#fff; color:var(--mf-muted);
  }
  .mf-stat-value{
    font-size:2rem; line-height:1.1; font-weight:900; color:var(--mf-text);
  }
  .mf-stat-kicker{
    color:var(--mf-muted); font-size:.95rem;
  }
  
  /* İlerleme barı */
  .mf-bar{ position:relative; height:10px; background:#f1f5f9; border-radius:999px; overflow:hidden; }
  .mf-bar > span{
    --val: 0%;
    position:absolute; inset:0 auto 0 0; width:var(--val);
    background:linear-gradient(90deg,var(--mf-accent),#22c55e);
  }
  
  /* Sparkline alanı */
  .mf-spark{
    background:linear-gradient(180deg,rgba(22,163,74,.06),rgba(22,163,74,0));
    border:1px dashed rgba(22,163,74,.25); border-radius:12px;
    padding:8px; display:flex; align-items:center; justify-content:center;
  }
  .mf-spark svg{ width:100%; height:56px; display:block; }
  .mf-spark path{
    fill:none; stroke:var(--mf-accent); stroke-width:2.5;
  }
  
  /* Renk varyasyonları */
  .mf-stat--blue .mf-bar > span{
    background:linear-gradient(90deg,var(--mf-accent-2),#38bdf8);
  }
  .mf-stat--blue .mf-spark{
    background:linear-gradient(180deg,rgba(14,165,233,.06),rgba(14,165,233,0));
    border-color:rgba(14,165,233,.25);
  }
  .mf-stat--yellow .mf-bar > span{
    background:linear-gradient(90deg,var(--mf-warn),#fde047);
  }
  .mf-stat--yellow .mf-spark{
    background:linear-gradient(180deg,rgba(245,158,11,.06),rgba(245,158,11,0));
    border-color:rgba(245,158,11,.25);
  }
  
  /* Küçük alt metrikler */
  .mf-meta{
    display:flex; gap:10px; flex-wrap:wrap; margin-top:2px;
    color:var(--mf-muted); font-size:.9rem;
  }
  .mf-meta .item{ display:flex; align-items:center; gap:6px; }
  .mf-meta .dot{ width:8px; height:8px; border-radius:50%; background:#22c55e; display:inline-block; }
  
  /* Mobil uyarlama */
  @media (max-width:991.98px){
    .mf-stat-value{ font-size:1.75rem; }
  }
  /* ====== /Stats ====== */