:root{
  --or:#F27A1A;--or2:#FF8C38;--or-dim:#FFF4E8;
  --dark:#1A1A1A;--dark2:#2D2D2D;
  --white:#fff;--bg:#FAFAFA;--bg2:#F4F4F6;
  --border:#E8E8EC;--border2:#D4D4DC;
  --text:#1A1A1A;--t2:#555560;--t3:#9898A8;
  --green:#16A34A;--gbg:#F0FDF4;--gbr:#BBF7D0;
  --red:#DC2626;--rbg:#FEF2F2;--rbr:#FECACA;
  --yellow:#D97706;--ybg:#FFFBEB;
  --blue:#2563EB;--bbg:#EFF6FF;
  --r:16px;--r2:12px;--r3:8px;--r4:999px;
  --sh:0 2px 20px rgba(0,0,0,.06);
  --sh2:0 8px 40px rgba(0,0,0,.12);
}
*{box-sizing:border-box;margin:0;padding:0}
html{overflow-x:clip;max-width:100vw}
body{overflow-x:clip;max-width:100vw}
html{scroll-behavior:smooth}
body{font-family:'Inter',sans-serif;background:var(--white);color:var(--text);-webkit-font-smoothing:antialiased}

/* ── NAV ── */
/* SADECE sayfa ust menusu — 'body >' olmazsa kenar cubugundaki <nav> da etkilenir */
body > nav{
  position:sticky;top:16px;z-index:200;
  padding:0 2rem;
  pointer-events:none;
}
.nav-inner{
  max-width:1200px;margin:0 auto;
  background:rgba(255,255,255,.55);
  backdrop-filter:blur(26px) saturate(1.7);
  -webkit-backdrop-filter:blur(26px) saturate(1.7);
  border:1px solid rgba(255,255,255,.55);
  border-radius:100px;
  height:62px;
  display:flex;align-items:center;justify-content:space-between;
  padding:0 1.5rem;
  box-shadow:0 8px 32px rgba(20,17,14,.12),0 1px 0 rgba(255,255,255,.6) inset;
  pointer-events:all;
}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none}
.logo-icon{
  width:36px;height:36px;border-radius:50%;
  background:var(--or);
  display:flex;align-items:center;justify-content:center;
  font-size:16px;font-weight:900;color:#fff;
}
.logo-text{font-size:17px;font-weight:800;color:var(--dark);letter-spacing:-.4px}
.logo-text em{color:var(--or);font-style:normal}
.nav-center{display:flex;gap:2px}
.nav-link{
  padding:7px 14px;border-radius:50px;
  font-size:14px;font-weight:500;color:#555;
  cursor:pointer;border:none;background:transparent;
  font-family:'Inter',sans-serif;transition:all .15s;text-decoration:none;
  white-space:nowrap;
}
.nav-link:hover{color:var(--dark);background:rgba(0,0,0,.05)}
.nav-right{display:flex;align-items:center;gap:8px}
.btn-dark{
  background:var(--dark);color:#fff;border:none;
  padding:10px 22px;border-radius:var(--r4);
  font-size:15px;font-weight:700;cursor:pointer;
  font-family:'Inter',sans-serif;transition:all .15s;
  display:flex;align-items:center;gap:6px;
}
.btn-dark:hover{background:var(--dark2);transform:translateY(-1px)}
.btn-outline-nav{
  background:transparent;border:1.5px solid var(--border2);color:var(--text);
  padding:9px 18px;border-radius:var(--r4);
  font-size:15px;font-weight:600;cursor:pointer;
  font-family:'Inter',sans-serif;transition:all .15s;
}
.btn-outline-nav:hover{border-color:var(--or);color:var(--or)}
.user-pill{
  display:flex;align-items:center;gap:8px;
  padding:5px 14px 5px 6px;
  background:var(--bg2);border-radius:var(--r4);border:1px solid var(--border);
}
.user-avatar{
  width:28px;height:28px;border-radius:50%;
  background:var(--or);
  display:flex;align-items:center;justify-content:center;
  font-size:12px;font-weight:800;color:#fff;
}
.user-name{font-size:13px;font-weight:600;color:var(--text)}
.btn-logout-sm{
  background:transparent;border:none;color:var(--t3);
  font-size:12px;cursor:pointer;padding:0;font-family:'Inter',sans-serif;
  transition:color .15s;
}
.btn-logout-sm:hover{color:var(--red)}

