/* ============================================================
   İVME — Tasarım sistemi (aydınlık editoryal "Büyüme OS")
   Kimlik: kobalt + amber · Archivo (display) + Inter (gövde)
   Klişe yok: gradyan/glow/glassmorphism kullanılmaz.
   ============================================================ */
:root{
  --bg:#f5f4f0;--yuzey:#ffffff;--yuzey2:#eef0f4;--kenar:#e4e2db;
  --metin:#16151b;--soluk:#6a6975;--birincil:#2b50ff;--birincil-koyu:#eaeeff;
  --vurgu:#ff7a1a;--bilgi:#0ea5e9;--radius:14px;
  --basari:#16a34a;--basari-bg:#e8f6ec;--tehlike:#dc2626;--tehlike-bg:#fbeaea;
  --uyari:#d97706;--uyari-bg:#fdf1e3;--mor:#8b5cf6;
  --ink:#0f0e14;--ink2:#26252e;
  --golge:0 1px 2px rgba(20,18,30,.04),0 6px 20px rgba(20,18,30,.05);
  --golge-lg:0 2px 6px rgba(20,18,30,.06),0 24px 60px rgba(20,18,30,.10);
  --mono:'Archivo',ui-monospace,monospace;
  --disp:'Archivo',system-ui,sans-serif;
  --govde:'Inter',system-ui,sans-serif;
  --kap:1200px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;overflow-x:clip;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--metin);font-family:var(--govde);
  font-size:15.5px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4{font-family:var(--disp);font-weight:800;line-height:1.06;letter-spacing:-.02em;margin:0}
