:root{--mz-zemin:#0b0f14;--mz-zemin-koyu:#080b10;--mz-zemin-ust:#0f141b;--mz-yuzey:#121821;--mz-yuzey-2:#161d27;--mz-yuzey-3:#1b2430;--mz-cizgi:#222c3a;--mz-cizgi-kart:#263142;--mz-cizgi-2:#2c3848;--mz-cizgi-3:#3a4656;--mz-parlak:#ffffff;--mz-metin:#e8ecf1;--mz-metin-2:#c5cfdb;--mz-metin-2b:#d7dde6;--mz-soluk:#97a3b2;--mz-ana:#2ec4a6;--mz-ana-acik:#45d4b7;--mz-ana-metin:#6fdcc4;--mz-ana-zemin:#0f2622;--mz-ana-cizgi:#1f5a4e;--mz-ana-ustu:#06211c;--mz-ana-buz:#c9fff5;--mz-ana-koyu:#1f3a3a;--mz-bag:#8fbfff;--mz-bag-acik:#b7d6ff;--mz-bilgi-zemin:#12213a;--mz-bilgi-cizgi:#27477a;--mz-sponsor-zemin:#1e2433;--mz-sponsor-cizgi:#3a4a66;--mz-sponsor-metin:#c9d4ea;--mz-hata-metin:#ff9a86;--mz-hata-zemin:#331a16;--mz-hata-cizgi:#6b2f26;--mz-marka:#c43a2e;--mz-vurgu:#e0584a;--mz-vurgu-metin:#ffb3a6;--mz-puan:#6fdcc4}
html[data-tema="yesim"]{--mz-zemin:#0b0f14;--mz-zemin-koyu:#080b10;--mz-zemin-ust:#0f141b;--mz-yuzey:#121821;--mz-yuzey-2:#161d27;--mz-yuzey-3:#1b2430;--mz-cizgi:#222c3a;--mz-cizgi-kart:#263142;--mz-cizgi-2:#2c3848;--mz-cizgi-3:#3a4656;--mz-parlak:#ffffff;--mz-metin:#e8ecf1;--mz-metin-2:#c5cfdb;--mz-metin-2b:#d7dde6;--mz-soluk:#97a3b2;--mz-ana:#2ec4a6;--mz-ana-acik:#45d4b7;--mz-ana-metin:#6fdcc4;--mz-ana-zemin:#0f2622;--mz-ana-cizgi:#1f5a4e;--mz-ana-ustu:#06211c;--mz-ana-buz:#c9fff5;--mz-ana-koyu:#1f3a3a;--mz-bag:#8fbfff;--mz-bag-acik:#b7d6ff;--mz-bilgi-zemin:#12213a;--mz-bilgi-cizgi:#27477a;--mz-sponsor-zemin:#1e2433;--mz-sponsor-cizgi:#3a4a66;--mz-sponsor-metin:#c9d4ea;--mz-hata-metin:#ff9a86;--mz-hata-zemin:#331a16;--mz-hata-cizgi:#6b2f26;--mz-marka:#c43a2e;--mz-vurgu:#e0584a;--mz-vurgu-metin:#ffb3a6;--mz-puan:#6fdcc4}
html[data-tema="kizil"]{--mz-zemin-koyu:#0f090a;--mz-zemin:#140c0d;--mz-zemin-ust:#1a1011;--mz-yuzey:#201415;--mz-yuzey-2:#26181a;--mz-yuzey-3:#2e1d1f;--mz-cizgi:#382427;--mz-cizgi-kart:#40292c;--mz-cizgi-2:#462e31;--mz-cizgi-3:#543c3f;--mz-parlak:#ffffff;--mz-metin:#f1e9ea;--mz-metin-2:#d8c5c7;--mz-metin-2b:#e4d7d9;--mz-soluk:#b0999c;--mz-ana:#e5484d;--mz-ana-acik:#ea6c70;--mz-ana-metin:#ee878a;--mz-ana-zemin:#260f10;--mz-ana-cizgi:#5f2123;--mz-ana-ustu:#ffffff;--mz-ana-buz:#ffccce;--mz-ana-koyu:#3a1f20;--mz-bag:#9db9ff;--mz-bag-acik:#c3d4fd;--mz-bilgi-zemin:#131e39;--mz-bilgi-cizgi:#2a4179;--mz-sponsor-zemin:#1b322d;--mz-sponsor-cizgi:#3a7368;--mz-sponsor-metin:#ccf0e9;--mz-hata-metin:#ff9a86;--mz-hata-zemin:#331a16;--mz-hata-cizgi:#6b2f26;--mz-marka:#2ec4a6;--mz-vurgu:#2ec4a6;--mz-vurgu-metin:#acecdf;--mz-puan:#ee878a}
html[data-tema="safir"]{--mz-zemin-koyu:#070a11;--mz-zemin:#090d16;--mz-zemin-ust:#0d121e;--mz-yuzey:#0f1624;--mz-yuzey-2:#131a2b;--mz-yuzey-3:#172034;--mz-cizgi:#1d273e;--mz-cizgi-kart:#212d47;--mz-cizgi-2:#26324e;--mz-cizgi-3:#34405c;--mz-parlak:#ffffff;--mz-metin:#e9ecf1;--mz-metin-2:#c5cbd8;--mz-metin-2b:#d7dbe4;--mz-soluk:#99a0b0;--mz-ana:#4c9aff;--mz-ana-acik:#75b1ff;--mz-ana-metin:#96c3fc;--mz-ana-zemin:#0f1926;--mz-ana-cizgi:#213c5f;--mz-ana-ustu:#06101e;--mz-ana-buz:#cce2ff;--mz-ana-koyu:#1f2b3a;--mz-bag:#7fdcff;--mz-bag-acik:#c3eefd;--mz-bilgi-zemin:#132f39;--mz-bilgi-cizgi:#2a6379;--mz-sponsor-zemin:#321b1f;--mz-sponsor-cizgi:#733a44;--mz-sponsor-metin:#f0ccd2;--mz-hata-metin:#ff9a86;--mz-hata-zemin:#331a16;--mz-hata-cizgi:#6b2f26;--mz-marka:#ff5d7a;--mz-vurgu:#ff5d7a;--mz-vurgu-metin:#fec4cf;--mz-puan:#96c3fc}
html[data-tema="ametist"]{--mz-zemin-koyu:#0b0810;--mz-zemin:#0e0b15;--mz-zemin-ust:#130e1c;--mz-yuzey:#181222;--mz-yuzey-2:#1c1528;--mz-yuzey-3:#221a31;--mz-cizgi:#2a213b;--mz-cizgi-kart:#302543;--mz-cizgi-2:#362a4a;--mz-cizgi-3:#443858;--mz-parlak:#ffffff;--mz-metin:#ece9f1;--mz-metin-2:#ccc5d8;--mz-metin-2b:#dcd7e4;--mz-soluk:#a199b0;--mz-ana:#9d7bff;--mz-ana-acik:#bba3ff;--mz-ana-metin:#d3c4fd;--mz-ana-zemin:#150f26;--mz-ana-cizgi:#31215f;--mz-ana-ustu:#ffffff;--mz-ana-buz:#d9ccff;--mz-ana-koyu:#261f3a;--mz-bag:#8fc5ff;--mz-bag-acik:#c3dffd;--mz-bilgi-zemin:#132639;--mz-bilgi-cizgi:#2a5079;--mz-sponsor-zemin:#321b25;--mz-sponsor-cizgi:#733a54;--mz-sponsor-metin:#f0ccdc;--mz-hata-metin:#ff9a86;--mz-hata-zemin:#331a16;--mz-hata-cizgi:#6b2f26;--mz-marka:#ff6fb1;--mz-vurgu:#ff6fb1;--mz-vurgu-metin:#fed6e8;--mz-puan:#d3c4fd}
html[data-tema="kor"]{--mz-zemin-koyu:#0f0b09;--mz-zemin:#130e0c;--mz-zemin-ust:#1a1311;--mz-yuzey:#1f1714;--mz-yuzey-2:#251b18;--mz-yuzey-3:#2d211e;--mz-cizgi:#372925;--mz-cizgi-kart:#3f2f2a;--mz-cizgi-2:#45342f;--mz-cizgi-3:#53423d;--mz-parlak:#ffffff;--mz-metin:#f1ebe9;--mz-metin-2:#d8c9c5;--mz-metin-2b:#e4dad7;--mz-soluk:#b09e99;--mz-ana:#ff6b3d;--mz-ana-acik:#ff8a66;--mz-ana-metin:#fca387;--mz-ana-zemin:#26150f;--mz-ana-cizgi:#5f2f21;--mz-ana-ustu:#1e0b06;--mz-ana-buz:#ffd8cc;--mz-ana-koyu:#3a261f;--mz-bag:#9cc3ff;--mz-bag-acik:#c3dafd;--mz-bilgi-zemin:#132239;--mz-bilgi-cizgi:#2a4979;--mz-sponsor-zemin:#1b322d;--mz-sponsor-cizgi:#3a7368;--mz-sponsor-metin:#ccf0e9;--mz-hata-metin:#ff9a86;--mz-hata-zemin:#331a16;--mz-hata-cizgi:#6b2f26;--mz-marka:#2ec4a6;--mz-vurgu:#2ec4a6;--mz-vurgu-metin:#acecdf;--mz-puan:#fca387}
html[data-tema="buz"]{--mz-zemin-koyu:#0a0c0e;--mz-zemin:#0e1012;--mz-zemin-ust:#121618;--mz-yuzey:#161a1d;--mz-yuzey-2:#1b1f23;--mz-yuzey-3:#21262a;--mz-cizgi:#292f33;--mz-cizgi-kart:#2e353a;--mz-cizgi-2:#333b40;--mz-cizgi-3:#42494f;--mz-parlak:#ffffff;--mz-metin:#e9eef1;--mz-metin-2:#c5d0d8;--mz-metin-2b:#d7dfe4;--mz-soluk:#99a6b0;--mz-ana:#5fd3f3;--mz-ana-acik:#85ddf6;--mz-ana-metin:#a1e5f8;--mz-ana-zemin:#0f2126;--mz-ana-cizgi:#21515f;--mz-ana-ustu:#06191e;--mz-ana-buz:#ccf4ff;--mz-ana-koyu:#1f343a;--mz-bag:#a9bfff;--mz-bag-acik:#c3d2fd;--mz-bilgi-zemin:#131d39;--mz-bilgi-cizgi:#2a3e79;--mz-sponsor-zemin:#321d1b;--mz-sponsor-cizgi:#733f3a;--mz-sponsor-metin:#f0cfcc;--mz-hata-metin:#ff9a86;--mz-hata-zemin:#331a16;--mz-hata-cizgi:#6b2f26;--mz-marka:#e0584a;--mz-vurgu:#e0584a;--mz-vurgu-metin:#f0afa8;--mz-puan:#a1e5f8}
/* Metinzade ortak stil (derle.py başına tema değişkenlerini ekleyip site/mz.css olarak yazar).
   Sayfaların kendi <style> bloklarındaki temel sınıflar (.card .chip .btn .row ...) aynen durur; burada yalnız
   üstüne gösteriş, reklam alanları, popup, tema seçici ve oy sayfası bileşenleri eklenir.
   Renkler yalnız var(--mz-*) ile yazılır: tema değişince her şey birlikte değişir. */

/* ---------- genel derinlik ---------- */
html{scroll-behavior:smooth;background:var(--mz-zemin)}
body{min-height:100vh;background:
  radial-gradient(1100px 520px at 12% -120px, color-mix(in srgb, var(--mz-ana) 13%, transparent), transparent 62%) no-repeat,
  radial-gradient(900px 480px at 96% -80px, color-mix(in srgb, var(--mz-vurgu) 11%, transparent), transparent 60%) no-repeat,
  var(--mz-zemin)}
::selection{background:color-mix(in srgb, var(--mz-ana) 40%, transparent);color:var(--mz-parlak)}
:focus-visible{outline:2px solid var(--mz-ana);outline-offset:2px;border-radius:6px}
header{position:relative}
header::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;pointer-events:none;
  background:linear-gradient(90deg, transparent, var(--mz-ana) 22%, var(--mz-vurgu) 78%, transparent);opacity:.75}
.card{background:linear-gradient(180deg, var(--mz-yuzey), color-mix(in srgb, var(--mz-yuzey) 78%, var(--mz-zemin)));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035), 0 10px 28px rgba(0,0,0,.22)}
article.card{transition:border-color .18s, transform .18s, box-shadow .18s}
article.card:hover{border-color:color-mix(in srgb, var(--mz-ana) 50%, var(--mz-cizgi-kart));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 14px 34px rgba(0,0,0,.3), 0 0 0 1px color-mix(in srgb, var(--mz-ana) 18%, transparent)}
.btn{transition:background .15s, box-shadow .15s, transform .12s, border-color .15s}
.btn:active{transform:translateY(1px)}
.btn-gold{background:linear-gradient(180deg, var(--mz-ana-acik), var(--mz-ana));color:var(--mz-ana-ustu);
  box-shadow:0 6px 18px color-mix(in srgb, var(--mz-ana) 32%, transparent), inset 0 1px 0 rgba(255,255,255,.28)}
.btn-gold:hover{background:linear-gradient(180deg, var(--mz-ana-acik), var(--mz-ana-acik));
  box-shadow:0 8px 24px color-mix(in srgb, var(--mz-ana) 45%, transparent), inset 0 1px 0 rgba(255,255,255,.3)}
.btn-ghost:hover{border-color:color-mix(in srgb, var(--mz-ana) 45%, var(--mz-cizgi-2))}
.nav a.on{box-shadow:inset 0 -2px 0 var(--mz-ana)}
main h1, main h2{display:flex;align-items:center;gap:10px}
main h1::before, main h2::before{content:"";flex:none;width:4px;height:1em;border-radius:3px;
  background:linear-gradient(180deg, var(--mz-ana), var(--mz-vurgu))}
.mz-duz::before{display:none !important}
.chip-teal{box-shadow:0 0 0 1px color-mix(in srgb, var(--mz-ana) 12%, transparent)}
.row{transition:background .15s}

/* ---------- ana sayfa kahraman şeridi ---------- */
.mz-hero{position:relative;overflow:hidden;border-radius:16px;padding:28px 32px;border:1px solid color-mix(in srgb, var(--mz-ana) 30%, var(--mz-cizgi-kart));
  background:
    radial-gradient(520px 260px at 88% 20%, color-mix(in srgb, var(--mz-vurgu) 30%, transparent), transparent 70%),
    radial-gradient(620px 300px at 6% 110%, color-mix(in srgb, var(--mz-ana) 32%, transparent), transparent 70%),
    linear-gradient(135deg, var(--mz-yuzey-3), var(--mz-zemin-ust));
  box-shadow:0 22px 60px rgba(0,0,0,.4), inset 0 1px 0 rgba(255,255,255,.06);display:flex;gap:24px 40px;flex-wrap:wrap;align-items:center}
.mz-hero::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;
  background-image:linear-gradient(var(--mz-cizgi) 1px, transparent 1px), linear-gradient(90deg, var(--mz-cizgi) 1px, transparent 1px);
  background-size:44px 44px;mask-image:radial-gradient(ellipse at 70% 40%, #000 0, transparent 68%);-webkit-mask-image:radial-gradient(ellipse at 70% 40%, #000 0, transparent 68%)}
.mz-hero > *{position:relative}
.mz-hero-yazi{flex:1 1 420px;min-width:0;display:flex;flex-direction:column;gap:12px}
.mz-hero h1{font-size:clamp(24px, 3.4vw, 38px);line-height:1.12;letter-spacing:-.02em;display:block}
.mz-hero h1::before{display:none}
.mz-hero h1 em{font-style:normal;background:linear-gradient(90deg, var(--mz-ana-metin), var(--mz-vurgu-metin));-webkit-background-clip:text;background-clip:text;color:transparent}
.mz-hero p{margin:0;color:var(--mz-metin-2);font-size:15px;max-width:60ch}
.mz-hero-dugme{display:flex;gap:10px;flex-wrap:wrap;margin-top:4px}
.mz-hero-sayi{flex:0 1 380px;display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:10px}
.mz-sayi{padding:14px 16px;border-radius:12px;background:color-mix(in srgb, var(--mz-zemin) 62%, transparent);border:1px solid var(--mz-cizgi-2);backdrop-filter:blur(6px)}
.mz-sayi b{display:block;font-family:'Space Grotesk',Inter,sans-serif;font-size:26px;line-height:1.1;color:var(--mz-parlak);font-variant-numeric:tabular-nums}
.mz-sayi span{font-size:12px;color:var(--mz-soluk)}
.mz-sayi.mz-canli b{color:var(--mz-ana-metin)}
.mz-nabiz{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--mz-ana);box-shadow:0 0 0 0 color-mix(in srgb, var(--mz-ana) 70%, transparent);animation:mz-nabiz 1.8s infinite}
@keyframes mz-nabiz{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--mz-ana) 65%, transparent)}70%{box-shadow:0 0 0 9px transparent}100%{box-shadow:0 0 0 0 transparent}}

/* ---------- bölüm kartları ---------- */
.mz-bolum{position:relative;overflow:hidden}
.mz-bolum::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg, var(--mz-b, var(--mz-ana)), color-mix(in srgb, var(--mz-b, var(--mz-ana)) 25%, transparent))}
.mz-bolum::after{content:"";position:absolute;right:-60px;top:-60px;width:220px;height:220px;border-radius:50%;pointer-events:none;
  background:radial-gradient(circle, color-mix(in srgb, var(--mz-b, var(--mz-ana)) 20%, transparent), transparent 70%)}
