/* =========================================================
   CUKKALA V14 — Ön yüz düzenlemeleri
   Sol menü, daralmış menü (ikon şeridi), hikayeler, oyun ızgarası
   Bu dosya en son yüklenir; önceki sürümlerin kurallarını düzenler.
   ========================================================= */

/* ---------- 1) Sol menü: tam boy, sabit, sayfa sonunda kaybolmaz ---------- */
@media(min-width:861px){
  body .app{grid-template-columns:var(--sw) minmax(0,1fr)}
  body .app>.main{grid-column:2;grid-row:1}
  body .side{
    position:fixed!important;left:0;top:var(--hh);bottom:0;
    width:var(--sw);height:auto!important;z-index:40;
    padding:16px 12px 44px!important;
    overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;
    scrollbar-width:none;
    border-right:1px solid var(--line)!important;
  }
  body .side::-webkit-scrollbar{display:none}
  body .ft{margin-left:var(--sw)}
  /* Daraltılmış menü: 72px ikon şeridi */
  html.side-off body .app{grid-template-columns:72px minmax(0,1fr)!important}
  .side-off .side{width:72px!important;padding:14px 10px 44px!important}
  .side-off .ft{margin-left:72px}
}

/* ---------- 2) Menü öğeleri: daha şık ikon kutuları ---------- */
body .side a{
  min-height:46px!important;padding:0 10px!important;gap:12px;
  border-radius:14px;font-size:14px;font-weight:550!important;
  color:var(--dim);transition:background .18s,color .18s,box-shadow .18s;
}
body .side a:hover{background:rgba(var(--gr),.07);color:var(--text)}
body .side .mi{
  width:34px!important;height:34px!important;flex:0 0 34px!important;
  display:grid!important;place-items:center!important;border-radius:11px;
  background:rgba(128,128,140,.10)!important;
  box-shadow:inset 0 0 0 1px var(--line);
  color:var(--dim)!important;transition:background .18s,color .18s,transform .18s;
}
body .side .mi .ico,body .side .mi svg{width:18px!important;height:18px!important;stroke-width:1.75!important}
body .side a:hover .mi{color:var(--gold)!important;background:rgba(var(--gr),.14)!important;transform:none}
body .side a.on{
  color:var(--text);font-weight:700!important;
  background:linear-gradient(90deg,rgba(var(--gr),.20),rgba(var(--gr),.05));
  box-shadow:inset 0 0 0 1px rgba(var(--gr),.22);
}
body .side a.on:before{display:none}
body .side a.on .mi{
  background:linear-gradient(135deg,var(--gold),var(--gold2))!important;
  color:var(--ink)!important;box-shadow:0 6px 16px rgba(var(--gr),.28);
}
body .side .side-t{margin:20px 12px 6px;font-size:10.5px!important;letter-spacing:.14em;opacity:.85}
body .side a.sl .soc{width:34px;height:34px;border-radius:11px}
body .side a.sl .soc svg{width:17px;height:17px}
body .side .cnt{font-style:normal;font-size:11px;font-weight:700;min-width:20px;height:20px;line-height:20px;text-align:center;border-radius:10px;background:var(--gold);color:var(--ink);padding:0 6px}

/* Daraltılmış menüde (ikon şeridi) tüm ikonlar sığar ve düzenli durur */
@media(min-width:861px){
  .side-off .side a:not(.acct){
    width:52px;min-height:46px!important;height:46px!important;margin:3px auto;
    padding:0!important;justify-content:center;border-radius:14px;
  }
  .side-off .side .mi{margin:0!important}
  .side-off .side .side-t{
    display:block!important;height:1px;margin:10px 14px!important;padding:0;
    font-size:0!important;line-height:0;overflow:hidden;background:var(--line);opacity:1;
  }
  .side-off .side a.on{box-shadow:none;background:transparent}
  .side-off .side a.on .mi{box-shadow:0 6px 16px rgba(var(--gr),.28)}
}

