/* ==========================================================================
   NotKaç — nk-standalone.css  (v20261018)
   Kendi satır içi CSS'ine sahip "bağımsız" sayfalar (araçlar, hesaplayıcılar,
   akış sayfaları) için ortak kabuk:
     1. Inter yazı tipi (@font-face)  — bu sayfalar "Inter" istiyor ama tanımlamıyordu;
        ziyaretçide Inter kurulu değilse sistem yazı tipine düşüyordu.
     2. Üst bilgi (logo + menü)  → ana sayfalarla aynı ölçü: N'siz yazı logosu 158px / mobil 128px / ≤359px 108px
     3. Alt bilgi (yasal bağlantılar, şirket bilgileri, ödeme güvenliği)
     4. .nkx-page  → eski sayfa içeriği için asgari yazı boyutu / form alanı / köşe düzeltmeleri
   Tüm seçiciler "nkx-" önekiyle başlar; sayfaların kendi CSS'ini bozmaz.
   ========================================================================== */

@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/inter-400.woff2) format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/inter-500.woff2) format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/inter-600.woff2) format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/inter-700.woff2) format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-weight:800;font-display:swap;src:url(/assets/fonts/inter-800.woff2) format("woff2")}

:root{
  --nkx-font:"Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --nkx-ink:#0b1734;
  --nkx-text:#26354f;
  --nkx-line:#e3e9f3;
  --nkx-line-strong:#cdd7e6;
  --nkx-navy:#0b1734;
  --nkx-navy-hover:#183266;
  --nkx-green:#06765a;
  --nkx-header-h:74px;
}