.mz-bolum > *{position:relative}
.mz-bolum .logo{width:48px;height:48px;border-radius:12px;background:linear-gradient(145deg, color-mix(in srgb, var(--mz-b, var(--mz-ana)) 34%, var(--mz-yuzey-2)), var(--mz-yuzey-2)) !important;
  color:color-mix(in srgb, var(--mz-b, var(--mz-ana)) 55%, var(--mz-parlak)) !important;border:1px solid color-mix(in srgb, var(--mz-b, var(--mz-ana)) 45%, transparent);
  box-shadow:0 6px 18px color-mix(in srgb, var(--mz-b, var(--mz-ana)) 22%, transparent)}
.mz-bolum h3{font-size:18px !important;letter-spacing:-.01em}
.mz-bolum h3 a{background:linear-gradient(90deg, var(--mz-parlak), color-mix(in srgb, var(--mz-b, var(--mz-ana)) 60%, var(--mz-parlak)));-webkit-background-clip:text;background-clip:text;color:transparent !important}
.mz-bolum .chip{transition:border-color .15s, background .15s, color .15s}
.mz-bolum .chip:hover{border-color:color-mix(in srgb, var(--mz-b, var(--mz-ana)) 60%, transparent);background:color-mix(in srgb, var(--mz-b, var(--mz-ana)) 14%, var(--mz-yuzey-2));color:var(--mz-parlak)}
.mz-bolum--one{border-color:color-mix(in srgb, var(--mz-b, var(--mz-ana)) 48%, var(--mz-cizgi-kart));
  background:linear-gradient(120deg, color-mix(in srgb, var(--mz-b, var(--mz-ana)) 11%, var(--mz-yuzey)), var(--mz-yuzey) 55%)}