/* Mobil çekmece menü */
@media(max-width:860px){
  body .side{padding:14px 12px 30px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
  body .side a{min-height:48px!important}
}

/* ---------- 3) Hikayeler: 10 hikaye tüm genişliği doldurur ---------- */
body .sec-s{padding-top:18px}
body .st-row{
  --stg:clamp(8px,1.4vw,18px);
  display:flex;gap:var(--stg);padding:6px 2px 12px;
  overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;
  scrollbar-width:none;justify-content:flex-start;
}
body .st-row::-webkit-scrollbar{display:none}
body .st-row.st-few{justify-content:center}
body .st{
  flex:0 0 calc((100% - 9 * var(--stg)) / 10);
  width:auto;min-width:0;scroll-snap-align:start;
}
body .st-ring{
  width:100%;height:auto;max-width:112px;aspect-ratio:1/1;
  padding:3px;margin:0 auto 8px;
  transition:transform .2s,box-shadow .2s;
}
body .st:hover .st-ring{transform:translateY(-2px);box-shadow:0 8px 22px rgba(var(--gr),.25)}
body .st-ring img{border-width:3px}
body .st-t{font-size:12.5px;font-weight:600}
@media(max-width:860px){
  body .st{flex-basis:calc((100% - 4 * var(--stg)) / 5.5)}
}
@media(max-width:520px){
  body .st{flex-basis:calc((100% - 3 * var(--stg)) / 4.5)}
  body .st-t{font-size:11.5px}
}

/* ---------- 4) En Çok Kazandıran Oyunlar: satırda 6 oyun ---------- */
body .games{
  display:grid!important;
  grid-template-columns:repeat(var(--gcols,6),minmax(0,1fr))!important;
  grid-auto-rows:auto!important;
  gap:clamp(8px,1.2vw,16px)!important;
}
body .gcard,body .gcard:first-child{
  grid-column:auto!important;grid-row:auto!important;
  height:auto!important;aspect-ratio:3/4!important;
  border-radius:calc(var(--r) * .75)!important;
}
body .gcard img{object-fit:cover!important;background:var(--card)}
body .gmeta{padding:30px 10px 10px!important}
body .gmeta b{font-size:13px;line-height:1.25}
body .gmeta small{font-size:11px}
body .gbadge{top:8px;left:8px;padding:2px 8px;font-size:11px}
@media(max-width:1180px){body .games{grid-template-columns:repeat(5,minmax(0,1fr))!important}}
@media(max-width:1000px){body .games{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(max-width:760px){body .games{grid-template-columns:repeat(3,minmax(0,1fr))!important}body .gmeta{padding:22px 7px 7px!important}body .gmeta b{font-size:11.5px}body .gmeta small{display:none}}
@media(max-width:400px){body .games{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

/* ---------- 5) Slider: oran korunur, görsel kırpılmaz ---------- */
/* Yönetim panelindeki genişlik/yükseklik değerlerinden oran hesaplanır (--slr / --slmr). */
body .ck-slider-web{height:auto!important;aspect-ratio:var(--slr,1180 / 380)}
body .ck-slider-mobile{height:auto!important;aspect-ratio:var(--slmr,720 / 350)}

/* ---------- 6) Bento kartlar: mobil yükseklik ayarı gerçekten çalışır ---------- */
/* Panelde "Bento kart yüksekliği — mobil" değeri, mobilde kartın oranını belirler (--bento-ratio-m). */
@media(max-width:680px){body .bcard{aspect-ratio:var(--bento-ratio-m,183 / 200)!important}}

/* ---------- 7) Favori kalbi ---------- */
body .scard{position:relative}
.fav-h{position:absolute;z-index:6;top:10px;right:10px;width:36px;height:36px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:rgba(15,15,17,.62);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);cursor:pointer;padding:0;transition:transform .15s,background .15s,border-color .15s}
.fav-h svg{width:18px;height:18px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:fill .15s,stroke .15s}
.fav-h:hover{transform:scale(1.08);border-color:var(--gold)}
.fav-h.on{background:rgba(255,194,26,.18);border-color:var(--gold)}
.fav-h.on svg{fill:var(--gold);stroke:var(--gold)}
.fav-h[data-busy]{opacity:.6;pointer-events:none}
.fav-h:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.gcard .fav-h{top:8px;right:8px;width:32px;height:32px}
.gcard .fav-h svg{width:16px;height:16px}
.gcard .gbadge{z-index:4}

/* ---------- 8) Bildirim (toast) ---------- */
.ck-toast{position:fixed;left:50%;bottom:26px;z-index:9999;transform:translate(-50%,14px);opacity:0;padding:11px 18px;border-radius:12px;background:#111113;color:#fff;border:1px solid rgba(255,194,26,.5);box-shadow:0 12px 34px rgba(0,0,0,.5);font-size:14px;font-weight:600;transition:opacity .22s,transform .22s;max-width:92vw;text-align:center}
.ck-toast.show{opacity:1;transform:translate(-50%,0)}.ck-toast.bad{border-color:#ef4444;color:#fecaca}

/* ---------- 9) Profil: giriş serisi kartı ---------- */
.streak-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin:6px 0 2px}
.streak-days .sd{display:grid;gap:3px;justify-items:center;padding:8px 2px;border-radius:12px;border:1px solid var(--line);background:rgba(128,128,140,.08);min-width:0}
.streak-days .sd b{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;font-size:13px;background:rgba(128,128,140,.2);color:var(--dim)}
.streak-days .sd i{font-style:normal;font-size:9.5px;line-height:1.1;color:var(--dim);text-align:center;overflow-wrap:anywhere}
.streak-days .sd.done{border-color:rgba(var(--gr),.5);background:rgba(var(--gr),.1)}
.streak-days .sd.done b{background:linear-gradient(135deg,var(--gold),var(--gold2));color:var(--ink)}
.streak-days .sd.done i{color:var(--gold)}
.streak-days .sd.wait{border-style:dashed;border-color:rgba(var(--gr),.6)}
.streak-days .sd.wait b{background:transparent;border:2px dashed var(--gold);color:var(--gold)}
.streak-days .sd.lock{opacity:.55}
@media(max-width:520px){.streak-days{gap:4px}.streak-days .sd i{font-size:8.5px}}

/* ---------- 10) Profil: Favorilerim ---------- */
.fav-tabs{display:flex;gap:6px;padding:4px;border-radius:13px;background:rgba(128,128,140,.1);margin-bottom:12px}
.fav-tabs button{flex:1;appearance:none;border:0;background:transparent;color:var(--dim);font:inherit;font-weight:700;font-size:13.5px;padding:10px 8px;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px}
.fav-tabs button b{min-width:22px;height:22px;display:inline-grid;place-items:center;border-radius:11px;font-size:11.5px;background:rgba(128,128,140,.25);color:var(--text);padding:0 6px}
.fav-tabs button.on{background:linear-gradient(135deg,var(--gold),var(--gold2));color:var(--ink)}
.fav-tabs button.on b{background:rgba(0,0,0,.18);color:var(--ink)}
.fav-list{display:grid;gap:10px}.fav-list[hidden]{display:none}
.fav-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:14px;border:1px solid var(--line);background:var(--card);flex-wrap:wrap}
.fav-img{flex:0 0 52px;width:52px;height:52px;border-radius:12px;overflow:hidden;display:grid;place-items:center;background:rgba(128,128,140,.15);font-size:20px}
.fav-img img{width:100%;height:100%;object-fit:cover}
.fav-name{flex:1 1 140px;min-width:0;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fav-item .btn{white-space:nowrap}

/* ---------- 11) Bento: slider ile aynı hiza, sabit oran, mobil sütun ayarı ---------- */
/* Referans görsel: 732 × 1000 px (oran 183:250). Genişlik slider ile aynı üst sınırı kullanır. */
body .bento{width:min(100%,var(--slw,1180px));margin-left:auto;margin-right:auto;box-sizing:border-box}
body .bcard{border-radius:var(--r)}
body .bcard picture img,body .bcard .bg,body .bcard .fg{object-fit:contain!important;background:transparent}
body .bcard .bg:not(.fg){background:var(--card)}
@media(max-width:680px){
  body .bento{grid-template-columns:repeat(var(--bcm,2),minmax(0,1fr))!important}
  body .bcard{border-radius:12px}
}

/* ---------- 12) Cuka Market: sabit kare görsel (600 × 600 px), kenar boşluksuz ---------- */
body .market-card>img,body .market-card>.market-placeholder{width:100%;height:auto!important;aspect-ratio:1/1;object-fit:cover!important;object-position:center;display:block;background:var(--bg2)}
body .market-card>.market-placeholder{display:grid}
@media(max-width:860px){body .market-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){body .market-grid{grid-template-columns:1fr}}

/* ---------- 13) Daraltılmış menü: yalnız ikonlar, arka plansız ve çizgisiz; menü açılınca arka plan + tam boy çizgi gelir ---------- */
@media(min-width:861px){
  html.side-off body .side{background:transparent!important;border-right:0!important;box-shadow:none!important}
  html:not(.side-off) body .side{border-right:1px solid var(--line)!important}
}

/* ---------- 14) Sponsor şeridi: sağdan sola yavaş kayan logolar ---------- */
body .sp-strip{width:min(100%,var(--slw,1180px));margin:14px auto;overflow:hidden;border-radius:16px;background:var(--card);border:1px solid var(--line);padding:10px 0;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
body .sp-strip-track{display:flex;gap:12px;width:max-content;animation:ck-marq var(--mq,40s) linear infinite;will-change:transform}
body .sp-strip:hover .sp-strip-track,body .sp-strip:focus-within .sp-strip-track{animation-play-state:paused}
@keyframes ck-marq{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 6px))}}
body .sp-strip-item{flex:0 0 auto;display:flex;align-items:center;gap:12px;min-width:200px;max-width:280px;padding:8px 16px 8px 8px;border-radius:14px;background:rgba(128,128,140,.08);border:1px solid var(--line);transition:border-color .15s,transform .15s}
body .sp-strip-item:hover{border-color:var(--gold);transform:translateY(-2px)}
body .sp-strip-item img{width:52px;height:52px;object-fit:contain;border-radius:11px;background:rgba(255,255,255,.05);flex:0 0 52px}
body .sp-strip-item span{display:grid;min-width:0;line-height:1.25}
body .sp-strip-item b{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body .sp-strip-item small{font-size:11.5px;color:var(--gold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(prefers-reduced-motion:reduce){body .sp-strip{overflow-x:auto;-webkit-mask-image:none;mask-image:none}body .sp-strip-track{animation:none}}
@media(max-width:520px){body .sp-strip-item{min-width:170px}body .sp-strip-item img{width:44px;height:44px;flex-basis:44px}}

/* ---------- 15) Sponsor banner alanı: GIF / MP4 / PNG, 1-2-3 sütun ---------- */
body .sp-banners{display:grid;grid-template-columns:repeat(var(--bncols,1),minmax(0,1fr));gap:12px;width:min(100%,var(--slw,1180px));margin:14px auto}
body .sp-bn{display:block;aspect-ratio:1180 / 150;overflow:hidden;border-radius:12px;background:var(--card);border:1px solid var(--line);transition:border-color .15s,transform .15s}
body .sp-bn:hover{border-color:var(--gold);transform:translateY(-1px)}
body .sp-bn img,body .sp-bn video{display:block;width:100%;height:100%;object-fit:cover}
@media(max-width:680px){body .sp-banners{grid-template-columns:minmax(0,1fr)}}

/* =====================================================================
   V16 — Sol menü yeniden tasarımı
   ===================================================================== */
body .side-brand{display:block;padding:4px 10px 14px;margin-bottom:6px;border-bottom:1px solid var(--line)}
body .side-brand .sb-full{display:block;height:36px;width:auto;max-width:100%;object-fit:contain}
body .side-brand .sb-mini{display:none;width:36px;height:36px;margin:0 auto;border-radius:11px;object-fit:cover}
body .side .acct:not(.cta){display:flex;align-items:center;gap:12px;padding:12px;margin:6px 0 10px;border-radius:16px;background:rgba(var(--gr),.07);border:1px solid rgba(var(--gr),.18)}
body .side .acct .av{width:42px;height:42px;flex:0 0 42px;border-radius:50%;object-fit:cover}
body .side .acct>div{min-width:0;display:grid;line-height:1.25}
body .side .acct b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14.5px}
body .side .acct .bal-s{display:flex;align-items:center;gap:5px;color:var(--gold);font-weight:700;font-size:12.5px}
body .side .acct .bal-s svg{width:14px;height:14px}
body .side .lb{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body .side{transition:width .22s ease}
@media(min-width:861px){
  html.side-off body .side{align-items:stretch}
  html.side-off .side .side-brand{padding:4px 0 12px;border-bottom:0}
  html.side-off .side .sb-full{display:none}
  html.side-off .side .sb-mini{display:block}
  html.side-off .side .acct:not(.cta){justify-content:center;padding:6px 0;background:none;border:0;margin:2px 0 6px}
  html.side-off .side .acct:not(.cta)>div{display:none}
  html.side-off .side .acct.cta{display:none}
  html.side-off .side .lb,html.side-off .side .cnt,html.side-off .side .side-collapse-tip{display:none!important}
}
.ck-tip{position:fixed;z-index:9998;pointer-events:none;padding:7px 12px;border-radius:9px;background:#0e0e10;color:#fff;border:1px solid rgba(255,194,26,.45);font-size:13px;font-weight:650;white-space:nowrap;box-shadow:0 10px 26px rgba(0,0,0,.45);opacity:0;transform:translateX(-4px);transition:opacity .12s,transform .12s}
.ck-tip.show{opacity:1;transform:none}

/* =====================================================================
   V16 — Ana sayfa bölüm yerleşimi (admin > Sayfa Yerleşimi)
   ===================================================================== */
.hl{padding-top:var(--hl-pt,0);padding-bottom:var(--hl-pb,0);width:var(--hl-w,100%);max-width:100%;min-width:0}
.hl-al-center{margin-left:auto;margin-right:auto}.hl-al-left{margin-right:auto}.hl-al-right{margin-left:auto}
@media(min-width:1025px){.hl-nd{display:none!important}}
@media(min-width:681px) and (max-width:1024px){.hl-nt{display:none!important}}
@media(max-width:680px){.hl-nm{display:none!important}}

/* =====================================================================
   V16 — Bannerlar: admin ayarlarından gelen sütun, boyut, oran ve boşluk
   ===================================================================== */
body .sp-banners{display:grid;grid-template-columns:repeat(var(--bncd,1),minmax(0,1fr));gap:var(--bngap,12px);width:min(100%,var(--bnw,1180px));margin:14px 0}
body .sp-banners.bn-al-center{margin-left:auto;margin-right:auto}
body .sp-banners.bn-al-left{margin-left:0;margin-right:auto}
body .sp-banners.bn-al-right{margin-left:auto;margin-right:0}
@media(min-width:681px) and (max-width:1024px){body .sp-banners{grid-template-columns:repeat(var(--bnct,1),minmax(0,1fr))}}
@media(max-width:680px){body .sp-banners{grid-template-columns:repeat(var(--bncm,1),minmax(0,1fr))}}
body .sp-bn{aspect-ratio:var(--bnr,1180 / 150);border-radius:var(--bnrad,12px)}
body .sp-bn img,body .sp-bn video{object-fit:var(--bnfit,cover)}
@media(max-width:680px){body .sp-banners.bn-hm .sp-bn{aspect-ratio:auto;height:var(--bnhm)}}

/* =====================================================================
   V16 — Cuka Market: 16:9 kartlar + Detaylar penceresi
   ===================================================================== */
body .market-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:18px}
body .market-card{display:flex;flex-direction:column;overflow:hidden;border-radius:18px;background:var(--card);border:1px solid var(--line);height:100%}
body .market-card>img,body .market-card>.market-placeholder{width:100%;height:auto!important;aspect-ratio:16 / 9!important;object-fit:cover!important;display:block;background:rgba(128,128,140,.12)}
body .market-card>.market-placeholder{display:grid;place-items:center;font-size:42px}
body .market-body{display:flex;flex-direction:column;gap:8px;padding:16px;flex:1}
body .market-body h2{font-size:17px;margin:0;line-height:1.3}
body .market-body p{margin:0;color:var(--dim);font-size:13.5px;line-height:1.5;flex:1}
.mk-meta{display:flex;align-items:center;justify-content:space-between;gap:10px}
.mk-price{color:var(--gold);font-size:17px}
.mk-stock{font-size:12px;font-weight:800;padding:3px 10px;border-radius:999px}.mk-stock.ok{background:rgba(52,211,153,.15);color:#4ade9c}.mk-stock.out{background:rgba(239,68,68,.15);color:#fca5a5}
body .market-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:4px}
body .market-actions .btn,body .market-actions form{width:100%;margin:0}
body .market-actions form .btn{width:100%}
.mk-modal[hidden]{display:none}
.mk-modal{position:fixed;inset:0;z-index:9990;display:grid;place-items:center;padding:16px}
.mk-back{position:absolute;inset:0;background:rgba(6,6,8,.72);backdrop-filter:blur(5px)}
.mk-box{position:relative;width:min(640px,100%);max-height:min(92dvh,860px);overflow:auto;border-radius:20px;background:var(--card);border:1px solid rgba(var(--gr),.3);box-shadow:0 30px 90px rgba(0,0,0,.6);animation:mkpop .2s ease}
@keyframes mkpop{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}
.mk-x{position:absolute;right:12px;top:12px;z-index:2;width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:rgba(10,10,12,.65);color:#fff;font-size:22px;line-height:1;cursor:pointer}
.mk-img img{display:block;width:100%;aspect-ratio:16 / 9;object-fit:cover}
.mk-in{padding:20px 22px 22px;display:grid;gap:10px}
.mk-in h2{margin:0;font-size:21px}.mk-pr{color:var(--gold);font-weight:800;font-size:18px}.mk-st{font-size:13px;color:var(--dim)}
.mk-desc{margin:0;white-space:pre-line;line-height:1.6}
.mk-dl{display:grid;gap:6px;margin:4px 0}.mk-dl div{display:flex;justify-content:space-between;gap:14px;padding:9px 12px;border-radius:10px;background:rgba(128,128,140,.1);font-size:14px}
.mk-dl dt{color:var(--dim)}.mk-dl dd{margin:0;font-weight:700;text-align:right;overflow-wrap:anywhere}
.mk-blk{padding:12px 14px;border-radius:12px;border:1px solid var(--line);font-size:13.5px;line-height:1.6;white-space:pre-line}.mk-blk b{display:block;margin-bottom:4px}
.mk-act{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}.mk-act form{margin:0}
@media(max-width:520px){.mk-modal{padding:0;align-items:end}.mk-box{width:100%;max-height:94dvh;border-radius:20px 20px 0 0}.mk-dl div{flex-direction:column;gap:2px}.mk-dl dd{text-align:left}}

/* =====================================================================
   V17 — Tek logo, sade sol menü, Cuka Market karşılama, davet kutusu
   ===================================================================== */
body .side-brand{display:none!important}
body .side .side-t{border:0!important}
@media(min-width:861px){html.side-off .side .side-t{display:none!important}}
.mk-hero{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:20px;align-items:center;padding:22px 24px;margin-bottom:20px;border-radius:22px;background:linear-gradient(135deg,rgba(var(--gr),.16),rgba(var(--gr),.04) 55%,transparent),var(--card);border:1px solid rgba(var(--gr),.28)}
.mk-hero-ico{width:64px;height:64px;border-radius:20px;display:grid;place-items:center;color:var(--ink);background:linear-gradient(135deg,var(--gold),var(--gold2));box-shadow:0 10px 26px rgba(var(--gr),.3)}
.mk-hero-tx h1{margin:0 0 6px;font-size:clamp(22px,3vw,30px)}.mk-hero-tx p{margin:0;color:var(--dim);line-height:1.6;max-width:62ch}
.mk-hero-side{display:grid;gap:10px;justify-items:end;min-width:190px}
.mk-bal{text-align:right;line-height:1.15}.mk-bal small{display:block;color:var(--dim);font-size:12.5px}.mk-bal b{font-size:30px;color:var(--gold)}
.mk-badge{display:inline-flex;align-items:center;padding:6px 14px;border-radius:999px;font-size:13px;font-weight:800;text-decoration:none}
.mk-badge.ok{background:rgba(52,211,153,.15);color:#4ade9c;border:1px solid rgba(52,211,153,.4)}.mk-badge.no{background:rgba(var(--gr),.14);color:var(--gold);border:1px solid rgba(var(--gr),.4)}
@media(max-width:760px){.mk-hero{grid-template-columns:1fr;text-align:left;padding:18px}.mk-hero-side{justify-items:start}.mk-bal{text-align:left}.mk-hero-ico{width:54px;height:54px}}
.invite-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px}
.invite-stats span{display:grid;gap:2px;padding:10px 6px;border-radius:12px;background:rgba(128,128,140,.1);text-align:center;font-size:11.5px;color:var(--dim)}.invite-stats b{font-size:20px;color:var(--gold)}
@media(max-width:520px){.invite-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* =====================================================================
   V19 — Marka kartı logoları: beyaz kutu yok, şeffaflık korunur, contain ile kırpmadan, masaüstü/mobil ayrı boyut
   ===================================================================== */
body .slogo,body .lc-logo,body .ritem img{background:transparent!important;color:var(--text,inherit)}
body .slogo{width:var(--ck-logo-w,150px);height:var(--ck-logo-h,64px);flex:0 0 var(--ck-logo-w,150px);padding:0;border-radius:0;overflow:visible;display:grid;place-items:center start}
body .slogo img{width:100%;height:100%;max-height:none;max-width:100%;object-fit:contain;object-position:left center;display:block}
body .lc-logo{height:calc(var(--ck-logo-h,64px) + 18px);padding:0;border-radius:0;display:grid;place-items:center}
body .lc-logo img{width:auto;height:auto;max-width:100%;max-height:var(--ck-logo-h,64px);object-fit:contain;display:block}
body .ritem img{padding:0;border-radius:0;object-fit:contain}
/* Eksik logo: marka adından sade yedek görünüm */
.logo-fb{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:100%;height:100%;min-height:44px;padding:6px;border-radius:12px;background:rgba(var(--gr),.07);border:1px dashed rgba(var(--gr),.38);color:var(--gold);text-align:center;line-height:1.1;overflow:hidden}
.logo-fb i{font-style:normal;font-weight:800;font-size:18px;letter-spacing:.04em}.logo-fb b{font-size:11.5px;font-weight:700;opacity:.85;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body .lc-logo .logo-fb{max-width:240px}
@media(max-width:700px){
  body .slogo{width:var(--ck-logo-wm,120px);height:var(--ck-logo-hm,56px);flex-basis:var(--ck-logo-wm,120px)}
  body .lc-logo{height:calc(var(--ck-logo-hm,56px) + 14px)}body .lc-logo img{max-height:var(--ck-logo-hm,56px)}
}
/* Kart hizası: eşit yükseklik, 2 satıra kısaltılmış başlık, butonlar altta */
body .sgrid,body .lgrid{align-items:stretch}
body .v11-search-item,body .ck-item{min-width:0}body .ck-item{display:contents}
body .scard{height:100%}
body .sc-head{min-height:calc(var(--ck-logo-h,64px) + 4px)}body .sc-head>span:last-child{min-width:0;flex:1}
body .sc-head h3{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;line-height:1.25}
body .scard .tags{min-height:28px;align-content:flex-start}body .scard .bonus{flex:1 1 auto}body .scard .sact{margin-top:auto}
body .lcard{height:100%}body .lcard .lc-act{margin-top:auto}body .lcard .lc-meta{min-height:30px;justify-content:center}
body .scard.spon{box-shadow:inset 0 0 0 1px rgba(var(--gr),.45)}
/* Daha Fazla Göster */
.sites-more{display:grid;gap:16px}.more-wrap{display:flex;flex-direction:column;align-items:center;gap:8px;padding:6px 0 4px}.more-wrap[hidden],.more-btn[hidden]{display:none!important}
.more-btn{min-width:min(100%,280px);justify-content:center}.more-btn[aria-busy=true]{opacity:.75;cursor:progress}.more-msg{color:var(--dim);font-size:13px}.more-msg.err{color:#fca5a5}

/* =====================================================================
   V21 — Ana sayfa site arama alanı: büyük, slider genişliğiyle uyumlu, içerik alanını boydan boya kaplar
   ===================================================================== */
body .finder{max-width:var(--slw,1180px);margin-left:auto;margin-right:auto;width:100%;padding:22px 0!important}
body .finder .f-glow{pointer-events:none}
body .finder .sbox{max-width:none!important;width:100%;margin:0!important;height:76px;display:flex;align-items:center;gap:14px;padding:0 10px 0 24px;border-radius:22px;border:2px solid rgba(var(--gr),.5);background:var(--card);box-shadow:0 14px 44px rgba(0,0,0,.35),0 0 0 7px rgba(var(--gr),.07);transition:border-color .15s,box-shadow .15s}
body .finder .sbox:focus-within{border-color:var(--gold);box-shadow:0 14px 44px rgba(0,0,0,.4),0 0 0 8px rgba(var(--gr),.16)}
body .finder .sbox>svg{width:28px;height:28px;flex:0 0 28px;color:var(--gold)}
body .finder .sbox input{flex:1;min-width:0;height:100%;background:transparent;border:0;outline:0;color:var(--text);font:inherit;font-size:21px;font-weight:650}
body .finder .sbox input::placeholder{color:var(--dim);font-weight:500}
body .finder .sbox .btn{height:56px;padding:0 34px;font-size:18px;border-radius:16px;flex:0 0 auto}
body .finder .res{max-width:none;text-align:left}
@media(max-width:700px){body .finder{padding:14px 0!important}body .finder .sbox{height:62px;padding:0 8px 0 16px;border-radius:18px;gap:10px}body .finder .sbox>svg{width:22px;height:22px;flex-basis:22px}body .finder .sbox input{font-size:17px}body .finder .sbox .btn{height:46px;padding:0 20px;font-size:15px;border-radius:13px}}
.v21-vnote{margin:8px 0;padding:10px 12px;border-radius:12px;background:rgba(var(--gr),.1);border:1px solid rgba(var(--gr),.35);color:var(--text);font-size:13.5px;line-height:1.5}

/* V21 — Profil: Görevler */
.tasks-panel{display:grid;gap:10px}.task-item{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;padding:12px 14px;border-radius:14px;background:rgba(128,128,140,.08);border:1px solid var(--line)}
.task-main{flex:1 1 240px;display:grid;gap:2px;min-width:0}.task-main b{font-size:15px}.task-main small{color:var(--dim);line-height:1.45}.task-rw{font-weight:800;color:var(--gold);white-space:nowrap}
.task-st{padding:5px 12px;border-radius:999px;font-size:12px;font-weight:800;white-space:nowrap}.task-st.auto{background:rgba(var(--gr),.12);color:var(--gold)}.task-st.wait{background:rgba(255,194,26,.16);color:#ffd35a}.task-st.done{background:rgba(52,211,153,.15);color:#4ade9c}
.task-form{display:flex;gap:8px;flex:1 1 280px;justify-content:flex-end;flex-wrap:wrap}.task-form input{flex:1 1 180px;min-width:0;height:40px;padding:0 12px;border-radius:10px;border:1px solid var(--line);background:var(--card);color:var(--text);font:inherit}

/* =====================================================================
   V21b — Bonuslar: liste kartları (16:9 görsel), kategori düğmeleri, detay sayfası
   ===================================================================== */
.bn-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:16px;margin-top:14px}
.bn-card{display:flex;flex-direction:column;border-radius:var(--r,16px);background:var(--card);border:1px solid var(--line);overflow:hidden;transition:transform .15s,border-color .15s}.bn-card:hover{transform:translateY(-2px);border-color:rgba(var(--gr),.55)}.bn-card[hidden]{display:none}
.bn-img{position:relative;display:block;aspect-ratio:16/9;background:linear-gradient(135deg,rgba(var(--gr),.18),rgba(var(--gr),.04));overflow:hidden}.bn-img img{width:100%;height:100%;object-fit:cover;display:block}
.bn-ph{position:absolute;inset:0;display:grid;place-items:center;font-size:54px;font-weight:900;color:var(--gold);opacity:.55}
.bn-cat{position:absolute;left:10px;top:10px;padding:4px 11px;border-radius:999px;background:rgba(0,0,0,.62);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--gold);font-size:11.5px;font-weight:800}.bn-cat.static{position:static;display:inline-block;margin-bottom:8px;background:rgba(var(--gr),.14)}
.bn-b{display:flex;flex-direction:column;gap:8px;padding:14px 14px 16px;flex:1}.bn-b h3{margin:0;font-size:16px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.bn-b h3 a{color:var(--text);text-decoration:none}
.bn-b p{margin:0;color:var(--dim);font-size:13.5px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.bn-b .tags{min-height:0}
.bn-act{display:flex;gap:8px;margin-top:auto;padding-top:6px;flex-wrap:wrap}.bn-act .btn{flex:1 1 96px;justify-content:center;text-align:center;padding-left:10px;padding-right:10px}
.bn-chips{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 4px}.bn-chips button{padding:8px 16px;border-radius:999px;border:1px solid var(--line);background:var(--card);color:var(--text);font:inherit;font-weight:700;font-size:13.5px;cursor:pointer}.bn-chips button.on{background:linear-gradient(135deg,var(--gold),var(--gold2));color:var(--ink,#1a1400);border-color:transparent}
.bn-crumb{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:4px 0 14px;color:var(--dim);font-size:13px}.bn-crumb a{color:var(--gold);text-decoration:none}
.bn-detail{display:grid;gap:18px;max-width:860px}.bn-hero{border-radius:var(--r,16px);overflow:hidden;border:1px solid var(--line);background:var(--card)}.bn-hero img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.bn-dh h1{margin:0 0 8px;font-size:clamp(24px,4vw,34px);line-height:1.2}.bn-sub{margin:0 0 12px;color:var(--dim);font-size:16px;line-height:1.55}.bn-dh .bn-act{margin-top:14px}.bn-dh .bn-act .btn{flex:0 1 auto;min-width:170px}
.bn-content{padding:20px;border-radius:var(--r,16px);background:var(--card);border:1px solid var(--line);line-height:1.75;font-size:15.5px;overflow-wrap:anywhere}.bn-content h2{font-size:22px;margin:22px 0 8px}.bn-content h3{font-size:18px;margin:18px 0 6px}.bn-content h4{font-size:16px;margin:14px 0 4px}.bn-content>:first-child{margin-top:0}.bn-content ul,.bn-content ol{padding-left:22px}.bn-content a{color:var(--gold)}
.bn-content blockquote{margin:12px 0;padding:8px 16px;border-left:3px solid var(--gold);background:rgba(var(--gr),.06);border-radius:0 10px 10px 0}.bn-content code{background:rgba(128,128,140,.2);padding:1px 6px;border-radius:5px}.bn-content pre{background:rgba(0,0,0,.35);padding:12px 14px;border-radius:10px;overflow:auto}
@media(max-width:560px){.bn-grid{grid-template-columns:1fr}.bn-content{padding:14px}}

/* =====================================================================
   V21c — Ana sayfa: Sponsor Siteler kart bloğu (arama kutusunun üstü). Beyaz kutu yok; şeffaf logolar korunur.
   ===================================================================== */
.spc-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.spc-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 14px 14px;border-radius:var(--r,16px);background:var(--card);border:1px solid rgba(var(--gr),.28);text-align:center;transition:transform .15s,border-color .15s}.spc-card:hover{transform:translateY(-2px);border-color:rgba(var(--gr),.7)}
.spc-logo{display:grid;place-items:center;width:100%;height:calc(var(--ck-logo-h,64px) + 14px);background:transparent}.spc-logo img{max-width:100%;max-height:var(--ck-logo-h,64px);width:auto;height:auto;object-fit:contain;background:transparent;display:block}
.spc-ini{display:grid;place-items:center;width:54px;height:54px;border-radius:14px;background:rgba(var(--gr),.12);color:var(--gold);font-size:24px;font-weight:900}
.spc-card h3{margin:2px 0 0;font-size:15px;line-height:1.3;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spc-card h3 a{color:var(--text);text-decoration:none}
.spc-bonus{margin:0;color:var(--gold);font-size:12.5px;font-weight:700;line-height:1.35;min-height:2.7em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.spc-tag{padding:3px 10px;border-radius:999px;background:rgba(var(--gr),.12);color:var(--gold);font-size:11px;font-weight:800}
.spc-go{width:100%;justify-content:center;margin-top:auto;padding-left:8px;padding-right:8px;white-space:nowrap}
@media(max-width:1100px){.spc-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.spc-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.spc-card{padding:12px 10px}.spc-go{font-size:13px;padding:10px 6px}}