/* ============================================================
   ÇEVİKOĞLU LOJİSTİK — home.css
   Yalnız anasayfaya özel bileşenler (main.css'i tamamlar).
   ============================================================ */

/* ---- Kurumsal tanıtım (intro) ---- */
.intro{display:grid; gap:var(--space-xl); align-items:center;}
@media(min-width:992px){.intro{grid-template-columns:1fr 1.05fr; gap:var(--space-3xl);}}

.intro__media{position:relative; display:grid; grid-template-columns:1fr; gap:var(--space-sm);}
.intro__media-main{position:relative; margin:0;}
.intro__media img{display:block; width:100%; height:auto; aspect-ratio:16 / 9; object-fit:cover; border-radius:var(--radius-lg); box-shadow:var(--shadow-lg);}

.intro__badge{
  position:absolute; left:var(--space-lg); bottom:var(--space-lg);
  display:flex; flex-direction:column; align-items:center; text-align:center;
  padding:var(--space-md) var(--space-lg); border-radius:var(--radius-md);
  background:var(--gradient-gold); color:#231a05; box-shadow:var(--shadow-gold);
}
.intro__badge-num{font-family:var(--font-heading); font-weight:700; font-size:1.9rem; line-height:1;}
.intro__badge-label{font-family:var(--font-heading); font-weight:600; font-size:.78rem; letter-spacing:.04em; text-transform:uppercase; margin-top:.25rem;}

.intro__body p{color:var(--color-text-soft);}
.intro__list{display:grid; gap:.6rem; margin:var(--space-md) 0 var(--space-lg);}
.intro__list li{display:flex; align-items:flex-start; gap:.65rem; font-weight:500; color:var(--color-text);}
.intro__list i{color:var(--color-primary); margin-top:.25rem; flex:0 0 auto;}

/* ---- Hizmet bölgeleri ---- */
.regions__subtitle{
  display:flex; align-items:center; gap:.55rem;
  font-size:1.15rem; margin:var(--space-xl) 0 var(--space-md);
}
.regions__subtitle::before{content:""; width:22px; height:3px; border-radius:var(--radius-full); background:var(--gradient-gold);}

.regions-grid{display:grid; grid-template-columns:repeat(2,1fr); gap:var(--space-md);}
@media(min-width:560px){.regions-grid{grid-template-columns:repeat(3,1fr);}}
@media(min-width:768px){.regions-grid{grid-template-columns:repeat(4,1fr);}}
@media(min-width:992px){.regions-grid{grid-template-columns:repeat(5,1fr);}}

/* ---- Rakamlarla (counters) ---- */
.stats{border-top:3px solid transparent; border-image:var(--gradient-gold) 1;}

/* ---- Yardımcılar ---- */
.text-center{text-align:center;}