.mz-b-ana{--mz-b:var(--mz-ana)} .mz-b-vurgu{--mz-b:var(--mz-vurgu)} .mz-b-bag{--mz-b:var(--mz-bag)} .mz-b-mor{--mz-b:#a78bfa}
.mz-serit{display:inline-flex;align-items:center;gap:6px;padding:2px 9px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;
  color:var(--mz-ana-ustu);background:linear-gradient(90deg, var(--mz-ana), var(--mz-ana-acik))}
.mz-serit--vurgu{color:#fff;background:linear-gradient(90deg, var(--mz-vurgu), color-mix(in srgb, var(--mz-vurgu) 70%, var(--mz-ana)))}

/* ---------- konu başlıkları: önekler ve öne çıkan satırlar ---------- */
.mz-onek{display:inline-flex;align-items:center;gap:5px;flex:none;height:20px;padding:0 8px;border-radius:5px;font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;
  border:1px solid var(--mz-cizgi-2);color:var(--mz-metin-2);background:var(--mz-yuzey-2)}
.mz-onek--acilis{color:var(--mz-ana-ustu);border-color:transparent;background:linear-gradient(90deg, var(--mz-ana), var(--mz-ana-acik))}
.mz-onek--tanitim{color:var(--mz-ana-metin);border-color:var(--mz-ana-cizgi);background:var(--mz-ana-zemin)}
.mz-onek--rehber{color:var(--mz-bag);border-color:var(--mz-bilgi-cizgi);background:var(--mz-bilgi-zemin)}
.mz-onek--soru{color:var(--mz-metin-2)}
.mz-onek--cozuldu{color:var(--mz-ana-metin);border-color:var(--mz-ana-cizgi)}
.mz-onek--sponsor{color:var(--mz-sponsor-metin);border-color:var(--mz-sponsor-cizgi);background:var(--mz-sponsor-zemin)}
.mz-onek--sicak{color:#fff;border-color:transparent;background:linear-gradient(90deg, var(--mz-vurgu), color-mix(in srgb, var(--mz-vurgu) 60%, #ff2d55))}
.mz-onek--vip{color:#fff;border-color:transparent;background:linear-gradient(90deg, var(--mz-vurgu), var(--mz-ana));box-shadow:0 0 14px color-mix(in srgb, var(--mz-vurgu) 45%, transparent)}
.mz-konu-baslik{font-weight:600;color:var(--mz-metin)}
.mz-konu-baslik--one{font-weight:700;color:var(--mz-parlak);text-shadow:0 0 18px color-mix(in srgb, var(--mz-ana) 45%, transparent)}
.mz-konu-baslik--vip{font-weight:800;background:linear-gradient(90deg, var(--mz-vurgu-metin), var(--mz-ana-metin) 60%, var(--mz-parlak));-webkit-background-clip:text;background-clip:text;color:transparent !important;
  background-size:200% 100%;animation:mz-akis 5s linear infinite}
@keyframes mz-akis{0%{background-position:0 0}100%{background-position:200% 0}}
.mz-satir-one{position:relative;background:linear-gradient(90deg, color-mix(in srgb, var(--mz-ana) 10%, transparent), transparent 55%)}
.mz-satir-one::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--mz-ana)}
.mz-satir-vip{position:relative;background:linear-gradient(90deg, color-mix(in srgb, var(--mz-vurgu) 14%, transparent), color-mix(in srgb, var(--mz-ana) 7%, transparent) 60%, transparent);
  box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--mz-vurgu) 28%, transparent)}
