/* ═══════════════════════════════════════════════════════════
   BahisFlix – Tema v2 (main.css'in üzerine rafine katman)
   Koyu zemin + altın vurgu; daha net hiyerarşi, daha sakin yüzeyler
═══════════════════════════════════════════════════════════ */
:root{
  --gold:#d2a82b; --gold2:#a98318; --gold-light:#f2c94c;
  --bg:#07070d; --bg2:#0d0d18; --bg3:#12121e; --bg4:#191927;
  --line:rgba(255,255,255,.07); --line-gold:rgba(210,168,43,.28);
  --text:#eceef2; --text2:#a9b1bf; --text3:#8089a0;
  --r-sm:8px; --r-md:12px; --r-lg:18px;
  --shadow-soft:0 10px 30px -14px rgba(0,0,0,.7);
  --gold-grad:linear-gradient(135deg,#f2c94c 0%,#d2a82b 55%,#b08618 100%);
}
body{
  background:
    radial-gradient(900px 420px at 82% -60px, rgba(210,168,43,.075), transparent 65%),
    radial-gradient(700px 360px at -10% 8%, rgba(70,90,160,.06), transparent 60%),
    var(--bg);
  color:var(--text);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
::selection{background:rgba(210,168,43,.35);color:#fff}
html{scroll-padding-top:130px}

/* ── Başlıklar ───────────────────────────────────────── */
body .art h2{
  font-size:1.7rem;letter-spacing:.6px;line-height:1.15;color:#f4f5f8;
  margin:2.6rem 0 1rem;padding:0 0 .65rem;border-bottom:1px solid var(--line);position:relative
}
body .art h2:after{content:"";position:absolute;left:0;bottom:-1px;width:54px;height:2px;background:var(--gold-grad);border-radius:2px}
body .art h3{font-size:1.25rem;letter-spacing:.5px;color:var(--gold-light);margin:1.8rem 0 .6rem}
body .art p{color:var(--text2);font-size:.95rem;line-height:1.85;max-width:74ch}
body .art ul,body .art ol{color:var(--text2);font-size:.93rem;line-height:1.85;max-width:74ch}
body .art li{margin-bottom:.2rem}
body .art li::marker{color:var(--gold)}
body .art strong{color:#f1f2f6}
body .art a{color:var(--gold-light);text-decoration:underline;text-decoration-color:rgba(242,201,76,.35);text-underline-offset:3px;transition:text-decoration-color .15s}
body .art a:hover{text-decoration-color:var(--gold-light)}
body .art .btable a,body .art .gb,body .art .card-btn,body .art .lp-btn,body .art .lp-cta-btn,body .art .lp-side a{text-decoration:none}

/* ── Hero (landing) ──────────────────────────────────── */
.lp-head{
  position:relative;overflow:hidden;margin:0 0 2rem;padding:1.7rem 1.8rem 1.5rem 2rem;
  border:1px solid var(--line-gold);border-radius:var(--r-lg);
  background:linear-gradient(135deg,rgba(210,168,43,.10) 0%,rgba(210,168,43,.025) 42%,rgba(255,255,255,.015) 100%)
}
.lp-head:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--gold-light),rgba(210,168,43,0))}
.lp-head:after{content:"";position:absolute;right:-90px;top:-110px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(210,168,43,.16),transparent 68%);pointer-events:none}
.lp-head > *{position:relative;z-index:1}
.lp-badge{display:inline-flex;align-items:center;gap:.5rem;background:rgba(210,168,43,.1);border:1px solid rgba(210,168,43,.25);border-radius:999px;padding:.28rem .85rem;font-size:.66rem;font-weight:900;color:var(--gold-light);letter-spacing:1.2px;text-transform:uppercase;margin-bottom:.9rem}
.lp-dot{width:6px;height:6px;border-radius:50%;background:#34d399;box-shadow:0 0 0 3px rgba(52,211,153,.18)}
.lp-head h1,body .art h1{
  font-family:'Bebas Neue',sans-serif;font-weight:400;font-size:clamp(2rem,3.7vw,3.1rem);line-height:1.04;letter-spacing:.8px;
  color:#fff;margin:0 0 .8rem;word-break:normal;overflow-wrap:anywhere;text-wrap:balance
}
.lp-head h1 span[aria-hidden]{display:none}
.lp-lead,.lp-head > p{color:var(--text2);font-size:1rem;line-height:1.75;max-width:70ch;margin:0}
.lp-lead strong,.lp-head > p strong{color:#fff}
.lp-facts{display:flex;flex-wrap:wrap;gap:.45rem 1.4rem;margin:1.1rem 0 0;padding:0;list-style:none;font-size:.76rem;color:var(--text3);font-weight:700}
.lp-facts li{display:inline-flex;align-items:center;gap:.45rem}
.lp-facts li:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--gold)}
.lp-actions{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1.25rem}
.lp-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:46px;padding:.7rem 1.35rem;border-radius:11px;font-weight:900;font-size:.84rem;letter-spacing:.2px;transition:transform .15s,box-shadow .15s,background .15s,border-color .15s}
.lp-btn.primary{background:var(--gold-grad);color:#14110a;box-shadow:0 8px 22px -10px rgba(210,168,43,.7)}
.lp-btn.primary:hover{transform:translateY(-2px);box-shadow:0 12px 26px -10px rgba(210,168,43,.85)}
.lp-btn.ghost{border:1px solid rgba(255,255,255,.14);color:#e8eaf0;background:rgba(255,255,255,.03)}
.lp-btn.ghost:hover{border-color:var(--line-gold);color:var(--gold-light);background:rgba(210,168,43,.07)}
.lp-btn:after{content:"→";font-weight:900;opacity:.8}

/* ── Adımlar ─────────────────────────────────────────── */
body .steps{gap:.9rem}
body .step{position:relative;background:linear-gradient(180deg,var(--bg3),var(--bg2));border:1px solid var(--line);border-radius:var(--r-md);padding:1.3rem 1.1rem;text-align:left}
body .snum{margin:0 0 .8rem;width:34px;height:34px;border-radius:10px;background:rgba(210,168,43,.12);border:1px solid var(--line-gold);color:var(--gold-light);font-size:.9rem}
body .step > div:nth-of-type(2){color:#f1f2f6!important;font-size:.92rem!important;font-weight:800}
body .step > div:nth-of-type(3){color:var(--text2)!important;font-size:.8rem!important;line-height:1.55}
.lp-step-t{color:#f1f2f6;font-weight:800;font-size:.9rem;margin-bottom:.25rem}
.lp-step-d{color:var(--text3);font-size:.78rem;line-height:1.55}

/* ── Tablolar ────────────────────────────────────────── */
.tbl-wrap,div[style*="overflow-x:auto"]{border:1px solid var(--line);border-radius:var(--r-md);background:var(--bg2);-webkit-overflow-scrolling:touch;margin:1.4rem 0}
.tbl-wrap .btable,div[style*="overflow-x:auto"] .btable{margin:0}
body .btable{display:table!important;width:100%;border-collapse:separate;border-spacing:0;font-size:.86rem}
body .btable th{background:rgba(210,168,43,.1);color:var(--gold-light);padding:.8rem 1rem;font-size:.7rem;letter-spacing:.9px;text-transform:uppercase;border-bottom:1px solid var(--line-gold);white-space:nowrap}
body .btable td{padding:.75rem 1rem;border-bottom:1px solid var(--line);color:var(--text2);line-height:1.5}
body .btable tbody tr:nth-child(even) td{background:rgba(255,255,255,.018)}
body .btable tbody tr:hover td{background:rgba(210,168,43,.05)}
body .btable tbody tr:last-child td{border-bottom:0}
body .btable td:first-child{color:#f1f2f6;font-weight:800}
body .btable .bn{color:#f1f2f6}
body .btable .gb{display:inline-block;background:var(--gold-grad);color:#14110a;border-radius:8px;padding:.4rem .9rem;font-size:.72rem;font-weight:900;letter-spacing:.3px;transition:transform .15s}
body .btable .gb:hover{transform:translateY(-1px)}

/* ── Bilgi kutusu ────────────────────────────────────── */
body .ibox{position:relative;background:linear-gradient(135deg,rgba(210,168,43,.09),rgba(210,168,43,.025));border:1px solid var(--line-gold);border-left:3px solid var(--gold);border-radius:var(--r-md);padding:1.15rem 1.4rem 1.1rem}
body .ibox ul{margin:.4rem 0 0}
.lp-ibox-t{color:var(--gold-light);font-weight:900;font-size:.86rem;letter-spacing:.3px;margin-bottom:.3rem}

/* ── SSS ─────────────────────────────────────────────── */
body .faq-item{background:var(--bg3);border:1px solid var(--line);border-radius:var(--r-md);margin-bottom:.6rem;transition:border-color .15s}
body .faq-item:hover,body .faq-item.open{border-color:var(--line-gold)}
body .faq-q{padding:1rem 1.2rem;font-size:.92rem;color:#f1f2f6;gap:1rem}
body .faq-q span{flex:0 0 auto;width:26px;height:26px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;background:rgba(210,168,43,.12);color:var(--gold-light);font-weight:900}
body .faq-a{color:var(--text2);font-size:.88rem;line-height:1.8}

/* ── Site kartları ───────────────────────────────────── */
.site-card{
  border-radius:15px;background:linear-gradient(180deg,#13131f,#0c0c15);border:1px solid var(--line);
  box-shadow:0 1px 0 rgba(255,255,255,.035) inset,var(--shadow-soft);transition:transform .18s,border-color .18s,box-shadow .18s
}
.site-card:hover{transform:translateY(-3px);border-color:rgba(210,168,43,.45);box-shadow:0 1px 0 rgba(255,255,255,.04) inset,0 18px 38px -16px rgba(210,168,43,.28)}
.site-card.sponsor{border-color:rgba(210,168,43,.26);background:linear-gradient(180deg,#171524,#0d0d17)}
.card-logo-wrap{height:88px;background:radial-gradient(120% 140% at 50% 0%,rgba(210,168,43,.09),rgba(0,0,0,.4));border-bottom:1px solid var(--line)}
.card-logo-wrap img{max-height:54px;max-width:86%}
.sponsor-badge{top:7px;left:7px;border-radius:999px;padding:.14rem .55rem;font-size:.5rem;letter-spacing:1.1px;background:var(--gold-grad)}
.card-body{padding:.8rem .85rem .9rem}
.card-name{font-size:.86rem;color:#f1f2f6;margin-bottom:.15rem}
.site-card.sponsor .card-name{color:#f1f2f6}
.card-bonus{font-size:1.4rem;letter-spacing:.5px;background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;margin-bottom:.1rem}
.card-type{font-size:.7rem;color:var(--text3);margin-bottom:.55rem}
.card-meta{margin-bottom:.65rem}
.card-rating{font-size:.74rem;font-weight:800}
.card-votes{font-size:.68rem;color:var(--text3)}
.card-actions,.card-body > div[style*="display:flex"]{display:flex;gap:.45rem;margin-top:auto!important;padding-top:.2rem}
.card-btn{min-height:40px;border-radius:9px;font-size:.72rem;letter-spacing:.4px;display:flex;align-items:center;justify-content:center;gap:.35rem;text-decoration:none}
.card-actions .card-btn{width:auto}
.card-btn-ghost,.card-actions .card-btn-ghost{flex:1;background:rgba(255,255,255,.05)!important;color:var(--text2)!important;border:1px solid var(--line)!important}
.card-btn-main,.card-actions .card-btn-main{flex:2;background:var(--gold-grad)!important;color:#14110a!important;border:0!important;box-shadow:0 8px 18px -10px rgba(210,168,43,.7)}
.card-btn-main:after{content:"→";font-weight:900}
.card-btn:hover{filter:brightness(1.06)}
.card-btn-ghost:hover{border-color:var(--line-gold)!important;color:var(--gold-light)!important;background:rgba(210,168,43,.08)!important}
.card-btn:hover{background:inherit}
@media(min-width:769px){
  .sponsor-grid,.sites-grid{grid-template-columns:repeat(auto-fill,minmax(212px,1fr))!important;gap:.9rem!important}
}
@media(max-width:480px){.card-actions,.card-body > div[style*="display:flex"]{flex-direction:column}.card-actions .card-btn{width:100%}}
body .section-header{margin-bottom:1rem}
body .section-title{letter-spacing:1px}

/* ── Kenar menü ──────────────────────────────────────── */
.lp-aside{position:sticky;top:90px;display:flex;flex-direction:column;gap:1rem}
.lp-side{background:linear-gradient(180deg,var(--bg3),var(--bg2));border:1px solid var(--line);border-radius:var(--r-lg);padding:1.1rem .85rem 1rem;max-height:calc(100vh - 150px);overflow:auto;scrollbar-width:thin;scrollbar-color:rgba(210,168,43,.4) transparent}
.lp-side-head{display:flex;align-items:center;gap:.65rem;padding:0 .4rem .85rem;margin-bottom:.4rem;border-bottom:1px solid var(--line)}
.lp-side-ic{flex:0 0 auto;width:34px;height:34px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:rgba(210,168,43,.12);border:1px solid var(--line-gold);color:var(--gold-light);font-size:.9rem}
.lp-side-title{font-family:'Bebas Neue',sans-serif;font-size:1.2rem;letter-spacing:1.2px;color:#fff;line-height:1}
.lp-side nav a{display:flex;align-items:center;gap:.5rem;padding:.46rem .65rem;border-radius:9px;font-size:.8rem;font-weight:700;color:var(--text2);position:relative;transition:background .15s,color .15s}
.lp-side nav a:hover{background:rgba(255,255,255,.045);color:#fff}
.lp-side nav a.is-all{font-weight:900;color:#f1f2f6;background:rgba(255,255,255,.045);margin-bottom:.2rem}
.lp-side nav a[aria-current="page"]{background:rgba(210,168,43,.12);color:var(--gold-light);font-weight:900}
.lp-side nav a[aria-current="page"]:before{content:"";position:absolute;left:0;top:22%;bottom:22%;width:3px;border-radius:3px;background:var(--gold-grad)}
.lp-side-cap{padding:.9rem .65rem .3rem;font-size:.62rem;font-weight:900;letter-spacing:1.3px;text-transform:uppercase;color:var(--text3)}
.lp-tg{border-radius:var(--r-lg)!important}
.lp-partner{border-radius:var(--r-lg)!important}

/* ── CTA bandı & ilgili bloklar ──────────────────────── */
.lp-cta{border-radius:var(--r-lg);border:1px solid var(--line-gold);background:linear-gradient(135deg,rgba(210,168,43,.14),rgba(210,168,43,.03) 55%,rgba(255,255,255,.01))}
.lp-cta-txt strong{font-size:1.5rem;color:#fff}
a.lp-cta-btn.card-btn{background:var(--gold-grad)!important;color:#14110a!important;border-radius:11px;box-shadow:0 10px 24px -12px rgba(210,168,43,.8);min-height:46px}
a.lp-cta-btn.card-btn:after{content:"→";font-weight:900}
.lp-updated{font-size:.74rem;color:var(--text3)}
.lp-posts li{font-size:.9rem}
.lp-posts a{color:var(--text2)!important;text-decoration:none!important}.lp-posts a:hover{color:var(--gold-light)!important}

/* ── Üst menü & alt bilgi ────────────────────────────── */
.skip-link{border-radius:0 0 10px 0}
.lp-crumb{font-size:.76rem;color:var(--text3)}
.lp-crumb a{color:var(--text3)}.lp-crumb a:hover{color:var(--gold-light)}
.site-footer{background:linear-gradient(180deg,rgba(255,255,255,.012),transparent 120px),#06060b;border-top:1px solid var(--line)}
.site-footer:before{content:"";display:block;height:1px;background:linear-gradient(90deg,transparent,rgba(210,168,43,.5),transparent)}
.footer-col h4{letter-spacing:1.4px;color:var(--gold-light)}
.footer-col a{color:var(--text3);transition:color .15s}.footer-col a:hover{color:#fff}
.footer-desc{color:var(--text3)}

/* ── Ana sayfa kartları ──────────────────────────────── */
.hub-card{border-radius:15px;background:linear-gradient(180deg,#14141f,#0d0d16);border:1px solid var(--line);position:relative;overflow:hidden}
.hub-card:hover{border-color:rgba(210,168,43,.5);box-shadow:0 18px 36px -18px rgba(210,168,43,.3)}
.hub-ic{width:38px;height:38px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;background:rgba(210,168,43,.12);border:1px solid var(--line-gold);color:var(--gold-light);font-size:1rem;margin-bottom:.35rem}
.hub-t{font-size:.95rem;color:#fff}
.hub-d{color:var(--text3);font-size:.76rem}
.hub-n{color:var(--gold-light)}
.hub-pop a{border-radius:999px}

/* ── Genel etkileşim ─────────────────────────────────── */
a,button{transition:color .15s,background-color .15s,border-color .15s}
@media(max-width:900px){
  .lp-aside{position:static}.lp-side{max-height:none;overflow:visible}
  .lp-head{padding:1.3rem 1.2rem 1.2rem 1.4rem}
}
@media(max-width:640px){
  body .art h2{font-size:1.4rem;margin-top:2.1rem}
  .lp-head h1{font-size:2rem}
  .lp-actions .lp-btn{flex:1 1 100%}
  body .btable th,body .btable td{padding:.6rem .7rem;font-size:.8rem}
}
@media(prefers-reduced-motion:reduce){.site-card:hover,.lp-btn.primary:hover{transform:none}}

/* ── Üst menü (header.php içindeki satır içi stillerin üstüne) ── */
body .topbar{background:#05050a;border-bottom:1px solid var(--line)}
body .topbar-links a{color:var(--text3)}body .topbar-links a:hover{color:var(--gold-light)}
body .topbar-tg a{border-radius:999px;padding:.22rem .8rem;background:rgba(36,150,230,.1);border-color:rgba(36,150,230,.28)}
body .site-header{background:rgba(7,7,13,.84);-webkit-backdrop-filter:blur(16px) saturate(140%);backdrop-filter:blur(16px) saturate(140%);border-bottom:1px solid var(--line);height:64px}
body .header-inner{height:64px}
body.has-tb .site-header{top:54px}
body.has-tb .lp-aside{top:150px}
body .hdr-logo{font-size:2rem;letter-spacing:3.2px}
body .hdr-nav{gap:.1rem}
body .hdr-nav > a,body .hdr-drop > a{font-size:.86rem;font-weight:800;color:var(--text2);padding:.5rem .9rem;border-radius:9px;position:relative}
body .hdr-nav > a:hover,body .hdr-drop > a:hover,body .hdr-drop:focus-within > a{color:#fff;background:rgba(255,255,255,.05)}
body .hdr-nav > a.active,body .hdr-drop > a.active{color:var(--gold-light);background:transparent}
body .hdr-nav > a.active:after,body .hdr-drop > a.active:after{content:"";position:absolute;left:.9rem;right:.9rem;bottom:2px;height:2px;border-radius:2px;background:var(--gold-grad)}
body .hdr-search{border-radius:999px;background:var(--bg3);border:1px solid var(--line);overflow:hidden;transition:border-color .15s,box-shadow .15s}
body .hdr-search:focus-within{border-color:var(--line-gold);box-shadow:0 0 0 3px rgba(210,168,43,.12)}
body .hdr-search input{padding:.5rem .9rem;font-size:.8rem}
body .hdr-search button{background:var(--gold-grad);padding:.5rem .9rem}
body .hdr-drop-menu{border-radius:16px;background:#0d0d18;border:1px solid var(--line-gold);padding:1.3rem;box-shadow:0 28px 70px -12px rgba(0,0,0,.85)}
body .hdr-drop-col .hdr-drop-title{color:var(--gold-light);letter-spacing:1.6px}
body .hdr-drop-col a{color:var(--text2);padding:.34rem .5rem;margin:0 -.5rem;border-radius:7px;font-size:.82rem}
body .hdr-drop-col a:hover{color:#fff;background:rgba(255,255,255,.05)}
body .hdr-hamburger{border-radius:10px;background:var(--bg3);border-color:var(--line)}
body .mob-drawer{background:#0b0b15;border-right:1px solid var(--line-gold)}
body .mob-drawer a{padding:.8rem 1.3rem;color:var(--text2);border-bottom:1px solid var(--line)}
body .mob-drawer a:hover,body .mob-drawer a.active{color:var(--gold-light);background:rgba(210,168,43,.06)}
body .mob-drawer-section{color:var(--gold-light);opacity:1;padding-top:1.1rem}
body .mob-drawer-tg a{background:linear-gradient(135deg,#0b4f86,#1a7ac4);border-radius:12px}
/* ── Sayfa ızgarası & yan blok parçaları ─────────────── */
.lp-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:2.2rem;align-items:start}
@media(max-width:1100px){.lp-grid{grid-template-columns:minmax(0,1fr) 260px;gap:1.6rem}}
@media(max-width:900px){.lp-grid{grid-template-columns:minmax(0,1fr)}}
.lp-pi{flex:0 0 auto;width:36px;height:36px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:rgba(210,168,43,.12);border:1px solid var(--line-gold);color:var(--gold-light);font-size:.9rem}
.lp-partner-t{color:var(--gold-light)!important;letter-spacing:1.4px;font-size:.95rem!important}
.lp-partner a{background:var(--bg4)!important;border:1px solid var(--line);border-radius:12px!important;transition:border-color .15s}
.lp-partner a:hover{border-color:var(--line-gold)}
.lp-tg{background:linear-gradient(135deg,#0a4a80,#1976c2)!important;border:0!important;box-shadow:0 16px 34px -18px rgba(25,118,194,.8)}
.lp-tg span{border-radius:999px!important}
/* sticky kenar menünün çalışması için ızgara taşmayı kesmemeli */
.lp-grid,.alay{overflow:visible!important}
/* Telegram + partner kutuları (mevcut ve yeni sayfalar) */
.lp-tg{display:block;padding:1.3rem;text-align:center;border-radius:var(--r-lg);color:#fff}
.lp-tg-i{font-size:2rem;color:#fff;margin-bottom:.4rem;line-height:1}
.lp-tg-t{font-family:'Bebas Neue',sans-serif;font-size:1.15rem;letter-spacing:1.2px;color:#fff;margin-bottom:.2rem}
.lp-tg-d{font-size:.76rem;color:rgba(255,255,255,.78);margin-bottom:.9rem}
.lp-tg span{display:inline-block;background:#fff;color:#0a6cb0;font-weight:900;font-size:.76rem;padding:.5rem 1.1rem}
.lp-partner{background:linear-gradient(180deg,var(--bg3),var(--bg2));border:1px solid var(--line);padding:1.1rem}
.lp-partner-t{font-family:'Bebas Neue',sans-serif;letter-spacing:1.4px;margin-bottom:.8rem}
.lp-partner a{display:flex;align-items:center;gap:.7rem;padding:.6rem;margin-bottom:.5rem}
.lp-partner a:last-child{margin-bottom:0}
.lp-partner b{display:block;color:#f1f2f6;font-weight:800;font-size:.82rem}
.lp-partner small{display:block;color:var(--text3);font-size:.72rem;margin-top:1px}
.stars{display:inline-flex;gap:2px;color:var(--gold);font-size:.78em;vertical-align:middle}
.card-rating i,.btable .fa-star{color:var(--gold)}
.wheel-btn-float{background:var(--gold-grad)!important;color:#14110a!important;box-shadow:0 10px 26px -8px rgba(210,168,43,.7)!important;border:0!important}
/* Yatay taşmayı kırpmak için hidden yerine clip: body kaydırma kabı olmaz, sticky (header + kenar menü) çalışır */
html,html body{overflow-x:clip!important}
@supports not (overflow:clip){html,html body{overflow-x:hidden!important}}
@media(max-width:640px){
  body .site-header{position:relative!important;top:auto!important}
  .lp-facts{display:grid;grid-template-columns:1fr 1fr;gap:.45rem .9rem;font-size:.72rem}
}
/* GIF -> WebP picture sarmalayicisi yerlesimi bozmasin */
picture{display:contents}

/* Sponsor etiketi logonun üstüne binmesin: etiket için ayrılmış üst şerit (mobil dahil, sayfa içi !important kurallarını ezer) */
.card-logo-wrap{height:auto!important;min-height:88px!important;padding:.65rem .7rem .6rem!important;box-sizing:border-box}
.site-card.sponsor .card-logo-wrap{min-height:104px!important;padding:2rem .7rem .6rem!important}
.card-logo-wrap img{max-height:46px!important;max-width:88%!important;width:auto;object-fit:contain}
.sponsor-badge{z-index:2;max-width:calc(100% - 14px);white-space:nowrap}
@media(max-width:480px){
  .card-logo-wrap{min-height:80px!important}
  .site-card.sponsor .card-logo-wrap{min-height:96px!important;padding-top:1.9rem!important}
  .card-logo-wrap img{max-height:40px!important}
  .sponsor-badge{font-size:.46rem;padding:.12rem .45rem;top:6px;left:6px}
}
/* ── Mobil tablolar: sığsın ─────────────────────────────
   - kısa tablolarda metin alt satıra sarılır
   - 4+ sütunlu tablolar (JS .is-stack ekler) kart düzenine geçer */
@media(max-width:640px){
  .tbl-wrap,div[style*="overflow-x:auto"]{border-radius:12px}
  body .btable{min-width:0!important;width:100%!important;font-size:.82rem}
  body .btable th,body .btable td{white-space:normal!important;overflow-wrap:anywhere;word-break:normal;padding:.6rem .65rem}
  body .btable th{font-size:.64rem;letter-spacing:.6px}
  body .btable td .ba,body .btable .ba{font-size:.95rem}
  body .btable.is-stack{display:block!important;border:0}
  body .btable.is-stack thead{display:none}
  body .btable.is-stack tbody{display:block}
  body .btable.is-stack tr{display:block;padding:.35rem 0;border-bottom:1px solid var(--line-gold)}
  body .btable.is-stack tbody tr:last-child{border-bottom:0}
  body .btable.is-stack tbody tr:nth-child(even) td{background:transparent}
  body .btable.is-stack td{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding:.38rem .85rem;border:0;text-align:right;line-height:1.45}
  body .btable.is-stack td:first-child{display:block;text-align:left;font-size:.95rem;padding-top:.65rem;padding-bottom:.25rem;color:#fff}
  body .btable.is-stack td:first-child:before{display:none}
  body .btable.is-stack td:before{content:attr(data-label);flex:0 0 36%;text-align:left;font-size:.64rem;font-weight:900;letter-spacing:.8px;text-transform:uppercase;color:var(--text3)}
  body .btable.is-stack td a.gb{margin-left:auto}
  body .btable.is-stack td:not([data-label]):before{display:none}
}@media(max-width:640px){
  body .btable.is-stack td:before{font-family:'Nunito',sans-serif!important}
  body .btable.is-stack td.ba{font-size:1.05rem}
}@media(max-width:640px){
  body .btable.is-stack td.ba{font-family:'Nunito',sans-serif;font-weight:900;font-size:.9rem;letter-spacing:.2px}
}