/* Taşıt AI web — görsel dil: "Taşıt AI Web Yeniden Tasarım" panosu (P22). Tek tema (açık). */
:root {
  --bg: #F2F4F6;
  --surface: #FFFFFF;
  --surface-alt: #F5F7F9;
  --ink: #0E1A26;
  --text: #0E1A26;
  --text-2: #3B4A5A;
  --text-muted: #5A6878;
  --text-faint: #7D8C9B;
  --border: #DCE2E8;
  --border-soft: #E3E8ED;
  --border-strong: #C3CDD7;
  --brand: #0A6670;
  --brand-dark: #074A51;
  --brand-soft: #E3F1F2;
  --brand-line: #9ACBCF;
  --brand-light: #5FC4CC;
  --neg: #B5470F;
  --neg-dark: #7A2E08;
  --neg-soft: #FDF1E8;
  --neg-line: #F2C9A9;
  --unk: #6B4E00;
  --unk-dark: #4A3600;
  --unk-soft: #FFF4D6;
  --unk-line: #E5CF8E;
  --bad: #A8251A;
  --bad-soft: #FBEAE8;
  --nav-text: #B9C6D2;
  --nav-faint: #8FA0B0;
  --font-sans: 'IBM Plex Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --radius: 14px;
  --gutter: max(16px, env(safe-area-inset-left, 0px));
  --gutter-r: max(16px, env(safe-area-inset-right, 0px));
}

* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  font-family: var(--font-sans);
  font-size: 15px;
  line-height: 1.5;
  background: var(--bg);
  color: var(--text);
  -webkit-font-smoothing: antialiased;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
h1, h2, h3, h4, p, ul, ol, dl, dd, figure { margin: 0; }
h1, h2, h3 { text-wrap: balance; }
a { color: var(--brand); }
a:hover { color: var(--brand-dark); }
button { font: inherit; cursor: pointer; }
input, select, textarea { font: inherit; }
img { max-width: 100%; }
[hidden] { display: none !important; }
.num { font-family: var(--font-mono); font-variant-numeric: tabular-nums; }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
:focus-visible { outline: 3px solid var(--brand-light); outline-offset: 2px; }