.mz-satir-vip::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg, var(--mz-vurgu), var(--mz-ana))}
.mz-satir-vip::after{content:"";position:absolute;top:0;bottom:0;width:120px;left:-140px;pointer-events:none;
  background:linear-gradient(100deg, transparent, rgba(255,255,255,.07), transparent);animation:mz-parlama 4.5s ease-in-out infinite}
@keyframes mz-parlama{0%,60%{left:-140px}100%{left:110%}}
.mz-satir{display:flex;align-items:center;gap:16px;padding:12px 16px;border-top:1px solid var(--mz-cizgi)}
.mz-satir:hover{background-color:var(--mz-yuzey-2)}
.mz-reklam-satir{padding:12px 16px;border-top:1px solid var(--mz-cizgi)}
.mz-sira{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;font-family:'Space Grotesk',Inter,sans-serif;font-weight:700;font-size:17px;
  color:var(--mz-metin-2);background:var(--mz-yuzey-2);border:1px solid var(--mz-cizgi-2)}
.mz-sira--1{color:#fff;border-color:transparent;background:linear-gradient(145deg, var(--mz-vurgu), color-mix(in srgb, var(--mz-vurgu) 55%, var(--mz-ana)));box-shadow:0 0 18px color-mix(in srgb, var(--mz-vurgu) 50%, transparent)}
.mz-sira--2{color:var(--mz-ana-ustu);border-color:transparent;background:linear-gradient(145deg, var(--mz-ana-acik), var(--mz-ana));box-shadow:0 0 14px color-mix(in srgb, var(--mz-ana) 40%, transparent)}
.mz-sira--3{color:var(--mz-bag);border-color:var(--mz-bilgi-cizgi);background:var(--mz-bilgi-zemin)}
.mz-vitrin-kart{position:relative;border:1px solid var(--mz-sponsor-cizgi);background:linear-gradient(135deg, color-mix(in srgb, var(--mz-vurgu) 12%, var(--mz-zemin)), var(--mz-zemin) 60%) !important;transition:border-color .15s, box-shadow .15s, transform .15s}
.mz-vitrin-kart:hover{border-color:var(--mz-vurgu);box-shadow:0 10px 28px color-mix(in srgb, var(--mz-vurgu) 22%, transparent);transform:translateY(-2px)}
.mz-beyan{font-size:11px;font-weight:500;color:var(--mz-soluk)}
.mz-online{display:inline-flex;align-items:center;gap:6px;font-weight:700;color:var(--mz-ana-metin);font-variant-numeric:tabular-nums}
.mz-site-bag{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--mz-soluk)}
.mz-site-bag b{color:var(--mz-ana-metin);font-weight:600}

