/* BulutCMS: genel site ve admin paneli stilleri. Renkler token olarak tanımlıdır, açık/koyu tema desteklenir. */
:root{
  /* Gün batımında bulutların üstü: lacivert gökyüzü, pirinç vurgu */
  --bg:#f1f4fa; --surface:#ffffff; --surface-2:#e8edf6; --line:#d5ddea; --glass:rgba(241,244,250,.78);
  --fg:#121a2e; --muted:#55627c;
  --accent:#8a6417; --accent-fg:#ffffff; --accent-soft:#f3e9d0;
  --gold:#b9831c; --gold-fg:#1a1405; --gold-soft:#f6ecd2;
  --good:#12805a; --good-soft:#d7f0e5; --bad:#b83a3a; --bad-soft:#f9dede;
  --hero-a:#cddcf2; --hero-b:#e7e3ee; --hero-c:#f3dfcf;
  --cloud:#ffffff; --rock-a:#7384b3; --rock-b:#3a4670; --top-a:#8fc3a8; --top-b:#5d9a84; --glow:#ffcf8f;
  --shadow:0 18px 40px -24px rgba(18,26,46,.35);
  --font-display:'Fraunces',Georgia,'Times New Roman',serif;
  --font-body:'Manrope',system-ui,-apple-system,'Segoe UI',sans-serif;
  --font-mono:'JetBrains Mono',ui-monospace,Consolas,monospace;
  color-scheme:light;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --bg:#0b1020; --surface:#121a2e; --surface-2:#19233b; --line:rgba(190,205,235,.15); --glass:rgba(11,16,32,.72);
    --fg:#edf0f7; --muted:#98a4bd;
    --accent:#dcbc78; --accent-fg:#1a1405; --accent-soft:rgba(220,188,120,.14);
    --gold:#ecc873; --gold-fg:#1a1405; --gold-soft:rgba(236,200,115,.14);
    --good:#5fcf9b; --good-soft:rgba(95,207,155,.14); --bad:#ff8a8a; --bad-soft:rgba(255,138,138,.14);
    --hero-a:#0b1020; --hero-b:#241f4f; --hero-c:#7a4668;
    --cloud:#c9d2ea; --rock-a:#4b5b8c; --rock-b:#1a2140; --top-a:#7db79f; --top-b:#4a8470; --glow:#f2a65a;
    --shadow:0 22px 44px -26px rgba(0,0,0,.8);
    color-scheme:dark;
  }
}
:root[data-theme="dark"]{
  --bg:#0b1020; --surface:#121a2e; --surface-2:#19233b; --line:rgba(190,205,235,.15); --glass:rgba(11,16,32,.72);
  --fg:#edf0f7; --muted:#98a4bd;
  --accent:#dcbc78; --accent-fg:#1a1405; --accent-soft:rgba(220,188,120,.14);
  --gold:#ecc873; --gold-fg:#1a1405; --gold-soft:rgba(236,200,115,.14);
  --good:#5fcf9b; --good-soft:rgba(95,207,155,.14); --bad:#ff8a8a; --bad-soft:rgba(255,138,138,.14);
  --hero-a:#0b1020; --hero-b:#241f4f; --hero-c:#7a4668;
  --cloud:#c9d2ea; --rock-a:#4b5b8c; --rock-b:#1a2140; --top-a:#7db79f; --top-b:#4a8470; --glow:#f2a65a;
  --shadow:0 22px 44px -26px rgba(0,0,0,.8);
  color-scheme:dark;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font-body);font-size:16px;line-height:1.6;padding-inline:16px;-webkit-font-smoothing:antialiased}
@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}
a{color:var(--accent);text-underline-offset:3px}
img{max-width:100%}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}
.wrap{max-width:1140px;margin-inline:auto}
h1,h2,h3{font-family:var(--font-display);font-weight:500;line-height:1.1;margin:0;letter-spacing:-.015em}
h1{font-size:clamp(2.6rem,6.4vw,4.7rem);letter-spacing:-.03em;line-height:1.02;font-weight:500}
h2{font-size:clamp(1.7rem,3.6vw,2.4rem)}
h3{font-size:1.2rem;letter-spacing:-.005em}
p{margin:0}
.muted{color:var(--muted)}
.eyebrow{font-size:.95rem;color:var(--accent);font-weight:700;letter-spacing:.01em}
.stack{display:flex;flex-direction:column;gap:16px}
.page{padding-block:48px 88px;display:flex;flex-direction:column;gap:40px}
.page-head{display:flex;flex-direction:column;gap:8px;max-width:62ch}
.page-head p{color:var(--muted)}
.prose{max-width:75ch}
.prose h3{margin-top:20px}
.prose p,.prose li{color:var(--muted)}
.prose p+p{margin-top:10px}

/* düğmeler ve alanlar */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:8px 22px;border:1px solid transparent;border-radius:12px;background:var(--accent);color:var(--accent-fg);font-weight:700;font-size:.97rem;letter-spacing:.005em;text-decoration:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 10px 22px -14px var(--accent);transition:transform .15s,filter .15s,border-color .15s,background .15s}
.btn:hover{filter:brightness(1.07);transform:translateY(-1px)}
.btn:active{transform:translateY(0);filter:brightness(.97)}
.btn.gold{background:var(--gold);color:var(--gold-fg)}
.btn.danger{background:var(--bad);color:#fff;box-shadow:none}
.btn.soft{background:transparent;color:var(--fg);border-color:var(--line);box-shadow:none}
.btn.soft:hover{border-color:var(--accent);filter:none;background:var(--accent-soft)}
.btn.sm{min-height:38px;padding:4px 16px;font-size:.9rem;border-radius:10px}
.btn.block{width:100%}
.btn[disabled]{opacity:.5;cursor:not-allowed;transform:none;filter:none}
.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}
.field label,.label{font-size:.86rem;font-weight:700;color:var(--muted)}
.field label.check{display:flex;gap:10px;align-items:flex-start;color:var(--fg);font-size:1rem;font-weight:600}
.field label.check input{width:20px;height:20px;margin-top:3px;min-height:0}
.input,.field input,.field select,.field textarea,.sel{width:100%;min-height:44px;padding:10px 14px;background:var(--surface);border:1px solid var(--line);border-radius:12px;transition:border-color .15s,box-shadow .15s}
.field input[type=checkbox]{width:20px;height:20px;min-height:0}
.field textarea{min-height:110px;resize:vertical}
.input:focus,.field input:focus,.field select:focus,.field textarea:focus,.sel:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px var(--accent-soft)}
.sel{width:auto;min-height:36px;padding:4px 10px}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media (max-width:640px){.row2{grid-template-columns:1fr}}
.panel{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:24px;display:flex;flex-direction:column;gap:14px;min-width:0;box-shadow:var(--shadow)}
.chip{display:inline-block;font-size:.76rem;font-weight:700;padding:3px 11px;border-radius:999px;background:var(--accent-soft);color:var(--accent);white-space:nowrap}
.chip.gold{background:var(--gold-soft);color:var(--gold)}
.chip.good{background:var(--good-soft);color:var(--good)}
.chip.bad{background:var(--bad-soft);color:var(--bad)}
.chip.mute{background:var(--surface-2);color:var(--muted)}
.alert{border-radius:12px;padding:12px 16px;font-weight:600;border:1px solid var(--line);background:var(--surface)}
.alert.ok{border-color:var(--good);background:var(--good-soft)}
.alert.err{border-color:var(--bad);background:var(--bad-soft)}
.alert.warn{border-color:var(--gold);background:var(--gold-soft)}
.alert code{font-family:var(--font-mono);overflow-wrap:anywhere}
.price{font-family:var(--font-display);font-weight:500;font-size:1.7rem;font-variant-numeric:lining-nums tabular-nums;letter-spacing:-.01em}
.price small{font-family:var(--font-body);font-weight:700;font-size:.82rem;color:var(--muted)}
.linkbtn{background:none;border:0;padding:0;color:var(--accent);font-weight:800;text-decoration:underline;cursor:pointer}
.linkbtn.bad{color:var(--bad)}
.inline{display:inline}

/* üst bar */
.topbar{position:sticky;top:0;z-index:30;margin-inline:-16px;padding-inline:16px;background:var(--glass);-webkit-backdrop-filter:saturate(1.4) blur(16px);backdrop-filter:saturate(1.4) blur(16px);border-bottom:1px solid var(--line)}
.bar1{display:flex;align-items:center;gap:12px;padding-block:12px 4px}
.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--fg);font-family:var(--font-display);font-weight:500;font-size:1.55rem;letter-spacing:-.02em;margin-right:auto}
.brand svg{width:34px;height:34px;flex:none}
.brand-logo{height:38px;width:auto;max-width:200px;object-fit:contain;display:block;flex:none}
.adm-side .brand-logo{height:30px;max-width:150px}
.m-ring{fill:none;stroke:var(--accent);stroke-width:1.4}
.m-land{fill:var(--accent)}
.m-cloud{fill:var(--fg);opacity:.85}
.acct{display:flex;align-items:center;gap:10px}
.credit-pill{display:inline-flex;align-items:center;gap:8px;background:var(--gold-soft);color:var(--fg);border:1px solid var(--line);border-radius:999px;padding:5px 14px;font-weight:700;font-size:.88rem;text-decoration:none;white-space:nowrap;font-variant-numeric:tabular-nums}
.credit-pill i{width:8px;height:8px;border-radius:50%;background:var(--gold);display:inline-block;box-shadow:0 0 0 3px var(--gold-soft)}
.who{font-weight:700;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--fg);text-decoration:none}
.nav{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;padding-bottom:0}
.nav::-webkit-scrollbar{display:none}
.nav a{position:relative;padding:12px 14px;text-decoration:none;color:var(--muted);font-weight:600;font-size:.94rem;white-space:nowrap;transition:color .15s}
.nav a:hover{color:var(--fg)}
.nav a[aria-current="page"]{color:var(--fg)}
.nav a[aria-current="page"]::after{content:"";position:absolute;left:14px;right:14px;bottom:0;height:2px;border-radius:2px;background:var(--accent)}
.cart-count{display:inline-grid;place-items:center;min-width:20px;height:20px;padding-inline:6px;border-radius:999px;background:var(--accent);color:var(--accent-fg);font-size:.75rem;font-weight:800}
@media (max-width:640px){.who,.hide-sm{display:none}}
.flashes{display:flex;flex-direction:column;gap:10px;padding-top:16px}

/* hero */
.hero{position:relative;margin-inline:-16px;padding-inline:16px;background:linear-gradient(180deg,var(--hero-a) 0%,var(--hero-b) 58%,var(--hero-c) 100%);overflow:hidden}
.hero::after{content:"";position:absolute;inset:auto 0 0 0;height:140px;background:linear-gradient(180deg,transparent,var(--bg));pointer-events:none}
.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;gap:24px;align-items:center;padding-block:72px 120px}
.hero h1{margin-block:14px 20px;max-width:12ch}
.hero .lead{font-size:1.15rem;max-width:44ch;color:var(--fg);opacity:.86}
.hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.island{width:100%;max-width:520px;justify-self:center;height:auto;overflow:visible}
.island .float{animation:float 9s ease-in-out infinite;transform-origin:50% 50%}
.island .cl{fill:var(--cloud)}

.island .top-a{stop-color:var(--top-a)}.island .top-b{stop-color:var(--top-b)}
.island .glow-c{stop-color:var(--glow)}
.island .gem{fill:var(--gold)}
.island .ck{fill:var(--ch-c,#3a4ca8)}.island .ckd{fill:var(--ch-cd,#27357f)}
.island .gd{fill:var(--ch-g,#e7c35d)}.island .gdd{fill:var(--ch-gd,#b8912f)}
.island .tr{fill:var(--ch-t,#1d2350)}.island .trd{fill:var(--ch-td,#141a3d)}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@media (max-width:820px){.hero-grid{grid-template-columns:1fr;padding-block:40px 96px}.island{max-width:340px;order:-1}.hero h1{max-width:none}}
.status-row{display:flex;flex-wrap:wrap;gap:10px 22px;align-items:center;margin-top:24px;font-weight:600;font-size:.95rem}
.dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--good);margin-right:9px;box-shadow:0 0 0 4px var(--good-soft)}
.dot.off{background:var(--bad);box-shadow:0 0 0 4px var(--bad-soft)}
.ipbox{display:flex;gap:8px;min-width:0;max-width:440px;margin-top:24px;padding:6px;background:var(--glass);border:1px solid var(--line);border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.ipbox code{flex:1;min-width:0;display:flex;align-items:center;font-family:var(--font-mono);font-size:.95rem;padding:6px 12px;overflow-wrap:anywhere}
.badges{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:-72px;position:relative;z-index:2}
.badge{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:16px 20px;font-weight:500;color:var(--muted);font-size:.9rem;display:flex;gap:14px;align-items:center;box-shadow:var(--shadow)}
.badge b{display:block;font-family:var(--font-display);font-weight:500;font-size:1.1rem;color:var(--fg);letter-spacing:-.01em}
.badge span.sq{flex:none;width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px var(--accent-soft)}
.cols{display:grid;grid-template-columns:1.4fr 1fr;gap:24px;align-items:start}
@media (max-width:900px){.cols{grid-template-columns:1fr}}
.post{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:22px;display:flex;flex-direction:column;gap:10px;transition:border-color .15s}
.post:hover{border-color:var(--accent)}
.post time{font-family:var(--font-mono);font-size:.8rem;color:var(--muted)}
.feat{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}
.donor{display:grid;grid-template-columns:36px 1fr auto;gap:12px;align-items:center;padding:9px 0;border-bottom:1px solid var(--line)}
.donor:last-child{border-bottom:0}
.donor .head{width:36px;height:36px;display:block;border-radius:10px}
.donor b{display:block;overflow-wrap:anywhere}
.donor small{color:var(--muted)}
.top-donor{display:flex;gap:14px;align-items:center;background:var(--gold-soft);border:1px solid var(--line);border-radius:14px;padding:14px}
.top-donor .head{width:52px;height:52px;display:block;border-radius:14px}

/* market */
.tabs{display:flex;flex-wrap:wrap;gap:8px}
.tab{border:1px solid var(--line);background:transparent;border-radius:999px;padding:6px 18px;font-weight:600;font-size:.92rem;min-height:40px;transition:border-color .15s,background .15s;display:inline-flex;align-items:center;text-decoration:none;color:var(--fg)}
.tab:hover{border-color:var(--accent)}
.tab[aria-pressed="true"],.tab.on{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}
.toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.toolbar .input{flex:1;min-width:180px;max-width:360px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}
.product{background:var(--surface);border:1px solid var(--line);border-radius:20px;display:flex;flex-direction:column;min-width:0;box-shadow:var(--shadow);transition:border-color .2s,transform .2s}
.product:hover{border-color:var(--accent);transform:translateY(-3px)}
.product.feat-p{border-color:var(--accent);box-shadow:var(--shadow),0 0 0 1px var(--accent)}
.p-top{padding:22px 22px 0;display:flex;flex-direction:column;gap:8px}
.p-name{font-family:var(--font-display);font-weight:500;font-size:1.55rem;letter-spacing:-.015em}
.perks{list-style:none;margin:0;padding:14px 22px;display:flex;flex-direction:column;gap:8px;font-size:.93rem;color:var(--muted)}
.perks li{display:flex;gap:10px}
.perks li::before{content:"";flex:none;width:6px;height:6px;border-radius:50%;margin-top:.62em;background:var(--accent)}
.p-foot{margin-top:auto;padding:16px 22px 22px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}

/* sepet ve kredi */
.cart-row{display:grid;grid-template-columns:1fr auto;gap:4px 16px;padding:14px 0;border-bottom:1px solid var(--line);align-items:center}
.qty{display:flex;align-items:center;gap:6px}
.qty button{width:34px;height:34px;border:1px solid var(--line);background:var(--surface-2);border-radius:10px;font-weight:700}
.qty .n{min-width:26px;text-align:center;font-variant-numeric:tabular-nums;font-weight:800}
.sum-line{display:flex;justify-content:space-between;gap:12px;font-weight:700}
.sum-line.total{font-size:1.2rem;border-top:1px solid var(--accent);padding-top:14px}
.packs{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px}
.pack{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:20px;transition:border-color .15s,transform .15s;text-align:left;display:flex;flex-direction:column;gap:4px;cursor:pointer}
.pack:hover{border-color:var(--accent);transform:translateY(-2px)}
.pack b{font-family:var(--font-display);font-weight:500;font-size:1.6rem;letter-spacing:-.015em}

/* tablolar */
.tablewrap{overflow-x:auto;background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}
table{border-collapse:collapse;width:100%;min-width:620px}
th,td{padding:10px 14px;text-align:left;border-bottom:1px solid var(--line);vertical-align:middle}
th{font-size:.82rem;font-weight:700;color:var(--muted);background:var(--surface-2)}
tr:last-child td{border-bottom:0}
td .who2{display:flex;align-items:center;gap:10px;font-weight:800}
.head{width:28px;height:28px;display:block;flex:none;border-radius:8px}
.pager{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.pager .tab{min-width:40px;padding-inline:10px;justify-content:center}
.bar{height:6px;border-radius:6px;background:var(--surface-2);min-width:80px;overflow:hidden}
.bar i{display:block;height:100%;border-radius:6px;background:var(--accent)}

/* destek */
details{background:var(--surface);border:1px solid var(--line);border-radius:14px;margin-bottom:10px}
summary{padding:16px 18px;font-weight:700;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:12px}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";font-family:var(--font-display);font-size:1.3rem;line-height:1}
details[open] summary::after{content:"\2212"}
details p{padding:0 16px 16px;color:var(--muted)}
.msg{border-radius:14px;padding:14px 16px;background:var(--surface-2);display:flex;flex-direction:column;gap:4px;white-space:pre-wrap;overflow-wrap:anywhere}
.msg.staff{background:var(--accent-soft)}
.msg small{color:var(--muted);font-weight:700}
.steps{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}
code.big{font-family:var(--font-mono);font-size:1.1rem;background:var(--surface-2);padding:6px 12px;border-radius:10px;overflow-wrap:anywhere}

/* altbilgi */
footer.site{margin-inline:-16px;padding:40px 16px calc(32px + env(safe-area-inset-bottom,0px));background:var(--surface);border-top:1px solid var(--line)}
.fgrid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:28px}
@media (max-width:820px){.fgrid{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.fgrid{grid-template-columns:1fr}}
.fgrid h3{font-size:1rem;margin-bottom:12px}
.fgrid ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.fgrid a{color:var(--muted);text-decoration:none;font-weight:600}
.fgrid a:hover{color:var(--accent)}
.fine{margin-top:28px;padding-top:18px;border-top:1px solid var(--line);color:var(--muted);font-size:.85rem;display:flex;flex-wrap:wrap;gap:8px 24px;justify-content:space-between;align-items:center}
.fine .credit{color:var(--muted);font-weight:700;text-decoration:none;white-space:nowrap}
.fine .credit:hover{color:var(--accent)}

.toast{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom,0px));transform:translate(-50%,20px);background:var(--fg);color:var(--bg);padding:12px 20px;border-radius:12px;font-weight:700;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:70;max-width:calc(100% - 32px);text-align:center}
.toast.show{opacity:1;transform:translate(-50%,0)}

/* admin paneli */
body.admin{padding-inline:0}
.adm{display:grid;grid-template-columns:230px 1fr;min-height:100vh}
.adm-side{background:var(--surface);border-right:1px solid var(--line);padding:18px 12px;display:flex;flex-direction:column;gap:4px;position:sticky;top:0;height:100vh;overflow-y:auto}
.adm-side .brand{font-size:1.35rem;padding:0 8px 12px}
.adm-side a.item{padding:9px 12px;border-radius:10px;text-decoration:none;color:var(--muted);font-weight:600;display:flex;justify-content:space-between;gap:8px}
.adm-side a.item:hover{background:var(--surface-2);color:var(--fg)}
.adm-side a.item[aria-current="page"]{background:var(--accent-soft);color:var(--accent)}
.adm-side .sep{font-size:.8rem;color:var(--muted);font-weight:700;padding:16px 12px 4px;opacity:.8}
.adm-main{padding:28px 24px 64px;display:flex;flex-direction:column;gap:22px;min-width:0}
.adm-main h2{font-size:1.9rem}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px}
.stat{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:2px}
.stat b{font-family:var(--font-display);font-weight:500;font-size:2rem;font-variant-numeric:lining-nums tabular-nums;letter-spacing:-.02em}
.stat span{color:var(--muted);font-weight:700;font-size:.88rem}
.adm-bar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between}
.adm-form{max-width:720px}
.actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
@media (max-width:860px){
  .adm{grid-template-columns:1fr}
  .adm-side{position:static;height:auto;flex-direction:row;flex-wrap:wrap;border-right:0;border-bottom:1px solid var(--line)}
  .adm-side .sep{display:none}
  .adm-main{padding-inline:16px}
}

/* küçük ekran düzeltmeleri */
.brand span,.acct .btn,.credit-pill{white-space:nowrap}
@media (max-width:520px){
  .brand{font-size:1.25rem;gap:8px}.brand svg{width:28px;height:28px}
  .acct{gap:6px}.acct .btn.sm{padding-inline:12px}
}

/* admin: tema seçimi */
.themes{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px}
.theme-card{display:flex;flex-direction:column;gap:8px;padding:12px;border:1px solid var(--line);border-radius:16px;background:var(--surface);cursor:pointer;position:relative;transition:border-color .15s}
.theme-card:hover{border-color:var(--accent)}
.theme-card.on,.theme-card:has(input:checked){border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}
.theme-card input{position:absolute;opacity:0;pointer-events:none}
.theme-card:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:3px}
.theme-pv{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:34px 14px;gap:6px;padding:10px;border-radius:10px;border:1px solid var(--line)}
.theme-pv i{border-radius:6px}
.theme-pv b{grid-column:1/-1;border-radius:6px}
.theme-name{font-weight:700;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.theme-desc{font-size:.88rem}
.logo-prev{display:flex;align-items:center;min-height:72px;padding:12px 16px;border:1px dashed var(--line);border-radius:14px;background:var(--surface-2)}
.field input[type=file]{padding:8px 12px;min-height:0}
.field input[type=color]{min-height:44px;cursor:pointer}

/* ürün fotoğrafları */
.product{overflow:hidden}
.p-img{aspect-ratio:16/10;background:var(--surface-2);display:grid;place-items:center;overflow:hidden;border-bottom:1px solid var(--line)}
.p-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}
.product:hover .p-img img{transform:scale(1.04)}
.p-img.ph{background:linear-gradient(135deg,var(--accent-soft),var(--surface-2));color:var(--accent)}
.p-img.ph svg{width:44px;height:44px;opacity:.7}
.p-thumb{width:44px;height:44px;border-radius:10px;object-fit:cover;flex:none;border:1px solid var(--line)}
.cart-name{display:flex;align-items:center;gap:12px;min-width:0}
td .who2 .p-thumb{width:40px;height:40px}
@media (prefers-reduced-motion: reduce){.product:hover .p-img img{transform:none}}

/* ---- Hap menü yerleşimi (Gece Balı teması): yüzen menü, ortalı hero, gradyan başlık ---- */
.ni{display:none}
.hero-cube{display:none}
.lay-pill .ni{display:inline-block;width:16px;height:16px;flex:none;color:var(--accent)}
.lay-pill .topbar{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom:0;padding-block:14px 0}
.lay-pill .topbar .wrap{max-width:1640px;display:flex;align-items:center;gap:14px;padding:8px 14px 8px 22px;border:1px solid var(--line);border-radius:999px;background:var(--glass);-webkit-backdrop-filter:blur(16px) saturate(1.4);backdrop-filter:blur(16px) saturate(1.4);box-shadow:var(--shadow)}
.lay-pill .bar1{display:contents}
.lay-pill .brand{order:1;margin-right:0;font-weight:900;font-size:1.3rem;letter-spacing:-.01em}
.lay-pill .nav{order:2;flex:1;min-width:0;justify-content:safe center;gap:0}
.lay-pill .nav a{display:inline-flex;align-items:center;gap:6px;padding:9px 9px;border-radius:10px;font-size:.7rem;font-weight:800;letter-spacing:.03em;text-transform:uppercase;color:var(--fg)}
.lay-pill .nav a:hover{background:var(--accent-soft)}
.lay-pill .nav a[aria-current="page"]{background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--line)}
.lay-pill .nav a[aria-current="page"]::after{left:12px;right:12px;bottom:3px;height:2px;background:linear-gradient(90deg,var(--grad-a),var(--grad-c))}
.lay-pill .acct{order:3}
.lay-pill .who{display:none}
.lay-pill .btn:not(.soft):not(.danger){background:linear-gradient(180deg,var(--grad-a),var(--grad-b));border-color:transparent}
.lay-pill .btn.soft{border-radius:12px}
.lay-pill h1,.lay-pill h2,.lay-pill h3{font-weight:800;letter-spacing:-.01em}
.lay-pill .panel,.lay-pill .post,.lay-pill .badge{border-radius:20px}
.lay-pill .hero{background:
  radial-gradient(ellipse 55% 48% at 50% 30%,var(--accent-soft),transparent 70%),
  radial-gradient(1.2px 1.2px at 24px 38px,rgba(255,255,255,.5),transparent),
  radial-gradient(1px 1px at 130px 96px,rgba(255,255,255,.35),transparent),
  radial-gradient(1.4px 1.4px at 210px 22px,rgba(255,255,255,.45),transparent),
  radial-gradient(1px 1px at 76px 150px,rgba(255,255,255,.3),transparent),
  linear-gradient(180deg,var(--hero-a) 0%,var(--hero-b) 55%,var(--hero-c) 100%);
  background-size:auto,260px 190px,260px 190px,260px 190px,260px 190px,auto}
.lay-pill .hero-grid{grid-template-columns:1fr;justify-items:center;text-align:center;gap:6px;padding-block:44px 150px}
.lay-pill .hero-grid>div{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;max-width:920px}
.lay-pill .hero-cube{display:block;order:-1;width:150px;height:auto;margin-bottom:4px;overflow:visible}
.lay-pill .cube-float{animation:float 7s ease-in-out infinite}
.lay-pill .island{display:none}
.lay-pill .hero .eyebrow{order:1;flex-basis:100%;text-transform:uppercase;letter-spacing:.16em;font-size:.76rem;font-weight:800}
.lay-pill .hero h1{order:2;flex-basis:100%;max-width:none;margin:6px 0 2px;text-transform:uppercase;font-weight:900;font-size:clamp(2rem,5.2vw,3.9rem);line-height:1.1;background:linear-gradient(90deg,var(--grad-a),var(--grad-b) 45%,var(--grad-c));-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.lay-pill .hero .lead{order:3;flex-basis:100%;margin:0 auto;max-width:56ch;text-align:center;font-weight:500}
.lay-pill .hero-cta{order:4;margin-top:8px;justify-content:center}
.lay-pill .ipbox{order:5;margin-top:8px;border-radius:999px;padding:5px 6px 5px 18px}
.lay-pill .status-row{order:6;flex-basis:100%;justify-content:center;margin-top:6px}
.lay-pill .hero::before{z-index:0}
@media (max-width:1700px){
  .lay-pill .topbar .wrap{flex-wrap:wrap;border-radius:26px;gap:6px 12px;padding:10px 14px 8px 18px}
  .lay-pill .acct{order:2;margin-left:auto}
  .lay-pill .nav{order:3;flex:1 1 100%;justify-content:flex-start}
}
@media (max-width:640px){.lay-pill .hero-cube{width:112px}.lay-pill .hero-grid{padding-block:28px 120px}}

/* ---- Hap menü yerleşimi: alt bilgi kartları ---- */
.lay-pill footer.site{background:transparent;border-top:0;padding:56px 16px calc(32px + env(safe-area-inset-bottom,0px))}
.lay-pill footer.site>.wrap{position:relative;max-width:1320px;padding:40px;border:1px solid var(--line);border-radius:28px;background:radial-gradient(ellipse 55% 70% at 12% 0%,var(--accent-soft),transparent 72%),var(--surface);box-shadow:var(--shadow);overflow:hidden}
.lay-pill footer.site>.wrap::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,var(--grad-a) 20%,var(--grad-b) 60%,transparent)}
.lay-pill .fgrid{gap:20px;align-items:stretch;grid-template-columns:1.25fr 1fr 1fr 1fr}
.lay-pill .fgrid>div:not(:first-child){padding:22px 24px;border:1px solid var(--line);border-radius:20px;background:rgba(127,127,140,.07)}
.lay-pill .fgrid h3{display:flex;align-items:center;gap:8px;margin-bottom:14px;font-size:.74rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;font-family:var(--font-body)}
.lay-pill .fgrid h3::before{content:"";width:14px;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--grad-a),var(--grad-b))}
.lay-pill .fgrid ul{gap:2px}
.lay-pill .fgrid li a{display:flex;align-items:center;gap:12px;padding:7px 0;color:var(--fg);font-weight:700;font-size:.92rem;line-height:1.3}
.lay-pill .fgrid li a .ni{width:18px;height:18px}
.lay-pill .fgrid li a:hover{color:var(--accent)}
.lay-pill .fgrid>div:first-child strong{font-weight:900;letter-spacing:-.01em}
.lay-pill footer .btn.soft,.lay-pill footer .tab{border-radius:999px}
.lay-pill .fine{border-top:1px solid var(--line);margin-top:30px}
@media (max-width:820px){.lay-pill .fgrid{grid-template-columns:1fr 1fr}.lay-pill footer.site>.wrap{padding:26px 20px}}
@media (max-width:520px){.lay-pill .fgrid{grid-template-columns:1fr}}

/* ---- Hap menü yerleşimi: ana sayfa bölümleri ---- */
.sec-ic,.f-ic,.sec-head small,.post .more{display:none}
.lay-pill .cols{gap:30px}
.lay-pill .sec-head{display:flex;align-items:center;gap:14px;margin-bottom:4px}
.lay-pill .sec-ic{display:grid;place-items:center;flex:none;width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,var(--grad-a),var(--grad-b));color:var(--accent-fg);box-shadow:0 12px 24px -12px var(--accent)}
.lay-pill .sec-ic .ni{width:22px;height:22px;color:inherit}
.lay-pill .sec-head h2{font-size:clamp(1.4rem,2.6vw,1.9rem);font-weight:800;letter-spacing:-.01em}
.lay-pill .sec-head small{display:block;margin-top:2px;font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.lay-pill .post{position:relative;overflow:hidden;gap:8px;padding:22px 24px 20px 28px;background:linear-gradient(180deg,var(--surface),var(--surface));transition:transform .18s,border-color .18s,box-shadow .18s}
.lay-pill .post::before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:4px;border-radius:0 4px 4px 0;background:linear-gradient(180deg,var(--grad-a),var(--grad-c))}
.lay-pill .post:hover{transform:translateY(-3px);border-color:var(--accent);box-shadow:0 22px 40px -26px var(--accent)}
.lay-pill .post time{font-family:var(--font-body);font-size:.72rem;font-weight:700;letter-spacing:.02em;padding:3px 10px;border-radius:999px;background:var(--accent-soft);color:var(--fg)}
.lay-pill .post h3{font-size:1.2rem;font-weight:800;text-transform:none}
.lay-pill .post p{margin:0;line-height:1.65}
.lay-pill .post .more{display:inline-flex;align-items:center;gap:6px;margin-top:4px;align-self:flex-start;font-size:.85rem;font-weight:800;color:var(--accent);text-decoration:none}
.lay-pill .post .more span{transition:transform .15s}
.lay-pill .post:hover .more span{transform:translateX(4px)}
.lay-pill .chip{border-radius:999px;font-weight:800}
.lay-pill .panel h3{display:flex;align-items:center;gap:10px;font-size:1.02rem}
.lay-pill .panel h3 .ni{width:20px;height:20px}
.lay-pill aside .panel{border-radius:20px;background:linear-gradient(180deg,var(--surface),var(--surface))}
.lay-pill aside .panel:first-child{background:radial-gradient(ellipse 80% 90% at 0% 0%,var(--accent-soft),transparent 70%),var(--surface)}
.lay-pill .top-donor{border-radius:16px;background:linear-gradient(135deg,var(--accent-soft),transparent),var(--surface-2)}
.lay-pill .btn.gold[disabled]{background:var(--surface-2);color:var(--muted);box-shadow:none;border-color:var(--line);opacity:1}
.lay-pill .feat{gap:18px}
.lay-pill .feat .panel{position:relative;overflow:hidden;gap:10px;padding:26px;transition:transform .18s,border-color .18s,box-shadow .18s}
.lay-pill .feat .panel::after{content:"";position:absolute;right:-40px;top:-40px;width:130px;height:130px;border-radius:50%;background:radial-gradient(circle,var(--accent-soft),transparent 70%);pointer-events:none}
.lay-pill .feat .panel:hover{transform:translateY(-4px);border-color:var(--accent);box-shadow:0 24px 44px -26px var(--accent)}
.lay-pill .feat .f-ic{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:var(--accent-soft);color:var(--accent);box-shadow:inset 0 0 0 1px var(--line)}
.lay-pill .feat .f-ic .ni{width:24px;height:24px}
.lay-pill .feat h3{font-size:1.1rem;font-weight:800}
.lay-pill .feat p{margin:0;line-height:1.6}
.lay-pill .badges{gap:16px}
.lay-pill .badge{padding:18px 22px;border-radius:20px;transition:transform .18s,border-color .18s}
.lay-pill .badge:hover{transform:translateY(-3px);border-color:var(--accent)}
.lay-pill .badge b{font-weight:800}
@media (prefers-reduced-motion:reduce){.lay-pill .post,.lay-pill .feat .panel,.lay-pill .badge{transition:none}.lay-pill .post:hover,.lay-pill .feat .panel:hover,.lay-pill .badge:hover{transform:none}}