/* ---------- üst bar ---------- */
.topbar { background: var(--ink); color: #FFFFFF; position: sticky; top: 0; z-index: 40; }
.topbar-inner {
  max-width: 1320px; margin: 0 auto; min-height: 64px;
  padding: 10px var(--gutter-r) 10px var(--gutter);
  display: flex; align-items: center; gap: 20px; flex-wrap: wrap;
}
.brand-logo { display: flex; align-items: center; gap: 10px; color: #FFFFFF; text-decoration: none; font-weight: 700; font-size: 18px; letter-spacing: -0.01em; }
.brand-logo:hover { color: #FFFFFF; }
.nav-links { display: flex; gap: 2px; flex-wrap: wrap; flex: 1 1 auto; align-items: center; }
.nav-btn {
  color: var(--nav-text); background: transparent; border: 0; text-decoration: none;
  font-size: 15px; font-weight: 500; padding: 10px 12px; border-radius: 8px; min-height: 44px;
  display: inline-flex; align-items: center; gap: 6px;
}
.nav-btn:hover { color: #FFFFFF; background: rgba(255, 255, 255, 0.07); }
.nav-btn.active { color: #FFFFFF; background: rgba(255, 255, 255, 0.12); font-weight: 600; }
.nav-btn.ikincil { color: var(--nav-faint); font-size: 14px; padding: 10px; }
.nav-btn.ikincil.active { color: #FFFFFF; }
.nav-sep { width: 1px; height: 22px; background: #33445A; margin: 0 8px; }
.nav-toggle { display: none; width: 44px; height: 44px; border: 1px solid #3A4B5C; border-radius: 8px; background: transparent; align-items: center; justify-content: center; margin-left: auto; }
.user-bar { display: flex; align-items: center; gap: 8px; }
.avatar {
  width: 40px; height: 40px; border-radius: 50%; background: var(--brand-light); color: var(--ink);
  border: 0; font-size: 15px; font-weight: 700; display: flex; align-items: center; justify-content: center; text-decoration: none;
}
.btn-nav-ghost { color: #FFFFFF; background: transparent; border: 1px solid #3A4B5C; border-radius: 8px; padding: 9px 14px; font-size: 14px; font-weight: 600; min-height: 40px; }
.btn-nav-solid { color: var(--ink); background: var(--brand-light); border: 0; border-radius: 8px; padding: 10px 14px; font-size: 14px; font-weight: 700; min-height: 40px; }

@media (max-width: 900px) {
  .topbar-inner { gap: 10px; }
  .nav-toggle { display: inline-flex; order: 3; margin-left: 0; }
  .nav-links { display: none; order: 4; flex-basis: 100%; flex-direction: column; align-items: stretch; padding-bottom: 6px; }
  .topbar.acik .nav-links { display: flex; }
  .nav-sep { display: none; }
  .user-bar { order: 2; margin-left: auto; }
}
@media (max-width: 440px) {
  .btn-nav-solid { display: none; }
}

/* ---------- sayfa ---------- */
.container {
  width: 100%; max-width: 1320px; margin: 0 auto; flex: 1 0 auto;
  padding: 28px var(--gutter-r) 64px var(--gutter);
  display: flex; flex-direction: column; gap: 20px;
}
.page-head { display: flex; justify-content: space-between; align-items: flex-end; gap: 16px; flex-wrap: wrap; }
.page-head h1 { font-size: 32px; line-height: 1.15; letter-spacing: -0.02em; font-weight: 700; margin-bottom: 6px; }
.page-head .lead { font-size: 16px; color: var(--text-2); max-width: 720px; }
.crumb { font-size: 13px; color: var(--text-muted); margin-bottom: 4px; }
.kapsam-not { font-size: 13px; color: var(--text-muted); text-align: right; }
.kapsam-not b { color: var(--text); font-family: var(--font-mono); font-weight: 600; }

.card { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); padding: 24px; display: flex; flex-direction: column; gap: 14px; min-width: 0; }
.card h2 { font-size: 20px; font-weight: 700; }
.card h3 { font-size: 16px; font-weight: 700; }
.card .sub { font-size: 14px; color: var(--text-muted); }
.card-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; flex-wrap: wrap; }
.muted { color: var(--text-muted); }
.small { font-size: 13px; }
.grid-2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.grid-auto { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 12px; }
@media (max-width: 860px) { .grid-2 { grid-template-columns: minmax(0, 1fr); } }

.tile { padding: 14px 16px; background: var(--surface-alt); border-radius: 10px; display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.tile .k { font-size: 12.5px; color: var(--text-muted); }
.tile .v { font-size: 18px; font-weight: 600; }
.tile .n { font-size: 12.5px; color: var(--text-muted); }

/* ---------- düğme, form ---------- */
.btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  min-height: 44px; padding: 0 18px; border-radius: 10px; border: 1px solid transparent;
  font-size: 15px; font-weight: 700; text-decoration: none; white-space: nowrap;
}
.btn-primary { background: var(--brand); color: #FFFFFF; }
.btn-primary:hover { background: var(--brand-dark); color: #FFFFFF; }
.btn-secondary { background: var(--surface); color: var(--text); border-color: var(--border-strong); font-weight: 600; }
.btn-secondary:hover { border-color: var(--text-muted); color: var(--text); }
.btn-soft { background: var(--brand-soft); color: var(--brand-dark); font-weight: 600; }
.btn-danger { background: var(--bad); color: #FFFFFF; }
.btn-danger-ghost { background: var(--surface); color: var(--bad); border-color: #E7B9B3; font-weight: 600; }
.btn-link { background: none; border: 0; color: var(--brand); font-weight: 600; padding: 6px 0; min-height: 0; }
.btn-sm { min-height: 36px; padding: 0 12px; font-size: 14px; border-radius: 8px; }
.btn-block { width: 100%; }
.btn:disabled { opacity: 0.6; cursor: default; }

.field { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.field label, .field .lbl { font-size: 14px; font-weight: 600; color: var(--text); display: flex; justify-content: space-between; gap: 8px; }
.field .ipucu { font-size: 12.5px; color: var(--text-muted); font-weight: 400; }
.inp {
  width: 100%; height: 48px; padding: 0 14px; border: 1px solid var(--border-strong); border-radius: 10px;
  font-size: 16px; color: var(--text); background: #FFFFFF;
}
select.inp { padding-right: 32px; }
.inp:focus { border-color: var(--brand); outline: 2px solid var(--brand-soft); }
.form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.form-grid .full { grid-column: 1 / -1; }
@media (max-width: 520px) { .form-grid { grid-template-columns: minmax(0, 1fr); } }
.chips { display: flex; gap: 8px; flex-wrap: wrap; }
.chip { font-size: 13px; padding: 6px 12px; border-radius: 999px; border: 1px solid var(--border-strong); background: #FFFFFF; color: var(--text-2); min-height: 32px; }
.chip.active { background: var(--brand-soft); border-color: var(--brand-line); color: var(--brand-dark); font-weight: 600; }
.seg { display: inline-flex; border: 1px solid var(--border-strong); border-radius: 10px; overflow: hidden; }
.seg button { border: 0; background: #FFFFFF; padding: 0 16px; min-height: 44px; font-size: 14px; font-weight: 600; color: var(--text-2); }
.seg button + button { border-left: 1px solid var(--border-strong); }
.seg button.on { background: var(--brand-soft); color: var(--brand-dark); }

.alert { padding: 12px 14px; border-radius: 10px; font-size: 14px; border: 1px solid transparent; }
.alert-error { background: var(--bad-soft); color: var(--bad); border-color: #E7B9B3; }
.alert-success { background: var(--brand-soft); color: var(--brand-dark); border-color: var(--brand-line); }
.alert-info { background: var(--surface-alt); color: var(--text-2); border-color: var(--border); }
.alert-warn { background: var(--neg-soft); color: var(--neg-dark); border-color: var(--neg-line); }
.alert-unk { background: var(--unk-soft); color: var(--unk-dark); border-color: var(--unk-line); }

.pill { display: inline-flex; align-items: center; gap: 6px; font-size: 12.5px; font-weight: 700; padding: 4px 10px; border-radius: 999px; white-space: nowrap; background: var(--border-soft); color: var(--text-2); }
.pill-ok { background: var(--brand-soft); color: var(--brand-dark); }
.pill-unk { background: var(--unk-soft); color: var(--unk); border: 1px solid var(--unk-line); }
.pill-neg { background: #F7D6BF; color: var(--neg-dark); }
.etiket { font-size: 11.5px; font-weight: 600; color: var(--text-muted); background: var(--surface-alt); border: 1px solid var(--border-soft); border-radius: 6px; padding: 1px 6px; white-space: nowrap; }

/* ---------- tablolar ---------- */
.table-wrap { overflow-x: auto; }
.data-table { width: 100%; border-collapse: collapse; font-size: 14px; }
.data-table th, .data-table td { padding: 11px 12px; border-bottom: 1px solid #EEF1F4; text-align: left; vertical-align: top; }
.data-table th { font-size: 12.5px; font-weight: 600; color: var(--text-muted); }
.data-table td.r, .data-table th.r { text-align: right; }
.data-table tr:last-child td { border-bottom: 0; }
.pos { color: var(--brand); }
.neg { color: var(--neg); }

/* ---------- değerleme ---------- */
.degerle { display: grid; grid-template-columns: minmax(0, 440px) minmax(0, 1fr); gap: 20px; align-items: start; }
@media (max-width: 1080px) { .degerle { grid-template-columns: minmax(0, 1fr); } }
.form-col { display: flex; flex-direction: column; gap: 16px; }
.adim { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); padding: 20px; display: flex; flex-direction: column; gap: 14px; }
.adim h2 { font-size: 17px; font-weight: 700; display: flex; justify-content: space-between; gap: 8px; align-items: baseline; }
.adim .not { font-size: 13px; color: var(--text-muted); }
.sonuc-col { display: flex; flex-direction: column; gap: 20px; min-width: 0; }
.gelen-ilan { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; }

.svg-ekspertiz { display: grid; grid-template-columns: minmax(0, 200px) minmax(0, 1fr); gap: 14px; align-items: start; }
@media (max-width: 520px) { .svg-ekspertiz { grid-template-columns: minmax(0, 1fr); } .svg-car-stage { max-width: 220px; margin: 0 auto; } }
.svg-car-stage { display: flex; flex-direction: column; align-items: center; gap: 4px; }
.svg-dir-label { font-size: 11px; font-weight: 700; letter-spacing: 0.08em; color: var(--text-muted); }
.car-blueprint-svg { width: 100%; height: auto; }
.svg-tire { fill: #2A3A4A; }
.svg-body-shell { fill: #F5F7F9; stroke: #A9B6C2; stroke-width: 2; }
.svg-glass { fill: #DDEDEE; stroke: #C2DEE0; }
.svg-part { cursor: pointer; }
.svg-part path, .svg-part rect { fill: #FFFFFF; stroke: #A9B6C2; stroke-width: 1.5; transition: fill .15s; }
.svg-part text { font-size: 8px; font-weight: 700; fill: #5A6878; text-anchor: middle; pointer-events: none; font-family: var(--font-sans); }
.svg-part:hover path, .svg-part:hover rect { stroke: var(--brand); }
.svg-part[data-state="lokal"] path, .svg-part[data-state="lokal"] rect { fill: #F4D67C; }
.svg-part[data-state="boyali"] path, .svg-part[data-state="boyali"] rect { fill: #E58A3C; }
.svg-part[data-state="degisen"] path, .svg-part[data-state="degisen"] rect { fill: var(--bad); }
.svg-part[data-state="degisen"] text { fill: #FFFFFF; }
.parca-liste { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 6px; }
.parca {
  display: flex; justify-content: space-between; gap: 6px; align-items: center; text-align: left;
  padding: 7px 10px; border-radius: 8px; border: 1px solid var(--border); background: #FFFFFF; font-size: 13px; color: var(--text); min-height: 36px;
}
.parca .st { font-size: 12px; font-weight: 600; color: var(--text-muted); }
.parca[data-state="lokal"] { background: #FFF8E1; border-color: #F4D67C; }
.parca[data-state="boyali"] { background: var(--neg-soft); border-color: var(--neg-line); }
.parca[data-state="degisen"] { background: var(--bad-soft); border-color: #E7B9B3; }
.parca[data-state="lokal"] .st, .parca[data-state="boyali"] .st, .parca[data-state="degisen"] .st { color: var(--neg-dark); }
.lejant { display: flex; gap: 12px; flex-wrap: wrap; font-size: 12.5px; color: var(--text-2); }
.lejant span { display: inline-flex; align-items: center; gap: 5px; }
.lejant i { width: 12px; height: 12px; border-radius: 3px; display: block; border: 1px solid #A9B6C2; }

.sonuc-ust { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; flex-wrap: wrap; }
.sonuc-ust .baslik { font-size: 20px; font-weight: 700; }
.adil-deger { font-size: 48px; line-height: 1; font-weight: 600; letter-spacing: -0.03em; }
.adil-deger small { font-size: 22px; color: var(--text-2); font-weight: 500; }
.guven { display: inline-flex; align-items: center; gap: 8px; padding: 4px 10px; border-radius: 999px; font-weight: 700; font-size: 13px; }
.guven i { display: block; width: 11px; height: 6px; border-radius: 2px; background: currentColor; }
.guven i.bos { background: #D5DCE3; }
.guven-yuksek { background: var(--brand-soft); color: var(--brand-dark); }
.guven-orta { background: var(--unk-soft); color: var(--unk); }
.guven-dusuk { background: var(--neg-soft); color: var(--neg-dark); }

.bant { position: relative; height: 64px; margin-top: 4px; }
.bant .ray { position: absolute; left: 0; right: 0; top: 30px; height: 10px; border-radius: 999px; background: #E6EBEF; }
.bant .aralik { position: absolute; top: 30px; height: 10px; border-radius: 999px; background: var(--brand-line); }
.bant .adil { position: absolute; top: 20px; width: 4px; margin-left: -2px; height: 30px; border-radius: 2px; background: var(--brand); }
.bant .adil-lbl { position: absolute; top: 0; transform: translateX(-50%); font-size: 12px; font-weight: 700; color: var(--brand-dark); white-space: nowrap; }
.bant .sen { position: absolute; top: 28px; width: 14px; height: 14px; margin-left: -7px; border-radius: 50%; background: #FFFFFF; border: 4px solid var(--neg); }
.bant .sen-lbl { position: absolute; top: 46px; transform: translateX(-50%); font-size: 12px; font-weight: 700; color: var(--neg); white-space: nowrap; }
.bant-olcek { display: flex; justify-content: space-between; font-size: 12px; color: var(--text-muted); }

.kademe { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
@media (max-width: 640px) { .kademe { grid-template-columns: minmax(0, 1fr); } }
.kademe > div { padding: 14px 16px; border-radius: 10px; border: 1px solid var(--border); display: flex; flex-direction: column; gap: 4px; }
.kademe .orta { background: var(--brand-soft); border-color: var(--brand-line); }
.kademe .ad { font-size: 13.5px; font-weight: 600; color: var(--text-2); display: flex; justify-content: space-between; gap: 6px; }
.kademe .tl { font-size: 20px; font-weight: 600; }
.kademe .acik { font-size: 12.5px; color: var(--text-muted); }

.yontem { display: flex; flex-direction: column; gap: 8px; }
.yontem-satir { display: grid; grid-template-columns: minmax(0, 150px) minmax(0, 1fr) auto; gap: 12px; align-items: center; font-size: 14px; }
.yontem-satir .cubuk { position: relative; height: 10px; background: #EEF1F4; border-radius: 999px; }
.yontem-satir .cubuk b { position: absolute; top: -3px; width: 16px; height: 16px; margin-left: -8px; border-radius: 50%; background: #3B4A5A; }
.yontem-satir.adil .cubuk b { background: var(--brand); }
@media (max-width: 520px) { .yontem-satir { grid-template-columns: minmax(0, 1fr) auto; } .yontem-satir .cubuk { grid-column: 1 / -1; order: 3; } }

.selale { display: flex; flex-direction: column; }
.selale-satir { display: flex; justify-content: space-between; gap: 12px; padding: 10px 0; border-bottom: 1px solid var(--border-soft); font-size: 14px; }
.selale-satir:last-child { border-bottom: 0; border-top: 1px solid var(--border-strong); font-weight: 700; }
.selale-satir .acik { display: block; font-size: 12.5px; color: var(--text-muted); font-weight: 400; }
.selale-satir .tl { font-weight: 600; white-space: nowrap; }

.risk-liste { display: flex; flex-direction: column; gap: 10px; }
.risk { padding: 12px 14px; border-radius: 10px; background: var(--surface-alt); display: flex; flex-direction: column; gap: 2px; }
.risk .tur { font-size: 12px; font-weight: 700; letter-spacing: 0.04em; color: var(--text-2); }
.risk .baslik { font-size: 14.5px; font-weight: 600; }
.risk .metin { font-size: 14px; color: var(--text-2); }
.risk.orta { background: var(--neg-soft); }
.risk.orta .tur { color: var(--neg-dark); }
.risk.yuksek { background: var(--bad-soft); }
.risk.yuksek .tur { color: var(--bad); }

.kontrol { list-style: none; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.kontrol li { display: flex; justify-content: space-between; gap: 12px; padding: 10px 12px; border: 1px solid var(--border); border-radius: 10px; font-size: 14px; }

.karne { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 10px; }
.karne-kalem { display: flex; flex-direction: column; gap: 6px; padding: 12px 14px; border: 1px solid var(--border-soft); border-radius: 10px; }
.karne-kalem .ust { display: flex; justify-content: space-between; gap: 8px; font-size: 14px; font-weight: 600; }
.karne-kalem .iz { height: 6px; border-radius: 999px; background: #EEF1F4; overflow: hidden; }
.karne-kalem .iz b { display: block; height: 100%; background: var(--brand); border-radius: 999px; }
.karne-kalem .not { font-size: 12.5px; color: var(--text-muted); }

/* ---------- piyasa ---------- */
.filtre { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)) auto; gap: 12px; align-items: end; }
@media (max-width: 760px) { .filtre { grid-template-columns: minmax(0, 1fr); } }
.sacilim { width: 100%; height: auto; display: block; }
.etki-liste { display: flex; flex-direction: column; gap: 8px; }
.etki { display: grid; grid-template-columns: minmax(0, 170px) minmax(0, 1fr) 70px; gap: 12px; align-items: center; font-size: 14px; }
.etki .iz { position: relative; height: 12px; }
.etki .iz::before { content: ""; position: absolute; left: 50%; top: -3px; bottom: -3px; width: 1px; background: var(--border-strong); }
.etki .iz b { position: absolute; top: 0; height: 12px; border-radius: 3px; }
.etki .iz b.p { left: 50%; background: var(--brand); }
.etki .iz b.n { right: 50%; background: #E58A3C; }
@media (max-width: 520px) { .etki { grid-template-columns: minmax(0, 1fr) 60px; } .etki .iz { grid-column: 1 / -1; order: 3; } }
.marka-kartlar { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 10px; }
.marka-kart { text-align: left; padding: 14px 16px; border: 1px solid var(--border); border-radius: 12px; background: #FFFFFF; display: flex; flex-direction: column; gap: 4px; color: var(--text); }
.marka-kart:hover { border-color: var(--brand); }
.marka-kart b { font-size: 15px; }
.marka-kart span { font-size: 12.5px; color: var(--text-muted); }

/* ---------- rehber ---------- */
.sekmeler { display: flex; gap: 4px; border-bottom: 1px solid var(--border); overflow-x: auto; }
.sekme { padding: 12px 16px; border: 0; border-bottom: 3px solid transparent; background: none; font-size: 15px; font-weight: 500; color: var(--text-2); white-space: nowrap; min-height: 44px; }
.sekme.on { border-bottom-color: var(--brand); font-weight: 700; color: var(--text); }
.rehber { display: flex; gap: 20px; flex-wrap: wrap; align-items: flex-start; }
.rehber-liste { list-style: none; padding: 0; flex: 1 1 300px; max-width: 420px; min-width: 0; display: flex; flex-direction: column; gap: 10px; }
.rehber-oge { display: block; width: 100%; text-align: left; padding: 16px 18px; border-radius: 12px; background: #FFFFFF; border: 1px solid var(--border); color: var(--text); }
.rehber-oge.on { border: 2px solid var(--brand); padding: 15px 17px; }
.rehber-oge .ad { font-size: 16px; font-weight: 700; margin-bottom: 4px; }
.rehber-oge .alt { font-size: 13px; color: var(--text-muted); margin-bottom: 8px; }
.rehber-detay { flex: 999 1 520px; min-width: 0; }
.adimlar { list-style: none; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.adimlar li { display: flex; gap: 14px; padding: 14px 16px; border: 1px solid var(--border); border-radius: 10px; }
.adimlar .no { flex: 0 0 28px; height: 28px; border-radius: 50%; background: var(--ink); color: #FFFFFF; font-size: 13px; display: flex; align-items: center; justify-content: center; font-family: var(--font-mono); }
.adimlar .b { font-size: 15px; font-weight: 700; margin-bottom: 2px; }
.adimlar .m { font-size: 14px; color: var(--text-2); }
.bos-durum { padding: 32px 24px; text-align: center; color: var(--text-muted); font-size: 14px; }

/* ---------- garaj ---------- */
.arac-kartlar { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 16px; }
.arac-kart .deger { font-size: 30px; font-weight: 600; letter-spacing: -0.02em; }

/* ---------- giriş / hesap ---------- */
.auth { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 460px); gap: 40px; align-items: start; }
@media (max-width: 900px) { .auth { grid-template-columns: minmax(0, 1fr); } .auth-yan { order: 2; } }
.auth-yan { display: flex; flex-direction: column; gap: 18px; padding-top: 8px; }
.auth-yan h1 { font-size: 30px; line-height: 1.2; letter-spacing: -0.02em; }
.fayda { display: flex; gap: 12px; align-items: flex-start; }
.fayda .ik { flex: 0 0 36px; height: 36px; border-radius: 10px; background: var(--brand-soft); color: var(--brand-dark); display: flex; align-items: center; justify-content: center; font-weight: 700; }
.fayda b { display: block; font-size: 15px; }
.fayda span { font-size: 14px; color: var(--text-2); }
.tek-kolon { max-width: 560px; width: 100%; margin: 0 auto; }
.auth-sekme { display: grid; grid-template-columns: 1fr 1fr; border-bottom: 1px solid var(--border); }
.auth-sekme button { border: 0; background: none; padding: 12px; font-size: 15px; font-weight: 500; color: var(--text-2); border-bottom: 3px solid transparent; min-height: 44px; }
.auth-sekme button.on { font-weight: 700; color: var(--text); border-bottom-color: var(--brand); }
.ayrac { display: flex; align-items: center; gap: 12px; color: var(--text-muted); font-size: 13px; }
.ayrac::before, .ayrac::after { content: ""; flex: 1; height: 1px; background: var(--border); }
.satir-kv { display: flex; justify-content: space-between; gap: 12px; padding: 12px 0; border-bottom: 1px solid var(--border-soft); font-size: 14px; flex-wrap: wrap; }
.satir-kv:last-child { border-bottom: 0; }
.satir-kv .k { color: var(--text-muted); }
.satir-kv .v { font-weight: 600; text-align: right; }
.tehlike { border-color: #E7B9B3; }

/* ---------- kurulum ---------- */
.kurulum { counter-reset: adim; display: flex; flex-direction: column; gap: 12px; }
.kurulum-adim { display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: 16px; padding: 18px 20px; background: #FFFFFF; border: 1px solid var(--border); border-radius: var(--radius); }
.kurulum-adim .no { width: 36px; height: 36px; border-radius: 50%; background: var(--ink); color: #FFFFFF; display: flex; align-items: center; justify-content: center; font-family: var(--font-mono); font-weight: 600; }
.kurulum-adim h3 { font-size: 16px; font-weight: 700; margin-bottom: 4px; }
.kurulum-adim p { font-size: 14.5px; color: var(--text-2); }
.kurulum-adim code, .kod { font-family: var(--font-mono); font-size: 13px; background: var(--surface-alt); border: 1px solid var(--border-soft); border-radius: 6px; padding: 1px 6px; }
details.sss { border: 1px solid var(--border); border-radius: 10px; background: #FFFFFF; }
details.sss summary { padding: 14px 16px; font-weight: 600; cursor: pointer; min-height: 44px; }
details.sss p { padding: 0 16px 14px; font-size: 14px; color: var(--text-2); }
.izin { display: grid; grid-template-columns: minmax(0, 220px) minmax(0, 1fr); gap: 12px; padding: 12px 0; border-bottom: 1px solid var(--border-soft); font-size: 14px; }
.izin:last-child { border-bottom: 0; }
@media (max-width: 600px) { .izin { grid-template-columns: minmax(0, 1fr); gap: 2px; } }

/* ---------- gizlilik metni ---------- */
.metin { max-width: 760px; }
.metin h2 { font-size: 18px; margin-top: 8px; }
.metin p, .metin li { font-size: 15px; color: var(--text-2); }
.metin ul { padding-left: 20px; display: flex; flex-direction: column; gap: 8px; }

/* ---------- alt bilgi ---------- */
.site-footer { border-top: 1px solid var(--border); background: #FFFFFF; }
.footer-inner {
  max-width: 1320px; margin: 0 auto; padding: 22px var(--gutter-r) 22px var(--gutter);
  display: flex; gap: 20px; flex-wrap: wrap; align-items: center; justify-content: space-between; font-size: 13px; color: var(--text-muted);
}
.footer-links { display: flex; gap: 18px; flex-wrap: wrap; }
.footer-links a { color: var(--brand); }