/* =====================================================================
   Mesaivo — tema.css (F ajanı, K40/K44)
   5 tema × açık/koyu. Özgüllük: site.css ve mesaim.php'deki :root /
   :root:not([data-theme=light]) (0,2,0) kurallarını yenmek için
   html:root[data-tema] (0,2,1) ve koyu için (0,3,1) kullanılır.
   Sözleşme değişkenleri: --bg --surface --surface2 --ink --muted --line --line2
   --brand --brand-soft --brand-ink --brand2 --vurgu --ok(-bg) --warn(-bg) --bad(-bg)
   --radius --shadow --shadow-sm --sans --display (+ mesaim: --accent --hero* --glass
   --over/--leave/--hol). Düzen: html[data-nav|card|btn|foot|bg|hero|feat].
   ===================================================================== */
/* klasik */
html:root[data-tema="klasik"]{--radius:20px;--r-sm:12px;--baslik-w:800;--baslik-ls:-.025em;--display:"Manrope","Inter",system-ui,-apple-system,"Segoe UI",sans-serif;--sans:"Inter","Manrope",system-ui,-apple-system,"Segoe UI",sans-serif;--bg:#f5f7fb;--surface:#ffffff;--surface2:#fafbfd;--ink:#121826;--muted:#5b6578;--line:#e4e8ef;--line2:#c7cbd3;--brand:#0a74e0;--brand2:#38b6ff;--vurgu:#ff9f0a;--brand-soft:rgba(10,116,224,0.12);--brand-ink:#ffffff;--ok:#0f7a52;--ok-bg:#e5f0ec;--warn:#9a5b00;--warn-bg:#f4ede3;--bad:#c62828;--bad-bg:#f9e7e7;--shadow:0 24px 60px -24px rgba(23,38,78,0.28);--shadow-sm:0 1px 2px rgba(18,24,38,0.07);--accent:#121826;--accent-ink:#f5f7fb;--hero:#0b1a30;--hero-ink:#f7f7fb;--hero-muted:#9da3ae;--hero-line:rgba(255,255,255,.1);--glass:rgba(245,247,251,0.8);--over:#2458e6;--over-bg:#e4ebfe;--leave:#7a4fd0;--leave-bg:#efe8fc;--hol:#c2410c;--hol-bg:#fff0e6;--on-hero-brand:#38b6ff;color-scheme:light}
@media (prefers-color-scheme:dark){html:root[data-tema="klasik"]:not([data-theme="light"]){--bg:#0a0e15;--surface:#121824;--surface2:#1a202b;--ink:#eef1f6;--muted:#8f9ab0;--line:#232c3b;--line2:#3f4855;--brand:#3aa0ff;--brand2:#38d0ff;--vurgu:#ffb340;--brand-soft:rgba(58,160,255,0.16);--brand-ink:#04121f;--ok:#5ad8a2;--ok-bg:#172e2c;--warn:#f3bf5c;--warn-bg:#2f2a20;--bad:#ff6b6b;--bad-bg:#311d23;--shadow:0 24px 60px -20px rgba(0,0,0,.72);--shadow-sm:0 1px 2px rgba(0,0,0,.45);--accent:#eef1f6;--accent-ink:#0a0e15;--hero:#141c2b;--hero-ink:#f7f7fb;--hero-muted:#a1a4ac;--hero-line:rgba(255,255,255,.1);--glass:rgba(10,14,21,0.76);--over:#8fb0ff;--over-bg:#15224a;--leave:#c3a6ff;--leave-bg:#261c42;--hol:#ff9f66;--hol-bg:#2c1c12;--on-hero-brand:#38d0ff;color-scheme:dark}}
html:root[data-tema="klasik"][data-theme="dark"]{--bg:#0a0e15;--surface:#121824;--surface2:#1a202b;--ink:#eef1f6;--muted:#8f9ab0;--line:#232c3b;--line2:#3f4855;--brand:#3aa0ff;--brand2:#38d0ff;--vurgu:#ffb340;--brand-soft:rgba(58,160,255,0.16);--brand-ink:#04121f;--ok:#5ad8a2;--ok-bg:#172e2c;--warn:#f3bf5c;--warn-bg:#2f2a20;--bad:#ff6b6b;--bad-bg:#311d23;--shadow:0 24px 60px -20px rgba(0,0,0,.72);--shadow-sm:0 1px 2px rgba(0,0,0,.45);--accent:#eef1f6;--accent-ink:#0a0e15;--hero:#141c2b;--hero-ink:#f7f7fb;--hero-muted:#a1a4ac;--hero-line:rgba(255,255,255,.1);--glass:rgba(10,14,21,0.76);--over:#8fb0ff;--over-bg:#15224a;--leave:#c3a6ff;--leave-bg:#261c42;--hol:#ff9f66;--hol-bg:#2c1c12;--on-hero-brand:#38d0ff;color-scheme:dark}
/* amber */
html:root[data-tema="amber"]{--radius:18px;--r-sm:10px;--baslik-w:800;--baslik-ls:-.025em;--display:"Outfit",system-ui,-apple-system,"Segoe UI",sans-serif;--sans:"Outfit",system-ui,-apple-system,"Segoe UI",sans-serif;--bg:#fbf6ec;--surface:#ffffff;--surface2:#fdfaf5;--ink:#2a1f0c;--muted:#6f5f42;--line:#efe4cf;--line2:#d3c8b4;--brand:#a86200;--brand2:#e0661b;--vurgu:#0369a1;--brand-soft:rgba(168,98,0,0.12);--brand-ink:#ffffff;--ok:#46700d;--ok-bg:#ebefe4;--warn:#a14a00;--warn-bg:#f5ebe3;--bad:#b73a0b;--bad-bg:#f7e9e4;--shadow:0 24px 60px -24px rgba(37,42,62,0.28);--shadow-sm:0 1px 2px rgba(42,31,12,0.07);--accent:#2a1f0c;--accent-ink:#fbf6ec;--hero:#2a1f0c;--hero-ink:#f7f7fb;--hero-muted:#a9a5a0;--hero-line:rgba(255,255,255,.1);--glass:rgba(251,246,236,0.8);--over:#0369a1;--over-bg:#e0f2fe;--leave:#7c3aed;--leave-bg:#f1eafe;--hol:#c2410c;--hol-bg:#ffedd5;--on-hero-brand:#e0661b;color-scheme:light}
@media (prefers-color-scheme:dark){html:root[data-tema="amber"]:not([data-theme="light"]){--bg:#110d07;--surface:#1b150d;--surface2:#231d14;--ink:#fdf3e1;--muted:#b7a27e;--line:#2e2517;--line2:#4b4233;--brand:#ffb000;--brand2:#ff7a00;--vurgu:#7dd3fc;--brand-soft:rgba(255,176,0,0.16);--brand-ink:#1a1206;--ok:#a3e635;--ok-bg:#28300e;--warn:#ffd166;--warn-bg:#372c16;--bad:#ff6b57;--bad-bg:#371c14;--shadow:0 24px 60px -20px rgba(0,0,0,.72);--shadow-sm:0 1px 2px rgba(0,0,0,.45);--accent:#fdf3e1;--accent-ink:#110d07;--hero:#231a0d;--hero-ink:#f7f7fb;--hero-muted:#a6a3a1;--hero-line:rgba(255,255,255,.1);--glass:rgba(17,13,7,0.76);--over:#7dd3fc;--over-bg:#0c2533;--leave:#c4b5fd;--leave-bg:#231b3a;--hol:#ff9a66;--hol-bg:#2d1a0e;--on-hero-brand:#ff7a00;color-scheme:dark}}
html:root[data-tema="amber"][data-theme="dark"]{--bg:#110d07;--surface:#1b150d;--surface2:#231d14;--ink:#fdf3e1;--muted:#b7a27e;--line:#2e2517;--line2:#4b4233;--brand:#ffb000;--brand2:#ff7a00;--vurgu:#7dd3fc;--brand-soft:rgba(255,176,0,0.16);--brand-ink:#1a1206;--ok:#a3e635;--ok-bg:#28300e;--warn:#ffd166;--warn-bg:#372c16;--bad:#ff6b57;--bad-bg:#371c14;--shadow:0 24px 60px -20px rgba(0,0,0,.72);--shadow-sm:0 1px 2px rgba(0,0,0,.45);--accent:#fdf3e1;--accent-ink:#110d07;--hero:#231a0d;--hero-ink:#f7f7fb;--hero-muted:#a6a3a1;--hero-line:rgba(255,255,255,.1);--glass:rgba(17,13,7,0.76);--over:#7dd3fc;--over-bg:#0c2533;--leave:#c4b5fd;--leave-bg:#231b3a;--hol:#ff9a66;--hol-bg:#2d1a0e;--on-hero-brand:#ff7a00;color-scheme:dark}
/* saas */
html:root[data-tema="saas"]{--radius:16px;--r-sm:8px;--baslik-w:650;--baslik-ls:-.04em;--display:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;--sans:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;--bg:#fafafa;--surface:#ffffff;--surface2:#fcfcfc;--ink:#09090b;--muted:#63636b;--line:#e4e4e7;--line2:#c5c5c8;--brand:#7c3aed;--brand2:#0891b2;--vurgu:#f59e0b;--brand-soft:rgba(124,58,237,0.12);--brand-ink:#ffffff;--ok:#12703a;--ok-bg:#e5efe9;--warn:#92580a;--warn-bg:#f3ede4;--bad:#c01f1f;--bad-bg:#f8e6e6;--shadow:0 24px 60px -24px rgba(17,29,62,0.28);--shadow-sm:0 1px 2px rgba(9,9,11,0.07);--accent:#09090b;--accent-ink:#fafafa;--hero:#1c1530;--hero-ink:#f7f7fb;--hero-muted:#a4a1ae;--hero-line:rgba(255,255,255,.1);--glass:rgba(250,250,250,0.8);--over:#0e7490;--over-bg:#dff6fb;--leave:#be185d;--leave-bg:#fce7f3;--hol:#c2410c;--hol-bg:#ffedd5;--on-hero-brand:#0891b2;color-scheme:light}
@media (prefers-color-scheme:dark){html:root[data-tema="saas"]:not([data-theme="light"]){--bg:#09090b;--surface:#111114;--surface2:#19191c;--ink:#fafafa;--muted:#a1a1aa;--line:#27272a;--line2:#454547;--brand:#8b5cf6;--brand2:#22d3ee;--vurgu:#fbbf24;--brand-soft:rgba(139,92,246,0.16);--brand-ink:#ffffff;--ok:#4ade80;--ok-bg:#132b1e;--warn:#facc15;--warn-bg:#30280d;--bad:#f87171;--bad-bg:#2f1a1b;--shadow:0 24px 60px -20px rgba(0,0,0,.72);--shadow-sm:0 1px 2px rgba(0,0,0,.45);--accent:#fafafa;--accent-ink:#09090b;--hero:#17121f;--hero-ink:#f7f7fb;--hero-muted:#a2a0a7;--hero-line:rgba(255,255,255,.1);--glass:rgba(9,9,11,0.76);--over:#67e8f9;--over-bg:#0b2a31;--leave:#f9a8d4;--leave-bg:#3a1428;--hol:#fdba74;--hol-bg:#2e1a0c;--on-hero-brand:#22d3ee;color-scheme:dark}}
html:root[data-tema="saas"][data-theme="dark"]{--bg:#09090b;--surface:#111114;--surface2:#19191c;--ink:#fafafa;--muted:#a1a1aa;--line:#27272a;--line2:#454547;--brand:#8b5cf6;--brand2:#22d3ee;--vurgu:#fbbf24;--brand-soft:rgba(139,92,246,0.16);--brand-ink:#ffffff;--ok:#4ade80;--ok-bg:#132b1e;--warn:#facc15;--warn-bg:#30280d;--bad:#f87171;--bad-bg:#2f1a1b;--shadow:0 24px 60px -20px rgba(0,0,0,.72);--shadow-sm:0 1px 2px rgba(0,0,0,.45);--accent:#fafafa;--accent-ink:#09090b;--hero:#17121f;--hero-ink:#f7f7fb;--hero-muted:#a2a0a7;--hero-line:rgba(255,255,255,.1);--glass:rgba(9,9,11,0.76);--over:#67e8f9;--over-bg:#0b2a31;--leave:#f9a8d4;--leave-bg:#3a1428;--hol:#fdba74;--hol-bg:#2e1a0c;--on-hero-brand:#22d3ee;color-scheme:dark}
/* neon */
html:root[data-tema="neon"]{--radius:14px;--r-sm:8px;--baslik-w:700;--baslik-ls:-.035em;--display:"Space Grotesk",system-ui,-apple-system,"Segoe UI",sans-serif;--sans:"Space Grotesk",system-ui,-apple-system,"Segoe UI",sans-serif;--bg:#f6f6f9;--surface:#ffffff;--surface2:#fafafc;--ink:#0b0b12;--muted:#5c5c74;--line:#e4e4ee;--line2:#c6c6cf;--brand:#4d7c0f;--brand2:#c026d3;--vurgu:#0891b2;--brand-soft:rgba(77,124,15,0.12);--brand-ink:#ffffff;--ok:#136c34;--ok-bg:#e5efe9;--warn:#a14a08;--warn-bg:#f5ebe4;--bad:#be123c;--bad-bg:#f8e5ea;--shadow:0 24px 60px -24px rgba(19,30,66,0.28);--shadow-sm:0 1px 2px rgba(11,11,18,0.07);--accent:#0b0b12;--accent-ink:#f6f6f9;--hero:#0b0b12;--hero-ink:#f7f7fb;--hero-muted:#9d9da2;--hero-line:rgba(255,255,255,.1);--glass:rgba(246,246,249,0.8);--over:#0e7490;--over-bg:#dff6fb;--leave:#a21caf;--leave-bg:#fae8ff;--hol:#c2410c;--hol-bg:#ffedd5;--on-hero-brand:#c026d3;color-scheme:light}
@media (prefers-color-scheme:dark){html:root[data-tema="neon"]:not([data-theme="light"]){--bg:#08080d;--surface:#12121b;--surface2:#1a1a23;--ink:#f4f4f8;--muted:#8b8ba7;--line:#24243a;--line2:#414155;--brand:#b6ff3b;--brand2:#ff2bd6;--vurgu:#22e5ff;--brand-soft:rgba(182,255,59,0.16);--brand-ink:#08080d;--ok:#7dff9e;--ok-bg:#1b3024;--warn:#ffd60a;--warn-bg:#30290d;--bad:#ff4d6d;--bad-bg:#30131c;--shadow:0 24px 60px -20px rgba(0,0,0,.72);--shadow-sm:0 1px 2px rgba(0,0,0,.45);--accent:#f4f4f8;--accent-ink:#08080d;--hero:#15151f;--hero-ink:#f7f7fb;--hero-muted:#a1a1a7;--hero-line:rgba(255,255,255,.1);--glass:rgba(8,8,13,0.76);--over:#22e5ff;--over-bg:#062a30;--leave:#ff6bd6;--leave-bg:#33102c;--hol:#ffb020;--hol-bg:#2e2106;--on-hero-brand:#ff2bd6;color-scheme:dark}}
html:root[data-tema="neon"][data-theme="dark"]{--bg:#08080d;--surface:#12121b;--surface2:#1a1a23;--ink:#f4f4f8;--muted:#8b8ba7;--line:#24243a;--line2:#414155;--brand:#b6ff3b;--brand2:#ff2bd6;--vurgu:#22e5ff;--brand-soft:rgba(182,255,59,0.16);--brand-ink:#08080d;--ok:#7dff9e;--ok-bg:#1b3024;--warn:#ffd60a;--warn-bg:#30290d;--bad:#ff4d6d;--bad-bg:#30131c;--shadow:0 24px 60px -20px rgba(0,0,0,.72);--shadow-sm:0 1px 2px rgba(0,0,0,.45);--accent:#f4f4f8;--accent-ink:#08080d;--hero:#15151f;--hero-ink:#f7f7fb;--hero-muted:#a1a1a7;--hero-line:rgba(255,255,255,.1);--glass:rgba(8,8,13,0.76);--over:#22e5ff;--over-bg:#062a30;--leave:#ff6bd6;--leave-bg:#33102c;--hol:#ffb020;--hol-bg:#2e2106;--on-hero-brand:#ff2bd6;color-scheme:dark}
/* lavanta */
html:root[data-tema="lavanta"]{--radius:26px;--r-sm:18px;--baslik-w:900;--baslik-ls:-.02em;--display:"Nunito",system-ui,-apple-system,"Segoe UI",sans-serif;--sans:"Nunito",system-ui,-apple-system,"Segoe UI",sans-serif;--bg:#f7f5fd;--surface:#ffffff;--surface2:#fbfafe;--ink:#221b3a;--muted:#665f82;--line:#e8e3f6;--line2:#ccc7dc;--brand:#6d4aff;--brand2:#b39dff;--vurgu:#fb7185;--brand-soft:rgba(109,74,255,0.12);--brand-ink:#ffffff;--ok:#047857;--ok-bg:#e3f0ed;--warn:#a14a08;--warn-bg:#f5ebe4;--bad:#be123c;--bad-bg:#f8e5ea;--shadow:0 24px 60px -24px rgba(32,39,90,0.28);--shadow-sm:0 1px 2px rgba(34,27,58,0.07);--accent:#221b3a;--accent-ink:#f7f5fd;--hero:#2d2350;--hero-ink:#f7f7fb;--hero-muted:#aaa6ba;--hero-line:rgba(255,255,255,.1);--glass:rgba(247,245,253,0.8);--over:#1d4ed8;--over-bg:#e3ebff;--leave:#be185d;--leave-bg:#fde7f1;--hol:#c2410c;--hol-bg:#ffedd5;--on-hero-brand:#b39dff;color-scheme:light}
@media (prefers-color-scheme:dark){html:root[data-tema="lavanta"]:not([data-theme="light"]){--bg:#130f22;--surface:#1d1733;--surface2:#241e3a;--ink:#efeaff;--muted:#a39cc4;--line:#2e2650;--line2:#494168;--brand:#a78bfa;--brand2:#7c5cff;--vurgu:#fda4af;--brand-soft:rgba(167,139,250,0.16);--brand-ink:#130f22;--ok:#6ee7b7;--ok-bg:#22323a;--warn:#fcd34d;--warn-bg:#382e29;--bad:#fb7185;--bad-bg:#381f32;--shadow:0 24px 60px -20px rgba(0,0,0,.72);--shadow-sm:0 1px 2px rgba(0,0,0,.45);--accent:#efeaff;--accent-ink:#130f22;--hero:#241c40;--hero-ink:#f7f7fb;--hero-muted:#a7a4b4;--hero-line:rgba(255,255,255,.1);--glass:rgba(19,15,34,0.76);--over:#93b4ff;--over-bg:#18224a;--leave:#f9a8d4;--leave-bg:#3a1630;--hol:#fdba74;--hol-bg:#2e1b10;--on-hero-brand:#7c5cff;color-scheme:dark}}
html:root[data-tema="lavanta"][data-theme="dark"]{--bg:#130f22;--surface:#1d1733;--surface2:#241e3a;--ink:#efeaff;--muted:#a39cc4;--line:#2e2650;--line2:#494168;--brand:#a78bfa;--brand2:#7c5cff;--vurgu:#fda4af;--brand-soft:rgba(167,139,250,0.16);--brand-ink:#130f22;--ok:#6ee7b7;--ok-bg:#22323a;--warn:#fcd34d;--warn-bg:#382e29;--bad:#fb7185;--bad-bg:#381f32;--shadow:0 24px 60px -20px rgba(0,0,0,.72);--shadow-sm:0 1px 2px rgba(0,0,0,.45);--accent:#efeaff;--accent-ink:#130f22;--hero:#241c40;--hero-ink:#f7f7fb;--hero-muted:#a7a4b4;--hero-line:rgba(255,255,255,.1);--glass:rgba(19,15,34,0.76);--over:#93b4ff;--over-bg:#18224a;--leave:#f9a8d4;--leave-bg:#3a1630;--hol:#fdba74;--hol-bg:#2e1b10;--on-hero-brand:#7c5cff;color-scheme:dark}

/* ---------- Yazı boyutu (K44) — mesaim'deki zoom kurallarıyla aynı ---------- */
html[data-fs="sm"] body{zoom:.92}
html[data-fs="lg"] body{zoom:1.12}
html[data-fs="xl"] body{zoom:1.25}

/* ---------- Yüksek kontrast (K44) ---------- */
html:root[data-tema][data-kontrast="1"]{--muted:color-mix(in srgb,var(--ink) 84%,var(--bg));--line:color-mix(in srgb,var(--ink) 40%,var(--bg));--line2:color-mix(in srgb,var(--ink) 55%,var(--bg));--hero-muted:#e9e9f0}
html[data-kontrast="1"] #main a:not(.btn):not(.chip):not([class*="kart"]):not(.calc):not(.try-card){text-decoration:underline;text-underline-offset:3px}
html[data-kontrast="1"] :focus-visible{outline:3px solid var(--ink)!important;outline-offset:3px}
html[data-kontrast="1"] .btn{border-width:2px}
html[data-kontrast="1"] .site-head::before{background:var(--bg);-webkit-backdrop-filter:none;backdrop-filter:none}
html[data-kontrast="1"] .t-akan,html[data-kontrast="1"] .t-parilti{background:none!important;-webkit-text-fill-color:currentColor;color:var(--brand)!important;animation:none!important}

/* ---------- Düğmeler: rounded | pill | glow ---------- */
html[data-btn]{--r-btn:13px}
html[data-btn="pill"]{--r-btn:999px}
html[data-btn="glow"]{--r-btn:12px}
body:not(.mesaim) .btn,body:not(.mesaim) .btn.sm,body:not(.mesaim) .btn.lg{border-radius:var(--r-btn,13px)}
html[data-btn] body:not(.mesaim) .btn.primary{position:relative;overflow:hidden;isolation:isolate;background:var(--brand);color:var(--brand-ink);border-color:transparent;box-shadow:0 10px 24px -14px color-mix(in srgb,var(--brand) 90%,transparent)}
html[data-btn] body:not(.mesaim) .btn.primary:hover{box-shadow:0 16px 30px -14px color-mix(in srgb,var(--brand) 95%,transparent)}
html[data-btn="glow"] body:not(.mesaim) .btn.primary{background:linear-gradient(135deg,var(--brand),var(--brand2));box-shadow:0 0 0 1px color-mix(in srgb,var(--brand) 55%,transparent),0 10px 32px -8px color-mix(in srgb,var(--brand) 65%,transparent)}
html[data-btn="glow"] body:not(.mesaim) .btn.primary:hover{box-shadow:0 0 0 1px var(--brand2),0 16px 44px -6px color-mix(in srgb,var(--brand2) 70%,transparent)}
html[data-btn="glow"] body:not(.mesaim) .btn:not(.primary):not(.danger){background:color-mix(in srgb,var(--surface) 55%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
html[data-btn] body:not(.mesaim) .btn:not(.primary):not(.danger):hover{border-color:color-mix(in srgb,var(--brand) 55%,var(--line2))}
html[data-btn] body:not(.mesaim) .btn.ghost{background:transparent}

/* ---------- Kartlar: elevated | outline | gborder ---------- */
html[data-card="elevated"] body:not(.mesaim) .card{border-color:color-mix(in srgb,var(--line) 65%,transparent);box-shadow:0 1px 2px color-mix(in srgb,var(--ink) 5%,transparent),0 12px 32px -14px color-mix(in srgb,var(--ink) 16%,transparent)}
html[data-card="outline"] body:not(.mesaim) .card{box-shadow:none;border-color:var(--line)}
html[data-card="outline"] body:not(.mesaim) .card.hv-kalk:hover{border-color:var(--brand)}
html[data-card="gborder"] body:not(.mesaim) .card:not(.calc-total):not(.hb-buyuk){border:1px solid transparent;background:linear-gradient(var(--surface),var(--surface)) padding-box,linear-gradient(140deg,color-mix(in srgb,var(--brand) 62%,transparent),color-mix(in srgb,var(--line) 85%,transparent) 42%,color-mix(in srgb,var(--brand2) 62%,transparent)) border-box}
html[data-card="gborder"] body:not(.mesaim) .card.hv-kalk:hover{box-shadow:0 0 0 1px color-mix(in srgb,var(--brand) 40%,transparent),0 20px 50px -22px color-mix(in srgb,var(--brand) 60%,transparent)}
@media (prefers-color-scheme:dark){html[data-card="elevated"]:not([data-theme="light"]) body:not(.mesaim) .card{box-shadow:0 1px 0 rgba(255,255,255,.03),0 14px 34px -16px rgba(0,0,0,.75)}}
html[data-card="elevated"][data-theme="dark"] body:not(.mesaim) .card{box-shadow:0 1px 0 rgba(255,255,255,.03),0 14px 34px -16px rgba(0,0,0,.75)}

/* ---------- Menü: bar | glass | pill ---------- */
html[data-nav="glass"] .site-head:not(.kaydi){border-bottom-color:transparent}
html[data-nav="glass"] .site-head:not(.kaydi)::before{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}
html[data-nav="glass"] body.nav-acik .site-head::before{background:color-mix(in srgb,var(--bg) 84%,transparent)}
html[data-nav="pill"]{--head-h:80px}
html[data-nav="pill"] .site-head{border-bottom:0;box-shadow:none!important}
html[data-nav="pill"] .site-head::before{display:none}
html[data-nav="pill"] .head-in{min-height:58px;margin:10px auto 12px;max-width:1100px}
html[data-nav="pill"] .head-in::before{content:"";position:absolute;inset:0 4px;z-index:-1;border-radius:999px;background:color-mix(in srgb,var(--surface) 82%,transparent);-webkit-backdrop-filter:blur(16px) saturate(1.3);backdrop-filter:blur(16px) saturate(1.3);border:1px solid color-mix(in srgb,var(--line) 85%,transparent);box-shadow:0 12px 34px -18px rgba(0,0,0,.3)}
@media(max-width:600px){html[data-nav="pill"]{--head-h:72px}html[data-nav="pill"] .head-in{margin:8px 10px 6px;min-height:56px;padding:0 10px 0 14px}html[data-nav="pill"] .head-in::before{inset:0}}
/* saydam/hap menüde ilk bölüm başlığın altına uzansın */
html:is([data-nav="glass"],[data-nav="pill"]) .nav-perde+#main>.sec:first-child{margin-top:calc(-1 * var(--head-h));padding-top:calc(var(--head-h) + 52px)}
html:is([data-nav="glass"],[data-nav="pill"]) .nav-perde+#main>.auth-sahne:first-child{margin-top:calc(-1 * var(--head-h));padding-top:calc(var(--head-h) + 28px)}
@media(max-width:600px){html:is([data-nav="glass"],[data-nav="pill"]) .nav-perde+#main>.sec:first-child{padding-top:calc(var(--head-h) + 34px)}}

/* ---------- Alt bilgi: columns | minimal | big ---------- */
html[data-foot="minimal"] .site-foot{padding:34px 0 26px}
html[data-foot="minimal"] .foot-grid{grid-template-columns:1fr;gap:16px}
html[data-foot="minimal"] .foot-brand{display:flex;align-items:center;gap:14px 22px;flex-wrap:wrap}
html[data-foot="minimal"] .foot-brand p{display:none}
html[data-foot="minimal"] .foot-col{display:flex;gap:6px 18px;align-items:baseline;flex-wrap:wrap}
html[data-foot="minimal"] .foot-col h3{margin:0;min-width:140px}
html[data-foot="minimal"] .foot-col ul{display:flex;flex-wrap:wrap;gap:6px 18px}
html[data-foot="minimal"] .foot-col a{font-size:14px;color:var(--muted)}
html[data-foot="minimal"] .foot-col a:hover{color:var(--ink)}
html[data-foot="big"] .site-foot{background:var(--hero);color:var(--hero-ink);border-top:0;padding-top:clamp(56px,8vw,96px);overflow:hidden;isolation:isolate}
html[data-foot="big"] .site-foot::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(50% 60% at 90% 0%,color-mix(in srgb,var(--brand) 30%,transparent),transparent 70%),radial-gradient(40% 50% at 0% 100%,color-mix(in srgb,var(--brand2) 22%,transparent),transparent 70%)}
html[data-foot="big"] .foot-cta{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;padding-bottom:clamp(36px,6vw,56px);margin-bottom:clamp(36px,6vw,56px);border-bottom:1px solid rgba(255,255,255,.14)}
html[data-foot="big"] .foot-cta h2{margin:0;font:var(--baslik-w,800) clamp(34px,6vw,72px)/1.02 var(--display);letter-spacing:-.04em;max-width:820px;color:var(--hero-ink)}
html[data-foot="big"] .foot-cta .t-akan{background-image:linear-gradient(90deg,var(--brand2),var(--vurgu),var(--brand2))}
html[data-foot="big"] .foot-cta .btn.primary{background:var(--brand2);color:var(--hero);box-shadow:none}
html[data-foot="big"] .site-foot :is(.site-logo,.foot-col a){color:var(--hero-ink)}
html[data-foot="big"] .site-foot :is(.foot-brand p,.foot-col h3,.f-note,.foot-bot nav a,.foot-bot .linkish){color:var(--hero-muted)}
html[data-foot="big"] .site-foot .foot-col a:hover,html[data-foot="big"] .foot-bot nav a:hover{color:var(--brand2)}
html[data-foot="big"] .site-foot .site-logo b{color:var(--brand2)}
html[data-foot="big"] .foot-bot{border-color:rgba(255,255,255,.14)}
html[data-foot="big"] .site-foot .btn:not(.primary){background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18);color:var(--hero-ink)}
html[data-foot="big"] .site-foot .foot-disclaimer{background:rgba(255,255,255,.07);color:var(--hero-ink);border:1px solid rgba(255,255,255,.12)}

/* ---------- Arka plan (yalnız hero/başlık bölgeleri): mesh | noise | grid | blobs ---------- */
html[data-bg="mesh"]{--sayfa-bant:radial-gradient(60% 90% at 88% 0%,color-mix(in srgb,var(--brand) 16%,transparent),transparent 70%),radial-gradient(45% 80% at 4% 20%,color-mix(in srgb,var(--brand2) 13%,transparent),transparent 70%),radial-gradient(40% 60% at 60% 100%,color-mix(in srgb,var(--vurgu) 8%,transparent),transparent 70%)}
html[data-bg="noise"]{--sayfa-bant:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .5 0 0 0 0 .4 0 0 0 0 .2 0 0 0 .09 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),radial-gradient(70% 90% at 80% 0%,color-mix(in srgb,var(--brand) 17%,transparent),transparent 70%),radial-gradient(40% 70% at 0% 30%,color-mix(in srgb,var(--brand2) 10%,transparent),transparent 70%)}
html[data-bg="grid"]{--sayfa-bant:radial-gradient(50% 70% at 50% -10%,color-mix(in srgb,var(--brand) 24%,transparent),transparent 70%),linear-gradient(color-mix(in srgb,var(--ink) 6%,transparent) 1px,transparent 1px) 0 0/44px 44px,linear-gradient(90deg,color-mix(in srgb,var(--ink) 6%,transparent) 1px,transparent 1px) 0 0/44px 44px}
html[data-bg="blobs"]{--sayfa-bant:radial-gradient(260px 220px at 92% 12%,color-mix(in srgb,var(--brand) 20%,transparent),transparent 70%),radial-gradient(220px 200px at 6% 70%,color-mix(in srgb,var(--brand2) 20%,transparent),transparent 70%),radial-gradient(120px 110px at 55% 10%,color-mix(in srgb,var(--vurgu) 14%,transparent),transparent 70%)}

/* Tema arka plan katmanı: <div class="tema-bg"> — hero ve giriş/kayıt sahnesinde */
.tema-bg{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden;background:var(--sayfa-bant)}
.tema-bg>*{position:absolute;inset:0;display:none}
.tema-bg>.tb-bulut{display:block;opacity:.75}
html:not([data-bg="mesh"]) .tema-bg>.tb-bulut{display:none}
html[data-bg="grid"] .tema-bg>.tb-izgara{display:block;top:auto;height:62%;opacity:.38;-webkit-mask-image:linear-gradient(transparent,#000 40%);mask-image:linear-gradient(transparent,#000 40%)}
html[data-bg="grid"] .tema-bg{-webkit-mask-image:none;mask-image:none}
html[data-bg="blobs"] .tema-bg>.tb-blob{display:block;inset:auto;border-radius:42% 58% 63% 37%/41% 44% 56% 59%;opacity:.2;animation:tb-morph 14s ease-in-out infinite}
.tema-bg>.tb-blob.b1{width:420px;height:420px;right:-120px;top:-120px;background:var(--brand)}
.tema-bg>.tb-blob.b2{width:300px;height:300px;left:-110px;bottom:-60px;background:var(--brand2);animation-delay:-5s}
.tema-bg>.tb-blob.b3{width:160px;height:160px;left:42%;top:12%;background:var(--vurgu);opacity:.16;animation-delay:-9s}
@keyframes tb-morph{0%,100%{border-radius:42% 58% 63% 37%/41% 44% 56% 59%;transform:rotate(0)}50%{border-radius:61% 39% 35% 65%/58% 62% 38% 42%;transform:rotate(25deg) scale(1.06)}}
html[data-bg="noise"] .tema-bg>.tb-isik{display:block;inset:-20% -10% auto auto;width:70%;height:90%;background:radial-gradient(closest-side,color-mix(in srgb,var(--brand) 22%,transparent),transparent);filter:blur(10px)}
html[data-tema="neon"] .tema-bg>.tb-parcacik{display:block}
.tema-bg>.tb-parcacik canvas{position:absolute;inset:0;width:100%;height:100%}
:is(html[data-anim="az"],html[data-anim="kapali"]) .tema-bg>*{animation:none!important}
@media (prefers-reduced-motion:reduce){html:not([data-anim="tam"]) .tema-bg>*{animation:none!important}}

/* ---------- Görünüm penceresi (js/tema.js) ---------- */
.mvt{position:fixed;inset:0;z-index:1200;display:flex;align-items:center;justify-content:center;padding:16px}
.mvt-perde{position:absolute;inset:0;background:color-mix(in srgb,var(--ink) 45%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.mvt-kutu{position:relative;width:min(720px,100%);max-height:min(92vh,880px);display:flex;flex-direction:column;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:calc(var(--radius,20px) + 4px);box-shadow:var(--shadow);font-family:var(--sans);font-size:15px;line-height:1.5}
.mvt-bas{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:20px 22px 12px;border-bottom:1px solid var(--line)}
.mvt-bas h2{margin:0;font:var(--baslik-w,800) 21px/1.2 var(--display);letter-spacing:var(--baslik-ls,-.02em)}
.mvt-bas p{margin:4px 0 0;color:var(--muted);font-size:13.5px}
.mvt-x{flex:none;width:40px;height:40px;border-radius:12px;border:1px solid var(--line);background:var(--surface2);color:var(--ink);font-size:22px;line-height:1;cursor:pointer}
.mvt-ic{overflow:auto;padding:16px 22px 8px;overscroll-behavior:contain}
.mvt-grup{border:0;margin:0 0 18px;padding:0;min-width:0}
.mvt-grup>legend,.mvt-etiket{display:block;padding:0;margin:0 0 9px;font-weight:800;font-size:14px}
.mvt-grup>legend small,.mvt-etiket small{display:block;font-weight:500;color:var(--muted);font-size:12.5px;margin-top:1px}
.mvt-temalar{display:grid;grid-template-columns:repeat(auto-fill,minmax(122px,1fr));gap:10px}
.mvt-tema{position:relative;display:flex;flex-direction:column;gap:7px;padding:7px;border:2px solid var(--line);border-radius:16px;background:var(--surface);color:var(--ink);cursor:pointer;text-align:left;font:inherit;transition:border-color .2s,transform .2s,box-shadow .2s}
.mvt-tema:hover{transform:translateY(-2px);border-color:var(--line2)}
.mvt-tema[aria-checked="true"]{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}
.mvt-tema[aria-checked="true"]::after{content:"✓";position:absolute;top:10px;right:10px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--brand);color:var(--brand-ink);font-size:13px;font-weight:900}
.mvt-tema b{font-size:13.5px;line-height:1.2;padding:0 3px}
.mvt-tema small{display:block;color:var(--muted);font-size:11.5px;font-weight:600;padding:0 3px 2px;line-height:1.3}
.mvt-mini{height:74px;border-radius:10px;overflow:hidden;display:grid;grid-template-rows:12px 1fr;gap:6px;padding:6px;border:1px solid rgba(127,127,127,.18)}
.mvt-mini .n{display:flex;gap:4px;align-items:center;border-radius:4px;padding:0 4px}
.mvt-mini .n i{display:block;height:4px;border-radius:2px;width:14px;opacity:.7}
.mvt-mini .n i:first-child{width:8px;height:8px;opacity:1}
.mvt-mini .g{display:grid;grid-template-columns:1.2fr 1fr;gap:6px}
.mvt-mini .t{display:flex;flex-direction:column;gap:4px;justify-content:center}
.mvt-mini .t i{display:block;height:5px;border-radius:3px}
.mvt-mini .t i.b{height:9px;width:60%;border-radius:5px}
.mvt-mini .v{border-radius:6px}
.mvt-seg{display:flex;flex-wrap:wrap;gap:4px;padding:4px;border:1px solid var(--line);border-radius:14px;background:var(--surface2)}
.mvt-seg button{flex:1 1 auto;min-width:74px;padding:9px 10px;border:0;border-radius:10px;background:transparent;color:var(--muted);font:700 13.5px/1.2 var(--sans);cursor:pointer;transition:background-color .2s,color .2s}
.mvt-seg button:hover{color:var(--ink)}
.mvt-seg button[aria-checked="true"]{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm),0 0 0 1px var(--line)}
.mvt-seg.yazi button span{display:block;font-weight:800;line-height:1}
.mvt-anahtar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;cursor:pointer}
.mvt-anahtar input{flex:none;width:44px;height:26px;margin:0;-webkit-appearance:none;appearance:none;border-radius:99px;background:var(--line2);position:relative;cursor:pointer;transition:background-color .2s}
.mvt-anahtar input::after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:var(--surface);box-shadow:0 1px 3px rgba(0,0,0,.3);transition:transform .25s}
.mvt-anahtar input:checked{background:var(--brand)}
.mvt-anahtar input:checked::after{transform:translateX(18px)}
.mvt-alt{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:14px 22px 18px;border-top:1px solid var(--line)}
.mvt-alt .hint{margin:0;max-width:38ch}
.mvt-alt .dugmeler{display:flex;gap:8px;margin-left:auto}
.mvt-durum{font-size:13px;font-weight:700;color:var(--ok)}
body.mvt-acik{overflow:hidden}
@media(max-width:560px){
  .mvt{align-items:flex-end;padding:0}
  .mvt-kutu{border-radius:24px 24px 0 0;max-height:94vh}
  .mvt-bas,.mvt-ic,.mvt-alt{padding-left:16px;padding-right:16px}
  .mvt-temalar{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mvt-seg button{min-width:0;padding:9px 6px;font-size:13px}
  .mvt-alt .dugmeler{width:100%}.mvt-alt .dugmeler .btn{flex:1;justify-content:center}
}