/* ---------- reklam alanları ---------- */
.mz-reklam{position:relative;display:flex;align-items:center;justify-content:center;margin:0 auto;max-width:100%;overflow:hidden;border-radius:10px;
  border:1px dashed var(--mz-cizgi-2);background:repeating-linear-gradient(135deg, color-mix(in srgb, var(--mz-yuzey-2) 70%, transparent) 0 14px, transparent 14px 28px), var(--mz-yuzey);
  color:var(--mz-metin-2);text-decoration:none}
.mz-reklam::after{content:"Reklam";position:absolute;top:5px;right:6px;z-index:2;padding:1px 6px;border-radius:4px;font-size:9.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
  color:var(--mz-soluk);background:color-mix(in srgb, var(--mz-zemin) 82%, transparent);border:1px solid var(--mz-cizgi-2);pointer-events:none}
.mz-reklam[data-dolu]{border-style:solid;border-color:var(--mz-cizgi-kart);background:var(--mz-zemin-koyu)}
.mz-reklam a.mz-reklam-gorsel{display:block;width:100%;height:100%;line-height:0}
.mz-reklam img{display:block;width:100%;height:100%;object-fit:cover}
.mz-reklam-yedek{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:100%;height:100%;padding:8px 14px;box-sizing:border-box;text-align:center;color:var(--mz-metin-2) !important}
.mz-reklam-yedek strong{color:var(--mz-parlak);font-family:'Space Grotesk',Inter,sans-serif;font-size:15px}
.mz-reklam-yedek span{font-size:11.5px;color:var(--mz-soluk)}
.mz-reklam-yedek:hover strong{color:var(--mz-ana-metin)}
.mz-r-970x90{width:970px;aspect-ratio:970/90}
.mz-r-970x250{width:970px;aspect-ratio:970/250}
.mz-r-728x90{width:728px;aspect-ratio:728/90}
.mz-r-468x60{width:468px;aspect-ratio:468/60}
.mz-r-300x250{width:300px;aspect-ratio:300/250}
.mz-r-300x600{width:300px;aspect-ratio:300/600}
.mz-r-160x600{width:160px;height:600px}
.mz-r-320x50{width:320px;aspect-ratio:320/50}
.mz-r-640x480{width:640px;aspect-ratio:640/480}
.mz-reklam-serit{max-width:1320px;margin:0 auto;padding:14px 24px 0;width:100%;box-sizing:border-box;display:flex;flex-direction:column;gap:8px}
.mz-reklam-serit--alt{padding:0 24px 24px}
.mz-metin-reklam{display:flex;align-items:center;gap:6px 16px;flex-wrap:wrap;justify-content:center;font-size:12.5px;color:var(--mz-soluk)}
.mz-metin-reklam a{color:var(--mz-metin-2);font-weight:600}
.mz-metin-reklam a:hover{color:var(--mz-ana-metin)}
.mz-metin-reklam .mz-onek{height:18px}
.mz-kule{position:fixed;top:132px;z-index:5;display:none}
.mz-kule--sol{left:calc(50% - 660px - 176px)} .mz-kule--sag{right:calc(50% - 660px - 176px)}
@media (min-width:1700px){.mz-kule{display:block}}
.mz-yapiskan{position:fixed;left:0;right:0;bottom:62px;z-index:49;display:none;align-items:center;justify-content:center;gap:6px;padding:6px 8px;
  background:color-mix(in srgb, var(--mz-zemin-ust) 94%, transparent);border-top:1px solid var(--mz-cizgi);backdrop-filter:blur(8px)}
