/* ═══════════════════════════════════════
   BİRİMLER — Page-specific styles
   ═══════════════════════════════════════ */

/* OVERVIEW */
.birim-overview{background:var(--bg-soft);padding:80px 0}
.birim-overview .container>.section-title,.birim-overview .container>.section-label,.birim-overview .container>.section-desc{text-align:center;margin-left:auto;margin-right:auto}
.overview-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:48px}
.overview-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px;text-align:center;transition:all var(--transition);display:block}
.overview-card:hover{border-color:var(--primary);transform:translateY(-4px);box-shadow:var(--shadow-md)}
.overview-card-icon{width:56px;height:56px;background:var(--primary-glow);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin:0 auto 16px}
.overview-card-icon svg{width:28px;height:28px;stroke:var(--primary);fill:none;stroke-width:1.5}
.overview-card h3{font-size:15px;font-weight:700;color:var(--primary)}
.overview-card p{font-size:13px;color:var(--text-secondary);margin-top:6px;line-height:1.5}

/* BIRIMLER SECTION */
.birimler-section{background:var(--bg);padding:100px 0}
.birimler-section-header{text-align:center;margin-bottom:80px}
.birim-item{display:grid;grid-template-columns:auto 1fr;gap:48px;align-items:flex-start;padding:56px 0;border-bottom:1px solid var(--border-light)}
.birim-item:last-child{border-bottom:none}
.birim-number{font-size:72px;font-weight:800;line-height:1;color:var(--primary);opacity:0.12;position:sticky;top:100px;user-select:none;min-width:96px;text-align:center}
.birim-content h2{font-size:28px;font-weight:800;color:var(--primary);margin-bottom:12px}
.birim-subtitle{font-size:15px;font-weight:600;color:var(--accent-dark);margin-bottom:16px}
.birim-content p{font-size:16px;line-height:1.8;color:var(--text-secondary);margin-bottom:16px}
.birim-content ul{display:flex;flex-direction:column;gap:10px;margin-top:20px}
.birim-content ul li{font-size:15px;color:var(--text-secondary);padding-left:20px;position:relative;line-height:1.5}
.birim-content ul li::before{content:'→';position:absolute;left:0;color:var(--accent);font-weight:700}

/* RESPONSIVE */
@media(max-width:1024px){
  .overview-grid{grid-template-columns:repeat(2,1fr)}
  .birim-item{grid-template-columns:1fr;gap:16px}
  .birim-number{position:static;font-size:48px;opacity:0.15;text-align:left}
}
@media(max-width:768px){
  .overview-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:480px){
  .overview-grid{grid-template-columns:1fr}
}