/* Süleyman Kifa — site teması çekirdeği (MIX, 02.10.2026; 03.10.2026 KIRIK BEYAZ)
   1) Tüm sayfalarda ortak: üst menü (.mx-nav), açılır paneller, telefon menüsü, alt bilgi, WhatsApp butonu.
   2) html.mx-t: ana sayfa ve /paketler/ dışındaki sayfaların renklerini kırık beyaz + siyah vurgulu temaya çevirir.
      HTML/metin değişmez; sayfaların kendi açık temalı <style> kuralları korunur, yalnızca zemin ve
      eski yeşil (lime) vurgular nötr/siyah karşılıklarına çevrilir.
   03.10: Site zemini kırık beyaz (#F7F6F2). Siyah yalnızca animasyonlu giriş bölümlerinde kalır;
   menü siyah bir bölümün üstündeyken body.nav-dark ile koyulaşır (home.js / svc.js).
   Üretici: _araclar-26-09/tema-mix.py (+ mixparts.py). */

:root{
  --mx-black:#000;--mx-graphite:#1d1d1f;--mx-slate:#2c2c2e;--mx-line:#3a3a3c;
  --mx-mid:#86868b;--mx-silver:#a1a1a6;--mx-fog:#d2d2d7;--mx-paper:#f5f5f7;
  --mx-bg:#F7F6F2;--mx-bg2:#EFEDE7;--mx-card:#fff;--mx-ink:#1d1d1f;--mx-ink2:#6e6e73;--mx-hair:rgba(0,0,0,.09);
  --mx-ease:cubic-bezier(.28,.11,.32,1);
  --mx-f:'Inter','Inter Fallback',-apple-system,BlinkMacSystemFont,'Helvetica Neue',Arial,sans-serif;
}
html{scroll-padding-top:70px;background:var(--mx-bg)}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}