.mz-kapat{flex:none;width:28px;height:28px;border-radius:8px;border:1px solid var(--mz-cizgi-2);background:var(--mz-yuzey-2);color:var(--mz-metin-2);font-size:16px;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}
.mz-kapat:hover{color:var(--mz-parlak);border-color:var(--mz-ana)}
@media (max-width:768px){
  .mz-yapiskan:not([hidden]){display:flex}
  body.mz-yapiskan-var{padding-bottom:138px !important}
  .mz-reklam-serit{padding:12px 16px 0} .mz-reklam-serit--alt{padding:0 16px 16px}
  .mz-hero{padding:20px 18px;border-radius:14px}
  .mz-hero-sayi{flex-basis:100%}
}

/* ---------- açılış popup'ı ---------- */
.mz-popup-arka{position:fixed;inset:0;z-index:200;display:none;align-items:center;justify-content:center;padding:16px;background:rgba(4,6,10,.74);backdrop-filter:blur(5px)}
.mz-popup-arka.acik{display:flex;animation:mz-belir .22s ease-out}
.mz-popup{position:relative;width:min(640px, 100%);border-radius:16px;overflow:hidden;border:1px solid color-mix(in srgb, var(--mz-ana) 40%, var(--mz-cizgi-2));background:var(--mz-yuzey);
  box-shadow:0 30px 90px rgba(0,0,0,.65), 0 0 0 1px color-mix(in srgb, var(--mz-ana) 16%, transparent)}