/* ── HERO ── */
.hero{
  min-height:calc(100vh - 80px);
  display:flex;align-items:center;justify-content:center;
  text-align:center;
  padding:6rem 2rem 4rem;
  position:relative;overflow:hidden;
  background:linear-gradient(135deg,#FFF0EB 0%,#FFF8F5 30%,#F8F4FF 60%,#EEF4FF 100%);
}
.hero-blob1{
  position:absolute;top:-100px;left:-100px;
  width:500px;height:500px;border-radius:50%;
  background:radial-gradient(circle,rgba(242,122,26,.12) 0%,transparent 70%);
  pointer-events:none;
}
.hero-blob2{
  position:absolute;bottom:-80px;right:-80px;
  width:400px;height:400px;border-radius:50%;
  background:radial-gradient(circle,rgba(99,102,241,.1) 0%,transparent 70%);
  pointer-events:none;
}
.hero-tag{
  display:inline-flex;align-items:center;gap:8px;
  background:var(--dark);color:#fff;
  font-size:11px;font-weight:700;
  padding:5px 14px;border-radius:var(--r4);
  margin-bottom:1.75rem;letter-spacing:.04em;
}
.hero-tag span{background:var(--or);color:#fff;padding:2px 8px;border-radius:20px;font-size:10px}
.hero h1{
  font-size:clamp(42px,6vw,82px);
  font-weight:900;color:var(--dark);
  letter-spacing:-3px;line-height:1.04;
  margin-bottom:1.5rem;max-width:860px;
}
.hero-sub{
  font-size:18px;color:#555;line-height:1.7;
  max-width:520px;margin:0 auto 2.5rem;font-weight:400;
}
.hero-btns{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
.btn-hero-dark{
  background:#111;color:#fff;border:none;
  padding:16px 32px;border-radius:50px;
  font-size:16px;font-weight:700;cursor:pointer;
  font-family:'Inter',sans-serif;transition:all .2s;
  display:flex;align-items:center;gap:8px;
  letter-spacing:-.3px;
}
.btn-hero-dark:hover{background:#222;transform:translateY(-2px);box-shadow:0 12px 32px rgba(0,0,0,.25)}
.btn-hero-outline{
  background:#fff;color:#111;border:1.5px solid #ddd;
  padding:15px 28px;border-radius:50px;
  font-size:16px;font-weight:600;cursor:pointer;
  font-family:'Inter',sans-serif;transition:all .2s;
  letter-spacing:-.2px;
}
.btn-hero-outline:hover{border-color:#111;transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.1)}
.hero-stats{
  display:flex;justify-content:center;gap:2.5rem;margin-top:3.5rem;
  flex-wrap:wrap;padding-top:2rem;border-top:1px solid rgba(0,0,0,.06);max-width:520px;margin-left:auto;margin-right:auto;
}
.hero-stat-val{font-size:26px;font-weight:900;color:var(--dark);letter-spacing:-1px}
.hero-stat-label{font-size:12px;color:#999;margin-top:3px;font-weight:500}

/* ── HOW IT WORKS ── */
.how-section{
  padding:5rem 2rem;
  background:var(--white);
}
.section-inner{max-width:1100px;margin:0 auto}
.section-tag{
  font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  color:var(--or);margin-bottom:.75rem;
}
.section-title{
  font-size:clamp(28px,3.5vw,42px);font-weight:900;
  color:var(--dark);letter-spacing:-1.5px;line-height:1.1;
  margin-bottom:.75rem;
}
.section-sub{font-size:16px;color:var(--t2);line-height:1.6;max-width:480px}
.how-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;margin-top:3rem}
.how-steps{display:flex;flex-direction:column;gap:2.5rem}
.how-step{display:flex;gap:1.25rem;align-items:flex-start}
.how-num{
  font-size:13px;font-weight:800;color:var(--or);
  width:36px;flex-shrink:0;padding-top:2px;
}
.how-step-title{font-size:17px;font-weight:800;color:var(--dark);margin-bottom:.4rem;letter-spacing:-.3px}
.how-step-desc{font-size:14px;color:var(--t2);line-height:1.6}
.how-visual{
  background:linear-gradient(135deg,#FFF0EB,#FFF8F5);
  border:1px solid var(--border);border-radius:24px;
  padding:2rem;min-height:320px;
  display:flex;flex-direction:column;gap:12px;justify-content:center;
}
.hv-card{
  background:#fff;border-radius:var(--r);padding:16px 20px;
  box-shadow:var(--sh);border:1px solid var(--border);
  display:flex;align-items:center;gap:14px;
}
.hv-icon{width:40px;height:40px;border-radius:10px;background:var(--or-dim);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}
.hv-label{font-size:12px;color:var(--t3);margin-bottom:3px}
.hv-val{font-size:17px;font-weight:800;color:var(--dark)}
.hv-val.green{color:var(--green)}
.hv-val.red{color:var(--red)}

/* ── PRICING ── */
.pricing-section{
  padding:5rem 2rem;
  background:linear-gradient(180deg,#FAFAFA 0%,#fff 100%);
}
.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:3rem}
.price-card{
  background:#fff;border:1.5px solid var(--border);
  border-radius:20px;padding:2rem;
  transition:all .2s;
}
.price-card:hover{transform:translateY(-4px);box-shadow:var(--sh2)}
.price-card.featured{
  background:var(--dark);border-color:var(--dark);
  transform:scale(1.03);
}
.price-card.featured:hover{transform:scale(1.03) translateY(-4px)}
.price-badge{
  display:inline-block;background:var(--or);color:#fff;
  font-size:10px;font-weight:800;padding:3px 10px;
  border-radius:20px;margin-bottom:1rem;letter-spacing:.05em;
}
.price-name{font-size:14px;font-weight:700;color:var(--t2);margin-bottom:.5rem}
.price-card.featured .price-name{color:rgba(255,255,255,.6)}
.price-amount{font-size:42px;font-weight:900;color:var(--dark);letter-spacing:-2px;margin-bottom:.25rem}
.price-card.featured .price-amount{color:#fff}
.price-period{font-size:13px;color:var(--t3);margin-bottom:1.5rem}
.price-card.featured .price-period{color:rgba(255,255,255,.5)}
.price-divider{height:1px;background:var(--border);margin-bottom:1.5rem}
.price-card.featured .price-divider{background:rgba(255,255,255,.15)}
.price-features{display:flex;flex-direction:column;gap:10px;margin-bottom:1.75rem}
.price-feature{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--t2)}
.price-card.featured .price-feature{color:rgba(255,255,255,.75)}
.pf-icon{width:18px;height:18px;border-radius:50%;background:var(--gbg);display:flex;align-items:center;justify-content:center;font-size:9px;flex-shrink:0;border:1px solid var(--gbr)}
.price-card.featured .pf-icon{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.3)}
.btn-price{
  width:100%;padding:13px;border-radius:var(--r4);
  font-size:14px;font-weight:700;cursor:pointer;
  font-family:'Inter',sans-serif;transition:all .2s;border:none;
  background:var(--dark);color:#fff;
}
.btn-price:hover{opacity:.85}
.price-card.featured .btn-price{background:#fff;color:var(--dark)}
.price-card.featured .btn-price:hover{background:var(--bg2)}

/* ── APP SECTION ── */
.app-wrap{max-width:1160px;margin:0 auto;padding:0 1.5rem 3rem}

/* PAGE TABS */
.page{display:none}
.page.active{display:block}

/* DEMO BANNER */
.demo-banner{
  background:linear-gradient(135deg,var(--dark),var(--dark2));
  border-radius:20px;padding:1.5rem 2rem;
  display:flex;align-items:center;justify-content:space-between;
  gap:1rem;margin-bottom:1.25rem;flex-wrap:wrap;
}
.demo-banner h3{font-size:16px;font-weight:800;color:#fff;margin-bottom:4px}
.demo-banner p{font-size:13px;color:rgba(255,255,255,.5)}
.demo-actions{display:flex;gap:8px;flex-wrap:wrap}

/* BUTTONS */
.btn{
  padding:10px 18px;border-radius:var(--r4);font-size:13px;font-weight:700;
  cursor:pointer;font-family:'Inter',sans-serif;transition:all .15s;
  display:inline-flex;align-items:center;gap:6px;border:none;white-space:nowrap;
}
.btn-primary{background:var(--or);color:#fff}
.btn-primary:hover{background:var(--or2);transform:translateY(-1px)}
.btn-secondary{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:#fff}
.btn-secondary:hover{background:rgba(255,255,255,.18)}
.btn-ghost{background:var(--bg2);border:1.5px solid var(--border);color:var(--t2)}
.btn-ghost:hover{border-color:var(--or);color:var(--or);background:var(--or-dim)}

/* CONNECT CARD */
.connect-card{
  background:#fff;border:1.5px solid var(--border);
  border-radius:20px;overflow:hidden;
  box-shadow:var(--sh);margin-bottom:1.25rem;
}
.card-head{
  background:linear-gradient(135deg,var(--dark),var(--dark2));
  padding:1rem 1.5rem;display:flex;align-items:center;gap:10px;
}
.card-head-icon{
  width:36px;height:36px;border-radius:10px;
  background:var(--or);display:flex;align-items:center;
  justify-content:center;font-size:16px;flex-shrink:0;
}
.card-head-title{font-size:15px;font-weight:800;color:#fff}
.card-head-sub{font-size:11px;color:rgba(255,255,255,.45);margin-top:2px}
.card-body{padding:1.5rem}

.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:1.25rem}
.step{background:var(--bg);border:1.5px solid var(--border);border-radius:var(--r2);padding:14px}
.step-num{
  width:28px;height:28px;border-radius:50%;
  background:var(--dark);color:#fff;
  font-size:12px;font-weight:900;
  display:flex;align-items:center;justify-content:center;
  margin-bottom:8px;
}
.step-title{font-size:13px;font-weight:700;color:var(--text);margin-bottom:3px}
.step-desc{font-size:11px;color:var(--t3);line-height:1.5}

.field-grid{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:10px;align-items:flex-end;margin-bottom:10px}
.fg{display:flex;flex-direction:column;gap:5px}
.flabel{font-size:10px;font-weight:700;color:var(--t3);text-transform:uppercase;letter-spacing:.07em}
.finput{
  width:100%;padding:10px 13px;border:1.5px solid var(--border);
  border-radius:var(--r2);font-size:13px;font-weight:600;
  color:var(--text);background:var(--bg);
  font-family:'Inter',sans-serif;transition:all .15s;
}
.finput:focus{outline:none;border-color:var(--or);background:#fff;box-shadow:0 0 0 3px rgba(242,122,26,.1)}

.status-bar{
  display:flex;align-items:center;gap:10px;
  padding:10px 14px;border-radius:var(--r2);
  background:var(--bg);border:1.5px solid var(--border);
  font-size:13px;margin-bottom:12px;
}
.sdot{width:9px;height:9px;border-radius:50%;background:var(--border2);flex-shrink:0;transition:all .3s}
.sdot.on{background:var(--green);box-shadow:0 0 0 3px rgba(22,163,74,.15)}
.sdot.loading{background:var(--or);animation:blink .8s infinite}
.sdot.err{background:var(--red)}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.3}}
.status-text{font-weight:600;color:var(--text)}
.status-sub{font-size:12px;color:var(--t3);margin-left:auto}

/* TOOLBAR */
.toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem;flex-wrap:wrap;gap:10px}
.toolbar-left{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.tb-title{font-size:18px;font-weight:900;letter-spacing:-.5px;color:#111}
.count-badge{
  background:rgba(242,122,26,.1);color:var(--or);
  border:1px solid rgba(242,122,26,.2);
  font-size:11px;font-weight:800;padding:3px 12px;border-radius:50px;
}
.filter-bar{display:flex;gap:2px;background:#F3F4F6;border:none;padding:3px;border-radius:50px}
.ftab{
  padding:6px 16px;border-radius:50px;font-size:12px;font-weight:600;
  cursor:pointer;border:none;background:transparent;color:#9CA3AF;
  font-family:'Inter',sans-serif;transition:all .2s;white-space:nowrap;
}
.ftab.active{background:#fff;color:#111;box-shadow:0 2px 8px rgba(0,0,0,.1)}
.search-wrap{position:relative;display:flex;align-items:center}
.search-icon{position:absolute;left:12px;font-size:13px;color:#9CA3AF;pointer-events:none}
.search-inp{
  padding:9px 14px 9px 36px;border:1.5px solid #E5E7EB;
  border-radius:50px;font-size:13px;color:#111;
  background:#fff;font-family:'Inter',sans-serif;width:220px;transition:all .2s;
  box-shadow:0 1px 4px rgba(0,0,0,.04);
}
.search-inp:focus{outline:none;border-color:var(--or);box-shadow:0 0 0 3px rgba(242,122,26,.08)}
.btn-sm{
  padding:8px 16px;border:1.5px solid #E5E7EB;border-radius:50px;
  font-size:12px;font-weight:600;cursor:pointer;color:#555;
  background:#fff;font-family:'Inter',sans-serif;transition:all .2s;
  display:flex;align-items:center;gap:5px;white-space:nowrap;
  box-shadow:0 1px 4px rgba(0,0,0,.04);
}
.btn-sm:hover{border-color:var(--or);color:var(--or);background:#FFFBF5;transform:translateY(-1px)}
.btn-danger-sm{
  padding:8px 16px;border:1.5px solid rgba(239,68,68,.2);border-radius:50px;
  font-size:12px;font-weight:600;cursor:pointer;color:#DC2626;
  background:rgba(239,68,68,.05);font-family:'Inter',sans-serif;transition:all .2s;
  display:flex;align-items:center;gap:5px;white-space:nowrap;
}
.btn-danger-sm:hover{background:#DC2626;color:#fff;border-color:#DC2626;transform:translateY(-1px)}
.cb-wrap{display:flex;align-items:center;justify-content:center}
input[type=checkbox].row-cb{width:16px;height:16px;cursor:pointer;accent-color:var(--or)}
.sel-bar{
  display:none;align-items:center;gap:10px;
  padding:10px 14px;background:var(--or-dim);border:1.5px solid rgba(242,122,26,.2);
  border-radius:var(--r2);margin-bottom:10px;font-size:13px;font-weight:600;color:var(--or);
}
.sel-bar.show{display:flex}

/* PRODUCT TABLE */
.prod-table-wrap{background:#fff;border:1px solid #E5E7EB;border-radius:20px;overflow-x:auto;box-shadow:0 4px 24px rgba(0,0,0,.07)}
.prod-table-wrap table{min-width:1000px}
.ptable{width:100%;border-collapse:collapse;font-size:13px}
.ptable thead tr{background:transparent}
.ptable th{
  padding:13px 14px;text-align:left;
  background:#F8F9FB;
  color:#9CA3AF;font-size:10px;font-weight:700;
  text-transform:uppercase;letter-spacing:.08em;
  border-bottom:1.5px solid #EDEEF1;white-space:nowrap;
}
.ptable th.th-satis{
  background:linear-gradient(135deg,#1A1A2E 0%,#2D2D4E 100%);
  color:rgba(255,255,255,.9);border-bottom:none;
}
.ptable th.th-komisyon{
  background:linear-gradient(135deg,#F27A1A 0%,#FF9A40 100%);
  color:rgba(255,255,255,.95);border-bottom:none;
}
.ptable th.th-alis{
  background:#F8F9FB;color:#9CA3AF;
}
.ptable th.th-kargo{
  background:#F8F9FB;color:#9CA3AF;
}
.ptable td{padding:11px 14px;border-bottom:1px solid #F3F4F6;vertical-align:middle}
.ptable tr:last-child td{border-bottom:none}
.ptable tbody tr:hover td{background:#FAFBFF;transition:background .15s}
.prod-img{width:52px;height:52px;border-radius:14px;object-fit:cover;border:1.5px solid #F0F0F3;box-shadow:0 2px 8px rgba(0,0,0,.08)}
.prod-img-ph{
  width:52px;height:52px;border-radius:14px;
  background:linear-gradient(135deg,#1A1A2E,#2D2D4E);display:flex;align-items:center;
  justify-content:center;font-size:18px;font-weight:800;color:#fff;flex-shrink:0;
}
.prod-name{font-weight:700;color:#111;max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;letter-spacing:-.1px}
.prod-cat{font-size:11px;color:#B0B7C3;margin-top:4px;font-weight:500}
.price-val{font-weight:800;color:#111;font-size:14px}
.kom-pill{display:inline-flex;background:rgba(242,122,26,.08);color:var(--or);font-size:11px;font-weight:800;padding:3px 10px;border-radius:50px;border:1px solid rgba(242,122,26,.15)}
.kar-badge{display:inline-flex;font-size:13px;font-weight:800;padding:6px 14px;border-radius:50px;letter-spacing:-.2px}
.kb-good{background:rgba(16,185,129,.1);color:#059669;border:1px solid rgba(16,185,129,.2)}
.kb-bad{background:rgba(239,68,68,.08);color:#DC2626;border:1px solid rgba(239,68,68,.15)}
.kb-neutral{background:#F3F4F6;color:#9CA3AF}
.detay-btn{
  padding:9px 15px;border:none;border-radius:50px;
  font-size:12px;font-weight:700;cursor:pointer;
  color:#fff;background:#111;
  font-family:'Inter',sans-serif;transition:all .2s;
  display:flex;align-items:center;gap:5px;white-space:nowrap;
  box-shadow:0 2px 8px rgba(0,0,0,.15);
}
.detay-btn:hover{background:#222;transform:translateY(-1px);box-shadow:0 6px 16px rgba(0,0,0,.22)}
.tinput{
  width:64px;padding:6px 7px;
  border:1.5px solid #E8EAED;border-radius:50px;
  font-size:12px;font-weight:700;color:#111;
  background:#fff;font-family:'Inter',sans-serif;transition:all .2s;
  text-align:right;box-shadow:0 1px 3px rgba(0,0,0,.05);
}
.tinput:focus{outline:none;border-color:var(--or);background:#FFFBF5;box-shadow:0 0 0 3px rgba(242,122,26,.1)}
.empty{text-align:center;padding:5rem 2rem;color:var(--t3)}
.empty-emoji{font-size:48px;opacity:.25;display:block;margin-bottom:1rem}
.empty-title{font-size:17px;font-weight:800;color:var(--text);margin-bottom:.5rem}
.empty-sub{font-size:13px;line-height:1.6;max-width:280px;margin:0 auto 1.5rem}
.empty-cta{
  display:inline-flex;align-items:center;gap:8px;
  background:var(--dark);color:#fff;padding:12px 24px;
  border-radius:var(--r4);font-size:14px;font-weight:700;
  cursor:pointer;border:none;font-family:'Inter',sans-serif;transition:all .2s;
}
.empty-cta:hover{background:var(--dark2);transform:translateY(-2px)}

/* HESAP TAB */
.calc-card{background:#fff;border:1.5px solid var(--border);border-radius:20px;overflow:hidden;box-shadow:var(--sh);margin-bottom:1.25rem}
.form-row{display:grid;gap:12px;margin-bottom:12px}
.fr2{grid-template-columns:1fr 1fr}
.fr3{grid-template-columns:1fr 1fr 1fr}
.fw{position:relative;display:flex;align-items:center}
.fsuf{position:absolute;right:11px;font-size:12px;font-weight:700;color:var(--t3);pointer-events:none}
.finput2{
  width:100%;padding:10px 30px 10px 13px;
  border:1.5px solid var(--border);border-radius:var(--r2);
  font-size:14px;font-weight:600;color:var(--text);
  background:var(--bg);font-family:'Inter',sans-serif;transition:all .15s;
}
.finput2:focus{outline:none;border-color:var(--or);background:#fff;box-shadow:0 0 0 3px rgba(242,122,26,.1)}
select.finput2{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%239898A8' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 11px center;padding-right:30px}
.kargo-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 14px;background:var(--bg);border:1.5px solid var(--border);border-radius:var(--r2);margin-bottom:12px}
.kr-opt{display:flex;align-items:center;gap:5px;cursor:pointer;padding:5px 12px;border-radius:var(--r4);border:1.5px solid var(--border);background:#fff;font-size:12px;font-weight:600;color:var(--t2);transition:all .15s}
.kr-opt.sel{background:var(--dark);border-color:var(--dark);color:#fff}
.btn-hesapla{
  width:100%;padding:14px;border:none;border-radius:var(--r4);
  background:var(--dark);color:#fff;
  font-size:15px;font-weight:800;cursor:pointer;
  font-family:'Inter',sans-serif;transition:all .2s;
  display:flex;align-items:center;justify-content:center;gap:8px;
}
.btn-hesapla:hover{background:var(--dark2);transform:translateY(-1px)}
.btn-row{display:flex;gap:8px}
.btn-temizle{
  width:48px;border:1.5px solid var(--border2);border-radius:var(--r2);
  background:#fff;color:var(--t3);font-size:17px;cursor:pointer;transition:all .15s;
}
.btn-temizle:hover{border-color:var(--red);color:var(--red);background:var(--rbg)}

/* RESULTS */
.results{display:none}
.kar-circle{
  width:120px;height:120px;border-radius:50%;
  background:var(--dark);
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  box-shadow:0 8px 28px rgba(0,0,0,.2);flex-shrink:0;
}
.kar-circle.loss{background:linear-gradient(135deg,var(--red),#FF6B6B)}
.kc-label{font-size:9px;font-weight:700;color:rgba(255,255,255,.6);letter-spacing:.05em;text-transform:uppercase}
.kc-val{font-size:22px;font-weight:900;color:#fff;letter-spacing:-1px;line-height:1.1}
.kc-sub{font-size:10px;color:rgba(255,255,255,.6);font-weight:600}
.marj-badge{padding:5px 14px;border-radius:var(--r4);font-size:12px;font-weight:800;display:inline-flex;align-items:center;gap:5px;margin-top:8px}
.mb-good{background:var(--gbg);color:var(--green);border:1px solid var(--gbr)}
.mb-mid{background:var(--ybg);color:var(--yellow);border:1px solid #FCD34D}
.mb-bad{background:var(--rbg);color:var(--red);border:1px solid var(--rbr)}
.res-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.rc{background:var(--bg);border:1.5px solid var(--border);border-radius:var(--r2);padding:12px 14px}
.rc.hl{background:#F0FDF4;border-color:var(--gbr)}
.rc-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--t3);margin-bottom:4px}
.rc-val{font-size:17px;font-weight:900;color:var(--text);letter-spacing:-.3px}
.rc-val.or{color:var(--or)}
.rc-val.g{color:var(--green)}
.rc-val.b{color:var(--blue)}
.rc-sub{font-size:11px;color:var(--t3);margin-top:3px}
.meter-bg{height:8px;background:var(--bg2);border-radius:4px;overflow:hidden;border:1px solid var(--border);margin:1rem 0}
.meter-fill{height:100%;border-radius:4px;transition:width .6s cubic-bezier(.4,0,.2,1),background .4s}
.kdv-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;margin-top:.75rem}
.kdc{background:var(--bg2);border:1px solid var(--border);border-radius:var(--r3);padding:9px;text-align:center}
.kdc-label{font-size:9px;font-weight:700;text-transform:uppercase;color:var(--t3);margin-bottom:3px;line-height:1.3}
.kdc-val{font-size:13px;font-weight:800;color:var(--text)}
.breakdown{margin-top:1rem;background:var(--bg);border:1.5px solid var(--border);border-radius:var(--r2);overflow:hidden}
.bd-head{padding:9px 14px;background:var(--bg2);border-bottom:1px solid var(--border);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:var(--t3)}
.bd-row{display:flex;justify-content:space-between;align-items:center;padding:9px 14px;border-bottom:1px solid var(--border);font-size:13px}
.bd-row:last-child{border-bottom:none;background:#fff;font-weight:800;font-size:15px;padding:12px 14px}
.bd-label{color:var(--t2)}
.bv{font-weight:700}
.bv.m{color:var(--red)}
.bv.p{color:var(--green)}

/* AUTH MODAL */
.overlay{position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:500;display:none;align-items:center;justify-content:center;backdrop-filter:blur(6px)}
.overlay.open{display:flex}
.auth-box{background:#fff;border-radius:24px;padding:2.5rem;width:100%;max-width:420px;box-shadow:0 20px 60px rgba(0,0,0,.2);position:relative}
.auth-close{position:absolute;top:16px;right:16px;background:var(--bg2);border:none;border-radius:8px;width:30px;height:30px;font-size:15px;cursor:pointer;color:var(--t2);display:flex;align-items:center;justify-content:center}
.auth-close:hover{background:var(--rbg);color:var(--red)}
.auth-logo{display:flex;align-items:center;gap:8px;margin-bottom:1.5rem;justify-content:center}
.auth-logo-icon{width:38px;height:38px;border-radius:50%;background:var(--or);display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:900;color:#fff}
.auth-logo-text{font-size:19px;font-weight:800;color:var(--dark)}
.auth-logo-text em{color:var(--or);font-style:normal}
.auth-tabs{display:flex;background:var(--bg2);border-radius:var(--r4);padding:3px;margin-bottom:1.5rem}
.auth-tab{flex:1;padding:8px;border-radius:var(--r4);font-size:13px;font-weight:600;cursor:pointer;border:none;background:transparent;color:var(--t3);font-family:'Inter',sans-serif;transition:all .15s}
.auth-tab.active{background:#fff;color:var(--text);box-shadow:0 1px 4px rgba(0,0,0,.08)}
.auth-form{display:flex;flex-direction:column;gap:12px}
.auth-field{display:flex;flex-direction:column;gap:5px}
.auth-label{font-size:11px;font-weight:700;color:var(--t3);text-transform:uppercase;letter-spacing:.07em}
.auth-input{padding:11px 14px;border:1.5px solid var(--border);border-radius:var(--r2);font-size:14px;font-weight:500;color:var(--text);background:var(--bg);font-family:'Inter',sans-serif;transition:all .15s}
.auth-input:focus{outline:none;border-color:var(--or);background:#fff}
.btn-auth{width:100%;padding:13px;border:none;border-radius:var(--r4);background:var(--dark);color:#fff;font-size:15px;font-weight:700;cursor:pointer;font-family:'Inter',sans-serif;transition:all .2s;margin-top:4px}
.btn-auth:hover{background:var(--dark2)}
.auth-error{background:var(--rbg);border:1px solid var(--rbr);border-radius:var(--r3);padding:10px 14px;font-size:13px;color:var(--red);display:none;margin-bottom:4px}
.auth-switch{text-align:center;font-size:13px;color:var(--t3);margin-top:8px}
.auth-switch a{color:var(--or);cursor:pointer;font-weight:600}

/* PAYMENT */
.pay-box{background:#fff;border-radius:24px;width:100%;max-width:500px;box-shadow:0 20px 60px rgba(0,0,0,.2);overflow:hidden}
.pay-header{background:var(--dark);padding:2rem;text-align:center}
.pay-header-icon{width:56px;height:56px;background:var(--or);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:26px;margin:0 auto 1rem}
.pay-header-title{font-size:20px;font-weight:800;color:#fff;margin-bottom:.25rem}
.pay-header-sub{font-size:13px;color:rgba(255,255,255,.45)}
.pay-body{padding:2rem}
.pay-price-box{
  background:var(--gbg);border:2px solid var(--gbr);
  border-radius:var(--r);padding:1.25rem;text-align:center;margin-bottom:1.5rem;
}
.pay-price{font-size:48px;font-weight:900;color:var(--green);letter-spacing:-2px;line-height:1}
.pay-price sup{font-size:22px;vertical-align:top;margin-top:8px;font-weight:700}
.pay-price-per{font-size:13px;color:var(--t3);margin-top:4px}
.pay-features{display:flex;flex-direction:column;gap:8px;margin-bottom:1.5rem}
.pay-feature{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--t2)}
.pf-icon2{width:18px;height:18px;border-radius:50%;background:var(--gbg);border:1px solid var(--gbr);display:flex;align-items:center;justify-content:center;font-size:9px;flex-shrink:0}
.pay-form{display:flex;flex-direction:column;gap:10px}
.pay-field{display:flex;flex-direction:column;gap:4px}
.pay-label{font-size:10px;font-weight:700;color:var(--t3);text-transform:uppercase;letter-spacing:.07em}
.pay-input{padding:10px 13px;border:1.5px solid var(--border);border-radius:var(--r2);font-size:14px;font-weight:500;color:var(--text);background:var(--bg);font-family:'Inter',sans-serif;transition:all .15s}
.pay-input:focus{outline:none;border-color:var(--or)}
.pay-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.btn-pay{width:100%;padding:14px;border:none;border-radius:var(--r4);background:var(--green);color:#fff;font-size:15px;font-weight:800;cursor:pointer;font-family:'Inter',sans-serif;transition:all .2s;margin-top:4px;display:flex;align-items:center;justify-content:center;gap:8px}
.btn-pay:hover{background:#15803D;transform:translateY(-1px)}
.pay-security{text-align:center;font-size:11px;color:var(--t3);margin-top:10px;display:flex;align-items:center;justify-content:center;gap:5px}
.pay-skip{text-align:center;margin-top:10px}
.pay-skip a{font-size:12px;color:var(--t3);cursor:pointer;text-decoration:underline}

/* DETAY MODAL */
.modal{background:#fff;border-radius:24px;padding:2rem;width:100%;max-width:620px;box-shadow:0 20px 60px rgba(0,0,0,.2);position:relative;max-height:90vh;overflow-y:auto}
.modal-close{position:absolute;top:14px;right:14px;background:var(--bg2);border:none;border-radius:8px;width:30px;height:30px;font-size:15px;cursor:pointer;color:var(--t2);display:flex;align-items:center;justify-content:center}
.modal-close:hover{background:var(--rbg);color:var(--red)}
.modal-title{font-size:17px;font-weight:800;color:var(--text);margin-bottom:3px;letter-spacing:-.2px}
.modal-prod{font-size:13px;color:var(--t2);font-weight:600;margin-bottom:1.25rem;padding:10px 14px;background:var(--bg);border-radius:var(--r3);border:1px solid var(--border)}
.modal-inputs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:1rem}
.mi-wrap{display:flex;flex-direction:column;gap:5px}
.mi-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--t3)}
.mi-field{position:relative;display:flex;align-items:center}
.mi-sym{position:absolute;right:11px;font-size:12px;font-weight:700;color:var(--t3);pointer-events:none}
.mi-input{width:100%;padding:10px 30px 10px 13px;border:1.5px solid var(--border);border-radius:var(--r2);font-size:14px;font-weight:700;color:var(--text);background:var(--bg);font-family:'Inter',sans-serif;transition:all .15s}
.mi-input:focus{outline:none;border-color:var(--or);background:#fff}
.ns-table{width:100%;border-collapse:collapse;margin-bottom:10px;border:1.5px solid var(--border);border-radius:var(--r2);overflow:hidden}
.ns-table th{padding:9px 10px;text-align:center;background:var(--bg2);font-size:10px;font-weight:700;text-transform:uppercase;color:var(--t3);border-bottom:1px solid var(--border);border-right:1px solid var(--border)}
.ns-table th:last-child{border-right:none}
.ns-table td{padding:12px 10px;text-align:center;font-size:14px;font-weight:800;border-right:1px solid var(--border)}
.ns-table td:last-child{border-right:none}
.ns-kar-ball{width:68px;height:68px;border-radius:50%;background:var(--dark);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(0,0,0,.2);margin:0 auto}
.ns-kar-ball.loss{background:linear-gradient(135deg,var(--red),#FF6B6B)}
.ns-kar-label{font-size:8px;font-weight:700;color:rgba(255,255,255,.7);letter-spacing:.04em}
.ns-kar-val{font-size:12px;font-weight:900;color:#fff;letter-spacing:-.5px}
.ns-kdv-table{width:100%;border-collapse:collapse;border:1.5px solid var(--border);border-radius:var(--r2);overflow:hidden;margin-bottom:12px}
.ns-kdv-table th{padding:8px;text-align:center;background:var(--ybg);font-size:9px;font-weight:700;text-transform:uppercase;color:var(--t3);border-bottom:1px solid var(--border);border-right:1px solid var(--border);line-height:1.3}
.ns-kdv-table th:last-child{border-right:none;background:var(--rbg);color:var(--red)}
.ns-kdv-table td{padding:10px;text-align:center;font-size:13px;font-weight:800;border-right:1px solid var(--border)}
.ns-kdv-table td:last-child{border-right:none;color:var(--red)}
.modal-empty{text-align:center;padding:1.5rem;color:var(--t3);font-size:13px}

/* KARGO MODAL */
.kargo-box{background:#fff;border-radius:20px;padding:2rem;width:100%;max-width:360px;box-shadow:0 20px 60px rgba(0,0,0,.2);position:relative}

/* TOAST */
.toast{position:fixed;bottom:24px;right:24px;background:var(--dark);color:#fff;padding:12px 18px;border-radius:var(--r4);font-size:13px;font-weight:600;box-shadow:var(--sh2);transform:translateY(80px);opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:999;max-width:320px;display:flex;align-items:center;gap:9px}
.toast.show{transform:translateY(0);opacity:1}
.toast.success{border-left:3px solid var(--green)}
.toast.error{border-left:3px solid var(--red)}
.toast.info{border-left:3px solid var(--or)}

/* FOOTER */
footer{background:linear-gradient(180deg,#0D1117 0%,#090D13 100%);padding:0;margin-top:4rem;border-top:1px solid rgba(255,255,255,.06)}
.footer-logo-text{font-size:18px;font-weight:800;color:#fff;margin-bottom:.5rem}
.footer-logo-text em{color:var(--or);font-style:normal}
.footer-sub{font-size:13px;color:rgba(255,255,255,.3);line-height:1.6}

.spin{width:15px;height:15px;border:2px solid rgba(255,255,255,.25);border-top-color:#fff;border-radius:50%;display:inline-block;animation:rot .6s linear infinite;vertical-align:middle}
@keyframes rot{to{transform:rotate(360deg)}}

/* LOGIN CTA */
.login-cta{
  background:linear-gradient(135deg,#FFF0EB,#FFF8F5);
  border:1.5px solid var(--border);border-radius:20px;
  padding:3rem;text-align:center;margin-top:2rem;
}

@media(max-width:900px){
  .hero{padding:5rem 1rem 3rem}
  .how-grid{grid-template-columns:1fr}
  .pricing-grid{grid-template-columns:1fr}
  .price-card.featured{transform:none}
  .steps{grid-template-columns:1fr}
  .field-grid{grid-template-columns:1fr 1fr}
  .res-grid{grid-template-columns:1fr 1fr}
  .kdv-grid{grid-template-columns:repeat(3,1fr)}
  nav{top:8px;padding:0 1rem}
  .nav-center{display:none}
  .nav-inner{padding:0 12px;gap:8px}
  .logo img{width:132px;height:auto}
  #auth-btns{gap:6px!important}
  #auth-btns button{padding:8px 14px!important;font-size:13px!important}
  #nav-dashboard-btn{padding:8px 14px!important;font-size:13px!important}
  .user-name{max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .modal-inputs{grid-template-columns:1fr}
  .fr2,.fr3{grid-template-columns:1fr}
}
@media(max-width:400px){
  .logo img{width:112px}
  .nav-inner{padding:0 9px;gap:5px}
  #auth-btns button{padding:7px 11px!important;font-size:12px!important}
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
input[type=number]{-moz-appearance:textfield}

/* iyzico popup tam ekran */
#iyzipay-checkout-form {
  position: fixed !important;
  top: 0 !important; left: 0 !important;
  width: 100vw !important; height: 100vh !important;
  z-index: 99999 !important;
  background: rgba(0,0,0,0.7) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
#iyzipay-checkout-form iframe {
  border-radius: 12px !important;
  box-shadow: 0 20px 60px rgba(0,0,0,0.5) !important;
  max-width: 95vw !important;
  max-height: 95vh !important;
}

/* Kargo Barem */
.kbt{padding:5px 12px;border-radius:20px;border:1.5px solid var(--border);background:var(--bg);color:var(--t2);font-size:12px;font-weight:600;cursor:pointer;font-family:inherit;transition:.15s}
.kbt.active{border-color:var(--or);background:rgba(242,122,26,.08);color:var(--or)}
.kbp{display:flex}
.kargo-secim-card{flex:1;min-width:110px;padding:14px 12px;border-right:1px solid #F3F4F6;cursor:pointer;text-align:center;transition:all .2s;position:relative;background:#fff}
.kargo-secim-card:last-child{border-right:none}
.kargo-secim-card:hover{background:#FFFBF5;transform:translateY(-1px)}
.kargo-secim-card.secili{background:linear-gradient(135deg,rgba(242,122,26,.08),rgba(255,140,56,.05));outline:2px solid var(--or);outline-offset:-2px;border-radius:0}
.ksc-firma{font-size:11px;color:#9CA3AF;font-weight:600;margin-bottom:6px;text-transform:uppercase;letter-spacing:.04em}
.ksc-fiyat{font-size:16px;font-weight:900;color:#111;letter-spacing:-.5px}
.ksc-badge{font-size:10px;font-weight:700;padding:2px 8px;border-radius:10px;margin-top:5px;display:inline-block}
.ksc-badge.en-uygun{background:rgba(16,185,129,.1);color:#059669}

.ea-kbcard{flex:1;min-width:90px;padding:8px 10px;border-right:1px solid var(--border);cursor:pointer;text-align:center;transition:.15s}
.ea-kbcard:last-child{border-right:none}
.ea-kbcard:hover{background:rgba(242,122,26,.05)}
.ea-kbcard.secili{background:rgba(242,122,26,.1);outline:2px solid var(--or);outline-offset:-2px}
.ea-kbf{font-size:11px;color:var(--t3);font-weight:600;margin-bottom:3px}
.ea-kbp{font-size:14px;font-weight:800;color:var(--dark)}
.ea-kbb{font-size:10px;font-weight:700;color:#059669;background:rgba(16,185,129,.1);padding:2px 6px;border-radius:8px;display:inline-block;margin-top:3px}
.ea-kar-badge{display:inline-block;padding:3px 8px;border-radius:6px;font-weight:700;font-size:12px}
.ea-kar-ok{background:rgba(16,185,129,.1);color:#059669}
.ea-kar-bad{background:rgba(239,68,68,.08);color:#DC2626}
.ea-edit-label{display:block;font-size:11px;font-weight:600;color:var(--t2);margin-top:10px}
.ea-edit-wrap{display:flex;align-items:center;gap:6px;margin-top:5px}
.ea-edit-input{box-sizing:border-box;width:112px;max-width:100%;min-height:36px;border:1px solid var(--border);border-radius:8px;background:#fff;padding:7px 9px;color:var(--dark);font-family:inherit;font-size:13px;font-weight:600;transition:border-color .15s,box-shadow .15s}
.ea-edit-input:focus{outline:none;border-color:var(--or);box-shadow:0 0 0 3px rgba(242,122,26,.13)}
.ea-edit-input[aria-invalid="true"]{border-color:var(--red)}
.ea-edit-unit{font-size:12px;font-weight:700;color:var(--t3)}
.ea-edit-hint{font-size:10px;color:var(--t3);line-height:1.5;margin-top:5px}
.ea-kom-edit .ea-edit-wrap{justify-content:center}
.ea-kom-edit .ea-edit-input{width:84px;text-align:center}
.ea-kom-badge{font-size:10px;color:var(--or);font-weight:700;background:rgba(242,122,26,.08);padding:2px 6px;border-radius:4px}

/* ══════════════════════════════════════════════════════════
   YENİ LANDING TASARIMI  (yalnızca tanıtım bölümleri)
   .khm ile kapsamlandırıldı → app/hesaplama stilleri etkilenmez
   ══════════════════════════════════════════════════════════ */
.khm{font-family:'Manrope',system-ui,sans-serif;color:#14110E;-webkit-font-smoothing:antialiased}
.khm h1,.khm h2,.khm h3{font-family:'Plus Jakarta Sans','Manrope',sans-serif;margin:0}
.khm a{color:#C2610C;text-decoration:none}
.khm a:hover{color:#F27A1A}
.khm strong{font-weight:800}

@keyframes khmFloatA{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@keyframes khmFloatB{0%,100%{transform:translateY(0)}50%{transform:translateY(8px)}}
@keyframes khmBarPop{0%{transform:scaleY(1)}45%{transform:scaleY(.5)}100%{transform:scaleY(1)}}
@keyframes khmDraw{to{stroke-dashoffset:0}}
@keyframes khmNode{0%,100%{box-shadow:0 0 0 0 rgba(242,122,26,.34)}50%{box-shadow:0 0 0 8px rgba(242,122,26,0)}}
@keyframes khmIconBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px) rotate(-4deg)}}
@keyframes khmNeon{0%,100%{box-shadow:0 10px 28px rgba(242,122,26,.35),0 0 0 0 rgba(242,122,26,.55),0 0 18px rgba(242,122,26,.5)}50%{box-shadow:0 10px 30px rgba(242,122,26,.5),0 0 0 6px rgba(242,122,26,0),0 0 34px rgba(242,122,26,.9)}}

/* ── NAV ince ayar ── */
.nav-link{font-weight:700;font-size:15px;border-radius:100px;transition:background .2s,color .2s}
.nav-link:hover{color:#14110E;background:rgba(242,122,26,.10)}

/* ── HERO ── */
.hero.khm{
  display:flex;align-items:center;
  min-height:0;text-align:left;
  padding:0;overflow:hidden;position:relative;
  background:radial-gradient(1000px 520px at 8% 4%,rgba(242,122,26,.12),transparent 55%),
             radial-gradient(900px 640px at 100% 42%,rgba(22,163,74,.055),transparent 55%),
             linear-gradient(180deg,#FCF7EF,#FBF8F2 55%,#FAF6EF);
}
.khm-hero-grid{
  position:absolute;inset:0;pointer-events:none;
  background-image:linear-gradient(rgba(20,17,14,.035) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(20,17,14,.035) 1px,transparent 1px);
  background-size:64px 64px;
  -webkit-mask-image:radial-gradient(1200px 620px at 55% 30%,#000,transparent 78%);
          mask-image:radial-gradient(1200px 620px at 55% 30%,#000,transparent 78%);
}
.khm-hero-wrap{max-width:1240px;margin:0 auto;padding:70px 32px 40px;position:relative;z-index:1;width:100%}
.khm-hero-cols{display:grid;grid-template-columns:1fr 1.02fr;gap:56px;align-items:center}
.khm-badge{
  display:inline-flex;align-items:center;gap:9px;padding:7px 15px;border-radius:100px;
  background:#fff;border:1px solid #EFE7DC;box-shadow:0 2px 10px rgba(20,17,14,.05);
  font-size:13px;font-weight:700;color:#57534E;margin-bottom:26px;
}
.khm-badge i{width:8px;height:8px;border-radius:50%;background:#F27A1A;box-shadow:0 0 0 4px rgba(242,122,26,.22);display:block}
.hero.khm h1{
  font-size:clamp(42px,5.6vw,72px);font-weight:800;line-height:1.02;
  letter-spacing:-2.5px;margin:0;color:#14110E;text-align:left;
}
.hero.khm h1 em{font-style:normal;color:#F27A1A;-webkit-text-fill-color:#F27A1A;background:none}
.khm-lead{font-size:clamp(16px,1.4vw,18px);color:#57534E;line-height:1.65;max-width:500px;margin:24px 0 0;font-weight:500;text-align:left}
.khm-ticks{display:flex;flex-wrap:wrap;gap:20px;margin:26px 0 34px}
.khm-ticks span{display:flex;align-items:center;gap:8px;font-size:14px;color:#57534E;font-weight:600}
.khm-cta-row{display:flex;gap:14px;flex-wrap:wrap}
.khm-btn-or{
  padding:16px 28px;border-radius:14px;background:#F27A1A;color:#fff;font-weight:800;font-size:16px;
  display:inline-flex;align-items:center;gap:9px;box-shadow:0 14px 34px rgba(242,122,26,.34);
  cursor:pointer;border:none;font-family:inherit;transition:transform .2s,box-shadow .2s;
}
.khm-btn-or:hover{transform:translateY(-2px);box-shadow:0 18px 42px rgba(242,122,26,.42);color:#fff}
.khm-btn-gh{
  padding:16px 28px;border-radius:14px;background:#fff;border:1.5px solid #E3DED5;color:#14110E;
  font-weight:700;font-size:16px;cursor:pointer;font-family:inherit;transition:transform .2s,border-color .2s;
}
.khm-btn-gh:hover{transform:translateY(-2px);border-color:#14110E;color:#14110E}
.khm-note{display:flex;align-items:center;gap:8px;margin-top:20px;font-size:13px;color:#8A8378}
.khm-rule{height:1px;background:#EFE7DC;margin:30px 0 22px}
.khm-avs{display:flex;align-items:center;gap:16px}
.khm-avs .st{width:34px;height:34px;border-radius:50%;border:2px solid #FBFAF8;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;color:#fff}

/* dashboard mockup */
.khm-stage{position:relative;perspective:1300px}
.dashcard{
  background:#fff;border:1px solid #EFE7DC;border-radius:24px;padding:20px;
  box-shadow:0 30px 70px rgba(20,17,14,.14);color:#14110E;
  transition:transform .3s cubic-bezier(.2,.7,.2,1);will-change:transform;
}
.kbar{transition:transform .45s cubic-bezier(.2,.8,.2,1);transform-origin:bottom}
.dashcard:hover .kbar{animation:khmBarPop .95s cubic-bezier(.2,.8,.2,1)}
.dashcard:hover .kbar:nth-child(1){animation-delay:0s}
.dashcard:hover .kbar:nth-child(2){animation-delay:.06s}
.dashcard:hover .kbar:nth-child(3){animation-delay:.12s}
.dashcard:hover .kbar:nth-child(4){animation-delay:.18s}
.dashcard:hover .kbar:nth-child(5){animation-delay:.24s}
.dashcard:hover .kbar:nth-child(6){animation-delay:.30s}
.dashcard:hover .kbar:nth-child(7){animation-delay:.36s}
.khm-fbadge{position:absolute;background:#fff;border-radius:14px;padding:11px 15px;z-index:2}
.khm-fb1{top:-36px;right:-22px;box-shadow:0 16px 40px rgba(0,0,0,.18);animation:khmFloatA 5.5s ease-in-out infinite}
.khm-fb2{top:56%;left:-26px;box-shadow:0 16px 40px rgba(0,0,0,.28);border-left:3px solid #DC2626;animation:khmFloatB 6.5s ease-in-out infinite}
.khm-incl{border-top:1px solid #EFE7DC;margin-top:44px;padding:26px 0 4px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.khm-incl span{display:flex;align-items:center;gap:7px;font-size:14px;font-weight:600;color:#57534E}

/* ── NASIL ÇALIŞIR ── */
.how-section.khm{padding:0;background:#FBFAF8}
.khm-hiw{max-width:1200px;margin:0 auto;padding:96px 32px;scroll-margin-top:90px}
.khm-eyebrow{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#F27A1A;background:#FDEEDD;border:1px solid #F7D9BC;padding:6px 16px;border-radius:100px;margin-bottom:20px}
.khm-h2{font-size:clamp(30px,4.4vw,50px);font-weight:800;letter-spacing:-1.8px;color:#14110E}
.khm-sub{font-size:17px;color:#57534E;max-width:560px;margin:16px auto 22px;font-weight:500;line-height:1.6}
.khm-chips{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
.khm-chips span{display:flex;align-items:center;gap:7px;background:#fff;border:1px solid #EFE7DC;box-shadow:0 2px 8px rgba(20,17,14,.04);padding:8px 16px;border-radius:100px;font-size:13.5px;font-weight:700;color:#403A34}
.khm-hiw-cols{display:grid;grid-template-columns:1fr 1.06fr;gap:52px;align-items:center}
.khm-tl{position:relative;padding-left:40px}
.khm-tl-bg{position:absolute;left:8px;top:38px;bottom:38px;width:2px;background:#EDE6DB;border-radius:2px}
.tl-line-fill{position:absolute;left:8px;top:38px;bottom:38px;width:2px;background:linear-gradient(#F27A1A,#F27A1A 42%,#16A34A);border-radius:2px;transition:transform 1.4s cubic-bezier(.4,0,.2,1) .15s;transform-origin:top}
.hiw [data-anim]{transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.2,1)}
.hiw.armed [data-anim]{opacity:0;transform:translateY(24px)}
.hiw.play [data-anim]{opacity:1;transform:none}
.hiw.armed .tl-line-fill{transform:scaleY(0)}
.hiw.play .tl-line-fill{transform:scaleY(1)}
.hiw.armed .spark{stroke-dashoffset:150}
.hiw.play .spark{animation:khmDraw 1.4s ease forwards}
.hiw.play .tl-node{animation:khmNode 2.6s ease-in-out infinite}
.step{position:relative;background:#fff;border:1px solid #EFE7DC;border-radius:20px;padding:22px 24px;box-shadow:0 2px 14px rgba(20,17,14,.05);transition:transform .38s ease,box-shadow .38s ease,opacity .38s ease}
.step:hover{transform:translateY(-3px)}
.step .arw{transition:transform .25s ease}
.step:hover .arw{transform:translateX(5px)}
.step.active{transform:translateY(-6px) scale(1.035);box-shadow:0 0 0 2px rgba(242,122,26,.6),0 22px 52px rgba(242,122,26,.2);z-index:2}
.step.active .arw{transform:translateX(6px);color:#F27A1A}
.step.active .sicon{animation:khmIconBob .7s ease}
.hiw.cycling .step:not(.active),.hiw.cycling .livepanel:not(.active){opacity:.48;transform:scale(.982)}
.tl-node{position:absolute;left:-39px;top:30px;width:15px;height:15px;border-radius:50%;border:3px solid #FBF8F2}
.sicon{width:50px;height:50px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff}
.livepanel{border-radius:22px;overflow:hidden;border:1px solid #EFE7DC;background:#fff;box-shadow:0 34px 80px rgba(20,17,14,.16);transition:opacity .55s ease,transform .55s cubic-bezier(.2,.7,.2,1),box-shadow .55s ease}
.livepanel.active{transform:translateY(-6px) scale(1.012);box-shadow:0 42px 90px rgba(242,122,26,.2),0 0 0 2px rgba(242,122,26,.4)}

/* ── DEMO BANT ── */
.how-section.khm-demo{padding:0 32px 40px;background:#FBFAF8}
.khm-demo-in{
  position:relative;overflow:hidden;max-width:1200px;margin:0 auto;
  background:radial-gradient(700px 380px at 100% 0%,rgba(242,122,26,.2),transparent 62%),linear-gradient(150deg,#211913,#140F0B);
  border-radius:28px;padding:52px 48px;display:flex;align-items:center;justify-content:space-between;gap:40px;flex-wrap:wrap;
}
.khm-ribbon{position:absolute;top:24px;left:-54px;transform:rotate(-45deg);background:#F27A1A;color:#fff;font-size:12px;font-weight:900;letter-spacing:.16em;padding:6px 62px;box-shadow:0 6px 18px rgba(242,122,26,.4)}
.khm-ghost{position:absolute;right:20px;bottom:-42px;font-family:'Plus Jakarta Sans',sans-serif;font-size:160px;font-weight:800;color:rgba(255,255,255,.035);letter-spacing:-8px;pointer-events:none;user-select:none;line-height:1}
.neonbtn{animation:khmNeon 2s ease-in-out infinite;border:none;font-family:inherit;cursor:pointer}
.neonbtn:hover{animation-duration:1s;color:#fff}

/* ── FİYATLANDIRMA ── */
.pricing-section.khm{padding:0;background:#FBFAF8}
.khm-price{max-width:1200px;margin:0 auto;padding:72px 32px 88px;text-align:center;scroll-margin-top:90px}
.khm-price-card{
  position:relative;overflow:hidden;text-align:left;
  background:radial-gradient(500px 300px at 100% 0%,rgba(242,122,26,.22),transparent 65%),linear-gradient(155deg,#211913,#140F0B);
  border-radius:28px;padding:44px 40px;box-shadow:0 30px 70px rgba(20,17,14,.22);
}
.khm-feat{display:flex;align-items:center;gap:9px;padding:10px 12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);border-radius:11px}
.khm-feat b{color:#34D399;font-weight:800}
.khm-feat span{font-size:12.5px;color:rgba(255,255,255,.82)}

/* ── İLETİŞİM ── */
.khm-contact{background:#F5F1EA;scroll-margin-top:90px}
.khm-contact-in{max-width:1100px;margin:0 auto;padding:80px 32px;display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.khm-inp{padding:13px 15px;border:1.5px solid #E3DED5;border-radius:12px;font-size:14.5px;font-family:inherit;outline:none;background:#FBFAF8;width:100%;transition:border-color .15s}
.khm-inp:focus{border-color:#F27A1A}
.khm-lbl{font-size:11px;font-weight:800;color:#A8A29E;text-transform:uppercase;letter-spacing:.06em}

/* ── SSS ── */
.khm-faq{max-width:760px;margin:0 auto;padding:80px 32px}
.khm-faq details{background:#fff;border:1px solid #EFE7DC;border-radius:16px;overflow:hidden}
.khm-faq summary{padding:18px 22px;font-size:15.5px;font-weight:700;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px}
.khm-faq summary::-webkit-details-marker{display:none}
.khm-faq details[open] .faq-plus{transform:rotate(45deg)}
.faq-plus{font-size:22px;color:#F27A1A;transition:transform .2s;flex-shrink:0}
.khm-faq .ans{padding:0 22px 18px;font-size:14.5px;color:#57534E;line-height:1.7}

/* ── FOOTER ── */
footer.khm{background:#14110E;color:#fff;margin-top:0;border-top:none;padding:0}
.khm-foot-cta{background:linear-gradient(135deg,rgba(242,122,26,.14),rgba(242,122,26,.03));border-bottom:1px solid rgba(242,122,26,.15);padding:32px}
.khm-foot-cta-in{max-width:920px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:22px}
.khm-foot-main{max-width:1100px;margin:0 auto;padding:52px 32px}
.khm-foot-cols{display:grid;grid-template-columns:2fr 1fr 1fr;gap:48px;margin-bottom:40px}
.khm-foot-h{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:rgba(255,255,255,.35);margin-bottom:16px}
.khm-foot-l{font-size:13.5px;color:rgba(255,255,255,.55);cursor:pointer;background:none;border:none;padding:0;text-align:left;font-family:inherit}
.khm-foot-l:hover{color:#F27A1A}
.khm-foot-bot{border-top:1px solid rgba(255,255,255,.08);padding-top:24px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}

/* ── RESPONSIVE ── */
@media(max-width:900px){
  .khm-hero-cols{grid-template-columns:1fr;gap:44px}
  .khm-hiw-cols{grid-template-columns:1fr;gap:44px}
  .khm-contact-in{grid-template-columns:1fr;gap:36px}
  .khm-foot-cols{grid-template-columns:1fr;gap:28px}
  .khm-stage{perspective:none}
  .dashcard{transform:none !important}
  .khm-fb1{right:-6px;top:-26px}
  .khm-fb2{left:-6px}
  .khm-demo-in{padding:38px 24px}
  .khm-hero-wrap{padding:48px 20px 30px}
  .khm-hiw{padding:64px 20px}
  .khm-tl{padding-left:32px}
  .tl-node{left:-31px}
}
@media(max-width:560px){
  .khm-ghost{font-size:96px}
  .khm-price-card{padding:32px 22px}
  .khm-incl{justify-content:flex-start}
}


/* ══════════════════════════════════════════════════════════
   PANEL — modern & seffaf stat kartlari + sadelestirilmis tablo
   ══════════════════════════════════════════════════════════ */
.kstat-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:1.35rem}
.kstat{
  --c:#14110E;--cbg:rgba(20,17,14,.06);
  position:relative;display:flex;align-items:center;gap:13px;
  padding:15px 16px;border-radius:16px;text-align:left;overflow:hidden;
  background:rgba(250,247,242,.62);
  border:1px solid rgba(20,17,14,.075);
  font-family:inherit;
  transition:transform .22s cubic-bezier(.2,.7,.2,1),border-color .22s,box-shadow .22s,background .22s;
}
.kstat-ic{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--cbg);color:var(--c)}
.kstat-lbl{display:block;font-size:11px;color:#8A8A96;font-weight:600}
.kstat-val{display:block;font-family:'Plus Jakarta Sans','Inter',sans-serif;font-size:23px;font-weight:800;letter-spacing:-.7px;line-height:1.1;margin-top:3px;color:var(--c);font-variant-numeric:tabular-nums}
.kstat-sub{display:block;font-size:11px;color:#A6A6B2;margin-top:3px}
button.kstat{cursor:pointer;-webkit-appearance:none;appearance:none}
button.kstat::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2.5px;background:var(--c);opacity:0;transform:scaleX(.25);transition:opacity .22s,transform .22s}
button.kstat:hover{transform:translateY(-2px);background:rgba(255,255,255,.95);border-color:rgba(20,17,14,.15);box-shadow:0 14px 30px -16px rgba(20,17,14,.4)}
button.kstat:hover::after{opacity:.4;transform:scaleX(1)}
button.kstat.on{background:#fff;border-color:transparent;box-shadow:0 0 0 1.5px var(--c) inset,0 14px 32px -16px rgba(20,17,14,.42)}
button.kstat.on::after{opacity:1;transform:scaleX(1)}
.kstat-hint{position:absolute;top:11px;right:13px;font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#C3C3CE;opacity:0;transition:opacity .2s}
button.kstat:hover .kstat-hint{opacity:1}
button.kstat.on .kstat-hint{opacity:1;color:var(--c)}

/* aktif filtre etiketi */
.kfilter-tag{
  display:none;align-items:center;gap:7px;cursor:pointer;
  padding:8px 13px;border-radius:11px;border:1px solid rgba(242,122,26,.28);
  background:rgba(242,122,26,.07);color:#C2610C;
  font-family:inherit;font-size:12px;font-weight:700;white-space:nowrap;transition:.2s;
}
.kfilter-tag:hover{background:rgba(242,122,26,.14);border-color:rgba(242,122,26,.45)}
.kfilter-tag b{font-size:14px;line-height:1;font-weight:600;opacity:.75}

/* arama + siralama */
.search-icon{left:14px;display:flex;align-items:center;color:#A6A6B2}
.search-inp{
  padding:11px 16px 11px 40px;border:1px solid rgba(20,17,14,.09);border-radius:12px;
  background:rgba(250,247,242,.62);box-shadow:none;font-size:13px;transition:.2s;
}
.search-inp::placeholder{color:#AFAFBB}
.search-inp:focus{outline:none;border-color:var(--or);background:#fff;box-shadow:0 0 0 3px rgba(242,122,26,.1)}
.ksort{
  padding:11px 34px 11px 15px;border:1px solid rgba(20,17,14,.09);border-radius:12px;
  font-size:12.5px;font-weight:600;color:#57534E;background-color:rgba(250,247,242,.62);
  cursor:pointer;font-family:inherit;outline:none;appearance:none;-webkit-appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 12 12'%3E%3Cpath fill='%239898A8' d='M6 8L1 3h10z'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 13px center;transition:.2s;
}
.ksort:focus,.ksort:hover{border-color:rgba(20,17,14,.2);background-color:#fff}

/* KDV notu */
.kdv-note{
  display:inline-flex;align-items:center;gap:7px;margin-bottom:12px;
  padding:8px 13px;border-radius:10px;
  background:rgba(242,122,26,.06);border:1px solid rgba(242,122,26,.18);
  font-size:11.5px;color:#C2610C;font-weight:600;
}

/* tablo */
.prod-table-wrap{
  background:rgba(255,255,255,.72);
  border:1px solid rgba(20,17,14,.08);
  border-radius:18px;
  box-shadow:0 1px 2px rgba(20,17,14,.03),0 22px 44px -30px rgba(20,17,14,.32);
}
.kth{
  padding:13px 14px;text-align:left;background:rgba(250,249,247,.92);
  color:#8F8F9B;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.09em;
  border-bottom:1px solid rgba(20,17,14,.07);white-space:nowrap;
}
.kth-c{text-align:center}
.kth-cb{width:40px}
.kth-sub{display:flex;align-items:center;gap:4px;margin-top:4px;font-size:9.5px;font-weight:600;letter-spacing:.02em;text-transform:none;color:#B4B4C0}
.kth-c .kth-sub{justify-content:center}
.kth .dot{width:5px;height:5px;border-radius:50%;background:var(--or);opacity:.65;display:inline-block;flex-shrink:0}
.kth-key{color:var(--or)}
.kth-key .kth-sub{color:var(--or);opacity:.85}
.ptable td{padding:12px 14px;border-bottom:1px solid rgba(20,17,14,.05)}
.ptable tbody tr:hover td{background:rgba(242,122,26,.035)}
.prod-img{width:46px;height:46px;border-radius:12px;border:1px solid rgba(20,17,14,.07);box-shadow:none}
.prod-img-ph{width:46px;height:46px;border-radius:12px;background:linear-gradient(140deg,#F1ECE4,#E4DACC);color:#7A6A58;font-size:16px}
.prod-name{font-weight:700;font-size:13.5px;color:#14110E}
.prod-cat{font-size:11px;color:#A6A6B2;margin-top:3px}
.tinput{
  border:1px solid rgba(20,17,14,.1);border-radius:9px;
  background:rgba(255,255,255,.85);box-shadow:none;padding:7px 9px;font-weight:700;
}
.tinput:focus{outline:none;border-color:var(--or);background:#fff;box-shadow:0 0 0 3px rgba(242,122,26,.12)}
.kar-badge{border-radius:9px;padding:6px 12px;font-size:12.5px;font-weight:800}
.detay-btn{
  background:#14110E;border-radius:10px;box-shadow:none;padding:9px 14px;gap:6px;
  font-size:12px;font-weight:700;
}
.detay-btn:hover{background:#2A2520;transform:translateY(-1px);box-shadow:0 8px 18px -8px rgba(20,17,14,.55)}
.empty-ic{display:flex;justify-content:center;color:#D6D6E0;margin-bottom:14px}

/* panel ust butonlari */
.kact{
  display:inline-flex;align-items:center;gap:7px;padding:9px 16px;
  border:1px solid rgba(20,17,14,.1);border-radius:11px;
  font-size:13px;font-weight:600;color:#57534E;background:rgba(250,247,242,.62);
  cursor:pointer;font-family:inherit;transition:.2s;
}
.kact:hover{background:#fff;border-color:rgba(20,17,14,.22);transform:translateY(-1px)}
.kact-v{color:#6366F1;border-color:rgba(99,102,241,.28);background:rgba(99,102,241,.06)}
.kact-v:hover{background:rgba(99,102,241,.12);border-color:rgba(99,102,241,.45)}
.kact-d{color:#DC2626;border-color:rgba(220,38,38,.22);background:rgba(220,38,38,.05)}
.kact-d:hover{background:rgba(220,38,38,.1);border-color:rgba(220,38,38,.4)}

@media(max-width:1100px){.kstat-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:680px){.kstat-grid{grid-template-columns:repeat(2,1fr)}.kstat-val{font-size:20px}}


/* ══════════════════════════════════════════════════════════
   ANLAŞMALI KARGO — premium blok
   ══════════════════════════════════════════════════════════ */
.kbx{
  margin-bottom:1.35rem;border-radius:18px;overflow:hidden;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(20,17,14,.08);
  box-shadow:0 1px 2px rgba(20,17,14,.03),0 22px 44px -32px rgba(20,17,14,.3);
}
.kbx-head{
  display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;
  padding:16px 20px;border-bottom:1px solid rgba(20,17,14,.07);
  background:linear-gradient(180deg,rgba(250,247,242,.92),rgba(250,247,242,.45));
}
.kbx-head-l{display:flex;align-items:center;gap:12px;min-width:0}
.kbx-ic{width:38px;height:38px;border-radius:11px;display:flex;align-items:center;justify-content:center;background:rgba(242,122,26,.1);color:var(--or);flex-shrink:0}
.kbx-title{font-family:'Plus Jakarta Sans','Inter',sans-serif;font-size:15px;font-weight:800;color:#14110E;letter-spacing:-.3px}
.kbx-desc{font-size:11.5px;color:#A0A0AC;margin-top:2px}
.kbx-kdv{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:#0E8A5B;background:rgba(16,185,129,.09);border:1px solid rgba(16,185,129,.2);padding:5px 11px;border-radius:9px;white-space:nowrap}

.kbx-row{border-bottom:1px solid rgba(20,17,14,.06)}
.kbx-row:last-of-type{border-bottom:none}
.kbx-rowhead{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;padding:14px 20px 0}
.kbx-range{
  font-family:'Plus Jakarta Sans','Inter',sans-serif;font-size:12px;font-weight:800;
  color:#14110E;letter-spacing:-.2px;font-variant-numeric:tabular-nums;
  background:rgba(20,17,14,.05);border:1px solid rgba(20,17,14,.07);
  padding:4px 11px;border-radius:8px;white-space:nowrap;
}
.kbx-hint{font-size:11px;color:#AFAFBB}
.kbx-cards{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;padding:13px 20px 17px}

.kbx .kargo-secim-card{
  position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:3px;
  min-width:0;padding:12px 13px;border:1px solid rgba(20,17,14,.09);border-radius:13px;
  background:rgba(255,255,255,.78);cursor:pointer;text-align:left;font-family:inherit;
  transition:transform .2s cubic-bezier(.2,.7,.2,1),border-color .2s,box-shadow .2s,background .2s;
}
.kbx .kargo-secim-card:hover{
  transform:translateY(-2px);background:#fff;border-color:rgba(242,122,26,.42);
  box-shadow:0 12px 26px -14px rgba(20,17,14,.38);
}
.kbx .kargo-secim-card.secili{
  border-radius:13px;outline:none;border-color:transparent;
  background:linear-gradient(160deg,rgba(242,122,26,.10),rgba(242,122,26,.03));
  box-shadow:0 0 0 1.6px var(--or) inset,0 12px 28px -14px rgba(242,122,26,.55);
}
.kbx .ksc-firma{
  font-size:10.5px;color:#9A9AA6;font-weight:700;text-transform:uppercase;letter-spacing:.05em;
  margin:0;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.kbx .ksc-fiyat{
  font-family:'Plus Jakarta Sans','Inter',sans-serif;font-size:17px;font-weight:800;
  color:#14110E;letter-spacing:-.6px;font-variant-numeric:tabular-nums;
}
.kbx .kargo-secim-card.secili .ksc-fiyat{color:#C2610C}
.kbx .ksc-badge{
  position:absolute;top:-7px;left:11px;margin:0;display:inline-block;
  font-size:9px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;
  padding:3px 8px;border-radius:20px;
}
.kbx .ksc-badge.en-uygun{background:#0E8A5B;color:#fff;box-shadow:0 5px 12px -4px rgba(14,138,91,.65)}
.kbx .ksc-check{
  position:absolute;top:9px;right:9px;width:17px;height:17px;border-radius:50%;
  background:var(--or);color:#fff;display:none;align-items:center;justify-content:center;
}
.kbx .kargo-secim-card.secili .ksc-check{display:flex}

.kbx-manual{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:13px 20px 17px}
.kbx-field{
  display:inline-flex;align-items:center;border:1px solid rgba(20,17,14,.1);
  border-radius:11px;background:rgba(255,255,255,.85);padding:0 12px;transition:.2s;
}
.kbx-field:focus-within{border-color:var(--or);background:#fff;box-shadow:0 0 0 3px rgba(242,122,26,.12)}
.kbx-field>span{font-size:14px;color:#A0A0AC;font-weight:700}
.kbx-field input{
  border:none;background:transparent;outline:none;padding:10px 8px;width:118px;
  font-size:14px;font-weight:700;font-family:inherit;color:#14110E;font-variant-numeric:tabular-nums;
}
.kbx-manual-info{font-size:12px;color:#0E8A5B;font-weight:600}

.kbx-foot{
  display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;
  padding:14px 20px;border-top:1px solid rgba(20,17,14,.07);
  background:linear-gradient(180deg,rgba(250,247,242,.45),rgba(250,247,242,.92));
}
.kbx-ozet{font-size:12px;color:#8A8A96;font-variant-numeric:tabular-nums}
.kbx-apply{
  display:inline-flex;align-items:center;gap:8px;padding:11px 22px;border:none;border-radius:12px;
  background:#14110E;color:#fff;font-size:13.5px;font-weight:700;cursor:pointer;font-family:inherit;
  box-shadow:0 10px 24px -12px rgba(20,17,14,.75);transition:transform .2s,box-shadow .2s,background .2s;
}
.kbx-apply:hover{background:#2A2520;transform:translateY(-2px);box-shadow:0 14px 30px -12px rgba(20,17,14,.85)}

@media(max-width:980px){.kbx-cards{grid-template-columns:repeat(3,1fr)}}
@media(max-width:560px){.kbx-cards{grid-template-columns:repeat(2,1fr)}.kbx-rowhead{padding:13px 15px 0}.kbx-cards{padding:12px 15px 15px}.kbx-head,.kbx-foot,.kbx-manual{padding-left:15px;padding-right:15px}}


/* ══════════════════════════════════════════════════════════
   FİYATLANDIRMA — kurumsal / güven odaklı
   ══════════════════════════════════════════════════════════ */
.kpr{max-width:1140px;margin:0 auto;padding:88px 32px 96px;scroll-margin-top:90px}
.kpr-head{text-align:center;max-width:640px;margin:0 auto 44px}
.kpr-h2{font-family:'Plus Jakarta Sans',sans-serif;font-size:clamp(30px,4vw,46px);font-weight:800;letter-spacing:-1.6px;color:#14110E;line-height:1.06}
.kpr-lead{font-size:16.5px;color:#57534E;line-height:1.65;margin:16px 0 0;font-weight:500}

.kpr-card{
  display:grid;grid-template-columns:1.35fr .95fr;
  background:#fff;border:1px solid #EFE7DC;border-radius:26px;overflow:hidden;
  box-shadow:0 1px 2px rgba(20,17,14,.03),0 40px 80px -44px rgba(20,17,14,.42);
}

/* sol */
.kpr-left{padding:38px 40px}
.kpr-plan{display:flex;align-items:center;gap:11px;flex-wrap:wrap}
.kpr-plan-name{font-family:'Plus Jakarta Sans',sans-serif;font-size:19px;font-weight:800;color:#14110E;letter-spacing:-.5px}
.kpr-plan-tag{font-size:10.5px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:#C2610C;background:#FDEEDD;border:1px solid #F7D9BC;padding:4px 10px;border-radius:100px}
.kpr-plan-desc{font-size:14px;color:#6B6560;line-height:1.65;margin:13px 0 26px;max-width:460px}
.kpr-groups{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.kpr-group-h{font-size:10.5px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;color:#A8A29E;padding-bottom:11px;border-bottom:1px solid #F1ECE4;margin-bottom:13px}
.kpr-group ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.kpr-group li{display:flex;align-items:flex-start;gap:9px;font-size:13.5px;color:#403A34;font-weight:500;line-height:1.45}
.kpr-group li svg{color:#0E8A5B;flex-shrink:0;margin-top:1px}
.kpr-note{
  display:flex;align-items:flex-start;gap:11px;margin-top:26px;padding:14px 16px;
  background:#FBF8F2;border:1px solid #F1ECE4;border-radius:14px;
  font-size:12.5px;color:#6B6560;line-height:1.6;
}
.kpr-note-ic{width:28px;height:28px;border-radius:9px;background:#FDEEDD;color:#C2610C;display:flex;align-items:center;justify-content:center;flex-shrink:0}

/* sağ */
.kpr-right{
  position:relative;
  background:radial-gradient(420px 260px at 100% 0%,rgba(242,122,26,.22),transparent 62%),linear-gradient(160deg,#221A14,#14100C);
}
.kpr-right::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:34px 34px;pointer-events:none}
.kpr-right-in{position:relative;z-index:1;padding:38px 34px;display:flex;flex-direction:column;height:100%}
.kpr-price-lbl{font-size:11px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;color:rgba(255,255,255,.4)}
.kpr-price{display:flex;align-items:flex-start;gap:4px;margin-top:8px;font-family:'Plus Jakarta Sans',sans-serif;font-size:60px;font-weight:800;color:#fff;line-height:.95;letter-spacing:-2.6px;font-variant-numeric:tabular-nums}
.kpr-price .cur{font-size:26px;font-weight:700;margin-top:7px;letter-spacing:-1px}
.kpr-price-sub{font-size:12.5px;color:rgba(255,255,255,.45);margin-top:11px;font-weight:500}

.kpr-cta{
  display:flex;align-items:center;justify-content:center;gap:9px;width:100%;
  margin-top:26px;padding:16px 22px;border:none;border-radius:14px;
  background:#F27A1A;color:#fff;font-family:inherit;font-size:15.5px;font-weight:800;
  cursor:pointer;box-shadow:0 14px 32px -12px rgba(242,122,26,.75);
  transition:transform .2s cubic-bezier(.2,.7,.2,1),box-shadow .2s,background .2s;
}
.kpr-cta:hover{background:#FF8A2E;transform:translateY(-2px);box-shadow:0 20px 42px -14px rgba(242,122,26,.9)}
.kpr-cta svg{transition:transform .2s}
.kpr-cta:hover svg{transform:translateX(3px)}
.kpr-alt{
  display:flex;align-items:center;justify-content:center;gap:8px;width:100%;
  margin-top:10px;padding:13px 20px;border:1px solid rgba(255,255,255,.16);border-radius:13px;
  background:rgba(255,255,255,.05);color:rgba(255,255,255,.82);
  font-family:inherit;font-size:13.5px;font-weight:700;cursor:pointer;transition:.2s;
}
.kpr-alt:hover{background:rgba(255,255,255,.11);border-color:rgba(255,255,255,.3);color:#fff}

.kpr-assure{list-style:none;margin:22px 0 0;padding:0;display:flex;flex-direction:column;gap:9px}
.kpr-assure li{display:flex;align-items:flex-start;gap:9px;font-size:12.5px;color:rgba(255,255,255,.62);line-height:1.45}
.kpr-assure li svg{color:#34D399;flex-shrink:0;margin-top:1px}

.kpr-pay{
  display:flex;align-items:center;gap:12px;margin-top:auto;padding-top:22px;
  border-top:1px solid rgba(255,255,255,.09);
}
.kpr-pay-ic{width:38px;height:38px;border-radius:11px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);color:#F9A15A;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.kpr-pay-t{font-size:13px;font-weight:700;color:#fff}
.kpr-pay-s{font-size:11.5px;color:rgba(255,255,255,.4);margin-top:2px}

/* güven şeridi */
.kpr-trust{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:22px}
.kpr-trust-item{
  display:flex;align-items:flex-start;gap:13px;padding:20px 22px;
  background:#fff;border:1px solid #EFE7DC;border-radius:18px;
  box-shadow:0 1px 2px rgba(20,17,14,.03);transition:transform .2s,box-shadow .2s,border-color .2s;
}
.kpr-trust-item:hover{transform:translateY(-2px);border-color:#E3D9C9;box-shadow:0 16px 34px -22px rgba(20,17,14,.4)}
.kpr-trust-ic{width:40px;height:40px;border-radius:12px;background:#FBF8F2;border:1px solid #F1ECE4;color:#C2610C;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.kpr-trust-t{font-size:13.5px;font-weight:800;color:#14110E;letter-spacing:-.2px}
.kpr-trust-s{font-size:12px;color:#8A8378;margin-top:3px;line-height:1.5}
.kpr-lnk{
  background:none;border:none;padding:0;font-family:inherit;font-size:12px;font-weight:700;
  color:#C2610C;cursor:pointer;text-decoration:underline;text-underline-offset:2px;
}
.kpr-lnk:hover{color:#F27A1A}
.kpr-trust-s i{font-style:normal;color:#C9C1B6;margin:0 6px}

.kpr-fine{text-align:center;font-size:12px;color:#A8A29E;margin:26px 0 0}

@media(max-width:940px){
  .kpr{padding:64px 20px 72px}
  .kpr-card{grid-template-columns:1fr}
  .kpr-left{padding:30px 24px}
  .kpr-right-in{padding:30px 24px}
  .kpr-trust{grid-template-columns:1fr}
}
@media(max-width:560px){
  .kpr-groups{grid-template-columns:1fr;gap:20px}
  .kpr-price{font-size:50px}
}


/* ══════════════════════════════════════════════════════════
   FOOTER — modern
   (alt bar orijinal satir içi stillerini korur, buradan etkilenmez)
   ══════════════════════════════════════════════════════════ */
footer.kft{background:#14110E;color:#fff;margin-top:0;border-top:none;padding:0;position:relative}
footer.kft::before{
  content:"";position:absolute;top:0;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(242,122,26,.55),transparent);
}
.kft-cta{
  position:relative;overflow:hidden;
  background:radial-gradient(560px 220px at 12% 0%,rgba(242,122,26,.16),transparent 68%),
             linear-gradient(180deg,rgba(242,122,26,.07),rgba(242,122,26,.01));
  border-bottom:1px solid rgba(255,255,255,.07);
}
.kft-cta::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);
  background-size:36px 36px;
}
.kft-cta-in{
  position:relative;z-index:1;max-width:1100px;margin:0 auto;padding:34px 32px;
  display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;
}
.kft-cta-t{font-family:'Plus Jakarta Sans',sans-serif;font-size:22px;font-weight:800;letter-spacing:-.6px;color:#fff}
.kft-cta-s{font-size:13.5px;color:rgba(255,255,255,.45);margin-top:5px}
.kft-cta-btns{display:flex;gap:11px;flex-wrap:wrap}
.kft-b1{
  display:inline-flex;align-items:center;gap:7px;padding:13px 24px;border:none;border-radius:12px;
  background:#F27A1A;color:#fff;font-family:inherit;font-size:14px;font-weight:800;cursor:pointer;
  box-shadow:0 12px 28px -12px rgba(242,122,26,.8);transition:transform .2s,box-shadow .2s,background .2s;
}
.kft-b1:hover{background:#FF8A2E;transform:translateY(-2px);box-shadow:0 18px 36px -14px rgba(242,122,26,.95)}
.kft-b1 svg{transition:transform .2s}
.kft-b1:hover svg{transform:translate(2px,-2px)}
.kft-b2{
  padding:13px 22px;border:1px solid rgba(255,255,255,.16);border-radius:12px;
  background:rgba(255,255,255,.05);color:rgba(255,255,255,.85);
  font-family:inherit;font-size:14px;font-weight:700;cursor:pointer;transition:.2s;
}
.kft-b2:hover{background:rgba(255,255,255,.11);border-color:rgba(255,255,255,.32);color:#fff;transform:translateY(-2px)}

.kft-main{max-width:1100px;margin:0 auto;padding:54px 32px 34px}
.kft-cols{display:grid;grid-template-columns:2.1fr 1fr 1fr;gap:56px;margin-bottom:44px}
.kft-logo{
  font-family:'Plus Jakarta Sans',sans-serif;font-size:23px;font-weight:800;
  letter-spacing:-.8px;color:#fff;
}
.kft-logo span{color:#F27A1A}
.kft-desc{font-size:13.5px;color:rgba(255,255,255,.42);line-height:1.75;max-width:330px;margin:14px 0 0}
.kft-mail{
  display:inline-flex;align-items:center;gap:8px;margin-top:18px;
  padding:9px 15px;border:1px solid rgba(255,255,255,.12);border-radius:10px;
  background:rgba(255,255,255,.04);
  font-size:12.5px;font-weight:600;color:rgba(255,255,255,.7);
  text-decoration:none;transition:.2s;
}
.kft-mail:hover{background:rgba(242,122,26,.12);border-color:rgba(242,122,26,.4);color:#F9A15A}
.kft-h{
  font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;
  color:rgba(255,255,255,.32);margin-bottom:18px;
}
.kft-col{display:flex;flex-direction:column;align-items:flex-start;gap:13px}
.kft-col a,.kft-col button{
  font-size:13.5px;color:rgba(255,255,255,.55);text-decoration:none;
  background:none;border:none;padding:0;font-family:inherit;text-align:left;cursor:pointer;
  transition:color .18s,transform .18s;
}
.kft-col a:hover,.kft-col button:hover{color:#F27A1A;transform:translateX(3px)}

@media(max-width:860px){
  .kft-cols{grid-template-columns:1fr 1fr;gap:36px}
  .kft-brand{grid-column:1/-1}
  .kft-main{padding:42px 22px 28px}
  .kft-cta-in{padding:28px 22px}
}
@media(max-width:540px){
  .kft-cols{grid-template-columns:1fr;gap:30px}
  .kft-cta-btns{width:100%}
  .kft-b1,.kft-b2{flex:1;justify-content:center}
}


/* ══════════════════════════════════════════════════════════
   GİRİŞ / KAYIT MODALI — premium
   (.auth-tab sinif adi korunur: switchAuth className'i sifirliyor)
   ══════════════════════════════════════════════════════════ */
#auth-overlay{background:rgba(16,13,10,.55);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:20px}
.kauth{
  position:relative;overflow:hidden;
  max-width:436px;padding:34px 34px 26px;border-radius:26px;
  background:#fff;border:1px solid rgba(20,17,14,.07);
  box-shadow:0 40px 90px -30px rgba(20,17,14,.55),0 2px 6px rgba(20,17,14,.06);
  max-height:calc(100vh - 40px);overflow-y:auto;
}
.kauth::before{
  content:"";position:absolute;top:0;left:0;right:0;height:150px;pointer-events:none;
  background:radial-gradient(300px 130px at 50% 0%,rgba(242,122,26,.13),transparent 70%);
}
.kauth .auth-close{
  position:absolute;top:15px;right:15px;width:32px;height:32px;border-radius:10px;
  background:rgba(20,17,14,.04);border:1px solid rgba(20,17,14,.06);color:#8A8378;
  display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.18s;z-index:2;
}
.kauth .auth-close:hover{background:rgba(220,38,38,.08);border-color:rgba(220,38,38,.2);color:#DC2626}

.kauth-head{position:relative;z-index:1;text-align:center;margin-bottom:22px}
.kauth-brand{display:inline-flex;align-items:center;gap:9px;margin-bottom:16px}
.kauth-mark{
  width:34px;height:34px;border-radius:11px;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(140deg,#F27A1A,#DD5F08);color:#fff;
  font-family:'Plus Jakarta Sans',sans-serif;font-size:17px;font-weight:800;
  box-shadow:0 8px 18px -6px rgba(242,122,26,.7);
}
.kauth-mark i{font-style:normal;opacity:.65}
.kauth-name{font-family:'Plus Jakarta Sans',sans-serif;font-size:18px;font-weight:800;color:#14110E;letter-spacing:-.5px}
.kauth-name b{color:#F27A1A;font-weight:800}
.kauth-title{font-family:'Plus Jakarta Sans',sans-serif;font-size:23px;font-weight:800;color:#14110E;letter-spacing:-.8px}
.kauth-sub{font-size:13.5px;color:#8A8378;margin-top:6px;line-height:1.55;max-width:300px;margin-left:auto;margin-right:auto}

.kauth .auth-tabs{
  position:relative;z-index:1;background:rgba(20,17,14,.045);border:1px solid rgba(20,17,14,.05);
  border-radius:13px;padding:4px;margin-bottom:18px;gap:4px;
}
.kauth .auth-tab{
  padding:10px;border-radius:10px;font-size:13.5px;font-weight:700;color:#8A8378;
  font-family:'Inter',sans-serif;transition:.18s;
}
.kauth .auth-tab.active{background:#fff;color:#14110E;box-shadow:0 2px 8px -2px rgba(20,17,14,.22)}

.kauth .auth-error{
  align-items:center;gap:9px;margin-bottom:14px;
  background:#FCEBEA;border:1px solid #F4D2D0;border-radius:11px;
  padding:11px 14px;font-size:12.5px;font-weight:600;color:#C13A35;line-height:1.45;
}
.kauth .auth-error::before{
  content:"";width:16px;height:16px;flex:0 0 16px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C13A35' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7.5v5.5M12 16.3v.01'/%3E%3C/svg%3E") center/contain no-repeat;
}

.kauth .auth-field{gap:7px}
.kauth .auth-label{font-size:11px;font-weight:800;color:#A8A29E;letter-spacing:.08em;text-transform:uppercase}
.kauth-inp{
  display:flex;align-items:center;gap:10px;padding:0 13px;
  border:1.5px solid rgba(20,17,14,.1);border-radius:13px;background:#FBFAF8;transition:.18s;
}
.kauth-inp:focus-within{border-color:#F27A1A;background:#fff;box-shadow:0 0 0 3.5px rgba(242,122,26,.11)}
.kauth-ic{display:flex;align-items:center;color:#B4AEA6;flex-shrink:0;transition:color .18s}
.kauth-inp:focus-within .kauth-ic{color:#F27A1A}
.kauth .auth-input{
  flex:1;min-width:0;padding:13px 0;border:none;background:transparent;
  font-size:14.5px;font-weight:600;color:#14110E;font-family:'Inter',sans-serif;
}
.kauth .auth-input:focus{outline:none;background:transparent;border:none}
.kauth .auth-input::placeholder{color:#BFB9B1;font-weight:500}
.kauth-eye{
  background:none;border:none;padding:4px;cursor:pointer;color:#C3BCB3;
  display:flex;align-items:center;transition:color .18s;flex-shrink:0;
}
.kauth-eye:hover{color:#8A8378}
.kauth-eye.on{color:#F27A1A}

.kauth-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:3px;flex-wrap:wrap}
.kauth-check{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-size:13px;color:#57534E;font-weight:600}
.kauth-check input{width:17px;height:17px;cursor:pointer;accent-color:#F27A1A;border-radius:5px}
.kauth-forgot{font-size:12.5px;color:#A8A29E;cursor:pointer;font-weight:600;text-decoration:none;transition:color .18s}
.kauth-forgot:hover{color:#F27A1A;text-decoration:underline}

.kauth .btn-auth{
  display:flex;align-items:center;justify-content:center;gap:9px;
  padding:15px;border-radius:13px;margin-top:8px;
  background:linear-gradient(180deg,#2A2520,#14110E);color:#fff;
  font-size:15px;font-weight:800;font-family:'Inter',sans-serif;
  box-shadow:0 1px 0 rgba(255,255,255,.1) inset,0 14px 30px -12px rgba(20,17,14,.75);
  transition:transform .2s cubic-bezier(.2,.7,.2,1),box-shadow .2s,background .2s;
}
.kauth .btn-auth:hover{background:linear-gradient(180deg,#3A342E,#1E1A16);transform:translateY(-2px);box-shadow:0 1px 0 rgba(255,255,255,.1) inset,0 20px 38px -14px rgba(20,17,14,.85)}
.kauth .btn-auth svg{transition:transform .2s}
.kauth .btn-auth:hover svg{transform:translateX(3px)}

.kauth .auth-switch{font-size:13px;color:#8A8378;margin-top:14px;font-weight:500}
.kauth .auth-switch a{color:#F27A1A;font-weight:700;text-decoration:none}
.kauth .auth-switch a:hover{text-decoration:underline}

.kauth-foot{
  display:flex;align-items:center;justify-content:center;gap:7px;
  margin-top:22px;padding-top:16px;border-top:1px solid rgba(20,17,14,.06);
  font-size:11.5px;color:#A8A29E;font-weight:500;
}
.kauth-foot svg{color:#0E8A5B;flex-shrink:0}

@media(max-width:480px){
  .kauth{padding:28px 22px 22px;border-radius:22px}
  .kauth-title{font-size:20px}
}


/* ══════════════════════════════════════════════════════════
   DASHBOARD KABUĞU — premium / cam
   ══════════════════════════════════════════════════════════ */
/* SADECE ust menu: '> nav' kenar cubugundaki <nav class=kd-nav> ile karismaz */
body.app-mode > nav{display:none}
body.app-mode #iletisim,
body.app-mode #kh-faq{display:none!important}
body.app-mode{background:linear-gradient(180deg,#FAF8F5 0%,#FBFAF8 40%,#F7F5F1 100%)}

.kdash-wrap{display:grid;grid-template-columns:250px minmax(0,1fr);gap:22px;align-items:start}

/* ── kenar çubuğu ── */
.kdash-side{
  position:sticky;top:24px;
  display:flex;flex-direction:column;gap:16px;
  padding:16px 14px;border-radius:20px;
  background:rgba(255,255,255,.62);
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  border:1px solid rgba(20,17,14,.07);
  box-shadow:0 1px 2px rgba(20,17,14,.03),0 22px 46px -32px rgba(20,17,14,.34);
}
.kd-user{display:flex;align-items:center;gap:11px;padding:9px 8px 15px;border-bottom:1px solid rgba(20,17,14,.06)}
.kd-av{
  width:40px;height:40px;border-radius:13px;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
  background:linear-gradient(140deg,#F27A1A,#DD5F08);color:#fff;
  font-family:'Plus Jakarta Sans',sans-serif;font-size:17px;font-weight:800;
  box-shadow:0 8px 18px -7px rgba(242,122,26,.75);
}
.kd-uinfo{min-width:0}
.kd-uname{font-size:14px;font-weight:800;color:#14110E;letter-spacing:-.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kd-uplan{font-size:11.5px;color:#A8A29E;margin-top:2px;font-weight:600}
.kd-uplan.pro{color:#C2610C}
.kd-uplan.pro::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#F27A1A;margin-right:6px;vertical-align:middle}

.kd-nav{display:flex;flex-direction:column;gap:3px}
.kd-group{
  font-size:9.5px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;
  color:#BDB6AE;padding:12px 10px 6px;
}
.kd-item{
  position:relative;display:flex;align-items:center;gap:11px;width:100%;
  padding:10px 11px;border:none;border-radius:11px;background:transparent;
  font-family:inherit;font-size:13.5px;font-weight:600;color:#57534E;
  cursor:pointer;text-align:left;transition:background .18s,color .18s,transform .18s;
}
.kd-item::before{
  content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);
  width:3px;height:0;border-radius:0 3px 3px 0;background:#F27A1A;transition:height .22s cubic-bezier(.2,.7,.2,1);
}
.kd-item:hover{background:rgba(20,17,14,.04);color:#14110E}
.kd-item.on{background:rgba(242,122,26,.09);color:#14110E;font-weight:700}
.kd-item.on::before{height:20px}
.kd-i{display:flex;align-items:center;color:#A8A29E;flex-shrink:0;transition:color .18s}
.kd-item:hover .kd-i{color:#57534E}
.kd-item.on .kd-i{color:#F27A1A}
.kd-l{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kd-lock{display:flex;align-items:center;color:#CFC8BF;flex-shrink:0}
.kd-item.on .kd-lock{color:#E0A97A}

.kd-home{
  display:flex;align-items:center;justify-content:center;gap:8px;
  margin-top:4px;padding:11px;border:1px solid rgba(20,17,14,.08);border-radius:12px;
  background:rgba(255,255,255,.6);color:#8A8378;
  font-family:inherit;font-size:12.5px;font-weight:700;cursor:pointer;transition:.18s;
}
.kd-home:hover{background:#fff;border-color:rgba(20,17,14,.18);color:#14110E}

/* ── içerik ── */
.kdash-main{min-width:0}
.kd-top{
  display:flex;align-items:flex-end;justify-content:space-between;gap:18px;flex-wrap:wrap;
  padding:4px 2px 20px;margin-bottom:4px;
}
.kd-title{font-family:'Plus Jakarta Sans',sans-serif;font-size:27px;font-weight:800;letter-spacing:-1px;color:#14110E;margin:0}
.kd-sub{font-size:13.5px;color:#8A8378;margin:6px 0 0}

.kd-view{animation:kdIn .38s cubic-bezier(.2,.7,.2,1)}
@keyframes kdIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

.kd-card{
  background:rgba(255,255,255,.72);
  border:1px solid rgba(20,17,14,.08);border-radius:20px;padding:24px;
  box-shadow:0 1px 2px rgba(20,17,14,.03),0 22px 44px -32px rgba(20,17,14,.3);
}
.kd-card-h{display:flex;align-items:flex-start;gap:13px;margin-bottom:22px}
.kd-card-ic{
  width:42px;height:42px;border-radius:13px;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
  background:rgba(242,122,26,.1);color:#C2610C;
}
.kd-card-t{font-family:'Plus Jakarta Sans',sans-serif;font-size:16px;font-weight:800;color:#14110E;letter-spacing:-.35px}
.kd-card-s{font-size:12.5px;color:#A8A29E;margin-top:3px}

.kd-form{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.kd-f{display:flex;flex-direction:column;gap:7px}
.kd-f-full{grid-column:1/-1}
.kd-lbl{font-size:10.5px;font-weight:800;color:#A8A29E;letter-spacing:.08em;text-transform:uppercase}
.kd-inp{
  padding:12px 14px;border:1.5px solid rgba(20,17,14,.1);border-radius:12px;
  background:rgba(251,250,248,.9);font-family:inherit;font-size:14px;font-weight:500;color:#14110E;
  outline:none;resize:vertical;transition:.18s;width:100%;
}
.kd-inp::placeholder{color:#BFB9B1}
.kd-inp:focus{border-color:#F27A1A;background:#fff;box-shadow:0 0 0 3.5px rgba(242,122,26,.11)}
.kd-form-foot{
  display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;
  margin-top:20px;padding-top:18px;border-top:1px solid rgba(20,17,14,.07);
}
.kd-hint{font-size:11.5px;color:#A8A29E}
.kd-btn{
  display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border:none;border-radius:12px;
  background:linear-gradient(180deg,#2A2520,#14110E);color:#fff;
  font-family:inherit;font-size:13.5px;font-weight:700;cursor:pointer;
  box-shadow:0 10px 24px -12px rgba(20,17,14,.7);transition:transform .2s,box-shadow .2s,background .2s;
}
.kd-btn:hover{background:linear-gradient(180deg,#3A342E,#1E1A16);transform:translateY(-2px)}
.kd-btn-ghost{
  background:rgba(255,255,255,.7);color:#14110E;border:1px solid rgba(20,17,14,.1);
  box-shadow:none;margin-top:18px;width:100%;justify-content:center;
}
.kd-btn-ghost:hover{background:#fff;border-color:rgba(20,17,14,.22)}
.kd-btn-or{background:#F27A1A;box-shadow:0 12px 26px -12px rgba(242,122,26,.8);width:100%;justify-content:center;margin-top:20px}
.kd-btn-or:hover{background:#FF8A2E}

.kd-grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}
.kd-plan-box{display:flex;flex-direction:column;gap:1px;background:rgba(20,17,14,.06);border-radius:14px;overflow:hidden}
.kd-plan-row{display:flex;align-items:center;justify-content:space-between;gap:12px;background:rgba(255,255,255,.85);padding:13px 15px;font-size:13px}
.kd-plan-row span{color:#8A8378;font-weight:500}
.kd-plan-row b{color:#14110E;font-weight:700;text-align:right;word-break:break-all}

.kd-card-pro{
  position:relative;overflow:hidden;color:#fff;border-color:transparent;
  background:radial-gradient(420px 220px at 100% 0%,rgba(242,122,26,.24),transparent 62%),linear-gradient(160deg,#221A14,#14100C);
}
.kd-card-pro::before{content:"";position:absolute;inset:0;pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:32px 32px}
.kd-pro-badge{position:relative;display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#F9A15A;background:rgba(242,122,26,.15);border:1px solid rgba(242,122,26,.3);padding:5px 12px;border-radius:100px}
.kd-pro-t{position:relative;font-family:'Plus Jakarta Sans',sans-serif;font-size:18px;font-weight:800;letter-spacing:-.5px;margin:14px 0 16px}
.kd-pro-list{position:relative;list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.kd-pro-list li{display:flex;align-items:center;gap:9px;font-size:13px;color:rgba(255,255,255,.72)}
.kd-pro-list svg{color:#34D399;flex-shrink:0}

@media(max-width:1080px){
  .kdash-wrap{grid-template-columns:1fr;gap:16px}
  .kdash-side{position:static;flex-direction:row;flex-wrap:wrap;align-items:center;gap:10px;padding:12px}
  .kd-user{border-bottom:none;padding:0 10px 0 4px;border-right:1px solid rgba(20,17,14,.07);margin-right:4px}
  .kd-nav{flex-direction:row;flex-wrap:wrap;flex:1}
  .kd-group{display:none}
  .kd-item{width:auto}
  .kd-item::before{display:none}
  .kd-home{margin-top:0}
  .kd-grid2,.kd-form{grid-template-columns:1fr}
}
@media(max-width:640px){
  .kd-title{font-size:22px}
  .kd-card{padding:18px}
}


/* ══════════════════════════════════════════════════════════
   PREMİUM ÜYE DASHBOARD
   ══════════════════════════════════════════════════════════ */
body.app-mode .nav-right{display:none!important}
body.app-mode .nav-inner{justify-content:flex-start}

/* ── kenar çubuğu: kullanıcı kartı ── */
.kd-hero{
  position:relative;overflow:hidden;border-radius:16px;padding:16px 15px 14px;margin-bottom:6px;
  background:radial-gradient(320px 150px at 100% 0%,rgba(242,122,26,.30),transparent 65%),linear-gradient(160deg,#241C15,#14100C);
  box-shadow:0 14px 30px -18px rgba(20,17,14,.8);
}
.kd-hero::after{content:"";position:absolute;inset:0;pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:26px 26px}
.kd-hero-top{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.kd-hero .kd-av{
  width:40px;height:40px;border-radius:13px;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
  background:linear-gradient(140deg,#F27A1A,#DD5F08);color:#fff;
  font-family:'Plus Jakarta Sans',sans-serif;font-size:17px;font-weight:800;
  box-shadow:0 8px 18px -6px rgba(242,122,26,.9);
}
.kd-pro{
  display:inline-flex;align-items:center;gap:5px;font-size:9.5px;font-weight:800;letter-spacing:.08em;
  text-transform:uppercase;color:#F9A15A;background:rgba(242,122,26,.16);
  border:1px solid rgba(242,122,26,.34);padding:4px 9px;border-radius:100px;
}
.kd-pro::before{content:"";width:5px;height:5px;border-radius:50%;background:#F27A1A}
.kd-pro.free{color:rgba(255,255,255,.5);background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.14)}
.kd-pro.free::before{background:rgba(255,255,255,.4)}
.kd-hero .kd-uname{position:relative;z-index:1;font-family:'Plus Jakarta Sans',sans-serif;font-size:15px;font-weight:800;color:#fff;letter-spacing:-.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kd-umail{position:relative;z-index:1;font-size:11px;color:rgba(255,255,255,.45);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kd-hero-bar{position:relative;z-index:1;height:4px;border-radius:4px;background:rgba(255,255,255,.1);margin-top:13px;overflow:hidden}
.kd-hero-bar i{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,#F27A1A,#FFB067);transition:width .6s cubic-bezier(.2,.7,.2,1)}
.kd-hero-note{position:relative;z-index:1;font-size:10.5px;color:rgba(255,255,255,.42);margin-top:7px;font-weight:600}

.kd-side-foot{display:flex;gap:7px;margin-top:6px}
.kd-mini{
  flex:1;display:flex;align-items:center;justify-content:center;gap:6px;
  padding:10px 8px;border:1px solid rgba(20,17,14,.08);border-radius:11px;
  background:rgba(255,255,255,.6);color:#8A8378;
  font-family:inherit;font-size:11.5px;font-weight:700;cursor:pointer;transition:.18s;
}
.kd-mini:hover{background:#fff;border-color:rgba(20,17,14,.2);color:#14110E}
.kd-mini-out:hover{background:rgba(220,38,38,.07);border-color:rgba(220,38,38,.28);color:#DC2626}

/* ── genel bakış ── */
.kp-hello{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:20px}
.kp-hi{font-family:'Plus Jakarta Sans',sans-serif;font-size:24px;font-weight:800;letter-spacing:-.9px;color:#14110E}
.kp-hi-s{font-size:13.5px;color:#8A8378;margin-top:4px}
.kp-live{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700;color:#0E8A5B;background:rgba(16,185,129,.09);border:1px solid rgba(16,185,129,.2);padding:7px 14px;border-radius:100px}
.kp-live i{width:6px;height:6px;border-radius:50%;background:#0E8A5B;box-shadow:0 0 0 3px rgba(14,138,91,.18)}

.kp-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:20px}
.kp-card{
  --c:#14110E;--cbg:rgba(20,17,14,.06);
  position:relative;overflow:hidden;padding:18px 18px 16px;border-radius:18px;
  background:rgba(255,255,255,.72);border:1px solid rgba(20,17,14,.08);
  box-shadow:0 1px 2px rgba(20,17,14,.03),0 20px 40px -32px rgba(20,17,14,.34);
  transition:transform .22s cubic-bezier(.2,.7,.2,1),box-shadow .22s;
}
.kp-card:hover{transform:translateY(-3px);box-shadow:0 26px 50px -30px rgba(20,17,14,.45)}
.kp-card::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2.5px;background:var(--c);opacity:.5}
.kp-ic{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:13px;background:var(--cbg);color:var(--c);margin-bottom:14px}
.kp-lbl{font-size:11.5px;font-weight:600;color:#8A8A96}
.kp-val{font-family:'Plus Jakarta Sans',sans-serif;font-size:30px;font-weight:800;letter-spacing:-1.2px;color:var(--c);line-height:1.05;margin-top:5px;font-variant-numeric:tabular-nums}
.kp-sub{font-size:11px;color:#A6A6B2;margin-top:5px}

.kp-empty{
  text-align:center;padding:52px 24px;border-radius:20px;margin-bottom:20px;
  background:rgba(255,255,255,.6);border:1.5px dashed rgba(20,17,14,.12);
}
.kp-empty-ic{display:inline-flex;width:60px;height:60px;border-radius:18px;align-items:center;justify-content:center;background:rgba(242,122,26,.1);color:#C2610C;margin-bottom:16px}
.kp-empty-t{font-family:'Plus Jakarta Sans',sans-serif;font-size:17px;font-weight:800;color:#14110E}
.kp-empty-s{font-size:13.5px;color:#8A8378;margin:6px 0 20px}

.kp-quick{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.kp-q{
  display:flex;align-items:center;gap:13px;padding:17px 18px;border-radius:16px;text-align:left;
  background:rgba(255,255,255,.66);border:1px solid rgba(20,17,14,.08);
  font-family:inherit;cursor:pointer;transition:.22s;
}
.kp-q:hover{background:#fff;border-color:rgba(242,122,26,.36);transform:translateY(-2px);box-shadow:0 18px 34px -22px rgba(20,17,14,.4)}
.kp-q-ic{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;background:rgba(242,122,26,.1);color:#C2610C;flex-shrink:0}
.kp-q>span:nth-child(2){flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.kp-q b{font-size:14px;font-weight:800;color:#14110E;letter-spacing:-.2px}
.kp-q i{font-style:normal;font-size:11.5px;color:#A8A29E}
.kp-q>svg{color:#C9C1B6;flex-shrink:0;transition:transform .2s,color .2s}
.kp-q:hover>svg{color:#F27A1A;transform:translateX(3px)}

/* ── üyeliğim ── */
.ku-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}
.ku-main{grid-column:1/-1}
.ku-top{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:22px}
.ku-av{
  width:52px;height:52px;border-radius:16px;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
  background:linear-gradient(140deg,#F27A1A,#DD5F08);color:#fff;
  font-family:'Plus Jakarta Sans',sans-serif;font-size:21px;font-weight:800;
  box-shadow:0 10px 22px -8px rgba(242,122,26,.75);
}
.ku-id{flex:1;min-width:0}
.ku-name{font-family:'Plus Jakarta Sans',sans-serif;font-size:19px;font-weight:800;color:#14110E;letter-spacing:-.5px}
.ku-mail{display:flex;align-items:center;gap:7px;font-size:13px;color:#8A8378;margin-top:4px}
.ku-mail svg{color:#C3BCB3;flex-shrink:0}
.ku-durum{font-size:12px;font-weight:800;padding:7px 14px;border-radius:100px;background:rgba(16,185,129,.1);color:#0E8A5B}
.ku-dates{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(20,17,14,.06);border-radius:14px;overflow:hidden}
.ku-d{background:rgba(255,255,255,.9);padding:14px 16px;display:flex;flex-direction:column;gap:5px}
.ku-d span{font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#A8A29E}
.ku-d b{font-family:'Plus Jakarta Sans',sans-serif;font-size:15px;font-weight:800;color:#14110E;letter-spacing:-.3px}
.ku-bar{height:6px;border-radius:6px;background:rgba(20,17,14,.07);margin-top:16px;overflow:hidden}
.ku-bar i{display:block;height:100%;border-radius:6px;background:linear-gradient(90deg,#F27A1A,#FFB067);transition:width .6s cubic-bezier(.2,.7,.2,1)}
.kd-plan-row b small{font-size:10.5px;color:#A8A29E;font-weight:600}

/* ── tablolar büyütüldü ── */
.prod-table-wrap table{min-width:1180px}
.ptable{font-size:14px}
.ptable td{padding:15px 16px}
.kth{padding:15px 16px;font-size:10.5px}
.prod-img,.prod-img-ph{width:56px;height:56px;border-radius:14px}
.prod-name{font-size:14.5px}
.prod-cat{font-size:11.5px}
.tinput{padding:9px 11px;font-size:14px;border-radius:10px}
.kar-badge{padding:8px 14px;font-size:13.5px;border-radius:10px}
.detay-btn{padding:10px 16px;font-size:12.5px}
.kstat-val{font-size:25px}
.kstat{padding:17px 18px}
.kstat-ic{width:44px;height:44px}
#ea-tbody td{padding:14px 16px;font-size:13.5px}

@media(max-width:1400px){.kp-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:1080px){
  .kd-hero{width:100%;margin-bottom:0}
  .kd-side-foot{width:100%}
  .kp-quick{grid-template-columns:1fr}
  .ku-grid{grid-template-columns:1fr}
}
@media(max-width:680px){
  .kp-grid{grid-template-columns:1fr 1fr}
  .kp-val{font-size:24px}
  .ku-dates{grid-template-columns:1fr}
}


/* veri yokken: kartlar durur, rakamlar solar */
.kp-grid.bos .kp-val{color:#C9C1B6}
.kp-grid.bos .kp-card{box-shadow:0 1px 2px rgba(20,17,14,.03)}
.kp-grid.bos .kp-card::after{opacity:.18}
.kp-grid.bos .kp-ic{opacity:.55}
.kp-empty{
  display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;
  padding:16px 20px;border-radius:14px;margin-bottom:20px;
  background:rgba(242,122,26,.05);border:1px solid rgba(242,122,26,.18);
  text-align:left;
}
.kp-empty-t{font-size:13px;color:#8A6A45;font-weight:600}
.kp-empty-b{
  display:inline-flex;align-items:center;gap:7px;padding:10px 20px;border:none;border-radius:11px;
  background:#F27A1A;color:#fff;font-family:inherit;font-size:13px;font-weight:800;cursor:pointer;
  box-shadow:0 10px 22px -10px rgba(242,122,26,.8);transition:transform .2s,background .2s;
}
.kp-empty-b:hover{background:#FF8A2E;transform:translateY(-2px)}


/* bilgi / uyari seridi */
.kd-notice{
  display:flex;align-items:center;gap:14px;flex-wrap:wrap;
  padding:18px 20px;border-radius:16px;margin-bottom:20px;
  background:rgba(242,122,26,.06);border:1px solid rgba(242,122,26,.2);
}
.kd-notice-ic{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:13px;background:rgba(242,122,26,.12);color:#C2610C;flex-shrink:0}
.kd-notice-txt{flex:1;min-width:180px}
.kd-notice-t{font-family:'Plus Jakarta Sans',sans-serif;font-size:15px;font-weight:800;color:#14110E;letter-spacing:-.25px}
.kd-notice-s{font-size:13px;color:#8A6A45;margin-top:3px;line-height:1.5}
.kd-notice-b{
  display:inline-flex;align-items:center;gap:7px;padding:12px 22px;border:none;border-radius:12px;
  background:#F27A1A;color:#fff;font-family:inherit;font-size:13.5px;font-weight:800;cursor:pointer;
  box-shadow:0 10px 24px -10px rgba(242,122,26,.8);transition:transform .2s,background .2s;
}
.kd-notice-b:hover{background:#FF8A2E;transform:translateY(-2px)}

/* panel listeleri */
.kp-lists{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:20px}
.kp-list{padding:18px 20px}
.kp-list-h{display:flex;align-items:center;gap:10px;font-family:'Plus Jakarta Sans',sans-serif;font-size:14px;font-weight:800;color:#14110E;letter-spacing:-.25px;padding-bottom:14px;border-bottom:1px solid rgba(20,17,14,.06);margin-bottom:6px}
.kp-list-ic{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:10px;flex-shrink:0}
.kp-list-ic.p{background:rgba(16,185,129,.1);color:#0E8A5B}
.kp-list-ic.n{background:rgba(239,68,68,.09);color:#DC2626}
.kp-l-row{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid rgba(20,17,14,.045)}
.kp-l-row:last-child{border-bottom:none}
.kp-l-img{width:38px;height:38px;border-radius:11px;background:linear-gradient(140deg,#F1ECE4,#E4DACC);flex-shrink:0;overflow:hidden;display:block}
.kp-l-img img{width:100%;height:100%;object-fit:cover;display:block}
.kp-l-n{flex:1;min-width:0;font-size:13.5px;font-weight:600;color:#14110E;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kp-l-v{font-family:'Plus Jakarta Sans',sans-serif;font-size:14.5px;font-weight:800;letter-spacing:-.3px;font-variant-numeric:tabular-nums;flex-shrink:0}
.kp-l-v.p{color:#0E8A5B}
.kp-l-v.n{color:#DC2626}
.kp-l-empty{padding:22px 0;text-align:center;font-size:12.5px;color:#A8A29E}

/* fatura adresi */
.ku-adres{display:flex;align-items:flex-start;gap:12px;margin-top:14px;padding:14px 16px;border-radius:14px;background:rgba(20,17,14,.03);border:1px solid rgba(20,17,14,.06)}
.ku-adres-ic{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:10px;background:rgba(242,122,26,.1);color:#C2610C;flex-shrink:0}
.ku-adres-t{font-size:12.5px;font-weight:800;color:#14110E}
.ku-adres-s{font-size:12px;color:#8A8378;margin-top:3px;line-height:1.55}
select.kd-inp{cursor:pointer;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 12 12'%3E%3Cpath fill='%239898A8' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}

@media(max-width:900px){.kp-lists{grid-template-columns:1fr}}




/* Kenar cubugu menusu: ust menu kurallarindan tamamen bagimsiz olsun */
.kdash-side nav.kd-nav,
.kdash-side .kd-nav{
  pointer-events:auto!important;
  position:static!important;
  top:auto!important;
  z-index:auto!important;
  padding:0!important;
}
.kdash-side .kd-item{pointer-events:auto!important}


/* ══ GENEL BAKIŞ — sadeleştirilmiş & modern ══ */
.kp-empty{
  display:flex;align-items:center;gap:13px;flex-wrap:wrap;
  padding:15px 18px;border-radius:15px;margin-bottom:18px;
  background:linear-gradient(100deg,rgba(242,122,26,.09),rgba(242,122,26,.03));
  border:1px solid rgba(242,122,26,.2);
}
.kp-empty-ic{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:11px;background:rgba(242,122,26,.13);color:#C2610C;flex-shrink:0}
.kp-empty-t{flex:1;min-width:180px;font-size:13.5px;font-weight:600;color:#8A6A45;text-align:left}
.kp-empty-b{
  display:inline-flex;align-items:center;padding:10px 20px;border:none;border-radius:11px;
  background:#F27A1A;color:#fff;font-family:inherit;font-size:13px;font-weight:800;cursor:pointer;
  box-shadow:0 10px 22px -10px rgba(242,122,26,.85);transition:transform .2s,background .2s;
}
.kp-empty-b:hover{background:#FF8A2E;transform:translateY(-2px)}

.kp-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:20px}
.kp-card{
  --c:#14110E;--cbg:rgba(20,17,14,.06);
  position:relative;overflow:hidden;padding:20px;border-radius:20px;
  background:linear-gradient(170deg,rgba(255,255,255,.92),rgba(255,255,255,.7));
  border:1px solid rgba(20,17,14,.07);
  box-shadow:0 1px 2px rgba(20,17,14,.03),0 20px 42px -34px rgba(20,17,14,.4);
  transition:transform .25s cubic-bezier(.2,.7,.2,1),box-shadow .25s,border-color .25s;
}
.kp-card::before{
  content:"";position:absolute;top:-40px;right:-40px;width:120px;height:120px;border-radius:50%;
  background:var(--cbg);opacity:.55;transition:transform .35s cubic-bezier(.2,.7,.2,1);
}
.kp-card::after{content:"";position:absolute;left:20px;right:20px;bottom:0;height:3px;border-radius:3px 3px 0 0;background:var(--c);opacity:.55}
.kp-card:hover{transform:translateY(-4px);border-color:rgba(20,17,14,.12);box-shadow:0 28px 54px -30px rgba(20,17,14,.5)}
.kp-card:hover::before{transform:scale(1.25)}
.kp-ic{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:13px;background:var(--cbg);color:var(--c);margin-bottom:16px}
.kp-lbl{position:relative;z-index:1;font-size:11.5px;font-weight:700;color:#8A8A96;letter-spacing:.01em}
.kp-val{
  position:relative;z-index:1;font-family:'Plus Jakarta Sans',sans-serif;
  font-size:32px;font-weight:800;letter-spacing:-1.4px;color:var(--c);
  line-height:1.02;margin-top:6px;font-variant-numeric:tabular-nums;
}
.kp-sub{position:relative;z-index:1;font-size:11px;color:#A6A6B2;margin-top:6px}

/* veri yokken */
.kp-grid.bos .kp-card{background:rgba(255,255,255,.55)}
.kp-grid.bos .kp-val{color:#CFC8BF}
.kp-grid.bos .kp-card::after{opacity:.14}
.kp-grid.bos .kp-card::before{opacity:.25}
.kp-grid.bos .kp-ic{opacity:.5}
.kp-grid.bos .kp-card:hover{transform:none;box-shadow:0 1px 2px rgba(20,17,14,.03)}

@media(max-width:1400px){.kp-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.kp-grid{grid-template-columns:repeat(2,1fr)}.kp-val{font-size:26px}}


/* ══ Genel Bakış kartları: belirgin + gerçek cam ══ */
.kp-card{
  background:linear-gradient(165deg,rgba(255,255,255,.78),rgba(255,255,255,.5));
  backdrop-filter:blur(18px) saturate(1.25);
  -webkit-backdrop-filter:blur(18px) saturate(1.25);
  border:1px solid rgba(255,255,255,.75);
  box-shadow:
    0 1px 0 rgba(255,255,255,.9) inset,
    0 2px 6px rgba(20,17,14,.05),
    0 26px 50px -30px rgba(20,17,14,.45);
}
.kp-card::before{opacity:.85;filter:blur(2px)}
.kp-card::after{height:3.5px;opacity:.85}
.kp-lbl{color:#6E6A66;font-weight:700}
.kp-val{color:var(--c)}
.kp-sub{color:#8E8981}
.kp-ic{
  background:var(--cbg);color:var(--c);
  border:1px solid rgba(255,255,255,.7);
  box-shadow:0 6px 14px -8px rgba(20,17,14,.5);
}
.kp-card:hover{
  border-color:rgba(255,255,255,.95);
  box-shadow:0 1px 0 rgba(255,255,255,.95) inset,0 4px 10px rgba(20,17,14,.06),0 34px 60px -28px rgba(20,17,14,.5);
}

/* veri yokken: soluk değil, sadece nötr */
.kp-grid.bos .kp-card{background:linear-gradient(165deg,rgba(255,255,255,.7),rgba(255,255,255,.44))}
.kp-grid.bos .kp-val{color:#9E988F}
.kp-grid.bos .kp-card::after{opacity:.4}
.kp-grid.bos .kp-card::before{opacity:.5}
.kp-grid.bos .kp-ic{opacity:.9}
.kp-grid.bos .kp-card:hover{transform:translateY(-3px)}

/* uyari seridindeki Trendyol yolu */
.kd-notice-path{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:10px}
.kd-notice-path span{
  display:inline-flex;align-items:center;
  background:rgba(255,255,255,.85);border:1px solid rgba(242,122,26,.28);
  color:#A8551A;font-size:11.5px;font-weight:700;padding:5px 11px;border-radius:8px;white-space:nowrap;
}
.kd-notice-path .kd-sep{font-style:normal;color:#D6A97E;font-size:13px;font-weight:800}
.kd-notice{align-items:flex-start}
.kd-notice-ic{margin-top:2px}
.kd-notice-b{align-self:center}


/* maliyet hafızası kutusu */
.kd-mem{
  display:flex;align-items:center;gap:13px;flex-wrap:wrap;
  padding:14px 18px;border-radius:15px;margin-bottom:16px;
  background:linear-gradient(100deg,rgba(16,185,129,.08),rgba(16,185,129,.03));
  border:1px solid rgba(16,185,129,.22);
}
.kd-mem-ic{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:11px;background:rgba(16,185,129,.14);color:#0E8A5B;flex-shrink:0}
.kd-mem-txt{flex:1;min-width:200px;display:flex;flex-direction:column;gap:2px}
.kd-mem-txt b{font-size:13.5px;font-weight:800;color:#0B6E49}
.kd-mem-txt span{font-size:12px;color:#5C8574}
.kd-mem-b{
  padding:9px 16px;border:1px solid rgba(16,185,129,.3);border-radius:10px;
  background:rgba(255,255,255,.75);color:#0E8A5B;
  font-family:inherit;font-size:12.5px;font-weight:700;cursor:pointer;transition:.18s;
}
.kd-mem-b:hover{background:#fff;border-color:rgba(220,38,38,.35);color:#DC2626}


/* Panelde 'Ana sayfa' butonu gosterilmez — çıkış tam genişlik */
.kd-side-foot .kd-gizli{display:none}
.kd-side-foot .kd-mini-out{flex:1 1 100%}


/* ══════════════════════════════════════════════════════════
   KULLANICI KARTI — premium
   ══════════════════════════════════════════════════════════ */
.kd-hero{
  position:relative;overflow:hidden;border-radius:18px;
  padding:18px 17px 16px;margin-bottom:8px;isolation:isolate;
  background:
    radial-gradient(340px 170px at 108% -12%,rgba(255,150,60,.34),transparent 62%),
    radial-gradient(240px 200px at -20% 120%,rgba(120,70,30,.28),transparent 66%),
    linear-gradient(158deg,#2A2019 0%,#1A1410 45%,#0E0B08 100%);
  box-shadow:
    0 1px 0 rgba(255,255,255,.09) inset,
    0 0 0 1px rgba(255,255,255,.05),
    0 18px 34px -20px rgba(0,0,0,.9);
}
/* ince doku */
.kd-hero::after{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.5;
  background-image:
    linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);
  background-size:22px 22px;
  -webkit-mask-image:radial-gradient(120% 100% at 100% 0%,#000,transparent 72%);
          mask-image:radial-gradient(120% 100% at 100% 0%,#000,transparent 72%);
}
/* usten gecen yumusak parlama */
.kd-hero-sheen{
  position:absolute;top:-60%;left:-30%;width:55%;height:220%;z-index:1;pointer-events:none;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.10),transparent);
  transform:rotate(12deg);
  animation:kdSheen 7s ease-in-out infinite;
}
@keyframes kdSheen{0%,72%{left:-40%}88%,100%{left:130%}}
@media (prefers-reduced-motion:reduce){.kd-hero-sheen{animation:none;opacity:0}}

.kd-hero-top{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}

/* avatar + halka */
.kd-av-ring{
  position:relative;display:inline-flex;padding:2px;border-radius:15px;flex-shrink:0;
  background:linear-gradient(150deg,rgba(255,178,102,.95),rgba(242,122,26,.35) 45%,rgba(255,255,255,.12));
  box-shadow:0 8px 20px -8px rgba(242,122,26,.85);
}
.kd-hero .kd-av{
  width:40px;height:40px;border-radius:13px;
  display:flex;align-items:center;justify-content:center;
  background:linear-gradient(150deg,#FF9440,#E2620A 60%,#C24F04);
  color:#fff;font-family:'Plus Jakarta Sans',sans-serif;font-size:17px;font-weight:800;
  box-shadow:0 1px 0 rgba(255,255,255,.35) inset;
  text-shadow:0 1px 2px rgba(0,0,0,.25);
}

/* premium rozeti */
.kd-pro{
  position:relative;display:inline-flex;align-items:center;gap:6px;
  font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;
  padding:5px 11px;border-radius:100px;white-space:nowrap;
  color:#FFD9AE;
  background:linear-gradient(160deg,rgba(255,166,77,.26),rgba(242,122,26,.10));
  border:1px solid rgba(255,178,102,.42);
  box-shadow:0 1px 0 rgba(255,255,255,.14) inset,0 4px 12px -6px rgba(242,122,26,.7);
}
.kd-pro::before{content:"";width:5px;height:5px;border-radius:50%;background:#FFB067;box-shadow:0 0 8px rgba(255,176,103,.95)}
.kd-pro.free{color:rgba(255,255,255,.55);background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14);box-shadow:none}
.kd-pro.free::before{background:rgba(255,255,255,.4);box-shadow:none}

.kd-hero .kd-uname{
  position:relative;z-index:2;font-family:'Plus Jakarta Sans',sans-serif;
  font-size:15.5px;font-weight:800;color:#fff;letter-spacing:-.35px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.kd-umail{
  position:relative;z-index:2;font-size:11px;color:rgba(255,255,255,.42);
  margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.01em;
}
.kd-hero-line{position:relative;z-index:2;height:1px;margin:14px 0 11px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.14),transparent)}
.kd-hero-meta{position:relative;z-index:2;display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:8px}
.kd-hero-lbl{font-size:9px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.32)}
.kd-hero-note{font-size:11.5px;color:#FFC79A;font-weight:700;letter-spacing:-.1px}
.kd-hero-bar{
  position:relative;z-index:2;height:5px;border-radius:5px;overflow:hidden;
  background:rgba(255,255,255,.09);box-shadow:0 1px 0 rgba(255,255,255,.06) inset;
}
.kd-hero-bar i{
  display:block;height:100%;border-radius:5px;
  background:linear-gradient(90deg,#E2620A,#FF9440 60%,#FFC48A);
  box-shadow:0 0 12px rgba(255,148,64,.65);
  transition:width .8s cubic-bezier(.2,.7,.2,1);
}


/* ══════════════════════════════════════════════════════════
   GENEL BAKIŞ KARTLARI — ortalanmış, premium
   ══════════════════════════════════════════════════════════ */
.kp-grid{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;margin-bottom:22px;
}
.kp-card{
  --c:#14110E;--cbg:rgba(20,17,14,.06);
  position:relative;overflow:hidden;isolation:isolate;
  display:flex;flex-direction:column;align-items:center;text-align:center;
  padding:26px 18px 22px;border-radius:22px;
  background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(255,255,255,.66));
  backdrop-filter:blur(20px) saturate(1.3);-webkit-backdrop-filter:blur(20px) saturate(1.3);
  border:1px solid rgba(255,255,255,.85);
  box-shadow:
    0 1px 0 rgba(255,255,255,.95) inset,
    0 1px 2px rgba(20,17,14,.04),
    0 20px 44px -30px rgba(20,17,14,.42);
  transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s,border-color .3s;
}
/* ikonun arkasından yükselen yumuşak renk hale */
.kp-card::before{
  content:"";position:absolute;top:-46px;left:50%;transform:translateX(-50%);
  width:190px;height:150px;border-radius:50%;z-index:-1;
  background:var(--cbg);filter:blur(26px);opacity:.9;
  transition:opacity .3s,transform .3s cubic-bezier(.2,.7,.2,1);
}
/* üst kenarda ince ışık çizgisi */
.kp-card::after{
  content:"";position:absolute;top:0;left:22%;right:22%;height:2px;border-radius:0 0 3px 3px;
  background:linear-gradient(90deg,transparent,var(--c),transparent);opacity:.6;
}
.kp-card:hover{
  transform:translateY(-5px);
  border-color:rgba(255,255,255,1);
  box-shadow:
    0 1px 0 rgba(255,255,255,1) inset,
    0 2px 6px rgba(20,17,14,.05),
    0 34px 62px -30px rgba(20,17,14,.5);
}
.kp-card:hover::before{opacity:1;transform:translateX(-50%) translateY(6px) scale(1.06)}

.kp-ic{
  display:flex;align-items:center;justify-content:center;
  width:52px;height:52px;border-radius:17px;margin:0 0 16px;
  background:linear-gradient(160deg,rgba(255,255,255,.9),rgba(255,255,255,.45));
  border:1px solid rgba(255,255,255,.95);
  color:var(--c);
  box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 8px 18px -10px rgba(20,17,14,.5);
}
.kp-lbl{
  font-size:10.5px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;
  color:#9A948C;
}
.kp-val{
  font-family:'Plus Jakarta Sans',sans-serif;
  font-size:34px;font-weight:800;letter-spacing:-1.6px;line-height:1.04;
  color:var(--c);margin-top:9px;font-variant-numeric:tabular-nums;
}
.kp-sub{
  display:inline-flex;align-items:center;gap:6px;
  font-size:11.5px;color:#A29C94;margin-top:9px;font-weight:600;
}
.kp-sub::before{
  content:"";width:5px;height:5px;border-radius:50%;background:var(--c);opacity:.45;
}

/* veri yokken */
.kp-grid.bos .kp-card{background:linear-gradient(180deg,rgba(255,255,255,.8),rgba(255,255,255,.55))}
.kp-grid.bos .kp-card::before{opacity:.4}
.kp-grid.bos .kp-card::after{opacity:.2}
.kp-grid.bos .kp-val{color:#B8B2A9;letter-spacing:-.5px}
.kp-grid.bos .kp-ic{color:#B8B2A9}
.kp-grid.bos .kp-sub::before{opacity:.25}
.kp-grid.bos .kp-card:hover{transform:translateY(-3px)}

@media(max-width:1500px){.kp-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.kp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.kp-grid{grid-template-columns:1fr}.kp-val{font-size:30px}}

/* liste kartları kartlarla uyumlu olsun */
.kp-list{border-radius:22px}
.kp-l-img{width:42px;height:42px;border-radius:12px;border:1px solid rgba(20,17,14,.06)}
.kp-l-n{font-size:13.5px;font-weight:650}


/* ══════════════════════════════════════════════════════════
   ÜRÜN KÂR TABLOSU — şeffaf / premium
   ══════════════════════════════════════════════════════════ */
.prod-table-wrap{
  background:linear-gradient(180deg,rgba(255,255,255,.86),rgba(255,255,255,.62));
  backdrop-filter:blur(20px) saturate(1.25);-webkit-backdrop-filter:blur(20px) saturate(1.25);
  border:1px solid rgba(255,255,255,.85);
  border-radius:22px;
  box-shadow:0 1px 0 rgba(255,255,255,.95) inset,0 1px 2px rgba(20,17,14,.04),0 26px 54px -34px rgba(20,17,14,.44);
}
.prod-table-wrap table{min-width:1240px}

/* başlık */
.kth{
  background:linear-gradient(180deg,rgba(252,251,249,.94),rgba(250,249,246,.7));
  border-bottom:1px solid rgba(20,17,14,.08);
  color:#9A948C;font-size:10px;letter-spacing:.12em;padding:16px 16px;
  position:sticky;top:0;z-index:2;backdrop-filter:blur(10px);
}
.kth-sub{color:#BEB7AE;font-size:9.5px;letter-spacing:.02em}

/* satırlar */
.pt-row{transition:background .18s}
.pt-row:hover>td{background:rgba(242,122,26,.045)}
.ptable td{
  padding:14px 16px;border-bottom:1px solid rgba(20,17,14,.05);
  vertical-align:middle;background:transparent;
}
.pt-cb{width:44px;padding-left:16px!important;padding-right:0!important}
.pt-c{text-align:center}
.pt-act{white-space:nowrap}

/* ürün hücresi */
.pt-prod{display:flex;align-items:center;gap:14px;min-width:0}
.pt-img{display:block;flex-shrink:0;position:relative}
.pt-img .prod-img,.pt-img .prod-img-ph{
  width:54px;height:54px;border-radius:15px;
  border:1px solid rgba(20,17,14,.07);
  box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 6px 14px -8px rgba(20,17,14,.4);
  object-fit:cover;
}
.pt-info{display:flex;flex-direction:column;gap:6px;min-width:0}
.pt-info .prod-name{
  display:block;font-size:14.5px;font-weight:700;color:#14110E;letter-spacing:-.2px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:230px;
}
.pt-code{
  display:inline-flex;align-items:center;align-self:flex-start;gap:5px;
  font-family:ui-monospace,'SF Mono',Menlo,Consolas,monospace;
  font-size:11px;font-weight:600;letter-spacing:.02em;color:#8A8378;
  background:rgba(20,17,14,.045);border:1px solid rgba(20,17,14,.06);
  padding:3px 9px;border-radius:7px;max-width:220px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.pt-code::before{content:"#";color:#C3BCB3;font-weight:700}

/* girdiler */
.tinput{
  border:1px solid rgba(20,17,14,.1);border-radius:11px;
  background:rgba(255,255,255,.75);padding:10px 12px;
  font-size:14px;font-weight:700;color:#14110E;text-align:center;
  font-variant-numeric:tabular-nums;transition:.18s;
}
.tinput::placeholder{color:#C3BCB3;font-weight:500}
.tinput:hover{border-color:rgba(20,17,14,.2);background:#fff}
.tinput:focus{outline:none;border-color:var(--or);background:#fff;box-shadow:0 0 0 3.5px rgba(242,122,26,.12)}
/* alış fiyatı = ana girdi */
.tinput-key{
  width:104px;border-color:rgba(242,122,26,.3);
  background:linear-gradient(180deg,rgba(255,247,238,.9),rgba(255,255,255,.7));
}
.tinput-key:hover{border-color:rgba(242,122,26,.5)}

/* komisyon */
.pt-kom{display:inline-flex;flex-direction:column;align-items:center;gap:5px}
.pt-kom-tl{
  font-size:10.5px;font-weight:800;color:#C2610C;
  background:rgba(242,122,26,.08);border-radius:6px;padding:2px 8px;
  font-variant-numeric:tabular-nums;
}

/* net kâr rozeti */
.kar-badge{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:96px;padding:9px 14px;border-radius:11px;
  font-size:14px;font-weight:800;letter-spacing:-.3px;
  font-variant-numeric:tabular-nums;border:1px solid transparent;
}
.kb-good{background:rgba(16,185,129,.1);color:#0B7A52;border-color:rgba(16,185,129,.22)}
.kb-bad{background:rgba(239,68,68,.08);color:#C62B26;border-color:rgba(239,68,68,.2)}
.kb-neutral{background:rgba(20,17,14,.04);color:#A8A29E;border-color:rgba(20,17,14,.07);font-weight:600;font-size:12.5px}

/* ayrıntı butonu */
.detay-btn{
  display:inline-flex;align-items:center;gap:7px;
  background:linear-gradient(180deg,#2A2520,#14110E);color:#fff;
  border:none;border-radius:11px;padding:10px 16px;
  font-size:12.5px;font-weight:700;cursor:pointer;font-family:inherit;
  box-shadow:0 1px 0 rgba(255,255,255,.12) inset,0 8px 18px -10px rgba(20,17,14,.7);
  transition:transform .18s,box-shadow .18s,background .18s;
}
.detay-btn:hover{background:linear-gradient(180deg,#3A342E,#1E1A16);transform:translateY(-1.5px);box-shadow:0 1px 0 rgba(255,255,255,.12) inset,0 12px 24px -10px rgba(20,17,14,.8)}

@media(max-width:1300px){
  .pt-info .prod-name{max-width:180px}
  .pt-code{max-width:170px}
}


/* ══ Liste kartları: taşmayı kesin engelle ══ */
.kp-lists{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:14px;margin-bottom:20px;align-items:start;
}
.kp-list{min-width:0;overflow:hidden}
.kp-list-h{min-width:0}
.kp-l-row{display:flex;align-items:center;gap:12px;min-width:0;max-width:100%}
.kp-l-img{flex:0 0 auto}
.kp-l-n{
  flex:1 1 0%;min-width:0;max-width:100%;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  font-size:13.5px;font-weight:600;color:#14110E;
}
.kp-l-v{flex:0 0 auto;white-space:nowrap;font-variant-numeric:tabular-nums}
@media(max-width:900px){.kp-lists{grid-template-columns:minmax(0,1fr)}}


/* ══ Genel taşma koruması ══
   1fr sutunlar varsayilan olarak icerikten kucuk olamaz (min-width:auto).
   Uzun urun adlari / e-postalar bu yuzden kartlari ekran disina tasiyabiliyor.
   Panel ve landing izgaralarinda sutunlarin kucuebilmesini garantiye aliyoruz. */
.kstat-grid,.kbx-cards,.kd-form,.kd-grid2,.ku-grid,
.kpr-groups,.kpr-trust,.kft-cols,.khm-contact-in,
.khm-hero-cols,.khm-hiw-cols,.kp-lists,.kp-grid{
  grid-auto-columns:minmax(0,1fr);
}
.kstat-grid>*,.kbx-cards>*,.kd-form>*,.kd-grid2>*,.ku-grid>*,
.kpr-groups>*,.kpr-trust>*,.kft-cols>*,.khm-contact-in>*,
.khm-hero-cols>*,.khm-hiw-cols>*,.kp-lists>*,.kp-grid>*,
.kdash-main>*{
  min-width:0;
}
.ku-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.kd-grid2{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.kd-form{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.kstat-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
.kbx-cards{grid-template-columns:repeat(6,minmax(0,1fr))}
/* uzun e-posta / metinler kutuyu kirmasin */
.kd-plan-row b,.ku-mail,.kd-umail,.kft-desc{min-width:0;overflow-wrap:anywhere}
@media(max-width:1100px){.ku-grid,.kd-grid2,.kd-form{grid-template-columns:minmax(0,1fr)}}
@media(max-width:980px){.kbx-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:560px){.kbx-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1100px){.kstat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:680px){.kstat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}


/* ══════════════════════════════════════════════════════════
   BİLGİ KARTI — adım adım yol tarifi
   ══════════════════════════════════════════════════════════ */
.kd-notice{
  display:block;padding:20px 22px;border-radius:20px;margin-bottom:20px;
  background:linear-gradient(150deg,rgba(255,255,255,.9),rgba(255,247,238,.75));
  backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2);
  border:1px solid rgba(242,122,26,.24);
  box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 1px 2px rgba(20,17,14,.04),0 22px 46px -32px rgba(180,90,20,.5);
}
.kd-notice-head{display:flex;align-items:flex-start;gap:15px;flex-wrap:wrap}
.kd-notice-ic{
  display:flex;align-items:center;justify-content:center;
  width:46px;height:46px;border-radius:15px;flex-shrink:0;margin-top:0;
  background:linear-gradient(160deg,rgba(255,255,255,.95),rgba(255,236,214,.9));
  border:1px solid rgba(242,122,26,.24);color:#C2610C;
  box-shadow:0 1px 0 rgba(255,255,255,.95) inset,0 8px 18px -10px rgba(242,122,26,.7);
}
.kd-notice-txt{flex:1 1 260px;min-width:0}
.kd-notice-t{font-family:'Plus Jakarta Sans',sans-serif;font-size:16px;font-weight:800;color:#14110E;letter-spacing:-.35px}
.kd-notice-s{font-size:13.5px;color:#7A6A5A;margin-top:5px;line-height:1.6}
.kd-notice-b{
  align-self:center;flex-shrink:0;
  display:inline-flex;align-items:center;gap:8px;padding:13px 24px;border:none;border-radius:13px;
  background:linear-gradient(180deg,#FF8C2E,#E2620A);color:#fff;
  font-family:inherit;font-size:13.5px;font-weight:800;cursor:pointer;
  box-shadow:0 1px 0 rgba(255,255,255,.25) inset,0 12px 26px -12px rgba(242,122,26,.9);
  transition:transform .2s cubic-bezier(.2,.7,.2,1),box-shadow .2s,filter .2s;
}
.kd-notice-b:hover{transform:translateY(-2px);filter:brightness(1.06);box-shadow:0 1px 0 rgba(255,255,255,.25) inset,0 18px 34px -14px rgba(242,122,26,1)}

/* yol tarifi */
.kd-notice-path{margin-top:18px;padding-top:16px;border-top:1px dashed rgba(242,122,26,.28)}
.kd-path-lbl{
  display:block;font-size:10.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;
  color:#B08A63;margin-bottom:11px;
}
.kd-path-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.kd-step{
  display:inline-flex;align-items:center;gap:9px;
  background:rgba(255,255,255,.95);border:1px solid rgba(242,122,26,.26);
  color:#7A4A18;font-size:13px;font-weight:700;letter-spacing:-.1px;
  padding:9px 15px 9px 9px;border-radius:12px;white-space:nowrap;
  box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 5px 12px -8px rgba(180,90,20,.6);
}
.kd-step i{
  display:inline-flex;align-items:center;justify-content:center;
  width:22px;height:22px;border-radius:8px;flex-shrink:0;
  background:linear-gradient(160deg,#FF9440,#E2620A);color:#fff;
  font-style:normal;font-size:11.5px;font-weight:800;
  box-shadow:0 3px 8px -3px rgba(242,122,26,.9);
}
.kd-notice-path .kd-sep{font-style:normal;color:#D9A87C;font-size:15px;font-weight:800;line-height:1}

@media(max-width:720px){
  .kd-notice-b{width:100%;justify-content:center;margin-top:12px}
  .kd-step{font-size:12px;padding:8px 12px 8px 8px}
}

/* ══════════════════════════════════════════════════════════════════
   ✦ PREMIUM PANEL 2.9 — giriş sonrası yeniden tasarım (override katmanı)
   Yalnızca body.app-mode altında; tüm ID/class/JS aynen korunur.
   ══════════════════════════════════════════════════════════════════ */
body.app-mode{
  background:
    radial-gradient(1100px 520px at 88% -8%,rgba(242,122,26,.06),transparent 60%),
    linear-gradient(180deg,#F5F2EC 0%,#F3EFE9 100%)!important;
}
body.app-mode #app-section{padding-top:26px}
body.app-mode .kdash-wrap{gap:26px}

/* ── premium sayfa başlığı ── */
body.app-mode .kd-top{
  padding:2px 4px 22px;position:relative;
  border-bottom:1px solid rgba(20,17,14,.07);margin-bottom:22px;
}
body.app-mode .kd-title{
  font-size:29px;letter-spacing:-1.1px;
  background:linear-gradient(180deg,#241C15,#14110E);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}
body.app-mode .kd-sub{color:#96897B;font-size:14px;margin-top:7px}

/* ══ KENAR ÇUBUĞU — koyu premium cam ══ */
body.app-mode .kdash-side{
  position:sticky;top:22px;gap:14px;padding:16px 13px;border-radius:24px;
  background:
    radial-gradient(360px 200px at 100% -4%,rgba(242,122,26,.16),transparent 62%),
    linear-gradient(168deg,#211A14 0%,#171310 58%,#120F0C 100%);
  border:1px solid rgba(255,255,255,.07);
  backdrop-filter:none;-webkit-backdrop-filter:none;
  box-shadow:0 2px 4px rgba(20,17,14,.2),0 34px 60px -34px rgba(20,17,14,.85),0 0 0 1px rgba(20,17,14,.4);
}
body.app-mode .kdash-side::before{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);
  background-size:30px 30px;
}
body.app-mode .kd-hero{
  border:1px solid rgba(255,255,255,.08);
  background:
    radial-gradient(300px 150px at 100% 0%,rgba(242,122,26,.34),transparent 66%),
    linear-gradient(158deg,#2C2219,#1A140F);
  box-shadow:0 16px 34px -18px rgba(0,0,0,.85),0 0 0 1px rgba(242,122,26,.08) inset;
}
body.app-mode .kd-nav{gap:4px}
body.app-mode .kd-group{color:rgba(255,255,255,.32);padding:14px 12px 6px}
body.app-mode .kd-item{
  color:rgba(255,255,255,.6);border-radius:13px;padding:11px 12px;font-weight:600;
}
body.app-mode .kd-item::before{background:linear-gradient(180deg,#FF9A42,#F27A1A)}
body.app-mode .kd-item:hover{background:rgba(255,255,255,.055);color:#fff}
body.app-mode .kd-item:hover .kd-i{color:rgba(255,255,255,.85)}
body.app-mode .kd-item.on{
  background:linear-gradient(120deg,rgba(242,122,26,.2),rgba(242,122,26,.08));
  color:#fff;box-shadow:0 0 0 1px rgba(242,122,26,.28) inset;
}
body.app-mode .kd-item.on::before{height:22px}
body.app-mode .kd-i{color:rgba(255,255,255,.42)}
body.app-mode .kd-item.on .kd-i{color:#FF9A42}
body.app-mode .kd-side-foot{gap:8px;margin-top:4px}
body.app-mode .kd-side-foot .kd-mini{
  background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.09);color:rgba(255,255,255,.72);
}
body.app-mode .kd-side-foot .kd-mini:hover{background:rgba(255,255,255,.11);border-color:rgba(255,255,255,.2);color:#fff}
body.app-mode .kd-side-foot .kd-mini-out:hover{background:rgba(239,68,68,.16);border-color:rgba(239,68,68,.4);color:#FF6B6B}

/* ══ STAT KARTLARI — premium, katmanlı ══ */
body.app-mode .kstat-grid{gap:13px}
body.app-mode .kstat{
  padding:17px 18px;border-radius:19px;gap:14px;
  background:#fff;border:1px solid rgba(20,17,14,.07);
  box-shadow:0 1px 2px rgba(20,17,14,.04),0 18px 38px -30px rgba(20,17,14,.4);
}
body.app-mode .kstat-ic{width:44px;height:44px;border-radius:14px}
body.app-mode .kstat-val{font-size:25px}
body.app-mode button.kstat:hover{transform:translateY(-3px);box-shadow:0 26px 48px -28px rgba(20,17,14,.5)}
body.app-mode button.kstat.on{box-shadow:0 0 0 1.6px var(--c) inset,0 22px 44px -26px rgba(20,17,14,.5)}

/* ══ GENEL BAKIŞ KARTLARI ══ */
body.app-mode .kp-card{
  background:#fff;border:1px solid rgba(20,17,14,.07);border-radius:20px;
  box-shadow:0 1px 2px rgba(20,17,14,.04),0 22px 44px -32px rgba(20,17,14,.4);
}
body.app-mode .kp-val{font-size:31px}

/* ══════ KAR HESAPLAMA TABLOSU — tamamen yenilendi ══════ */
body.app-mode .prod-table-wrap{
  background:#fff;border:1px solid rgba(20,17,14,.07);border-radius:22px;overflow-x:auto;
  box-shadow:
    0 1px 2px rgba(20,17,14,.04),
    0 18px 40px -28px rgba(20,17,14,.34),
    0 60px 90px -70px rgba(20,17,14,.5);
}
/* koyu, premium başlık şeridi */
body.app-mode .ptable thead .kth{
  background:linear-gradient(180deg,#241C15,#17120E);
  color:rgba(255,255,255,.6);border-bottom:none;
  padding:16px 16px;font-size:10px;letter-spacing:.1em;
}
body.app-mode .ptable thead .kth-sub{color:rgba(255,255,255,.4)}
body.app-mode .ptable thead .kth .dot{background:#FF9A42;opacity:.95}
body.app-mode .ptable thead .kth-key{color:#FF9A42}
body.app-mode .ptable thead .kth-key .kth-sub{color:#FF9A42;opacity:.9}
body.app-mode .ptable thead .kth-cb input{accent-color:#F27A1A}
body.app-mode .ptable thead tr>th:first-child{border-top-left-radius:22px}
body.app-mode .ptable thead tr>th:last-child{border-top-right-radius:22px}

/* satırlar: net kâr/zarar durumuna göre aksan (JS'siz, :has ile) */
body.app-mode .pt-row>td{border-bottom:1px solid rgba(20,17,14,.055);padding:16px}
body.app-mode .pt-row:last-child>td{border-bottom:none}
body.app-mode .pt-row>td:first-child{position:relative}
body.app-mode .pt-row:has(.kb-good)>td:first-child::before,
body.app-mode .pt-row:has(.kb-bad)>td:first-child::before{
  content:"";position:absolute;left:0;top:8px;bottom:8px;width:3.5px;border-radius:0 4px 4px 0;
}
body.app-mode .pt-row:has(.kb-good)>td:first-child::before{background:linear-gradient(180deg,#22C58A,#0EA96B)}
body.app-mode .pt-row:has(.kb-bad)>td:first-child::before{background:linear-gradient(180deg,#FB6B66,#E0453F)}
body.app-mode .pt-row:has(.kb-bad){background:rgba(239,68,68,.018)}
body.app-mode .pt-row:hover>td{background:rgba(242,122,26,.05)}
body.app-mode .pt-row:has(.kb-bad):hover>td{background:rgba(239,68,68,.04)}

/* ürün adı + kod */
body.app-mode .pt-img .prod-img,body.app-mode .pt-img .prod-img-ph{
  width:52px;height:52px;border-radius:14px;
  box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 8px 18px -10px rgba(20,17,14,.5);
}
body.app-mode .pt-info .prod-name{font-size:14.5px;font-weight:800;letter-spacing:-.25px}

/* girdiler */
body.app-mode .tinput{border-radius:11px;padding:10px 12px;background:#FCFBFA;border-color:rgba(20,17,14,.1)}
body.app-mode .tinput:hover{background:#fff}
body.app-mode .tinput-key{
  border-color:rgba(242,122,26,.42);
  background:linear-gradient(180deg,#FFF6EC,#FFFDFB);
  box-shadow:0 0 0 3px rgba(242,122,26,.07);
}
body.app-mode .tinput-key:focus{box-shadow:0 0 0 3.5px rgba(242,122,26,.16)}
body.app-mode .pt-kom-tl{background:rgba(242,122,26,.1);color:#C2610C}

/* net kâr rozeti — premium */
body.app-mode .kar-badge{
  min-width:106px;padding:11px 16px;border-radius:13px;font-size:14.5px;letter-spacing:-.3px;
}
body.app-mode .kb-good{
  background:linear-gradient(180deg,rgba(16,185,129,.16),rgba(16,185,129,.07));
  color:#0A7048;border-color:rgba(16,185,129,.3);
  box-shadow:0 1px 0 rgba(255,255,255,.7) inset,0 6px 16px -10px rgba(16,185,129,.6);
}
body.app-mode .kb-bad{
  background:linear-gradient(180deg,rgba(239,68,68,.14),rgba(239,68,68,.06));
  color:#C0271F;border-color:rgba(239,68,68,.28);
  box-shadow:0 1px 0 rgba(255,255,255,.6) inset,0 6px 16px -10px rgba(239,68,68,.5);
}
body.app-mode .kb-neutral{background:rgba(20,17,14,.045);border:1px dashed rgba(20,17,14,.14);color:#A8A29E}

/* ayrıntı butonu */
body.app-mode .detay-btn{border-radius:12px;padding:11px 17px}

/* arama + sıralama alanı */
body.app-mode .search-inp,body.app-mode .ksort{background:#fff;border-color:rgba(20,17,14,.09)}

/* üst aksiyon butonları */
body.app-mode .kact{background:#fff;border-color:rgba(20,17,14,.09)}

/* kargo barem kutusu + bilgi şeritleri: beyaz zemine oturt */
body.app-mode .kbx{background:#fff;box-shadow:0 1px 2px rgba(20,17,14,.04),0 20px 42px -30px rgba(20,17,14,.34)}
body.app-mode .kbx .kargo-secim-card{background:#FCFBFA}
body.app-mode .kd-card{background:#fff}

/* model kodu önündeki # kaldırıldı */
body.app-mode .pt-code::before{content:none}
body.app-mode .pt-code{padding-left:9px}

/* tablo üstü arama + sıralama çubuğu */
body.app-mode .ktbl-toolbar{
  display:flex;align-items:center;gap:10px;flex-wrap:wrap;
  margin:2px 0 12px;padding:12px 14px;border-radius:16px;
  background:#fff;border:1px solid rgba(20,17,14,.07);
  box-shadow:0 1px 2px rgba(20,17,14,.04),0 14px 30px -26px rgba(20,17,14,.35);
}
body.app-mode .ktbl-toolbar .search-inp{background:#FCFBFA}
body.app-mode .ktbl-toolbar .search-inp:focus{background:#fff}

/* ══ ANLAŞMALI KARGO — premium yeniden tasarım ══ */
body.app-mode #kargo-barem-wrap.kbx{
  border-radius:22px;border:1px solid rgba(20,17,14,.07);overflow:hidden;
  box-shadow:0 1px 2px rgba(20,17,14,.04),0 24px 48px -30px rgba(20,17,14,.4);
}
body.app-mode .kbx-head{
  background:
    radial-gradient(300px 120px at 100% 0%,rgba(242,122,26,.2),transparent 62%),
    linear-gradient(160deg,#241C15,#17120E);
  border-bottom:none;padding:20px 24px;
}
body.app-mode .kbx-ic{width:42px;height:42px;border-radius:13px;background:rgba(242,122,26,.2);color:#FF9A42}
body.app-mode .kbx-title{color:#fff;font-size:16px}
body.app-mode .kbx-desc{color:rgba(255,255,255,.52)}
body.app-mode .kbx-kdv{background:rgba(16,185,129,.16);border-color:rgba(16,185,129,.32);color:#57DFA4}
body.app-mode .kbx-row{border-color:rgba(20,17,14,.055)}
body.app-mode .kbx-rowhead{padding:18px 24px 2px}
body.app-mode .kbx-range{background:rgba(242,122,26,.09);border-color:rgba(242,122,26,.22);color:#C2610C;font-size:12.5px;padding:5px 13px}
body.app-mode .kbx-hint{color:#A8A29E}
body.app-mode .kbx-cards{padding:15px 24px 20px;gap:11px}
body.app-mode .kbx .kargo-secim-card{
  background:#FCFBFA;border:1px solid rgba(20,17,14,.08);border-radius:16px;padding:15px 15px;gap:6px;
}
body.app-mode .kbx .kargo-secim-card:hover{
  transform:translateY(-3px);background:#fff;border-color:rgba(242,122,26,.45);
  box-shadow:0 16px 30px -16px rgba(20,17,14,.42);
}
body.app-mode .kbx .kargo-secim-card.secili{
  border-color:transparent;
  background:linear-gradient(165deg,rgba(242,122,26,.13),rgba(242,122,26,.03));
  box-shadow:0 0 0 1.8px var(--or) inset,0 16px 32px -16px rgba(242,122,26,.6);
}
body.app-mode .kbx .ksc-firma{font-size:10.5px}
body.app-mode .kbx .ksc-fiyat{font-size:18px}
body.app-mode .kbx .ksc-badge.en-uygun{box-shadow:0 6px 14px -4px rgba(14,138,91,.7)}
body.app-mode .kbx-manual{padding:15px 24px 20px}
body.app-mode .kbx-field{border-radius:12px}
body.app-mode .kbx-foot{
  padding:16px 24px;border-top:1px solid rgba(20,17,14,.06);
  background:linear-gradient(180deg,rgba(250,247,242,.55),rgba(250,247,242,.15));
}
body.app-mode .kbx-apply{border-radius:12px}

/* ══ ANLAŞMALI KARGO v2 — aydınlık, kullanıcı dostu ══ */
body.app-mode #kargo-barem-wrap.kbx{background:#FDFCFB;border:1px solid rgba(20,17,14,.07);border-radius:24px}
/* başlık: koyu blok yerine sıcak aydınlık şerit */
body.app-mode .kbx-head{
  background:linear-gradient(180deg,#FFF6EC,#FDEFE0);
  border-bottom:1px solid rgba(242,122,26,.16);padding:20px 24px;
}
body.app-mode .kbx-ic{
  width:44px;height:44px;border-radius:14px;
  background:linear-gradient(140deg,#FF9A42,#E0640C);color:#fff;
  box-shadow:0 10px 22px -10px rgba(242,122,26,.7);
}
body.app-mode .kbx-title{color:#14110E;font-size:16px}
body.app-mode .kbx-desc{color:#9A8F80}
body.app-mode .kbx-kdv{background:rgba(16,185,129,.1);border-color:rgba(16,185,129,.26);color:#0E8A5B}
/* her fiyat aralığı = yumuşak bölüm */
body.app-mode .kbx-row{border-bottom:1px solid rgba(20,17,14,.06)}
body.app-mode .kbx-rowhead{padding:20px 24px 4px;align-items:center}
body.app-mode .kbx-range{
  background:linear-gradient(135deg,#FF9A42,#E0640C);border:none;color:#fff;
  font-size:12.5px;padding:6px 14px;border-radius:50px;box-shadow:0 8px 16px -8px rgba(242,122,26,.55);
}
body.app-mode .kbx-hint{color:#A8A29E;font-size:11.5px}
body.app-mode .kbx-cards{padding:16px 24px 22px;gap:12px}
/* kargo firması kartı — net seçilebilir çip */
body.app-mode .kbx .kargo-secim-card{
  background:#fff;border:1.5px solid rgba(20,17,14,.09);border-radius:16px;padding:16px 16px 15px;gap:7px;
  box-shadow:0 1px 2px rgba(20,17,14,.03);
}
body.app-mode .kbx .kargo-secim-card:hover{
  transform:translateY(-3px);border-color:rgba(242,122,26,.5);
  box-shadow:0 16px 30px -16px rgba(242,122,26,.4);
}
body.app-mode .kbx .kargo-secim-card.secili{
  border-color:var(--or);
  background:linear-gradient(165deg,#FFF6EC,#fff);
  box-shadow:0 0 0 1.5px var(--or) inset,0 16px 32px -16px rgba(242,122,26,.55);
}
body.app-mode .kbx .ksc-firma{font-size:10.5px;color:#9A8F80;letter-spacing:.06em}
body.app-mode .kbx .ksc-fiyat{font-size:20px;letter-spacing:-.7px;color:#14110E}
body.app-mode .kbx .kargo-secim-card.secili .ksc-fiyat{color:#C2610C}
/* EN UYGUN rozeti + seçim onayı */
body.app-mode .kbx .ksc-badge.en-uygun{
  background:linear-gradient(135deg,#22C58A,#0E9E63);color:#fff;box-shadow:0 6px 14px -4px rgba(14,138,91,.6);
  font-size:9px;padding:3px 9px;
}
body.app-mode .kbx .ksc-check{width:19px;height:19px;background:var(--or);box-shadow:0 4px 10px -3px rgba(242,122,26,.7)}
/* manuel giriş + alt bar */
body.app-mode .kbx-manual{padding:16px 24px 22px}
body.app-mode .kbx-manual .kbx-field,body.app-mode .kbx-manual input{border-radius:13px}
body.app-mode .kbx-foot{
  padding:18px 24px;border-top:1px solid rgba(20,17,14,.06);
  background:linear-gradient(180deg,#FFF9F2,#fff);
}
/* Uygula → turuncu birincil aksiyon */
body.app-mode .kbx-apply{
  background:linear-gradient(180deg,#FF9A42,#F27A1A);color:#fff;border:none;border-radius:13px;
  padding:13px 26px;font-weight:800;box-shadow:0 14px 30px -12px rgba(242,122,26,.6);
}
body.app-mode .kbx-apply:hover{transform:translateY(-2px);box-shadow:0 20px 38px -14px rgba(242,122,26,.7)}

/* ── tablo ince ayarlar (v3) ── */
/* görseller biraz büyüdü */
body.app-mode .pt-img .prod-img,body.app-mode .pt-img .prod-img-ph{width:60px;height:60px;border-radius:15px}
/* başlıktaki turuncu noktalar kalktı + modern tipografi */
body.app-mode .ptable thead .kth .dot{display:none}
body.app-mode .ptable thead .kth-sub{margin-top:2px;letter-spacing:.02em}
body.app-mode .ptable thead .kth{
  font-size:10.5px;font-weight:700;letter-spacing:.13em;color:rgba(255,255,255,.66);
}
body.app-mode .ptable thead .kth-key{color:#FF9A42;font-weight:800}
/* ürün adı kolonunu daralt → satış fiyatına yakınlaştır */
body.app-mode .ptable thead .kth:nth-child(2){min-width:210px!important}
body.app-mode .pt-info .prod-name{max-width:200px}
/* satır hover: yumuşak şeffaf cam görünüm */
body.app-mode .pt-row:hover>td{background:rgba(20,17,14,.028);backdrop-filter:saturate(1.1)}
body.app-mode .pt-row:has(.kb-bad):hover>td{background:rgba(239,68,68,.035)}
/* komisyon / marj sayıları modernize */
body.app-mode .pt-kom-tl{
  font-size:11px;font-weight:800;color:#C2610C;background:rgba(242,122,26,.09);
  border:1px solid rgba(242,122,26,.16);border-radius:7px;padding:3px 9px;letter-spacing:-.2px;
}
body.app-mode .pt-c input.tinput{font-weight:800;letter-spacing:-.2px}
body.app-mode .kar-badge{font-size:15px;font-weight:800;letter-spacing:-.4px}

/* ══ ÜYELİĞİM & DESTEK TALEBİ — premium/modern ══ */
body.app-mode #kd-uyelik .kd-card,body.app-mode #kd-destek .kd-card{
  background:#fff;border:1px solid rgba(20,17,14,.07);border-radius:22px;padding:26px;
  box-shadow:0 1px 2px rgba(20,17,14,.04),0 24px 48px -34px rgba(20,17,14,.4);
}
body.app-mode .ku-av{width:56px;height:56px;border-radius:18px;box-shadow:0 12px 26px -10px rgba(242,122,26,.7)}
body.app-mode .ku-name{font-size:20px;letter-spacing:-.6px}
body.app-mode .ku-durum{background:rgba(16,185,129,.12);color:#0B7A52;box-shadow:0 1px 0 rgba(255,255,255,.6) inset}
/* tarih kutucukları */
body.app-mode .ku-dates{background:rgba(20,17,14,.06);border-radius:16px;gap:1.5px}
body.app-mode .ku-d{background:#fff;padding:16px 18px;transition:background .18s}
body.app-mode .ku-d:hover{background:#FCFAF7}
body.app-mode .ku-d b{font-size:16px}
body.app-mode .ku-bar{height:8px;border-radius:8px}
/* fatura / plan satırları */
body.app-mode .ku-fat-form{margin-top:16px;padding-top:18px;border-top:1px solid rgba(20,17,14,.08)}
body.app-mode .ku-fat-head{font-size:13px;font-weight:800;color:#14110E;margin-bottom:14px;letter-spacing:-.2px}
body.app-mode .kd-f2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
body.app-mode textarea.kd-inp{resize:vertical;min-height:52px;font-family:inherit;line-height:1.5}
@media(max-width:520px){body.app-mode .kd-f2{grid-template-columns:1fr}}
body.app-mode .kd-plan-box{background:rgba(20,17,14,.06);border-radius:16px;gap:1.5px}
body.app-mode .kd-plan-row{padding:15px 17px;transition:background .18s}
body.app-mode .kd-plan-row:hover{background:#FCFAF7}
/* destek formu */
body.app-mode #kd-destek .kd-card-ic{width:46px;height:46px;border-radius:14px;background:rgba(242,122,26,.12);color:#C2610C}
body.app-mode #kd-destek .kd-inp{
  border:1.5px solid rgba(20,17,14,.1);border-radius:13px;background:#FCFBFA;padding:13px 15px;font-size:14px;
}
body.app-mode #kd-destek .kd-inp:hover{border-color:rgba(20,17,14,.2)}
body.app-mode #kd-destek .kd-inp:focus{border-color:var(--or);background:#fff;box-shadow:0 0 0 3.5px rgba(242,122,26,.12)}
body.app-mode #kd-destek .kd-lbl{color:#8A8378;font-size:11px}
body.app-mode #kd-destek .kd-btn{border-radius:13px;padding:13px 26px}

/* ══════ KÂR TABLOSU — kırık beyaz, okunaklı, modern ══════ */
body.app-mode .prod-table-wrap{
  background:#FDFCFB;
  border:1px solid rgba(20,17,14,.08);border-radius:22px;overflow-x:auto;
  box-shadow:0 1px 2px rgba(20,17,14,.04),0 22px 48px -34px rgba(20,17,14,.32);
}
body.app-mode .prod-table-wrap .ptable thead .kth{
  background:linear-gradient(180deg,#FFF3E7,#FDEAD6);padding:17px 16px;
  color:#9A5A16;font-size:10.5px;font-weight:800;letter-spacing:.12em;
  border-bottom:2px solid rgba(242,122,26,.35);
}
body.app-mode .prod-table-wrap .ptable thead .kth-sub{color:#B4ADA3}
body.app-mode .prod-table-wrap .ptable thead .kth-key{color:#C2610C}
body.app-mode .prod-table-wrap .ptable thead .kth-cb input{accent-color:#F27A1A}
/* ferah, kenarsız satırlar */
body.app-mode .prod-table-wrap .pt-row>td{
  border-bottom:1px solid rgba(20,17,14,.06);padding:16px;background:transparent;
}
body.app-mode .prod-table-wrap .pt-row:last-child>td{border-bottom:none}
body.app-mode .prod-table-wrap .pt-row:hover>td{background:rgba(242,122,26,.045)}
body.app-mode .prod-table-wrap .pt-row:has(.kb-bad){background:rgba(239,68,68,.03)}
body.app-mode .prod-table-wrap .pt-row:has(.kb-bad):hover>td{background:rgba(239,68,68,.055)}
body.app-mode .prod-table-wrap .pt-row:has(.kb-good)>td:first-child::before{background:linear-gradient(180deg,#22C58A,#0E9E63)}
body.app-mode .prod-table-wrap .pt-row:has(.kb-bad)>td:first-child::before{background:linear-gradient(180deg,#FB7A75,#E0453F)}
/* ürün adı / kod */
body.app-mode .prod-table-wrap .pt-info .prod-name{color:#14110E;font-weight:800}
body.app-mode .prod-table-wrap .pt-code{background:rgba(20,17,14,.045);border-color:rgba(20,17,14,.07);color:#8A8378}
body.app-mode .prod-table-wrap .pt-code::before{content:none}
body.app-mode .prod-table-wrap .pt-img .prod-img,body.app-mode .prod-table-wrap .pt-img .prod-img-ph{
  width:56px;height:56px;box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 8px 18px -10px rgba(20,17,14,.4)
}
/* kenarsız girişler — sadece odaklanınca kutu; düz okunur değerler */
body.app-mode .prod-table-wrap .tinput{
  background:transparent;border-color:transparent;color:#14110E;box-shadow:none;font-weight:800;
}
body.app-mode .prod-table-wrap .tinput::placeholder{color:#BFB9B1;font-weight:500}
body.app-mode .prod-table-wrap .tinput:hover{background:#fff;border-color:rgba(20,17,14,.14)}
body.app-mode .prod-table-wrap .tinput:focus{background:#fff;border-color:var(--or);box-shadow:0 0 0 3px rgba(242,122,26,.14)}
body.app-mode .prod-table-wrap .tinput-key{background:rgba(242,122,26,.08);border-color:rgba(242,122,26,.3)}
body.app-mode .prod-table-wrap .pt-kom-tl{background:rgba(242,122,26,.09);border:1px solid rgba(242,122,26,.18);color:#C2610C}
/* net kâr: kutu değil, kalın renkli değer */
body.app-mode .prod-table-wrap .kar-badge{background:transparent;border-color:transparent;min-width:auto;padding:6px 8px;font-size:15.5px}
body.app-mode .prod-table-wrap .kb-good{color:#0A7A4E}
body.app-mode .prod-table-wrap .kb-bad{color:#C0271F}
body.app-mode .prod-table-wrap .kb-neutral{background:rgba(20,17,14,.04);border:1px dashed rgba(20,17,14,.16);color:#A8A29E;padding:6px 12px;border-radius:9px}
/* ayrıntı butonu → koyu premium buton */
body.app-mode .prod-table-wrap .detay-btn{
  background:linear-gradient(180deg,#2A2520,#14110E);border:none;color:#fff;
  box-shadow:0 1px 0 rgba(255,255,255,.12) inset,0 8px 18px -10px rgba(20,17,14,.6);
}
body.app-mode .prod-table-wrap .detay-btn:hover{background:linear-gradient(180deg,#3A342E,#1E1A16);box-shadow:0 12px 24px -10px rgba(20,17,14,.7)}
body.app-mode .prod-table-wrap input[type=checkbox].row-cb{accent-color:#F27A1A}
body.app-mode .prod-table-wrap .empty{color:#8A8378}
body.app-mode .prod-table-wrap .empty-ic{color:#D6CFC5}

/* ── tablo okunabilirlik (v4): daha büyük görsel, satış fiyatı ve net kâr ── */
body.app-mode .prod-table-wrap .pt-img .prod-img,
body.app-mode .prod-table-wrap .pt-img .prod-img-ph{
  width:74px;height:74px;border-radius:17px;
  box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 10px 22px -12px rgba(20,17,14,.45);
}
body.app-mode .prod-table-wrap .pt-prod{gap:16px}
/* ürün adı kolonu daralsın → satış fiyatına yaklaşsın */
body.app-mode .prod-table-wrap .ptable thead .kth:nth-child(2){min-width:180px!important;width:180px}
body.app-mode .prod-table-wrap .pt-info{gap:7px}
body.app-mode .prod-table-wrap .pt-info .prod-name{font-size:15px;font-weight:800;max-width:180px}
/* satış fiyatı (3. sütun) — büyük ve net */
body.app-mode .prod-table-wrap .pt-row>td:nth-child(3) .tinput{
  font-size:18px;font-weight:800;color:#14110E;width:118px;letter-spacing:-.3px;text-align:center;
}
body.app-mode .prod-table-wrap .ptable thead .kth:nth-child(3){color:#14110E}
/* net kâr — büyük, kâr/zarar bir bakışta belli */
body.app-mode .prod-table-wrap .kar-badge{
  font-size:21px;font-weight:900;letter-spacing:-.6px;padding:8px 12px;border-radius:12px;
}
body.app-mode .prod-table-wrap .kb-good{
  color:#0A7A4E;background:rgba(16,185,129,.10);border:1px solid rgba(16,185,129,.20);
}
body.app-mode .prod-table-wrap .kb-bad{
  color:#C0271F;background:rgba(239,68,68,.09);border:1px solid rgba(239,68,68,.18);
}
body.app-mode .prod-table-wrap .kb-neutral{font-size:13px}
/* net kâr başlığı vurgulansın */
body.app-mode .prod-table-wrap .ptable thead .kth:nth-child(7){color:#14110E;font-weight:800}
/* satırlar biraz daha ferah */
body.app-mode .prod-table-wrap .pt-row>td{padding-top:19px;padding-bottom:19px}

/* ══ v5: KART TABANLI PREMIUM DÜZEN — Excel görünümünü tamamen kaldırır ══ */
body.app-mode .prod-table-wrap{
  background:transparent;border:none;box-shadow:none;padding:0 4px;
}
body.app-mode .prod-table-wrap .ptable{border-collapse:separate;border-spacing:0 14px}
/* başlık: kargo kutusuyla aynı sıcak ton — belirgin başlık şeridi */
body.app-mode .prod-table-wrap .ptable thead .kth{
  background:linear-gradient(180deg,#FFF6EC,#FDEFE0);
  border-top:1px solid rgba(242,122,26,.16);border-bottom:1px solid rgba(242,122,26,.16);
  padding:15px 16px;
  color:#9A5A16;font-size:12px;font-weight:800;letter-spacing:.04em;
}
body.app-mode .prod-table-wrap .ptable thead .kth:first-child{
  border-left:1px solid rgba(242,122,26,.16);border-top-left-radius:14px;border-bottom-left-radius:14px;padding-left:20px;
}
body.app-mode .prod-table-wrap .ptable thead .kth:last-child{
  border-right:1px solid rgba(242,122,26,.16);border-top-right-radius:14px;border-bottom-right-radius:14px;
}
body.app-mode .prod-table-wrap .ptable thead .kth-sub{color:#C99A6A;font-weight:700}
body.app-mode .prod-table-wrap .ptable thead .kth-key{color:#C2610C}
/* her satır = yüzen kart */
body.app-mode .prod-table-wrap .pt-row>td{
  background:#fff;border-top:1px solid rgba(20,17,14,.06);border-bottom:1px solid rgba(20,17,14,.06);
  padding:18px 14px;transition:transform .16s ease,box-shadow .16s ease;
}
body.app-mode .prod-table-wrap .pt-row>td:first-child{
  border-left:1px solid rgba(20,17,14,.06);border-top-left-radius:18px;border-bottom-left-radius:18px;
  padding-left:20px;
}
body.app-mode .prod-table-wrap .pt-row>td:last-child{
  border-right:1px solid rgba(20,17,14,.06);border-top-right-radius:18px;border-bottom-right-radius:18px;
}
body.app-mode .prod-table-wrap .pt-row{box-shadow:0 1px 2px rgba(20,17,14,.04),0 18px 34px -26px rgba(20,17,14,.28)}
body.app-mode .prod-table-wrap .pt-row:hover>td{background:#fff;box-shadow:0 -8px 0 -7px rgba(0,0,0,0)}
body.app-mode .prod-table-wrap .pt-row:hover{transform:translateY(-2px);box-shadow:0 6px 10px -4px rgba(20,17,14,.08),0 26px 46px -24px rgba(20,17,14,.4)}
/* kâr/zarar sol renk şeridi — kalın, yuvarlak */
body.app-mode .prod-table-wrap .pt-row>td:first-child::before{
  content:"";position:absolute;left:0;top:14px;bottom:14px;width:5px;border-radius:0 5px 5px 0;
}
body.app-mode .prod-table-wrap .pt-row:has(.kb-good)>td:first-child::before{background:linear-gradient(180deg,#22C58A,#0E9E63)}
body.app-mode .prod-table-wrap .pt-row:has(.kb-bad)>td:first-child::before{background:linear-gradient(180deg,#FB7A75,#E0453F)}
body.app-mode .prod-table-wrap .pt-row:has(.kb-neutral)>td:first-child::before{background:linear-gradient(180deg,#E4DACC,#CFC3B0)}
/* kâr/zarar kartın hafif renk tonu */
body.app-mode .prod-table-wrap .pt-row:has(.kb-good)>td{background:linear-gradient(180deg,#F6FCF9,#fff)}
body.app-mode .prod-table-wrap .pt-row:has(.kb-bad)>td{background:linear-gradient(180deg,#FEF7F6,#fff)}
/* NET KÂR = kahraman: KÂR/ZARAR etiketi + büyük tutar */
body.app-mode .prod-table-wrap .kar-badge{
  display:inline-flex;flex-direction:column;align-items:center;gap:3px;
  background:transparent;border:none;min-width:auto;padding:0;
}
body.app-mode .prod-table-wrap .kar-badge .kb-tag{
  font-size:9.5px;font-weight:900;letter-spacing:.14em;padding:2px 9px;border-radius:50px;line-height:1.5;
}
body.app-mode .prod-table-wrap .kar-badge .kb-amt{font-size:22px;font-weight:900;letter-spacing:-.6px;line-height:1;font-variant-numeric:tabular-nums}
body.app-mode .prod-table-wrap .kb-good .kb-tag{background:rgba(16,185,129,.14);color:#0A7A4E}
body.app-mode .prod-table-wrap .kb-good .kb-amt{color:#0A7A4E}
body.app-mode .prod-table-wrap .kb-bad .kb-tag{background:rgba(239,68,68,.13);color:#C0271F}
body.app-mode .prod-table-wrap .kb-bad .kb-amt{color:#C0271F}
body.app-mode .prod-table-wrap .kb-neutral{
  display:inline-flex;padding:8px 14px;border-radius:50px;font-size:12.5px;font-weight:700;
  background:rgba(242,122,26,.08);border:1px dashed rgba(242,122,26,.35);color:#C2610C;
}
/* başlık kartla hizalı kalsın (min genişlik) */
body.app-mode .prod-table-wrap table{min-width:1240px}

/* ── kâr oranı = kartta soldan sağa dolan yumuşak şeffaf ton (%oran kadar) ── */
body.app-mode .prod-table-wrap .pt-row.pm-good{background:linear-gradient(90deg,rgba(16,185,129,.18) 0 var(--w,0%),rgba(0,0,0,0) var(--w,0%)),#fff}
body.app-mode .prod-table-wrap .pt-row.pm-bad{background:linear-gradient(90deg,rgba(239,68,68,.15) 0 var(--w,0%),rgba(0,0,0,0) var(--w,0%)),#fff}
body.app-mode .prod-table-wrap .pt-row.pm-good>td,
body.app-mode .prod-table-wrap .pt-row.pm-bad>td{background:rgba(255,255,255,.6)}
body.app-mode .prod-table-wrap .pt-row.pm-good:hover>td,
body.app-mode .prod-table-wrap .pt-row.pm-bad:hover>td{background:rgba(255,255,255,.48)}

/* ══ GENEL BAKIŞ GRAFİKLERİ — şeffaf beyaz kartlar ══ */
body.app-mode .kp-charts{display:grid;grid-template-columns:1.6fr 1fr;gap:16px;margin-bottom:20px}
body.app-mode .kp-chart{
  background:rgba(255,255,255,.72);border:1px solid rgba(20,17,14,.08);
  border-radius:20px;padding:22px 24px;
  box-shadow:0 1px 2px rgba(20,17,14,.04),0 22px 44px -32px rgba(20,17,14,.34);
}
body.app-mode .kp-chart-h{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:22px}
body.app-mode .kp-chart-h>span:first-child{font-family:'Plus Jakarta Sans',sans-serif;font-size:15px;font-weight:800;color:#14110E;letter-spacing:-.3px}
body.app-mode .kp-chart-sub{font-size:11px;color:#A6A6B2}
body.app-mode .kp-bars{display:flex;align-items:flex-end;gap:9px;height:176px}
body.app-mode .kp-bar{flex:1;display:flex;align-items:flex-end;justify-content:center;height:100%;min-width:0}
body.app-mode .kp-bar-fill{width:100%;max-width:38px;border-radius:9px 9px 3px 3px;transition:height .55s cubic-bezier(.2,.7,.2,1)}
body.app-mode .kp-bar.p .kp-bar-fill{background:linear-gradient(180deg,#22C58A,#0E9E63)}
body.app-mode .kp-bar.n .kp-bar-fill{background:linear-gradient(180deg,#FB7A75,#DA3C36)}
body.app-mode .kp-chart-empty{color:#A6A6B2;font-size:13px;display:flex;align-items:center;justify-content:center;height:150px;width:100%}
body.app-mode .kp-donut-wrap{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
body.app-mode .kp-donut{
  width:132px;height:132px;border-radius:50%;flex-shrink:0;background:#ECE7DF;
  -webkit-mask:radial-gradient(circle 43px at 50% 50%,transparent 43px,#000 44px);
  mask:radial-gradient(circle 43px at 50% 50%,transparent 43px,#000 44px);
}
body.app-mode .kp-legend{display:flex;flex-direction:column;gap:13px;flex:1;min-width:150px}
body.app-mode .kp-lg{display:flex;align-items:center;gap:9px;font-size:13px;color:#57534E}
body.app-mode .kp-lg-d{width:11px;height:11px;border-radius:3px;flex-shrink:0}
body.app-mode .kp-lg b{margin-left:auto;color:#14110E;font-weight:800;font-variant-numeric:tabular-nums}
@media(max-width:900px){body.app-mode .kp-charts{grid-template-columns:1fr}}

/* ══════ ANASAYFA HERO — koyu premium (referans) ══════ */
.hero.khm{
  background:
    radial-gradient(920px 540px at 80% 6%,rgba(242,122,26,.24),transparent 58%),
    radial-gradient(680px 480px at 8% 96%,rgba(242,122,26,.09),transparent 60%),
    linear-gradient(160deg,#1C1611 0%,#14100C 55%,#0F0C09 100%)!important;
}
.hero.khm .khm-hero-grid{
  background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
}
.hero.khm .khm-badge{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12);color:rgba(255,255,255,.82);box-shadow:none}
.hero.khm h1{color:#F7F3EE}
.hero.khm .khm-lead{color:rgba(255,255,255,.66)}
.hero.khm .khm-lead strong{color:#fff!important}
.hero.khm .khm-ticks span{color:rgba(255,255,255,.72)}
.hero.khm .khm-btn-gh{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.16);color:#F7F3EE}
.hero.khm .khm-btn-gh:hover{border-color:rgba(255,255,255,.42);color:#fff}
.hero.khm .khm-note{color:rgba(255,255,255,.5)}
.hero.khm .khm-note strong{color:rgba(255,255,255,.78)!important}
.hero.khm .khm-rule{background:rgba(255,255,255,.1)}
.hero.khm .khm-avs .st{border-color:#1C1611}
.hero.khm .khm-avs > div:nth-child(2) > div:first-child{color:#F7F3EE!important}
.hero.khm .khm-avs > div:nth-child(2) > div:last-child{color:rgba(255,255,255,.5)!important}
.hero.khm .khm-incl{border-top-color:rgba(255,255,255,.1)}
.hero.khm .khm-incl > div:first-child{color:rgba(255,255,255,.5)!important}
.hero.khm .khm-incl span{color:rgba(255,255,255,.72)}
/* mockup kart koyu */
.hero.khm .dashcard{
  background:linear-gradient(162deg,#241C15,#17120E);
  border:1px solid rgba(255,255,255,.09);color:#F4EFE8;
  box-shadow:0 44px 96px -44px rgba(0,0,0,.9),0 0 0 1px rgba(242,122,26,.06) inset;
}
.hero.khm .khm-fbadge{
  background:linear-gradient(160deg,#271E16,#191410);border:1px solid rgba(255,255,255,.1);
  box-shadow:0 22px 48px rgba(0,0,0,.6);
}
.hero.khm .khm-fb2{border-left:3px solid #E0453F}

/* ══ HERO — tam dashboard mockup (referans) ══ */
.hero.khm .khm-hero-wrap{max-width:1480px;padding:66px 56px 40px}
.hero.khm .khm-hero-cols{grid-template-columns:1fr 1.14fr;gap:64px}
.hero.khm h1{font-size:clamp(46px,6vw,82px)}
.hero.khm .khm-lead{max-width:560px}
.hero.khm .khm-stage{perspective:2000px}
.hero.khm .hero-dash{width:820px}
@media(max-width:1360px){
  .hero.khm .hero-dash{width:100%}
  .hero.khm .khm-hero-cols{gap:48px}
}
.hero.khm .hero-dash{
  position:relative;width:680px;max-width:100%;border-radius:20px;overflow:hidden;
  background:linear-gradient(158deg,#221A13,#15110D);border:1px solid rgba(255,255,255,.09);
  box-shadow:0 58px 120px -44px rgba(0,0,0,.92),0 0 0 1px rgba(242,122,26,.06) inset;
  transform:rotateY(-15deg) rotateX(5deg);transform-origin:center left;
  animation:heroDashFloat 8s ease-in-out infinite;will-change:transform;
}
@keyframes heroDashFloat{0%,100%{transform:rotateY(-15deg) rotateX(5deg) translateY(0)}50%{transform:rotateY(-12.5deg) rotateX(4deg) translateY(-14px)}}
.hero.khm .hero-dash:hover{animation-play-state:paused}
.hero.khm .hd-donut{
  width:98px;height:98px;border-radius:50%;flex-shrink:0;
  -webkit-mask:radial-gradient(circle 31px at 50% 50%,transparent 31px,#000 32px);
  mask:radial-gradient(circle 31px at 50% 50%,transparent 31px,#000 32px);
}
.hero.khm .hero-alert{
  position:absolute;right:-26px;bottom:8%;width:212px;padding:16px 17px;border-radius:16px;z-index:3;
  background:linear-gradient(160deg,#2A1714,#181110);border:1px solid rgba(251,107,102,.3);
  box-shadow:0 28px 56px rgba(0,0,0,.62);animation:khmFloatB 6.5s ease-in-out infinite;
}
.hero.khm .hd-bar{flex:1;min-width:0;display:flex;align-items:flex-end;justify-content:center;height:100%}
.hero.khm .hd-bar span{width:100%;max-width:11px;border-radius:3px 3px 1px 1px}

/* ── HERO mockup premium efektleri ── */
.hero.khm .hero-dash{transition:transform .55s cubic-bezier(.2,.7,.2,1)}
.hero.khm .hero-dash:hover{animation-play-state:paused;transform:rotateY(-6deg) rotateX(2deg) translateY(-6px)}
/* arkada nabız gibi turuncu ışıma */
.hero.khm .khm-stage::before{
  content:"";position:absolute;inset:-10% 0% -12% 6%;z-index:-1;border-radius:44px;
  background:radial-gradient(closest-side,rgba(242,122,26,.32),transparent 72%);
  filter:blur(36px);animation:hdGlow 5.5s ease-in-out infinite;pointer-events:none;
}
@keyframes hdGlow{0%,100%{opacity:.6;transform:scale(.96)}50%{opacity:1;transform:scale(1.04)}}
/* tablo satırları sırayla canlanır (canlı veri hissi) */
.hero.khm .hd-trow{position:relative}
.hero.khm .hd-trow::before{
  content:"";position:absolute;inset:0;border-radius:6px;pointer-events:none;opacity:0;
  background:linear-gradient(90deg,rgba(242,122,26,.16),rgba(242,122,26,.03) 55%,transparent 78%);
  box-shadow:inset 2px 0 0 #FF9A42;animation:hdRowScan 4.8s ease-in-out infinite;
}
.hero.khm .hd-trow:nth-child(2)::before{animation-delay:0s}
.hero.khm .hd-trow:nth-child(3)::before{animation-delay:.5s}
.hero.khm .hd-trow:nth-child(4)::before{animation-delay:1s}
@keyframes hdRowScan{0%{opacity:0}5%{opacity:1}17%{opacity:0}100%{opacity:0}}
/* yükselişte büyüyen çubuklar */
.hero.khm .hd-bar span{transform-origin:bottom;animation:hdBarGrow .9s cubic-bezier(.2,.8,.2,1) both}
.hero.khm .hd-bar:nth-child(1) span{animation-delay:.05s}
.hero.khm .hd-bar:nth-child(2) span{animation-delay:.11s}
.hero.khm .hd-bar:nth-child(3) span{animation-delay:.17s}
.hero.khm .hd-bar:nth-child(4) span{animation-delay:.23s}
.hero.khm .hd-bar:nth-child(5) span{animation-delay:.29s}
.hero.khm .hd-bar:nth-child(6) span{animation-delay:.35s}
.hero.khm .hd-bar:nth-child(7) span{animation-delay:.41s}
.hero.khm .hd-bar:nth-child(8) span{animation-delay:.47s}
.hero.khm .hd-bar:nth-child(9) span{animation-delay:.53s}
.hero.khm .hd-bar:nth-child(10) span{animation-delay:.59s}
.hero.khm .hd-bar:nth-child(11) span{animation-delay:.65s}
.hero.khm .hd-bar:nth-child(12) span{animation-delay:.71s}
@keyframes hdBarGrow{from{transform:scaleY(0)}to{transform:scaleY(1)}}

/* ══ HERO: Ürün Kâr Tablosu + Excel düşme animasyonu ══ */
.hero.khm #khm-dashcard{
  width:680px;max-width:100%;background:linear-gradient(180deg,#FCFAF6,#F5EFE6);
  border:1px solid rgba(0,0,0,.06);border-radius:22px;overflow:hidden;
  box-shadow:0 50px 110px -40px rgba(0,0,0,.6),0 2px 0 rgba(255,255,255,.6) inset;
  animation:khmCardFloat 7s ease-in-out infinite;transform-style:preserve-3d;
}
@keyframes khmCardFloat{0%,100%{transform:perspective(1700px) rotateY(-16deg) rotateX(7deg) translateY(0)}50%{transform:perspective(1700px) rotateY(-13deg) rotateX(5deg) translateY(-14px)}}
.hero.khm #khm-dashcard:hover{animation-play-state:paused;transform:perspective(1700px) rotateY(-7deg) rotateX(3deg) translateY(-6px);transition:transform .55s cubic-bezier(.2,.7,.2,1)}
.hero.khm .pk-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px 12px;border-bottom:1px solid rgba(0,0,0,.05)}
.hero.khm .pk-title{font-family:'Plus Jakarta Sans',sans-serif;font-size:15.5px;font-weight:800;color:#221A12;letter-spacing:-.3px}
.hero.khm .pk-sub{font-size:11px;color:#9A8B79;margin-top:2px;font-weight:600}
.hero.khm .pk-badge{display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:800;color:#0E9E63;background:rgba(52,211,153,.14);border:1px solid rgba(52,211,153,.28);padding:5px 10px;border-radius:20px}
.hero.khm .pk-badge b{width:6px;height:6px;border-radius:50%;background:#12B76A;animation:pkPulse 1.4s ease infinite}
@keyframes pkPulse{0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(18,183,106,.5)}50%{opacity:.7;box-shadow:0 0 0 4px rgba(18,183,106,0)}}
.hero.khm .pk-rows{padding:9px 12px 14px;display:flex;flex-direction:column;gap:8px;position:relative}

/* iki katmanlı sahne: Genel Bakış → (Excel) → Ürün Tablosu */
.hero.khm .pk-stage{position:relative;min-height:326px;padding:11px 13px 14px}
.hero.khm .pk-stage .pk-rows{position:absolute;inset:11px 13px 14px;padding:0}
.hero.khm .pk-dash{position:absolute;inset:11px 13px 14px;display:flex;flex-direction:column;gap:8px;animation:pkDashPhase 7s ease infinite}
@keyframes pkDashPhase{0%{opacity:0;transform:scale(.985)}5%{opacity:1;transform:scale(1)}30%{opacity:1;transform:scale(1)}36%{opacity:0;transform:scale(.96) translateY(-10px)}100%{opacity:0}}
.hero.khm .pkd-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
.hero.khm .pkd-stat{background:#fff;border:1px solid rgba(0,0,0,.05);border-radius:12px;padding:9px 11px;box-shadow:0 5px 14px -11px rgba(0,0,0,.45)}
.hero.khm .pkd-stat .l{font-size:8px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#A2937F}
.hero.khm .pkd-stat .v{font-family:'Plus Jakarta Sans',sans-serif;font-size:19px;font-weight:800;letter-spacing:-.6px;margin-top:3px}
.hero.khm .pkd-stat .s{font-size:8.5px;color:#B0A18C;font-weight:600;margin-top:3px}
.hero.khm .pkd-charts{display:grid;grid-template-columns:1.5fr 1fr;gap:8px;flex:1}
.hero.khm .pkd-card{background:#fff;border:1px solid rgba(0,0,0,.05);border-radius:13px;padding:11px 12px;box-shadow:0 5px 14px -11px rgba(0,0,0,.45);display:flex;flex-direction:column}
.hero.khm .pkd-h{font-size:10px;font-weight:800;color:#7C6E5C;letter-spacing:-.1px}
.hero.khm .pkd-bars{display:flex;align-items:flex-end;gap:5px;flex:1;min-height:74px;margin-top:9px}
.hero.khm .pkd-bars i{flex:1;border-radius:4px 4px 2px 2px;background:linear-gradient(180deg,#3DDC97,#0E9E63);transform-origin:bottom;animation:hdBarGrow .7s ease both}
.hero.khm .pkd-donut-wrap{display:flex;align-items:center;gap:11px;margin-top:9px;flex:1}
.hero.khm .pkd-donut{width:76px;height:76px;border-radius:50%;flex-shrink:0;-webkit-mask:radial-gradient(circle 25px at 50% 50%,transparent 25px,#000 26px);mask:radial-gradient(circle 25px at 50% 50%,transparent 25px,#000 26px)}
.hero.khm .pkd-legend{display:flex;flex-direction:column;gap:6px;font-size:9.5px;color:#6B5E50;font-weight:600}
.hero.khm .pkd-legend span{display:flex;align-items:center;gap:6px}
.hero.khm .pkd-legend b{width:8px;height:8px;border-radius:2px;flex-shrink:0}
.hero.khm .pkd-legend em{margin-left:auto;font-style:normal;font-weight:800;color:#221A12}
.hero.khm .pk-row{
  display:grid;grid-template-columns:40px 1fr auto auto auto auto;gap:11px;align-items:center;
  background:#fff;border:1px solid rgba(0,0,0,.05);border-left:3px solid #34D399;border-radius:13px;padding:9px 12px;
  box-shadow:0 6px 16px -12px rgba(0,0,0,.4);
  opacity:0;animation:pkRowIn 7s ease infinite;
}
.hero.khm .pk-row:nth-child(1){animation-delay:.05s}
.hero.khm .pk-row:nth-child(2){animation-delay:.2s}
.hero.khm .pk-row:nth-child(3){animation-delay:.35s}
.hero.khm .pk-row:nth-child(4){animation-delay:.5s}
@keyframes pkRowIn{0%,30%{opacity:0;transform:translateY(16px) scale(.96)}38%{opacity:1;transform:translateY(0) scale(1)}90%{opacity:1;transform:translateY(0) scale(1)}97%,100%{opacity:0;transform:translateY(-8px)}}
.hero.khm .pk-img{width:40px;height:40px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:15px;color:#fff}
.hero.khm .pk-name{font-size:13.5px;font-weight:700;color:#221A12;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}
.hero.khm .pk-code{display:inline-block;margin-top:3px;font-size:9px;font-weight:700;color:#9A8B79;background:#F1EBE0;border-radius:5px;padding:2px 6px;letter-spacing:.02em}
.hero.khm .pk-price{font-family:'Plus Jakarta Sans',sans-serif;font-size:15.5px;font-weight:800;color:#221A12;text-align:right}
.hero.khm .pk-kar{display:flex;flex-direction:column;align-items:flex-end;gap:2px}
.hero.khm .pk-kar em{font-size:8px;font-weight:800;letter-spacing:.08em;color:#0E9E63;background:rgba(52,211,153,.14);padding:1px 6px;border-radius:5px;font-style:normal}
.hero.khm .pk-kar b{font-family:'Plus Jakarta Sans',sans-serif;font-size:15px;font-weight:800;color:#0E9E63}
.hero.khm .pk-marj{font-size:10.5px;font-weight:800;color:#E0640C;background:rgba(242,122,26,.1);border-radius:20px;padding:4px 9px;text-align:center}
.hero.khm .pk-det{border:none;background:#221A12;color:#fff;font-family:inherit;font-size:10px;font-weight:700;padding:7px 12px;border-radius:9px;white-space:nowrap;cursor:pointer}

/* Excel dosyası — yukarıdan düşer, tabloya girer */
.hero.khm .xl-drop{
  position:absolute;top:0;left:50%;z-index:6;width:150px;padding:13px 15px;border-radius:14px;pointer-events:none;
  background:linear-gradient(160deg,#fff,#F3FBF6);border:1px solid rgba(16,158,99,.25);
  box-shadow:0 26px 50px -20px rgba(14,120,80,.5);
  animation:xlDropIn 7s ease-in-out infinite;
}
.hero.khm .xl-drop .xl-ic{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#12B76A,#0E9E63);display:flex;align-items:center;justify-content:center;color:#fff;margin-bottom:9px;box-shadow:0 8px 18px -8px rgba(14,158,99,.7)}
.hero.khm .xl-drop .xl-nm{font-family:'Plus Jakarta Sans',sans-serif;font-size:12.5px;font-weight:800;color:#221A12}
.hero.khm .xl-drop .xl-sub{font-size:10px;color:#7C8B82;font-weight:600;margin-top:2px}
.hero.khm .xl-drop .xl-bar{margin-top:9px;height:5px;border-radius:5px;background:#E4EFE9;overflow:hidden}
.hero.khm .xl-drop .xl-bar span{display:block;height:100%;background:linear-gradient(90deg,#12B76A,#34D399);border-radius:5px;animation:xlFill 7s ease infinite}
@keyframes xlFill{0%,10%{width:0}22%{width:100%}100%{width:100%}}
@keyframes xlDropIn{
  0%{opacity:0;transform:translate(-50%,-190px) scale(.72) rotate(-7deg)}
  7%{opacity:0;transform:translate(-50%,-190px) scale(.72) rotate(-7deg)}
  17%{opacity:1;transform:translate(-50%,-30px) scale(1) rotate(0)}
  26%{opacity:1;transform:translate(-50%,-22px) scale(1) rotate(0)}
  33%{opacity:.45;transform:translate(-50%,70px) scale(.42) rotate(0)}
  38%,100%{opacity:0;transform:translate(-50%,110px) scale(.18) rotate(0)}
}
/* tabloya girerken içe doğru ışıma */
.hero.khm .pk-flash{position:absolute;left:0;right:0;top:0;height:100%;pointer-events:none;z-index:4;border-radius:22px;
  background:radial-gradient(120px 60px at 50% 0,rgba(18,183,106,.28),transparent 70%);opacity:0;animation:pkFlash 7s ease infinite}
@keyframes pkFlash{0%,30%{opacity:0}36%{opacity:1}48%{opacity:0}100%{opacity:0}}
@media(prefers-reduced-motion:reduce){
  .hero.khm .xl-drop,.hero.khm .pk-row,.hero.khm #khm-dashcard,.hero.khm .pk-flash{animation:none!important;opacity:1!important;transform:none!important}
  .hero.khm .xl-drop{display:none}
}
@media(max-width:1024px){
  .hero.khm #khm-dashcard{width:100%;animation:none}
  .hero.khm .xl-drop{display:none}
  .hero.khm .pk-row{animation:none;opacity:1}
}
@media(max-width:520px){
  .hero.khm .pk-row{grid-template-columns:34px 1fr auto auto auto;gap:8px;padding:8px 10px}
  .hero.khm .pk-det{display:none}
  .hero.khm .pk-name{max-width:110px}
}
@media(prefers-reduced-motion:reduce){
  .hero.khm .hero-dash,.hero.khm .khm-stage::before,.hero.khm .hd-trow::before,.hero.khm .hd-bar span{animation:none!important}
}
@media(max-width:1024px){
  .hero.khm .hero-dash{width:100%;transform:none;animation:none}
  .hero.khm .hero-alert{position:static;width:100%;margin-top:14px;animation:none}
}

@media(max-width:1080px){
  body.app-mode .kdash-side{position:static;flex-direction:row;flex-wrap:wrap;align-items:center}
}

/* ══ HIZ: sayfa-altı bölümleri gerektiğinde çiz ══ */
.khm-faq,.khm-contact,.pricing-section.khm,.how-section.khm-demo{content-visibility:auto;contain-intrinsic-size:1px 700px}

/* ══ MOBİL: hero mockup gerçek responsive ══ */
@media(max-width:760px){
  .hero.khm .khm-hero-wrap{padding:44px 18px 26px}
  .hero.khm .hero-dash{width:100%}
  .hero.khm .hero-dash > div[style*="134px 1fr"]{grid-template-columns:1fr!important}
  .hero.khm .hero-dash aside{display:none!important}
  .hero.khm .hero-dash [style*="repeat(4,1fr)"]{grid-template-columns:repeat(2,1fr)!important}
  .hero.khm .hero-dash [style*="1.4fr 1fr"]{grid-template-columns:1fr!important}
  .hero.khm .hero-alert{position:static!important;right:auto!important;bottom:auto!important;width:100%!important;margin-top:12px}
  .hero.khm .khm-incl{gap:12px}
}
@media(max-width:1024px){
  .hero.khm .khm-hero-cols{grid-template-columns:1fr!important;gap:40px}
  .hero.khm .khm-hero-wrap{max-width:820px}
}
@media(max-width:520px){
  .hero.khm h1{font-size:38px;letter-spacing:-1.5px}
  .hero.khm .khm-cta-row{flex-direction:column}
  .hero.khm .khm-btn-or,.hero.khm .khm-btn-gh{width:100%;justify-content:center;text-align:center}
  .hero.khm .khm-ticks{gap:12px}
}

/* ══════ GLOBAL MOBİL SAĞLAMLAŞTIRMA (tüm cihazlar) ══════ */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
*{min-width:0}
img,svg,video,canvas{max-width:100%;height:auto}
body > nav{padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right))}
/* uzun metin/mailler kutuyu kırmasın */
input,textarea,select{max-width:100%}
@media(max-width:768px){
  /* uygulama içeriği kenarlarda nefes alsın */
  body.app-mode [style*="max-width:1560px"]{padding-left:16px!important;padding-right:16px!important}
  /* geniş tabloların yatay kaydırması garanti */
  .prod-table-wrap,body.app-mode .prod-table-wrap{-webkit-overflow-scrolling:touch}
  /* dokunma hedefleri en az 44px */
  button,.kd-btn,.detay-btn,.fbtn,.action-btn,.kbx-apply,.nav-inner a,.nav-inner button{min-height:44px}
  /* modallar tam ekrana yakın, kaydırılabilir */
  .modal{max-width:100%;max-height:92vh;padding:1.3rem;border-radius:18px}
  .overlay{padding:12px}
}
@media(max-width:480px){
  body.app-mode [style*="max-width:1560px"]{padding-top:18px!important}
  .modal{padding:1.1rem;border-radius:16px}
  .modal-inputs{grid-template-columns:1fr}
  h1,h2{text-wrap:balance}
  /* iOS zoom önleme: form yazıları en az 16px */
  input,textarea,select{font-size:16px}
}
@supports(padding:max(0px)){
  body{padding-bottom:env(safe-area-inset-bottom)}
}
/* giriş yapınca (app-mode) blog bölümü görünmesin */
body.app-mode #blog{display:none!important}

/* Hero free-trial CTA: a moving neon border, without changing calculations. */
@property --kh-trial-angle{syntax:"<angle>";initial-value:0deg;inherits:false}
.hero.khm .khm-trial-neon{
  position:relative;isolation:isolate;overflow:visible;
  background:linear-gradient(135deg,#FA8B28,#EA6710);
  box-shadow:0 0 0 1px rgba(255,190,117,.55),0 0 20px rgba(242,122,26,.32),0 14px 34px rgba(242,122,26,.34);
}
.hero.khm .khm-trial-neon::before{
  content:"";position:absolute;inset:-4px;border-radius:18px;padding:2px;pointer-events:none;
  background:conic-gradient(from var(--kh-trial-angle),rgba(255,140,48,.15) 0deg,rgba(255,140,48,.15) 235deg,#FF9B42 280deg,#FFF0CB 315deg,#FFAA54 340deg,rgba(255,140,48,.15) 360deg);
  -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;
  filter:drop-shadow(0 0 5px rgba(255,166,75,.8));
  animation:kh-trial-orbit 3.2s linear infinite;
}
.hero.khm .khm-trial-neon:hover{
  box-shadow:0 0 0 1px rgba(255,214,161,.85),0 0 30px rgba(242,122,26,.5),0 18px 42px rgba(242,122,26,.42);
}
.hero.khm .khm-trial-neon:focus-visible{outline:3px solid #FFE6BE;outline-offset:7px}
@keyframes kh-trial-orbit{to{--kh-trial-angle:360deg}}
@media(prefers-reduced-motion:reduce){.hero.khm .khm-trial-neon::before{animation:none;--kh-trial-angle:45deg}}
/* Three-day trial section; presentation and signup CTA only. */
.how-section.khm.khm-trial-section{padding:20px 32px 70px;background:#FBFAF8}
.kh-trial-card{position:relative;max-width:1180px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:52px;padding:54px;border:1px solid #ECE2D6;border-radius:30px;background:radial-gradient(ellipse at 5% 0,rgba(255,171,96,.13),transparent 48%),linear-gradient(135deg,#FFFCF8,#FFF9F2);box-shadow:0 24px 70px -42px rgba(79,48,17,.22);scroll-margin-top:105px;overflow:hidden}
.kh-trial-copy{position:relative;min-width:0;align-self:center}.kh-trial-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:10px;letter-spacing:.09em;font-weight:800;color:#A85312;padding:8px 11px;border:1px solid #F3D7BB;background:#FFF3E5;border-radius:999px;margin-bottom:20px}.kh-trial-eyebrow>span{width:6px;height:6px;background:#F27A1A;border-radius:50%;box-shadow:0 0 0 4px #F27A1A16}
.kh-trial-card h2{font-family:'Plus Jakarta Sans',sans-serif;font-size:clamp(29px,3.05vw,42px);font-weight:800;letter-spacing:-1.6px;line-height:1.16;color:#211A14;margin:0}.kh-trial-card h2 em{font-style:normal;color:#DA650F}.kh-trial-description{font-size:15px;line-height:1.85;color:#746453;margin:20px 0 25px;max-width:520px}
.kh-trial-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:0 0 28px}.kh-trial-steps>div{border-top:1px solid #EBDCCC;padding-top:14px;min-width:0}.kh-trial-steps span{font-family:'Plus Jakarta Sans',sans-serif;display:block;color:#C58F5B;font-size:11px;font-weight:800;margin-bottom:8px}.kh-trial-steps strong{display:block;color:#3B3025;font-size:12px;font-weight:800}.kh-trial-steps small{display:block;color:#8A7968;font-size:10px;line-height:1.6;margin-top:5px}
.kh-trial-start{font-family:inherit;display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:16px 23px;border:1px solid #E96C12;border-radius:13px;background:linear-gradient(135deg,#FA8B28,#EC6C13);color:#fff;font-size:14px;font-weight:800;cursor:pointer;box-shadow:0 12px 28px -12px #E96C1266,inset 0 1px 0 #FFFFFF44;transition:transform .2s,box-shadow .2s}.kh-trial-start:hover{transform:translateY(-2px);box-shadow:0 15px 32px -12px #E96C1299}.kh-trial-start svg{flex:0 0 20px;transition:transform .2s}.kh-trial-start:hover svg{transform:translateX(3px)}.kh-trial-start:focus-visible{outline:3px solid #BD540A;outline-offset:4px}
.kh-trial-assurances{display:flex;flex-wrap:wrap;gap:9px 16px;margin-top:18px}.kh-trial-assurances>span{font-size:10px;color:#82715E;display:inline-flex;align-items:center;gap:5px}.kh-trial-assurances i{font-style:normal;color:#A76127;font-weight:800}
.kh-trial-pass{position:relative;align-self:center;min-width:0;padding:28px;border:1px solid #443224;border-radius:23px;background:radial-gradient(ellipse at 100% 0,rgba(242,122,26,.22),transparent 62%),linear-gradient(150deg,#291E15,#17120E);box-shadow:0 28px 48px -24px #37231366;color:#fff;overflow:hidden}.kh-trial-pass::after{content:'';position:absolute;width:200px;height:200px;border:1px solid #FFC89210;border-radius:50%;right:-95px;top:65px;box-shadow:0 0 0 20px #FFC89205,0 0 0 40px #FFC89204;pointer-events:none}.kh-trial-pass-top{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#D5C4B4;font-size:9px;font-weight:800;letter-spacing:.09em}.kh-trial-access{color:#FFB779;border:1px solid #F27A1A44;background:#F27A1A14;border-radius:7px;padding:6px 8px;font-size:8px;white-space:nowrap}
.kh-trial-duration{display:flex;gap:18px;align-items:center;margin:22px 0 24px;position:relative;z-index:1}.kh-trial-number{font-family:'Plus Jakarta Sans',sans-serif;font-size:106px;line-height:1;font-weight:800;letter-spacing:-8px;background:linear-gradient(145deg,#FFE2BD,#F89640 68%,#D86710);-webkit-background-clip:text;background-clip:text;color:transparent}.kh-trial-duration>div>strong{font-family:'Plus Jakarta Sans',sans-serif;font-size:26px;letter-spacing:-.5px;display:block;font-weight:700}.kh-trial-duration>div>span{font-size:11px;line-height:1.7;color:#BBA897;display:block;margin-top:7px}.kh-trial-pass-divider{height:1px;background:linear-gradient(90deg,#B78A594D,#B78A5910);margin-bottom:22px}.kh-trial-pass h3{font-family:'Plus Jakarta Sans',sans-serif;font-size:22px;line-height:1.35;letter-spacing:-.5px;font-weight:700;margin:0 0 20px;color:#FAF2E9}
.kh-trial-features{list-style:none;padding:0;margin:0;display:grid;gap:13px}.kh-trial-features li{display:flex;align-items:center;gap:9px;color:#D3C4B6;font-size:11px;line-height:1.55}.kh-trial-features li>span{display:grid;place-items:center;width:17px;height:17px;flex:0 0 17px;border-radius:50%;color:#FFB97C;background:#F27A1A16;font-size:9px}.kh-trial-pass-note{font-size:9px;color:#A48F7D;line-height:1.6;display:flex;align-items:center;gap:8px;margin-top:23px;padding-top:17px;border-top:1px solid #FFFFFF0D}.kh-trial-pass-note svg{flex:0 0 17px}
@media(max-width:1000px){.kh-trial-card{gap:30px;padding:36px;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.kh-trial-pass{padding:24px}.kh-trial-number{font-size:90px}.kh-trial-steps{gap:10px}}
@media(max-width:760px){.how-section.khm.khm-trial-section{padding:10px 20px 45px}.kh-trial-card{grid-template-columns:1fr;padding:28px;gap:30px;border-radius:24px}.kh-trial-card h2{font-size:34px;letter-spacing:-1.2px}.kh-trial-description{max-width:none}.kh-trial-pass{max-width:none}.kh-trial-duration{margin:18px 0}.kh-trial-pass h3 br{display:none}.kh-trial-number{font-size:94px}}
@media(max-width:420px){.how-section.khm.khm-trial-section{padding-left:14px;padding-right:14px}.kh-trial-card{padding:23px 19px}.kh-trial-card h2{font-size:29px;letter-spacing:-1px}.kh-trial-description{font-size:14px}.kh-trial-start{width:100%;font-size:12px;padding:16px 13px;gap:10px}.kh-trial-assurances{gap:8px 12px}.kh-trial-assurances>span{font-size:9px}.kh-trial-steps strong{font-size:11px}.kh-trial-steps small{font-size:9px}}
@media(prefers-reduced-motion:reduce){.kh-trial-start,.kh-trial-start svg{transition:none}.kh-trial-start:hover,.kh-trial-start:hover svg{transform:none}}


/* FAQ: restrained typography, native accordion and quiet dividers. */
#kh-faq .khm-faq{max-width:1180px;padding:94px 32px 76px;scroll-margin-top:100px}
.kh-faq-layout{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.5fr);gap:80px;align-items:start}
.kh-faq-kicker{display:block;font-size:11px;font-weight:600;color:#9A8875;margin-bottom:18px;letter-spacing:.015em}
.kh-faq-intro h2{font-family:'Plus Jakarta Sans',sans-serif;color:#28211A;font-size:39px;font-weight:600;letter-spacing:-1.4px;line-height:1.15;margin:0 0 20px}
.kh-faq-intro>p{color:#887B6D;font-size:13px;line-height:1.8;max-width:240px;margin:0}
.kh-faq-contact{margin-top:34px;font-size:11px;line-height:1.7}.kh-faq-contact>span{display:block;color:#9B8E80;margin-bottom:6px}.kh-faq-contact>a{display:inline-flex;align-items:center;gap:14px;font-size:12px;font-weight:600;color:#5F4B38;text-decoration:none;border-bottom:1px solid #CDBAA7;padding-bottom:3px}.kh-faq-contact>a:hover{color:#B35B16;border-color:#B35B16}.kh-faq-contact>a>span{font-size:15px;font-weight:400}
#kh-faq .kh-faq-list{border-top:1px solid #DDD4C8}
#kh-faq .kh-faq-list details{background:transparent;border:0;border-bottom:1px solid #E2DAD0;border-radius:0;overflow:visible}
#kh-faq .kh-faq-list summary{font-family:inherit;padding:24px 0;min-height:70px;color:#42382D;font-size:14px;font-weight:600;line-height:1.65;letter-spacing:-.1px;gap:24px}
#kh-faq .kh-faq-list summary:hover{color:#AD591A}
#kh-faq .kh-faq-list summary:focus-visible{outline:2px solid #BF7D46;outline-offset:5px;border-radius:2px}
#kh-faq .kh-faq-list details[open] summary{color:#32271D;padding-bottom:13px}
#kh-faq .kh-faq-list .ans{font-size:13px;line-height:1.9;color:#827465;padding:0 36px 25px 0;max-width:610px}
#kh-faq .kh-faq-list .ans strong{font-weight:600;color:#514131}
#kh-faq .faq-plus{position:relative;width:17px;height:17px;flex:0 0 17px;font-size:0;color:#9B836B;transform:none}
#kh-faq .faq-plus::before,#kh-faq .faq-plus::after{content:'';position:absolute;left:2px;right:2px;top:8px;height:1px;background:currentColor;transition:transform .18s,opacity .18s}
#kh-faq .faq-plus::after{transform:rotate(90deg)}
#kh-faq details[open] .faq-plus{transform:none;color:#AD591A}
#kh-faq details[open] .faq-plus::after{transform:rotate(0);opacity:0}
.kh-faq-resources{margin-top:54px;padding-top:30px;border-top:1px solid #E6DED4}
.kh-faq-resources h2{font-family:inherit;font-size:14px;letter-spacing:-.15px;font-weight:600;line-height:1.6;color:#514335;margin:0 0 10px}
.kh-faq-resources>p{font-size:12px;line-height:1.8;color:#9B8B79;max-width:680px;margin:0 0 25px}
.kh-faq-resources ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:50px;row-gap:22px;list-style:none;margin:0;padding:0}
.kh-faq-resources a{font-size:12px;font-weight:500;color:#76604B;text-decoration:none;line-height:1.65}.kh-faq-resources a:hover{color:#BA611A;text-decoration:underline;text-underline-offset:4px}
.kh-faq-resources li p{font-size:11px;color:#A1907E;line-height:1.75;margin:5px 0 0}
@media(max-width:850px){.kh-faq-layout{grid-template-columns:minmax(0,.8fr) minmax(0,1.5fr);gap:40px}.kh-faq-intro h2{font-size:34px;letter-spacing:-1px}}
@media(max-width:650px){#kh-faq .khm-faq{padding:60px 24px}.kh-faq-layout{grid-template-columns:1fr;gap:30px}.kh-faq-intro h2{font-size:33px}.kh-faq-intro h2 br{display:none}.kh-faq-intro>p{max-width:340px}.kh-faq-kicker{margin-bottom:12px}.kh-faq-contact{margin-top:20px}.kh-faq-contact>span{display:inline;margin-right:12px}#kh-faq .kh-faq-list summary{font-size:13px;padding:21px 0;min-height:64px;gap:18px}#kh-faq .kh-faq-list .ans{font-size:12.5px;padding-right:18px;padding-bottom:22px}.kh-faq-resources{margin-top:38px;padding-top:25px}.kh-faq-resources ul{grid-template-columns:1fr;gap:20px}}
@media(prefers-reduced-motion:reduce){#kh-faq .faq-plus::before,#kh-faq .faq-plus::after{transition:none}}
/* Separate trial invitation from the dark site footer. */
.how-section.khm.kh-footer-trial-band{padding:0 32px;background:#F2EEE7;border-top:1px solid #E5DDD2}
footer.khm.kft.kh-footer{background:#121110;color:#EAE4DC;padding:0 32px;border-top:1px solid #28241F;position:relative}
footer.kh-footer::before{display:none}
.kh-footer-inner{max-width:1116px;margin:0 auto}
.kh-footer-trial{max-width:1116px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:60px;padding:59px 0 61px;border:0}
.kh-footer-trial h2{font-family:'Plus Jakarta Sans',sans-serif;font-size:50px;line-height:1.14;letter-spacing:-1.8px;font-weight:700;color:#241D17;margin:0}
.kh-footer-trial h2 .kh-footer-trial-highlight{color:#DB6A13}
.kh-footer-trial-copy>p{font-size:13px;line-height:1.8;color:#8B7E70;margin:22px 0 0;max-width:420px}
.kh-footer-trial-action{display:flex;flex-direction:column;align-items:flex-start;gap:17px;flex:0 0 auto}
.kh-footer-start{position:relative;isolation:isolate;overflow:visible;font-family:inherit;display:inline-flex;align-items:center;justify-content:space-between;gap:32px;min-width:252px;padding:18px 24px;background:linear-gradient(135deg,#FA8B28,#EA6912);border:1px solid #E57A26;border-radius:10px;font-size:14px;font-weight:700;color:#fff;cursor:pointer;box-shadow:0 0 18px #F27A1A24,0 12px 26px -14px #E9752666;transition:box-shadow .2s,background .2s}
.kh-footer-start::before{content:'';position:absolute;inset:-4px;border-radius:14px;padding:2px;pointer-events:none;background:conic-gradient(from var(--kh-trial-angle),rgba(242,122,26,.15) 0deg,rgba(242,122,26,.15) 235deg,#FF9B42 280deg,#FFEAC2 315deg,#FFAA54 340deg,rgba(242,122,26,.15) 360deg);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;filter:drop-shadow(0 0 4px #F49A4A99);animation:kh-trial-orbit 3.2s linear infinite}
.kh-footer-start:hover{background:#FA8C35;box-shadow:0 0 24px #F27A1A38,0 12px 26px -12px #E9752677}.kh-footer-start svg{width:18px;height:18px;opacity:1}.kh-footer-start:focus-visible{outline:2px solid #BC671F;outline-offset:8px}.kh-footer-trial-action>span{font-size:10px;color:#92816F;line-height:1.7}
.kh-footer-grid{display:grid;grid-template-columns:300px minmax(0,1fr);column-gap:80px;row-gap:0;padding:48px 0 40px}
.kh-footer-brand{grid-column:1;grid-row:1 / 4;padding:14px 0}
.kh-footer .kh-footer-wordmark{font-family:'Plus Jakarta Sans',sans-serif;display:inline-block;font-size:28px;font-weight:700;letter-spacing:-1.2px;color:#F2EEE7;text-decoration:none}.kh-footer .kh-footer-wordmark span{color:#F3954C}
.kh-footer-brand>p{font-size:12px;line-height:1.9;color:#B2A394;margin:17px 0 17px}
.kh-footer .kh-footer-email{display:inline-block;font-size:12px;color:#D7C9BA;text-decoration:none;border-bottom:1px solid #77624D;padding-bottom:5px}.kh-footer .kh-footer-email:hover{color:#F4AE76;border-color:#F4AE76}
.kh-footer .kh-footer-social{display:flex;align-items:center;gap:8px;width:max-content;color:#A99582;text-decoration:none;font-size:11px;margin-top:20px}.kh-footer .kh-footer-social:hover{color:#F0D5BD}.kh-footer-social>span{font-size:12px}
.kh-footer-links{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;gap:14px 25px;min-width:0;padding:23px 0;border-bottom:1px solid #FFFFFF12}.kh-footer-links:last-child{border-bottom:0}
.kh-footer-links h3{font-family:inherit;flex:0 0 68px;font-size:11px;line-height:1.6;font-weight:600;letter-spacing:.02em;color:#D49868;margin:0}
.kh-footer .kh-footer-links a,.kh-footer .kh-footer-links button{font-family:inherit;font-size:13px;line-height:1.8;color:#D3C5B6;text-decoration:none;border:0;background:none;box-shadow:none;margin:0;padding:0;text-align:left;cursor:pointer;transition:color .18s;overflow-wrap:anywhere;font-weight:500}
.kh-footer .kh-footer-links a:hover,.kh-footer .kh-footer-links button:hover{color:#F8BC8C;text-decoration:underline;text-underline-offset:5px}.kh-footer a:focus-visible,.kh-footer button:focus-visible{outline:2px solid #E5A16B;outline-offset:5px;border-radius:2px}
.kh-footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:24px 0 29px;border-top:1px solid #FFFFFF16}.kh-footer-copyright p{font-size:11px;color:#B09E8A;line-height:1.7;margin:0 0 5px}.kh-footer-copyright>span{font-size:10px;line-height:1.7;color:#8F7C68;display:block}
.kh-footer-payment{display:flex;align-items:center;gap:12px;flex:0 0 auto}.kh-footer-payment>span{font-size:10px;color:#A18C75}.kh-footer-payment>div{display:flex;align-items:center;background:#FBF8F3;padding:7px 10px;border-radius:6px}.kh-footer-payment img{display:block;width:208px;max-width:100%;height:auto;opacity:1;filter:none}
@media(max-width:1000px){.kh-footer-grid{grid-template-columns:260px minmax(0,1fr);column-gap:35px}.kh-footer-links{gap:11px 20px;padding:19px 0}.kh-footer-links h3{flex-basis:100%;margin-bottom:3px}.kh-footer-trial h2{font-size:39px;letter-spacing:-1.6px}.kh-footer-trial{gap:30px}.kh-footer-bottom{flex-wrap:wrap}}
@media(max-width:650px){footer.khm.kft.kh-footer,.how-section.khm.kh-footer-trial-band{padding:0 25px}.kh-footer-trial{display:block;padding:43px 0 40px}.kh-footer-trial h2{font-size:36px;letter-spacing:-1.4px}.kh-footer-trial-copy>p{font-size:12px;margin-top:18px}.kh-footer-trial-action{margin-top:28px;gap:15px}.kh-footer-start{min-width:252px;padding:17px 22px}.kh-footer-trial-action>span{font-size:9px}.kh-footer-grid{grid-template-columns:1fr;padding:34px 0 22px;gap:0}.kh-footer-brand{grid-column:auto;grid-row:auto;padding:0 0 30px}.kh-footer-brand>p br{display:none}.kh-footer-brand>p{max-width:300px;margin:13px 0}.kh-footer .kh-footer-wordmark{font-size:27px}.kh-footer-links{padding:21px 0;gap:11px 23px}.kh-footer-links h3{flex:0 0 100%;font-size:11px}.kh-footer .kh-footer-links a,.kh-footer .kh-footer-links button{font-size:12px}.kh-footer-bottom{gap:22px;padding:22px 0 25px}.kh-footer-payment{gap:10px;flex-wrap:wrap}.kh-footer-payment img{width:200px}}
@media(max-width:380px){.kh-footer-start{width:100%;min-width:0}.kh-footer-trial-action{align-items:stretch}.kh-footer-trial h2{font-size:32px}.kh-footer-trial-action>span{text-align:center}}
@media(prefers-reduced-motion:reduce){.kh-footer-start,.kh-footer-links a,.kh-footer-links button{transition:none}.kh-footer-start::before{animation:none;--kh-trial-angle:45deg}}


/* Avantaj seviyelerine daha geniş ve okunaklı karşılaştırma alanı */
#etiket-analiz-gorunum .ea-analysis-table{table-layout:fixed}
#etiket-analiz-gorunum .ea-analysis-table th{min-width:0!important}
#etiket-analiz-gorunum .ea-analysis-table th:nth-child(2),
#etiket-analiz-gorunum .ea-analysis-table td:nth-child(2){text-align:left;padding-left:8px!important;padding-right:8px!important}
#etiket-analiz-gorunum .ea-analysis-table td:first-child{padding-left:10px!important;padding-right:8px!important}
#etiket-analiz-gorunum .ea-analysis-table th:nth-child(n+3) span:nth-child(2){font-size:13px!important}
#etiket-analiz-gorunum .ea-analysis-table td:nth-child(n+3){padding:16px 8px!important}
#etiket-analiz-gorunum .ea-analysis-table td:nth-child(n+3)>div{padding:18px 12px!important;margin:0!important;min-height:174px;box-sizing:border-box}
#etiket-analiz-gorunum .ea-analysis-table td:nth-child(n+3)>div>div:first-child{font-size:22px!important;line-height:1.3}
#etiket-analiz-gorunum .ea-kom-edit .ea-edit-label{font-size:12px;margin-top:14px}
#etiket-analiz-gorunum .ea-kom-edit .ea-edit-input{width:104px;min-height:42px;font-size:16px}
#etiket-analiz-gorunum .ea-kom-edit .ea-edit-unit{font-size:14px}
#etiket-analiz-gorunum .ea-net .ea-kar-badge{font-size:22px;font-weight:800;line-height:1.35;padding:8px 12px}
#etiket-analiz-gorunum .ea-analysis-table td:first-child>div>:first-child{width:96px!important;height:96px!important;flex-shrink:0;border-radius:10px!important}
#etiket-analiz-gorunum .ea-analysis-table td:first-child img{object-fit:contain!important;background:#fff}