/* ============================================================
   BURAKPARLAK32 — İÇ SAYFA STİLLERİ v3
   ============================================================ */

/* ── Page Hero ── */
.page-hero {
  background: linear-gradient(135deg, var(--color-primary-dark) 0%, var(--color-primary) 55%, #164a8f 100%);
  padding: 3.5rem 0 4rem; position: relative; overflow: hidden;
}
.page-hero::after { content:''; position:absolute; inset:0; background:radial-gradient(ellipse 700px 500px at 70% 50%,rgba(0,168,107,.12),transparent); }
.page-hero.arac-hero    { background:linear-gradient(135deg,#071d3d 0%,#0f2d5e 55%,#0c3870 100%); }
.page-hero.tasarruf-hero{ background:linear-gradient(135deg,#032d1e 0%,#065f3e 55%,#047856 100%); }
.page-hero-inner { position:relative; z-index:1; }
.page-hero-title { font-family:var(--font-display); font-size:clamp(1.75rem,4vw,3rem); font-weight:900; color:#fff; line-height:1.1; letter-spacing:-.03em; margin-bottom:.875rem; }
.page-hero-desc  { font-size:1.0625rem; color:rgba(255,255,255,.65); max-width:560px; line-height:1.75; }

/* ── Breadcrumb ── */
.breadcrumb { display:flex; align-items:center; gap:.375rem; font-size:.8125rem; color:rgba(255,255,255,.45); margin-bottom:1.25rem; flex-wrap:wrap; }
.breadcrumb a { color:rgba(255,255,255,.6); transition:color var(--transition); }
.breadcrumb a:hover { color:#fff; }
.breadcrumb svg { color:rgba(255,255,255,.3); flex-shrink:0; }
.breadcrumb span { color:rgba(255,255,255,.7); font-weight:500; }

/* ── Page Calc Layout ── */
.page-calc-layout { display:grid; grid-template-columns:1fr 400px; gap:2.5rem; align-items:flex-start; }
@media (max-width:1100px) { .page-calc-layout { grid-template-columns:1fr; } }

/* ── Result Card ── */
.result-card { border-radius:var(--radius-xl); overflow:hidden; box-shadow:var(--shadow-xl); position:sticky; top:calc(var(--navbar-h) + 1.5rem); transition:box-shadow var(--transition); }
.result-card:hover { box-shadow:var(--shadow-2xl); }
.result-card-header { background:linear-gradient(135deg,var(--color-primary-dark),var(--color-primary)); padding:1.75rem; display:flex; flex-direction:column; gap:.875rem; position:relative; overflow:hidden; }
.result-card-header::after { content:''; position:absolute; top:-40px; right:-40px; width:150px; height:150px; border-radius:50%; background:rgba(0,204,136,.1); }
.result-main-val    { display:flex; flex-direction:column; gap:.25rem; position:relative; }
.result-main-label  { font-size:.6875rem; font-weight:600; color:rgba(255,255,255,.55); letter-spacing:.08em; text-transform:uppercase; }
.result-main-amount { font-family:var(--font-display); font-size:2.5rem; font-weight:900; color:#fff; letter-spacing:-.035em; line-height:1; }
.result-main-sub    { font-size:.875rem; color:rgba(255,255,255,.65); margin-top:.2rem; }
.result-card-body   { background:#fff; padding:1.5rem; }
.result-detail-row  { display:flex; justify-content:space-between; align-items:baseline; padding:.6875rem 0; border-bottom:1px solid var(--color-gray-100); }
.result-detail-row:last-of-type { border-bottom:none; }
.result-detail-label { font-size:.875rem; color:var(--color-gray-500); }
.result-detail-val   { font-size:.9375rem; font-weight:700; color:var(--color-gray-800); font-variant-numeric:tabular-nums; }
.result-detail-val.highlight { color:var(--color-primary); font-size:1.0625rem; }

/* ── Responsive 2-col ── */
.responsive-2col { display:grid; grid-template-columns:1fr 1fr; gap:2.5rem; align-items:center; }
@media (max-width:900px) { .responsive-2col { grid-template-columns:1fr; gap:2rem; } }

/* ── Team Cards ── */
.team-card { text-align:center; padding:2rem 1.25rem; background:#fff; border-radius:var(--radius-lg); box-shadow:var(--shadow-card); border:1px solid var(--color-gray-100); transition:var(--transition); }
.team-card:hover { transform:translateY(-5px); box-shadow:var(--shadow-card-hover); }
.team-avatar { width:88px; height:88px; border-radius:50%; background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light)); display:flex; align-items:center; justify-content:center; font-family:var(--font-display); font-size:1.625rem; font-weight:800; color:#fff; margin:0 auto 1.125rem; box-shadow:0 8px 20px rgb(12 45 90 / .25); }
.team-name  { font-weight:700; font-size:1rem; color:var(--color-gray-900); margin-bottom:.25rem; }
.team-role  { font-size:.875rem; color:var(--color-gray-500); }

/* ── Contact Info Cards ── */
.contact-info-card { display:flex; align-items:flex-start; gap:1.125rem; padding:1.375rem 1.5rem; background:#fff; border-radius:var(--radius-lg); border:1px solid var(--color-gray-100); box-shadow:var(--shadow-card); transition:var(--transition); }
.contact-info-card:hover { box-shadow:var(--shadow-card-hover); border-color:rgba(12,45,90,.1); transform:translateY(-3px); }
.contact-info-icon  { width:50px; height:50px; border-radius:var(--radius-md); background:var(--color-primary-muted); color:var(--color-primary); display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.contact-info-title { font-weight:700; font-size:.9375rem; color:var(--color-gray-900); margin-bottom:.25rem; }
.contact-info-val   { font-size:.875rem; color:var(--color-gray-500); line-height:1.5; }

/* ── Value Prop Cards ── */
.value-prop-card { display:flex; gap:1.5rem; padding:1.5rem 1.75rem; background:#fff; border-radius:var(--radius-lg); border:1px solid var(--color-gray-100); box-shadow:var(--shadow-card); transition:var(--transition); margin-bottom:1rem; }
.value-prop-card:hover { box-shadow:var(--shadow-card-hover); border-color:rgba(12,45,90,.08); transform:translateX(4px); }
.value-prop-num { font-family:var(--font-display); font-size:2.25rem; font-weight:900; color:var(--color-primary); opacity:.12; line-height:1; flex-shrink:0; width:52px; }

/* ── Comparison Table ── */
.comparison-table-wrap { overflow-x:auto; }
.comparison-table { width:100%; border-collapse:collapse; font-size:.8125rem; min-width:480px; }
.comparison-table thead th { background:var(--color-primary); color:#fff; font-weight:600; font-size:.75rem; padding:.75rem 1rem; text-align:center; white-space:nowrap; }
.comparison-table thead th:first-child { text-align:left; background:var(--color-primary-dark); }
.comparison-table tbody tr { border-bottom:1px solid var(--color-gray-100); transition:background .12s; }
.comparison-table tbody tr:hover { background:var(--color-primary-muted); }
.comparison-table td { padding:.625rem 1rem; color:var(--color-gray-700); font-variant-numeric:tabular-nums; text-align:center; }
.comparison-table td:first-child { text-align:left; font-weight:600; color:var(--color-gray-600); }
.val-highlight { font-weight:700; color:var(--color-primary); }
.val-best { color:var(--color-accent-dark); font-weight:700; }

/* ── Info Box (page override) ── */
.info-box { display:flex; gap:.875rem; padding:1rem 1.25rem; border-radius:var(--radius-md); background:rgba(12,45,90,.05); border:1px solid rgba(12,45,90,.1); font-size:.875rem; color:var(--color-gray-600); line-height:1.6; }
.info-box svg { color:var(--color-primary); flex-shrink:0; margin-top:.1rem; }
.info-box.warning { background:rgba(232,160,32,.07); border-color:rgba(232,160,32,.2); }
.info-box.warning svg { color:var(--color-gold); }
.info-box.success { background:rgba(0,168,107,.07); border-color:rgba(0,168,107,.2); }
.info-box.success svg { color:var(--color-accent-dark); }

/* ── Section Alternating ── */
.section-alt { background:linear-gradient(180deg,var(--color-gray-50) 0%,#fff 100%); }