.mz-popup .mz-reklam{border:0;border-radius:0;width:100%}
.mz-popup-alt{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;font-size:12px;color:var(--mz-soluk);border-top:1px solid var(--mz-cizgi)}
.mz-popup .mz-reklam::after{right:auto;left:8px}
.mz-popup .mz-kapat{position:absolute;top:10px;right:10px;z-index:3;width:34px;height:34px;font-size:18px;background:color-mix(in srgb, var(--mz-zemin) 88%, transparent)}
@keyframes mz-belir{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
/* mobilde tam ekran kaplamaz: içerik okunur kalır (arama motorlarının araya giren reklam kuralı) */
@media (max-width:600px){
  .mz-popup-arka{align-items:flex-end;padding:0 0 64px;background:transparent;backdrop-filter:none;pointer-events:none}
  .mz-popup{pointer-events:auto;border-radius:16px 16px 0 0}
  .mz-popup .mz-reklam.mz-mobil{aspect-ratio:640/300}
  .mz-popup-alt{padding:8px 12px}
}
.mz-reklam.mz-mobil{width:100%;aspect-ratio:320/100}
.mz-yapiskan .mz-reklam.mz-mobil{aspect-ratio:320/50}

/* ---------- tema önizleme ---------- */
.mz-tema-izgara{display:grid;grid-template-columns:repeat(auto-fit, minmax(min(300px, 100%), 1fr));gap:16px}
.mz-tema-kart{display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:14px;border:1px solid var(--k-cizgi);background:var(--k-yuzey);color:var(--k-metin);cursor:pointer;text-align:left;font:inherit;transition:transform .15s, box-shadow .15s}
.mz-tema-kart:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(0,0,0,.45)}
.mz-tema-kart[aria-pressed="true"]{box-shadow:0 0 0 2px var(--k-ana), 0 18px 40px rgba(0,0,0,.45)}
.mz-tema-sahne{border-radius:10px;padding:14px;background:var(--k-zemin);border:1px solid var(--k-cizgi);display:flex;flex-direction:column;gap:10px}
.mz-tema-renkler{display:flex;gap:6px}
.mz-tema-renkler i{flex:1;height:26px;border-radius:6px;border:1px solid rgba(255,255,255,.08)}
.mz-tema-pil{position:fixed;left:16px;bottom:84px;z-index:120;display:none;align-items:center;gap:10px;padding:8px 10px 8px 14px;border-radius:999px;font-size:12.5px;
  background:var(--mz-yuzey-3);border:1px solid var(--mz-ana-cizgi);color:var(--mz-metin);box-shadow:0 12px 34px rgba(0,0,0,.5)}
.mz-tema-pil.acik{display:flex}
.mz-tema-pil a{font-weight:700;color:var(--mz-ana-metin)}

/* ---------- oy sayfaları (oy API'si /oy/...) ---------- */
.mz-oy-sayfa{max-width:1080px;margin:0 auto;padding:24px 16px 48px;display:grid;grid-template-columns:minmax(0, 1fr) 320px;gap:20px;align-items:start}
@media (max-width:900px){.mz-oy-sayfa{grid-template-columns:minmax(0, 1fr)}}
.mz-oy-kart{border-radius:16px;border:1px solid var(--mz-cizgi-kart);background:linear-gradient(180deg, var(--mz-yuzey), color-mix(in srgb, var(--mz-yuzey) 78%, var(--mz-zemin)));box-shadow:0 18px 50px rgba(0,0,0,.35);overflow:hidden}
.mz-oy-ust{position:relative;padding:22px 22px 18px;display:flex;gap:16px;align-items:center;flex-wrap:wrap;
  background:radial-gradient(420px 180px at 90% 0, color-mix(in srgb, var(--mz-vurgu) 26%, transparent), transparent 70%), radial-gradient(420px 200px at 0 100%, color-mix(in srgb, var(--mz-ana) 26%, transparent), transparent 70%), var(--mz-yuzey-3);
  border-bottom:1px solid var(--mz-cizgi)}