/* ---------------------------------------------------------------- ÜST BİLGİ */
.nkx-topline{background:#070f24;color:#cbd5e1;font:12.5px/1.4 var(--nkx-font);letter-spacing:.01em}
.nkx-topline .nkx-wrap{min-height:36px;display:flex;align-items:center;justify-content:center;gap:11px;padding-block:6px;text-align:center}
.nkx-topline strong{color:#f8fafc;font-weight:700}
.nkx-dot{width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:#10b981;box-shadow:0 0 0 5px rgba(16,185,129,.14)}
.nkx-wrap{width:min(calc(100% - 40px),1200px);margin-inline:auto}

.nkx-header{position:sticky;top:0;z-index:70;background:rgba(255,255,255,.96);-webkit-backdrop-filter:saturate(1.5) blur(14px);backdrop-filter:saturate(1.5) blur(14px);border-bottom:1px solid var(--nkx-line);font-family:var(--nkx-font);font-size:14px;line-height:1.4}
.nkx-header .nkx-nav{width:min(calc(100% - 40px),1280px);margin-inline:auto;height:var(--nkx-header-h);display:flex;align-items:center;gap:16px}
.nkx-brand{display:block;flex:0 0 auto;width:158px;line-height:0}
.nkx-brand img{display:block;width:100%;height:auto}
.nkx-links{display:flex;align-items:center;gap:1px;margin-left:auto}
.nkx-links a{padding:9px 10px;border-radius:10px;color:var(--nkx-text);font-size:14px;font-weight:600;letter-spacing:-.005em;text-decoration:none;white-space:nowrap}
.nkx-links a:hover{background:#eef3fb;color:var(--nkx-ink)}
.nkx-links a[aria-current="page"]{color:var(--nkx-ink);background:#eef3fb}
.nkx-actions{display:flex;align-items:center;gap:8px;margin-left:6px}
.nkx-acct,.nkx-cta{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 16px;border-radius:12px;font-size:14px;font-weight:650;line-height:1;text-decoration:none;white-space:nowrap;transition:background-color .15s,border-color .15s}
.nkx-acct{border:1px solid var(--nkx-line-strong);background:#fff;color:var(--nkx-ink)}
.nkx-acct:hover{border-color:#94a7c4;background:#f7f9fd}
.nkx-cta{border:1px solid var(--nkx-navy);background:var(--nkx-navy);color:#fff;box-shadow:0 8px 18px -8px rgba(11,23,52,.55)}
.nkx-cta:hover{border-color:var(--nkx-navy-hover);background:var(--nkx-navy-hover)}
.nkx-header a:focus-visible,.nkx-menu summary:focus-visible{outline:3px solid #52a58e;outline-offset:2px}

/* Mobil / tablet menü (JS gerektirmez: <details>) */
.nkx-menu{display:none;position:static}
.nkx-menu summary{list-style:none;display:flex;align-items:center;justify-content:center;position:relative;width:44px;height:44px;border:1px solid var(--nkx-line-strong);border-radius:12px;background:#fff;cursor:pointer}
.nkx-menu summary::-webkit-details-marker{display:none}
.nkx-menu summary::before,.nkx-menu summary::after,.nkx-menu summary span{content:"";position:absolute;left:12px;width:19px;height:2px;border-radius:99px;background:var(--nkx-ink);transition:transform .2s,opacity .2s}
.nkx-menu summary::before{top:15px}
.nkx-menu summary span{top:21px}
.nkx-menu summary::after{top:27px}
.nkx-menu[open] summary::before{transform:translateY(6px) rotate(45deg)}
.nkx-menu[open] summary span{opacity:0}
.nkx-menu[open] summary::after{transform:translateY(-6px) rotate(-45deg)}
.nkx-drop{position:absolute;left:0;right:0;top:calc(100% + 1px);display:grid;gap:2px;padding:10px 20px 16px;background:#fff;border-bottom:1px solid var(--nkx-line);box-shadow:0 24px 40px -24px rgba(11,23,52,.35)}
.nkx-drop a{display:flex;align-items:center;min-height:48px;padding:0 12px;border-radius:12px;color:var(--nkx-text);font-size:16px;font-weight:600;text-decoration:none}
.nkx-drop a:hover{background:#eef3fb}
.nkx-drop .nkx-drop-cta{justify-content:center;margin-top:8px;background:var(--nkx-navy);color:#fff}

@media (max-width:1120px){
  .nkx-links{display:none}
  .nkx-actions{margin-left:auto}
  .nkx-menu{display:block}
}
@media (max-width:680px){
  :root{--nkx-header-h:66px}
  .nkx-topline{display:none}
  .nkx-header .nkx-nav{width:calc(100% - 28px);gap:10px}
  .nkx-brand{width:128px}
  .nkx-cta{display:none}
  .nkx-acct{min-height:40px;padding:0 12px;font-size:13px}
  .nkx-menu summary{width:42px;height:42px}
  .nkx-menu summary::before,.nkx-menu summary::after,.nkx-menu summary span{left:11px}
  .nkx-menu summary::before{top:14px}
  .nkx-menu summary span{top:20px}
  .nkx-menu summary::after{top:26px}
  .nkx-drop{padding-inline:14px}
}
@media (max-width:359px){
  .nkx-brand{width:108px}
  .nkx-acct{padding:0 10px;max-width:118px;overflow:hidden;text-overflow:ellipsis}
  .nkx-menu summary{width:40px;height:40px}
}

/* ---------------------------------------------------------------- ALT BİLGİ */
.nkx-footer{margin-top:56px;background:#070d1d;color:#9fb0c7;font-family:var(--nkx-font);font-size:14px;line-height:1.6;padding:42px 0 24px}
.nkx-footer a{color:#a9b9cf;text-decoration:none}
.nkx-footer a:hover{color:#7ef0c4}
.nkx-footer strong{color:#e2e8f0}
.nkx-fbrand{display:flex;align-items:center;gap:22px;margin-bottom:28px;padding-bottom:22px;border-bottom:1px solid rgba(255,255,255,.08)}
.nkx-flogo{display:block;width:150px;height:auto;flex:0 0 auto}
.nkx-fbrand p{margin:0;font-size:14px;color:#9fb0c7}
.nkx-fgrid{display:grid;grid-template-columns:.8fr .95fr 1.5fr;gap:34px;align-items:start}
.nkx-footer h4{margin:0 0 14px;color:#fff;font-size:12.5px;line-height:1.3;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.nkx-flinks{display:grid;gap:8px}
.nkx-flinks a,.nkx-flinks span{font-size:14px;line-height:1.55;color:#a9b9cf}
.nkx-flinks .nkx-mersis{color:#cbd5e1}
.nkx-fdirect{display:none}
.nkx-pay{display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap;margin-top:28px;padding:18px 20px;border:1px solid rgba(255,255,255,.13);border-radius:18px;background:rgba(255,255,255,.045)}
.nkx-pay-copy{display:flex;flex-direction:column;gap:4px;min-width:240px}
.nkx-pay-copy strong{font-size:14px;color:#fff}
.nkx-pay-copy small{max-width:520px;font-size:13px;line-height:1.6;color:rgba(255,255,255,.66)}
.nkx-pay-band{display:block;width:min(100%,330px);height:auto;padding:9px 12px;border-radius:10px;background:#fff;box-sizing:border-box}
.nkx-fbottom{display:flex;justify-content:space-between;gap:12px 28px;flex-wrap:wrap;margin-top:28px;padding-top:18px;border-top:1px solid rgba(255,255,255,.08);font-size:12.5px;line-height:1.65;color:#8fa1ba}
.nkx-fbottom span:first-child{max-width:760px}
@media (max-width:860px){
  .nkx-fgrid{grid-template-columns:1fr 1fr;gap:26px 22px}
  .nkx-fgrid .nkx-fcontact{grid-column:1/-1}
  .nkx-fdirect{display:flex;flex-wrap:wrap;gap:4px 18px;margin-top:18px;font-size:14px}
  .nkx-fdirect a{display:inline-flex;align-items:center;min-height:44px}
  .nkx-pay{padding:14px}
  .nkx-pay-copy small{display:none}
  .nkx-fbottom{font-size:12px}
}
@media (max-width:560px){
  .nkx-footer{padding:34px 0 26px;margin-top:40px}
  .nkx-fbrand{gap:14px;margin-bottom:22px;padding-bottom:18px}
  .nkx-fgrid{grid-template-columns:1fr}
  .nkx-fgrid .nkx-fcol:not(.nkx-fcontact) .nkx-flinks{grid-template-columns:1fr 1fr;column-gap:16px;row-gap:0}
  .nkx-flinks a{display:flex;align-items:center;min-height:44px}
}

/* ------------------------------------------- AKIŞ / UYGULAMA SAYFALARI ÜST ÇUBUĞU
   (ödeme, panel, rapor, ön değerlendirme …): logo konumu ve ölçüsü ana menüyle aynı */
.nkx-flowbar{position:sticky;top:0;z-index:70;background:rgba(255,255,255,.96);-webkit-backdrop-filter:saturate(1.5) blur(14px);backdrop-filter:saturate(1.5) blur(14px);border-bottom:1px solid var(--nkx-line);font-family:var(--nkx-font);font-size:14px;line-height:1.4}
.nkx-flow-in{width:min(calc(100% - 40px),1280px);margin-inline:auto;height:var(--nkx-header-h);display:flex;align-items:center;justify-content:space-between;gap:16px}
.nkx-flow-link{display:inline-flex;align-items:center;min-height:44px;padding:0 12px;margin-right:-12px;border-radius:12px;color:var(--nkx-green);font-size:14px;font-weight:650;text-decoration:none;white-space:nowrap}
.nkx-flow-link:hover{background:#eef6f3}
.nkx-flowbar a:focus-visible{outline:3px solid #52a58e;outline-offset:2px}
.nkx-secure{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 12px;border-radius:999px;border:1px solid #a8ecd0;background:#e8fbf3;color:var(--nkx-green);font-size:12px;font-weight:700;white-space:nowrap}
@media (max-width:680px){.nkx-flow-in{width:calc(100% - 28px);gap:10px}}

/* Kısa alt bilgi: yasal bağlantılar + unvan */
.nkx-mini{margin-top:40px;background:#070d1d;color:#9fb0c7;font-family:var(--nkx-font);font-size:13px;line-height:1.6;padding:20px 0}
.nkx-mini .nkx-wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 28px}
.nkx-mini nav{display:flex;flex-wrap:wrap;gap:0 20px}
.nkx-mini a{display:inline-flex;align-items:center;min-height:36px;color:#a9b9cf;text-decoration:none}
.nkx-mini a:hover{color:#7ef0c4}
@media (max-width:860px){.nkx-mini a{min-height:44px}}

/* Kısa sayfalarda alt bilgi ekranın altına yaslansın (gövdeye .nkx-fill eklenir) */
.nkx-fill{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}
.nkx-fill>main{flex:0 0 auto;margin-bottom:40px}
.nkx-fill>:is(.nkx-footer,.nkx-mini){margin-top:auto}

/* ------------------------------------------- ESKİ SAYFA İÇERİĞİ DÜZELTMELERİ
   Gövdeye .nkx-page eklenen sayfalarda ortak "taban" kurallar. Hepsi :where() içinde olduğu için
   özgüllükleri sıfırdır: sayfanın kendi sınıf kuralları (ör. .choice{...}) her zaman üstün gelir;
   bu kurallar yalnızca hiçbir şey belirtilmemiş (veya 11px gibi eski bir değer kalmış) yerleri doldurur.
     • etiket / rozet / küçük yazı en az 12px
     • form alanı en az 16px (iOS odaklanınca yakınlaştırmasın), düğme / alan köşesi 12px, kart 20px
     • klavye odak halkası her yerde görünür */
.nkx-page{font-family:var(--nkx-font);-webkit-text-size-adjust:100%;text-size-adjust:100%}
:where(.nkx-page) :is(.eyebrow,.tag,.pill,.kicker,small,.fine,.help,.muted-sm){font-size:12px}
:where(.nkx-page) :is(h1,h2,h3){text-wrap:balance}
:where(.nkx-page) :is(button,input,select,textarea){font-family:inherit}
:where(.nkx-page) label{font-size:14px}
:where(.nkx-page) :is(.btn,button,input,select,textarea){border-radius:12px}
:where(.nkx-page) .card{border-radius:20px}
:where(.nkx-page) :is(input:not([type=checkbox],[type=radio],[type=range]),select,textarea){font-size:16px}
:where(.nkx-page) :is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #52a58e;outline-offset:2px}
/* Sayfa içi logo (akış sayfalarının kendi üst çubuğunda): tüm sitedeki ölçü 158px / mobil 128px / ≤359px 108px */
img.nkx-logo{display:block;width:158px;max-width:100%;height:auto}
@media (max-width:680px){img.nkx-logo{width:128px}}
@media (max-width:359px){img.nkx-logo{width:108px}}
@media (prefers-reduced-motion:reduce){.nkx-page *,.nkx-header *,.nkx-footer *{transition:none!important;animation:none!important}}