/* ---- Demo sürümü ---- */
.demo-bar{margin-inline:-16px;padding:9px 16px;text-align:center;font-size:.8rem;font-weight:600;line-height:1.5;background:var(--accent-soft);color:var(--fg);border-bottom:1px solid var(--line)}
.demo-bar b{color:var(--accent);font-weight:800}
body.admin .demo-bar{margin-inline:0}
.demo-dock{position:fixed;left:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:70;display:flex;flex-wrap:wrap;align-items:center;gap:4px;max-width:calc(100vw - 32px);padding:6px;border:1px solid var(--line);border-radius:999px;background:var(--glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow)}
.demo-dock span{padding:0 10px 0 12px;font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.demo-dock a{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border-radius:999px;font-size:.78rem;font-weight:700;color:var(--fg);text-decoration:none}
.demo-dock a i{width:10px;height:10px;border-radius:50%;flex:none}
.demo-dock a:hover{background:var(--accent-soft)}
.demo-dock a[aria-current="true"]{background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}
@media (max-width:640px){.demo-dock{border-radius:20px}.demo-dock span{display:none}.demo-dock a{padding:6px 10px}}

/* ==========================================================================
   Kor Kale yerleşimi (lay-banner): koyu üst bar, gün batımı manzaralı geniş
   hero, sunucu durum şeridi, solda koyu Discord kartı, koyu alt bilgi.
   Koyu bölümler kendi renk değişkenlerini yerelde tanımlar.
   ========================================================================== */
.lay-banner .topbar,.lay-banner .srv-strip,.lay-banner footer.site,.lay-banner .dc-card{
  --fg:#f3f5f9;--muted:#a3abbc;--line:var(--ink-line);--surface:var(--ink-2);--surface-2:rgba(255,255,255,.06);--glass:var(--ink-2);color:var(--fg)}
.lay-banner{font-family:var(--font-body)}
.lay-banner h1,.lay-banner h2,.lay-banner h3{font-family:var(--font-display);font-weight:800;letter-spacing:-.025em}

/* Düğmeler */
.lay-banner .btn{border-radius:12px;font-weight:700}
.lay-banner .btn:not(.soft):not(.danger){background:linear-gradient(180deg,var(--grad-a),var(--grad-b));color:var(--grad-fg);border-color:transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 12px 24px -12px var(--grad-b)}
.lay-banner .btn.soft{background:var(--surface);border-color:var(--line);color:var(--fg)}
.lay-banner .btn.soft:hover{border-color:var(--grad-a);background:var(--surface)}

/* Üst bar */
.lay-banner .topbar{background:var(--ink);-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom:1px solid rgba(255,255,255,.06);box-shadow:0 10px 30px -18px rgba(0,0,0,.6)}
.lay-banner .topbar .wrap{max-width:1320px;display:flex;flex-wrap:wrap;align-items:center;gap:0 18px;padding-block:10px}
.lay-banner .bar1{display:contents}
.lay-banner .brand{order:1;margin-right:0;font-weight:800;font-size:1.5rem;letter-spacing:-.03em}
.lay-banner .brand .m-cloud{fill:#fff}
.lay-banner .acct{order:2;margin-left:auto}
.lay-banner .nav{order:3;flex:1 1 100%;justify-content:safe center;gap:2px}
.lay-banner .nav a{padding:10px 12px;color:#e6e9f0;font-weight:700;font-size:.92rem}
.lay-banner .nav a:hover{color:#fff}
.lay-banner .nav a[aria-current="page"]{color:#fff}
.lay-banner .nav a[aria-current="page"]::after{left:12px;right:12px;bottom:4px;height:3px;background:linear-gradient(90deg,var(--grad-a),var(--grad-b))}
.lay-banner .credit-pill{background:rgba(255,255,255,.06)}
.lay-banner .cart-count{background:var(--grad-a);color:#1f0f00}
/* geniş ekranda da menü kendi satırında: giriş yapınca (kredi, kullanıcı, Admin) sıkışıp 3 satıra bölünmesin */

/* Hero */
.lay-banner .hero{min-height:620px;display:flex;align-items:center;background:var(--hf)}
.lay-banner .hero::before{opacity:1;z-index:0}
.hero-scene{display:none}
.lay-banner .hero-scene{display:block;position:absolute;inset:0;width:100%;height:100%;z-index:0}
.lay-banner .hero::after{inset:0;height:auto;z-index:0;background:
  linear-gradient(180deg,transparent 72%,var(--bg) 100%),
  linear-gradient(90deg,var(--hf) 0%,var(--hf) 14%,var(--hf-mid) 34%,var(--hf0) 64%)}
.lay-banner .hero-grid{width:100%;max-width:1320px;grid-template-columns:1fr;padding-block:96px 170px}
.lay-banner .hero-grid>div{max-width:720px}
.lay-banner .island,.lay-banner .hero-cube,.lay-banner .hero .ipbox,.lay-banner .hero .status-row{display:none}
.lay-banner .hero .eyebrow{display:block;color:var(--hl-b);font-weight:800;font-size:.9rem;letter-spacing:.06em;text-transform:uppercase}
.lay-banner .hero h1{max-width:15ch;margin:14px 0 18px;font-size:clamp(2.6rem,6vw,4.8rem);font-weight:900;line-height:1;letter-spacing:-.045em}
.lay-banner .hero h1 .hl{background:linear-gradient(180deg,var(--hl-a),var(--hl-b));-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.lay-banner .hero .lead{max-width:48ch;font-size:1.12rem;font-weight:600;line-height:1.6;opacity:1}
.lay-banner .hero-cta{margin-top:32px;gap:16px}
.lay-banner .hero-cta .btn{min-height:56px;padding-inline:30px;font-size:1rem;border-radius:14px}
.lay-banner .hero-cta .btn.soft{background:#fff;color:#141821;border-color:#fff;box-shadow:0 12px 24px -14px rgba(0,0,0,.35)}

/* Sunucu şeridi */
.srv-wrap{display:none}
.lay-banner .srv-wrap{display:block;max-width:1320px;position:relative;z-index:3;margin-top:-118px}
.srv-strip{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.1fr auto;align-items:center;background:var(--ink);border:1px solid rgba(255,255,255,.06);border-radius:18px;box-shadow:0 30px 50px -28px rgba(0,0,0,.65);padding:14px 22px 14px 18px}
.srv-strip>div{display:flex;align-items:center;gap:14px;padding:6px 22px;min-width:0;border-right:1px solid var(--ink-line)}
.srv-strip>div:first-child{padding-left:8px}
.srv-strip>div:nth-child(4){border-right:0}
.srv-strip .ni{display:inline-block;width:24px;height:24px;flex:none;color:var(--muted)}
.srv-strip span{display:block;color:var(--muted);font-size:.85rem;line-height:1.3}
.srv-strip b{display:block;font-size:1.1rem;font-weight:800;line-height:1.3;overflow-wrap:anywhere}
.srv-strip b.on{color:#4ade80}.srv-strip b.off{color:#ff6b6b}
.srv-ip b{font-size:1.05rem}
.srv-ip span{display:flex;align-items:center}
.srv-ip .dot{width:8px;height:8px;margin-right:7px}
.srv-logo{display:grid!important;place-items:center;width:52px;height:52px;flex:none;border-radius:14px;background:rgba(255,255,255,.06);border:1px solid var(--ink-line)}
.srv-logo .ni{color:var(--grad-a)!important;width:26px;height:26px}
.srv-strip .btn{min-height:54px;padding-inline:36px;font-size:1.05rem;margin-left:10px}
@media (max-width:1000px){
  .srv-strip{grid-template-columns:1fr 1fr;gap:10px;padding:16px}
  .srv-strip>div{border-right:0;padding:8px}
  .srv-strip>div:first-child{grid-column:1/-1}
  .srv-strip .btn{grid-column:1/-1;margin:4px 0 0}
}

/* Ana sayfa gövdesi */
.lay-banner .page{max-width:1320px}
.lay-banner .badges{margin-top:24px}
.lay-banner .badge,.lay-banner .panel,.lay-banner .post{border-radius:22px;box-shadow:var(--shadow)}
.lay-banner .badge b{font-weight:800}
.lay-banner .cols{grid-template-columns:minmax(0,1fr) minmax(0,2.05fr);gap:26px}
.lay-banner .cols aside{order:-1}
.lay-banner .ni{display:none}
.lay-banner .panel h3{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:1.2rem}
.lay-banner .panel h3 .ni{display:inline-block;order:2;width:20px;height:20px;color:var(--muted)}
.lay-banner .sec-ic{display:none}
.lay-banner .sec-head>div{display:flex;flex-direction:column-reverse;gap:2px}
.lay-banner .sec-head small{display:block;color:#7d8aa3;font-weight:800;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}
.lay-banner .sec-head h2{font-size:clamp(1.7rem,3vw,2.3rem)}
.lay-banner .post{padding:26px 28px;gap:10px}
.lay-banner .post h3{font-size:1.35rem}
.lay-banner .post time{font-family:var(--font-body);font-size:.82rem}
.lay-banner .post .more{display:inline-flex;align-self:flex-start;color:var(--accent);font-weight:800;text-decoration:none}
.lay-banner .chip{font-weight:800;letter-spacing:.03em}
.lay-banner .feat .panel{gap:10px}
.lay-banner .feat .f-ic{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:var(--accent-soft);color:var(--accent)}
.lay-banner .feat .f-ic .ni{display:inline-block;width:22px;height:22px}
.lay-banner .top-donor{border-radius:16px}

/* Discord kartı */
.lay-banner .dc-card{order:-1;position:relative;overflow:hidden;background:radial-gradient(circle at 100% 100%,rgba(88,101,242,.28),transparent 55%),var(--ink);border-color:var(--ink-line)}
.lay-banner .dc-card h3 .ni{color:#8b95ff}
.lay-banner .dc-card .btn:not(.soft){background:#5865f2;color:#fff;box-shadow:0 14px 26px -12px rgba(88,101,242,.8)}
.lay-banner .dc-card .btn:not(.soft):hover{background:#4752e0}

/* Alt bilgi */
.lay-banner footer.site{margin-top:40px;background:radial-gradient(ellipse 60% 120% at 100% 0,rgba(70,60,140,.35),transparent 60%),linear-gradient(180deg,#141a33,var(--ink));border-top:3px solid var(--grad-a)}
.lay-banner footer.site>.wrap{max-width:1320px;padding-top:24px}
.lay-banner .fgrid h3{font-weight:800;font-size:1.05rem}
.lay-banner .fgrid a{color:#c4cad6}
.lay-banner .fgrid a:hover{color:var(--grad-a)}
.lay-banner .fgrid .tab{background:transparent;color:#e6e9f0}
.lay-banner .fine{justify-content:center;text-align:center;flex-direction:column}
.lay-banner .fine .credit:hover{color:var(--grad-a)}

@media (max-width:900px){
  .lay-banner .cols{grid-template-columns:1fr}
  .lay-banner .hero{min-height:0}
  .lay-banner .hero-grid{padding-block:56px 150px}
  .lay-banner .hero::after{background:linear-gradient(180deg,transparent 72%,var(--bg) 100%),linear-gradient(90deg,var(--hf) 0%,var(--hf-mid) 50%,var(--hf0) 100%)}
}
@media (max-width:520px){.lay-banner .hero-cta .btn{flex:1 1 100%}}
.lay-banner .srv-strip .ni{display:inline-block}
.lay-banner .feat{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:900px){.lay-banner .feat{grid-template-columns:1fr}}

/* ==========================================================================
   Platinum: Gaming Gecesi şeridi, Çarkıfelek, VIP, Vote, Tebex (tüm temalarda)
   ========================================================================== */
.night-bar{background:linear-gradient(90deg,#4c1d95,#7c3aed 45%,#db2777);color:#fff;font-size:.9rem;position:relative;z-index:31}
.night-bar.live{background:linear-gradient(90deg,#b91c1c,#ea580c 45%,#f59e0b);animation:night-glow 3s ease-in-out infinite}
.night-bar .wrap{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px 14px;padding-block:9px;text-align:center}
.night-bar a{color:#fff;font-weight:800;text-decoration:underline;text-underline-offset:3px}
.night-cd b{font-family:var(--font-mono,monospace);background:rgba(0,0,0,.25);padding:2px 8px;border-radius:6px;letter-spacing:.04em}
@keyframes night-glow{50%{filter:brightness(1.12)}}
.old-price{color:var(--muted);font-weight:500;margin-right:2px}
.wheel-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:22px;align-items:start}
@media (max-width:860px){.wheel-grid{grid-template-columns:1fr}}
.wheel-box{display:flex;flex-direction:column;align-items:center;gap:16px;padding:26px}
.wheel-wrap{position:relative;width:min(420px,88vw);aspect-ratio:1}
.wheel{width:100%;height:100%;border-radius:50%;box-shadow:0 0 0 8px var(--surface-2),0 0 0 10px var(--accent),0 24px 60px -20px rgba(0,0,0,.6);transform:rotate(0deg)}
.wheel-pin{position:absolute;top:-8px;left:50%;z-index:2;width:0;height:0;transform:translateX(-50%);border-left:16px solid transparent;border-right:16px solid transparent;border-top:30px solid var(--accent);filter:drop-shadow(0 4px 6px rgba(0,0,0,.4))}
.wheel-msg{min-height:1.4em;margin:0;font-weight:700;text-align:center}
.wheel-msg.win{color:var(--good,#22c55e);font-size:1.15rem}
.wheel-legend{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.wheel-legend li{display:flex;align-items:center;gap:8px}
.wheel-legend i{width:14px;height:14px;border-radius:4px;flex:none}
.wheel-last{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.wheel-last li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:8px;border-bottom:1px dashed var(--line)}
.vip-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px;margin-bottom:20px}
.vip-card{display:flex;flex-direction:column;gap:10px;align-items:flex-start;position:relative}
.vip-card h3{margin:0;font-size:1.35rem}
.vip-card.hot{border-color:var(--accent)!important;box-shadow:0 0 0 1px var(--accent),var(--shadow)}
.vip-card.owned{border-color:var(--good,#22c55e)!important}
.vip-price b{font-size:1.6rem;font-family:var(--font-display)}
.vip-price s{color:var(--muted)}
.vip-table td.c,.vip-table th:not(:first-child){text-align:center}
.vip-table .yes{color:var(--good,#22c55e);font-weight:900;font-size:1.1rem}
.vip-table .no{color:var(--muted);opacity:.6}
.vote-sites{display:grid;gap:12px}
.vote-site{display:flex!important;flex-direction:row!important;align-items:center;gap:14px;text-decoration:none;color:var(--fg)}
.vote-site b{flex:1}
.vote-n{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--accent-soft);color:var(--accent);font-weight:900}
.vote-top{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:10px}
.vote-top li{display:list-item}
.vote-top li span,.vote-top li b{display:inline-flex}
.vote-top li b{float:right}
.tebex-grid .p-img{aspect-ratio:16/10;overflow:hidden;background:var(--surface-2)}
.tebex-grid .p-img img{width:100%;height:100%;object-fit:cover}
/* ===== Kredi yükle (tüm temalar) ===== */
.cr-page{display:flex;flex-direction:column;gap:20px}
.cr-head h2{margin:0;font-size:2rem;font-weight:800;letter-spacing:-.02em}
.cr-head p{margin:4px 0 0}
.cr-grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:20px;align-items:start}
.cr-main{display:flex;flex-direction:column;gap:16px}
.cr-card{display:flex;flex-direction:column;gap:16px;padding:22px 24px;border-radius:20px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}
.cr-ch h3{margin:0;font-size:1.12rem}
.cr-ch small{color:var(--muted)}
.cr-amount{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-radius:16px;background:var(--surface-2);border:1px solid var(--line)}
.cr-amount b{font-size:2.2rem;font-weight:800;letter-spacing:-.02em;font-family:var(--font-display,inherit)}
.cr-amount span{color:var(--muted);font-weight:600}
.cr-chips{display:flex;flex-wrap:wrap;gap:8px}
.cr-chip{position:relative;cursor:pointer}
.cr-chip input{position:absolute;opacity:0;pointer-events:none}
.cr-chip>span{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;border-radius:12px;background:var(--surface-2);border:1px solid var(--line);font-weight:700;transition:all .15s}
.cr-chip i{font-style:normal;font-size:.75rem;padding:2px 7px;border-radius:999px;background:color-mix(in srgb,var(--good,#22c55e) 18%,transparent);color:var(--good,#22c55e)}
.cr-chip:hover>span{border-color:var(--accent)}
.cr-chip input:checked+span{background:var(--accent);border-color:var(--accent);color:var(--accent-fg,#fff);box-shadow:0 10px 22px -12px var(--accent)}
.cr-chip input:checked+span i{background:rgba(255,255,255,.22);color:inherit}
.cr-chip input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}
.cr-methods{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.cr-m{position:relative;display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:16px;border:1.5px solid var(--line);background:var(--surface-2);cursor:pointer;transition:all .15s}
.cr-m input{position:absolute;opacity:0;pointer-events:none}
.cr-mi{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:12px;background:var(--surface);color:var(--accent)}
.cr-mi svg{width:22px;height:22px}
.cr-mt{display:flex;flex-direction:column;flex:1;min-width:0}
.cr-mt small{color:var(--muted)}
.cr-m em{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--accent);color:var(--accent-fg,#fff);font-style:normal;font-weight:800;opacity:0;transform:scale(.6);transition:all .2s}
.cr-m:has(input:checked){border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--surface-2));box-shadow:0 12px 26px -18px var(--accent)}
.cr-m:has(input:checked) em{opacity:1;transform:none}
.cr-m.off{opacity:.5;cursor:not-allowed}
.cr-sum{position:sticky;top:90px;border-radius:20px;overflow:hidden;background:var(--surface);border:1px solid var(--line);box-shadow:0 30px 60px -36px rgba(0,0,0,.6)}
.cr-sum-h{display:flex;flex-direction:column;gap:4px;padding:22px 24px;color:#fff;background:radial-gradient(260px 120px at 100% 0,rgba(255,255,255,.22),transparent 70%),linear-gradient(135deg,var(--grad-a,var(--accent)),var(--grad-b,var(--accent)))}
.cr-sum-h small{font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;opacity:.85}
.cr-sum-h b{font-size:1.25rem}
.cr-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 24px;border-bottom:1px solid var(--line)}
.cr-row span{color:var(--muted)}
.cr-row.good b{color:var(--good,#22c55e)}
.cr-row.total{border-bottom:0;padding-block:18px}
.cr-row.total span{color:var(--fg);font-weight:700}
.cr-row.total b{font-size:1.4rem;color:var(--accent)}
.cr-go{display:flex;width:calc(100% - 48px);margin:0 24px;justify-content:center;min-height:52px;box-shadow:0 14px 30px -14px var(--accent)}
.cr-note{margin:12px 24px 20px;text-align:center;color:var(--muted);font-size:.82rem}
.cr-hist .panel{border-radius:16px}
@media (max-width:900px){.cr-grid{grid-template-columns:1fr}.cr-sum{position:static}}
.cr-row[hidden]{display:none!important}

/* ===== Yönetim paneli v2: menü, üst bar, bildirimler ===== */
.adm2{grid-template-columns:252px 1fr}
.adm-mini .adm2{grid-template-columns:72px 1fr}
.adm2 .adm-side{padding:14px 10px;gap:8px;z-index:50}
.as-top{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:2px 4px 6px}
.as-top .brand{padding:0;font-size:1.2rem;min-width:0;overflow:hidden;white-space:nowrap}
.ai{width:19px;height:19px;flex:none}
.as-icon{display:inline-grid;place-items:center;position:relative;width:36px;height:36px;border-radius:10px;border:1px solid transparent;background:none;color:var(--muted);cursor:pointer}
.as-icon:hover{background:var(--surface-2);color:var(--fg)}
.as-search{display:flex;align-items:center;gap:8px;padding:0 10px;height:38px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);color:var(--muted)}
.as-search input{flex:1;min-width:0;border:0;background:none;outline:none;color:var(--fg);font:inherit;font-size:.9rem;padding:0;min-height:0;box-shadow:none}
.as-search kbd{font-size:.7rem;padding:1px 6px;border:1px solid var(--line);border-radius:6px;font-family:inherit}
.as-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.as-nav{display:flex;flex-direction:column;gap:2px;flex:1;overflow-y:auto;margin:0 -4px;padding:0 4px}
.as-gh{display:flex;width:100%;align-items:center;justify-content:space-between;padding:12px 10px 4px;border:0;background:none;color:var(--muted);font:inherit;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}
.as-gh .ai{width:14px;height:14px;transition:transform .2s}
.as-group.shut .as-gh .ai{transform:rotate(-90deg)}
.as-group.shut .as-items{display:none}
.searching .as-group .as-items{display:flex!important}
.as-items{display:flex;flex-direction:column;gap:2px}
.adm2 .adm-side a.item{align-items:center;justify-content:flex-start;gap:11px;padding:8px 10px;font-size:.93rem;position:relative}
.adm2 .adm-side a.item .lbl{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.adm2 .adm-side a.item[aria-current="page"]{box-shadow:inset 3px 0 0 var(--accent)}
.as-badge{min-width:20px;height:20px;padding:0 6px;border-radius:999px;display:inline-grid;place-items:center;font-size:.72rem;font-weight:800;background:var(--surface-2);color:var(--fg)}
.as-badge.hot{background:var(--accent);color:var(--accent-fg,#fff)}
.as-foot{display:flex;flex-direction:column;gap:6px;border-top:1px solid var(--line);padding-top:10px}
.as-user{display:flex;align-items:center;gap:8px;padding:4px}
.as-av{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:10px;background:var(--accent-soft);color:var(--accent);font-weight:800}
.as-who{display:flex;flex-direction:column;flex:1;min-width:0;line-height:1.2}
.as-who small{color:var(--muted);font-size:.75rem}
/* daraltılmış menü */
.adm-mini .adm-side .lbl,.adm-mini .as-search,.adm-mini .as-gh span,.adm-mini .as-top .brand{display:none}
.adm-mini .as-top{justify-content:center}
.adm-mini .adm-side a.item{justify-content:center;padding:10px}
.adm-mini .as-badge{position:absolute;top:2px;right:2px;min-width:16px;height:16px;font-size:.6rem;padding:0 4px}
.adm-mini .as-gh{justify-content:center;padding:8px 0 2px}
.adm-mini .as-user{flex-direction:column}
.adm-mini .as-collapse .ai{transform:rotate(180deg)}
/* üst bar */
.adm-wrap{display:flex;flex-direction:column;min-width:0}
.adm-top{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:12px;padding:10px 24px;background:var(--glass,var(--surface));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.adm-crumb{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:.9rem;min-width:0}
.adm-crumb a{color:var(--muted);text-decoration:none}
.adm-top-r{margin-left:auto;display:flex;align-items:center;gap:8px}
.adm-top .btn .ai{width:16px;height:16px}
.adm-burger{display:none}
.as-dot{position:absolute;top:1px;right:0;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:var(--accent);color:var(--accent-fg,#fff);font-size:.62rem;font-weight:800;display:grid;place-items:center}
.adm-notes{position:relative}
.adm-pop{position:absolute;right:0;top:calc(100% + 8px);width:min(330px,86vw);padding:8px;border-radius:14px;background:var(--surface);border:1px solid var(--line);box-shadow:0 24px 50px -20px rgba(0,0,0,.45);display:flex;flex-direction:column;gap:2px}
.adm-pop-h{padding:6px 8px;font-size:.85rem}
.adm-pop a{display:flex;align-items:center;gap:10px;padding:9px 8px;border-radius:10px;color:var(--fg);text-decoration:none;font-size:.9rem}
.adm-pop a:hover{background:var(--surface-2)}
.adm-pop a span{flex:1}
.adm-pop i.hot{width:8px;height:8px;border-radius:50%;background:var(--accent)}
.adm-scrim{display:none}
@media (max-width:900px){
  .adm2,.adm-mini .adm2{grid-template-columns:1fr}
  .adm2 .adm-side{position:fixed;left:0;top:0;bottom:0;width:270px;height:100vh;flex-direction:column;flex-wrap:nowrap;border-right:1px solid var(--line);border-bottom:0;transform:translateX(-105%);transition:transform .25s}
  .adm-open .adm2 .adm-side{transform:none}
  .adm-open .adm-scrim{display:block;position:fixed;inset:0;z-index:45;background:rgba(0,0,0,.45)}
  .adm-mini .adm-side .lbl,.adm-mini .as-search,.adm-mini .as-gh span,.adm-mini .as-top .brand{display:revert}
  .as-collapse{display:none}
  .adm-burger{display:inline-grid}
  .adm-top{padding:8px 14px}
  .hide-sm{display:none}
}
.adm-pop[hidden]{display:none!important}
.as-nav{scrollbar-width:none}.as-nav::-webkit-scrollbar{width:0;height:0}
.as-nav:hover{scrollbar-width:thin;scrollbar-color:var(--line) transparent}.as-nav:hover::-webkit-scrollbar{width:4px}
.as-nav::-webkit-scrollbar-thumb{background:var(--line);border-radius:4px}
.adm2 .adm-side{scrollbar-width:none;overflow:hidden}
/* lüks dokunuşlar */
.adm2 .adm-side{background:radial-gradient(260px 200px at 0 0,color-mix(in srgb,var(--accent) 10%,transparent),transparent 70%),var(--surface);border-right:1px solid var(--line)}
.adm2 .adm-side a.item[aria-current="page"]{background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 16%,transparent),transparent);color:var(--fg)}
.adm2 .adm-side a.item[aria-current="page"] .ai{color:var(--accent)}
.as-plan{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border-radius:12px;font-size:.82rem;font-weight:700;text-decoration:none;color:#fff;background:linear-gradient(135deg,var(--grad-a,var(--accent)),var(--grad-b,var(--accent)))}
.as-plan.plat{background:linear-gradient(135deg,#8b5cf6,#db2777)}
.as-plan.free{background:var(--surface-2);color:var(--fg);border:1px dashed var(--line)}
.as-plan small{opacity:.85;font-weight:600}
.adm-mini .as-plan{display:none}
.adm-top{border-bottom:1px solid transparent;border-image:linear-gradient(90deg,transparent,color-mix(in srgb,var(--accent) 40%,transparent),transparent) 1}
/* ===== Zengin metin düzenleyici ve haber görselleri ===== */
.rt{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--surface);box-shadow:var(--shadow)}
.rt-bar{position:sticky;top:0;z-index:2;display:flex;flex-wrap:wrap;align-items:center;gap:4px;padding:8px;background:linear-gradient(180deg,var(--surface-2),var(--surface));border-bottom:1px solid var(--line)}
.rt-b{min-width:34px;height:34px;padding:0 8px;border-radius:9px;border:1px solid transparent;background:transparent;color:var(--fg);font:inherit;font-weight:700;cursor:pointer;transition:background .15s,border-color .15s}
.rt-b:hover{background:var(--surface);border-color:var(--line)}
.rt-b:active{transform:translateY(1px)}
.rt-sel{height:34px;padding:0 8px;border-radius:9px;border:1px solid var(--line);background:var(--surface);color:var(--fg);font:inherit;font-size:.88rem;min-height:0}
.rt-sep{width:1px;height:22px;background:var(--line);margin:0 4px}
.rt-color{position:relative;display:inline-grid;place-items:center;width:34px;height:34px;border-radius:9px;cursor:pointer;font-weight:800}
.rt-color:hover{background:var(--surface)}
.rt-color span{border-bottom:3px solid var(--accent);line-height:1}
.rt-color.hl span{color:#f5c400;border:0}
.rt-color input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%;padding:0;border:0}
.rt-area{padding:18px 20px;outline:none;max-width:none;line-height:1.75;overflow-wrap:anywhere}
.rt-area:focus{box-shadow:inset 0 0 0 2px var(--accent-soft)}
.rt-area:empty::before{content:"Yazmaya başlayın…";color:var(--muted)}
.rt-src{width:100%;border:0;border-radius:0;font-family:var(--font-mono,monospace);font-size:.88rem;padding:16px;background:var(--surface-2);color:var(--fg);min-height:240px}
.rt.src .rt-b:not([data-cmd="source"]),.rt.src .rt-sel,.rt.src .rt-color{opacity:.35;pointer-events:none}
.rich-body img{max-width:100%;height:auto;border-radius:14px}
.rich-body blockquote{margin:16px 0;padding:12px 18px;border-left:4px solid var(--accent);background:var(--surface-2);border-radius:0 12px 12px 0}
.rich-body hr{border:0;border-top:1px solid var(--line);margin:22px 0}
.rich-body table{width:100%;border-collapse:collapse}.rich-body td,.rich-body th{border:1px solid var(--line);padding:8px}
.img-field{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.img-field img{width:180px;aspect-ratio:16/9;object-fit:cover;border-radius:12px;border:1px solid var(--line)}
.img-field>div{display:flex;flex-direction:column;gap:6px}
.news-cover{margin:0 0 22px;border-radius:22px;overflow:hidden;box-shadow:0 30px 60px -34px rgba(0,0,0,.7);aspect-ratio:1200/630;background:var(--surface-2)}
.news-cover img{width:100%;height:100%;object-fit:cover;display:block}
.post.has-img{display:grid!important;grid-template-columns:220px minmax(0,1fr);gap:18px;align-items:stretch;padding:0!important;overflow:hidden}
.post.has-img .post-b{padding:18px 20px 18px 0;display:flex;flex-direction:column;gap:8px}
.post-img{display:block;min-height:150px;overflow:hidden;background:var(--surface-2)}
.post-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}
.post.has-img:hover .post-img img{transform:scale(1.05)}
.post:not(.has-img) .post-b{display:contents}
@media (max-width:640px){.post.has-img{grid-template-columns:1fr}.post.has-img .post-b{padding:0 18px 18px}.post-img{aspect-ratio:16/9}}
.rt-bar .rt-sel{width:auto!important;flex:none}
/* RexOS Free renk seçici */
.fv-pick{display:inline-flex;align-items:center;gap:8px;padding:6px 10px 6px 14px;border-radius:999px;border:1px solid var(--line);background:var(--surface-2)}
.fv-pick>span{font-size:.8rem;font-weight:700;color:var(--muted);margin-right:2px}
.fv-dot{width:22px;height:22px;border-radius:50%;border:0;cursor:pointer;background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--c) 60%,#fff),var(--c) 60%);box-shadow:0 0 0 2px var(--surface),0 0 0 3px transparent;transition:transform .15s,box-shadow .15s}
.fv-dot:hover{transform:scale(1.15)}
.fv-dot.on{box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--c)}
.fv-dot:focus-visible{outline:2px solid var(--c);outline-offset:3px}
.fv-opts{display:flex;flex-wrap:wrap;gap:8px}
.fv-opt{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;border:1px solid var(--line);cursor:pointer;font-weight:600}
.fv-opt input{position:absolute;opacity:0}
.fv-opt span{width:16px;height:16px;border-radius:50%;background:var(--c)}
.fv-opt:has(input:checked){border-color:var(--accent);background:var(--accent-soft)}
/* ===== Market: sunucu seçimi ve görselli kategoriler (tüm temalar) ===== */
.mk-page{display:flex;flex-direction:column;gap:20px}
.mk-head h2{margin:4px 0;font-size:2rem;font-weight:800;letter-spacing:-.02em}
.mk-servers{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}
.mk-srv{position:relative;display:flex;flex-direction:column;border-radius:22px;overflow:hidden;background:var(--surface);border:1px solid var(--line);color:var(--fg);text-decoration:none;box-shadow:var(--shadow);transition:transform .25s,border-color .25s,box-shadow .25s}
.mk-srv:hover{transform:translateY(-6px);border-color:var(--c);box-shadow:0 30px 60px -32px var(--c)}
.mk-srv-img{position:relative;display:block;aspect-ratio:12/5;background:linear-gradient(135deg,var(--c),var(--surface-2));overflow:hidden}
.mk-srv-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s;image-rendering:pixelated}
.mk-srv:hover .mk-srv-img img{transform:scale(1.06)}
.mk-srv-img::after{content:"";position:absolute;inset:auto 0 0 0;height:50%;background:linear-gradient(transparent,color-mix(in srgb,var(--surface) 85%,transparent))}
.mk-srv-b{display:flex;flex-direction:column;gap:6px;padding:16px 20px 18px;margin-top:-30px;position:relative}
.mk-srv-b b{font-size:1.45rem;font-weight:800;letter-spacing:-.02em;font-family:var(--font-display,inherit)}
.mk-srv-b small{color:var(--muted);line-height:1.5}
.mk-srv-f{display:flex;justify-content:space-between;align-items:center;margin-top:6px}
.mk-srv-f i{font-style:normal;font-size:.8rem;font-weight:700;padding:4px 10px;border-radius:999px;background:color-mix(in srgb,var(--c) 16%,transparent);color:var(--c)}
.mk-srv-f em{font-style:normal;font-weight:800;color:var(--c)}
.mk-banner{position:relative;display:flex;align-items:flex-end;min-height:190px;padding:26px 28px;border-radius:24px;overflow:hidden;color:#fff;background:linear-gradient(135deg,var(--c),#111)}
.mk-banner img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;image-rendering:pixelated}
.mk-banner::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.25) 70%,transparent)}
.mk-banner>div{position:relative;display:flex;flex-direction:column;gap:4px}
.mk-banner h2{margin:0;font-size:2rem;font-weight:800;color:#fff;letter-spacing:-.02em;text-shadow:0 2px 12px rgba(0,0,0,.4)}
.mk-banner p{margin:0;opacity:.9;max-width:60ch}
.mk-back{align-self:flex-start;color:#fff;text-decoration:none;font-weight:700;font-size:.85rem;padding:5px 12px;border-radius:999px;background:rgba(255,255,255,.16);backdrop-filter:blur(6px);margin-bottom:8px}
.mk-cats{display:flex;gap:10px;overflow-x:auto;padding:2px 2px 6px;scrollbar-width:thin}
.mk-cat{display:flex;align-items:center;gap:10px;flex:none;padding:7px 16px 7px 7px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--fg);text-decoration:none;font-weight:700;transition:border-color .15s,background .15s}
.mk-cat:hover{border-color:var(--accent)}
.mk-cat.on{background:var(--accent);border-color:var(--accent);color:var(--accent-fg,#fff)}
.mk-cat-i{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;overflow:hidden;background:var(--surface-2);font-weight:800;flex:none}
.mk-cat-i img{width:100%;height:100%;object-fit:cover;image-rendering:pixelated}
.mk-cat.on .mk-cat-i{box-shadow:0 0 0 2px rgba(255,255,255,.5)}
.mk-cats.img{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));overflow:visible}
.mk-cats.img .mk-cat{flex-direction:column;align-items:stretch;gap:0;padding:0;border-radius:16px;overflow:hidden}
.mk-cats.img .mk-cat-i{width:100%;height:auto;aspect-ratio:3/2;border-radius:0;font-size:1.6rem}
.mk-cats.img .mk-cat-i.all{background:linear-gradient(135deg,var(--accent),var(--surface-2));color:#fff}
.mk-cats.img .mk-cat b{padding:10px 12px;text-align:center}
.mk-cats.img .mk-cat.on{box-shadow:0 14px 30px -16px var(--accent)}
.mk-cats.img .mk-cat.on .mk-cat-i{box-shadow:none}
/* admin kartları */
.ss-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}
.ss-card{display:flex;flex-direction:column;gap:10px}
.ss-card.new{border-style:dashed}
.ss-img{aspect-ratio:12/5;border-radius:12px;overflow:hidden;display:grid;place-items:center;background:linear-gradient(135deg,var(--c,var(--accent)),var(--surface-2));color:#fff;font-weight:700}
.ss-card.cat .ss-img{aspect-ratio:3/2}
.ss-img img{width:100%;height:100%;object-fit:cover;image-rendering:pixelated}
/* ===== Market ürün kutuları (yalın) ve ürün detay sayfası ===== */
.mk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:18px}
.mk-tile{position:relative;display:flex;flex-direction:column;border-radius:20px;overflow:hidden;background:var(--surface);border:1px solid var(--line);color:var(--fg);text-decoration:none;box-shadow:var(--shadow);transition:transform .25s,border-color .25s,box-shadow .25s}
.mk-tile:hover{transform:translateY(-6px);border-color:var(--accent);box-shadow:0 26px 50px -28px var(--accent)}
.mk-tile.feat{border-color:color-mix(in srgb,var(--accent) 50%,var(--line))}
.mk-t-img{position:relative;display:grid;place-items:center;aspect-ratio:1/1;overflow:hidden;background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--accent) 22%,var(--surface-2)),var(--surface-2) 70%)}
.mk-t-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.mk-tile:hover .mk-t-img img{transform:scale(1.07)}
.mk-t-img.ph svg{width:40%;color:var(--muted);opacity:.6}
.mk-t-img em{position:absolute;top:10px;left:10px;font-style:normal;font-size:.72rem;font-weight:800;padding:4px 10px;border-radius:999px;background:var(--accent);color:var(--accent-fg,#fff)}
.mk-t-name{position:absolute;left:0;right:0;bottom:0;padding:26px 12px 10px;font-weight:800;font-size:.98rem;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.72));text-shadow:0 1px 6px rgba(0,0,0,.5);line-height:1.3}
.mk-t-foot{display:flex;align-items:center;justify-content:space-between;padding:12px 14px}
.mk-t-foot b{font-size:1.15rem;font-weight:800;color:var(--accent)}
.mk-t-foot b small{font-size:.75rem;color:var(--muted);font-weight:600}
.mk-t-foot s{color:var(--muted);font-weight:600;font-size:.85rem}
.mk-t-foot i{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--surface-2);font-style:normal;font-weight:800;transition:background .2s,color .2s,transform .2s}
.mk-tile:hover .mk-t-foot i{background:var(--accent);color:var(--accent-fg,#fff);transform:translateX(3px)}
.pd-page{display:flex;flex-direction:column;gap:22px}
.pd-crumb{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:.9rem;color:var(--muted)}
.pd-crumb a{color:var(--muted);text-decoration:none}.pd-crumb a:hover{color:var(--accent)}
.pd-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:34px;align-items:start}
.pd-media{position:sticky;top:90px;display:grid;place-items:center;aspect-ratio:1/1;border-radius:28px;overflow:hidden;border:1px solid var(--line);
  background:radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--accent) 26%,var(--surface-2)),var(--surface-2) 72%);box-shadow:0 40px 80px -46px rgba(0,0,0,.8)}
.pd-media img{width:100%;height:100%;object-fit:cover}
.pd-media.ph svg{width:36%;color:var(--muted);opacity:.6}
.pd-tag{position:absolute;top:16px;left:16px;padding:6px 14px;border-radius:999px;background:var(--accent);color:var(--accent-fg,#fff);font-weight:800;font-size:.82rem}
.pd-info{display:flex;flex-direction:column;gap:16px}
.pd-cat{font-size:.8rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
.pd-info h1{margin:0;font-size:clamp(2rem,4vw,2.8rem);line-height:1.05;font-weight:800;letter-spacing:-.02em;font-family:var(--font-display,inherit)}
.pd-desc{margin:0;color:var(--muted);font-size:1.05rem;line-height:1.7}
.pd-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:10px;padding:18px 20px;border-radius:18px;background:var(--surface);border:1px solid var(--line)}
.pd-price b{font-size:2.4rem;font-weight:800;color:var(--accent);letter-spacing:-.02em;line-height:1}
.pd-price span{color:var(--muted);font-weight:600}
.pd-price s{color:var(--muted);font-size:1.1rem}
.pd-price i{font-style:normal;margin-left:auto;padding:4px 10px;border-radius:999px;background:color-mix(in srgb,var(--good,#22c55e) 16%,transparent);color:var(--good,#22c55e);font-weight:800;font-size:.8rem}
.pd-buy{display:flex;gap:10px;flex-wrap:wrap}
.pd-buy .btn:first-of-type{flex:1;justify-content:center;min-height:54px;box-shadow:0 16px 34px -16px var(--accent)}
.pd-perks{padding:20px;border-radius:18px;background:var(--surface);border:1px solid var(--line)}
.pd-perks h3{margin:0 0 12px;font-size:1.05rem}
.pd-perks ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.pd-perks li{display:flex;gap:10px;align-items:flex-start}
.pd-perks li .ni{flex:none;width:20px;height:20px;color:var(--good,#22c55e)}
.pd-trust{display:flex;flex-wrap:wrap;gap:8px}
.pd-trust span{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;background:var(--surface-2);font-size:.85rem;font-weight:600}
.pd-trust .ni{width:15px;height:15px;color:var(--good,#22c55e)}
.pd-more h2{font-size:1.4rem;margin:0 0 14px}
@media (max-width:860px){.pd-grid{grid-template-columns:1fr}.pd-media{position:static}}
.pd-perks .ck,.pd-trust .ck{flex:none;display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;font-style:normal;font-weight:800;font-size:.75rem;background:color-mix(in srgb,var(--good,#22c55e) 18%,transparent);color:var(--good,#22c55e)}
/* ===== Hesabım (tüm temalar) ===== */
.ac-page{display:flex;flex-direction:column;gap:18px}
.ac-hero{position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;padding:28px 30px;border-radius:26px;color:#fff;
  background:radial-gradient(500px 220px at 100% 0,rgba(255,255,255,.2),transparent 70%),linear-gradient(135deg,var(--grad-a,var(--accent)),var(--grad-b,var(--accent)));box-shadow:0 30px 60px -34px var(--accent)}
.ac-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px) 0 0/28px 28px,linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px) 0 0/28px 28px;pointer-events:none}
.ac-hero>*{position:relative;z-index:1}
.ac-id{display:flex;align-items:center;gap:18px}
.ac-av{position:relative;display:grid;place-items:center;flex:none;width:96px;height:96px;border-radius:22px;overflow:hidden;background:rgba(0,0,0,.25);box-shadow:0 0 0 4px rgba(255,255,255,.25),0 16px 30px -14px rgba(0,0,0,.6)}
.ac-av img{position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated;z-index:1}
.ac-av b{font-size:2.4rem;font-weight:800}
.ac-k{font-size:.75rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;opacity:.85}
.ac-id h2{margin:2px 0 4px;font-size:2rem;font-weight:800;color:#fff;letter-spacing:-.02em}
.ac-id p{margin:0;opacity:.88}
.ac-badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.ac-badges span{padding:4px 11px;border-radius:999px;font-size:.78rem;font-weight:700;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.25)}
.ac-badges .ok{background:rgba(34,197,94,.3)}.ac-badges .warn{background:rgba(0,0,0,.2)}.ac-badges .vip{background:rgba(255,215,90,.3);border-color:#ffe08a}
.ac-wallet{display:flex;flex-direction:column;gap:6px;padding:18px 22px;border-radius:20px;background:rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(8px);min-width:230px}
.ac-wallet small{font-size:.75rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;opacity:.85}
.ac-wallet b{font-size:2.2rem;font-weight:800;line-height:1}
.ac-wallet b i{font-style:normal;font-size:.95rem;opacity:.8}
.ac-wallet .btn{background:#fff!important;color:#111!important;justify-content:center;margin-top:6px}
.ac-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.ac-stats div{display:flex;flex-direction:column;gap:2px;padding:16px 18px;border-radius:18px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}
.ac-stats span{font-size:1.3rem}
.ac-stats b{font-size:1.4rem;font-weight:800}
.ac-stats small{color:var(--muted)}
.ac-stats .hot{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--surface))}
.ac-quick{display:flex;flex-wrap:wrap;gap:8px}
.ac-quick a{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:14px;background:var(--surface);border:1px solid var(--line);color:var(--fg);text-decoration:none;font-weight:700;transition:border-color .15s,transform .15s}
.ac-quick a:hover{border-color:var(--accent);transform:translateY(-2px)}
.ac-cols{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:18px;align-items:start}
.ac-card{display:flex;flex-direction:column;gap:14px;padding:20px 22px;border-radius:20px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}
.ac-ch{display:flex;justify-content:space-between;align-items:center;gap:10px}
.ac-ch h3{margin:0;font-size:1.1rem}
.ac-ch a{color:var(--accent);text-decoration:none;font-weight:700;font-size:.9rem}
.ac-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.ac-list li{display:flex;align-items:center;gap:12px;padding:12px 4px;border-bottom:1px dashed var(--line)}
.ac-list li:last-child{border-bottom:0}
.ac-list li>div{display:flex;flex-direction:column;flex:1;min-width:0}
.ac-list li small{color:var(--muted);font-size:.82rem}
.ac-li-ic{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:12px;font-weight:800}
.ac-li-ic.done{background:color-mix(in srgb,var(--good,#22c55e) 16%,transparent);color:var(--good,#22c55e)}
.ac-li-ic.wait{background:color-mix(in srgb,var(--accent) 16%,transparent)}
.ac-li-ic.out{background:color-mix(in srgb,var(--bad,#ef4444) 14%,transparent);color:var(--bad,#ef4444)}
.ac-li-r{display:flex;flex-direction:column;align-items:flex-end;gap:2px;text-align:right}
.ac-li-r i{font-style:normal;font-size:.75rem;font-weight:700;padding:2px 8px;border-radius:999px}
.ac-li-r i.done{background:color-mix(in srgb,var(--good,#22c55e) 16%,transparent);color:var(--good,#22c55e)}
.ac-li-r i.wait{background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent)}
.ac-li-r b.pos{color:var(--good,#22c55e)}.ac-li-r b.neg{color:var(--bad,#ef4444)}
.ac-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px;text-align:center;color:var(--muted)}
.ac-empty span{font-size:2rem}.ac-empty p{margin:0}
.ac-mc.linked{border-color:color-mix(in srgb,var(--good,#22c55e) 45%,var(--line))}
.ac-mc-ok{display:flex;gap:10px;margin:0;line-height:1.6}
.ac-mc-ok span{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:50%;background:var(--good,#22c55e);color:#fff;font-weight:800}
.ac-code{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:14px;border-radius:14px;background:var(--surface-2);border:1px dashed var(--accent)}
.ac-code small{color:var(--muted);font-weight:700}
.ac-code code{font-size:1.6rem;font-weight:800;letter-spacing:.12em;color:var(--accent)}
@media (max-width:900px){.ac-cols{grid-template-columns:1fr}.ac-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.ac-wallet{width:100%}}
/* =====================================================================
   SİTE YÖNETİMİ · İÇERİK KATMANI (tüm modüller, tüm temalar)
   ===================================================================== */
.adm2 .adm-main{padding:30px 32px 70px;gap:22px;background:radial-gradient(900px 300px at 100% 0,color-mix(in srgb,var(--accent) 7%,transparent),transparent 70%)}
.adm2 .adm-main>h2,.adm2 .adm-bar h2{margin:0;font-size:1.75rem;font-weight:800;letter-spacing:-.02em;font-family:var(--font-display,inherit)}
.adm2 .adm-bar{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;padding-bottom:6px;border-bottom:1px solid var(--line)}
.adm2 .adm-bar a:not(.btn){color:var(--accent);font-weight:700;text-decoration:none}
.adm2 .adm-main h3{font-size:1.08rem;letter-spacing:-.01em;margin:0 0 4px}
/* paneller ve formlar */
.adm2 .adm-main .panel{border-radius:20px;border:1px solid var(--line);background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 96%,var(--accent) 4%),var(--surface));box-shadow:0 1px 0 rgba(255,255,255,.03) inset,0 18px 40px -30px rgba(0,0,0,.55);padding:22px 24px}
.adm2 .adm-main .panel>h3:first-child{display:flex;align-items:center;gap:10px;padding-bottom:12px;margin-bottom:6px;border-bottom:1px dashed var(--line)}
.adm2 .adm-main .panel>h3:first-child::before{content:"";width:6px;height:18px;border-radius:3px;background:var(--accent)}
.adm2 .adm-form{gap:16px}
.adm2 .adm-main .field label{font-size:.82rem;font-weight:700;letter-spacing:.02em;color:var(--muted);text-transform:none}
.adm2 .adm-main input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=file]),.adm2 .adm-main select,.adm2 .adm-main textarea{border-radius:12px;border:1px solid var(--line);background:var(--surface-2);transition:border-color .15s,box-shadow .15s,background .15s}
.adm2 .adm-main input:not([type=checkbox]):not([type=radio]):focus,.adm2 .adm-main select:focus,.adm2 .adm-main textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft);background:var(--surface);outline:none}
.adm2 .adm-main input[type=file]{padding:8px;border-radius:12px;border:1px dashed var(--line);background:var(--surface-2);width:100%}
.adm2 .adm-main .check{display:inline-flex;align-items:center;gap:10px;font-weight:600;cursor:pointer}
.adm2 .adm-main .check input{width:18px;height:18px;accent-color:var(--accent)}
.adm2 .adm-main .actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
/* düğmeler */
.adm2 .adm-main .btn{border-radius:12px;font-weight:700;transition:transform .15s,box-shadow .15s,filter .15s}
.adm2 .adm-main .btn:not(.soft):not(.danger){box-shadow:0 10px 22px -12px var(--accent)}
.adm2 .adm-main .btn:hover{transform:translateY(-1px)}
.adm2 .adm-main .btn.soft{background:var(--surface-2);border-color:var(--line)}
.adm2 .adm-main .btn.danger{background:color-mix(in srgb,var(--bad,#ef4444) 14%,transparent);color:var(--bad,#ef4444);border:1px solid color-mix(in srgb,var(--bad,#ef4444) 35%,transparent);box-shadow:none}
.adm2 .adm-main .btn.danger:hover{background:var(--bad,#ef4444);color:#fff}
/* tablolar */
.adm2 .adm-main .tablewrap{border-radius:18px;border:1px solid var(--line);background:var(--surface);box-shadow:0 18px 40px -30px rgba(0,0,0,.55);overflow:auto}
.adm2 .adm-main table{border-collapse:separate;border-spacing:0;width:100%}
.adm2 .adm-main thead th{position:sticky;top:0;z-index:1;background:var(--surface-2);font-size:.74rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:13px 14px;border-bottom:1px solid var(--line);text-align:left}
.adm2 .adm-main tbody td{padding:13px 14px;border-bottom:1px solid var(--line);vertical-align:middle}
.adm2 .adm-main tbody tr:last-child td{border-bottom:0}
.adm2 .adm-main tbody tr{transition:background .15s}
.adm2 .adm-main tbody tr:hover td{background:color-mix(in srgb,var(--accent) 5%,transparent)}
/* çipler, sekmeler, uyarılar */
.adm2 .adm-main .chip{border-radius:999px;padding:4px 10px;font-weight:800;font-size:.74rem;letter-spacing:.02em}
.adm2 .adm-main .chip.good{background:color-mix(in srgb,var(--good,#22c55e) 16%,transparent);color:var(--good,#22c55e)}
.adm2 .adm-main .chip.bad{background:color-mix(in srgb,var(--bad,#ef4444) 16%,transparent);color:var(--bad,#ef4444)}
.adm2 .adm-main .chip.gold{background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent)}
.adm2 .adm-main .tabs{display:inline-flex;flex-wrap:wrap;gap:4px;padding:5px;border-radius:999px;background:var(--surface);border:1px solid var(--line);align-self:flex-start}
.adm2 .adm-main .tabs a,.adm2 .adm-main .tabs .tab{border:0;border-radius:999px;padding:8px 16px;min-height:0;font-weight:700;color:var(--muted)}
.adm2 .adm-main .tabs a.on,.adm2 .adm-main .tabs .tab.on{background:var(--accent);color:var(--accent-fg,#fff);box-shadow:0 8px 18px -10px var(--accent)}
.adm2 .adm-main .alert{border-radius:16px;padding:14px 18px;border-width:1px;box-shadow:0 14px 30px -26px rgba(0,0,0,.6)}
.adm2 .adm-main .muted.small,.adm2 .adm-main small.muted{line-height:1.55}
/* özet sayfası */
.ad-hero{position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;padding:26px 28px;border-radius:24px;color:#fff;
  background:radial-gradient(420px 200px at 100% 0,rgba(255,255,255,.2),transparent 70%),linear-gradient(135deg,var(--grad-a,var(--accent)),var(--grad-b,var(--accent)));box-shadow:0 28px 56px -32px var(--accent)}
.ad-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px) 0 0/28px 28px,linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px) 0 0/28px 28px;pointer-events:none}
.ad-hero>*{position:relative;z-index:1}
.ad-k{font-weight:700;opacity:.9}
.ad-hero h2{margin:2px 0 6px;font-size:2rem;font-weight:800;color:#fff;letter-spacing:-.02em}
.ad-hero p{margin:0;opacity:.88}
.ad-act{display:grid;grid-template-columns:repeat(2,minmax(130px,1fr));gap:8px}
.ad-act a{display:flex;align-items:center;gap:8px;padding:11px 14px;border-radius:14px;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.22);color:#fff;text-decoration:none;font-weight:700;backdrop-filter:blur(6px);transition:background .15s,transform .15s}
.ad-act a:hover{background:rgba(255,255,255,.25);transform:translateY(-2px)}
.adm2 .stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}
.adm2 .stat{position:relative;display:flex;flex-direction:column;gap:2px;padding:18px 18px 16px;border-radius:18px;background:var(--surface);border:1px solid var(--line);box-shadow:0 18px 40px -30px rgba(0,0,0,.55);overflow:hidden}
.adm2 .stat::after{content:"";position:absolute;right:-30px;top:-30px;width:100px;height:100px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 18%,transparent),transparent 70%)}
.adm2 .stat i{font-style:normal;font-size:1.3rem}
.adm2 .stat b{font-size:1.8rem;font-weight:800;letter-spacing:-.02em}
.adm2 .stat span{color:var(--muted);font-size:.86rem}
.adm2 .adm-main .cols>.stack>h3,.adm2 .adm-main .cols>aside>h3{display:flex;align-items:center;gap:10px}
.adm2 .adm-main .cols>.stack>h3::before,.adm2 .adm-main .cols>aside>h3::before{content:"";width:6px;height:18px;border-radius:3px;background:var(--accent)}
@media (max-width:700px){.adm2 .adm-main{padding:20px 14px 60px}.ad-act{grid-template-columns:1fr 1fr;width:100%}}
/* ===== Özet: premium pano ===== */
.ad-hero.dx{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:22px;padding:28px 30px}
.dx-plan{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px}
.dx-pl{padding:5px 12px;border-radius:999px;font-weight:800;font-size:.8rem;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.3)}
.dx-pl.plat{background:linear-gradient(135deg,rgba(255,255,255,.35),rgba(255,255,255,.12))}
.dx-plan small{opacity:.85}
.dx-plan a{color:#fff;font-weight:800;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.5)}
.dx-live{display:flex;flex-direction:column;align-items:center;gap:2px;padding:16px 22px;border-radius:20px;background:rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(8px)}
.dx-live b{font-size:2.4rem;font-weight:800;line-height:1}
.dx-live small{opacity:.85;font-size:.8rem}
.dx-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:#9ca3af}
.dx-dot.on{background:#22c55e;box-shadow:0 0 0 0 rgba(34,197,94,.6);animation:dx-p 2s infinite}
@keyframes dx-p{70%{box-shadow:0 0 0 10px rgba(34,197,94,0)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}}
.dx-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.dx-kpi{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:6px;padding:20px 22px;border-radius:20px;background:var(--surface);border:1px solid var(--line);box-shadow:0 18px 40px -30px rgba(0,0,0,.6)}
.dx-kpi::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--accent)}
.dx-kpi small{color:var(--muted);font-weight:700;font-size:.8rem;letter-spacing:.04em;text-transform:uppercase}
.dx-kpi b{font-size:1.9rem;font-weight:800;letter-spacing:-.02em;line-height:1.05}
.dx-tr{font-size:.82rem;font-weight:800;color:var(--muted)}
.dx-tr i{font-style:normal;font-weight:500}
.dx-tr.up{color:var(--good,#22c55e)}.dx-tr.down{color:var(--bad,#ef4444)}
.dx-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:16px;align-items:stretch}
.dx-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.dx-card{display:flex;flex-direction:column;gap:12px;padding:20px 22px;border-radius:20px;background:var(--surface);border:1px solid var(--line);box-shadow:0 18px 40px -30px rgba(0,0,0,.6);min-width:0}
.dx-ch{display:flex;justify-content:space-between;align-items:center;gap:10px}
.dx-ch h3{margin:0;font-size:1.05rem;display:flex;align-items:center;gap:10px}
.dx-ch h3::before{content:"";width:6px;height:18px;border-radius:3px;background:var(--accent)}
.dx-ch a{color:var(--accent);text-decoration:none;font-weight:700;font-size:.88rem}
.dx-legend{display:flex;align-items:center;gap:8px;font-size:.8rem;color:var(--muted)}
.dx-legend i{width:10px;height:10px;border-radius:3px;display:inline-block}
.dx-legend i.a{background:var(--accent)}.dx-legend i.b{background:var(--fg);opacity:.6;border-radius:50%}
.dx-bars{display:grid;grid-template-columns:repeat(14,1fr);gap:8px;align-items:end;height:220px;padding:10px 4px 0;border-bottom:1px dashed var(--line);
  background:repeating-linear-gradient(to top,transparent 0 54px,color-mix(in srgb,var(--line) 70%,transparent) 54px 55px)}
.dx-col{position:relative;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100%}
.dx-bar{width:100%;max-width:30px;border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,var(--accent),color-mix(in srgb,var(--accent) 35%,transparent));box-shadow:0 10px 20px -12px var(--accent);transition:filter .15s}
.dx-col:hover .dx-bar{filter:brightness(1.15)}
.dx-col em{position:absolute;top:-2px;font-style:normal;font-size:.7rem;font-weight:800;padding:1px 6px;border-radius:999px;background:var(--surface-2)}
.dx-col small{position:absolute;bottom:-20px;font-size:.7rem;color:var(--muted)}
.dx-chart{padding-bottom:30px}
.dx-todo a{display:grid;grid-template-columns:36px auto 1fr auto;align-items:center;gap:10px;padding:12px;border-radius:14px;background:var(--surface-2);color:var(--fg);text-decoration:none;transition:transform .15s,background .15s}
.dx-todo a:hover{transform:translateX(3px);background:color-mix(in srgb,var(--accent) 10%,var(--surface-2))}
.dx-todo a span{font-size:1.2rem}.dx-todo a b{font-size:1.2rem;font-weight:800;color:var(--accent)}
.dx-todo a small{color:var(--muted)}.dx-todo a i{font-style:normal;color:var(--muted);font-weight:800}
.dx-ok{display:flex;flex-direction:column;align-items:center;gap:4px;padding:26px 10px;text-align:center}
.dx-ok span{font-size:2rem}.dx-ok small{color:var(--muted)}
.dx-feed,.dx-top{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.dx-feed li,.dx-top li{display:flex;align-items:center;gap:10px;padding:9px 4px;border-bottom:1px dashed var(--line)}
.dx-feed li:last-child,.dx-top li:last-child{border-bottom:0}
.dx-feed li div{display:flex;flex-direction:column;flex:1;min-width:0}
.dx-feed small{color:var(--muted);font-size:.8rem}
.dx-feed em,.dx-top em{font-style:normal;font-weight:800;color:var(--accent);white-space:nowrap;font-size:.9rem}
.dx-av{position:relative;display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:10px;overflow:hidden;background:var(--surface-2);font-weight:800}
.dx-av img{position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated}
.dx-rank{display:grid;place-items:center;flex:none;width:24px;height:24px;border-radius:50%;background:var(--surface-2);font-weight:800;font-size:.8rem}
.dx-top li:first-child .dx-rank{background:linear-gradient(135deg,#ffe08a,#e0a526);color:#3a2700}
.dx-pi{flex:none;width:34px;height:34px;border-radius:10px;overflow:hidden;background:var(--surface-2)}
.dx-pi img{width:100%;height:100%;object-fit:cover}
.dx-top b{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dx-srv{display:flex;flex-direction:column;gap:6px;padding:12px;border-radius:14px;background:var(--surface-2)}
.dx-srv>div:first-child{display:flex;align-items:center;gap:8px}
.dx-srv>div:first-child small{margin-left:auto;color:var(--muted);font-size:.78rem}
.dx-meter{height:6px;border-radius:6px;background:var(--line);overflow:hidden}
.dx-meter i{display:block;height:100%;border-radius:6px;background:linear-gradient(90deg,#22c55e,var(--accent))}
@media (max-width:1100px){.ad-hero.dx{grid-template-columns:1fr auto}.ad-hero.dx .ad-act{grid-column:1/-1}.dx-grid,.dx-grid.three{grid-template-columns:1fr}.dx-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* ===== Haberler (liste + detay) ===== */
.sec-more{margin-left:auto;color:var(--accent);font-weight:700;text-decoration:none;white-space:nowrap}
.nw-page{display:flex;flex-direction:column;gap:22px}
.nw-head h2{margin:4px 0;font-size:2.2rem;font-weight:800;letter-spacing:-.02em;font-family:var(--font-display,inherit)}
.nw-tags{display:flex;flex-wrap:wrap;gap:8px}
.nw-tags a{padding:8px 16px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--fg);text-decoration:none;font-weight:700;font-size:.9rem}
.nw-tags a i{font-style:normal;opacity:.6;font-size:.8rem}
.nw-tags a.on{background:var(--accent);border-color:var(--accent);color:var(--accent-fg,#fff)}
.nw-card{position:relative;display:flex;flex-direction:column;border-radius:22px;overflow:hidden;background:var(--surface);border:1px solid var(--line);color:var(--fg);text-decoration:none;box-shadow:var(--shadow);transition:transform .25s,border-color .25s,box-shadow .25s}
.nw-card:hover{transform:translateY(-5px);border-color:var(--accent);box-shadow:0 28px 56px -32px var(--accent)}
.nw-img{position:relative;display:grid;place-items:center;aspect-ratio:1200/630;overflow:hidden;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 25%,var(--surface-2)),var(--surface-2))}
.nw-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.nw-card:hover .nw-img img{transform:scale(1.05)}
.nw-img.ph i{font-size:2.6rem;font-style:normal;opacity:.6}
.nw-img em{position:absolute;top:12px;left:12px;font-style:normal;padding:5px 12px;border-radius:999px;font-size:.75rem;font-weight:800;background:var(--accent);color:var(--accent-fg,#fff);box-shadow:0 8px 18px -10px var(--accent)}
.nw-b{display:flex;flex-direction:column;gap:8px;padding:18px 20px 20px;flex:1}
.nw-b small{color:var(--muted);font-weight:600;font-size:.8rem}
.nw-b b{font-size:1.15rem;line-height:1.3;font-weight:800}
.nw-ex{color:var(--muted);line-height:1.6;font-size:.94rem;flex:1}
.nw-more{color:var(--accent);font-weight:800;font-size:.9rem}
.nw-card.big{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}
.nw-card.big .nw-img{aspect-ratio:auto;min-height:340px}
.nw-card.big .nw-b{justify-content:center;padding:30px 32px;gap:12px}
.nw-card.big .nw-b b{font-size:clamp(1.5rem,2.6vw,2.1rem);letter-spacing:-.02em;font-family:var(--font-display,inherit)}
.nw-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}
.nw-pages{display:flex;justify-content:center;gap:6px}
.nw-pages a{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;border:1px solid var(--line);background:var(--surface);color:var(--fg);text-decoration:none;font-weight:800}
.nw-pages a.on{background:var(--accent);border-color:var(--accent);color:var(--accent-fg,#fff)}
.nw-art{display:flex;flex-direction:column;gap:30px;padding-bottom:20px}
.nw-hero{position:relative;overflow:hidden;padding:70px 0 120px;color:#fff;background:linear-gradient(135deg,var(--grad-a,var(--accent)),var(--grad-b,var(--accent)))}
.nw-hero-bg{position:absolute;inset:-30px;width:calc(100% + 60px);height:calc(100% + 60px);object-fit:cover;filter:blur(24px) saturate(1.2);opacity:.65;transform:scale(1.05)}
.nw-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.35),rgba(0,0,0,.65))}
.nw-hero-in{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:12px;max-width:900px}
.nw-back{color:#fff;text-decoration:none;font-weight:700;font-size:.88rem;padding:6px 14px;border-radius:999px;background:rgba(255,255,255,.15);backdrop-filter:blur(6px)}
.nw-tag{padding:5px 14px;border-radius:999px;font-weight:800;font-size:.8rem;background:var(--accent);color:var(--accent-fg,#fff)}
.nw-hero h1{margin:0;color:#fff;font-size:clamp(2rem,4.5vw,3.2rem);line-height:1.08;letter-spacing:-.02em;font-weight:800;font-family:var(--font-display,inherit);text-shadow:0 4px 24px rgba(0,0,0,.4)}
.nw-meta{display:flex;flex-wrap:wrap;gap:8px}
.nw-meta span{padding:6px 12px;border-radius:999px;background:rgba(0,0,0,.28);font-size:.85rem;font-weight:600;backdrop-filter:blur(6px)}
.nw-body{max-width:860px;display:flex;flex-direction:column;gap:24px;margin-top:-110px;position:relative;z-index:2}
.nw-hero.noimg+.nw-body{margin-top:-80px}
.nw-cover{margin:0;box-shadow:0 40px 80px -40px rgba(0,0,0,.85)}
.nw-text{padding:30px 34px;border-radius:24px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);font-size:1.06rem;line-height:1.85}
.nw-share{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.nw-share b{margin-right:4px}
.nw-share a,.nw-share .copy{padding:9px 14px;border-radius:12px;border:1px solid var(--line);background:var(--surface);color:var(--fg);text-decoration:none;font-weight:700;font-size:.88rem;cursor:pointer;font-family:inherit}
.nw-share a:hover,.nw-share .copy:hover{border-color:var(--accent)}
.nw-pn{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.nw-pn a{display:flex;flex-direction:column;gap:4px;padding:16px 18px;border-radius:16px;border:1px solid var(--line);background:var(--surface);color:var(--fg);text-decoration:none;transition:border-color .15s}
.nw-pn a:hover{border-color:var(--accent)}
.nw-pn a.r{text-align:right;grid-column:2}
.nw-pn small{color:var(--muted);font-weight:700}
.nw-rel h2{font-size:1.5rem;margin:0 0 14px}
@media (max-width:860px){.nw-card.big{grid-template-columns:1fr}.nw-card.big .nw-img{min-height:220px}.nw-text{padding:22px 20px}.nw-pn{grid-template-columns:1fr}.nw-pn a.r{grid-column:auto}}
/* Haberler v2: dergi düzeni */
.nw-bento{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:16px;min-height:440px}
.nw-bento.n1{grid-template-columns:1fr}
.nw-side{display:grid;grid-template-rows:1fr 1fr;gap:16px}
.nw-ov{position:relative;display:flex;align-items:flex-end;min-height:210px;border-radius:24px;overflow:hidden;color:#fff;text-decoration:none;isolation:isolate;
  background:linear-gradient(135deg,var(--grad-a,var(--accent)),var(--grad-b,var(--accent)));box-shadow:0 30px 60px -36px rgba(0,0,0,.9)}
.nw-ov img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.nw-ov::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,0) 30%,rgba(0,0,0,.55) 62%,rgba(0,0,0,.88))}
.nw-ov:hover img{transform:scale(1.06)}
.nw-ov::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);pointer-events:none}
.nw-ov-b{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:22px 24px}
.nw-ov em{font-style:normal;padding:4px 12px;border-radius:999px;font-size:.74rem;font-weight:800;background:var(--accent);color:var(--accent-fg,#fff)}
.nw-ov b{font-size:1.3rem;line-height:1.2;font-weight:800;letter-spacing:-.01em;text-shadow:0 2px 14px rgba(0,0,0,.5)}
.nw-ov.big b{font-size:clamp(1.8rem,3.4vw,2.7rem);font-family:var(--font-display,inherit);letter-spacing:-.02em}
.nw-ov .nw-ex{color:rgba(255,255,255,.85);max-width:60ch;line-height:1.6}
.nw-ov small{color:rgba(255,255,255,.75);font-weight:600}
.nw-ov.big{min-height:440px}
.nw-ov.big .nw-ov-b{padding:30px 32px}
.nw-sub{margin:10px 0 0;font-size:1.25rem}
.nw-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}
.nw-img img,.nw-ov img{image-rendering:auto}
/* detay: keskin kapak, altta karartma */
.nw-hero{min-height:520px;display:flex;align-items:flex-end;padding:60px 0 150px}
.nw-hero-bg.sharp{inset:0;width:100%;height:100%;filter:none;opacity:1;transform:none}
.nw-hero::after{background:linear-gradient(180deg,rgba(0,0,0,.15),rgba(0,0,0,.35) 45%,rgba(0,0,0,.85))}
.nw-hero.noimg{min-height:360px}
.nw-body{margin-top:-120px}
.nw-text{box-shadow:0 40px 80px -46px rgba(0,0,0,.9)}
@media (max-width:860px){.nw-bento{grid-template-columns:1fr;min-height:0}.nw-side{grid-template-rows:none;grid-template-columns:1fr 1fr}.nw-ov.big{min-height:320px}.nw-hero{min-height:380px}}
@media (max-width:560px){.nw-side{grid-template-columns:1fr}}
/* Banner düzeni (Kor Kale, Zirve…): çok menü öğesi olduğunda taşmasın, iki satıra insin */
.lay-banner .nav{flex-wrap:wrap;row-gap:0}
.lay-banner .nav a{padding:9px clamp(7px,.85vw,12px);font-size:clamp(.8rem,.95vw,.92rem);white-space:nowrap}
/* Taşan menü için kaydırma düğmeleri (Gece Balı / hap düzeni) */
.lay-pill .nav-scroll{position:relative;order:2;flex:1;min-width:0;display:flex}
.lay-pill .nav-scroll .nav{flex:1;min-width:0;overflow-x:auto;scrollbar-width:none;scroll-behavior:smooth;justify-content:safe center;flex-wrap:nowrap}
.lay-pill .nav-scroll .nav::-webkit-scrollbar{display:none}
.lay-pill .nav-scroll .nav a{flex:none;white-space:nowrap}
.lay-pill .nav-scroll.over:not(.at-start) .nav{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 34px);mask-image:linear-gradient(90deg,transparent 0,#000 34px)}
.lay-pill .nav-scroll.over:not(.at-end) .nav{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 34px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 34px),transparent)}
.lay-pill .nav-scroll.over:not(.at-start):not(.at-end) .nav{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 34px,#000 calc(100% - 34px),transparent);mask-image:linear-gradient(90deg,transparent 0,#000 34px,#000 calc(100% - 34px),transparent)}
.nav-sbtn{position:absolute;top:50%;transform:translateY(-50%);z-index:3;display:grid;place-items:center;width:26px;height:26px;padding:0;border-radius:50%;border:1px solid var(--line);
  background:var(--surface);color:var(--fg);font-size:1.15rem;font-weight:800;line-height:1;cursor:pointer;box-shadow:0 6px 16px -8px rgba(0,0,0,.6);transition:background .15s,color .15s,transform .15s}
.nav-sbtn:hover{background:var(--accent);color:var(--accent-fg,#fff);border-color:var(--accent)}
.nav-sbtn.l{left:0}.nav-sbtn.r{right:0}
.nav-sbtn[hidden]{display:none}
@media (max-width:1700px){.lay-pill .nav-scroll{order:3;flex:1 1 100%}.lay-pill .nav-scroll .nav{justify-content:safe center}}
/* Demo tema seçici: ücretsiz ve premium ayrı gruplar */
.demo-dock{gap:6px!important;padding:6px!important}
.demo-dock .dd-g{display:flex;flex-wrap:wrap;align-items:center;gap:3px;padding:3px 4px;border-radius:999px}
.demo-dock .dd-g.prem{background:linear-gradient(90deg,rgba(255,200,61,.10),rgba(168,85,247,.10));box-shadow:inset 0 0 0 1px rgba(255,200,61,.28)}
.demo-dock .dd-g.free{background:rgba(34,197,94,.08);box-shadow:inset 0 0 0 1px rgba(34,197,94,.25)}
.demo-dock .dd-l{padding:4px 10px;border-radius:999px;font-size:.66rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.demo-dock .dd-g.free .dd-l{color:#16a34a;background:rgba(34,197,94,.14)}
.demo-dock .dd-g.prem .dd-l{color:#b7791f;background:rgba(255,200,61,.18)}
@media (max-width:640px){.demo-dock .dd-l{display:inline-block!important}.demo-dock .dd-g{border-radius:16px}}
/* Demo tema seçici v2: premium cam şerit */
.demo-dock.dd2{left:50%!important;right:auto!important;transform:translateX(-50%);max-width:calc(100vw - 24px);display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px!important;padding:8px 10px!important;border-radius:22px!important;
  background:color-mix(in srgb,var(--surface) 78%,transparent)!important;-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%);
  border:1px solid color-mix(in srgb,var(--fg) 12%,transparent)!important;box-shadow:0 24px 60px -24px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.08)!important}
.dd2 .dd-title{padding:0 8px 0 6px;font-size:.78rem;font-weight:800;white-space:nowrap;color:var(--fg)}
.dd2 .dd-g{position:relative;gap:4px;padding:4px;border-radius:16px}
.dd2 .dd-g.free{background:color-mix(in srgb,#22c55e 7%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,#22c55e 30%,transparent)}
.dd2 .dd-g.prem{background:linear-gradient(120deg,rgba(255,200,61,.12),rgba(168,85,247,.10),rgba(255,200,61,.12));background-size:200% 100%;animation:dd-shine 8s linear infinite;
  box-shadow:inset 0 0 0 1px rgba(255,200,61,.45),0 0 24px -8px rgba(255,190,60,.45)}
@keyframes dd-shine{to{background-position:200% 0}}
.dd2 .dd-l{display:inline-flex;align-items:center;gap:5px;padding:6px 10px;border-radius:12px;font-size:.64rem;letter-spacing:.1em}
.dd2 .dd-g.prem .dd-l{color:#3a2700!important;background:linear-gradient(135deg,#ffe08a,#e0a526)!important;box-shadow:0 6px 14px -8px #e0a526}
.dd2 .dd-g.free .dd-l{color:#fff!important;background:linear-gradient(135deg,#34d399,#16a34a)!important}
.dd2 a{position:relative;gap:8px!important;padding:5px 11px 5px 5px!important;border-radius:12px!important;font-size:.78rem!important;font-weight:700;transition:background .15s,transform .15s,box-shadow .15s}
.dd2 a i{width:26px!important;height:18px!important;border-radius:6px!important;box-shadow:0 0 0 1px rgba(255,255,255,.18),0 4px 10px -6px rgba(0,0,0,.6);flex:none}
.dd2 a:hover{background:color-mix(in srgb,var(--c) 14%,transparent)!important;transform:translateY(-2px)}
.dd2 a[aria-current="true"]{background:color-mix(in srgb,var(--c) 20%,transparent)!important;box-shadow:inset 0 0 0 1.5px var(--c),0 8px 20px -10px var(--c)!important}
.dd2 a[aria-current="true"]::after{content:"";position:absolute;left:50%;bottom:-3px;width:16px;height:3px;border-radius:3px;transform:translateX(-50%);background:var(--c)}
@media (max-width:760px){.dd2 .dd-title{display:none}.dd2 a span{max-width:9ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
@media (prefers-reduced-motion:reduce){.dd2 .dd-g.prem{animation:none}}
.demo-dock.dd2{max-width:min(1200px,calc(100vw - 24px))!important;width:max-content}
.dd2 a span{padding:0!important;font-size:.8rem!important;letter-spacing:0!important;text-transform:none!important;color:inherit!important;font-weight:700!important;display:inline!important}
.dd2 .dd-g{flex-wrap:nowrap}
@media (max-width:1100px){.dd2 .dd-g{flex-wrap:wrap}}
/* ===== Yönetim: Mağaza sunucuları & kategoriler ===== */
.sx-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap}
.sx-head h2{margin:0 0 4px}
.sx-head p{margin:0;max-width:70ch}
.sx-steps{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 16px;border-radius:16px;background:var(--surface);border:1px solid var(--line)}
.sx-steps>span,.sx-steps>a{display:inline-flex;align-items:center;gap:8px;color:var(--muted);text-decoration:none;font-weight:700;font-size:.9rem}
.sx-steps b{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--surface-2);font-size:.8rem}
.sx-steps .ok{color:var(--fg)}.sx-steps .ok b{background:var(--good,#22c55e);color:#fff}
.sx-steps i{flex:none;width:28px;height:2px;border-radius:2px;background:var(--line)}
.sx-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:44px 20px;text-align:center;border-radius:22px;border:2px dashed var(--line);background:var(--surface)}
.sx-empty span{font-size:2.6rem}.sx-empty h3{margin:0}.sx-empty p{margin:0 0 6px;max-width:52ch}
.sx-list{display:flex;flex-direction:column;gap:12px}
.sx-item{position:relative;display:grid;grid-template-columns:180px minmax(0,1fr) auto;align-items:center;gap:18px;padding:12px;border-radius:20px;background:var(--surface);border:1px solid var(--line);box-shadow:0 18px 40px -32px rgba(0,0,0,.7);transition:border-color .2s,transform .2s}
.sx-item::before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:4px;border-radius:0 4px 4px 0;background:var(--c)}
.sx-item:hover{border-color:color-mix(in srgb,var(--c) 55%,var(--line))}
.sx-item.off{opacity:.62}
.sx-thumb{aspect-ratio:12/5;border-radius:14px;overflow:hidden;display:grid;place-items:center;background:linear-gradient(135deg,var(--c),var(--surface-2));color:#fff;font-weight:800;font-size:1.6rem}
.sx-thumb img{width:100%;height:100%;object-fit:cover;image-rendering:pixelated}
.sx-info{display:flex;flex-direction:column;gap:4px;min-width:0}
.sx-info b{font-size:1.15rem}
.sx-info small{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sx-meta{display:flex;align-items:center;gap:6px;margin-top:4px}
.sx-pill{display:inline-flex;padding:3px 10px;border-radius:999px;font-size:.76rem;font-weight:800;background:var(--surface-2);color:var(--fg);text-decoration:none}
.sx-pill.mute{color:var(--muted)}
a.sx-pill:hover{background:var(--accent);color:var(--accent-fg,#fff)}
.sx-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--c,var(--accent))}
.sx-act{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.sx-ib{display:inline-grid;place-items:center;width:34px;height:34px;padding:0;border-radius:10px;border:1px solid var(--line);background:var(--surface-2);color:var(--fg);font-weight:800;cursor:pointer;transition:background .15s,border-color .15s}
.sx-ib:hover:not(:disabled){border-color:var(--accent)}
.sx-ib:disabled{opacity:.35;cursor:default}
.sx-ib.bad:hover:not(:disabled){background:var(--bad,#ef4444);border-color:var(--bad,#ef4444);color:#fff}
.sx-sw{position:relative;width:44px;height:26px;padding:0;margin:0 4px;border-radius:999px;border:0;background:var(--line);cursor:pointer;transition:background .2s;vertical-align:middle}
.sx-sw i{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.3);transition:left .2s}
.sx-sw.on{background:var(--good,#22c55e)}.sx-sw.on i{left:21px}
.sx-filter{display:flex;flex-wrap:wrap;gap:6px}
.sx-filter a{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--fg);text-decoration:none;font-weight:700;font-size:.88rem}
.sx-filter a i{font-style:normal;font-size:.75rem;padding:1px 7px;border-radius:999px;background:var(--surface-2)}
.sx-filter a.on{background:var(--accent);border-color:var(--accent);color:var(--accent-fg,#fff)}
.sx-filter a.on i{background:rgba(255,255,255,.25)}
.sx-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}
.sx-card{display:flex;flex-direction:column;border-radius:18px;overflow:hidden;background:var(--surface);border:1px solid var(--line);box-shadow:0 18px 40px -32px rgba(0,0,0,.7);transition:transform .2s,border-color .2s}
.sx-card:hover{transform:translateY(-3px);border-color:var(--accent)}
.sx-cimg{position:relative;aspect-ratio:3/2;display:grid;place-items:center;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 30%,var(--surface-2)),var(--surface-2));font-size:2rem;font-weight:800}
.sx-cimg img{width:100%;height:100%;object-fit:cover;image-rendering:pixelated}
.sx-cimg em{position:absolute;left:10px;bottom:10px;font-style:normal;font-size:.72rem;font-weight:800;padding:4px 10px;border-radius:999px;background:rgba(0,0,0,.6);color:#fff;backdrop-filter:blur(6px)}
.sx-cb{display:flex;flex-direction:column;gap:4px;padding:12px 14px 6px}
.sx-cb b{font-size:1.05rem}.sx-cb small{color:var(--muted);min-height:1.2em}
.sx-cb .sx-pill{align-self:flex-start;margin-top:4px}
.sx-cf{display:flex;align-items:center;gap:6px;padding:10px 14px 14px;flex-wrap:wrap}
.sx-move{flex:1;min-width:110px}
.sx-move select{width:100%;height:34px;padding:0 8px;border-radius:10px;font-size:.82rem}
.sx-dlg{width:min(560px,calc(100vw - 24px));padding:0;border:1px solid var(--line);border-radius:22px;background:var(--surface);color:var(--fg);box-shadow:0 40px 100px -30px rgba(0,0,0,.8)}
.sx-dlg::backdrop{background:rgba(0,0,0,.55);backdrop-filter:blur(3px)}
.sx-form{display:flex;flex-direction:column;gap:14px;padding:20px 22px 22px}
.sx-dh{display:flex;justify-content:space-between;align-items:center}
.sx-dh h3{margin:0}
.sx-x{width:34px;height:34px;border-radius:10px;border:1px solid var(--line);background:var(--surface-2);color:var(--fg);cursor:pointer}
.sx-prev{position:relative;aspect-ratio:12/5;border-radius:16px;overflow:hidden;display:flex;align-items:flex-end;padding:14px 16px;color:#fff;background:linear-gradient(135deg,var(--c,var(--accent)),#111)}
.sx-prev.cat{aspect-ratio:3/1}
.sx-prev img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;image-rendering:pixelated}
.sx-prev::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 40%,rgba(0,0,0,.7))}
.sx-prev span{position:absolute;top:12px;right:14px;font-size:.72rem;opacity:.7;z-index:1}
.sx-prev b{position:relative;z-index:1;font-size:1.4rem;font-weight:800}
.sx-df{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}
@media (max-width:760px){.sx-item{grid-template-columns:110px 1fr}.sx-act{grid-column:1/-1;justify-content:flex-start}}
.sx-cf{flex-wrap:nowrap}.sx-move{min-width:0;flex:1 1 0}

/* Ürünler (yönetim) */
.sx-tools{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.sx-search input{min-width:220px;height:40px;border-radius:999px!important;padding:0 16px}
.sx-card.off{opacity:.6}
.sx-grid.pr .sx-cimg{aspect-ratio:1/1}
.sx-star{position:absolute;top:8px;right:8px}
.sx-star button{width:34px;height:34px;border-radius:50%;border:0;background:rgba(0,0,0,.45);color:rgba(255,255,255,.7);font-size:1rem;cursor:pointer;backdrop-filter:blur(6px);transition:transform .15s,color .15s}
.sx-star button:hover{transform:scale(1.1)}
.sx-star button.on{color:#ffd25a;background:rgba(0,0,0,.6);text-shadow:0 0 10px rgba(255,210,90,.8)}
.sx-hid{position:absolute;top:10px;left:10px;font-size:.7rem;font-weight:800;padding:3px 9px;border-radius:999px;background:rgba(0,0,0,.6);color:#fff}
.pr-price{font-size:1.15rem;font-weight:800;color:var(--accent)}
.pr-price small{font-size:.72rem;color:var(--muted);font-weight:600}
.sx-pill.warn{background:color-mix(in srgb,var(--bad,#ef4444) 16%,transparent);color:var(--bad,#ef4444)}
.sx-cf a.sx-ib{text-decoration:none}
.sx-grid.pr .sx-cimg{aspect-ratio:4/3}.sx-grid.pr .sx-cf{flex-wrap:wrap}.sx-grid.pr .sx-move{flex:1 1 100%;order:5}.sx-grid.pr .sx-cf>a.sx-ib{margin-left:auto}
/* Kredi paketleri (yönetim) */
.pk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px}
.pk-card{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;padding:26px 16px 12px;border-radius:20px;background:radial-gradient(180px 100px at 50% 0,color-mix(in srgb,var(--accent) 16%,transparent),transparent 70%),var(--surface);border:1px solid var(--line);box-shadow:0 18px 40px -32px rgba(0,0,0,.7);transition:transform .2s,border-color .2s}
.pk-card:hover{transform:translateY(-3px);border-color:var(--accent)}
.pk-card.hot{border-color:color-mix(in srgb,var(--accent) 55%,var(--line))}
.pk-card.off{opacity:.55}
.pk-badge{position:absolute;top:10px;right:10px;padding:3px 9px;border-radius:999px;font-size:.72rem;font-weight:800;background:color-mix(in srgb,var(--good,#22c55e) 18%,transparent);color:var(--good,#22c55e)}
.pk-card.hot .pk-badge{background:var(--accent);color:var(--accent-fg,#fff)}
.pk-coin{font-size:1.9rem}
.pk-total{font-size:2rem;font-weight:800;letter-spacing:-.02em;line-height:1}
.pk-card>small{color:var(--muted)}
.pk-break{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:8px 0 4px}
.pk-break span{font-size:.78rem;font-weight:700;padding:3px 9px;border-radius:999px;background:var(--surface-2)}
.pk-break .g{color:var(--good,#22c55e)}
.pk-card .sx-cf{justify-content:center;padding:8px 0 4px}
.pk-prev{display:flex;flex-direction:column;align-items:center;gap:2px;padding:18px;border-radius:16px;background:radial-gradient(240px 120px at 50% 0,color-mix(in srgb,var(--accent) 22%,transparent),transparent 70%),var(--surface-2);text-align:center}
.pk-prev span{font-size:.78rem;color:var(--muted);font-weight:700}
.pk-prev b{font-size:2rem;font-weight:800}
.pk-prev small{color:var(--muted)}
.pk-quick,.cp-pcts{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.pk-quick button,.cp-pcts button{padding:6px 12px;border-radius:999px;border:1px solid var(--line);background:var(--surface-2);color:var(--fg);font-weight:700;cursor:pointer}
.pk-quick button:hover,.cp-pcts button:hover{border-color:var(--accent);color:var(--accent)}
.cp-pcts input{width:90px}
/* Kuponlar (yönetim) */
.cp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px}
.cp-card{position:relative;display:grid;grid-template-columns:100px 1fr;border-radius:18px;overflow:hidden;background:var(--surface);border:1px solid var(--line);box-shadow:0 18px 40px -32px rgba(0,0,0,.7)}
.cp-left{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;background:linear-gradient(160deg,var(--grad-a,var(--accent)),var(--grad-b,var(--accent)))}
.cp-left::after{content:"";position:absolute;right:-1px;top:8px;bottom:8px;border-right:2px dashed rgba(255,255,255,.55)}
.cp-left b{font-size:1.7rem;font-weight:800;line-height:1}
.cp-left small{opacity:.85;font-weight:700;font-size:.72rem}
.cp-card.exp .cp-left,.cp-card.used .cp-left,.cp-card.off .cp-left{background:linear-gradient(160deg,#6b7280,#374151)}
.cp-card.off,.cp-card.exp,.cp-card.used{opacity:.75}
.cp-right{display:flex;flex-direction:column;gap:6px;padding:12px 14px}
.cp-top{display:flex;align-items:center;gap:6px}
.cp-top code{font-size:1.05rem;font-weight:800;letter-spacing:.08em;padding:4px 10px;border-radius:8px;background:var(--surface-2);border:1px dashed var(--line)}
.cp-copy{width:30px;height:30px;padding:0;border-radius:8px;border:1px solid var(--line);background:var(--surface-2);color:var(--fg);cursor:pointer}
.cp-st{margin-left:auto;font-size:.72rem;font-weight:800;padding:3px 9px;border-radius:999px;background:var(--surface-2)}
.cp-card.on .cp-st{background:color-mix(in srgb,var(--good,#22c55e) 18%,transparent);color:var(--good,#22c55e)}
.cp-card.exp .cp-st,.cp-card.used .cp-st{background:color-mix(in srgb,var(--bad,#ef4444) 16%,transparent);color:var(--bad,#ef4444)}
.cp-use{display:flex;align-items:center;gap:8px;font-size:.82rem;font-weight:700}
.cp-use i{flex:1;height:6px;border-radius:6px;background:var(--line);overflow:hidden}
.cp-use em{display:block;height:100%;background:var(--accent)}
.cp-right .sx-cf{padding:4px 0 0}
.cp-prev{grid-template-columns:90px 1fr}
.cp-codein{display:flex;gap:8px}.cp-codein input{flex:1}
/* Kredi paketleri kart düzeltmesi */
.pk-card{padding-top:44px}
.pk-coin{width:46px;height:46px}.pk-coin svg{width:100%;height:100%;filter:drop-shadow(0 6px 12px rgba(224,165,38,.35))}
.pk-tg{position:absolute;top:10px;left:10px}
.pk-tg .sx-sw{margin:0}
.pk-card .sx-cf{display:flex;flex-wrap:nowrap;justify-content:center;gap:6px;width:100%;border-top:1px dashed var(--line);padding:12px 0 2px;margin-top:6px}
.pk-card .sx-cf form{display:inline-flex;gap:6px}
.pk-card .sx-ib{width:32px;height:32px}
.pk-break{min-height:30px}
.pk-card .sx-cf{margin-top:auto}.pk-grid{align-items:stretch}
/* ===== Yönetim: Platinum ===== */
.pl-hero{position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;padding:26px 28px;border-radius:24px;color:#fff;
  background:radial-gradient(420px 200px at 100% 0,rgba(255,255,255,.22),transparent 70%),linear-gradient(135deg,#7c3aed,#a855f7 45%,#db2777);box-shadow:0 28px 56px -30px #a855f7}
.pl-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px) 0 0/28px 28px,linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px) 0 0/28px 28px;pointer-events:none}
.pl-hero>*{position:relative;z-index:1}
.pl-k{font-size:.75rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;opacity:.9}
.pl-hero h2{margin:4px 0 6px;color:#fff;font-size:1.9rem;font-weight:800}
.pl-hero p{margin:0;opacity:.9;max-width:52ch}
.pl-stats{display:grid;grid-template-columns:repeat(4,minmax(90px,1fr));gap:8px}
.pl-stats div{display:flex;flex-direction:column;align-items:center;padding:12px 10px;border-radius:16px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(8px)}
.pl-stats b{font-size:1.5rem;font-weight:800;line-height:1.1}
.pl-stats small{opacity:.85;font-size:.72rem;text-align:center}
.pl-stats .live{background:rgba(34,197,94,.3);border-color:#86efac}
.pl-feats{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.pl-feat{display:grid;grid-template-columns:48px 1fr;gap:12px;padding:16px;border-radius:18px;background:var(--surface);border:1px solid var(--line);box-shadow:0 18px 40px -32px rgba(0,0,0,.7);transition:border-color .2s,transform .2s}
.pl-feat.on{border-color:color-mix(in srgb,#a855f7 45%,var(--line))}
.pl-feat:not(.on){opacity:.7}
.pl-fi{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;font-size:1.5rem;background:linear-gradient(135deg,rgba(168,85,247,.22),rgba(219,39,119,.18))}
.pl-fb{display:flex;flex-direction:column;gap:2px;min-width:0}
.pl-fb small{color:var(--muted);font-size:.82rem}
.pl-fs{margin-top:4px;align-self:flex-start;font-size:.74rem;font-weight:800;padding:3px 9px;border-radius:999px;background:var(--surface-2)}
.pl-fa{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;padding-top:10px;border-top:1px dashed var(--line)}
.pl-go{color:#a855f7;font-weight:800;text-decoration:none;font-size:.88rem}
.pl-tabs{display:flex;flex-wrap:wrap;gap:4px;padding:5px;border-radius:16px;background:var(--surface);border:1px solid var(--line);scroll-margin-top:80px}
.pl-tabs a{padding:9px 14px;border-radius:12px;color:var(--muted);text-decoration:none;font-weight:700;font-size:.9rem}
.pl-tabs a.on{background:linear-gradient(135deg,#7c3aed,#db2777);color:#fff;box-shadow:0 8px 20px -10px #a855f7}
.pl-pane{display:flex;flex-direction:column;gap:12px;padding:20px 22px;border-radius:20px;background:var(--surface);border:1px solid var(--line);box-shadow:0 18px 40px -32px rgba(0,0,0,.7)}
.pl-pane[hidden]{display:none}
.pl-wheel{display:grid;grid-template-columns:260px 1fr;gap:24px;align-items:start}
.pl-wv{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}
.pl-wd{width:230px;height:230px;border-radius:50%;box-shadow:0 0 0 8px var(--surface-2),0 0 0 10px var(--line),0 24px 50px -24px rgba(0,0,0,.8);animation:pl-spin 30s linear infinite}
@keyframes pl-spin{to{transform:rotate(360deg)}}
.pl-wc{position:absolute;top:89px;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--surface);box-shadow:0 6px 16px rgba(0,0,0,.4);font-size:1.4rem}
.pl-wp{position:absolute;top:-10px;width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-top:20px solid #ffd25a;filter:drop-shadow(0 3px 4px rgba(0,0,0,.5))}
.pl-prizes{display:flex;flex-direction:column;gap:8px}
.pl-pz{display:grid;grid-template-columns:14px minmax(0,1fr) 150px auto auto auto;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;background:var(--surface-2);border:1px solid var(--line)}
.pl-pz.off{opacity:.55}
.pl-pzc{width:14px;height:14px;border-radius:4px;background:var(--c);box-shadow:0 0 0 2px var(--surface)}
.pl-pzb{display:flex;flex-direction:column;min-width:0}.pl-pzb small{color:var(--muted)}
.pl-pzch{display:flex;align-items:center;gap:8px;font-size:.8rem;font-weight:800}
.pl-pzch i{flex:1;height:6px;border-radius:6px;background:var(--line);overflow:hidden}.pl-pzch em{display:block;height:100%;background:var(--c)}
.pl-nights{display:flex;flex-direction:column;gap:10px}
.pl-nt{display:grid;grid-template-columns:64px 1fr auto;gap:14px;align-items:center;padding:12px 14px;border-radius:16px;background:var(--surface-2);border:1px solid var(--line)}
.pl-nt.live{border-color:#22c55e;background:color-mix(in srgb,#22c55e 8%,var(--surface-2))}
.pl-nt.done{opacity:.55}
.pl-nd{display:flex;flex-direction:column;align-items:center;padding:8px 0;border-radius:12px;background:linear-gradient(135deg,#7c3aed,#db2777);color:#fff}
.pl-nd b{font-size:1.4rem;line-height:1}.pl-nd small{font-weight:700;opacity:.9}
.pl-nb{display:flex;flex-direction:column;gap:3px;min-width:0}.pl-nb small{color:var(--muted)}
.pl-ntags{display:flex;gap:6px;flex-wrap:wrap}.pl-ntags span{font-size:.76rem;font-weight:800;padding:3px 9px;border-radius:999px;background:var(--surface)}
.pl-ns{display:flex;flex-direction:column;align-items:flex-end;gap:4px}
.pl-st{font-size:.76rem;font-weight:800;padding:4px 10px;border-radius:999px;background:var(--surface)}
.pl-nt.live .pl-st,.pl-st.ok{background:color-mix(in srgb,#22c55e 18%,transparent);color:#22c55e}
.pl-nt.plan .pl-st{background:color-mix(in srgb,#a855f7 18%,transparent);color:#a855f7}
.pl-ranks{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap;padding-top:10px}
.pl-rank{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;min-width:120px;padding:14px 12px calc(var(--h) / 2);border-radius:16px 16px 6px 6px;background:linear-gradient(180deg,color-mix(in srgb,#ffd25a 22%,var(--surface-2)),var(--surface-2));border:1px solid var(--line);color:var(--fg);text-decoration:none;transition:transform .2s}
.pl-rank:hover{transform:translateY(-4px);border-color:#ffd25a}
.pl-rt{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#ffe08a,#e0a526);color:#3a2700;font-weight:800}
.pl-rank small{color:var(--muted)}
.pl-steps{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:4px;color:var(--muted)}
.pl-form{gap:14px}
.pl-quick{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.pl-quick button{padding:6px 12px;border-radius:999px;border:1px solid var(--line);background:var(--surface-2);color:var(--fg);font-weight:700;cursor:pointer}
.pl-quick button:hover{border-color:#a855f7;color:#a855f7}
@media (max-width:900px){.pl-wheel{grid-template-columns:1fr}.pl-pz{grid-template-columns:14px 1fr auto auto;}.pl-pzch{grid-column:2/-1;order:9}.pl-stats{grid-template-columns:repeat(2,1fr)}}
@media (prefers-reduced-motion:reduce){.pl-wd{animation:none}}
@media (min-width:1300px){.pl-feats{grid-template-columns:repeat(5,minmax(0,1fr))}}
/* ===== Yönetim: Siparişler / Ödemeler / PayTR ===== */
.dx-kpi.hotk{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--surface))}
.od-list{display:flex;flex-direction:column;gap:10px}
.od-row{position:relative;display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:14px;padding:12px 16px;border-radius:16px;background:var(--surface);border:1px solid var(--line);box-shadow:0 14px 30px -26px rgba(0,0,0,.7)}
.od-row::before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:4px;border-radius:0 4px 4px 0;background:var(--good,#22c55e)}
.od-row.wait::before{background:var(--accent)}.od-row.ref::before{background:var(--muted)}
.od-row.ref{opacity:.7}
.od-av{width:48px;height:48px;border-radius:12px}
.od-main{min-width:0;display:flex;flex-direction:column;gap:6px}
.od-top{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.od-top .muted{font-size:.82rem}
.od-items{display:flex;flex-wrap:wrap;gap:6px}
.od-items span{font-size:.8rem;font-weight:700;padding:3px 10px;border-radius:999px;background:var(--surface-2)}
.od-items .cp{background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent)}
.od-right{display:flex;flex-direction:column;align-items:flex-end;gap:4px;text-align:right}
.od-amt{font-size:1.2rem;font-weight:800;color:var(--accent)}.od-amt small{font-size:.72rem;color:var(--muted)}
.od-st{font-size:.76rem;font-weight:800;padding:3px 10px;border-radius:999px;background:color-mix(in srgb,var(--good,#22c55e) 16%,transparent);color:var(--good,#22c55e)}
.od-row.wait .od-st{background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent)}
.od-row.ref .od-st{background:var(--surface-2);color:var(--muted)}
.od-ref{border:0;background:none;color:var(--muted);font-weight:700;font-size:.8rem;cursor:pointer;padding:2px 0}.od-ref:hover{color:var(--bad,#ef4444)}
.pm-help{padding:12px 16px;border-radius:14px;background:var(--surface);border:1px dashed var(--line)}
.pm-help summary{cursor:pointer;font-weight:700}
.pm-help ol{margin:10px 0 4px;padding-left:20px;display:flex;flex-direction:column;gap:4px}
.pm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
.pm-card{display:flex;flex-direction:column;gap:12px;padding:16px 18px;border-radius:18px;background:var(--surface);border:1px solid var(--line);box-shadow:0 18px 40px -32px rgba(0,0,0,.7)}
.pm-card.pending{border-color:color-mix(in srgb,var(--accent) 50%,var(--line));background:radial-gradient(260px 120px at 100% 0,color-mix(in srgb,var(--accent) 10%,transparent),transparent 70%),var(--surface)}
.pm-card.rejected{opacity:.7}
.pm-top{display:flex;justify-content:space-between;align-items:center;gap:8px}
.pm-m{font-size:.78rem;font-weight:800;padding:4px 10px;border-radius:999px;background:var(--surface-2)}
.pm-m.card{background:color-mix(in srgb,#3b82f6 16%,transparent);color:#60a5fa}
.pm-amt{display:flex;flex-direction:column}
.pm-amt b{font-size:1.9rem;font-weight:800;letter-spacing:-.02em;line-height:1.1}
.pm-amt span{color:var(--muted);font-size:.86rem}
.pm-ref{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:12px;background:var(--surface-2);border:1px dashed var(--line)}
.pm-ref small{color:var(--muted);font-weight:700}
.pm-ref code{flex:1;font-size:1rem;font-weight:800;letter-spacing:.06em}
.pm-who{display:flex;align-items:center;gap:8px}.pm-who .dx-av{width:30px;height:30px;border-radius:8px}.pm-who small{margin-left:auto}
.pm-act{display:flex;flex-direction:column;gap:8px;padding-top:10px;border-top:1px dashed var(--line)}
.pm-ok{justify-content:center;background:var(--good,#22c55e)!important;border-color:var(--good,#22c55e)!important;color:#fff!important;box-shadow:0 10px 22px -12px var(--good,#22c55e)!important}
.pm-rej{display:flex;gap:6px}.pm-rej input{flex:1;min-height:34px;height:34px;font-size:.85rem}
.pm-note{margin:0;font-size:.86rem;color:var(--muted)}
.pt-hero{display:grid;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:18px;padding:22px 24px;border-radius:22px;color:#fff;box-shadow:0 26px 54px -30px rgba(0,0,0,.8)}
.pt-hero.on{background:radial-gradient(400px 200px at 100% 0,rgba(255,255,255,.2),transparent 70%),linear-gradient(135deg,#059669,#10b981 55%,#0ea5e9)}
.pt-hero.off{background:radial-gradient(400px 200px at 100% 0,rgba(255,255,255,.15),transparent 70%),linear-gradient(135deg,#475569,#334155)}
.pt-ic{display:grid;place-items:center;width:64px;height:64px;border-radius:18px;background:rgba(255,255,255,.18);font-size:2rem}
.pt-k{font-size:.74rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;opacity:.85}
.pt-hero h2{margin:2px 0 4px;color:#fff;font-size:1.6rem}
.pt-hero p{margin:0;opacity:.9}
.pt-sum{display:grid;grid-template-columns:auto auto;gap:0 10px;align-items:baseline;padding:12px 16px;border-radius:16px;background:rgba(0,0,0,.18)}
.pt-sum b{font-size:1.3rem;font-weight:800;text-align:right}.pt-sum small{opacity:.85}
.pt-steps{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.pt-steps li{display:flex;align-items:center;gap:8px;padding:8px 14px 8px 8px;border-radius:999px;background:var(--surface);border:1px solid var(--line);font-weight:700;font-size:.88rem;color:var(--muted)}
.pt-steps b{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--surface-2);font-size:.8rem}
.pt-steps li.ok{color:var(--fg)}.pt-steps li.ok b{background:var(--good,#22c55e);color:#fff}
.pt-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:16px;align-items:start}
.pt-card{display:flex;flex-direction:column;gap:12px;padding:20px 22px;border-radius:20px;background:var(--surface);border:1px solid var(--line);box-shadow:0 18px 40px -32px rgba(0,0,0,.7);color:var(--fg);text-decoration:none}
.pt-link:hover{border-color:var(--accent)}
.pt-opts{display:flex;flex-direction:column;gap:8px}
.pt-opt{position:relative;display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;background:var(--surface-2);border:1px solid var(--line);cursor:pointer}
.pt-opt input{position:absolute;opacity:0;pointer-events:none}
.pt-opt>span:last-child{display:flex;flex-direction:column}.pt-opt small{color:var(--muted)}
.pt-opt .sx-sw{flex:none;margin:0;pointer-events:none}
.pt-opt input:checked+.sx-sw{background:var(--good,#22c55e)}.pt-opt input:checked+.sx-sw i{left:21px}
.pt-opt:has(input:checked){border-color:color-mix(in srgb,var(--good,#22c55e) 45%,var(--line))}
.pt-opt input:focus-visible+.sx-sw{outline:2px solid var(--accent);outline-offset:2px}
.pt-url{display:flex;align-items:center;gap:8px;padding:10px;border-radius:12px;background:var(--surface-2);border:1px dashed var(--line)}
.pt-url code{flex:1;font-size:.8rem;overflow-wrap:anywhere}
@media (max-width:1000px){.pt-grid{grid-template-columns:1fr}.pt-hero{grid-template-columns:1fr}.od-row{grid-template-columns:40px 1fr}.od-right{grid-column:1/-1;flex-direction:row;align-items:center;justify-content:space-between}}
/* ===== Yönetim: Kullanıcılar / Destek / Başvurular / Cezalar ===== */
.us-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}
.us-card{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 14px;border-radius:16px;background:var(--surface);border:1px solid var(--line);color:var(--fg);text-decoration:none;box-shadow:0 14px 30px -26px rgba(0,0,0,.7);transition:transform .2s,border-color .2s}
.us-card:hover{transform:translateY(-2px);border-color:var(--accent)}
.us-card.ban{opacity:.6}
.us-av{width:52px;height:52px;border-radius:14px}
.us-b{display:flex;flex-direction:column;min-width:0}.us-b small{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.us-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:5px}
.us-tags span{font-size:.7rem;font-weight:800;padding:2px 8px;border-radius:999px;background:var(--surface-2);color:var(--muted)}
.us-tags .gold{background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--accent)}
.us-tags .ok{background:color-mix(in srgb,var(--good,#22c55e) 16%,transparent);color:var(--good,#22c55e)}
.us-tags .bad{background:color-mix(in srgb,var(--bad,#ef4444) 16%,transparent);color:var(--bad,#ef4444)}
.us-cr{display:flex;flex-direction:column;align-items:flex-end}.us-cr b{font-size:1.1rem;color:var(--accent)}.us-cr small{color:var(--muted);font-size:.72rem}
.tk-list,.pn-list{display:flex;flex-direction:column;gap:10px}
.tk-row{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:14px;padding:12px 16px;border-radius:16px;background:var(--surface);border:1px solid var(--line);color:var(--fg);text-decoration:none;box-shadow:0 14px 30px -26px rgba(0,0,0,.7);transition:border-color .2s,transform .2s}
.tk-row:hover{border-color:var(--accent);transform:translateX(3px)}
.tk-row::before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:4px;border-radius:0 4px 4px 0;background:var(--line)}
.tk-row.open::before{background:var(--accent)}.tk-row.answered::before{background:var(--good,#22c55e)}
.tk-row.closed{opacity:.65}
.tk-row .dx-av{width:44px;height:44px;border-radius:12px}
.tk-b{display:flex;flex-direction:column;gap:4px;min-width:0}
.tk-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.tk-cat{font-size:.72rem;font-weight:800;padding:2px 9px;border-radius:999px;background:var(--surface-2)}
.tk-b small{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tk-r{display:flex;flex-direction:column;align-items:flex-end;gap:4px}
.ap-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:14px}
.ap-card{display:flex;flex-direction:column;gap:12px;padding:18px;border-radius:18px;background:var(--surface);border:1px solid var(--line);box-shadow:0 18px 40px -32px rgba(0,0,0,.7)}
.ap-card.pending{border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}
.ap-card.rejected{opacity:.7}
.ap-top{display:grid;grid-template-columns:48px 1fr auto;gap:12px;align-items:center}
.ap-top .dx-av{width:48px;height:48px;border-radius:12px}
.ap-top>div{display:flex;flex-direction:column}
.ap-pos{align-self:flex-start;margin-top:3px;font-size:.74rem;font-weight:800;padding:3px 10px;border-radius:999px;background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent)}
.ap-facts{display:flex;flex-wrap:wrap;gap:6px}.ap-facts span{font-size:.78rem;font-weight:700;padding:4px 10px;border-radius:10px;background:var(--surface-2)}
.ap-msg{margin:0;padding:12px 14px;border-left:3px solid var(--accent);border-radius:0 12px 12px 0;background:var(--surface-2);line-height:1.6;font-size:.94rem;max-height:220px;overflow:auto}
.ap-act{display:flex;flex-direction:column;gap:8px;padding-top:10px;border-top:1px dashed var(--line)}
.ap-act>div{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ap-act .btn{justify-content:center}
.pn-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.pn-s{display:flex;align-items:center;gap:10px;padding:14px 16px;border-radius:16px;background:var(--surface);border:1px solid var(--line)}
.pn-s span{font-size:1.4rem}.pn-s b{font-size:1.5rem;font-weight:800}.pn-s small{color:var(--muted);margin-left:auto;font-weight:700}
.pn-s.t-ban{border-color:color-mix(in srgb,#ef4444 40%,var(--line))}.pn-s.t-mute{border-color:color-mix(in srgb,#a855f7 40%,var(--line))}.pn-s.t-kick{border-color:color-mix(in srgb,#f59e0b 40%,var(--line))}.pn-s.t-uyari{border-color:color-mix(in srgb,#eab308 40%,var(--line))}
.pn-row{display:grid;grid-template-columns:96px 40px minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:10px 14px;border-radius:14px;background:var(--surface);border:1px solid var(--line)}
.pn-row .dx-av{width:40px;height:40px;border-radius:10px}
.pn-type{font-size:.76rem;font-weight:800;padding:4px 10px;border-radius:999px;text-align:center;background:var(--surface-2)}
.pn-row.t-ban .pn-type{background:color-mix(in srgb,#ef4444 18%,transparent);color:#f87171}
.pn-row.t-mute .pn-type{background:color-mix(in srgb,#a855f7 18%,transparent);color:#c084fc}
.pn-row.t-kick .pn-type{background:color-mix(in srgb,#f59e0b 18%,transparent);color:#fbbf24}
.pn-row.t-uyari .pn-type{background:color-mix(in srgb,#eab308 18%,transparent);color:#facc15}
.pn-b{display:flex;flex-direction:column;min-width:0}.pn-b small{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pn-meta{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end;font-size:.78rem;font-weight:700}
.pn-meta span{padding:3px 9px;border-radius:999px;background:var(--surface-2)}.pn-meta .muted{background:none}
.pn-types{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.pn-types label{cursor:pointer}.pn-types input{position:absolute;opacity:0}
.pn-types span{display:block;text-align:center;padding:10px 6px;border-radius:12px;border:1px solid var(--line);background:var(--surface-2);font-weight:700;font-size:.88rem}
.pn-types input:checked+span{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,var(--surface-2))}
@media (max-width:900px){.pn-stats{grid-template-columns:repeat(2,1fr)}.pn-row{grid-template-columns:40px 1fr auto}.pn-type{grid-column:1/-1;justify-self:start}.pn-meta{grid-column:1/-1;justify-content:flex-start}.ap-grid{grid-template-columns:1fr}}
/* ===== Yönetim: Ana Sayfa / Haberler / Sayfalar ===== */
.hm-wrap{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:18px;align-items:start}
.hm-form{display:flex;flex-direction:column;gap:14px}
.hm-tabs{position:sticky;top:64px;z-index:5}
.hm-tabs a.on{background:var(--accent)!important;color:var(--accent-fg,#fff)!important;box-shadow:0 8px 20px -10px var(--accent)}
.hm-sec{display:flex;flex-direction:column;gap:14px;padding:20px 22px;border-radius:20px;background:var(--surface);border:1px solid var(--line);box-shadow:0 18px 40px -32px rgba(0,0,0,.7)}
.hm-sec[hidden]{display:none}
.hm-f label{display:flex!important;justify-content:space-between;align-items:center}
.hm-cnt{font-size:.7rem;font-weight:700;color:var(--muted);opacity:.7}
.hm-item{display:grid;grid-template-columns:30px 1fr;gap:12px;align-items:start;padding:12px;border-radius:14px;background:var(--surface-2);border:1px solid var(--line)}
.hm-n{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--accent);color:var(--accent-fg,#fff);font-weight:800;margin-top:24px}
.hm-item>div{display:flex;flex-direction:column;gap:10px}
.hm-link{align-self:flex-start;color:var(--accent);font-weight:800;text-decoration:none}
.hm-bar{position:sticky;bottom:12px;z-index:5;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px 12px 18px;border-radius:16px;background:color-mix(in srgb,var(--surface) 88%,transparent);backdrop-filter:blur(12px);border:1px solid var(--line);box-shadow:0 18px 40px -20px rgba(0,0,0,.8)}
.hm-bar [data-dirty].on{color:var(--accent);font-weight:700}
.hm-pv{position:sticky;top:64px;border-radius:20px;overflow:hidden;border:1px solid var(--line);background:var(--bg);box-shadow:0 30px 60px -36px rgba(0,0,0,.9)}
.hm-pv-h{display:flex;align-items:center;gap:6px;padding:10px 14px;background:var(--surface-2);border-bottom:1px solid var(--line)}
.hm-pv-h i{width:10px;height:10px;border-radius:50%;background:#ff5f57}.hm-pv-h i+i{background:#febc2e}.hm-pv-h i+i+i{background:#28c840}
.hm-pv-h span{margin-left:8px;font-size:.78rem;font-weight:700;color:var(--muted)}
.hm-pv-b{display:flex;flex-direction:column;gap:14px;padding:18px;max-height:calc(100vh - 150px);overflow:auto;font-size:.86rem}
.hm-hero{padding:22px 18px;border-radius:14px;background:radial-gradient(240px 140px at 80% 0,color-mix(in srgb,var(--accent) 22%,transparent),transparent 70%),var(--surface);border:1px solid var(--line)}
.hm-hero small{color:var(--accent);font-weight:800;font-size:.72rem}
.hm-hero h3{margin:6px 0;font-size:1.5rem;line-height:1.15;font-family:var(--font-display,inherit)}
.hm-hero h3 em{font-style:normal;color:var(--accent)}
.hm-hero p{margin:0 0 10px;color:var(--muted);line-height:1.5}
.hm-btns{display:flex;gap:6px}.hm-btns span{padding:6px 12px;border-radius:10px;background:var(--accent);color:var(--accent-fg,#fff);font-weight:800;font-size:.78rem}.hm-btns span.s{background:var(--surface-2);color:var(--fg)}
.hm-badges,.hm-feats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.hm-badges div,.hm-feats div{display:flex;flex-direction:column;gap:2px;padding:9px;border-radius:10px;background:var(--surface);border:1px solid var(--line);min-width:0}
.hm-badges small,.hm-feats small{color:var(--muted);font-size:.72rem;line-height:1.35;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.hm-badges b,.hm-feats b{font-size:.8rem}
.hm-sh{display:flex;flex-direction:column}.hm-sh b{font-size:1.05rem}.hm-sh small{color:var(--muted)}
.hm-reset{margin-top:4px}
.hm-back{display:inline-block;margin-bottom:4px;color:var(--muted);text-decoration:none;font-weight:700;font-size:.88rem}.hm-back:hover{color:var(--accent)}
.ed-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px;align-items:start}
.ed-main{display:flex;flex-direction:column;gap:14px;padding:20px 22px;border-radius:20px;background:var(--surface);border:1px solid var(--line)}
.ed-main #f_title{font-size:1.4rem;font-weight:800;min-height:52px}
.ed-side{position:sticky;top:64px;display:flex;flex-direction:column;gap:12px}
.ed-box{display:flex;flex-direction:column;gap:10px;padding:16px 18px;border-radius:18px;background:var(--surface);border:1px solid var(--line)}
.ed-box h3{margin:0;font-size:.95rem}
.ed-box .field>label:first-child:not(.check){display:none}
.ed-act{display:flex;gap:8px}.ed-act .btn{flex:1;justify-content:center}
.ed-tags{display:flex;flex-wrap:wrap;gap:5px}
.ed-tags button{padding:4px 10px;border-radius:999px;border:1px solid var(--line);background:var(--surface-2);color:var(--fg);font-size:.78rem;font-weight:700;cursor:pointer}
.ed-tags button:hover{border-color:var(--accent);color:var(--accent)}
.ed-box .img-field{flex-direction:column;align-items:stretch}.ed-box .img-field img{width:100%}
.nw-adm .sx-cimg{aspect-ratio:1200/630}
.nw-adm .sx-cimg img{image-rendering:auto}
.nw-adm .sx-cb small{line-height:1.45}
.pg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px}
.pg-card{display:flex;flex-direction:column;border-radius:18px;background:var(--surface);border:1px solid var(--line);box-shadow:0 14px 30px -26px rgba(0,0,0,.7);transition:border-color .2s,transform .2s}
.pg-card:hover{border-color:var(--accent);transform:translateY(-2px)}
.pg-main{display:grid;grid-template-columns:52px 1fr;gap:12px;padding:16px 16px 10px;color:var(--fg);text-decoration:none}
.pg-ic{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;font-size:1.5rem;background:color-mix(in srgb,var(--accent) 14%,var(--surface-2))}
.pg-b{display:flex;flex-direction:column;gap:2px;min-width:0}
.pg-b code{font-size:.75rem;color:var(--muted)}
.pg-b small{color:var(--muted);line-height:1.45;margin-top:4px}
.pg-f{display:flex;align-items:center;gap:6px;padding:10px 16px 14px;border-top:1px dashed var(--line)}
.pg-k{margin-right:auto;font-size:.75rem;font-weight:700;color:var(--muted)}
@media (max-width:1100px){.hm-wrap,.ed-grid{grid-template-columns:1fr}.hm-pv,.ed-side{position:static}}
/* ===== Yönetim: Ayarlar / Sunucular / Kuyruk / Temalar ===== */
.st-wrap{display:grid;grid-template-columns:260px minmax(0,1fr);gap:18px;align-items:start}
.st-nav{position:sticky;top:64px;display:flex;flex-direction:column;gap:6px}
.st-nav a{display:grid;grid-template-columns:36px 1fr;gap:2px 10px;padding:12px;border-radius:14px;border:1px solid var(--line);background:var(--surface);color:var(--fg);text-decoration:none;transition:border-color .15s}
.st-nav a span{grid-row:1/3;display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--surface-2);font-size:1.1rem}
.st-nav a small{color:var(--muted);font-size:.76rem;line-height:1.35}
.st-nav a.on{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--surface))}
.st-nav a.on span{background:var(--accent);color:var(--accent-fg,#fff)}
.st-body{display:flex;flex-direction:column;gap:14px}
.st-sec{display:flex;flex-direction:column;gap:12px;padding:20px 22px;border-radius:20px;background:var(--surface);border:1px solid var(--line)}
.st-sec[hidden]{display:none}
.sv-token{display:flex;flex-direction:column;gap:10px;padding:18px 20px;border-radius:18px;border:2px solid var(--good,#22c55e);background:color-mix(in srgb,var(--good,#22c55e) 8%,var(--surface))}
.sv-token p{margin:4px 0 0}
.sv-cfg{margin:0;padding:12px 14px;border-radius:12px;background:var(--surface-2);font-family:var(--font-mono,monospace);font-size:.88rem;overflow-x:auto}
.sv-token .btn{align-self:flex-start}
.sv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:14px}
.sv-card{display:flex;flex-direction:column;gap:12px;padding:18px;border-radius:18px;background:var(--surface);border:1px solid var(--line);box-shadow:0 18px 40px -32px rgba(0,0,0,.7)}
.sv-card.on{border-color:color-mix(in srgb,#22c55e 40%,var(--line))}
.sv-top{display:grid;grid-template-columns:44px 1fr auto;gap:10px;align-items:center}
.sv-ic{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--surface-2);font-size:1.3rem}
.sv-top>div{display:flex;flex-direction:column}.sv-top small{color:var(--muted)}
.sv-st{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;font-weight:800;padding:4px 10px;border-radius:999px;background:var(--surface-2)}
.sv-card.on .sv-st{color:#22c55e}
.sv-pl{display:flex;flex-direction:column;gap:8px}
.sv-num b{font-size:1.6rem;font-weight:800}.sv-num small{color:var(--muted)}
.sv-heads{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.sv-heads img{width:24px;height:24px;border-radius:6px;image-rendering:pixelated}.sv-heads span{font-size:.78rem;font-weight:800;color:var(--muted)}
.sv-help{margin:0;padding:10px 12px;border-radius:12px;background:var(--surface-2);font-size:.86rem;color:var(--muted)}
.sv-act{display:flex;justify-content:space-between;align-items:center;padding-top:10px;border-top:1px dashed var(--line)}
.qu-flow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.qu-step{display:flex;flex-direction:column;align-items:center;gap:2px;padding:14px 10px;border-radius:16px;background:var(--surface);border:1px solid var(--line);color:var(--fg);text-decoration:none;transition:border-color .15s,transform .15s}
.qu-step:hover{transform:translateY(-2px)}
.qu-step span{font-size:1.2rem}.qu-step b{font-size:1.5rem;font-weight:800}.qu-step small{color:var(--muted);font-weight:700}
.qu-step.on{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--surface))}
.qu-step.failed b{color:var(--bad,#ef4444)}.qu-step.done b{color:var(--good,#22c55e)}.qu-step.pending b{color:var(--accent)}
.qu-list{display:flex;flex-direction:column;gap:8px}
.qu-row{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 14px;border-radius:14px;background:var(--surface);border:1px solid var(--line)}
.qu-ic{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:var(--surface-2);font-weight:800}
.qu-row.done .qu-ic{background:color-mix(in srgb,#22c55e 16%,transparent);color:#22c55e}
.qu-row.failed{border-color:color-mix(in srgb,#ef4444 40%,var(--line))}.qu-row.failed .qu-ic{background:color-mix(in srgb,#ef4444 16%,transparent);color:#ef4444}
.qu-row.pending .qu-ic{background:color-mix(in srgb,var(--accent) 16%,transparent)}
.qu-b{display:flex;flex-direction:column;gap:4px;min-width:0}
.qu-top{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.qu-top .muted{font-size:.8rem}
.qu-tag{font-size:.7rem;font-weight:800;padding:2px 8px;border-radius:999px;background:var(--surface-2)}
.qu-cmd{display:block;padding:6px 10px;border-radius:8px;background:#0b0d12;color:#a7f3d0;font-family:var(--font-mono,monospace);font-size:.84rem;overflow-wrap:anywhere}
.qu-res{color:var(--muted);font-size:.8rem}
.qu-act{display:flex;gap:6px}
.th-now{display:grid;grid-template-columns:90px 1fr auto;gap:16px;align-items:center;padding:16px 18px;border-radius:20px;background:var(--surface);border:1px solid var(--line)}
.th-sw{position:relative;height:60px;border-radius:12px;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.th-sw i{position:absolute;left:8px;right:8px;top:8px;height:10px;border-radius:4px}.th-sw b{position:absolute;left:8px;bottom:8px;width:34px;height:12px;border-radius:4px}
.th-now>div{display:flex;flex-direction:column}.th-now small{font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}.th-now b{font-size:1.2rem}
.th-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}
.th-card{position:relative;display:flex;flex-direction:column;border-radius:18px;overflow:hidden;background:var(--surface);border:2px solid var(--line);cursor:pointer;transition:transform .2s,border-color .2s,box-shadow .2s}
.th-card input{position:absolute;opacity:0;pointer-events:none}
.th-card:hover{transform:translateY(-3px)}
.th-card.on,.th-card:has(input:checked){border-color:var(--accent);box-shadow:0 18px 40px -22px var(--accent)}
.th-card.lock{cursor:default}.th-card.lock .th-pv{filter:grayscale(.6) brightness(.7)}
.th-pv{position:relative;display:block;aspect-ratio:16/10;padding:10px}
.th-bar{display:flex;justify-content:flex-end;align-items:center;height:14px;padding:0 6px;border-radius:5px;opacity:.9}.th-bar i{width:22px;height:6px;border-radius:3px}
.th-blk{display:block;height:24%;margin-top:8%;border-radius:6px;opacity:.7}.th-blk.s{width:60%;height:12%;margin-top:5%}
.th-btn{position:absolute;left:10px;bottom:10px;width:30%;height:10%;border-radius:5px}
.th-badge{position:absolute;top:8px;right:8px;font-style:normal;font-size:.7rem;font-weight:800;padding:3px 9px;border-radius:999px;background:rgba(0,0,0,.55);color:#fff}
.th-badge.on{background:#22c55e}.th-badge.gold{background:linear-gradient(135deg,#ffe08a,#e0a526);color:#3a2700}.th-badge.lk{background:rgba(0,0,0,.7)}
.th-b{display:flex;flex-direction:column;gap:3px;padding:12px 14px 14px}.th-b small{color:var(--muted);font-size:.8rem;line-height:1.4}.th-b a{color:var(--accent);font-weight:800;font-size:.85rem;text-decoration:none}
.th-opts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.th-opt,.th-box{display:flex;flex-direction:column;gap:12px;padding:18px;border-radius:18px;background:var(--surface);border:1px solid var(--line)}
.th-opt h3{margin:0;font-size:1rem}
.th-seg{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;border-radius:14px;background:var(--surface-2)}
.th-seg label{cursor:pointer}.th-seg input{position:absolute;opacity:0}
.th-seg span{display:block;text-align:center;padding:9px 4px;border-radius:10px;font-weight:700;font-size:.84rem}
.th-seg input:checked+span{background:var(--accent);color:var(--accent-fg,#fff)}
.th-acc{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.th-acc input[type=color]{width:44px;height:36px;padding:2px;border-radius:10px}
.th-acc button{width:26px;height:26px;border-radius:50%;border:2px solid var(--surface);box-shadow:0 0 0 1px var(--line);cursor:pointer}
.th-media{display:grid;grid-template-columns:1fr 1.4fr;gap:14px}
.th-drop{display:grid;place-items:center;min-height:100px;border-radius:14px;border:2px dashed var(--line);background:var(--surface-2) center/cover no-repeat}
.th-drop.wide{aspect-ratio:16/6}
.th-rm{display:flex;gap:16px}
@media (max-width:1000px){.st-wrap,.th-media,.th-opts{grid-template-columns:1fr}.st-nav{position:static;flex-direction:row;overflow-x:auto}.st-nav a{min-width:200px}.qu-flow{grid-template-columns:repeat(3,1fr)}.th-now{grid-template-columns:70px 1fr}}
.st-wrap{max-width:none;width:100%}.st-sec .field input,.st-sec .field textarea,.st-sec .field select{width:100%}
/* ===== Yönetim menüsü: renkli simgeler ===== */
.adm2 .adm-side a.item{position:relative;gap:11px}
.adm2 .adm-side a.item .ai{box-sizing:content-box;width:16px;height:16px;padding:6px;border-radius:9px;flex:none;color:var(--ic);
  background:color-mix(in srgb,var(--ic) 14%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ic) 22%,transparent);transition:background .2s,color .2s,transform .2s,box-shadow .2s}
.adm2 .adm-side a.item:hover .ai{background:color-mix(in srgb,var(--ic) 24%,transparent);transform:scale(1.06)}
.adm2 .adm-side a.item:hover{background:color-mix(in srgb,var(--ic) 7%,transparent)}
.adm2 .adm-side a.item[aria-current="page"]{background:linear-gradient(90deg,color-mix(in srgb,var(--ic) 20%,transparent),color-mix(in srgb,var(--ic) 4%,transparent) 80%)!important;color:var(--fg)!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ic) 30%,transparent)}
.adm2 .adm-side a.item[aria-current="page"]::before{background:var(--ic)!important;box-shadow:0 0 12px var(--ic)}
.adm2 .adm-side a.item[aria-current="page"] .ai{background:var(--ic);color:#fff!important;box-shadow:0 6px 16px -6px var(--ic)}
.adm2 .as-gh span{background:linear-gradient(90deg,var(--fg),var(--muted));-webkit-background-clip:text;background-clip:text}
.adm-mini .adm2 .adm-side a.item .ai,.adm-mini .adm-side a.item .ai{padding:7px}
/* ===== Kredi Yükle v2 (premium) ===== */
.cr-head{display:none}
.cr-hero{position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;padding:28px 30px;border-radius:26px;color:#fff;
  background:radial-gradient(460px 220px at 100% 0,rgba(255,255,255,.22),transparent 70%),linear-gradient(135deg,var(--grad-a,var(--accent)),var(--grad-b,var(--accent)));box-shadow:0 30px 60px -34px var(--accent)}
.cr-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px) 0 0/28px 28px,linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px) 0 0/28px 28px;pointer-events:none}
.cr-hero>*{position:relative;z-index:1}
.cr-hero-t{max-width:640px}
.cr-k{font-size:.76rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;opacity:.9}
.cr-hero h2{margin:4px 0 8px;color:#fff;font-size:clamp(1.6rem,3vw,2.3rem);font-weight:800;letter-spacing:-.02em;font-family:var(--font-display,inherit)}
.cr-hero p{margin:0;opacity:.92;line-height:1.6}
.cr-trust{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.cr-trust span{padding:5px 12px;border-radius:999px;font-size:.8rem;font-weight:700;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.25)}
.cr-bal{display:flex;flex-direction:column;align-items:center;gap:2px;padding:18px 26px;border-radius:20px;background:rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(8px)}
.cr-bal small{font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;opacity:.85}
.cr-bal b{font-size:2.4rem;font-weight:800;line-height:1}
.cr-bal span{opacity:.85;font-weight:600}
.cr-night{padding:14px 18px;border-radius:16px;font-weight:600;color:#1a1200;background:linear-gradient(90deg,#ffe08a,#f59e0b);box-shadow:0 14px 30px -18px #f59e0b}
.cr-packs{display:grid;grid-template-columns:repeat(auto-fill,minmax(122px,1fr));gap:12px;padding-top:6px}
.cr-pack{cursor:pointer}
.cr-pack input{position:absolute;opacity:0;pointer-events:none}
.cr-pk{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:26px 12px 14px;border-radius:18px;text-align:center;
  background:radial-gradient(160px 90px at 50% 0,color-mix(in srgb,var(--accent) 14%,transparent),transparent 70%),var(--surface-2);border:2px solid var(--line);transition:transform .2s,border-color .2s,box-shadow .2s}
.cr-pack:hover .cr-pk{transform:translateY(-4px);border-color:color-mix(in srgb,var(--accent) 50%,var(--line))}
.cr-pack input:checked+.cr-pk{border-color:var(--accent);background:radial-gradient(180px 100px at 50% 0,color-mix(in srgb,var(--accent) 28%,transparent),transparent 75%),var(--surface-2);box-shadow:0 20px 40px -22px var(--accent)}
.cr-pack input:focus-visible+.cr-pk{outline:2px solid var(--accent);outline-offset:3px}
.cr-pack.best .cr-pk{border-color:color-mix(in srgb,#f59e0b 55%,var(--line))}
.cr-rib{position:absolute;top:-11px;left:50%;transform:translateX(-50%);white-space:nowrap;font-style:normal;font-size:.7rem;font-weight:800;padding:4px 10px;border-radius:999px;color:#3a2700;background:linear-gradient(135deg,#ffe08a,#f59e0b);box-shadow:0 6px 14px -6px #f59e0b}
.cr-rib.g{color:#fff;background:linear-gradient(135deg,#34d399,#16a34a);box-shadow:0 6px 14px -6px #16a34a}
.cr-coin{position:relative;display:flex;justify-content:center;height:34px;margin-bottom:6px}
.cr-coin i{width:30px;height:30px;margin-left:-14px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff3b0,#f5c542 45%,#c98a12);box-shadow:inset 0 0 0 2px #b7791f,0 4px 10px -4px rgba(0,0,0,.6)}
.cr-coin i:first-child{margin-left:0}
.cr-coin i:nth-child(2){transform:translateY(-4px)}.cr-coin i:nth-child(3){transform:translateY(-8px)}.cr-coin i:nth-child(4){transform:translateY(-12px)}
.cr-pk>b{font-size:1.7rem;font-weight:800;letter-spacing:-.02em;line-height:1.1}
.cr-pk>small{color:var(--muted);font-weight:600;margin-top:-2px}
.cr-pp{margin-top:6px;font-size:1rem;font-weight:800;color:var(--accent)}
.cr-pb{margin-top:6px;font-size:.74rem;font-weight:800;padding:3px 9px;border-radius:999px;background:color-mix(in srgb,var(--good,#22c55e) 16%,transparent);color:var(--good,#22c55e)}
.cr-pb.n{background:var(--surface);color:var(--muted)}
.cr-ck{position:absolute;top:8px;right:8px;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--accent);color:var(--accent-fg,#fff);font-size:.75rem;font-weight:800;opacity:0;transform:scale(.5);transition:all .2s}
.cr-pack input:checked+.cr-pk .cr-ck{opacity:1;transform:none}
.cr-sum{border-color:color-mix(in srgb,var(--accent) 35%,var(--line))}
.cr-amount[hidden]{display:none!important}
/* ===== Market v2 (premium) ===== */
.mk-hero{position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;padding:28px 30px;border-radius:26px;color:#fff;
  background:radial-gradient(460px 220px at 100% 0,rgba(255,255,255,.2),transparent 70%),linear-gradient(135deg,var(--grad-a,var(--accent)),var(--grad-b,var(--accent)));box-shadow:0 30px 60px -34px var(--accent)}
.mk-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px) 0 0/28px 28px,linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px) 0 0/28px 28px;pointer-events:none}
.mk-hero>*{position:relative;z-index:1}.mk-hero>div{max-width:640px}
.mk-hero h2{margin:4px 0 8px;color:#fff;font-size:clamp(1.6rem,3vw,2.3rem);font-weight:800;letter-spacing:-.02em;font-family:var(--font-display,inherit)}
.mk-hero p{margin:0;opacity:.92;line-height:1.6}
.mk-bal{color:#fff;text-decoration:none;transition:transform .2s}.mk-bal:hover{transform:translateY(-3px)}
.mk-banner{min-height:230px}
.mk-bstats{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.mk-bstats span,.mk-bstats a{padding:5px 12px;border-radius:999px;font-size:.8rem;font-weight:700;color:#fff;text-decoration:none;background:rgba(0,0,0,.35);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.2)}
.mk-feat{display:flex;flex-direction:column;gap:12px}
.mk-fh{display:flex;align-items:baseline;gap:10px}.mk-fh h3{margin:0;font-size:1.25rem}
.mk-frow{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
.mk-fcard{position:relative;display:grid;grid-template-columns:120px 1fr;gap:14px;align-items:center;padding:14px;border-radius:20px;color:var(--fg);text-decoration:none;
  background:radial-gradient(260px 140px at 0 0,color-mix(in srgb,var(--accent) 18%,transparent),transparent 70%),var(--surface);border:1px solid color-mix(in srgb,var(--accent) 40%,var(--line));box-shadow:0 22px 44px -30px var(--accent);transition:transform .2s}
.mk-fcard:hover{transform:translateY(-4px)}
.mk-fimg{display:block;aspect-ratio:1/1;border-radius:14px;overflow:hidden;background:var(--surface-2)}
.mk-fimg img{width:100%;height:100%;object-fit:cover}
.mk-fb{display:flex;flex-direction:column;gap:4px;min-width:0}
.mk-fb em{align-self:flex-start;font-style:normal;font-size:.7rem;font-weight:800;padding:3px 9px;border-radius:999px;background:var(--accent);color:var(--accent-fg,#fff)}
.mk-fb b{font-size:1.15rem}.mk-fb small{color:var(--muted);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mk-fp{font-size:1.2rem;font-weight:800;color:var(--accent)}.mk-fp small{font-size:.72rem;color:var(--muted)}.mk-fp s{color:var(--muted);font-size:.85rem}
.mk-tw{position:relative;display:flex}
.mk-tw>.mk-tile{flex:1}
.mk-qa{position:absolute;left:10px;right:10px;top:calc(100% - 118px);opacity:0;transform:translateY(8px);transition:opacity .2s,transform .2s;pointer-events:none}
.mk-qa button{width:100%;padding:9px;border-radius:12px;border:0;font-weight:800;cursor:pointer;color:var(--accent-fg,#fff);background:var(--accent);box-shadow:0 10px 24px -10px var(--accent)}
.mk-tw:hover .mk-qa,.mk-tw:focus-within .mk-qa{opacity:1;transform:none;pointer-events:auto}
@media (hover:none){.mk-qa{position:static;opacity:1;transform:none;pointer-events:auto;margin-top:6px}.mk-tw{flex-direction:column}}
/* ===== Market v3: nadirlik, parıltı, cam kategori çubuğu, alt sepet şeridi ===== */
.mk-hero{isolation:isolate}
.mk-hero::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:radial-gradient(2px 2px at 12% 30%,rgba(255,255,255,.9),transparent 60%),radial-gradient(2px 2px at 30% 75%,rgba(255,255,255,.7),transparent 60%),radial-gradient(1.5px 1.5px at 55% 20%,rgba(255,255,255,.8),transparent 60%),radial-gradient(2px 2px at 78% 60%,rgba(255,255,255,.7),transparent 60%),radial-gradient(1.5px 1.5px at 90% 25%,rgba(255,255,255,.9),transparent 60%);
  animation:mk-tw 4s ease-in-out infinite alternate}
@keyframes mk-tw{to{opacity:.35;transform:translateY(-6px)}}
.mk-fcard{overflow:hidden}
.mk-fcard::after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.18),transparent);transform:skewX(-18deg);animation:mk-sh 4.5s ease-in-out infinite}
@keyframes mk-sh{0%,60%{left:-60%}100%{left:130%}}
.mk-tw .mk-tile{transform-style:preserve-3d;transition:transform .25s,border-color .25s,box-shadow .25s}
.mk-tw:hover .mk-tile{transform:translateY(-6px) rotateX(3deg)}
.mk-t-img img{transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.mk-tw:hover .mk-t-img img{transform:scale(1.08) rotate(-1.5deg)}
.mk-dock{position:sticky;bottom:16px;z-index:20;display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:12px;padding:10px 12px 10px 18px;border-radius:18px;
  background:color-mix(in srgb,var(--surface) 82%,transparent);-webkit-backdrop-filter:blur(16px) saturate(150%);backdrop-filter:blur(16px) saturate(150%);border:1px solid color-mix(in srgb,var(--accent) 35%,var(--line));box-shadow:0 24px 50px -22px rgba(0,0,0,.8)}
.mk-d-l b{color:var(--accent);font-size:1.1rem}
.mk-d-c{padding:5px 12px;border-radius:999px;background:var(--surface-2);font-weight:700;font-size:.88rem}
.mk-d-k{margin-left:auto;color:var(--muted);font-weight:700;text-decoration:none}.mk-d-k:hover{color:var(--accent)}
.mk-d-b{box-shadow:0 12px 26px -12px var(--accent)}
@media (max-width:640px){.mk-d-k{display:none}.mk-d-b{margin-left:auto}}

/* Market: sade kategori hapları (görselli kartlar yerine) */
.mk-cats,.mk-cats.img{position:static;display:flex;flex-wrap:wrap;gap:8px;overflow:visible;padding:0;margin:0;background:none;backdrop-filter:none}
.mk-cats.img .mk-cat,.mk-cat{flex-direction:row;align-items:center;gap:8px;padding:5px 14px 5px 5px;border-radius:999px;overflow:visible;box-shadow:none}
.mk-cats.img .mk-cat-i,.mk-cat-i{width:28px;height:28px;aspect-ratio:auto;border-radius:50%;font-size:.8rem}
.mk-cats.img .mk-cat b,.mk-cat b{padding:0;font-size:.9rem;text-align:left}
.mk-cats.img .mk-cat-i.all{background:var(--surface-2);color:var(--accent)}
.mk-cat.on .mk-cat-i.all{background:rgba(255,255,255,.25);color:inherit}
.mk-cats.img .mk-cat.on{box-shadow:0 8px 20px -12px var(--accent)}
/* ===== Çarkıfelek (premium) ===== */
.wh-page{display:flex;flex-direction:column;gap:20px}
.wh-hero{position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;padding:26px 30px;border-radius:26px;color:#fff;
  background:radial-gradient(420px 220px at 100% 0,rgba(255,255,255,.2),transparent 70%),linear-gradient(135deg,#7c3aed,#db2777 55%,#f59e0b);box-shadow:0 30px 60px -34px #db2777}
.wh-hero h2{margin:4px 0 6px;color:#fff;font-size:clamp(1.7rem,3vw,2.4rem);font-weight:800;font-family:var(--font-display,inherit)}
.wh-hero p{margin:0;opacity:.92;max-width:56ch}
.wh-stats{display:grid;grid-template-columns:repeat(3,minmax(90px,1fr));gap:8px}
.wh-stats div{display:flex;flex-direction:column;align-items:center;padding:12px;border-radius:16px;background:rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(8px)}
.wh-stats b{font-size:1.5rem;font-weight:800}.wh-stats small{opacity:.85;font-size:.72rem;text-align:center}
.wh-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:20px;align-items:start}
.wh-stage{position:relative;display:flex;flex-direction:column;align-items:center;gap:22px;padding:34px 20px 26px;border-radius:28px;overflow:hidden;
  background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--accent) 22%,transparent),transparent 60%),var(--surface);border:1px solid var(--line);box-shadow:0 30px 60px -36px rgba(0,0,0,.8)}
.wh-glow{position:absolute;inset:-40%;background:conic-gradient(from 0deg,transparent,color-mix(in srgb,var(--accent) 25%,transparent),transparent 30%,rgba(168,85,247,.2),transparent 60%);animation:wh-rot 14s linear infinite;pointer-events:none}
.wh-stage.go .wh-glow{animation-duration:2s}
@keyframes wh-rot{to{transform:rotate(360deg)}}
.wh-wheel{position:relative;width:min(420px,82vw);aspect-ratio:1;padding:18px;border-radius:50%;
  background:radial-gradient(circle,#2a1d05 60%,#1a1203);box-shadow:0 0 0 6px #e0a526,0 0 0 10px #8a5a00,0 0 60px -6px rgba(255,190,60,.55),inset 0 0 20px rgba(0,0,0,.8)}
.wh-wheel .wheel{width:100%;height:100%;display:block;border-radius:50%;filter:drop-shadow(0 6px 12px rgba(0,0,0,.5))}
.wh-lights i{position:absolute;left:50%;top:50%;width:10px;height:10px;margin:-5px;border-radius:50%;background:#fff6c4;box-shadow:0 0 8px 2px #ffd25a;
  transform:rotate(var(--a)) translateY(calc(-1 * min(210px,41vw) + 4px));animation:wh-blink 1.2s var(--d) infinite}
.wh-stage.go .wh-lights i{animation-duration:.25s}
@keyframes wh-blink{50%{opacity:.25;box-shadow:none}}
.wh-pin{position:absolute;z-index:3;top:-6px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:18px solid transparent;border-right:18px solid transparent;border-top:34px solid #ffd25a;filter:drop-shadow(0 4px 6px rgba(0,0,0,.6))}
.wh-pin::after{content:"";position:absolute;left:-7px;top:-40px;width:14px;height:14px;border-radius:50%;background:#fff}
.wh-hub{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:20%;aspect-ratio:1;border-radius:50%;font-size:clamp(1.4rem,4vw,2rem);
  background:radial-gradient(circle at 35% 30%,#fff3b0,#f5c542 50%,#b7791f);box-shadow:0 0 0 4px #8a5a00,0 8px 20px rgba(0,0,0,.6)}
.wh-ctl{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:8px}
.wh-btn{min-width:240px;padding:16px 34px;border:0;border-radius:999px;font-size:1.25rem;font-weight:800;letter-spacing:.04em;color:#1a1200;cursor:pointer;text-decoration:none;text-align:center;
  background:linear-gradient(180deg,#ffe08a,#f5c542 50%,#e0a526);box-shadow:0 0 0 3px rgba(255,210,90,.35),0 18px 40px -12px rgba(245,158,11,.9),inset 0 2px 0 rgba(255,255,255,.6);animation:wh-pulse 2s infinite;transition:transform .15s}
.wh-btn:hover{transform:translateY(-2px) scale(1.02)}
.wh-btn.sm{min-width:0;padding:12px 26px;font-size:1rem;animation:none}
.wh-btn.done,.wh-btn:disabled{animation:none;cursor:default;filter:grayscale(.5) brightness(.85);transform:none}
.wh-btn.spinning{filter:none;animation:none}
@keyframes wh-pulse{50%{box-shadow:0 0 0 10px rgba(255,210,90,0),0 18px 40px -12px rgba(245,158,11,.9),inset 0 2px 0 rgba(255,255,255,.6)}}
.wh-next{margin:0;color:var(--muted);font-size:.9rem}.wh-next b{color:var(--fg);font-family:var(--font-mono,monospace);font-size:1.05rem}
.wh-card{display:flex;flex-direction:column;gap:12px;padding:20px 22px;border-radius:20px;background:var(--surface);border:1px solid var(--line);box-shadow:0 18px 40px -32px rgba(0,0,0,.7)}
.wh-card h3{margin:0;font-size:1.05rem}
.wh-pz{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.wh-pz li{display:grid;grid-template-columns:14px 1fr auto;gap:4px 10px;align-items:center}
.wh-pz i{width:14px;height:14px;border-radius:4px;background:var(--c);box-shadow:0 0 10px -2px var(--c)}
.wh-pz span{font-size:.82rem;font-weight:800;color:var(--muted)}
.wh-pz em{grid-column:2/-1;height:5px;border-radius:5px;background:var(--surface-2);overflow:hidden}.wh-pz u{display:block;height:100%;background:var(--c);text-decoration:none}
.wh-last{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.wh-last li{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px dashed var(--line)}.wh-last li:last-child{border-bottom:0}
.wh-last .dx-av{width:32px;height:32px;border-radius:9px}
.wh-last div{display:flex;flex-direction:column;flex:1}.wh-last small{color:var(--muted);font-size:.78rem}
.wh-last em{font-style:normal;font-weight:800;color:var(--good,#22c55e)}
.wh-win{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px;background:rgba(0,0,0,.6);backdrop-filter:blur(4px)}
.wh-win[hidden]{display:none}
.wh-wbox{position:relative;overflow:hidden;width:min(420px,100%);display:flex;flex-direction:column;align-items:center;gap:8px;padding:34px 26px 26px;border-radius:26px;text-align:center;
  background:radial-gradient(circle at 50% 0,rgba(255,210,90,.3),transparent 60%),var(--surface);border:1px solid #e0a526;box-shadow:0 40px 90px -30px rgba(0,0,0,.9);animation:wh-pop .4s cubic-bezier(.2,1.4,.4,1)}
@keyframes wh-pop{from{transform:scale(.7);opacity:0}}
.wh-wbox canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.wh-wi{font-size:3.4rem}.wh-wbox h3{margin:0;font-size:1.6rem}.wh-wbox p{margin:0 0 10px;color:var(--muted)}
@media (max-width:900px){.wh-grid{grid-template-columns:1fr}.wh-stats{width:100%}}
@media (prefers-reduced-motion:reduce){.wh-glow,.wh-lights i,.wh-btn{animation:none}}
/* ===== Oy Ver (premium) ===== */
.vt2-page{display:flex;flex-direction:column;gap:18px}
.vt2-hero{position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;padding:28px 30px;border-radius:26px;color:#fff;
  background:radial-gradient(420px 220px at 100% 0,rgba(255,255,255,.2),transparent 70%),linear-gradient(135deg,#059669,#10b981 45%,#0ea5e9);box-shadow:0 30px 60px -34px #10b981}
.vt2-hero>div:first-child{max-width:640px}
.vt2-hero h2{margin:4px 0 8px;color:#fff;font-size:clamp(1.6rem,3vw,2.3rem);font-weight:800;font-family:var(--font-display,inherit)}
.vt2-hero h2 span{color:#fef08a;text-shadow:0 0 20px rgba(254,240,138,.5)}
.vt2-hero p{margin:0;opacity:.92;line-height:1.6}
.vt2-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:8px;min-width:300px}
.vt2-stats div{display:flex;flex-direction:column;align-items:center;padding:12px;border-radius:16px;background:rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(8px)}
.vt2-stats .me{background:rgba(254,240,138,.25);border-color:#fef08a}
.vt2-stats b{font-size:1.6rem;font-weight:800}.vt2-stats small{opacity:.85;font-size:.72rem;text-align:center}
.vt2-warn{padding:12px 16px;border-radius:14px;background:var(--surface);border:1px dashed var(--line)}.vt2-warn a{color:var(--accent);font-weight:700}
.vt2-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:20px;align-items:start}
.vt2-h{margin:0;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.vt2-h small{font-size:.82rem;font-weight:600}
.vt2-sites{display:flex;flex-direction:column;gap:10px}
.vt2-site{position:relative;overflow:hidden;display:grid;grid-template-columns:40px 44px minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:12px 14px;border-radius:18px;
  background:var(--surface);border:1px solid var(--line);color:var(--fg);text-decoration:none;box-shadow:0 14px 30px -26px rgba(0,0,0,.7);transition:transform .2s,border-color .2s,box-shadow .2s}
.vt2-site::after{content:"";position:absolute;top:0;left:-50%;width:35%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.08),transparent);transform:skewX(-18deg);transition:left .6s}
.vt2-site:hover{transform:translateX(4px);border-color:#10b981;box-shadow:0 20px 40px -24px #10b981}
.vt2-site:hover::after{left:120%}
.vt2-n{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;font-weight:800;background:linear-gradient(135deg,#10b981,#0ea5e9);color:#fff}
.vt2-fav{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--surface-2);overflow:hidden}.vt2-fav img{width:26px;height:26px}
.vt2-b{display:flex;flex-direction:column;min-width:0}.vt2-b small{color:var(--muted);font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vt2-r{font-weight:800;font-size:1.05rem;color:#10b981;white-space:nowrap}.vt2-r small{font-size:.72rem;color:var(--muted)}
.vt2-go{padding:9px 16px;border-radius:999px;font-weight:800;font-size:.88rem;white-space:nowrap;color:#fff;background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 10px 22px -10px #10b981}
.vt2-site.done{opacity:.7}.vt2-site.done .vt2-n{background:var(--good,#22c55e)}.vt2-site.done .vt2-go{background:var(--surface-2);color:var(--muted);box-shadow:none}
.vt2-site.clicked .vt2-go{background:var(--good,#22c55e)}
.vt2-ic{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:var(--surface-2)}
.vt2-board{position:sticky;top:90px}
.vt2-pod{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:end;gap:8px;padding-top:8px}
.vt2-p{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 6px 10px;border-radius:16px 16px 6px 6px;text-align:center;background:var(--surface-2);border:1px solid var(--line)}
.vt2-p img{width:48px;height:48px;border-radius:12px;image-rendering:pixelated;box-shadow:0 6px 14px -6px rgba(0,0,0,.6)}
.vt2-p b{font-size:.86rem;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vt2-p small{color:var(--muted);font-weight:700}
.vt2-p span{position:absolute;top:-12px;font-size:1.3rem}
.vt2-p.p1{padding-top:22px;padding-bottom:24px;border-color:#f5c542;background:linear-gradient(180deg,rgba(245,197,66,.22),var(--surface-2))}
.vt2-p.p1 img{width:60px;height:60px;box-shadow:0 0 0 3px #f5c542,0 10px 22px -8px #f5c542}
.vt2-p.p2{border-color:#cbd5e1}.vt2-p.p3{border-color:#d97706}
.vt2-list{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column}
.vt2-list li{display:flex;align-items:center;gap:10px;padding:8px 6px;border-bottom:1px dashed var(--line)}.vt2-list li:last-child{border-bottom:0}
.vt2-list li.me{background:color-mix(in srgb,var(--accent) 10%,transparent);border-radius:10px}
.vt2-rk{width:24px;text-align:center;font-weight:800;color:var(--muted)}
.vt2-list .dx-av{width:30px;height:30px;border-radius:8px}
.vt2-list b{flex:1}.vt2-list em{font-style:normal;font-weight:800;color:#10b981}
@media (max-width:900px){.vt2-grid{grid-template-columns:1fr}.vt2-board{position:static}.vt2-site{grid-template-columns:36px minmax(0,1fr) auto}.vt2-fav,.vt2-r{display:none}.vt2-stats{min-width:0;width:100%}}
/* ===== Destek / Başvuru / Cezalar / Sıralama (premium) ===== */
.pg-page{display:flex;flex-direction:column;gap:18px}
.pg-hero{position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;padding:28px 30px;border-radius:26px;color:#fff;box-shadow:0 30px 60px -34px rgba(0,0,0,.8)}
.pg-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px) 0 0/28px 28px,linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px) 0 0/28px 28px;pointer-events:none}
.pg-hero>*{position:relative;z-index:1}.pg-hero>div:first-child{max-width:640px}
.pg-hero h2{margin:4px 0 8px;color:#fff;font-size:clamp(1.6rem,3vw,2.3rem);font-weight:800;font-family:var(--font-display,inherit)}
.pg-hero p{margin:0;opacity:.92;line-height:1.6}.pg-hero p a{color:#fff;font-weight:800}
.pg-hero.sup{background:radial-gradient(420px 220px at 100% 0,rgba(255,255,255,.2),transparent 70%),linear-gradient(135deg,#2563eb,#0ea5e9 55%,#06b6d4)}
.pg-hero.app{background:radial-gradient(420px 220px at 100% 0,rgba(255,255,255,.2),transparent 70%),linear-gradient(135deg,#7c3aed,#8b5cf6 50%,#ec4899)}
.pg-hero.pun{background:radial-gradient(420px 220px at 100% 0,rgba(255,255,255,.15),transparent 70%),linear-gradient(135deg,#7f1d1d,#b91c1c 50%,#ea580c)}
.pg-hero.rank{background:radial-gradient(420px 220px at 100% 0,rgba(255,255,255,.22),transparent 70%),linear-gradient(135deg,#b45309,#f59e0b 55%,#facc15)}
.pg-stat{display:flex;flex-direction:column;align-items:center;padding:16px 24px;border-radius:18px;background:rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(8px)}
.pg-stat b{font-size:2rem;font-weight:800;line-height:1}.pg-stat small{opacity:.85}
.pg-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:20px;align-items:start}
.pg-card{display:flex;flex-direction:column;gap:12px;padding:20px 22px;border-radius:20px;background:var(--surface);border:1px solid var(--line);box-shadow:0 18px 40px -32px rgba(0,0,0,.7)}
.pg-card h3{margin:0;font-size:1.08rem}
.pg-faq details{border:1px solid var(--line);border-radius:14px;padding:12px 16px;margin-bottom:8px;background:var(--surface-2);transition:border-color .2s}
.pg-faq details[open]{border-color:var(--accent)}
.pg-faq summary{display:flex;justify-content:space-between;gap:10px;cursor:pointer;font-weight:700;list-style:none}
.pg-faq summary::-webkit-details-marker{display:none}
.pg-faq summary::after{content:"+";flex:none;display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:var(--accent-soft);color:var(--accent);font-weight:800;transition:transform .2s}
.pg-faq details[open] summary::after{transform:rotate(45deg)}
.pg-faq p{margin:10px 0 0;color:var(--muted);line-height:1.6}
.pg-dc{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:18px;color:#fff;text-decoration:none;background:linear-gradient(135deg,#5865f2,#4752c4);box-shadow:0 20px 40px -24px #5865f2;transition:transform .2s}
.pg-dc:hover{transform:translateY(-3px)}.pg-dc span{font-size:1.8rem}.pg-dc div{display:flex;flex-direction:column;flex:1}.pg-dc small{opacity:.85}.pg-dc em{font-style:normal;font-weight:800}
.pg-tk{display:flex;flex-direction:column;gap:8px}
.pg-tkr{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;background:var(--surface-2);border:1px solid var(--line);color:var(--fg);text-decoration:none;transition:border-color .2s}
a.pg-tkr:hover{border-color:var(--accent)}
.pg-tki{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:var(--surface);font-size:1.1rem}
.pg-tkr div{display:flex;flex-direction:column;min-width:0}.pg-tkr b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pg-tkr small{color:var(--muted);font-size:.8rem}
.pg-form{gap:14px}
.pg-chips{display:flex;flex-wrap:wrap;gap:6px}
.pg-chips label{cursor:pointer}.pg-chips input{position:absolute;opacity:0}
.pg-chips span{display:inline-block;padding:8px 13px;border-radius:999px;border:1px solid var(--line);background:var(--surface-2);font-weight:700;font-size:.86rem;transition:all .15s}
.pg-chips input:checked+span{border-color:var(--accent);background:var(--accent);color:var(--accent-fg,#fff);box-shadow:0 8px 18px -10px var(--accent)}
.pg-chips input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}
.pg-go{justify-content:center;min-height:52px;box-shadow:0 14px 30px -14px var(--accent)}
.pg-login{align-items:center;text-align:center;padding:34px 22px}.pg-login span{font-size:2.4rem}
.pg-pos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.pg-pos label{cursor:pointer}.pg-pos input{position:absolute;opacity:0}
.pg-pos span{display:grid;grid-template-columns:40px 1fr;gap:0 10px;padding:12px;border-radius:14px;border:2px solid var(--line);background:var(--surface-2);transition:all .15s}
.pg-pos span b{grid-row:1/3;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--surface);font-size:1.3rem}
.pg-pos small{color:var(--muted);font-size:.78rem;line-height:1.35}
.pg-pos input:checked+span{border-color:#8b5cf6;background:color-mix(in srgb,#8b5cf6 12%,var(--surface-2));box-shadow:0 12px 26px -16px #8b5cf6}
.pg-ok{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:12px;background:var(--surface-2);cursor:pointer}
.pg-ok input{width:18px;height:18px;margin-top:2px;accent-color:var(--accent)}
.pg-req{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.pg-req li{display:flex;gap:10px;align-items:center}
.pg-req li::before{content:"";flex:none;width:22px;height:22px;border-radius:50%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 6L9 17l-5-5' fill='none' stroke='%2316a34a' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat,color-mix(in srgb,var(--good,#22c55e) 18%,transparent)}
.pg-tkr.approved{border-color:color-mix(in srgb,#22c55e 40%,var(--line))}.pg-tkr.rejected{opacity:.7}
.pg-tstats{display:grid;grid-template-columns:repeat(4,minmax(70px,1fr));gap:8px}
.pg-tstats a{display:flex;flex-direction:column;align-items:center;padding:10px;border-radius:14px;color:#fff;text-decoration:none;background:rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.2);transition:transform .15s}
.pg-tstats a:hover,.pg-tstats a.on{transform:translateY(-2px);background:rgba(0,0,0,.35);border-color:#fff}
.pg-tstats span{font-size:1.2rem}.pg-tstats b{font-size:1.4rem;font-weight:800}.pg-tstats small{opacity:.85;font-size:.72rem}
.pg-boards{display:flex;gap:6px;padding:5px;border-radius:16px;background:rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.22)}
.pg-boards a{display:flex;align-items:center;gap:6px;padding:10px 16px;border-radius:12px;color:#fff;text-decoration:none;font-weight:800}
.pg-boards a.on{background:#fff;color:#92400e}
.rk-pod{display:grid;grid-template-columns:1fr 1.15fr 1fr;align-items:end;gap:14px;max-width:820px;margin:10px auto 0;width:100%}
.rk-p{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}
.rk-p img{height:150px;image-rendering:pixelated;filter:drop-shadow(0 14px 18px rgba(0,0,0,.5));transition:transform .3s}
.rk-p.p1 img{height:190px}.rk-p:hover img{transform:translateY(-6px)}
.rk-medal{font-size:2rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.4))}
.rk-p b{font-size:1.1rem}.rk-v{font-weight:800;color:var(--accent)}.rk-v small{color:var(--muted);font-weight:600;font-size:.75rem}
.rk-step{display:grid;place-items:center;width:100%;margin-top:6px;border-radius:14px 14px 4px 4px;font-size:2.4rem;font-weight:800;color:rgba(255,255,255,.85);font-family:var(--font-display,inherit)}
.rk-p.p1 .rk-step{height:120px;background:linear-gradient(180deg,#facc15,#b45309);box-shadow:0 20px 40px -20px #f59e0b}
.rk-p.p2 .rk-step{height:90px;background:linear-gradient(180deg,#e2e8f0,#64748b)}
.rk-p.p3 .rk-step{height:70px;background:linear-gradient(180deg,#fb923c,#9a3412)}
.rk-list{display:flex;flex-direction:column;gap:8px;max-width:820px;margin:0 auto;width:100%}
.rk-row{display:grid;grid-template-columns:36px 40px minmax(0,1fr) minmax(0,1.2fr) auto;align-items:center;gap:12px;padding:10px 14px;border-radius:14px;background:var(--surface);border:1px solid var(--line)}
.rk-n{font-weight:800;color:var(--muted);text-align:center;font-size:1.1rem}
.rk-row .dx-av{width:40px;height:40px;border-radius:10px}
.rk-bar{height:8px;border-radius:8px;background:var(--surface-2);overflow:hidden}.rk-bar i{display:block;height:100%;border-radius:8px;background:linear-gradient(90deg,var(--accent),#facc15)}
@media (max-width:900px){.pg-grid{grid-template-columns:1fr}.pg-pos{grid-template-columns:1fr}.rk-row{grid-template-columns:30px 36px 1fr auto}.rk-bar{display:none}.pg-tstats{width:100%}}
/* ===== AFK İstemcisi / İndir sayfaları ===== */
.dlp-page{display:flex;flex-direction:column;gap:20px;max-width:1000px}
.dlp-hero{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:56px 24px 46px;border-radius:30px;color:#fff;box-shadow:0 34px 70px -38px rgba(0,0,0,.9)}
.dlp-hero.afk{background:radial-gradient(500px 260px at 50% 0,rgba(255,255,255,.18),transparent 70%),linear-gradient(160deg,#312e81,#4f46e5 55%,#0ea5e9)}
.dlp-hero.dl{background:radial-gradient(500px 260px at 50% 0,rgba(255,255,255,.2),transparent 70%),linear-gradient(160deg,#065f46,#059669 55%,#22c55e)}
.dlp-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px) 0 0/30px 30px,linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px) 0 0/30px 30px;-webkit-mask-image:radial-gradient(ellipse at center,#000 30%,transparent 75%);mask-image:radial-gradient(ellipse at center,#000 30%,transparent 75%);pointer-events:none}
.dlp-hero>*{position:relative;z-index:1}
.dlp-orb{display:grid;place-items:center;width:96px;height:96px;margin-bottom:6px;border-radius:28px;font-size:2.8rem;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.3);box-shadow:0 20px 40px -18px rgba(0,0,0,.6);animation:dlp-float 4s ease-in-out infinite}
@keyframes dlp-float{50%{transform:translateY(-8px)}}
.dlp-hero h1{margin:0;color:#fff;font-size:clamp(2rem,5vw,3.2rem);font-weight:800;letter-spacing:-.02em;font-family:var(--font-display,inherit)}
.dlp-hero p{margin:0 0 14px;max-width:52ch;opacity:.9;font-size:1.05rem}
.dlp-btn{display:inline-flex;align-items:center;gap:14px;padding:16px 30px 16px 18px;border-radius:20px;text-decoration:none;color:#0b1020;text-align:left;
  background:linear-gradient(180deg,#fff,#e8eefc);box-shadow:0 0 0 4px rgba(255,255,255,.22),0 24px 50px -16px rgba(0,0,0,.7);transition:transform .2s,box-shadow .2s;animation:dlp-pulse 2.4s infinite}
.dlp-btn:hover{transform:translateY(-3px) scale(1.02)}
@keyframes dlp-pulse{50%{box-shadow:0 0 0 12px rgba(255,255,255,0),0 24px 50px -16px rgba(0,0,0,.7)}}
.dlp-bi{display:grid;place-items:center;width:52px;height:52px;border-radius:15px;font-size:1.6rem;font-weight:800;color:#fff;background:linear-gradient(135deg,#22c55e,#059669);box-shadow:0 8px 18px -8px #059669}
.dlp-hero.afk .dlp-bi{background:linear-gradient(135deg,#6366f1,#0ea5e9)}
.dlp-btn b{display:block;font-size:1.2rem;font-weight:800}.dlp-btn small{color:#475569;font-weight:600}
.dlp-btn.off{animation:none;opacity:.85;cursor:default}.dlp-btn.off .dlp-bi{background:#94a3b8}
.dlp-safe{opacity:.85;font-size:.82rem}.dlp-safe a{color:#fff;font-weight:800}
.dlp-feats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.dlp-feats div{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;padding:20px 16px;border-radius:20px;background:var(--surface);border:1px solid var(--line);box-shadow:0 18px 40px -32px rgba(0,0,0,.7)}
.dlp-feats span{display:grid;place-items:center;width:52px;height:52px;margin-bottom:4px;border-radius:16px;font-size:1.5rem;background:var(--accent-soft)}
.dlp-feats small{color:var(--muted);line-height:1.45}
.dlp-body{padding:28px 32px;border-radius:24px;background:var(--surface);border:1px solid var(--line);max-width:none}
@media (max-width:700px){.dlp-feats{grid-template-columns:1fr}.dlp-btn{width:100%}}
@media (prefers-reduced-motion:reduce){.dlp-orb,.dlp-btn{animation:none}}
/* ===== Site ana sayfası: canlı şerit, mağaza vitrini, çağrı bandı ===== */
.hp-live{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
.hp-st{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:18px;background:var(--surface);border:1px solid var(--line);box-shadow:0 18px 40px -32px rgba(0,0,0,.7);color:var(--fg);text-align:left;font:inherit}
.hp-st>div{display:flex;flex-direction:column;min-width:0}
.hp-st b{font-size:1.45rem;font-weight:800;letter-spacing:-.01em;line-height:1.1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hp-st b small{font-size:.85rem;color:var(--muted);font-weight:700}
.hp-st>div>small{color:var(--muted);font-size:.8rem}
.hp-i{display:grid;place-items:center;flex:none;width:46px;height:46px;border-radius:14px;font-size:1.3rem;background:var(--accent-soft)}
.hp-dot{flex:none;width:14px;height:14px;margin:0 16px;border-radius:50%;background:#94a3b8}
.hp-dot.live{background:#22c55e;box-shadow:0 0 0 0 rgba(34,197,94,.6);animation:dx-p 2s infinite}
.hp-st.on{border-color:color-mix(in srgb,#22c55e 35%,var(--line))}
.hp-ip{cursor:pointer;transition:transform .2s,border-color .2s}.hp-ip:hover{transform:translateY(-2px);border-color:var(--accent)}
.hp-ip b{font-family:var(--font-mono,monospace);font-size:1.1rem}
.hp-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}
.hp-cta{position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;padding:32px 34px;border-radius:28px;color:#fff;
  background:radial-gradient(460px 220px at 100% 0,rgba(255,255,255,.22),transparent 70%),linear-gradient(135deg,var(--grad-a,var(--accent)),var(--grad-b,var(--accent)));box-shadow:0 30px 60px -34px var(--accent)}
.hp-cta::after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px) 0 0/28px 28px,linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px) 0 0/28px 28px;pointer-events:none}
.hp-cta>*{position:relative;z-index:1}
.hp-cta h2{margin:0 0 6px;color:#fff;font-size:clamp(1.5rem,3vw,2.1rem);font-weight:800;font-family:var(--font-display,inherit)}
.hp-cta p{margin:0;opacity:.9}
.hp-cta-a{display:flex;flex-wrap:wrap;gap:10px}
.hp-cbtn{display:inline-flex;align-items:center;gap:8px;padding:13px 20px;border-radius:14px;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.14);color:#fff;font:inherit;font-weight:800;text-decoration:none;cursor:pointer;backdrop-filter:blur(6px);transition:transform .15s,background .15s}
.hp-cbtn:hover{transform:translateY(-2px);background:rgba(255,255,255,.24)}
.hp-cbtn.main{background:#fff;color:#111;border-color:#fff;font-family:var(--font-mono,monospace);box-shadow:0 14px 30px -14px rgba(0,0,0,.6)}
.hp-cbtn.dc{background:#5865f2;border-color:#5865f2}
/* Ana sayfa: ortalanmış mağaza vitrini */
.hp-shop2{position:relative;display:flex;flex-direction:column;align-items:center;gap:22px;padding:40px 20px 34px;border-radius:30px;isolation:isolate;overflow:hidden;
  background:radial-gradient(600px 260px at 50% 0,color-mix(in srgb,var(--accent) 16%,transparent),transparent 70%),var(--surface);border:1px solid var(--line);box-shadow:0 30px 60px -40px rgba(0,0,0,.8)}
.hp-shop2::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(var(--line) 1px,transparent 1px) 0 0/34px 34px,linear-gradient(90deg,var(--line) 1px,transparent 1px) 0 0/34px 34px;opacity:.35;-webkit-mask-image:radial-gradient(ellipse at 50% 30%,#000 20%,transparent 70%);mask-image:radial-gradient(ellipse at 50% 30%,#000 20%,transparent 70%)}
.hp-sh{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;max-width:620px}
.hp-k{padding:6px 14px;border-radius:999px;font-size:.74rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 30%,transparent)}
.hp-sh h2{margin:6px 0 0;font-size:clamp(1.8rem,3.6vw,2.6rem);font-weight:800;letter-spacing:-.02em;font-family:var(--font-display,inherit)}
.hp-sh p{margin:0;color:var(--muted)}
.hp-sgrid{display:flex;flex-wrap:wrap;justify-content:center;gap:18px;width:100%}
.hp-sgrid .mk-tile{flex:0 1 220px;min-width:190px}
.hp-sgrid .mk-tile{display:flex;flex-direction:column}
.hp-sgrid .mk-t-foot{margin-top:auto;min-height:58px}
.hp-sgrid .mk-tile:hover{transform:translateY(-8px) scale(1.02)}
.hp-sall{display:inline-flex;align-items:center;gap:10px;padding:13px 26px;border-radius:999px;font-weight:800;text-decoration:none;color:var(--accent-fg,#fff);background:var(--accent);box-shadow:0 16px 34px -14px var(--accent);transition:transform .2s}
.hp-sall:hover{transform:translateY(-2px)}.hp-sall span{transition:transform .2s}.hp-sall:hover span{transform:translateX(4px)}
/* Ana sayfa: "Neden …?" özellik kartları (tüm temalar) */
.hp-feat2{display:flex;flex-direction:column;align-items:center;gap:24px;padding:10px 0}
.hp-fgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;width:100%}
.hp-fgrid.n4{grid-template-columns:repeat(4,minmax(0,1fr))}.hp-fgrid.n2,.hp-fgrid.n1{grid-template-columns:repeat(2,minmax(0,1fr));max-width:760px}
.hp-fc{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:8px;padding:24px 22px 22px;border-radius:22px;background:var(--surface);border:1px solid var(--line);box-shadow:0 20px 44px -34px rgba(0,0,0,.8);isolation:isolate;transition:transform .25s,border-color .25s,box-shadow .25s}
.hp-fc::before{content:"";position:absolute;right:-60px;top:-60px;z-index:-1;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--fc) 30%,transparent),transparent 70%);transition:transform .4s}
.hp-fc::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,var(--fc),transparent);transform:scaleX(0);transform-origin:left;transition:transform .35s}
.hp-fc:hover{transform:translateY(-6px);border-color:color-mix(in srgb,var(--fc) 55%,var(--line));box-shadow:0 28px 56px -30px color-mix(in srgb,var(--fc) 70%,transparent)}
.hp-fc:hover::before{transform:scale(1.3)}.hp-fc:hover::after{transform:scaleX(1)}
.hp-fn{position:absolute;top:14px;right:18px;font-size:2.6rem;font-weight:800;line-height:1;color:var(--fg);opacity:.06;font-family:var(--font-display,inherit)}
.hp-fi{display:grid;place-items:center;width:54px;height:54px;margin-bottom:6px;border-radius:16px;color:#fff;background:linear-gradient(135deg,var(--fc),color-mix(in srgb,var(--fc) 55%,#000));box-shadow:0 14px 28px -12px var(--fc)}
.hp-fi .ni{display:inline-block!important;width:24px;height:24px;color:#fff!important}
.hp-fc h3{margin:0;font-size:1.12rem;font-weight:800}
.hp-fc p{margin:0;color:var(--muted);line-height:1.6;font-size:.95rem}
@media (max-width:900px){.hp-fgrid,.hp-fgrid.n4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.hp-fgrid,.hp-fgrid.n4,.hp-fgrid.n2{grid-template-columns:1fr}}
/* Ana sayfa: canlı istatistik kartları v2 (tüm temalar) */
.hp-live2{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.hl-c{position:relative;overflow:hidden;display:flex;align-items:center;gap:14px;padding:18px 20px;border-radius:20px;text-align:left;font:inherit;color:var(--fg);isolation:isolate;
  background:radial-gradient(220px 120px at 0 0,color-mix(in srgb,var(--hc) 16%,transparent),transparent 70%),var(--surface);border:1px solid color-mix(in srgb,var(--hc) 28%,var(--line));
  box-shadow:0 20px 44px -34px rgba(0,0,0,.8);transition:transform .25s,box-shadow .25s,border-color .25s}
.hl-c::after{content:"";position:absolute;left:0;top:16%;bottom:16%;width:4px;border-radius:0 4px 4px 0;background:var(--hc);box-shadow:0 0 14px var(--hc)}
.hl-c:hover{transform:translateY(-4px);border-color:var(--hc);box-shadow:0 26px 50px -28px color-mix(in srgb,var(--hc) 75%,transparent)}
.hl-i{position:relative;display:grid;place-items:center;flex:none;width:52px;height:52px;border-radius:16px;font-size:1.5rem;
  background:linear-gradient(135deg,color-mix(in srgb,var(--hc) 30%,var(--surface-2)),color-mix(in srgb,var(--hc) 10%,var(--surface-2)));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--hc) 35%,transparent),0 10px 22px -12px var(--hc)}
.hl-c>div{display:flex;flex-direction:column;min-width:0;flex:1}
.hl-c b{font-size:1.9rem;font-weight:800;line-height:1.05;letter-spacing:-.02em;font-family:var(--font-display,inherit)}
.hl-c em{font-style:normal;font-weight:700;color:var(--muted);font-size:.9rem;margin-top:-4px}
.hl-c small{color:var(--muted);font-size:.82rem}
.hl-tag{align-self:flex-start;margin-top:5px;font-size:.72rem;font-weight:800;padding:2px 9px;border-radius:999px;color:var(--hc);background:color-mix(in srgb,var(--hc) 16%,transparent)}
.hl-c.off{--hc:#94a3b8!important}
.hl-c.on .hl-ring{position:absolute;inset:-4px;border-radius:18px;border:2px solid #22c55e;opacity:0;animation:hl-ring 2s infinite}
@keyframes hl-ring{0%{opacity:.7;transform:scale(.85)}100%{opacity:0;transform:scale(1.25)}}
.hl-ip{cursor:pointer}
.hl-ip b.ip{font-family:var(--font-mono,monospace);font-size:1.15rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hl-cp{flex:none;font-size:.75rem;font-weight:800;padding:6px 10px;border-radius:10px;color:#fff;background:var(--hc);box-shadow:0 8px 18px -10px var(--hc);transition:transform .2s}
.hl-ip:hover .hl-cp{transform:scale(1.06)}
@media (prefers-reduced-motion:reduce){.hl-ring{animation:none!important}}
.hl-cp{display:grid;place-items:center;width:34px;height:34px;padding:0;font-size:1rem}.hl-ip b.ip{font-size:clamp(.9rem,1.2vw,1.1rem)}
.pg-chips input,.pg-pos input,.th-seg input,.pn-types input,.cr-pack input,.pt-opt input,.th-card input,.fv-opt input{width:1px!important;height:1px!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;clip:rect(0 0 0 0);overflow:hidden}
.hl-ip b.ip{white-space:normal;overflow:visible;word-break:break-all;font-size:1rem!important;line-height:1.25}
/* Açık modda renkli etiketlerin okunurluğu (tüm temalar) */
:root[data-theme="light"] .pn-row.t-ban .pn-type{color:#b91c1c}
:root[data-theme="light"] .pn-row.t-mute .pn-type{color:#7e22ce}
:root[data-theme="light"] .pn-row.t-kick .pn-type{color:#b45309}
:root[data-theme="light"] .pn-row.t-uyari .pn-type{color:#a16207}
:root[data-theme="light"] .pm-m.card{color:#1d4ed8}
:root[data-theme="light"] .vt2-r,:root[data-theme="light"] .vt2-list em,:root[data-theme="light"] .wh-last em{color:#047857}
:root[data-theme="light"] .qu-cmd{background:#0f172a}
:root[data-theme="light"] .cr-pb,:root[data-theme="light"] .pk-break .g,:root[data-theme="light"] .pk-badge{color:#15803d}
/* ===== Yönetim: Kurulum Rehberi ===== */
.gd-hero{position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;padding:26px 30px;border-radius:24px;color:#fff;
  background:radial-gradient(420px 200px at 100% 0,rgba(255,255,255,.22),transparent 70%),linear-gradient(135deg,#0ea5e9,#6366f1 55%,#a855f7);box-shadow:0 28px 56px -30px #6366f1}
.gd-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px) 0 0/28px 28px,linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px) 0 0/28px 28px;pointer-events:none}
.gd-hero>*{position:relative;z-index:1}.gd-ht{max-width:620px}
.gd-hero h2{margin:4px 0 6px;color:#fff;font-size:1.9rem;font-weight:800}.gd-hero p{margin:0;opacity:.9}
.gd-info{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.gd-info span{padding:5px 12px;border-radius:999px;font-size:.82rem;font-weight:700;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.25)}.gd-info a{color:#fff}
.gd-ring{display:grid;place-items:center;width:130px;height:130px;border-radius:50%;background:conic-gradient(#fff calc(var(--p)*1%),rgba(255,255,255,.2) 0);box-shadow:0 14px 30px -12px rgba(0,0,0,.4)}
.gd-ring>div{display:flex;flex-direction:column;align-items:center;justify-content:center;width:104px;height:104px;border-radius:50%;background:linear-gradient(135deg,#4f46e5,#7c3aed)}
.gd-ring b{font-size:1.8rem;font-weight:800;line-height:1}.gd-ring small{opacity:.85;font-size:.75rem}
.gd-dl{position:relative;overflow:hidden;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:20px;padding:22px 24px;border-radius:22px;
  background:radial-gradient(360px 160px at 0 50%,rgba(249,115,22,.18),transparent 70%),var(--surface);border:1px solid color-mix(in srgb,#f97316 45%,var(--line));box-shadow:0 24px 48px -30px #f97316}
.gd-jar{position:relative;display:grid;place-items:center;width:78px;height:78px;border-radius:20px;font-size:2.2rem;background:linear-gradient(135deg,#f97316,#c2410c);box-shadow:0 14px 28px -12px #f97316}
.gd-jar i{position:absolute;bottom:-6px;right:-6px;font-style:normal;font-size:.68rem;font-weight:800;padding:2px 7px;border-radius:999px;background:#fff;color:#c2410c}
.gd-new{display:inline-block;font-size:.72rem;font-weight:800;padding:3px 10px;border-radius:999px;color:#22c55e;background:color-mix(in srgb,#22c55e 16%,transparent)}
.gd-dlb h3{margin:6px 0 4px;font-size:1.3rem}.gd-dlb h3 em{font-style:normal;font-size:.85rem;font-weight:800;padding:2px 9px;margin-left:6px;border-radius:999px;background:var(--surface-2);color:#f97316;vertical-align:middle}
.gd-dlb p{margin:0;color:var(--muted)}
.gd-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.gd-meta span{font-size:.78rem;font-weight:700;padding:4px 10px;border-radius:10px;background:var(--surface-2)}
.gd-dbtn{display:flex;align-items:center;gap:12px;padding:14px 22px 14px 14px;border-radius:18px;text-decoration:none;color:#fff;background:linear-gradient(135deg,#f97316,#ea580c);box-shadow:0 16px 34px -12px #f97316;transition:transform .2s}
.gd-dbtn:hover{transform:translateY(-3px)}
.gd-dbtn>span{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;font-size:1.4rem;font-weight:800;background:rgba(255,255,255,.2)}
.gd-dbtn b{display:flex;flex-direction:column;font-size:1.05rem}.gd-dbtn small{font-weight:600;opacity:.9;font-size:.78rem}
.gd-steps{display:flex;flex-direction:column;gap:10px}
.gd-st{display:grid;grid-template-columns:36px 46px minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px 18px;border-radius:18px;background:var(--surface);border:1px solid var(--line);box-shadow:0 14px 30px -26px rgba(0,0,0,.7)}
.gd-st.ok{border-color:color-mix(in srgb,#22c55e 40%,var(--line));background:linear-gradient(90deg,color-mix(in srgb,#22c55e 8%,var(--surface)),var(--surface) 60%)}
.gd-n{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;font-weight:800;background:var(--surface-2);color:var(--muted);box-shadow:inset 0 0 0 2px var(--line)}
.gd-st.ok .gd-n{background:#22c55e;color:#fff;box-shadow:0 8px 18px -8px #22c55e}
.gd-ic{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;font-size:1.4rem;background:var(--surface-2)}
.gd-st>div{display:flex;flex-direction:column}.gd-st small{color:var(--muted)}
.gd-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
.gd-card{display:flex;flex-direction:column;gap:12px;padding:20px 22px;border-radius:20px;background:var(--surface);border:1px solid var(--line)}
.gd-card h3{margin:0}
.gd-ol{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:8px;line-height:1.6}
.gd-tip{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border-radius:14px;background:var(--surface-2)}.gd-tip span{color:var(--muted);font-size:.9rem}
.gd-help{align-self:flex-start;font-weight:800;color:var(--accent);text-decoration:none}
@media (max-width:1000px){.gd-dl{grid-template-columns:1fr}.gd-grid{grid-template-columns:1fr}.gd-st{grid-template-columns:32px 1fr}.gd-ic{display:none}.gd-st .btn{grid-column:1/-1}}

/* =====================================================================
   Premium yenileme (tüm temalar): yapay görünen süsleri sadeleştir,
   tutarlı kart sistemi, net tipografi, tek vurgu rengi.
   ===================================================================== */
:root{--pr-r:18px;--pr-b:color-mix(in srgb,var(--line) 90%,transparent);--pr-s:0 1px 0 rgba(255,255,255,.04) inset,0 18px 40px -30px rgba(0,0,0,.7)}
/* Bölüm başlıkları: hap etiket yerine çizgili küçük başlık */
.hp-k{display:inline-flex!important;align-items:center;gap:10px;padding:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;
  font-size:.72rem!important;font-weight:800!important;letter-spacing:.18em!important;text-transform:uppercase;color:var(--accent)!important}
.hp-k::before{content:"";width:22px;height:2px;border-radius:2px;background:currentColor}
.hp-sh{gap:8px!important}
.hp-sh h2{letter-spacing:-.03em!important;line-height:1.08}
.hp-sh p{max-width:52ch;line-height:1.6}
/* Mağaza bölümü: ızgara deseni ve ışımalar kalksın */
.hp-shop2{background:none!important;border:0!important;box-shadow:none!important;padding:28px 0 8px!important}
.hp-shop2::before,.hp-shop2::after,.hp-feat2::before,.hp-feat2::after{display:none!important}
.hp-sall{border-radius:12px!important;box-shadow:none!important}
/* Özellik kartları: rengârenk kutular ve dev numaralar yerine sade kartlar */
.hp-fn{display:none!important}
.hp-fc{padding:22px!important;border-radius:var(--pr-r)!important;background:var(--surface)!important;border:1px solid var(--pr-b)!important;box-shadow:var(--pr-s)!important;transition:border-color .2s,transform .2s!important}
.hp-fc::before,.hp-fc::after{display:none!important}
.hp-fc:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 45%,var(--line))!important}
.hp-fi{width:42px!important;height:42px!important;border-radius:12px!important;color:var(--accent)!important;background:color-mix(in srgb,var(--accent) 12%,transparent)!important;border:1px solid color-mix(in srgb,var(--accent) 25%,transparent);box-shadow:none!important}
.hp-fi .ni{width:20px!important;height:20px!important;color:var(--accent)!important}
.hp-fc h3{font-size:1rem!important;font-weight:700!important;letter-spacing:-.01em}
.hp-fc p{font-size:.88rem!important;line-height:1.55!important}
/* Canlı istatistik kartları: tek renk, çizgi simgeler */
.hl-c{--hc:var(--accent)!important;border-radius:var(--pr-r)!important;background:var(--surface)!important;border:1px solid var(--pr-b)!important;box-shadow:var(--pr-s)!important}
.hl-c.on{--hc:#22c55e!important}
.hl-i{color:var(--hc)!important;background:color-mix(in srgb,var(--hc) 12%,transparent)!important;border:1px solid color-mix(in srgb,var(--hc) 25%,transparent)!important;box-shadow:none!important;font-size:0!important}
.hl-i svg,.hl-cp svg,.hp-cbtn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.hl-i svg{width:22px;height:22px}
.hl-cp{display:grid;place-items:center;color:var(--muted)}.hl-cp svg{width:18px;height:18px}
.hl-ip:hover .hl-cp{color:var(--accent)}
/* Kapanış çağrısı: parlak gradyan yerine görselli koyu bant */
.hp-cta2{min-height:220px;padding:38px 40px!important;border-radius:24px!important;border:1px solid var(--pr-b)!important;color:#fff!important;
  background:linear-gradient(90deg,rgba(6,7,10,.94) 0%,rgba(6,7,10,.82) 45%,rgba(6,7,10,.35) 100%),var(--cbg,linear-gradient(135deg,#14151a,#0a0b0e)) center/cover no-repeat!important;box-shadow:0 30px 60px -40px rgba(0,0,0,.9)!important}
.hp-cta2::before,.hp-cta2::after{display:none!important}
.hp-cta-t{display:flex;flex-direction:column;gap:8px;max-width:520px}
.hp-cta2 .hp-k{color:var(--accent)!important}
.hp-cta2 h2{margin:0;font-size:clamp(1.7rem,3.2vw,2.4rem);font-weight:800;letter-spacing:-.03em;line-height:1.1;font-family:var(--font-display,inherit)}
.hp-cta2 p{margin:0;color:rgba(255,255,255,.72)}
.hp-cta2 .hp-cta-a{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.hp-cta2 .hp-cbtn{height:48px;padding:0 18px;border-radius:12px!important;background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.18)!important;font-family:inherit!important;box-shadow:none!important}
.hp-cta2 .hp-cbtn:hover{background:rgba(255,255,255,.16)!important;transform:none}
.hp-cta2 .hp-cbtn.main{height:56px;padding:0 18px 0 14px;gap:12px;color:#111!important;background:var(--accent)!important;border-color:var(--accent)!important;color:var(--accent-fg,#111)!important}
.hp-cta2 .hp-cbtn.main span{display:flex;flex-direction:column;align-items:flex-start;line-height:1.15;text-align:left}
.hp-cta2 .hp-cbtn.main small{font-size:.66rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;opacity:.75}
.hp-cta2 .hp-cbtn.main b{font-family:var(--font-mono,monospace);font-size:1rem}
.hp-cta2 .hp-cbtn.dc{background:#5865f2!important;border-color:#5865f2!important}
.hp-cta2 .hp-cbtn .ni{width:18px;height:18px}
/* Genel kart ve panel sadeleştirme */
.panel,.news-card,.pcard,.ptile,.hp-sgrid>*{border-radius:var(--pr-r)}
.sec-ic{box-shadow:none!important}
/* Aşırı parlak metin gradyanlarını sakinleştir */
.hero h1 .hl,.hero h1 em{text-shadow:none}
@media (max-width:760px){.hp-cta2{padding:26px 22px!important;background:linear-gradient(180deg,rgba(6,7,10,.9),rgba(6,7,10,.96)),var(--cbg,#0a0b0e) center/cover!important}}

/* Bilgi şeridi ile içerik arasında boşluk (rozet/istatistik satırları kaldırıldıktan sonra) */
.srv-wrap + .wrap.page{padding-top:clamp(22px,3.2vw,40px)!important}
.hero + .wrap.page{padding-top:clamp(14px,2.4vw,28px)!important}
html body[data-theme-key="zirve"]>main>.srv-wrap.srv-wrap{margin-bottom:clamp(18px,2.6vw,30px)!important}

/* =====================================================================
   Sayfa Editörü blokları (bütün temalarda temanın değişkenleriyle çalışır)
   ===================================================================== */
.pb{margin-block:clamp(28px,4vw,48px)}
.pb-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px}
.pb-b{grid-column:span var(--span,12);min-width:0}
.pb-st-card{padding:clamp(18px,2.4vw,28px);border-radius:var(--radius,18px);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow,0 14px 34px -26px rgba(0,0,0,.5))}
.pb-st-accent{padding:clamp(18px,2.4vw,28px);border-radius:var(--radius,18px);color:var(--accent-fg);background:linear-gradient(135deg,var(--grad-a,var(--accent)),var(--grad-b,var(--accent)));box-shadow:0 18px 40px -26px var(--accent)}
.pb-st-accent p,.pb-st-accent h2,.pb-st-accent h3{color:inherit!important}
.pb-head h2{margin:0;font-family:var(--font-display);font-size:clamp(1.6rem,3vw,2.4rem);letter-spacing:-.02em}
.pb-head p{margin:8px auto 0;max-width:62ch;color:var(--muted)}
.pb-head[style*=left] p{margin-left:0}
.pb-text{line-height:1.75;color:var(--fg)}
.pb-imgw{display:block;overflow:hidden;border-radius:calc(var(--radius,18px) - 4px)}
.pb-imgw img{display:block;width:100%;height:auto;object-fit:cover;transition:transform .4s}
a.pb-imgw:hover img{transform:scale(1.03)}
.pb-ph{display:grid;place-items:center;min-height:140px;border-radius:12px;font-size:.86rem;color:var(--muted);background:var(--surface-2);border:2px dashed var(--line)}
.pb-it{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(16px,3vw,32px);align-items:center}
.pb-it.rev .pb-imgw{order:2}
.pb-itb h3{margin:0 0 8px;font-family:var(--font-display);font-size:1.5rem}.pb-itb p{margin:0 0 14px;color:var(--muted);line-height:1.7}
.pb-cards{display:grid;grid-template-columns:repeat(var(--n,3),minmax(0,1fr));gap:14px}
.pb-card{padding:18px;border-radius:14px;background:var(--surface-2);border:1px solid var(--line);transition:transform .2s,border-color .2s}
.pb-card:hover{transform:translateY(-3px);border-color:var(--accent)}
.pb-st-none .pb-card{background:var(--surface)}
.pb-ic{display:grid;place-items:center;width:46px;height:46px;margin-bottom:10px;border-radius:12px;font-size:1.4rem;background:var(--accent-soft)}
.pb-card h3{margin:0 0 4px;font-size:1.08rem}.pb-card p{margin:0;font-size:.9rem;color:var(--muted);line-height:1.55}
.pb-btns{display:flex;flex-wrap:wrap;gap:10px}
.pb-ip,.pb-dc{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.pb-ip>div,.pb-dc>div{flex:1;min-width:200px}
.pb-ip h3,.pb-dc h3{margin:0 0 4px;font-family:var(--font-display);font-size:1.3rem}.pb-ip p,.pb-dc p{margin:0;color:var(--muted)}
.pb-ipb{display:inline-flex;align-items:center;gap:12px;padding:8px 8px 8px 16px;border-radius:14px;cursor:pointer;font:inherit;color:var(--fg);background:var(--surface-2);border:1px solid var(--line);transition:border-color .2s}
.pb-ipb code{font-weight:800;background:none;color:inherit}.pb-ipb span{padding:7px 12px;border-radius:10px;font-size:.8rem;font-weight:800;color:var(--accent-fg);background:var(--accent)}
.pb-ipb:hover{border-color:var(--accent)}
.pb-dci{display:grid;place-items:center;width:56px;height:56px;border-radius:16px;color:#fff;background:#5865f2;flex:none}.pb-dci svg{width:28px;height:28px}
.pb-dc .btn{background:#5865f2!important;color:#fff!important;border-color:transparent!important}
.pb-vt{margin:0 0 12px}
.pb-video{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:12px;background:#000}.pb-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.pb-stats{display:grid;grid-template-columns:repeat(var(--n,3),minmax(0,1fr));gap:12px;text-align:center}
.pb-stats b{display:block;font-family:var(--font-display);font-size:clamp(1.6rem,3vw,2.4rem);color:var(--accent);line-height:1.1}
.pb-st-accent .pb-stats b{color:inherit}
.pb-stats span{font-size:.86rem;color:var(--muted)}
@media (max-width:860px){.pb-b{grid-column:span 12}.pb-it{grid-template-columns:1fr}.pb-it.rev .pb-imgw{order:0}.pb-cards,.pb-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.pb-cards{grid-template-columns:1fr}}
.pb-ipb{max-width:100%;min-width:0;flex-wrap:wrap}.pb-ipb code{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pb-b{container-type:inline-size}
@container (max-width:360px){.pb-it{grid-template-columns:1fr}.pb-cards,.pb-stats{grid-template-columns:1fr}.pb-ip,.pb-dc{flex-direction:column;align-items:flex-start}}
html body .pb .pb-dc a.btn.btn{background:#5865f2!important;color:#fff!important;border-color:transparent!important;box-shadow:0 10px 22px -12px #5865f2!important}.pb-dci svg{color:#fff}
/* Sayfa Editörü v2: temanın bileşenleriyle çizilen ek bloklar */
.pbx-row{margin-block:clamp(18px,3vw,36px)}
.pbx-row .pb-grid{align-items:stretch}
.pb-st-glass{padding:clamp(18px,2.4vw,28px);border-radius:var(--radius,18px);background:color-mix(in srgb,var(--surface) 70%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--line)}
.pb-b.panel{margin:0}
.pbx-sh{margin-bottom:6px}.pbx-sh h2{margin-top:6px}
.pbx-status{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.pbx-status>div:not(.ipbox){flex:1;min-width:180px;display:flex;flex-direction:column}.pbx-status small{color:var(--muted);font-weight:600}.pbx-status b{font-size:1.15rem}
.pbx-dot{width:14px;height:14px;border-radius:50%;background:#ef4444;box-shadow:0 0 0 5px rgba(239,68,68,.15)}.pbx-dot.on{background:#22c55e;box-shadow:0 0 0 5px rgba(34,197,94,.18),0 0 14px #22c55e}
.pbx-news{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}
.pbx-prods{margin:12px 0}
.pbt-cta .hp-cta2{margin:0}
.pb-ip .ipbox,.pbx-status .ipbox{display:inline-flex;align-items:center;gap:8px}
.pbx-cta .hp-cip{display:flex;flex-direction:column;text-align:left;line-height:1.2}.pbx-cta .hp-cip small{font-size:.66rem;opacity:.8}
/* Sayfa Editörü · blok efektleri */
[class*="pbx-a-"]{opacity:0;transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1)}
.pbx-a-fade{transform:none}.pbx-a-up{transform:translateY(34px)}.pbx-a-zoom{transform:scale(.9)}.pbx-a-left{transform:translateX(-40px)}.pbx-a-right{transform:translateX(40px)}.pbx-a-flip{transform:perspective(800px) rotateX(18deg)}
[class*="pbx-a-"].pbx-in{opacity:1;transform:none}
.pbx-h-lift,.pbx-h-glow,.pbx-h-scale,.pbx-h-tilt{transition:transform .25s ease,box-shadow .25s ease}
.pbx-h-lift:hover{transform:translateY(-6px)}.pbx-h-scale:hover{transform:scale(1.03)}.pbx-h-tilt:hover{transform:perspective(900px) rotateX(3deg) rotateY(-4deg)}
.pbx-h-glow:hover{box-shadow:0 0 0 1px var(--accent),0 18px 46px -14px var(--accent)!important}
.pbx-s-soft{box-shadow:0 18px 40px -24px rgba(0,0,0,.55)!important}.pbx-s-strong{box-shadow:0 28px 60px -20px rgba(0,0,0,.8)!important}.pbx-s-glow{box-shadow:0 0 40px -6px var(--accent)!important}
.pbx-b-thin{border:1px solid var(--line)!important}.pbx-b-accent{border:2px solid var(--accent)!important}
.pbx-b-gradient{border:2px solid transparent!important;background-clip:padding-box;position:relative}.pbx-b-gradient::before{content:"";position:absolute;inset:-2px;z-index:-1;border-radius:inherit;background:linear-gradient(135deg,var(--grad-a,var(--accent)),var(--grad-b,#a855f7))}
.pbx-l-float{animation:pbxFloat 4s ease-in-out infinite}@keyframes pbxFloat{50%{translate:0 -8px}}
.pbx-l-pulse{animation:pbxPulse 2.4s ease-in-out infinite}@keyframes pbxPulse{50%{box-shadow:0 0 0 6px color-mix(in srgb,var(--accent) 25%,transparent)}}
.pbx-l-shine{position:relative;overflow:hidden}.pbx-l-shine::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.18) 50%,transparent 65%);background-size:250% 100%;animation:pbxShine 3.5s linear infinite}@keyframes pbxShine{from{background-position:150% 0}to{background-position:-150% 0}}
@media (prefers-reduced-motion:reduce){[class*="pbx-a-"]{opacity:1;transform:none}.pbx-l-float,.pbx-l-pulse,.pbx-l-shine::after{animation:none}}
/* Sayfa Editörü · yeni bloklar */
.pbx-tsh h1,.pbx-tsh h2,.pbx-tsh h3,.pbx-tsh p,.pbx-tsh b{text-shadow:0 2px 12px rgba(0,0,0,.45)}
.pbx-cd{text-align:center}.pbx-cd h3{margin:0 0 12px;font-family:var(--font-display)}.pbx-cd p{margin:12px 0 0}
.pbx-cdn{display:flex;justify-content:center;gap:clamp(8px,2vw,16px);flex-wrap:wrap}
.pbx-cdn span{display:flex;flex-direction:column;align-items:center;min-width:clamp(64px,10vw,92px);padding:14px 10px;border-radius:16px;background:color-mix(in srgb,var(--accent) 12%,var(--surface-2));border:1px solid color-mix(in srgb,var(--accent) 30%,var(--line))}
.pbx-cdn b{font-family:var(--font-display);font-size:clamp(1.8rem,4vw,2.8rem);line-height:1;color:var(--accent);font-variant-numeric:tabular-nums}.pbx-cdn small{margin-top:6px;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.pbx-cdd{font-size:1.6rem;color:var(--accent)}
.pbx-faq{display:flex;flex-direction:column;gap:8px}.pbx-faq details{border-radius:14px;background:var(--surface-2);border:1px solid var(--line);overflow:hidden}
.pbx-faq summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;cursor:pointer;font-weight:700;list-style:none}.pbx-faq summary::-webkit-details-marker{display:none}
.pbx-faq summary::after{content:"+";display:grid;place-items:center;width:26px;height:26px;flex:none;border-radius:50%;font-weight:800;color:var(--accent-fg);background:var(--accent);transition:transform .2s}.pbx-faq details[open] summary::after{transform:rotate(45deg)}
.pbx-faq p{margin:0;padding:0 16px 14px;color:var(--muted);line-height:1.65}
.pbx-gal{display:grid;grid-template-columns:repeat(var(--c,3),minmax(0,1fr));gap:10px}.pbx-gal a,.pbx-gal .pb-ph{display:block;aspect-ratio:4/3;overflow:hidden;border-radius:12px}.pbx-gal img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.pbx-gal a:hover img{transform:scale(1.06)}
.pbx-price{display:grid;grid-template-columns:repeat(var(--n,3),minmax(0,1fr));gap:14px;align-items:stretch}
.pbx-plan{position:relative;display:flex;flex-direction:column;gap:8px;padding:22px 18px;border-radius:18px;text-align:center;background:var(--surface-2);border:1px solid var(--line);transition:transform .25s}
.pbx-plan:hover{transform:translateY(-4px)}.pbx-plan.hot{border:2px solid var(--accent);box-shadow:0 22px 50px -26px var(--accent);transform:scale(1.03)}
.pbx-plan em{position:absolute;top:-12px;left:50%;transform:translateX(-50%);padding:4px 12px;border-radius:999px;font-style:normal;font-size:.68rem;font-weight:800;white-space:nowrap;color:var(--accent-fg);background:var(--accent)}
.pbx-plan h3{margin:4px 0 0;font-family:var(--font-display)}.pbx-plan>b{font-family:var(--font-display);font-size:1.7rem;color:var(--accent)}
.pbx-plan ul{list-style:none;margin:6px 0 10px;padding:0;display:flex;flex-direction:column;gap:6px;flex:1;text-align:left}.pbx-plan li{display:flex;gap:8px;font-size:.9rem}.pbx-plan li::before{content:"";flex:none;width:14px;height:14px;margin-top:.25em;background:var(--accent);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 6L9 17l-5-5' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 6L9 17l-5-5' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
.pbx-q{margin:0}.pbx-q blockquote{margin:0 0 14px;font-size:clamp(1.05rem,1.8vw,1.3rem);line-height:1.6;font-style:italic}
.pbx-q figcaption{display:flex;align-items:center;gap:10px}.pbx-q img{width:44px;height:44px;border-radius:10px;image-rendering:pixelated}.pbx-q span{display:flex;flex-direction:column}.pbx-q small{color:var(--muted)}
.pbx-div{height:4px;margin:6px auto;border-radius:4px}.pbx-div-line{height:1px;background:var(--line)}.pbx-div-gradient{background:linear-gradient(90deg,transparent,var(--grad-a,var(--accent)),var(--grad-b,#a855f7),transparent)}
.pbx-div-dots{height:8px;background:radial-gradient(circle,var(--accent) 3px,transparent 4px) 0 0/22px 8px repeat-x}
.pbx-div-wave{height:14px;background:linear-gradient(135deg,transparent 45%,var(--accent) 45% 55%,transparent 55%) 0 0/20px 14px,linear-gradient(45deg,transparent 45%,var(--accent) 45% 55%,transparent 55%) 10px 0/20px 14px}
.pbx-div-blocks{height:10px;background:repeating-linear-gradient(90deg,var(--accent) 0 10px,transparent 10px 20px)}
@media (max-width:760px){.pbx-price{grid-template-columns:1fr}.pbx-plan.hot{transform:none}.pbx-gal{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Haber yokken dolu görünen boş durum */
.news-empty{position:relative;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:stretch;gap:0;overflow:hidden;min-height:260px;border-radius:var(--radius,18px);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow,0 14px 34px -26px rgba(0,0,0,.5))}
.ne-art{position:relative;display:flex;flex-direction:column;justify-content:center;gap:12px;padding:24px;background:radial-gradient(260px 160px at 30% 30%,color-mix(in srgb,var(--accent) 22%,transparent),transparent 70%),linear-gradient(135deg,color-mix(in srgb,var(--accent) 10%,var(--surface-2)),var(--surface-2))}
.ne-art span{display:block;height:14px;border-radius:8px;background:linear-gradient(90deg,color-mix(in srgb,var(--fg) 10%,transparent),color-mix(in srgb,var(--fg) 22%,transparent),color-mix(in srgb,var(--fg) 10%,transparent));background-size:200% 100%;animation:neShimmer 2.2s linear infinite}
.ne-art span:nth-child(1){width:70%;height:90px;border-radius:14px}.ne-art span:nth-child(2){width:85%}.ne-art span:nth-child(3){width:55%}
@keyframes neShimmer{from{background-position:200% 0}to{background-position:-200% 0}}
.ne-b{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:8px;padding:26px}
.ne-ic{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;font-size:1.5rem;background:var(--accent-soft)}
.ne-b h3{margin:4px 0 0;font-family:var(--font-display);font-size:1.25rem}.ne-b p{margin:0 0 6px;color:var(--muted);line-height:1.6;font-size:.92rem}
.cols>.stack:first-child .news-empty,.pbx-news .news-empty{grid-column:1/-1}
@media (max-width:640px){.news-empty{grid-template-columns:1fr}.ne-art{min-height:130px}}
@media (prefers-reduced-motion:reduce){.ne-art span{animation:none}}
/* ===== Abonelik, hediye ve hediye kodu ===== */
.ck-form{display:flex;flex-direction:column;gap:10px}
.ck-who{display:flex;flex-direction:column;gap:6px}
.ck-opt{position:relative;display:block;cursor:pointer}
.ck-opt input{position:absolute;opacity:0;pointer-events:none}
.ck-opt span{display:flex;flex-direction:column;gap:1px;padding:10px 12px;border-radius:14px;border:1px solid var(--line);background:color-mix(in srgb,var(--surface-2) 55%,transparent);transition:border-color .2s,background .2s,transform .2s}
.ck-opt b{font-size:.88rem}.ck-opt small{font-size:.74rem;color:var(--muted)}
.ck-opt:hover span{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 40%,var(--line))}
.ck-opt input:checked+span{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}
.ck-opt input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}
.ck-to{display:flex;flex-direction:column;gap:6px}.ck-to label{font-size:.82rem;font-weight:700}
.ck-sub{margin:0;padding:9px 12px;border-radius:12px;font-size:.78rem;line-height:1.5;background:color-mix(in srgb,#3b82f6 12%,transparent);border:1px solid color-mix(in srgb,#3b82f6 35%,var(--line))}
.mk-t-sub{position:absolute;left:10px;bottom:10px;z-index:2;padding:3px 9px;border-radius:999px;font-size:.68rem;font-style:normal;font-weight:800;color:#fff;background:rgba(37,99,235,.88);box-shadow:0 6px 16px -8px #2563eb}
.mk-t-img{position:relative}
.pd-sub{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border-radius:16px;background:color-mix(in srgb,#3b82f6 10%,transparent);border:1px solid color-mix(in srgb,#3b82f6 35%,var(--line))}
.pd-sub>span{font-size:1.4rem}.pd-sub b{display:block;font-size:.92rem}.pd-sub small{display:block;margin-top:2px;font-size:.78rem;line-height:1.5;color:var(--muted)}
.pd-giftnote{padding:9px 12px;border-radius:12px;font-size:.8rem;color:var(--muted);background:color-mix(in srgb,#ec4899 8%,transparent);border:1px dashed color-mix(in srgb,#ec4899 40%,var(--line))}
.ac-subs,.ac-codes{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.ac-subs li,.ac-codes li{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;border:1px solid var(--line);background:color-mix(in srgb,var(--surface-2) 50%,transparent)}
.ac-subs li>div,.ac-codes li>div{flex:1;min-width:0;display:flex;flex-direction:column}.ac-subs small,.ac-codes small{font-size:.76rem;color:var(--muted)}
.ac-subs li.on{border-color:color-mix(in srgb,#22c55e 45%,var(--line))}
.ac-codes code{padding:4px 8px;border-radius:8px;font-size:.78rem;font-weight:800;letter-spacing:.04em;color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent)}
.ac-codes li.used{opacity:.6}.ac-codes li.used code{text-decoration:line-through}
.ac-redeem{display:flex;gap:8px}.ac-redeem .input{flex:1;text-transform:uppercase;letter-spacing:.05em}
/* ===== RexAI Destek ===== */
.msg.rxs-ai{background:linear-gradient(135deg,color-mix(in srgb,#a855f7 13%,var(--surface-2)),color-mix(in srgb,var(--accent) 9%,var(--surface-2)));border:1px solid color-mix(in srgb,#a855f7 26%,transparent)}
.msg .rxs-av{display:inline-grid;place-items:center;width:20px;height:20px;margin-right:6px;border-radius:7px;background:linear-gradient(135deg,#a855f7,#6366f1);color:#fff;font-size:.72rem;vertical-align:-4px}
.msg.rxs-ai b{color:var(--fg)}
.rxs-tag{font-weight:600}
.rxs-dots{display:inline-flex;gap:5px;padding:6px 0}
.rxs-dots i{width:7px;height:7px;border-radius:50%;background:#a855f7;opacity:.35;animation:rxsDot 1.2s infinite}
.rxs-dots i:nth-child(2){animation-delay:.2s}.rxs-dots i:nth-child(3){animation-delay:.4s}
@keyframes rxsDot{0%,80%,100%{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}
@media (prefers-reduced-motion:reduce){.rxs-dots i{animation:none;opacity:.7}}
.rxs-ask{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:12px 14px;border-radius:14px;background:var(--surface);border:1px dashed color-mix(in srgb,#a855f7 40%,var(--line))}
.rxs-ask span{flex:1 1 220px;font-weight:700}
.rxs-chip{white-space:nowrap}
.rxs-note{display:flex;align-items:baseline;gap:8px;padding:8px 12px;border-radius:10px;font-size:.84rem;color:var(--muted);background:var(--surface);border:1px dashed var(--line)}
.rxs-note>span{color:#a855f7;font-weight:800}.rxs-note small{margin-left:auto;white-space:nowrap}
.rxs-hero.on{background:radial-gradient(400px 200px at 100% 0,rgba(255,255,255,.2),transparent 70%),linear-gradient(135deg,#7c3aed,#a855f7 55%,#6366f1)}
.rxs-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0}
.rxs-kpis .pt-card{gap:2px;padding:16px 18px}.rxs-kpis small{color:var(--muted);font-weight:700}.rxs-kpis b{font-size:1.7rem;font-weight:800;font-variant-numeric:tabular-nums}.rxs-kpis span{font-size:.78rem}
.rxs-modes,.rxs-cats{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;border:0}
.rxs-modes legend,.rxs-cats legend{font-weight:700;margin-bottom:6px}
.rxs-modes label{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:14px;background:var(--surface-2);border:1px solid var(--line);cursor:pointer}
.rxs-modes label:has(input:checked){border-color:#a855f7}
.rxs-modes label>span{display:flex;flex-direction:column}
.rxs-cats{flex-direction:row;flex-wrap:wrap;gap:6px 14px}.rxs-cats small{flex-basis:100%}
.rxs-cats .chk{display:inline-flex;align-items:center;gap:6px;font-weight:600}
.rxs-rc{display:flex;align-items:center;gap:10px;padding:10px 0;border-top:1px solid var(--line);color:var(--fg);text-decoration:none}
.rxs-rc>span{flex:1;min-width:0;display:flex;flex-direction:column}.rxs-rc b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rxs-ho{color:var(--bad,#ef4444);font-weight:700}
.lg-lock{display:flex;align-items:center;gap:16px;margin-top:16px;padding:16px 18px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}
.lg-lock>div{flex:1;min-width:0}.lg-lock p{margin:4px 0 0}.lg-lock .ts-li{font-size:1.6rem}
@media (max-width:820px){.rxs-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.lg-lock{flex-direction:column;align-items:flex-start}}
.rxs-set>label:not(.pt-opt),.rxs-test>label{display:flex;flex-direction:column;gap:6px;font-weight:700}
.rxs-set>label small{font-weight:500}
.rxs-set>label input,.rxs-set>label textarea,.rxs-test>label select,.rxs-test>label textarea{width:100%;box-sizing:border-box}
.rxs-rc .chip{flex:none}
/* ===== Satış Analizi ===== */
.an-head{align-items:flex-end}
.an-tools{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.an-tools .sx-filter a.on{background:var(--accent);border-color:var(--accent);color:#fff}
.an-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:16px 0}
.an-k{display:flex;flex-direction:column;gap:3px;padding:16px 18px;border-radius:18px;background:var(--surface);border:1px solid var(--line)}
.an-k small{color:var(--muted);font-weight:700}
.an-k b{font-size:1.45rem;font-weight:800;font-variant-numeric:tabular-nums;color:var(--fg);line-height:1.2;overflow-wrap:anywhere}
.an-k.main b{font-size:1.7rem}
.an-k>span.muted{font-size:.78rem}
.an-d{align-self:flex-start;padding:2px 8px;border-radius:999px;font-size:.74rem;font-weight:800;color:var(--muted);background:var(--surface-2)}
.an-d.up{color:var(--good,#16a34a);background:color-mix(in srgb,var(--good,#22c55e) 14%,transparent)}
.an-d.down{color:var(--bad,#dc2626);background:color-mix(in srgb,var(--bad,#ef4444) 14%,transparent)}
.an-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:16px;margin-bottom:16px;align-items:start}
.an-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.an-svg{position:relative}
.an-svg svg{display:block;width:100%;height:auto;overflow:visible}
.an-gl{stroke:var(--line);stroke-width:1;stroke-dasharray:2 4}
.an-base{stroke:color-mix(in srgb,var(--muted) 45%,transparent);stroke-width:1}
.an-ax{fill:var(--muted);font-size:11px;font-variant-numeric:tabular-nums}
.an-b path{fill:var(--accent);transition:opacity .12s}
.an-hit{fill:transparent}
.an-svg:hover .an-b path{opacity:.45}.an-svg .an-b.on path{opacity:1}
.an-b.on .an-hit{fill:color-mix(in srgb,var(--fg) 5%,transparent)}
.an-tip{position:absolute;z-index:5;pointer-events:none;display:flex;flex-direction:column;gap:1px;padding:8px 11px;border-radius:10px;background:var(--surface);border:1px solid var(--line);box-shadow:0 12px 30px -12px rgba(0,0,0,.55);font-size:.8rem;color:var(--muted);white-space:nowrap}
.an-tip b{color:var(--fg);font-size:.95rem;font-variant-numeric:tabular-nums}
.an-tip small{color:var(--muted);font-weight:700}
.an-empty{display:grid;place-items:center;text-align:center;min-height:200px;padding:20px;border:1px dashed var(--line);border-radius:14px}
.an-empty p{margin:4px 0 0}
.an-notes{display:flex;flex-direction:column;gap:6px;margin:4px 0 0;padding:12px 0 0;list-style:none;border-top:1px solid var(--line);font-size:.88rem;color:var(--muted)}
.an-notes b{color:var(--fg)}
.an-row{display:flex;flex-direction:column;gap:4px;padding:6px 0}
.an-rl{display:flex;justify-content:space-between;gap:10px;font-size:.9rem}.an-rl b{font-variant-numeric:tabular-nums}
.an-row small{font-size:.75rem}
.an-bar{display:block;height:8px;border-radius:999px;background:var(--surface-2);overflow:hidden}
.an-bar i{display:block;height:100%;border-radius:999px;background:var(--accent)}
.an-bar.sm{height:4px;margin-top:5px}
.an-sub{margin-top:10px}
.an-hours{position:relative;display:grid;grid-template-columns:repeat(24,1fr);gap:2px;align-items:end;height:90px;padding-bottom:1px;border-bottom:1px solid color-mix(in srgb,var(--muted) 45%,transparent)}
.an-h{display:flex;align-items:flex-end;height:100%;cursor:default}
.an-h i{display:block;width:100%;border-radius:3px 3px 0 0;background:var(--accent);opacity:.85}
.an-h.z i{background:var(--line);opacity:1}
.an-hours:hover .an-h i{opacity:.45}.an-hours .an-h.on i{opacity:1}
.an-hx{display:flex;justify-content:space-between;margin-top:4px;font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}
.an-t{width:100%;border-collapse:collapse;font-size:.9rem}
.an-t th{text-align:left;font-size:.74rem;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;padding:0 8px 8px 0;border-bottom:1px solid var(--line)}
.an-t th+th,.an-t td+td{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.an-t td{padding:9px 8px 9px 0;border-bottom:1px solid var(--line);vertical-align:middle}
.an-t tr:last-child td{border-bottom:0}
.an-t{table-layout:fixed;min-width:0!important}.an-t th:first-child{width:auto}.an-t th+th{width:74px}.an-t th:last-child{width:96px}
.an-c{display:flex;align-items:center;gap:10px;min-width:0}
.an-rk{flex:none;display:grid;place-items:center;width:22px;height:22px;border-radius:7px;background:var(--surface-2);font-size:.72rem;font-weight:800;color:var(--muted)}
.an-nm{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.an-av{width:24px;height:24px;border-radius:6px;flex:none}
@media (max-width:1180px){.an-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.an-grid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:760px){.an-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.an-k.main{grid-column:1/-1}.an-grid.two{grid-template-columns:minmax(0,1fr)}}
.an-tip[hidden]{display:none}
@media (max-width:760px){.an-svg{overflow-x:auto;-webkit-overflow-scrolling:touch}.an-svg svg{min-width:560px}}
.rxs-note .rxs-nt b{font-weight:700;color:var(--fg)}
/* ===== Destek talebi: sohbet görünümü ===== */
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.tkc-page{max-width:1180px}
.tkc-back{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:.88rem;color:var(--muted);text-decoration:none}
.tkc-back:hover{color:var(--accent)}
.tkc-head{position:relative;display:grid;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:16px;padding:20px 22px;border-radius:22px;background:var(--surface);border:1px solid var(--line);overflow:hidden;margin-top:6px}
.tkc-head::before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--accent)}
.tkc-head.answered::before{background:var(--good,#22c55e)}.tkc-head.closed::before{background:var(--line)}
.tkc-head::after{content:"";position:absolute;right:-60px;top:-80px;width:260px;height:220px;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--accent) 16%,transparent),transparent);pointer-events:none}
.tkc-ic{display:grid;place-items:center;width:56px;height:56px;border-radius:17px;font-size:1.6rem;background:color-mix(in srgb,var(--accent) 13%,var(--surface-2));border:1px solid color-mix(in srgb,var(--accent) 22%,transparent)}
.tkc-ht{display:flex;flex-direction:column;gap:5px;min-width:0}
.tkc-k{font-size:.78rem;font-weight:700;color:var(--muted)}.tkc-k b{color:var(--accent)}
.tkc-head h2{margin:0;font-size:clamp(1.25rem,2.4vw,1.6rem);line-height:1.2;overflow-wrap:anywhere}
.tkc-chips{display:flex;flex-wrap:wrap;gap:6px}
.tkc-ha{position:relative;z-index:1;margin:0}
.tkc-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;align-items:start;margin-top:16px}
.tkc-chat{display:flex;flex-direction:column;border-radius:22px;background:var(--surface);border:1px solid var(--line);overflow:hidden;box-shadow:0 24px 50px -40px rgba(0,0,0,.6)}
.tkc-thread{display:flex;flex-direction:column;padding:18px 20px 22px;max-height:min(68vh,760px);min-height:220px;overflow-y:auto;overscroll-behavior:contain;scroll-behavior:smooth;
  background:radial-gradient(circle at 1px 1px,color-mix(in srgb,var(--fg) 6%,transparent) 1px,transparent 0) 0 0/22px 22px}
.tkc-day{position:sticky;top:-18px;z-index:2;display:flex;justify-content:center;margin:14px 0 4px;pointer-events:none}
.tkc-day:first-child{margin-top:0}
.tkc-day span{padding:4px 12px;border-radius:999px;font-size:.72rem;font-weight:800;letter-spacing:.02em;color:var(--muted);background:var(--surface);border:1px solid var(--line);box-shadow:0 6px 14px -10px rgba(0,0,0,.5)}
.tkc-row{display:flex;align-items:flex-start;gap:10px;max-width:min(640px,88%);margin-top:14px;animation:tkcIn .25s ease both}
.tkc-row.cont{margin-top:3px}
.tkc-row.me{align-self:flex-end;flex-direction:row-reverse}
@keyframes tkcIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.tkc-row{animation:none}.tkc-thread{scroll-behavior:auto}}
.tkc-av{position:relative;flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:12px;overflow:hidden;background:var(--surface-2);box-shadow:0 0 0 2px var(--surface),0 6px 14px -8px rgba(0,0,0,.6)}
.tkc-av svg,.tkc-av img{position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated}
.tkc-av.staff{box-shadow:0 0 0 2px var(--surface),0 0 0 4px color-mix(in srgb,var(--accent) 60%,transparent)}
.tkc-av.bot{color:#fff;font-size:1.05rem;background:linear-gradient(135deg,#a855f7,#6366f1)}
.tkc-row.cont .tkc-av{visibility:hidden;height:1px}
.tkc-b{display:flex;flex-direction:column;gap:4px;min-width:0}
.tkc-row.me .tkc-b{align-items:flex-end}
.tkc-who{display:flex;align-items:center;gap:7px;padding:0 4px;font-size:.8rem}
.tkc-who b{color:var(--fg)}
.tkc-role{padding:1px 8px;border-radius:999px;font-size:.68rem;font-weight:800;color:var(--accent);background:color-mix(in srgb,var(--accent) 13%,transparent)}
.tkc-row.bot .tkc-role{color:#a855f7;background:color-mix(in srgb,#a855f7 14%,transparent)}
.tkc-row.player .tkc-role{color:var(--muted);background:var(--surface-2)}
.tkc-bub{padding:11px 15px;border-radius:18px;border-top-left-radius:6px;background:var(--surface-2);color:var(--fg);line-height:1.6;font-size:.95rem;white-space:pre-wrap;overflow-wrap:anywhere;border:1px solid color-mix(in srgb,var(--fg) 5%,transparent)}
.tkc-row.cont:not(.me) .tkc-bub{border-top-left-radius:18px;border-bottom-left-radius:6px}
.tkc-row.me .tkc-bub{border-top-left-radius:18px;border-top-right-radius:6px}
.tkc-row.me.cont .tkc-bub{border-top-right-radius:18px;border-bottom-right-radius:6px}
.tkc-row.me:not(.bot) .tkc-bub{background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 78%,#000));color:var(--accent-fg,#fff);border-color:transparent;box-shadow:0 10px 22px -16px var(--accent)}
.tkc-row.staff:not(.me) .tkc-bub{background:color-mix(in srgb,var(--accent) 10%,var(--surface-2));border-color:color-mix(in srgb,var(--accent) 24%,transparent)}
.tkc-row.bot .tkc-bub{background:linear-gradient(135deg,color-mix(in srgb,#a855f7 15%,var(--surface-2)),color-mix(in srgb,#6366f1 10%,var(--surface-2)));border-color:color-mix(in srgb,#a855f7 30%,transparent)}
.tkc-bub a{color:inherit;text-decoration:underline;text-underline-offset:2px;word-break:break-all}
.tkc-row:not(.me) .tkc-bub a,.tkc-row.bot .tkc-bub a{color:var(--accent)}
.tkc-time{padding:0 6px;font-size:.68rem;font-weight:600;color:var(--muted);opacity:0;transition:opacity .15s;font-variant-numeric:tabular-nums}
.tkc-row:hover .tkc-time,.tkc-row:last-of-type .tkc-time,.tkc-row:has(+ .tkc-day) .tkc-time,.tkc-row:has(+ .tkc-note) .tkc-time,.tkc-row:has(+ .tkc-fb) .tkc-time,.tkc-row:has(+ .tkc-row:not(.cont)) .tkc-time{opacity:1}
@media (hover:none){.tkc-time{opacity:1}}
.tkc-typing{padding:12px 16px}
.tkc-note{align-self:center;display:flex;align-items:center;gap:8px;max-width:92%;margin:12px 0 2px;padding:7px 14px;border-radius:999px;font-size:.78rem;color:var(--muted);background:var(--surface);border:1px dashed color-mix(in srgb,#a855f7 40%,var(--line))}
.tkc-note b{color:var(--fg);font-weight:700}.tkc-ni{color:#a855f7;font-weight:800}
.tkc-note time{font-size:.68rem;opacity:.8;font-variant-numeric:tabular-nums}
.tkc-fb{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:8px 0 0 48px;max-width:min(600px,calc(100% - 48px));padding:12px 14px;border-radius:16px;background:var(--surface);border:1px dashed color-mix(in srgb,#a855f7 45%,var(--line))}
.tkc-fb>span{flex:1 1 180px;font-weight:700;font-size:.9rem}
.tkc-fb>div{display:flex;flex-wrap:wrap;gap:6px}
.tkc-comp{display:flex;flex-direction:column;gap:8px;margin:0;padding:12px 14px 12px;border-top:1px solid var(--line);background:color-mix(in srgb,var(--surface-2) 45%,var(--surface));transition:background .15s}
.tkc-comp:focus-within{background:var(--surface)}
.tkc-comp textarea{display:block;width:100%;box-sizing:border-box;min-height:56px;max-height:320px;resize:none;margin:0;padding:12px 14px;border-radius:14px;border:1px solid var(--line);background:var(--surface);color:var(--fg);font:inherit;font-size:.95rem;line-height:1.55;box-shadow:none;transition:border-color .15s,box-shadow .15s}
.tkc-comp textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 16%,transparent)}
.tkc-cf{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.tkc-cf>small{flex:1 1 auto;font-size:.74rem}
.tkc-cf kbd{padding:1px 6px;border-radius:5px;border:1px solid var(--line);border-bottom-width:2px;background:var(--surface);font:inherit;font-size:.7rem;font-weight:700}
.tkc-count{font-size:.72rem;font-variant-numeric:tabular-nums}.tkc-count.warn{color:var(--bad,#ef4444);font-weight:800}
.tkc-send{display:inline-flex;align-items:center;gap:8px}
.tkc-send.busy svg{animation:tkcFly .7s ease-in-out infinite alternate}
@keyframes tkcFly{to{transform:translate(3px,-3px)}}
.tkc-quick{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px;scrollbar-width:thin}
.tkc-quick button{flex:none;padding:5px 11px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--fg);font:inherit;font-size:.76rem;font-weight:600;cursor:pointer;transition:border-color .15s,color .15s}
.tkc-quick button:hover{border-color:var(--accent);color:var(--accent)}
.tkc-draft{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 12px;border-radius:12px;background:color-mix(in srgb,#a855f7 12%,transparent);border:1px solid color-mix(in srgb,#a855f7 30%,transparent);font-size:.84rem}
.tkc-draft .rxs-av{margin:0}
.tkc-comp.has-draft textarea{border-color:color-mix(in srgb,#a855f7 50%,var(--line))}
.tkc-closed{display:flex;align-items:center;gap:12px;padding:16px 18px;border-top:1px solid var(--line);background:color-mix(in srgb,var(--surface-2) 45%,var(--surface))}
.tkc-closed>span{font-size:1.4rem}.tkc-closed>div{flex:1;display:flex;flex-direction:column}
.tkc-side{display:flex;flex-direction:column;gap:14px;position:sticky;top:90px}
.tkc-card{display:flex;flex-direction:column;gap:12px;padding:18px;border-radius:20px;background:var(--surface);border:1px solid var(--line)}
.tkc-card h3{margin:0;font-size:.95rem}
.tkc-dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:9px 12px;margin:0;font-size:.86rem}
.tkc-dl dt{color:var(--muted);font-weight:600}.tkc-dl dd{margin:0;text-align:right;font-weight:700;overflow-wrap:anywhere}
.tkc-tips ul{display:flex;flex-direction:column;gap:7px;margin:0;padding:0;list-style:none;font-size:.86rem;color:var(--muted)}
.tkc-tips li{display:flex;gap:8px}.tkc-tips li::before{content:"";flex:none;width:14px;height:14px;margin-top:.25em;background:var(--good,#22c55e);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 6L9 17l-5-5' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 6L9 17l-5-5' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
.tkc-pl{display:flex;align-items:center;gap:12px}.tkc-pl .tkc-av{width:48px;height:48px;border-radius:14px}
.tkc-pl>div{display:flex;flex-direction:column;min-width:0}.tkc-pl b{font-size:1.05rem}.tkc-pl small{font-size:.76rem}
.tkc-ord{display:flex;flex-direction:column;gap:4px;padding-top:10px;border-top:1px solid var(--line)}
.tkc-ord a{display:grid;grid-template-columns:auto 1fr auto;gap:8px;padding:5px 0;font-size:.84rem;color:var(--fg);text-decoration:none}
.tkc-ord a:hover b{color:var(--accent)}.tkc-ord a span:first-child{font-weight:800}
.tkc-player .btn{align-self:stretch;justify-content:center;text-align:center}
@media (max-width:980px){.tkc-grid{grid-template-columns:minmax(0,1fr)}.tkc-side{position:static}}
@media (max-width:640px){
  .tkc-head{grid-template-columns:44px minmax(0,1fr);padding:16px}.tkc-ic{width:44px;height:44px;font-size:1.3rem;border-radius:14px}
  .tkc-ha{grid-column:1/-1}.tkc-ha .btn{width:100%;justify-content:center}
  .tkc-thread{padding:14px 12px 18px;max-height:none}
  .tkc-row{max-width:94%}.tkc-av{width:32px;height:32px;border-radius:10px}
  .tkc-fb{margin-left:0;max-width:100%}
  .tkc-cf>small{display:none}.tkc-cf{justify-content:flex-end}
}
.tkc-thread>*{flex-shrink:0}
.tkc-row:not(.me){align-self:flex-start}
.tkc-thread{max-height:max(340px,calc(100vh - 430px))}.adm2 .tkc-thread{max-height:max(340px,calc(100vh - 400px))}@media (max-width:640px){.tkc-thread{max-height:none}}

/* ===== Sunucu Paneli (admin) ===== */
.sp-head{align-items:flex-end}
.sp-back{display:inline-block;font-size:.85rem;color:var(--muted);margin-bottom:6px;text-decoration:none}
.sp-back:hover{color:var(--accent)}
.sp-head h2{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0}
.sp-ic{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--surface-2);font-size:1.2rem}
.sp-st{display:inline-flex;align-items:center;gap:7px;font-size:.8rem;font-weight:700;padding:5px 11px;border-radius:999px;background:var(--surface-2);color:var(--muted)}
.sp-st.on{color:#16a34a;background:color-mix(in srgb,#16a34a 12%,transparent)}
.sp-st b{font-weight:700}
.sp-tabs{display:flex;gap:4px;padding:4px;border-radius:14px;background:var(--surface-2);border:1px solid var(--line)}
.sp-tabs button{border:0;background:transparent;color:var(--muted);font:600 .9rem/1 inherit;padding:10px 16px;border-radius:10px;cursor:pointer;display:inline-flex;align-items:center;gap:6px}
.sp-tabs button.on{background:var(--surface);color:var(--fg);box-shadow:0 4px 14px -8px rgba(0,0,0,.4)}
.sp-n{font-size:.72rem;padding:2px 7px;border-radius:999px;background:var(--accent-soft);color:var(--accent)}
.sp-note{margin-top:16px;padding:14px 18px;border-radius:16px;border:1px solid var(--line);background:var(--surface);display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.sp-note.warn{border-color:color-mix(in srgb,#f59e0b 45%,var(--line));background:color-mix(in srgb,#f59e0b 8%,var(--surface))}
.sp-note p{margin:0;color:var(--muted);font-size:.9rem}
.sp-pane{display:none;margin-top:18px}
.sp-pane.on{display:block}
.sp-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.sp-kpi{padding:18px 20px;border-radius:18px;background:var(--surface);border:1px solid var(--line);display:flex;flex-direction:column;gap:6px;min-width:0}
.sp-kpi small{color:var(--muted);font-weight:700;font-size:.75rem;letter-spacing:.05em;text-transform:uppercase}
.sp-kpi b{font-size:1.8rem;font-weight:800;letter-spacing:-.02em;line-height:1.05;font-variant-numeric:tabular-nums}
.sp-kpi span{color:var(--muted);font-size:.82rem;font-variant-numeric:tabular-nums}
.sp-bar{height:6px;border-radius:999px;background:var(--surface-2);overflow:hidden}
.sp-bar i{display:block;height:100%;width:0;border-radius:999px;background:var(--accent);transition:width .6s ease}
.sp-bar i.warn{background:#f59e0b}.sp-bar i.bad{background:#ef4444}
.sp-charts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:14px}
.sp-chart{margin:0;padding:14px 16px 10px;border-radius:18px;background:var(--surface);border:1px solid var(--line);min-width:0}
.sp-chart figcaption{display:flex;align-items:baseline;gap:8px;margin-bottom:6px}
.sp-chart figcaption span{color:var(--muted);font-size:.8rem}
.sp-svg{position:relative}
.sp-svg svg{display:block;overflow:visible}
.sp-svg .gl{stroke:var(--line);stroke-width:1}
.sp-svg .ax{fill:var(--muted);font-size:10px;font-family:inherit}
.sp-svg .ln{fill:none;stroke:var(--accent);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.sp-svg .ar{fill:var(--accent);opacity:.12}
.sp-svg .hx{stroke:var(--muted);stroke-width:1;stroke-dasharray:3 3}
.sp-svg .hd{fill:var(--accent);stroke:var(--surface);stroke-width:2}
.sp-tip{position:absolute;top:-4px;padding:4px 8px;border-radius:8px;background:var(--fg);color:var(--surface);font-size:.75rem;white-space:nowrap;pointer-events:none}
.sp-nodata{display:grid;place-items:center;min-height:120px;color:var(--muted);font-size:.88rem;border:1px dashed var(--line);border-radius:12px}
.sp-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:14px;border-radius:18px;overflow:hidden;border:1px solid var(--line);background:var(--line)}
.sp-facts div{background:var(--surface);padding:14px 18px;display:flex;flex-direction:column;gap:4px;min-width:0}
.sp-facts small{color:var(--muted);font-size:.78rem}
.sp-facts b{font-size:.98rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums}
.sp-con{border-radius:18px;overflow:hidden;border:1px solid #1e293b;background:#0b1120}
.sp-con-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 12px;background:#111a2e;border-bottom:1px solid #1e293b}
.sp-con-bar input[type=search]{flex:1 1 200px;min-width:0;background:#0b1120;border:1px solid #243049;color:#e2e8f0;border-radius:10px;padding:8px 12px}
.sp-con-bar .btn.soft{background:#1a2440;color:#cbd5e1;border-color:#243049}
.sp-chk{display:inline-flex;align-items:center;gap:6px;color:#94a3b8;font-size:.82rem;white-space:nowrap}
.sp-live{display:inline-flex;align-items:center;gap:6px;color:#4ade80;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.sp-live i{width:8px;height:8px;border-radius:50%;background:#4ade80;box-shadow:0 0 0 0 rgba(74,222,128,.6);animation:spPulse 1.6s infinite}
.sp-live.off{color:#94a3b8}.sp-live.off i{background:#94a3b8;animation:none}
@keyframes spPulse{70%{box-shadow:0 0 0 7px rgba(74,222,128,0)}100%{box-shadow:0 0 0 0 rgba(74,222,128,0)}}
.sp-term{height:min(62vh,560px);overflow:auto;padding:10px 0;font:12.5px/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#cbd5e1}
.sp-term .ln{display:grid;grid-template-columns:62px 54px 1fr;gap:8px;padding:1px 14px;white-space:pre-wrap;word-break:break-word}
.sp-term .ln:hover{background:#111a2e}
.sp-term .t{color:#475569}
.sp-term .lv{color:#64748b;font-size:11px}
.sp-term .ln.w .lv,.sp-term .ln.w .m{color:#fbbf24}
.sp-term .ln.e .lv,.sp-term .ln.e .m{color:#f87171}
.sp-term .ln[data-l=PANEL] .m{color:#7dd3fc}
.sp-term .sp-empty{padding:30px 16px;color:#64748b;text-align:center;font-family:inherit}
.sp-cmd{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#111a2e;border-top:1px solid #1e293b}
.sp-cmd span{color:#4ade80;font:700 14px ui-monospace,monospace}
.sp-cmd input{flex:1;min-width:0;background:transparent;border:0;outline:0;color:#e2e8f0;font:13px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;padding:6px 0}
.sp-cmd input::placeholder{color:#475569}
.sp-hint{margin:8px 2px 0}
.sp-pl-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.sp-pl-bar input{flex:1 1 220px;min-width:0}
.sp-pl{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}
.sp-pi{display:flex;flex-direction:column;gap:8px;padding:14px 16px;border-radius:16px;background:var(--surface);border:1px solid var(--line);transition:opacity .2s}
.sp-pi.off{opacity:.62}
.sp-pi.busy{opacity:.5;pointer-events:none}
.sp-pi-h{display:flex;align-items:center;gap:10px}
.sp-pi-h>div{flex:1;min-width:0}
.sp-pi-h b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sp-pi-h small{display:block;color:var(--muted);font-size:.78rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sp-pi-ic{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:10px;background:var(--accent-soft);color:var(--accent);font-weight:800}
.sp-pi p{margin:0;color:var(--muted);font-size:.84rem;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sp-pi-f{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto}
.sp-sw{position:relative;flex:none;width:40px;height:22px;cursor:pointer}
.sp-sw input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}
.sp-sw i{position:absolute;inset:0;border-radius:999px;background:var(--surface-2);border:1px solid var(--line);transition:.2s}
.sp-sw i::after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.3);transition:.2s}
.sp-sw input:checked+i{background:#16a34a;border-color:#16a34a}
.sp-sw input:checked+i::after{transform:translateX(18px)}
.sp-sw input:disabled+i{opacity:.5}
.sp-sw input:focus-visible+i{outline:2px solid var(--accent);outline-offset:2px}
.sp-ed{width:min(980px,calc(100vw - 24px))}
.sp-ed-in{display:flex;flex-direction:column;gap:12px;padding:18px 20px 20px}
.sp-ed-files{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.sp-ed-files select{flex:1 1 260px;min-width:0}
.sp-ed textarea{width:100%;height:min(58vh,520px);resize:vertical;font:12.5px/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:#0b1120;color:#e2e8f0;border:1px solid #1e293b;border-radius:12px;padding:12px 14px;tab-size:2;white-space:pre}
.sp-ed-after input{width:100%;font-family:ui-monospace,monospace}
.sp-ed .sx-df{align-items:center}
.sp-ed-msg{flex:1;font-size:.85rem;color:var(--muted)}
.sp-ed-msg.ok{color:#16a34a}.sp-ed-msg.bad{color:#ef4444}
.sv-mini{display:flex;gap:14px;flex-wrap:wrap;font-size:.8rem;color:var(--muted);font-variant-numeric:tabular-nums}
.sv-mini b{color:var(--fg)}
@media (max-width:1100px){.sp-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.sp-charts{grid-template-columns:1fr}.sp-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.sp-tabs{width:100%}.sp-tabs button{flex:1;justify-content:center;padding:10px 8px}.sp-kpi b{font-size:1.4rem}.sp-facts{grid-template-columns:1fr}.sp-term .ln{grid-template-columns:54px 1fr}.sp-term .lv{display:none}}
.sv-act{gap:8px;flex-wrap:wrap}.sv-act>.btn:first-child{margin-right:auto}
.sp-pl-bar input,.sp-ed-files select,.sp-ed-after input{background:var(--surface-2);border:1px solid var(--line);color:var(--fg);border-radius:12px;padding:10px 14px;font:inherit;font-size:.92rem}
.sp-ed-after input{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.85rem}
.sp-pl-bar input:focus,.sp-ed-files select:focus,.sp-ed-after input:focus{outline:2px solid color-mix(in srgb,var(--accent) 45%,transparent);outline-offset:1px}
.sp-pane[data-pane=pl]>p.muted{margin-top:14px}

/* ===== Sunucu Listesi (admin) ===== */
.sl-adm{display:flex;flex-direction:column;gap:18px;margin-top:16px}
.sl-adm-tg{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:14px;background:var(--surface-2);border:1px solid var(--line);cursor:pointer}
.sl-adm-tg input{width:18px;height:18px;margin-top:2px;accent-color:#16a34a}
.sl-adm-tg span{display:flex;flex-direction:column;gap:2px}
.sl-adm-tg small{color:var(--muted)}
.sl-adm-tags{display:flex;flex-wrap:wrap;gap:8px}
.sl-adm-tags label{cursor:pointer}
.sl-adm-tags input{position:absolute;opacity:0;pointer-events:none}
.sl-adm-tags span{display:inline-block;padding:7px 13px;border-radius:999px;border:1px solid var(--line);background:var(--surface-2);font-size:.86rem;font-weight:600;transition:.15s}
.sl-adm-tags input:checked+span{background:#16a34a;border-color:#16a34a;color:#fff}
.sl-adm-tags input:disabled+span{opacity:.45;cursor:not-allowed}
.sl-adm-tags input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}
.sl-adm-note{padding:14px 16px;border-radius:14px;border:1px dashed var(--line)}
.sl-adm-note p{margin:6px 0 10px}
.sv-cfg-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.sv-cfg-row code{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:8px 10px;border-radius:10px;background:var(--surface-2);font-size:.82rem}

/* ---------- Sezon Bileti (Battle Pass) ---------- */
.bp-page{--bp:var(--accent);display:flex;flex-direction:column;gap:20px;min-width:0;width:100%;max-width:100%;box-sizing:border-box}
.bp-page *{box-sizing:border-box}.bp-trackw,.bp-grid,.bp-card,.bp-hero{min-width:0;max-width:100%}
.bp-coin{width:1em;height:1em;display:inline-block;vertical-align:middle}
.bp-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:60px 20px;text-align:center;border:1px dashed var(--line);border-radius:24px;background:var(--surface)}
.bp-empty span{font-size:3rem}.bp-empty h2{margin:0}
.bp-hero{position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:flex-end;gap:18px;flex-wrap:wrap;padding:28px 30px;border-radius:26px;color:#fff;
  background:radial-gradient(500px 260px at 100% 0,rgba(255,255,255,.18),transparent 70%),linear-gradient(135deg,color-mix(in srgb,var(--bp) 70%,#1e1b4b),color-mix(in srgb,var(--bp) 85%,#000) 60%,#0f0a1f)}
.bp-hl{display:flex;flex-direction:column;gap:6px;min-width:0}
.bp-k{align-self:flex-start;padding:5px 12px;border-radius:999px;font-size:.78rem;font-weight:800;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.25);color:#fff}
.bp-hero h2{margin:4px 0 0;color:#fff!important;-webkit-text-fill-color:#fff;font-size:clamp(1.8rem,3.4vw,2.6rem);font-weight:900;font-family:var(--font-display,inherit)}
.bp-hero p{margin:0;opacity:.9;max-width:56ch;color:#fff!important}
.bp-meta{display:flex;flex-wrap:wrap;gap:8px}
.bp-meta span{padding:7px 12px;border-radius:12px;font-size:.85rem;color:#fff;background:rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.16)}
.bp-meta b,.bp-thead b[data-bpcd]{font-variant-numeric:tabular-nums}
.bp-thead{margin:0}.bp-page.bp-kit{padding-top:0}
/* İlerleme kartı (temanın yüzey renkleriyle) */
.bp-me{position:relative;overflow:hidden;display:grid;grid-template-columns:auto minmax(0,1fr) minmax(220px,auto);gap:22px;align-items:center;padding:20px 24px;border-radius:24px;
  background:linear-gradient(120deg,color-mix(in srgb,var(--bp) 10%,var(--surface)),var(--surface) 60%);border:1px solid color-mix(in srgb,var(--bp) 25%,var(--line));color:var(--fg)}
.bp-me::before{content:"";position:absolute;right:-60px;top:-80px;width:260px;height:260px;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--bp) 22%,transparent),transparent);pointer-events:none}
.bp-lv{position:relative;display:grid;place-items:center;align-content:center;width:88px;height:96px;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);text-align:center;
  background:linear-gradient(160deg,color-mix(in srgb,var(--bp) 55%,#fff),var(--bp) 55%,color-mix(in srgb,var(--bp) 70%,#000));color:var(--accent-fg,#fff)}
.bp-lv small{font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;opacity:.9}.bp-lv b{font-size:2rem;line-height:1;font-weight:900}.bp-lv i{font-style:normal;font-size:.7rem;font-weight:700;opacity:.8}
.bp-lv,.bp-lv b,.bp-lv small,.bp-lv i{color:var(--accent-fg,#fff)!important}
.bp-mb{position:relative;display:flex;flex-direction:column;gap:9px;min-width:0}
.bp-xpl{display:flex;justify-content:space-between;gap:10px;font-size:.88rem;font-weight:800}
.bp-xpl span:last-child{color:var(--muted)}
.bp-bar{height:14px;border-radius:99px;background:color-mix(in srgb,var(--fg) 10%,transparent);overflow:hidden}
.bp-bar i{display:block;height:100%;min-width:14px;border-radius:99px;background:linear-gradient(90deg,color-mix(in srgb,var(--bp) 70%,#fff),var(--bp));box-shadow:0 0 14px color-mix(in srgb,var(--bp) 60%,transparent);position:relative;overflow:hidden}
.bp-bar i::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);transform:translateX(-100%);animation:bp-sh 2.4s infinite}
@keyframes bp-sh{to{transform:translateX(100%)}}
.bp-chips{display:flex;flex-wrap:wrap;gap:6px}
.bp-chip{padding:4px 10px;border-radius:999px;font-size:.75rem;font-weight:700;background:color-mix(in srgb,var(--fg) 8%,transparent);color:var(--fg)}
.bp-chip.prem{color:#fff;background:linear-gradient(135deg,#8b5cf6,#ec4899)}
.bp-act{position:relative;display:flex;flex-direction:column;gap:6px;align-items:stretch}
.bp-pok{align-items:center;text-align:center;padding:10px 14px;border-radius:16px;background:linear-gradient(135deg,color-mix(in srgb,#8b5cf6 16%,transparent),color-mix(in srgb,#ec4899 12%,transparent));border:1px solid color-mix(in srgb,#a855f7 40%,var(--line))}
.bp-pok span{font-size:1.4rem}.bp-pok b{font-size:.92rem}
.bp-btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;width:100%;padding:13px 20px;border:0;border-radius:14px;cursor:pointer;font:inherit;font-weight:800;font-size:.95rem;text-decoration:none!important;
  color:var(--accent-fg,#fff)!important;background:var(--bp);box-shadow:0 12px 26px -14px var(--bp);transition:transform .15s,filter .15s}
.bp-btn:hover{transform:translateY(-2px);filter:brightness(1.06)}
.bp-btn.prem{color:#fff!important;background:linear-gradient(135deg,#8b5cf6,#ec4899);box-shadow:0 14px 30px -12px #ec4899;animation:bp-glow 2.4s infinite}
@keyframes bp-glow{50%{box-shadow:0 14px 40px -8px #ec4899,0 0 0 4px rgba(236,72,153,.18)}}
.bp-btn.sm{width:auto;padding:9px 16px;font-size:.88rem;border-radius:12px}
.bp-note{color:var(--muted);font-size:.78rem;text-align:center}
/* Ödül yolu */
.bp-trackw{display:flex;flex-direction:column;gap:16px;padding:22px 22px 20px;border-radius:24px;background:var(--surface);border:1px solid var(--line);color:var(--fg)}
.bp-th{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.bp-th h3{margin:0;font-size:1.2rem}.bp-prog{display:block;margin-top:2px;font-size:.82rem;color:var(--muted)}.bp-prog b{color:var(--bp)}
.bp-tha{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.bp-tha form{margin:0}
.bp-skip{display:flex;align-items:center;border:1px solid var(--line);border-radius:12px;background:var(--surface-2);overflow:hidden}
.bp-skip select{min-height:38px;padding:0 10px;border:0;background:transparent;color:var(--fg);font:inherit;font-size:.86rem;outline:0}
.bp-skip select option{background:var(--surface);color:var(--fg)}
.bp-sbtn{min-height:38px;padding:0 14px;border:0;border-left:1px solid var(--line);background:transparent;color:var(--fg);font:inherit;font-weight:800;font-size:.86rem;cursor:pointer;white-space:nowrap}
.bp-sbtn:hover{background:color-mix(in srgb,var(--bp) 14%,transparent)}
.bp-tw{position:relative;display:grid;grid-template-columns:64px minmax(0,1fr);gap:10px}
.bp-rowh{display:grid;grid-template-rows:166px 166px 36px;gap:10px}
.bp-rl{display:grid;place-items:center;border-radius:16px;font-size:.76rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;text-align:center;background:var(--surface-2);color:var(--muted);border:1px solid var(--line);writing-mode:vertical-rl;transform:rotate(180deg)}
.bp-rl.prem{color:#fff;border:0;background:linear-gradient(180deg,#8b5cf6,#ec4899)}
.bp-track{display:flex;gap:10px;overflow-x:auto;overflow-y:hidden;padding:2px 2px 4px;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;cursor:grab;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 var(--fl,0px),#000 calc(100% - var(--fr,0px)),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 var(--fl,0px),#000 calc(100% - var(--fr,0px)),transparent 100%)}
.bp-track::-webkit-scrollbar{display:none}
.bp-track.drag{cursor:grabbing;scroll-behavior:auto;user-select:none}
.bp-tw.sl .bp-track{--fl:48px}.bp-tw.sr .bp-track{--fr:48px}
.bp-nav{position:absolute;top:166px;z-index:5;display:grid;place-items:center;width:44px;height:44px;margin-top:-17px;border-radius:50%;cursor:pointer;
  border:1px solid color-mix(in srgb,var(--bp) 40%,var(--line));background:var(--surface);color:var(--fg);box-shadow:0 10px 24px -10px rgba(0,0,0,.5);transition:opacity .2s,transform .15s,background .15s}
.bp-nav svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.bp-nav:hover{background:var(--bp);color:var(--accent-fg,#fff);transform:scale(1.06)}
.bp-nav.prev{left:52px}.bp-nav.next{right:-12px}
.bp-nav:disabled{opacity:0;pointer-events:none}
.bp-col{flex:none;display:grid;grid-template-rows:166px 166px 36px;gap:10px;width:134px;border-radius:18px}
.bp-col.cur{background:linear-gradient(180deg,color-mix(in srgb,var(--bp) 9%,transparent),transparent)}
.bp-cell{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:14px 10px 12px;border-radius:18px;text-align:center;overflow:hidden;
  background:var(--surface-2);border:1px solid var(--line);transition:transform .18s,box-shadow .18s,border-color .18s}
.bp-cell::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:color-mix(in srgb,var(--fg) 12%,transparent)}
.bp-cell.free::before{background:linear-gradient(90deg,color-mix(in srgb,var(--bp) 70%,#fff),var(--bp))}
.bp-cell.premium{background:linear-gradient(175deg,color-mix(in srgb,#8b5cf6 20%,var(--surface-2)),var(--surface-2) 75%)}
.bp-cell.premium::before{background:linear-gradient(90deg,#8b5cf6,#ec4899)}
.bp-cell.none{background:repeating-linear-gradient(135deg,transparent 0 8px,color-mix(in srgb,var(--fg) 4%,transparent) 8px 16px);border-style:dashed;opacity:.55}
.bp-cell.none::before{display:none}
.bp-ic{display:grid;place-items:center;width:62px;height:62px;border-radius:50%;font-size:2rem;line-height:1;
  background:radial-gradient(closest-side,color-mix(in srgb,var(--bp) 20%,transparent),transparent)}
.bp-cell.premium .bp-ic{background:radial-gradient(closest-side,rgba(168,85,247,.28),transparent)}
.bp-ic>*{filter:drop-shadow(0 5px 6px rgba(0,0,0,.3))}
.bp-cell b{font-size:.82rem;line-height:1.25;max-height:2.5em;overflow:hidden;color:var(--fg)}
.bp-cell em{font-style:normal;font-size:.7rem;font-weight:800;letter-spacing:.02em;padding:3px 9px;border-radius:99px;color:var(--muted);background:color-mix(in srgb,var(--fg) 7%,transparent)}
.bp-cell em.ok{color:#16a34a;background:rgba(34,197,94,.14)}
.bp-st{position:absolute;top:9px;right:9px;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;font-style:normal;font-size:.68rem;background:color-mix(in srgb,var(--fg) 9%,transparent)}
.bp-st.ok{color:#fff;background:#22c55e;font-weight:900}
.bp-cell.lock .bp-ic,.bp-cell.plock .bp-ic{filter:grayscale(1);opacity:.5}
.bp-cell.lock b,.bp-cell.plock b{opacity:.7}
.bp-cell.done .bp-ic{opacity:.55}.bp-cell.done{border-color:color-mix(in srgb,#22c55e 40%,var(--line))}
.bp-cell.can{border-color:var(--bp);box-shadow:0 0 0 3px color-mix(in srgb,var(--bp) 20%,transparent),0 14px 26px -16px var(--bp);animation:bp-pop 1.8s infinite}
.bp-cell.can:hover{transform:translateY(-3px)}
.bp-cell.can .bp-ic{animation:bp-bob 1.8s ease-in-out infinite}
@keyframes bp-pop{50%{box-shadow:0 0 0 6px color-mix(in srgb,var(--bp) 10%,transparent),0 14px 32px -12px var(--bp)}}
@keyframes bp-bob{50%{transform:translateY(-4px) scale(1.05)}}
.bp-cell form{margin:0;width:100%}
.bp-cell button{width:100%;padding:7px 10px;border:0;border-radius:10px;cursor:pointer;font:inherit;font-weight:800;font-size:.82rem;color:var(--accent-fg,#fff);background:var(--bp);box-shadow:0 8px 16px -10px var(--bp);transition:filter .15s}
.bp-cell button:hover{filter:brightness(1.1)}
.bp-cell.premium.can{border-color:#a855f7;box-shadow:0 0 0 3px rgba(168,85,247,.2),0 14px 26px -16px #a855f7}
.bp-cell.premium button{color:#fff;background:linear-gradient(135deg,#8b5cf6,#ec4899)}
.bp-page button.ld{opacity:.6;pointer-events:none}
.bp-tn{position:relative;display:grid;place-items:center}
.bp-tn::before{content:"";position:absolute;left:-5px;right:-5px;top:50%;height:4px;margin-top:-2px;border-radius:4px;background:color-mix(in srgb,var(--fg) 10%,transparent)}
.bp-col.reach .bp-tn::before{background:var(--bp)}
.bp-tn span{position:relative;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;font-weight:800;font-size:.82rem;background:var(--surface-2);border:2px solid var(--line);color:var(--muted)}
.bp-col.reach .bp-tn span{color:var(--accent-fg,#fff);background:var(--bp);border-color:color-mix(in srgb,var(--bp) 60%,#fff)}
.bp-col.cur .bp-tn span{width:36px;height:36px;box-shadow:0 0 0 5px color-mix(in srgb,var(--bp) 22%,transparent)}
.bp-col.next .bp-tn span{border-color:var(--bp);border-style:dashed;color:var(--fg)}
.bp-toasts{position:fixed;left:50%;bottom:24px;z-index:9999;display:flex;flex-direction:column;gap:8px;align-items:center;transform:translateX(-50%);pointer-events:none}
.bp-toast{padding:12px 20px;border-radius:14px;font-weight:700;font-size:.92rem;color:#fff;background:#16a34a;box-shadow:0 18px 40px -14px rgba(0,0,0,.55);animation:bp-tin .3s ease-out;transition:opacity .4s,transform .4s}
.bp-toast.err{background:#dc2626}.bp-toast.out{opacity:0;transform:translateY(10px)}
@keyframes bp-tin{from{opacity:0;transform:translateY(14px)}}
.bp-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:20px;align-items:start}
.bp-card{display:flex;flex-direction:column;gap:12px;padding:20px 22px;border-radius:22px;background:var(--surface);border:1px solid var(--line)}
.bp-card h3{margin:0}.bp-card p{margin:0}
.bp-qs,.bp-lb{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.bp-qs li{display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:center;padding:12px;border-radius:16px;background:var(--surface-2)}
.bp-qi{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;font-size:1.3rem;background:var(--surface)}
.bp-qs b{display:block;font-size:.92rem}.bp-qs b a{text-decoration:none}.bp-qs small{color:var(--muted);font-size:.78rem}
.bp-qb{display:block;height:6px;margin-top:6px;border-radius:6px;background:var(--surface);overflow:hidden}.bp-qb u{display:block;height:100%;background:var(--bp);text-decoration:none}
.bp-qs em{font-style:normal;font-weight:800;font-size:.8rem;color:var(--bp);white-space:nowrap}
.bp-qs li.done .bp-qb u{background:#22c55e}.bp-qs li.done{opacity:.8}.bp-qs li.done em{color:#22c55e;font-size:1.1rem}
.bp-lb li{display:grid;grid-template-columns:30px 34px 1fr auto auto;gap:10px;align-items:center;padding:8px 10px;border-radius:14px}
.bp-lb li.me{background:color-mix(in srgb,var(--bp) 12%,transparent)}
.bp-rk{font-weight:800;text-align:center}.bp-lb b{font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bp-lb b i{font-style:normal}
.bp-ll{font-size:.75rem;font-weight:700;padding:2px 8px;border-radius:99px;background:var(--surface-2);color:var(--muted)}
.bp-lb em{font-style:normal;font-weight:800;font-size:.82rem}
@media (max-width:860px){.bp-grid{grid-template-columns:1fr}.bp-me{grid-template-columns:auto minmax(0,1fr);padding:18px}.bp-act{grid-column:1/-1}.bp-col{width:116px}.bp-tw{grid-template-columns:40px minmax(0,1fr)}.bp-nav.prev{left:30px}.bp-nav.next{right:-8px}.bp-nav{width:38px;height:38px;margin-top:-14px}.bp-lv{width:76px;height:84px}.bp-lv b{font-size:1.7rem}}
/* Sunucu konsolu her temada koyu kalır (açık temalarda giriş alanları okunur olsun) */
.sp-con .sp-con-bar input[type=search],.sp-con .sp-cmd input,.sp-ed textarea{background:#0b1120!important;color:#e2e8f0!important;-webkit-text-fill-color:#e2e8f0;caret-color:#4ade80;border:1px solid #243049!important;box-shadow:none!important;color-scheme:dark}
.sp-con .sp-cmd input{background:transparent!important;border:0!important}
.sp-con .sp-con-bar input[type=search]::placeholder,.sp-con .sp-cmd input::placeholder{color:#64748b!important;-webkit-text-fill-color:#64748b;opacity:1}
.sp-con .sp-con-bar input[type=search]:focus{border-color:#4ade80!important;outline:0}
.sp-con .sp-cmd input:disabled{opacity:.6}
.sp-con .sp-chk{color:#94a3b8!important}
.sp-con .sp-con-bar .btn.soft{background:#1a2440!important;color:#cbd5e1!important;border-color:#243049!important}
.sp-con .sp-term,.sp-con .sp-term .m{color:#cbd5e1}
/* Hesabım · ayrıntılı özet (bugün kartları, rehber, güvenlik) */
.ac-av.on{box-shadow:0 0 0 4px rgba(34,197,94,.55),0 10px 30px rgba(0,0,0,.3)}
.ac-badges a{padding:4px 11px;border-radius:999px;font-size:.78rem;font-weight:700;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.25);color:#fff;text-decoration:none}
.ac-badges a.warn{background:rgba(0,0,0,.22)}.ac-badges a:hover{background:rgba(255,255,255,.26)}
.ac-flow{display:flex;align-items:center;gap:8px;font-size:.8rem;font-weight:700}
.ac-flow .in{color:#4ade80}.ac-flow .out{color:#fca5a5}.ac-flow em{font-style:normal;opacity:.75;font-weight:600}
.ac-card .ac-flow .in{color:var(--good,#16a34a)}.ac-card .ac-flow .out{color:var(--bad,#dc2626)}.ac-card .ac-flow em{color:var(--muted)}
.ac-wb{display:flex;gap:6px;margin-top:6px}.ac-wb .btn{flex:1 1 auto;margin:0;white-space:nowrap;justify-content:center}.ac-hero .ac-wallet{min-width:270px}
.ac-wallet .btn.ghost{background:rgba(255,255,255,.14)!important;color:#fff!important;border:1px solid rgba(255,255,255,.3)!important}
.ac-today{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:10px}
.ac-tc{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:16px;background:var(--surface);border:1px solid var(--line);color:var(--fg);text-decoration:none;min-width:0;transition:border-color .15s,transform .15s}
a.ac-tc:hover{border-color:var(--accent);transform:translateY(-2px)}
.ac-tc>div{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.ac-tc b{font-size:.95rem}.ac-tc small{color:var(--muted);font-size:.8rem;line-height:1.35;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.ac-tc.hot{border-color:color-mix(in srgb,var(--accent) 55%,var(--line));background:color-mix(in srgb,var(--accent) 7%,var(--surface))}
.ac-tc.done{opacity:.85}
.ac-tc form{margin:0;flex:none}#ac-daily.hot{grid-column:span 2}.ac-pill{white-space:nowrap}
.ac-ti{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:12px;background:var(--surface-2);font-size:1.25rem}
.ac-ok{display:grid;place-items:center;flex:none;width:26px;height:26px;border-radius:50%;background:var(--good,#22c55e);color:#fff;font-style:normal;font-weight:800;font-size:.8rem}
.ac-bar{display:block;height:6px;border-radius:99px;background:var(--surface-2);overflow:hidden;margin-top:4px}
.ac-bar u{display:block;height:100%;border-radius:inherit;background:var(--accent);transition:width .3s}
.ac-bar.lg{height:8px;margin:0}
.ac-gp{font-size:.85rem;color:var(--muted);font-weight:600}.ac-gp b{color:var(--fg)}
.ac-guide{border-color:color-mix(in srgb,var(--accent) 35%,var(--line))}
.ac-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.ac-steps li{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:14px;background:var(--surface-2);border:1px solid var(--line)}
.ac-steps li>span{display:grid;place-items:center;flex:none;width:26px;height:26px;border-radius:50%;border:2px solid var(--line);font-weight:800;font-size:.8rem}
.ac-steps li.done>span{background:var(--good,#22c55e);border-color:var(--good,#22c55e);color:#fff}
.ac-steps li.done b{text-decoration:line-through;opacity:.6}
.ac-steps li>div{flex:1;min-width:0;display:flex;flex-direction:column}.ac-steps small{color:var(--muted);font-size:.8rem}
.ac-steps a{flex:none;color:var(--accent);font-weight:800;text-decoration:none;font-size:.88rem}
.ac-oid{font-variant-numeric:tabular-nums;font-weight:700}
.ac-list li b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ac-note{margin:0;padding:10px 12px;border-radius:12px;background:var(--surface-2);font-size:.84rem;color:var(--muted)}
.ac-note.warn{background:color-mix(in srgb,#f59e0b 12%,var(--surface-2))}
.ac-left{display:flex;flex-direction:column;align-items:center;flex:none;min-width:44px;line-height:1.1}.ac-left b{font-size:1.15rem}.ac-left small{font-size:.7rem!important}
.ac-pill{padding:3px 10px;border-radius:999px;font-size:.75rem;font-weight:800;background:var(--surface-2);color:var(--muted)}
.ac-pill.ok{background:color-mix(in srgb,var(--good,#22c55e) 16%,transparent);color:var(--good,#16a34a)}
.ac-howto{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px;font-size:.9rem;color:var(--muted)}
.ac-howto li::marker{color:var(--accent);font-weight:800}.ac-howto b{color:var(--fg)}
.ac-pwi{position:relative}.ac-pwi input{width:100%;padding-right:44px}
.ac-eye{position:absolute;right:6px;top:50%;transform:translateY(-50%);border:0;background:none;cursor:pointer;font-size:1rem;opacity:.65;padding:6px}
.ac-str{margin-top:8px}.ac-str u{width:0}.ac-str u[data-s="1"]{background:#ef4444}.ac-str u[data-s="2"]{background:#f59e0b}.ac-str u[data-s="3"]{background:#84cc16}.ac-str u[data-s="4"]{background:#22c55e}
.ac-match{color:var(--bad,#dc2626);font-weight:700;font-size:.8rem}
.ac-kv{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.ac-kv li{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px dashed var(--line);font-size:.88rem}.ac-kv li:last-child{border-bottom:0}
.ac-kv span{color:var(--muted)}.ac-kv b{text-align:right;overflow-wrap:anywhere;min-width:0}
.ac-sec .btn{align-self:flex-start}
@media (max-width:640px){.ac-today{grid-template-columns:1fr}#ac-daily.hot{grid-column:auto}.ac-tc{padding:12px}.ac-ti{width:34px;height:34px;font-size:1.05rem}}

/* RexOS Free / Free v1.1 · sadeleştirme: büyük harfli etiketler, başlıkta renkli kelime ve mor Discord kartı yok */
html body:is([data-theme-key="kehribar"],[data-theme-key="rexos-free"]) .hero .eyebrow{display:inline-block!important;padding:0!important;background:none!important;color:inherit!important;opacity:.82;text-transform:none!important;letter-spacing:normal!important;font-weight:600!important;font-size:1rem!important;box-shadow:none!important;border:0!important}
html body:is([data-theme-key="kehribar"],[data-theme-key="rexos-free"]) .hero .eyebrow::before,html body:is([data-theme-key="kehribar"],[data-theme-key="rexos-free"]) .hero .eyebrow::after{content:none!important}
html body:is([data-theme-key="kehribar"],[data-theme-key="rexos-free"]) .hero h1 .hl{color:inherit!important;-webkit-text-fill-color:currentColor!important;background:none!important}
html body:is([data-theme-key="kehribar"],[data-theme-key="rexos-free"]) :is(.sec-head h2,.page-head h2,.sec-head small,.fgrid h3,.hp-cbtn small){text-transform:none!important;letter-spacing:normal!important}
html body:is([data-theme-key="kehribar"],[data-theme-key="rexos-free"]) .sec-head small{color:var(--muted)!important;font-weight:500!important}
html body:is([data-theme-key="kehribar"],[data-theme-key="rexos-free"]) .hp-k{display:none!important}
html body:is([data-theme-key="kehribar"],[data-theme-key="rexos-free"]) .dc-card{background:var(--surface)!important;border:1px solid var(--line)!important;box-shadow:none!important;color:var(--fg)!important}
html body:is([data-theme-key="kehribar"],[data-theme-key="rexos-free"]) .dc-card *:not(.btn):not(.btn *){color:inherit!important}
html body:is([data-theme-key="kehribar"],[data-theme-key="rexos-free"]) .dc-card p{color:var(--muted)!important}
html body:is([data-theme-key="kehribar"],[data-theme-key="rexos-free"]) .dc-card .btn{background:#5865f2!important;color:#fff!important;box-shadow:none!important;border:0!important}
html body:is([data-theme-key="kehribar"],[data-theme-key="rexos-free"]) .hero .eyebrow{color:#fff!important}
:root[data-theme="light"] body:is([data-theme-key="kehribar"],[data-theme-key="rexos-free"]) .dc-card{background:#fff!important;border-color:#eadfcb!important;color:#1c1810!important}
:root[data-theme="light"] body:is([data-theme-key="kehribar"],[data-theme-key="rexos-free"]) .dc-card p{color:#6b6250!important}

/* ---------- Tebex mağazası: kart ızgarası ve iç boşluklar (tüm temalarda) ----------
   Kartlar renklerini sayfanın yazı renginden alır: yalnızca koyu (ya da yalnızca açık) tasarlanmış temalarda
   açık/koyu mod değişince beyaz kart üstünde beyaz yazı gibi uyumsuzluklar olmaz. */
.tebex-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;align-items:stretch}
.tebex-grid>.product{display:flex;flex-direction:column;min-width:0;overflow:hidden;color:inherit!important;background:color-mix(in srgb,currentColor 5%,transparent)!important;border:1px solid color-mix(in srgb,currentColor 16%,transparent)!important;box-shadow:none!important}
.tebex-grid>.product:hover{border-color:color-mix(in srgb,currentColor 32%,transparent)!important;transform:none}
.tebex-grid>.product .p-img{flex:none;background:color-mix(in srgb,currentColor 8%,transparent)!important}
.tebex-grid>.product .p-body{display:flex;flex-direction:column;gap:6px;padding:18px 20px 14px;min-width:0}
.tebex-grid>.product .p-body h3{margin:0;font-size:1.12rem;line-height:1.3;overflow-wrap:anywhere;color:inherit!important;-webkit-text-fill-color:currentColor}
.tebex-grid>.product .p-body p{margin:0;line-height:1.5;color:inherit!important;opacity:.72}
.tebex-grid>.product .p-foot{margin-top:auto;padding:14px 20px 18px;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;border-top:1px solid color-mix(in srgb,currentColor 12%,transparent)!important}
.tebex-grid>.product .price{font-family:var(--font-body);font-weight:700;font-size:1.35rem;font-variant-numeric:normal;letter-spacing:0;color:inherit!important;-webkit-text-fill-color:currentColor;background:none!important}
.tebex-grid>.product .price small{font-family:inherit;color:inherit!important;opacity:.65}
section.stack:has(>.tebex-grid){margin-top:28px}
section.stack:has(>.tebex-grid)>h3{margin:0 0 12px}
/* Demo şeridi: temadan bağımsız, her modda okunur */
html body .demo-bar{background:#15181d!important;color:#d9dde3!important;border-bottom:1px solid rgba(255,255,255,.08)!important;text-shadow:none!important}
html body .demo-bar b{color:#fff!important}
html body .demo-bar a{color:#fff!important;text-decoration:underline;text-underline-offset:3px}
.wrap.page:has(.tebex-grid)>.page-head p{color:inherit!important;opacity:.72}