h1{font-size:clamp(2.3rem,5.2vw,4rem)}
h2{font-size:clamp(1.7rem,3.4vw,2.7rem);letter-spacing:-.025em}
h3{font-size:1.28rem;letter-spacing:-.015em}
p{margin:0 0 1rem}
:focus-visible{outline:3px solid var(--birincil);outline-offset:2px;border-radius:6px}
::selection{background:var(--birincil);color:#fff}
.kap{width:100%;max-width:var(--kap);margin:0 auto;padding:0 24px}
main{display:block;min-height:50vh}
section{position:relative}

/* ---- mono etiket / eyebrow ---- */
.eyebrow{font-family:var(--mono);font-weight:700;font-size:.72rem;letter-spacing:.16em;
  text-transform:uppercase;color:var(--birincil);display:inline-flex;align-items:center;gap:9px}
.eyebrow::before{content:"";width:22px;height:2px;background:var(--birincil);display:inline-block}
.eyebrow.amber{color:var(--vurgu)}.eyebrow.amber::before{background:var(--vurgu)}

/* ---- butonlar ---- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;
  font-family:var(--govde);font-weight:650;font-size:.95rem;line-height:1;border:1.5px solid transparent;
  border-radius:11px;padding:13px 20px;transition:transform .12s,box-shadow .15s,background .15s,border-color .15s;
  white-space:nowrap;user-select:none}
.btn svg{flex:none}
.btn:active{transform:translateY(1px)}
.btn-b{background:var(--birincil);color:#fff;box-shadow:0 6px 16px rgba(43,80,255,.24)}
.btn-b:hover{background:#1f3fe0;box-shadow:0 8px 22px rgba(43,80,255,.32)}
.btn-y{background:var(--metin);color:#fff}
.btn-y:hover{background:#000}
.btn-a{background:var(--vurgu);color:#3a1a00}
.btn-a:hover{background:#ff8c33}
.btn-g{background:var(--yuzey);color:var(--metin);border-color:var(--kenar)}
.btn-g:hover{border-color:var(--metin);background:#fff}
.btn-hayalet{background:transparent;color:var(--metin);border-color:var(--kenar)}
.btn-hayalet:hover{background:var(--yuzey2)}
.btn-sm{padding:9px 14px;font-size:.86rem;border-radius:9px}
.btn-lg{padding:16px 26px;font-size:1.02rem}
.btn-blok{width:100%}
.btn-tehlike{background:var(--tehlike);color:#fff}
.btn-tehlike:hover{background:#b91c1c}
.btn-tehlike-c{background:transparent;border-color:var(--tehlike);color:var(--tehlike)}
.btn-tehlike-c:hover{background:var(--tehlike-bg)}
.btn[disabled],.btn:disabled{opacity:.5;pointer-events:none}
.link-ok{display:inline-flex;align-items:center;gap:6px;font-weight:650;color:var(--birincil)}
.link-ok:hover{gap:9px;transition:gap .15s}

/* ---- rozet/çip/pill ---- */
.cip{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;font-weight:650;
  padding:5px 11px;border-radius:999px;background:var(--yuzey2);color:var(--soluk);border:1px solid var(--kenar)}
.cip.b{background:var(--birincil-koyu);color:var(--birincil);border-color:transparent}
.cip.a{background:var(--uyari-bg);color:var(--uyari);border-color:transparent}
.cip.g{background:var(--basari-bg);color:var(--basari);border-color:transparent}
.cip.t{background:var(--tehlike-bg);color:var(--tehlike);border-color:transparent}
.cip.m{background:#f1ebfd;color:var(--mor);border-color:transparent}
.mono{font-family:var(--mono)}
.nokta{width:8px;height:8px;border-radius:50%;background:var(--soluk);display:inline-block}
.nokta.canli{background:var(--basari);box-shadow:0 0 0 0 rgba(22,163,74,.5);animation:nabiz 1.8s infinite}
@keyframes nabiz{0%{box-shadow:0 0 0 0 rgba(22,163,74,.45)}70%{box-shadow:0 0 0 7px rgba(22,163,74,0)}100%{box-shadow:0 0 0 0 rgba(22,163,74,0)}}

/* ---- duyuru şerit ---- */
.duyuru-serit{background:var(--ink);color:#fff;font-size:.85rem}
.duyuru-serit .kap{display:flex;align-items:center;gap:10px;padding:9px 24px;justify-content:center;flex-wrap:wrap}
.duyuru-serit b{font-weight:700}.duyuru-serit span{color:#b9b8c4}

/* ============ ÜST NAV (pazarlama kabuğu) ============ */
.site-head{position:sticky;top:0;z-index:60;background:rgba(245,244,240,.92);
  border-bottom:1px solid var(--kenar);backdrop-filter:saturate(160%) blur(8px)}
.head-in{display:flex;align-items:center;gap:22px;height:70px}
.logo{display:flex;align-items:center;gap:11px;font-family:var(--disp);font-weight:800;
  font-size:1.28rem;letter-spacing:-.02em;color:var(--metin)}
.logo-mark{width:38px;height:38px;border-radius:11px;background:var(--metin);color:#fff;
  display:grid;place-items:center;flex:none}
.logo-mark svg{width:22px;height:22px}
.head-nav{display:flex;align-items:center;gap:4px;margin-left:8px}
.head-nav a{padding:9px 13px;border-radius:9px;font-weight:600;font-size:.92rem;color:var(--soluk)}
.head-nav a:hover{color:var(--metin);background:var(--yuzey2)}
.head-nav a.aktif{color:var(--metin);background:var(--yuzey2)}
.head-sag{margin-left:auto;display:flex;align-items:center;gap:10px}
.bakiye-cip{display:inline-flex;align-items:center;gap:8px;padding:8px 13px;border-radius:10px;
  background:var(--yuzey);border:1.5px solid var(--kenar);font-size:.9rem;color:var(--metin)}
.bakiye-cip b{font-family:var(--mono);font-weight:700}
.bakiye-cip:hover{border-color:var(--birincil);color:var(--birincil)}
.head-hamburger{display:none;cursor:pointer;padding:8px;border-radius:9px;border:1.5px solid var(--kenar);color:var(--metin)}
#navToggle{display:none}
.kpalet-ac{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:10px;
  background:var(--yuzey2);border:1px solid var(--kenar);color:var(--soluk);font-size:.85rem;cursor:pointer}
.kpalet-ac kbd{font-family:var(--mono);font-size:.72rem;background:var(--yuzey);border:1px solid var(--kenar);
  border-radius:5px;padding:1px 6px;color:var(--metin)}

/* ============ HERO (AI kopilot + telemetri) ============ */
.hero{padding:64px 0 48px;position:relative;overflow:hidden}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:52px;align-items:center}
.hero h1{margin:18px 0 0}
.hero h1 .vurgu-metin{color:var(--birincil)}
.hero-lead{font-size:1.14rem;color:var(--soluk);max-width:34ch;margin:20px 0 26px}
.hero-cta{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.hero-guven{display:flex;gap:22px;margin-top:26px;flex-wrap:wrap}
.hero-guven .g{display:flex;flex-direction:column}
.hero-guven .g b{font-family:var(--mono);font-weight:800;font-size:1.5rem;letter-spacing:-.03em}
.hero-guven .g span{font-size:.78rem;color:var(--soluk)}

/* AI kopilot kartı */
.kopilot{background:var(--yuzey);border:1.5px solid var(--kenar);border-radius:calc(var(--radius) + 6px);
  box-shadow:var(--golge-lg);overflow:hidden}
.kopilot-bar{display:flex;align-items:center;gap:9px;padding:13px 16px;border-bottom:1px solid var(--kenar);background:var(--yuzey2)}
.kopilot-bar .k-nokta{width:11px;height:11px;border-radius:50%;background:#d9d6cf}
.kopilot-bar .k-nokta:nth-child(2){background:#e4c56a}.kopilot-bar .k-nokta:nth-child(3){background:#8fd39c}
.kopilot-bar .k-baslik{margin-left:8px;font-size:.82rem;font-weight:700;color:var(--soluk);display:flex;align-items:center;gap:7px}
.kopilot-govde{padding:20px}
.kopilot-soru{font-size:.82rem;color:var(--soluk);margin-bottom:6px}
.kopilot-giris{display:flex;gap:8px;background:var(--yuzey2);border:1.5px solid var(--kenar);
  border-radius:12px;padding:8px 8px 8px 14px;align-items:center}
.kopilot-giris input{flex:1;border:0;background:transparent;font-family:var(--govde);font-size:.95rem;color:var(--metin);outline:none}
.kopilot-oneri{display:flex;flex-direction:column;gap:9px;margin-top:16px}
.k-oneri{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--kenar);
  border-radius:11px;background:var(--yuzey);transition:border-color .12s,transform .12s}
.k-oneri:hover{border-color:var(--birincil);transform:translateX(3px)}
.k-oneri .ki{width:34px;height:34px;border-radius:9px;background:var(--birincil-koyu);color:var(--birincil);
  display:grid;place-items:center;flex:none}
.k-oneri .kt{flex:1;min-width:0}
.k-oneri .kt b{display:block;font-size:.9rem}
.k-oneri .kt span{font-size:.76rem;color:var(--soluk)}
.k-oneri .kf{font-family:var(--mono);font-weight:700;font-size:.88rem;color:var(--birincil)}

/* canlı telemetri mini şerit */
.telemetri{display:flex;gap:0;margin-top:14px;border:1px solid var(--kenar);border-radius:11px;overflow:hidden;background:var(--yuzey)}
.telemetri .t{flex:1;padding:11px 13px;text-align:center;border-right:1px solid var(--kenar)}
.telemetri .t:last-child{border-right:0}
.telemetri .t b{display:block;font-family:var(--mono);font-weight:800;font-size:1.1rem;color:var(--metin)}
.telemetri .t span{font-size:.68rem;color:var(--soluk);text-transform:uppercase;letter-spacing:.06em}

/* ============ SEKSİYON KABUKLARI ============ */
.blok{padding:66px 0}
.blok.alt{background:var(--yuzey)}
.blok-bas{max-width:640px;margin-bottom:38px}
.blok-bas.orta{margin-left:auto;margin-right:auto;text-align:center}
.blok-bas h2{margin:14px 0 12px}
.blok-bas p{color:var(--soluk);font-size:1.05rem;margin:0}

/* platform şeridi */
.plat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}
.plat-kart{display:flex;align-items:center;gap:12px;padding:16px;background:var(--yuzey);
  border:1.5px solid var(--kenar);border-radius:var(--radius);transition:border-color .12s,transform .12s}
.plat-kart:hover{border-color:var(--metin);transform:translateY(-2px)}
.plat-ikon{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;color:#fff;flex:none}
.plat-kart b{font-size:.95rem;display:block}
.plat-kart span{font-size:.74rem;color:var(--soluk)}

/* büyüme reçeteleri (kart) */
.recete-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}
.recete{background:var(--yuzey);border:1.5px solid var(--kenar);border-radius:var(--radius);
  padding:22px;display:flex;flex-direction:column;gap:12px;transition:border-color .12s,box-shadow .15s}
.recete:hover{border-color:var(--birincil);box-shadow:var(--golge)}
.recete-ust{display:flex;align-items:center;justify-content:space-between}
.recete-ikon{width:44px;height:44px;border-radius:12px;background:var(--birincil-koyu);color:var(--birincil);display:grid;place-items:center}
.recete h3{font-size:1.1rem}
.recete p{font-size:.88rem;color:var(--soluk);margin:0;flex:1}
.recete-fiyat{font-family:var(--mono);font-weight:800;font-size:1.05rem}
.recete-fiyat small{font-weight:500;color:var(--soluk);font-size:.72rem;font-family:var(--govde)}

/* fark direkleri (özellik) */
.direk-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.direk{background:var(--yuzey);border:1.5px solid var(--kenar);border-radius:var(--radius);padding:26px;position:relative;overflow:hidden}
.direk .no{font-family:var(--mono);font-weight:800;font-size:.8rem;color:var(--soluk);letter-spacing:.1em}
.direk-ikon{width:52px;height:52px;border-radius:13px;display:grid;place-items:center;margin:14px 0 16px;
  background:var(--metin);color:#fff}
.direk h3{margin-bottom:9px}
.direk p{color:var(--soluk);font-size:.92rem;margin:0}
.direk ul{list-style:none;padding:0;margin:14px 0 0;display:flex;flex-direction:column;gap:8px}
.direk ul li{display:flex;align-items:flex-start;gap:9px;font-size:.88rem}
.direk ul li svg{color:var(--basari);flex:none;margin-top:2px}

/* istatistik/sayaç */
.sayac-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1.5px solid var(--kenar);border-radius:var(--radius);overflow:hidden;background:var(--yuzey)}
.sayac{padding:28px 22px;border-right:1.5px solid var(--kenar);text-align:center}
.sayac:last-child{border-right:0}
.sayac b{display:block;font-family:var(--mono);font-weight:800;font-size:2.2rem;letter-spacing:-.03em;color:var(--metin)}
.sayac span{font-size:.82rem;color:var(--soluk)}

/* nasıl çalışır adımlar */
.adim-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;counter-reset:adm}
.adim{padding:24px;background:var(--yuzey);border:1.5px solid var(--kenar);border-radius:var(--radius)}
.adim::before{counter-increment:adm;content:"0" counter(adm);font-family:var(--mono);font-weight:800;
  font-size:1.6rem;color:var(--birincil);display:block;margin-bottom:12px}
.adim h3{font-size:1.1rem;margin-bottom:8px}
.adim p{color:var(--soluk);font-size:.9rem;margin:0}

/* CTA şerit */
.cta-serit{background:var(--metin);color:#fff;border-radius:calc(var(--radius) + 6px);padding:48px 44px;
  display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap}
.cta-serit h2{color:#fff}
.cta-serit p{color:#b9b8c4;margin:10px 0 0;max-width:46ch}

/* ============ KART/FORM temel ============ */
.card{background:var(--yuzey);border:1.5px solid var(--kenar);border-radius:var(--radius);box-shadow:var(--golge)}
.card-ic{padding:22px}
.form-grup{margin-bottom:16px}
.form-grup>label{display:block;font-size:.84rem;font-weight:650;margin-bottom:7px;color:var(--metin)}
.inp,select.inp,textarea.inp{width:100%;font-family:var(--govde);font-size:.95rem;color:var(--metin);
  background:var(--yuzey);border:1.5px solid var(--kenar);border-radius:11px;padding:12px 14px;transition:border-color .12s,box-shadow .12s}
.inp:focus,select.inp:focus,textarea.inp:focus{outline:none;border-color:var(--birincil);box-shadow:0 0 0 4px var(--birincil-koyu)}
textarea.inp{resize:vertical;min-height:110px}
select.inp{appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236a6975' stroke-width='2.4'><polyline points='6 9 12 15 18 9'/></svg>");background-repeat:no-repeat;background-position:right 14px center;padding-right:40px}
.yardim{font-size:.78rem;color:var(--soluk);margin-top:6px}
.onay-satir{display:flex;align-items:flex-start;gap:10px;font-size:.86rem;color:var(--soluk)}
.onay-satir input{margin-top:3px;width:17px;height:17px;accent-color:var(--birincil);flex:none}

/* flash */
.flash{padding:13px 16px;border-radius:11px;font-size:.9rem;font-weight:550;border:1.5px solid transparent;display:flex;gap:10px;align-items:flex-start}
.flash-basari{background:var(--basari-bg);color:#0f7a37;border-color:#bfe6cb}
.flash-hata{background:var(--tehlike-bg);color:#b3261e;border-color:#f0c8c6}
.flash-uyari{background:var(--uyari-bg);color:#a35a05;border-color:#f3d9b3}
.flash-bilgi{background:var(--birincil-koyu);color:#1f3fe0;border-color:#c9d3ff}

/* auth kart */
.auth-sarma{min-height:calc(100vh - 70px);display:grid;place-items:center;padding:40px 24px}
.auth-card{width:100%;max-width:430px;background:var(--yuzey);border:1.5px solid var(--kenar);
  border-radius:calc(var(--radius) + 4px);box-shadow:var(--golge-lg);padding:34px}
.auth-card h1{font-size:1.7rem;margin-bottom:6px}
.auth-alt{text-align:center;font-size:.88rem;color:var(--soluk);margin-top:18px}

/* ============ PANEL (sol-ray uygulama kabuğu) ============ */
#uygNav{display:none}
.yan-katman{display:none}
.uyg{display:grid;grid-template-columns:256px 1fr;min-height:100vh;background:var(--bg)}
.uyg>*{min-width:0}
.yan{background:var(--yuzey);border-right:1.5px solid var(--kenar);display:flex;flex-direction:column;
  position:sticky;top:0;height:100vh;overflow-y:auto}
.yan-logo{display:flex;align-items:center;gap:10px;padding:20px 20px;font-family:var(--disp);font-weight:800;font-size:1.2rem;border-bottom:1px solid var(--kenar)}
.yan-profil{padding:16px 20px;border-bottom:1px solid var(--kenar);display:flex;align-items:center;gap:12px}
.avatar{width:42px;height:42px;border-radius:11px;background:var(--metin);color:#fff;display:grid;place-items:center;
  font-family:var(--disp);font-weight:800;flex:none}
.yan-profil .pi{min-width:0}
.yan-profil .pi b{display:block;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.yan-profil .pi span{font-size:.74rem;color:var(--soluk)}
.yan-seviye{margin:14px 20px;padding:13px;background:var(--yuzey2);border-radius:12px}
.yan-seviye .sv-ust{display:flex;justify-content:space-between;align-items:center;font-size:.78rem;margin-bottom:8px}
.yan-seviye .sv-ust b{font-family:var(--mono)}
.yan-menu{padding:8px 12px;display:flex;flex-direction:column;gap:2px;flex:1}
.yan-grup{font-family:var(--mono);font-size:.66rem;letter-spacing:.13em;text-transform:uppercase;
  color:var(--soluk);padding:14px 12px 6px}
.yan-menu a{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:10px;
  font-size:.9rem;font-weight:600;color:var(--soluk)}
.yan-menu a svg{flex:none;opacity:.8}
.yan-menu a:hover{background:var(--yuzey2);color:var(--metin)}
.yan-menu a.aktif{background:var(--birincil-koyu);color:var(--birincil)}
.yan-menu a.aktif svg{opacity:1}
.yan-menu a .rozet-say{margin-left:auto;font-family:var(--mono);font-size:.68rem;background:var(--vurgu);color:#3a1a00;border-radius:999px;padding:1px 7px;font-weight:700}
.yan-alt{padding:12px;border-top:1px solid var(--kenar)}

.uyg-govde{display:flex;flex-direction:column;min-width:0}
.uyg-ust{display:flex;align-items:center;gap:14px;padding:14px 28px;background:rgba(245,244,240,.9);
  border-bottom:1px solid var(--kenar);position:sticky;top:0;z-index:30;backdrop-filter:blur(8px)}
.uyg-ust .u-baslik{font-family:var(--disp);font-weight:800;font-size:1.15rem}
.uyg-ust .u-sag{margin-left:auto;display:flex;align-items:center;gap:10px}
.uyg-hamburger{display:none}
.uyg-icerik{padding:28px;max-width:1160px;width:100%}

.acc-head{margin-bottom:22px}
.acc-head h1{font-size:1.9rem;margin-bottom:6px}
.acc-head p{color:var(--soluk);margin:0}

/* tile / istatistik kartı */
.tile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px;margin-bottom:22px}
.tile{background:var(--yuzey);border:1.5px solid var(--kenar);border-radius:var(--radius);padding:18px 20px}
.tile .t-ust{display:flex;align-items:center;justify-content:space-between;color:var(--soluk);font-size:.8rem;margin-bottom:12px}
.tile .t-ust .ti{width:34px;height:34px;border-radius:9px;background:var(--yuzey2);display:grid;place-items:center;color:var(--metin)}
.tile b{font-family:var(--mono);font-weight:800;font-size:1.8rem;letter-spacing:-.03em;display:block;line-height:1}
.tile .t-fark{font-size:.76rem;margin-top:6px;color:var(--basari);display:flex;align-items:center;gap:4px}
.tile.vurgu{background:var(--metin);color:#fff;border-color:var(--metin)}
.tile.vurgu .t-ust,.tile.vurgu .t-fark{color:#b9b8c4}
.tile.vurgu .t-ust .ti{background:rgba(255,255,255,.12);color:#fff}

/* alarm/uyarı şeritleri */
.acc-alert{display:flex;align-items:center;gap:13px;padding:14px 18px;border-radius:12px;margin-bottom:14px;border:1.5px solid;font-size:.9rem}
.acc-alert.uyari{background:var(--uyari-bg);border-color:#f3d9b3;color:#a35a05}
.acc-alert.bilgi{background:var(--birincil-koyu);border-color:#c9d3ff;color:#1f3fe0}
.acc-alert.tehlike{background:var(--tehlike-bg);border-color:#f0c8c6;color:#b3261e}
.acc-alert .a-ok{margin-left:auto}

/* panel kart başlık */
.panel-kart{background:var(--yuzey);border:1.5px solid var(--kenar);border-radius:var(--radius);margin-bottom:20px;overflow:hidden}
.panel-kart>.pk-bas{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--kenar)}
.panel-kart>.pk-bas h2,.panel-kart>.pk-bas h3{font-size:1.05rem;font-family:var(--disp)}
.panel-kart>.pk-bas .pk-sag{margin-left:auto}
.pk-ic{padding:20px}
.pk-ic.sifir{padding:0}

/* tablo */
.tbl-sarma{overflow-x:auto;border-radius:var(--radius)}
.tbl{width:100%;border-collapse:collapse;font-size:.88rem;min-width:520px}
.tbl th{text-align:left;font-family:var(--mono);font-weight:700;font-size:.7rem;letter-spacing:.08em;
  text-transform:uppercase;color:var(--soluk);padding:12px 16px;border-bottom:1.5px solid var(--kenar);white-space:nowrap}
.tbl td{padding:14px 16px;border-bottom:1px solid var(--kenar);vertical-align:middle}
.tbl tr:last-child td{border-bottom:0}
.tbl tbody tr:hover{background:var(--yuzey2)}
.tbl .sag{text-align:right}

/* sipariş satırı */
.srow{display:flex;align-items:center;gap:14px;padding:16px 20px;border-bottom:1px solid var(--kenar)}
.srow:last-child{border-bottom:0}
.srow .s-ana{flex:1;min-width:0}
.srow .s-ana b{font-size:.92rem;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.srow .s-ana span{font-size:.76rem;color:var(--soluk)}
.srow .s-tut{font-family:var(--mono);font-weight:700;text-align:right}

/* durum nokta + etiket */
.durum-et{display:inline-flex;align-items:center;gap:7px;font-size:.78rem;font-weight:650;padding:4px 10px;border-radius:999px}
.status-dot{width:8px;height:8px;border-radius:50%;flex:none}
.dur-bek{background:var(--uyari-bg);color:var(--uyari)} .dur-bek .status-dot{background:var(--uyari)}
.dur-isl{background:var(--birincil-koyu);color:var(--birincil)} .dur-isl .status-dot{background:var(--birincil);animation:nabiz 1.6s infinite}
.dur-tam{background:var(--basari-bg);color:var(--basari)} .dur-tam .status-dot{background:var(--basari)}
.dur-ipt{background:var(--yuzey2);color:var(--soluk)} .dur-ipt .status-dot{background:var(--soluk)}
.dur-hat{background:var(--tehlike-bg);color:var(--tehlike)} .dur-hat .status-dot{background:var(--tehlike)}

/* meter (kalan/ilerleme) */
.meter{height:8px;border-radius:999px;background:var(--yuzey2);overflow:hidden}
.meter>i{display:block;height:100%;background:var(--birincil);border-radius:999px;width:var(--p,0%);transition:width .5s}
.meter.g>i{background:var(--basari)}.meter.a>i{background:var(--vurgu)}

/* vault erişim kutusu */
.vault{background:var(--yuzey2);border:1.5px dashed var(--kenar);border-radius:12px;padding:16px;font-family:var(--mono);font-size:.86rem}
.vault-satir{display:flex;align-items:center;gap:10px;padding:7px 0}
.vault-satir b{color:var(--soluk);min-width:90px;font-weight:600}

/* kopyala buton */
.kopya-btn{cursor:pointer;border:1px solid var(--kenar);background:var(--yuzey);border-radius:8px;padding:5px 9px;font-size:.74rem;color:var(--soluk)}
.kopya-btn:hover{border-color:var(--birincil);color:var(--birincil)}

/* boş durum */
.bos-durum{text-align:center;padding:48px 24px;color:var(--soluk)}
.bos-durum .bd-ikon{width:60px;height:60px;border-radius:16px;background:var(--yuzey2);display:grid;place-items:center;margin:0 auto 16px;color:var(--soluk)}

/* sekmeler */
.sekmeler{display:flex;gap:4px;border-bottom:1.5px solid var(--kenar);margin-bottom:20px;overflow-x:auto}
.sekmeler a{padding:11px 15px;font-weight:600;font-size:.88rem;color:var(--soluk);border-bottom:2.5px solid transparent;white-space:nowrap}
.sekmeler a.aktif{color:var(--birincil);border-bottom-color:var(--birincil)}
.sekmeler a:hover{color:var(--metin)}

/* ============ AKILLI SİPARİŞ ============ */
.siparis-duzen{display:grid;grid-template-columns:1.4fr .8fr;gap:22px;align-items:start}
.siparis-duzen>*{min-width:0}
.siparis-ozet{position:sticky;top:90px}
.ozet-satir{display:flex;justify-content:space-between;padding:9px 0;font-size:.9rem;border-bottom:1px dashed var(--kenar)}
.ozet-satir.toplam{border-bottom:0;border-top:1.5px solid var(--kenar);margin-top:6px;padding-top:14px;font-size:1.1rem}
.ozet-satir.toplam b{font-family:var(--mono);font-weight:800}
.ozet-satir .ind{color:var(--basari)}
.zaman-cizelge{display:flex;flex-direction:column;gap:0;margin-top:8px}
.zc{display:flex;gap:12px;position:relative;padding-bottom:16px}
.zc::before{content:"";position:absolute;left:8px;top:20px;bottom:0;width:2px;background:var(--kenar)}
.zc:last-child::before{display:none}
.zc .zc-nokta{width:18px;height:18px;border-radius:50%;border:3px solid var(--birincil);background:var(--yuzey);flex:none;z-index:1}
.zc .zc-i b{font-size:.85rem;display:block}.zc .zc-i span{font-size:.76rem;color:var(--soluk)}

/* AI öneri kartı (sipariş yanında) */
.ai-oneri{background:var(--birincil-koyu);border:1.5px solid #c9d3ff;border-radius:12px;padding:16px}
.ai-oneri .ao-bas{display:flex;align-items:center;gap:8px;font-weight:700;font-size:.85rem;color:var(--birincil);margin-bottom:10px}
.ai-oneri p{font-size:.84rem;color:#3a4a8a;margin:0}

/* ============ AI ASİSTAN (sohbet) ============ */
.asistan-duzen{display:grid;grid-template-columns:1fr;gap:18px;max-width:820px;margin:0 auto}
.sohbet{background:var(--yuzey);border:1.5px solid var(--kenar);border-radius:var(--radius);min-height:420px;display:flex;flex-direction:column}
.sohbet-akis{flex:1;padding:22px;display:flex;flex-direction:column;gap:14px;overflow-y:auto;max-height:60vh}
.mesaj{display:flex;gap:11px;max-width:82%}
.mesaj .m-av{width:32px;height:32px;border-radius:9px;flex:none;display:grid;place-items:center;color:#fff;font-size:.7rem;font-weight:800;font-family:var(--disp)}
.mesaj .m-govde{background:var(--yuzey2);border-radius:13px;padding:11px 15px;font-size:.9rem}
.mesaj.ai .m-av{background:var(--birincil)}
.mesaj.ben{align-self:flex-end;flex-direction:row-reverse}
.mesaj.ben .m-av{background:var(--metin)}
.mesaj.ben .m-govde{background:var(--metin);color:#fff}
.sohbet-giris{border-top:1px solid var(--kenar);padding:14px;display:flex;gap:10px}
.oneri-cip-sarma{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.oneri-cip{cursor:pointer;background:var(--yuzey);border:1.5px solid var(--kenar);border-radius:999px;padding:8px 14px;font-size:.83rem;font-weight:600}
.oneri-cip:hover{border-color:var(--birincil);color:var(--birincil)}

/* ============ OYUNLAŞTIRMA ============ */
.oyun-baslik{background:var(--metin);color:#fff;border-radius:calc(var(--radius) + 4px);padding:28px;margin-bottom:22px;display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.oyun-seviye-dev{width:82px;height:82px;border-radius:22px;background:rgba(255,255,255,.1);display:grid;place-items:center;flex:none;color:#fff}
.oyun-seviye-dev svg{width:42px;height:42px}
.oyun-baslik .ob-i{flex:1;min-width:200px}
.oyun-baslik .ob-i .rutbe{font-family:var(--disp);font-weight:800;font-size:1.7rem}
.oyun-baslik .ob-i .xp{color:#b9b8c4;font-size:.9rem}
.xp-bar{height:11px;border-radius:999px;background:rgba(255,255,255,.14);overflow:hidden;margin-top:12px}
.xp-bar>i{display:block;height:100%;background:var(--vurgu);border-radius:999px;width:var(--p,0%)}
.seri-kutu{text-align:center;padding:0 8px}
.seri-kutu .sk-say{font-family:var(--mono);font-weight:800;font-size:2rem;color:var(--vurgu);display:flex;align-items:center;gap:6px;justify-content:center}
.seri-kutu span{font-size:.74rem;color:#b9b8c4}

.rozet-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}
.rozet-k{text-align:center;padding:20px 14px;background:var(--yuzey);border:1.5px solid var(--kenar);border-radius:var(--radius);position:relative}
.rozet-k.kilitli{opacity:.5;filter:grayscale(.6)}
.rozet-madalya{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;margin:0 auto 12px;color:#fff}
.rozet-k b{font-size:.88rem;display:block}
.rozet-k span{font-size:.74rem;color:var(--soluk)}
.rozet-k .kilit-ikon{position:absolute;top:12px;right:12px;color:var(--soluk)}

/* görev listesi */
.gorev-l{display:flex;flex-direction:column;gap:10px}
.gorev-k{display:flex;align-items:center;gap:14px;padding:14px 16px;background:var(--yuzey);border:1.5px solid var(--kenar);border-radius:12px}
.gorev-k.tamam{border-color:#bfe6cb;background:var(--basari-bg)}
.gorev-k .g-ikon{width:38px;height:38px;border-radius:10px;background:var(--yuzey2);display:grid;place-items:center;flex:none;color:var(--metin)}
.gorev-k .g-i{flex:1;min-width:0}
.gorev-k .g-i b{font-size:.9rem;display:block}
.gorev-k .g-i .g-mtr{margin-top:8px}
.gorev-k .g-odul{font-family:var(--mono);font-weight:700;font-size:.82rem;color:var(--birincil);white-space:nowrap}

/* çark */
.cark-alan{display:grid;grid-template-columns:340px 1fr;gap:30px;align-items:center}
.cark-sarma{position:relative;width:320px;height:320px;margin:0 auto}
.cark-disk{width:100%;height:100%;border-radius:50%;border:8px solid var(--metin);position:relative;overflow:hidden;
  transition:transform 4.5s cubic-bezier(.15,.9,.25,1);box-shadow:var(--golge-lg)}
.cark-ok{position:absolute;top:-6px;left:50%;transform:translateX(-50%);z-index:5;color:var(--metin)}
.cark-merkez{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;
  background:var(--metin);color:#fff;display:grid;place-items:center;z-index:4;font-family:var(--disp);font-weight:800;font-size:.72rem;border:4px solid var(--yuzey)}
.cark-dilim{position:absolute;top:0;left:0;width:100%;height:100%;
  clip-path:polygon(50% 50%,50% 0,93.3% 25%)}
.cark-dilim span{position:absolute;top:16%;left:50%;transform:translateX(-50%) rotate(90deg);transform-origin:left;
  font-size:.7rem;font-weight:800;color:#fff;font-family:var(--mono);white-space:nowrap}

/* sezon liderlik */
.lider-l{display:flex;flex-direction:column;gap:2px}
.lider-s{display:flex;align-items:center;gap:14px;padding:12px 16px;border-radius:11px}
.lider-s:nth-child(odd){background:var(--yuzey2)}
.lider-s .l-sira{font-family:var(--mono);font-weight:800;font-size:1.1rem;width:32px;color:var(--soluk)}
.lider-s.ilk1 .l-sira{color:var(--vurgu)}
.lider-s .l-ad{flex:1;font-weight:600;font-size:.9rem}
.lider-s .l-puan{font-family:var(--mono);font-weight:700}

/* ============ KURUMSAL / BAYİ ============ */
.kademe-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}
.kademe-k{background:var(--yuzey);border:2px solid var(--kenar);border-radius:var(--radius);padding:22px;text-align:center}
.kademe-k.aktif{border-color:var(--birincil);box-shadow:0 0 0 4px var(--birincil-koyu)}
.kademe-rozet{width:50px;height:50px;border-radius:14px;display:grid;place-items:center;margin:0 auto 14px;color:#fff}
.kademe-k h3{font-size:1.1rem}
.kademe-k .k-ind{font-family:var(--mono);font-weight:800;font-size:1.8rem;color:var(--birincil);margin:8px 0}
.kademe-k .k-esik{font-size:.78rem;color:var(--soluk)}

/* durum/uptime sayfası */
.durum-ozet{display:flex;align-items:center;gap:14px;padding:22px;border-radius:var(--radius);margin-bottom:22px;border:1.5px solid #bfe6cb;background:var(--basari-bg)}
.durum-ozet .do-ikon{width:48px;height:48px;border-radius:14px;background:var(--basari);color:#fff;display:grid;place-items:center;flex:none}
.durum-ozet h2{color:#0f7a37;font-size:1.3rem}
.durum-l{display:flex;flex-direction:column;gap:0;border:1.5px solid var(--kenar);border-radius:var(--radius);overflow:hidden;background:var(--yuzey)}
.durum-s{display:flex;align-items:center;gap:14px;padding:16px 20px;border-bottom:1px solid var(--kenar)}
.durum-s:last-child{border-bottom:0}
.durum-s .ds-ad{flex:1}
.durum-s .ds-ad b{display:block;font-size:.92rem}
.durum-s .ds-ad span{font-size:.78rem;color:var(--soluk)}
.durum-s .ds-uptime{font-family:var(--mono);font-weight:700;font-size:.85rem;color:var(--basari)}
.uptime-bar{display:flex;gap:2px;margin-top:8px}
.uptime-bar i{flex:1;height:22px;border-radius:2px;background:var(--basari);opacity:.85}
.uptime-bar i.k{background:var(--tehlike)}.uptime-bar i.y{background:var(--vurgu)}

/* alt panel kart */
.altpanel-k{background:var(--yuzey);border:1.5px solid var(--kenar);border-radius:var(--radius);padding:20px;display:flex;gap:16px;align-items:center;margin-bottom:12px}
.altpanel-k .ap-i{flex:1;min-width:0}
.altpanel-k .ap-i b{font-size:.95rem}
.altpanel-k .ap-durum{font-family:var(--mono);font-size:.74rem}

/* ============ FİYATLAR / SSS / SAYFA ============ */
.fiyat-tablo{width:100%;border-collapse:collapse;font-size:.9rem}
.fiyat-tablo th{font-family:var(--mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--soluk);text-align:left;padding:12px 16px;border-bottom:1.5px solid var(--kenar)}
.fiyat-tablo td{padding:13px 16px;border-bottom:1px solid var(--kenar)}
.sss-l{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:12px}
.sss-k{background:var(--yuzey);border:1.5px solid var(--kenar);border-radius:12px;overflow:hidden}
.sss-k summary{padding:18px 20px;font-weight:650;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px}
.sss-k summary::-webkit-details-marker{display:none}
.sss-k summary::after{content:"+";font-family:var(--mono);font-size:1.3rem;color:var(--birincil)}
.sss-k[open] summary::after{content:"–"}
.sss-k .sss-c{padding:0 20px 18px;color:var(--soluk);font-size:.92rem}
.icerik-sayfa{max-width:760px;margin:0 auto}
.icerik-sayfa p{color:var(--ink2)}
.icerik-sayfa h2{margin:28px 0 12px}

/* footer */
.site-foot{background:var(--metin);color:#c9c8d2;padding:56px 0 26px;margin-top:60px}
.foot-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:32px;margin-bottom:36px}
.foot-marka .logo{color:#fff;margin-bottom:12px}
.foot-marka p{font-size:.88rem;max-width:34ch;color:#9c9ba8}
.foot-kol h4{font-family:var(--mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:#7c7b88;margin-bottom:14px}
.foot-kol a{display:block;padding:6px 0;font-size:.9rem;color:#c9c8d2}
.foot-kol a:hover{color:#fff}
.foot-alt{border-top:1px solid rgba(255,255,255,.1);padding-top:22px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:.82rem;color:#7c7b88}
.foot-sosyal{display:flex;gap:10px}
.foot-sosyal a{width:36px;height:36px;border-radius:9px;background:rgba(255,255,255,.08);display:grid;place-items:center;color:#c9c8d2}
.foot-sosyal a:hover{background:var(--birincil);color:#fff}

/* ============ KOMUT PALETİ (⌘K) ============ */
.kpalet-katman{position:fixed;inset:0;z-index:200;background:rgba(15,14,20,.4);display:none;align-items:flex-start;justify-content:center;padding-top:12vh}
.kpalet-katman.acik{display:flex}
.kpalet-kutu{width:100%;max-width:600px;background:var(--yuzey);border:1.5px solid var(--kenar);border-radius:16px;box-shadow:var(--golge-lg);overflow:hidden}
.kpalet-giris{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--kenar)}
.kpalet-giris input{flex:1;border:0;background:transparent;font-family:var(--govde);font-size:1.05rem;outline:none;color:var(--metin)}
.kpalet-liste{max-height:52vh;overflow-y:auto;padding:8px}
.kpalet-liste a{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:10px;font-size:.92rem}
.kpalet-liste a.vurgu,.kpalet-liste a:hover{background:var(--yuzey2)}
.kpalet-liste a .kp-ikon{width:32px;height:32px;border-radius:8px;background:var(--yuzey2);display:grid;place-items:center;flex:none;color:var(--metin)}
.kpalet-liste .kp-grup{font-family:var(--mono);font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--soluk);padding:12px 14px 4px}
.kpalet-liste a .kp-git{margin-left:auto;font-size:.72rem;color:var(--soluk)}

/* ============ ONAY MODAL ============ */
.yt-modal-katman{position:fixed;inset:0;z-index:210;background:rgba(15,14,20,.45);display:none;align-items:center;justify-content:center;padding:24px}
.yt-modal-katman.acik{display:flex}
.yt-modal{background:var(--yuzey);border-radius:16px;box-shadow:var(--golge-lg);max-width:420px;width:100%;padding:26px;text-align:center}
.yt-modal .ym-ikon{width:56px;height:56px;border-radius:16px;background:var(--tehlike-bg);color:var(--tehlike);display:grid;place-items:center;margin:0 auto 16px}
.yt-modal h3{margin-bottom:8px}
.yt-modal p{color:var(--soluk);font-size:.92rem}
.yt-modal-btn{display:flex;gap:10px;margin-top:22px}
.yt-modal-btn .btn{flex:1}

/* ============ YARDIMCI ============ */
.mt-0{margin-top:0}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mt-4{margin-top:34px}
.mb-0{margin-bottom:0}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}
.d-flex{display:flex}.aic{align-items:center}.jcb{justify-content:space-between}.gap-1{gap:8px}.gap-2{gap:16px}.wrap{flex-wrap:wrap}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.grid-2>*{min-width:0}
.sag{text-align:right}.orta{text-align:center}.soluk{color:var(--soluk)}.kucuk{font-size:.82rem}
.mw-760{max-width:760px}.mx-auto{margin-left:auto;margin-right:auto}
.b-mono{font-family:var(--mono)}.fw-800{font-weight:800}
.gizle{display:none}
.sayfalama{display:flex;gap:6px;justify-content:center;margin-top:24px}
.sayfalama a{padding:8px 13px;border:1.5px solid var(--kenar);border-radius:9px;font-size:.86rem;font-weight:600}
.sayfalama a.aktif{background:var(--birincil);color:#fff;border-color:var(--birincil)}

/* scrollbar */
*{scrollbar-width:thin;scrollbar-color:#c9c6bd transparent}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-thumb{background:#c9c6bd;border-radius:8px;border:2px solid var(--bg)}
::-webkit-scrollbar-thumb:hover{background:#a9a69d}

/* ============ RESPONSIVE ============ */
@media(max-width:1000px){
  .hero-grid{grid-template-columns:1fr;gap:36px}
  .direk-grid{grid-template-columns:1fr}
  .sayac-grid{grid-template-columns:1fr 1fr}.sayac:nth-child(2){border-right:0}
  .adim-grid{grid-template-columns:1fr}
  .siparis-duzen{grid-template-columns:1fr}.siparis-ozet{position:static}
  .cark-alan{grid-template-columns:1fr}
  .foot-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:860px){
  .uyg{grid-template-columns:1fr}
  .yan{position:fixed;left:0;top:0;bottom:0;width:270px;z-index:120;transform:translateX(-100%);transition:transform .22s;box-shadow:var(--golge-lg)}
  #uygNav:checked~.yan{transform:translateX(0)}
  .uyg-hamburger{display:inline-grid;place-items:center;padding:8px;border:1.5px solid var(--kenar);border-radius:9px;cursor:pointer}
  .yan-katman{display:none;position:fixed;inset:0;background:rgba(15,14,20,.4);z-index:110}
  #uygNav:checked~.yan-katman{display:block}
}
@media(max-width:760px){
  .site-head{backdrop-filter:none}
  .head-nav{display:none}
  .kpalet-ac{display:none}
  #navToggle:checked~.head-in .head-nav{display:flex;position:absolute;top:70px;left:0;right:0;
    flex-direction:column;background:var(--yuzey);border-bottom:1px solid var(--kenar);padding:12px 24px;gap:2px;box-shadow:var(--golge)}
  .head-hamburger{display:inline-grid;place-items:center}
  .head-in{position:relative}
  .kademe-grid,.direk-grid,.recete-grid,.tile-grid{grid-template-columns:1fr}
  .foot-grid{grid-template-columns:1fr}
  .cta-serit{padding:32px 24px}
  .grid-2{grid-template-columns:1fr}
  .uyg-icerik{padding:18px}
  .oyun-baslik{padding:20px}
}
@media(max-width:480px){
  .kap{padding:0 16px}
  .sayac-grid{grid-template-columns:1fr 1fr}
  .hero-guven{gap:16px}
  .cark-sarma{width:270px;height:270px}
}

/* ============================================================
   UYUMLULUK KATMANI — miras (MENZİL/OYUNKASA) sayfa sınıfları
   İVME tasarım tokenlarına eşlenir.
   ============================================================ */
.text-soluk{color:var(--soluk)}
.text-birincil{color:var(--birincil)}
.text-orta{text-align:center}
.text-sag{text-align:right}
.alt{color:var(--soluk);font-size:.95rem;margin-top:4px}
.acc-head .alt{font-size:1rem}
.kap-dar{max-width:820px;margin:0 auto;padding:0 24px;width:100%}
.bolum{padding:60px 0}
.bolum.alt{background:var(--yuzey)}
.bolum-bas{max-width:640px;margin-bottom:32px}
.bolum-bas.orta{margin-left:auto;margin-right:auto;text-align:center}
.bolum-bas h2{margin:12px 0 10px}
.bolum-bas p{color:var(--soluk);margin:0}
/* form (alan) */
.alan{margin-bottom:16px}
.alan>label{display:block;font-size:.84rem;font-weight:650;margin-bottom:7px;color:var(--metin)}
.alan-ipucu{font-size:.78rem;color:var(--soluk);margin-top:6px}
.sel{appearance:none}
/* card padding */
.card-p{padding:22px}
.card-danger{border-color:#f0c8c6;background:var(--tehlike-bg)}
/* auth alias */
.auth-sar{min-height:calc(100vh - 70px);display:grid;place-items:center;padding:40px 24px}
.auth-card .alt{margin-bottom:18px}
.auth-alt-link{text-align:center;font-size:.88rem;color:var(--soluk);margin-top:18px}
.auth-alt-link a{color:var(--birincil);font-weight:650}
/* esit / arasi (flex) */
.esit{display:flex;align-items:center;gap:10px}
.esit.arasi{justify-content:space-between}
.arasi{justify-content:space-between}
/* tablo sarma */
.tablo-sar{overflow-x:auto;border-radius:var(--radius);border:1.5px solid var(--kenar)}
.tablo-sar .tbl{border:0}
.id-cip{font-family:var(--mono);font-weight:700;font-size:.82rem;color:var(--birincil)}
.srv-ad{font-weight:600;max-width:280px}
.fiyat{font-family:var(--mono);font-weight:700}
/* tile içi et/say (miras) */
.tile .et{display:flex;align-items:center;gap:7px;color:var(--soluk);font-size:.8rem;margin-bottom:12px}
.tile .say{font-family:var(--mono);font-weight:800;font-size:1.8rem;letter-spacing:-.03em;line-height:1}
.tile.vurgu .et{color:#b9b8c4}
/* durum nokta renkleri (miras: nokta + d-<renk>) */
.nokta.bekle{background:var(--uyari)}.nokta.islem{background:var(--birincil)}.nokta.kismi{background:var(--vurgu)}
.nokta.tamam{background:var(--basari)}.nokta.iptal{background:var(--soluk)}
.d-bekle{color:var(--uyari);font-weight:600}.d-islem{color:var(--birincil);font-weight:600}
.d-kismi{color:var(--vurgu);font-weight:600}.d-tamam{color:var(--basari);font-weight:600}
.d-iptal{color:var(--soluk);font-weight:600}
/* rozet (küçük etiket) */
.rozet{display:inline-flex;align-items:center;gap:5px;font-size:.72rem;font-weight:700;padding:3px 9px;border-radius:999px;background:var(--yuzey2);color:var(--soluk)}
.rozet-b{background:var(--birincil-koyu);color:var(--birincil)}
.rozet-g{background:var(--basari-bg);color:var(--basari)}
.rozet-a{background:var(--uyari-bg);color:var(--uyari)}
.rozet-t{background:var(--tehlike-bg);color:var(--tehlike)}
/* katalog (hizmetler mirası) */
.kat-blok{margin-bottom:26px;scroll-margin-top:90px}
.kat-blok>h3{font-size:1.15rem;margin-bottom:14px;display:flex;align-items:center;gap:10px}
.katalog{display:grid;grid-template-columns:220px 1fr;gap:24px;align-items:start}
.katalog>*{min-width:0}
.katalog-yan{position:sticky;top:90px;display:flex;flex-direction:column;gap:2px}
.katalog-yan a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;font-weight:600;font-size:.9rem;color:var(--soluk)}
.katalog-yan a:hover,.katalog-yan a.aktif{background:var(--yuzey2);color:var(--metin)}
@media(max-width:860px){.katalog{grid-template-columns:1fr}.katalog-yan{position:static;flex-direction:row;overflow-x:auto}}