/* ================= ÜST MENÜ (açık; siyah bölüm üstünde body.nav-dark) ================= */
.mx-nav{position:sticky;top:0;z-index:60;height:52px;background:rgba(247,246,242,.8);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid rgba(0,0,0,.08);font-family:var(--mx-f);line-height:1.47;letter-spacing:-.011em;transition:background .4s,border-color .4s}
.mx-wrap{max-width:1080px;margin:0 auto;padding:0 22px;box-sizing:border-box}
.mx-nav .mx-wrap{height:100%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px}
.mx-title{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:600;letter-spacing:-.02em;color:var(--mx-ink);text-decoration:none;white-space:nowrap;transition:color .4s}
.mx-title img{width:26px;height:26px;border-radius:7px;display:block}
.mx-links{display:flex;gap:30px;height:52px;align-items:center;font-size:13px}
.mx-links>a,.mx-dd>a{display:flex;align-items:center;height:52px;color:#424245;text-decoration:none;transition:color .2s}
.mx-links>a:hover,.mx-dd:hover>a,.mx-links [aria-current]{color:#000}
.mx-new{margin-left:6px;font-size:9px;font-weight:800;letter-spacing:.04em;line-height:1;padding:3px 5px;border-radius:4px;background:#000;color:#fff}
.mx-right{display:flex;align-items:center;gap:10px;justify-self:end}
.mx-pill{display:inline-flex;align-items:center;justify-content:center;border-radius:980px;background:#000;color:#fff;font-weight:600;text-decoration:none;transition:box-shadow .3s,transform .25s var(--mx-ease),background .4s,color .4s}
.mx-pill:hover{box-shadow:0 0 0 6px rgba(0,0,0,.08)}
.mx-pill.mx-sm{font-size:12px;padding:6px 13px;white-space:nowrap}
.mx-prog{position:absolute;left:0;bottom:-1px;height:2px;width:100%;transform-origin:0 50%;transform:scaleX(var(--sp,0));background:#000;pointer-events:none}
.mx-mbtn{color:var(--mx-ink)}
body.nav-dark .mx-nav{background:rgba(0,0,0,.78);border-bottom-color:rgba(255,255,255,.08)}
body.nav-dark .mx-title{color:var(--mx-paper)}
body.nav-dark .mx-links>a,body.nav-dark .mx-dd>a{color:var(--mx-silver)}
body.nav-dark .mx-links>a:hover,body.nav-dark .mx-dd:hover>a,body.nav-dark .mx-links [aria-current]{color:var(--mx-paper)}
body.nav-dark .mx-new{background:var(--mx-paper);color:#000}
body.nav-dark .mx-pill{background:var(--mx-paper);color:#000}
body.nav-dark .mx-pill:hover{box-shadow:0 0 0 6px rgba(255,255,255,.12)}
body.nav-dark .mx-prog{background:#fff}
body.nav-dark .mx-mbtn{color:var(--mx-paper)}
body.mx-open .mx-nav{background:rgba(247,246,242,.97)!important;border-bottom-color:rgba(0,0,0,.08)!important}
body.mx-open .mx-title,body.mx-open .mx-mbtn{color:var(--mx-ink)!important}
body.mx-open .mx-pill{background:#000!important;color:#fff!important}

/* açılır paneller (beyaz) */
.mx-dd{position:static;height:52px}
.mx-dd-panel{position:absolute;left:0;right:0;top:52px;background:#fff;box-shadow:0 30px 60px rgba(0,0,0,.12);border-bottom:1px solid rgba(0,0,0,.08);opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .25s var(--mx-ease),transform .35s var(--mx-ease),visibility 0s .25s}
.mx-dd:hover .mx-dd-panel,.mx-dd:focus-within .mx-dd-panel{opacity:1;visibility:visible;transform:none;transition-delay:0s}
.mx-dd-in{max-width:1080px;margin:0 auto;padding:34px 22px 38px;display:grid;gap:40px;box-sizing:border-box}
.mx-dd-shop .mx-dd-in{grid-template-columns:repeat(3,1fr) 220px}
.mx-dd-blog .mx-dd-in{grid-template-columns:1fr 1fr 220px}
.mx-dd-h{font-size:12px;color:var(--mx-ink2);margin:0 0 12px}
.mx-dd-in ul{list-style:none;display:grid;gap:6px;margin:0;padding:0}
.mx-dd-in li a{display:block;padding:6px 0;font-size:17px;font-weight:600;letter-spacing:-.02em;color:var(--mx-ink);text-decoration:none}
.mx-dd-in li a small{display:block;font-size:13px;font-weight:400;letter-spacing:0;color:var(--mx-ink2);margin-top:1px}
.mx-dd-in li a:hover{text-decoration:underline;text-underline-offset:4px}
.mx-dd-post{display:block;text-decoration:none;color:var(--mx-ink)}
.mx-dd-post img{display:block;border-radius:14px;aspect-ratio:16/9;object-fit:cover;width:100%;height:auto;background:var(--mx-bg2);transition:transform .5s var(--mx-ease)}
.mx-dd-post:hover img{transform:scale(1.03)}
.mx-dd-post span{display:block;margin-top:10px;font-size:15px;font-weight:600;line-height:1.3;letter-spacing:-.015em}
.mx-dd-more{border-radius:18px;background:var(--mx-bg);padding:22px;display:flex;flex-direction:column;justify-content:space-between;gap:16px;font-size:14px;color:var(--mx-ink2);text-decoration:none;transition:background .2s}
.mx-dd-more b{display:block;font-size:19px;color:var(--mx-ink);letter-spacing:-.02em;margin-bottom:6px}
.mx-dd-more em{font-style:normal;color:#000;font-weight:600}
.mx-dd-more:hover{background:var(--mx-bg2)}

/* telefon menüsü */
.mx-mbtn{display:none;width:36px;height:36px;border-radius:50%;place-items:center;background:none;border:0;cursor:pointer;padding:0;transition:color .4s}
.mx-mbtn i{position:relative;display:block;width:16px;height:1.5px;background:currentColor;transition:background .2s}
.mx-mbtn i:before,.mx-mbtn i:after{content:"";position:absolute;left:0;width:16px;height:1.5px;background:currentColor;transition:transform .35s var(--mx-ease)}
.mx-mbtn i:before{top:-5px}.mx-mbtn i:after{top:5px}
body.mx-open .mx-mbtn i{background:transparent}
body.mx-open .mx-mbtn i:before{transform:translateY(5px) rotate(45deg)}
body.mx-open .mx-mbtn i:after{transform:translateY(-5px) rotate(-45deg)}
.mx-sheet{position:fixed;inset:52px 0 0;z-index:59;background:rgba(247,246,242,.98);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:24px 30px 40px;overflow-y:auto;opacity:0;visibility:hidden;transition:opacity .3s,visibility 0s .3s;font-family:var(--mx-f)}
body.mx-open .mx-sheet{opacity:1;visibility:visible;transition-delay:0s}
body.mx-open{overflow:hidden}
.mx-sheet a{display:block;padding:9px 0;font-size:28px;font-weight:600;letter-spacing:-.035em;color:var(--mx-ink);text-decoration:none}
.mx-sheet a.mx-subl{font-size:17px;font-weight:500;color:var(--mx-ink2);padding:6px 0 6px 16px}
.mx-sheet small{display:block;margin-top:28px;font-size:13px;line-height:1.6;color:var(--mx-ink2)}

/* ================= ALT BİLGİ (açık) ================= */
footer.mx-foot{background:var(--mx-bg2);color:var(--mx-ink2);font-family:var(--mx-f);font-size:13px;line-height:1.5;padding:48px 0 28px;margin:0;border:0;border-top:1px solid rgba(0,0,0,.06);text-align:left}
.mx-ftop{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:28px;border-bottom:1px solid rgba(0,0,0,.1)}
.mx-fbrand{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:600;color:var(--mx-ink)!important;text-decoration:none}
.mx-fbrand img{width:28px;height:28px;border-radius:8px;display:block}
.mx-ftop p{max-width:46ch;margin:0;color:var(--mx-ink2)}
.mx-fcols{display:grid;grid-template-columns:1.3fr 1fr 1.2fr 1fr;gap:24px;padding:28px 0 22px;border-bottom:1px solid rgba(0,0,0,.1)}
.mx-fh{font-size:12px;color:var(--mx-ink);font-weight:600;margin:0 0 10px}
.mx-foot ul{list-style:none;margin:0;padding:0}
.mx-foot li{margin:8px 0;color:var(--mx-ink2)}
.mx-foot a{color:var(--mx-ink2);text-decoration:none}
.mx-foot a:hover{color:#000;text-decoration:underline}
.mx-foot .mx-fsoon{color:#76767b}
.mx-flinks{display:flex;gap:18px;flex-wrap:wrap}
.mx-flegal{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;padding-top:16px;color:var(--mx-ink2);padding-right:72px}
.mx-wa{position:fixed;right:20px;bottom:20px;z-index:58;width:54px;height:54px;border-radius:50%;background:#000;color:#fff;display:grid;place-items:center;box-shadow:0 6px 20px rgba(0,0,0,.25),0 0 0 1px rgba(255,255,255,.18);transition:transform .25s cubic-bezier(.34,1.4,.5,1)}
.mx-wa:hover{transform:scale(1.08)}
.mx-wa svg{width:28px;height:28px}

@media (max-width:900px){
  .mx-links{display:none}
  .mx-nav .mx-wrap{display:flex;justify-content:space-between}
  .mx-mbtn{display:grid}
  .mx-fcols{grid-template-columns:1fr 1fr}
  .mx-ftop{flex-direction:column;align-items:flex-start}
  .mx-flegal{padding-right:0;padding-bottom:64px}
}
@media (max-width:420px){.mx-title{font-size:18px}.mx-right{gap:8px}.mx-pill.mx-sm{padding:6px 11px}}
@media (max-width:360px){.mx-pill.mx-sm{display:none}}
@media (max-width:767px){
  .mx-foot li a{display:inline-block;padding:4px 0}
  .mx-flegal a{display:inline-block;padding:10px 6px}
}
@media (prefers-reduced-motion:reduce){.mx-dd-panel,.mx-sheet,.mx-sheet a,.mx-mbtn i:before,.mx-mbtn i:after{transition:none}}

/* =====================================================================
   TEMA KATMANI — html.mx-t (içerik sayfaları), KIRIK BEYAZ.
   Sayfaların kendi açık tema stilleri korunur: zemin kırık beyaz, kartlar beyaz,
   eski yeşil (--brand) nötr açık ton (#ECEAE3) olur; öne çıkan vurgular siyah zemin + beyaz yazı.
   ===================================================================== */
html.mx-t{--ink:#1d1d1f;--canvas:#F7F6F2;--brand:#ECEAE3;--brandsoft:#EFEDE7;--night:#111;color-scheme:light}
html.mx-t body{background:var(--mx-bg)!important;color:var(--mx-ink)}
html.mx-t ::selection{background:#000;color:#fff}

/* kartlar beyaz, ince çizgi */
html.mx-t :is(.card,.post-card,.bp,.p,.product-card,.bundle-card,.tier,.quiz-opt,.opt,.price-card,.z-scen,.f-card,.form-box,.checks li){background:#fff;border-color:rgba(0,0,0,.08)}
html.mx-t :is(.bp:not(.is-soon):hover,.p:hover,.post-card:hover,.product-card:hover){box-shadow:0 18px 40px rgba(0,0,0,.08)!important;border-color:rgba(0,0,0,.16)!important}
html.mx-t :is(.btool,.toolbar){background:rgba(247,246,242,.9)!important;border-bottom-color:rgba(0,0,0,.08)!important;top:52px!important}

/* öne çıkan vurgular: siyah zemin, beyaz yazı */
html.mx-t :is(.btn-primary,.b-primary,.bread,.fb-cta){background:#000!important;color:#fff!important;border-color:#000!important}
html.mx-t :is(.btn-primary,.b-primary,.bread,.fb-cta):hover{background:#2c2c2e!important}
html.mx-t :is(.btn-ghost,.b-ghost){background:transparent!important;color:var(--mx-ink)!important;border:1px solid rgba(0,0,0,.25)!important}
html.mx-t :is(.btn-ghost:hover,.b-ghost:hover){border-color:#000!important}
html.mx-t .mark-hl{background:#000!important;color:#fff!important}
html.mx-t :is(.nf-mark,.sk-star,.chip-flag,.gift .gi){background:#000!important;color:#fff!important}
html.mx-t :is(.chip.on,.bchip.on,.tier-switch a.current,.dots i.on,.seg-ind){background:#000!important;color:#fff!important;border-color:#000!important}
html.mx-t .seg button[aria-checked="true"]{color:#fff!important}
html.mx-t .step .num{background:#000!important;color:#fff!important}
html.mx-t .badge.new{background:#000!important;color:#fff!important}
html.mx-t :is(.bsoon,.eyebrow .new){background:#000!important;color:#fff!important}
html.mx-t .chip-hot{box-shadow:0 0 0 3px rgba(0,0,0,.2)!important;border-color:#000!important}
html.mx-t .p.flash{box-shadow:0 0 0 3px #000,0 10px 30px rgba(0,0,0,.12)!important}
html.mx-t :is(.tier-pill.ileri){background:#000!important;color:#fff!important}
html.mx-t .opt:has(input:checked),html.mx-t .quiz-opt:has(input:checked){background:var(--mx-bg2)!important;border-color:#000!important}
html.mx-t :is(input[type=checkbox],input[type=radio]){accent-color:#000}
html.mx-t main :is(input,textarea,select):focus{outline:0;border-color:#000!important;box-shadow:0 0 0 3px rgba(0,0,0,.08)!important}
html.mx-t :is(.savings,.save,.price-block .savings){color:#1d1d1f!important}

/* eski koyu bölümlerin (night) içindeki açık yazılar okunur kalsın */
html.mx-t :is(.flow .tag,.node b,.thumb.dark .tlabel){color:#ECEAE3!important}
html.mx-t .fb-tag{color:#6e6e73!important}

/* eski koyu içerik kutuları → beyaz kart (siyah yalnızca animasyonlu girişlerde) */
html.mx-t :is(.ileri-note,.sk-how,.bcta,.finder,.finder-box){background:#fff!important;color:#424245!important;box-shadow:0 0 0 1px rgba(0,0,0,.08)!important}
html.mx-t :is(.ileri-note,.sk-how,.bcta,.finder,.finder-box) :is(h2,h3,h4,strong,b){color:#1d1d1f!important}
html.mx-t :is(.ileri-note,.sk-how,.bcta,.finder,.finder-box) :is(p,li,.f-lead){color:#424245!important}
html.mx-t .finder .f-eyebrow{color:#6e6e73!important}
html.mx-t .finder-box:hover{box-shadow:0 0 0 1px rgba(0,0,0,.16),0 16px 34px rgba(0,0,0,.08)!important}

html.mx-t .fb-chart line{stroke:rgba(0,0,0,.12)}
html.mx-t .fb-chart .fb-bar{fill:#E6E3DB}
html.mx-t .fb-chart .fb-bar[fill="rgba(209,254,63,.55)"]{fill:#a1a1a6}
html.mx-t .fb-chart .fb-bar[fill="#D1FE3F"]{fill:#1d1d1f}
html.mx-t .fb-chart .fb-line{stroke:#000}
html.mx-t .fb-chart .fb-dot{fill:#000}

/* eski WhatsApp butonu */
html.mx-t .wa-float{background:#000!important;color:#fff!important;box-shadow:0 6px 20px rgba(0,0,0,.25)!important}

/* mobil düzeltmeler (header.css'ten taşındı) */
@media (max-width:767px){
  html.mx-t input:not([type=checkbox]):not([type=radio]):not([type=hidden]),html.mx-t select,html.mx-t textarea{font-size:16px!important}
  html.mx-t .breadcrumb a{display:inline-block;padding:8px 0}
  html.mx-t label.bsearch{width:100%;box-sizing:border-box}
  html.mx-t label.bsearch input{width:100%}
}

/* sözde öğeler (::before/::after) :is() içinde geçersiz olduğu için ayrı yazıldı */
html.mx-t .checks li::before{background-color:#fff!important;box-shadow:0 0 0 1px rgba(0,0,0,.25)}
html.mx-t .card li::before{background:#1d1d1f!important;box-shadow:none!important}
html.mx-t ul.feature-list li::before{color:#1d1d1f!important}
html.mx-t .z-steps li::before{background:#1d1d1f!important;color:#fff!important}
html.mx-t .node:not(:last-child)::after{color:#ECEAE3!important}
html.mx-t .finder ul.f-points li::before,html.mx-t .sk-how li::marker{color:#1d1d1f!important}

/* ===== 04.10.2026 — yasal onay kutuları (tüm formlar) + alt bilgi e-posta bülteni ===== */
.sk-onay{display:grid;gap:8px;margin:14px 0 4px;text-align:left}
.sk-onay-r{position:relative;display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.45;color:#424245;cursor:pointer}
.sk-onay-r input{flex:none;width:18px;height:18px;margin:1px 0 0;accent-color:#000;cursor:pointer}
.sk-onay-r a{color:#000;text-decoration:underline;text-underline-offset:2px;font-weight:600}
.sk-onay-r .sk-req{font-style:normal;color:#d70015;font-weight:700}
.sk-onay-r .sk-opt{font-style:normal;color:#86868b}
.sk-onay-n{margin:2px 0 0;font-size:12px;color:#86868b}
.mx-news{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:28px;align-items:start;margin:22px 0 4px;padding:24px;border-radius:24px;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.07)}
.mx-news-t p:not(.mx-fh){margin:6px 0 0;font-size:14px;line-height:1.5;color:#6e6e73}
.mx-news-row{display:flex;gap:8px}
.mx-news-row input{flex:1;min-width:0;padding:12px 16px;border-radius:999px;border:1px solid rgba(0,0,0,.15);background:#F7F6F2;font:inherit;font-size:15px;color:#1d1d1f}
.mx-news-row input:focus{outline:2px solid #000;outline-offset:1px}
.mx-news-row button{flex:none;padding:12px 20px;border:0;border-radius:999px;background:#000;color:#fff;font:inherit;font-size:15px;font-weight:600;cursor:pointer}
.mx-news-row button:disabled{opacity:.6}
.mx-news .sk-onay-r{font-size:12.5px}
.mx-news-msg{margin:8px 0 0;font-size:13px;font-weight:600;color:#1d1d1f;min-height:1em}
@media (max-width:760px){.mx-news{grid-template-columns:1fr;gap:14px;padding:18px}.mx-news-row{flex-direction:column}}

/* ===== 04.10.2026 — menü: Dashboard "Yakında" rozeti ===== */
.mx-dash{display:inline-flex;align-items:center;gap:6px}
.mx-soon{display:inline-block;padding:2px 6px;border-radius:999px;background:#FFC53D;color:#000;font-size:9.5px;font-weight:800;letter-spacing:.02em;line-height:1.3}
.mx-sheet .mx-dash{gap:10px}.mx-sheet .mx-soon{font-size:11px;padding:3px 8px}

/* 06.10.2026 — blog yazı içi görselleri (blog-gorsel.py) */
.prose .post-fig{margin:30px 0 34px}.prose .post-fig a{display:block;border-radius:18px;overflow:hidden;border:1px solid rgba(0,0,0,.06)}.prose .post-fig img{display:block;width:100%;height:auto}.prose .post-fig figcaption{margin-top:10px;font-size:14px;line-height:1.45;color:rgba(32,32,37,.62);text-align:center}