.mz-oy-logo{width:64px;height:64px;border-radius:16px;flex:none;display:flex;align-items:center;justify-content:center;font-family:'Space Grotesk',Inter,sans-serif;font-weight:700;font-size:22px;color:#fff;
  box-shadow:0 10px 26px rgba(0,0,0,.4), inset 0 1px 0 rgba(255,255,255,.25)}
.mz-oy-ust h1{font-size:24px;margin:0;display:block} .mz-oy-ust h1::before{display:none}
.mz-oy-sira{margin-left:auto;text-align:center;padding:8px 14px;border-radius:12px;background:color-mix(in srgb, var(--mz-zemin) 60%, transparent);border:1px solid var(--mz-cizgi-2)}
.mz-oy-sira b{display:block;font-family:'Space Grotesk',Inter,sans-serif;font-size:24px;color:var(--mz-parlak);line-height:1.1}
.mz-oy-govde{padding:22px;display:flex;flex-direction:column;gap:16px}
.mz-oy-adim{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:8px;counter-reset:adim}
.mz-oy-adim li{list-style:none;counter-increment:adim;padding:10px 12px;border-radius:10px;border:1px solid var(--mz-cizgi-2);background:var(--mz-yuzey-2);font-size:12.5px;color:var(--mz-metin-2)}
.mz-oy-adim li::before{content:counter(adim);display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;margin-right:8px;border-radius:50%;font-weight:700;font-size:11px;color:var(--mz-ana-ustu);background:var(--mz-ana)}
.mz-oy-adim li.tamam{border-color:var(--mz-ana-cizgi);background:var(--mz-ana-zemin);color:var(--mz-ana-metin)}
.mz-oy-form{display:flex;flex-direction:column;gap:12px}
.mz-oy-form label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:600;color:var(--mz-metin-2)}
.mz-oy-form input[type=text]{height:46px;padding:0 14px;border-radius:10px;background:var(--mz-zemin-koyu);border:1px solid var(--mz-cizgi-2);color:var(--mz-metin);font:inherit;font-size:15px}
.mz-oy-form input[type=text]:focus{outline:0;border-color:var(--mz-ana);box-shadow:0 0 0 3px color-mix(in srgb, var(--mz-ana) 25%, transparent)}
.mz-oy-dugme{height:52px;border:0;border-radius:12px;font:inherit;font-weight:800;font-size:16px;cursor:pointer;color:var(--mz-ana-ustu);
  background:linear-gradient(180deg, var(--mz-ana-acik), var(--mz-ana));box-shadow:0 10px 28px color-mix(in srgb, var(--mz-ana) 40%, transparent), inset 0 1px 0 rgba(255,255,255,.3);
  display:flex;align-items:center;justify-content:center;gap:10px;text-decoration:none}
.mz-oy-dugme:hover{filter:brightness(1.07)}
.mz-oy-sayac{font-family:'Space Grotesk',Inter,sans-serif;font-size:40px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--mz-parlak);letter-spacing:.02em}
.mz-oy-durum{padding:18px;border-radius:12px;text-align:center;border:1px solid var(--mz-ana-cizgi);background:var(--mz-ana-zemin);color:var(--mz-ana-metin);display:flex;flex-direction:column;gap:6px;align-items:center}
.mz-oy-durum.hata{border-color:var(--mz-hata-cizgi);background:var(--mz-hata-zemin);color:var(--mz-hata-metin)}
.mz-oy-liste{display:flex;flex-direction:column}
.mz-oy-liste a{display:flex;align-items:center;gap:10px;padding:10px 14px;border-top:1px solid var(--mz-cizgi);color:var(--mz-metin)}
.mz-oy-liste a:hover{background:var(--mz-yuzey-2)}
.mz-oy-liste .n{width:22px;text-align:center;font-weight:700;color:var(--mz-soluk);font-variant-numeric:tabular-nums}
.mz-oy-liste a:nth-child(1) .n{color:var(--mz-vurgu-metin)} .mz-oy-liste a:nth-child(2) .n, .mz-oy-liste a:nth-child(3) .n{color:var(--mz-ana-metin)}
.mz-oy-liste .o{margin-left:auto;font-size:12px;color:var(--mz-soluk);font-variant-numeric:tabular-nums}

@media (prefers-reduced-motion:reduce){*{animation:none !important;transition:none !important;scroll-behavior:auto !important}}
.btn-xs{height:28px;padding:0 10px;font-size:12px;border-radius:7px;background:var(--mz-yuzey-2);border:1px solid var(--mz-cizgi-2);color:var(--mz-metin-2)}
.btn-xs:hover{color:var(--mz-parlak);border-color:color-mix(in srgb, var(--mz-ana) 45%, var(--mz-cizgi-2))}