/* =====================================================================
   Bonusflix — "Noir & Champagne" tema  (v2)
   Tüm sayfalarda, sayfa içi <style> bloklarından SONRA yüklenir.
   Yön: sinematik koyu zemin, sıcak fildişi metin, şampanya altını vurgu,
   kırmızı yalnızca birincil eylem düğmelerinde. Parlama / gradyan metin yok.
   ===================================================================== */

:root{
  --ink-0:#08080a; --ink-1:#0e0e11; --ink-2:#141418; --ink-3:#1b1b20;
  --line:rgba(255,255,255,.07); --line-2:rgba(255,255,255,.14);
  --ivory:#ece8df; --ivory-dim:#b9b5ab; --mute:#8b877e;
  --gold:#E50914; --gold-dim:rgba(229,9,20,.5); --gold-wash:rgba(229,9,20,.08);
  --crimson:#E50914; --crimson-hi:#f40612; --crimson-lo:#b20710;
  --pos:#7fb08f;
  --serif:'Google Sans',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  --sans:'Google Sans',system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  --r:8px; --r-lg:12px;
  --hdr:64px;

  /* --- ana sayfa / kategori sayfaları değişken eşlemesi --- */
  --primary:var(--crimson); --primary-light:var(--crimson-hi); --primary-glow:transparent;
  --bg:var(--ink-0); --card:var(--ink-1); --card-solid:var(--ink-1); --card-hover:var(--ink-2);
  --card-border:var(--line); --card-border-hover:var(--gold-dim);
  --text:var(--ivory); --text-secondary:var(--ivory-dim); --text-muted:var(--mute);
  --star:#f5c518; --gold-dark:#8f7647;

  /* --- blog sayfaları değişken eşlemesi --- */
  --bg-primary:var(--ink-0); --bg-secondary:var(--ink-1); --bg-card:var(--ink-1); --bg-card-hover:var(--ink-2);
  --border:var(--line); --border-hover:var(--line-2);
  --text-primary:var(--ivory);
  --accent:var(--crimson); --accent-hover:var(--crimson-hi); --accent-glow:rgba(229,9,20,.12);
  --cyan:var(--gold); --cyan-glow:var(--gold-wash);
  --green:var(--pos); --green-glow:rgba(127,176,143,.07);
  --gold-glow:var(--gold-wash);
}

/* ---------- temel ---------- */
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:var(--sans);background:var(--ink-0);color:var(--ivory-dim);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-size:15px}
::selection{background:rgba(201,169,106,.28);color:#fff}
:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:3px}
a{color:inherit}
img{max-width:100%}
::-webkit-scrollbar{width:9px;height:9px}
::-webkit-scrollbar-track{background:var(--ink-0)}
::-webkit-scrollbar-thumb{background:#2a2a30;border-radius:5px}
::-webkit-scrollbar-thumb:hover{background:#3a3a42}
*:empty.mobile-menu-icon,.mobile-menu-icon:empty,.blog-link-icon:empty,.stat-icon:empty,.cat-list .icon:empty{display:none}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* ---------- logo / wordmark ---------- */
.logo a,.logo,.mobile-logo-text,.footer-logo,.bf-wordmark{font-family:var(--serif);font-weight:600;letter-spacing:-.015em;text-transform:none;color:var(--ivory)}
.logo a span,.logo span,.mobile-logo-text span,.footer-logo span,.bf-wordmark span{color:var(--gold)}
.logo a{font-size:27px;line-height:1}
.footer-logo{font-size:30px}
.mobile-logo-text{font-size:28px}

/* ---------- üst menü (ana sayfa + kategori sayfaları) ---------- */
header{height:var(--hdr);background:rgba(8,8,10,.84);-webkit-backdrop-filter:saturate(1.2) blur(14px);backdrop-filter:saturate(1.2) blur(14px);border-bottom:1px solid var(--line)}
header.scrolled{background:rgba(8,8,10,.94)}
.nav{gap:26px}
.nav a{color:var(--ivory-dim);font-size:13.5px;font-weight:500;text-decoration:none;white-space:nowrap;transition:color .2s}
.nav a:hover{color:var(--ivory);text-decoration:none}
.nav-telegram{background:transparent!important;border:1px solid var(--gold-dim);color:var(--ivory)!important;border-radius:6px;padding:8px 14px;font-weight:500;letter-spacing:.01em;transition:background .2s,border-color .2s,color .2s}
.nav-telegram:hover{background:var(--gold)!important;border-color:var(--gold);color:var(--ink-0)!important}
.notification-btn{color:var(--ivory-dim)}
.notification-btn:hover{color:var(--ivory)}
.notification-badge{background:var(--crimson)}
.notification-dropdown{background:var(--ink-1);border:1px solid var(--line-2);border-radius:var(--r-lg);box-shadow:0 18px 40px rgba(0,0,0,.6);-webkit-backdrop-filter:none;backdrop-filter:none}
.notification-icon{background:var(--ink-3);border:1px solid var(--line);border-radius:8px;color:var(--gold)}
.notification-item.unread{background:var(--gold-wash)}
.notification-item.unread::before{background:var(--gold)}
.notification-link{background:transparent;border:1px solid var(--gold-dim);color:var(--gold);border-radius:6px}
.notification-link:hover{background:var(--gold);color:var(--ink-0)}
.mark-read-btn,.notification-text a{color:var(--gold)}
.hamburger span{background:var(--ivory);height:1.5px}

/* tablet: menü çok sıkışıyordu -> 1080px altında hamburger */
@media (max-width:1079px){
  header{padding:0 4%;height:58px}
  .logo{flex:1;text-align:center}
  .nav{display:none}
  .hamburger{display:flex;order:-1}
  .mobile-header-right{display:flex}
  .mobile-notification{display:block}
  .mobile-notification .notification-dropdown{right:-10px;width:min(320px,86vw)}
  .logo a{font-size:25px}
}

/* mobil menü paneli */
.mobile-menu-overlay{background:rgba(0,0,0,.72);-webkit-backdrop-filter:none;backdrop-filter:none}
.mobile-menu-modal{background:var(--ink-1);border:1px solid var(--line-2);border-radius:var(--r-lg);box-shadow:0 30px 80px rgba(0,0,0,.7)}
.mobile-menu-modal::before{display:none}
.mobile-menu-close{background:var(--ink-3);border:1px solid var(--line);color:var(--ivory)}
.mobile-menu-close:hover{background:var(--crimson);border-color:var(--crimson)}
.mobile-menu-logo{border-bottom:1px solid var(--line)}
.mobile-menu-item{color:var(--ivory);border-radius:8px;font-size:15px}
.mobile-menu-item:hover,.mobile-menu-item:active{background:var(--ink-3)}
.mobile-social-btn.telegram{background:transparent;border:1px solid var(--gold-dim);color:var(--ivory)}
.mobile-social-btn:hover{transform:none;box-shadow:none;background:var(--gold);color:var(--ink-0)}
.mobile-menu-footer{border-top:1px solid var(--line);color:var(--mute)}

/* ---------- hero ---------- */
.hero,.page-hero{background:linear-gradient(180deg,#0c0c0f 0%,var(--ink-0) 100%);contain:none}
.hero{padding:118px 4% 56px;border-bottom:1px solid var(--line)}
.hero-content{max-width:760px}
.hero-badge{display:inline-flex;align-items:center;gap:12px;background:none!important;color:var(--gold)!important;padding:0!important;border-radius:0!important;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.16em;margin-bottom:18px}
.hero-badge::before{content:"";width:30px;height:1px;background:var(--gold)}
.hero h1,.page-hero h1{font-family:var(--serif);font-weight:500;letter-spacing:-.02em;line-height:1.08;color:var(--ivory);font-size:clamp(2rem,4.6vw,3.5rem);white-space:normal!important}
.hero p{font-size:16px;line-height:1.65;color:var(--ivory-dim);white-space:normal!important;max-width:58ch}
.hero p a,.page-hero p a{color:var(--gold);text-decoration:underline;text-decoration-color:var(--gold-dim);text-underline-offset:3px}
.page-hero .gradient-text{background:none!important;-webkit-text-fill-color:currentColor!important;color:var(--gold)!important}
.page-hero p{color:var(--ivory-dim)!important}
.hero-stats{gap:0;margin-top:30px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.hero-stat{padding:18px 30px 18px 0;margin-right:30px}
.hero-stat-value{font-family:var(--serif);font-weight:500;color:var(--ivory)!important;background:none!important;-webkit-text-fill-color:currentColor!important}
.hero-stat-label{color:var(--mute)!important;letter-spacing:.14em;font-size:10.5px}
main>.breadcrumb-nav:first-child{padding-top:calc(var(--hdr) + 22px)!important}
.breadcrumb a{color:var(--gold)!important}

/* ---------- bölüm başlıkları ---------- */
.netflix-title,.all-sites-title,.banner-slider-title,.live-stats-header,.blog-links-title,.seo-content-title{font-family:var(--serif);font-weight:500;font-size:24px;letter-spacing:-.01em;color:var(--ivory)}
.netflix-title span,.banner-slider-title .fire-icon{filter:none}
.banner-title{font-size:11px;font-weight:600;letter-spacing:.16em;color:var(--mute)}
.banner-badge,.banner-slider-badge{background:transparent!important;color:var(--gold)!important;border:1px solid var(--gold-dim);border-radius:4px;padding:2px 8px;animation:none!important;letter-spacing:.12em}
.netflix-section{margin:44px 0}
.netflix-nav-btn,.banner-slider-nav button{background:transparent;border:1px solid var(--line-2);color:var(--ivory);border-radius:50%;width:38px;height:38px}
.netflix-nav-btn:hover,.banner-slider-nav button:hover{background:var(--ink-3);border-color:var(--gold-dim);transform:none}

/* ---------- kartlar ---------- */
.banner-item{background:var(--ink-1);border:1px solid var(--line);border-radius:var(--r);box-shadow:none;transition:border-color .25s,transform .25s}
.banner-item:hover{transform:translateY(-2px);box-shadow:none;border-color:var(--gold-dim)}
.netflix-card,.site-item,.stat-card,.seo-content-container,.blog-links-container,.rating-modal,.toast-notification{background:var(--ink-1);-webkit-backdrop-filter:none;backdrop-filter:none;border:1px solid var(--line);box-shadow:none;border-radius:var(--r-lg)}
.netflix-card::before,.site-item::before{display:none}
.netflix-card:hover,.site-item:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(0,0,0,.45);border-color:var(--gold-dim)}
.netflix-card-img,.site-item-logo{background:#0a0a0c;border:0;border-bottom:1px solid var(--line);border-radius:0}
.site-item-logo{border:1px solid var(--line);border-radius:8px}
.netflix-card-img::after{display:none}
.netflix-card-img .card-text,.site-item-logo-text,.promo-popup-logo-text,.rating-modal-logo-text{font-family:var(--serif);color:var(--gold);text-shadow:none;letter-spacing:0}
.netflix-card-name,.site-item-name{font-weight:600;letter-spacing:.01em;color:var(--ivory)}
.netflix-card-bonus .bonus-amount,.site-item-bonus strong{font-family:var(--serif);font-weight:500;background:none!important;-webkit-text-fill-color:currentColor!important;color:var(--ivory)!important;filter:none;letter-spacing:-.01em}
.netflix-card-bonus .bonus-type,.site-item-bonus span{color:var(--mute);letter-spacing:.06em}
.netflix-card-rating .stars,.site-item-stars{color:var(--gold)}
.site-item-stars .empty{color:#3a3a40}
.age-badge{background:rgba(8,8,10,.8);border:1px solid var(--line-2);color:var(--ivory-dim)}
.card-badge{background:var(--crimson);box-shadow:none;border-radius:3px;letter-spacing:.08em;font-weight:600}
.card-badge.sponsor{background:var(--gold);color:var(--ink-0)}
.card-badge.clicks{background:rgba(127,176,143,.16);color:#a7d3b5;border:1px solid rgba(127,176,143,.3)}
.netflix-card-fav,.site-fav-btn{background:rgba(8,8,10,.75);-webkit-backdrop-filter:none;backdrop-filter:none;border:1px solid var(--line-2)}
.netflix-card-fav:hover,.site-fav-btn:hover,.netflix-card-fav.active,.site-fav-btn.active{background:var(--crimson);border-color:var(--crimson);transform:none}
.site-item-clicks{background:rgba(8,8,10,.8);border:1px solid var(--line);color:var(--mute)}
.site-item-clicks span{color:#a7d3b5}
.site-item-footer{border-top:1px solid var(--line)}
.site-item-rating:hover{background:var(--ink-3)}

/* ---------- düğmeler ---------- */
.netflix-card-btn,.site-item-btn,.promo-popup-btn,.rating-modal-submit,.banner-slide-btn{background:var(--crimson)!important;border:1px solid var(--crimson);box-shadow:none!important;color:#fff;border-radius:6px;font-weight:600;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;transition:background .2s,transform .2s}
.netflix-card-btn:hover,.site-item-btn:hover,.promo-popup:hover .promo-popup-btn,.rating-modal-submit:hover,.banner-slide-btn:hover{background:var(--crimson-hi)!important;transform:none;box-shadow:none!important}
.rating-modal-submit:disabled{background:#2a2a30!important;border-color:#2a2a30}
.netflix-card-incele,.site-item-incele,.load-more-btn{background:transparent;border:1px solid var(--line-2);color:var(--ivory-dim);border-radius:6px}
.netflix-card-incele:hover,.site-item-incele:hover,.load-more-btn:hover{background:var(--ink-3);border-color:var(--gold-dim);color:var(--ivory)}
.filter-btn{background:transparent;border:1px solid var(--line);color:var(--ivory-dim);border-radius:999px;font-family:var(--sans);font-weight:500;padding:9px 18px}
.filter-btn:hover{border-color:var(--line-2);color:var(--ivory);background:var(--ink-2)}
.filter-btn.active{background:var(--ivory);border-color:var(--ivory);color:var(--ink-0);box-shadow:none}
.filter-count{background:rgba(255,255,255,.12)}
.filter-btn.active .filter-count{background:rgba(8,8,10,.14)}
.main-search-input{background:var(--ink-1);border:1px solid var(--line-2);border-radius:999px;color:var(--ivory);font-family:var(--sans);padding:14px 52px 14px 22px}
.main-search-input:focus{background:var(--ink-1);border-color:var(--gold-dim);box-shadow:none}
.main-search-clear{background:var(--ink-3);color:var(--ivory)}
.all-sites-section{border-top:1px solid var(--line)}
.all-sites-warning{background:var(--ink-1);border:1px solid var(--line);color:var(--mute)}
.all-sites-warning a{color:var(--gold)}
.tg-banner{border:1px solid var(--line);border-radius:var(--r-lg)}
.tg-banner.bahiswon,.tg-banner.betlink{background:var(--ink-1)}
.tg-banner:hover{transform:none;box-shadow:none;border-color:var(--gold-dim)}
.tg-banner.bahiswon .tg-banner-icon,.tg-banner.betlink .tg-banner-icon{background:var(--ink-3);border:1px solid var(--line-2)}
.tg-banner-icon svg{fill:var(--gold)}

/* ---------- slider ---------- */
.banner-slide{border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:none}
.banner-slide:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(0,0,0,.5);border-color:var(--gold-dim)}
.banner-slide-name{color:var(--ivory);text-shadow:none}
.banner-slide-badge{background:var(--crimson);border-radius:3px}
.banner-slide-placeholder{background:var(--ink-2)}
.banner-slide-placeholder .bonus-text{color:var(--gold)}

/* ---------- alt bölümler ---------- */
.live-stats-section{background:none;border-top:1px solid var(--line)}
.live-dot{background:var(--pos);animation:none}
.stat-card:hover{transform:none;box-shadow:none;border-color:var(--gold-dim)}
.stat-icon{background:var(--ink-3);border:1px solid var(--line);border-radius:10px;color:var(--gold)}
.stat-value{font-family:var(--serif);font-weight:500;color:var(--ivory)}
.seo-content-block h3{font-family:var(--serif);font-weight:500;color:var(--ivory);font-size:18px}
.seo-content-block p{color:var(--ivory-dim);font-size:14px;line-height:1.75}
.seo-content-block a,.blog-links-all{color:var(--gold);text-decoration-color:var(--gold-dim)}
.blog-link-card{background:transparent;border:1px solid var(--line);border-radius:8px}
.blog-link-card:hover{background:var(--ink-2);border-color:var(--gold-dim);transform:none}
.blog-link-text{color:var(--ivory-dim)}
.blog-link-card:hover .blog-link-text{color:var(--ivory)}

/* ---------- popup / modal / toast ---------- */
.promo-popup{background:var(--ink-1);-webkit-backdrop-filter:none;backdrop-filter:none;border:1px solid var(--line-2);box-shadow:0 20px 50px rgba(0,0,0,.6)}
.promo-popup:hover{box-shadow:0 20px 50px rgba(0,0,0,.6)}
.promo-popup-logo,.rating-modal-logo{background:#0a0a0c;border:1px solid var(--line)}
.promo-popup-close{background:var(--ink-3);border:1px solid var(--line-2)}
.rating-modal-overlay{background:rgba(0,0,0,.86);-webkit-backdrop-filter:none;backdrop-filter:none}
.rating-modal-current{background:var(--ink-2)}
.rating-star-btn{background:transparent;border:1px solid var(--line-2)}
.rating-star-btn.active{background:var(--gold-wash);border-color:var(--gold);color:var(--gold)}
.toast-icon{background:var(--pos)}
.scroll-top-btn{background:var(--ink-2)!important;border:1px solid var(--line-2);box-shadow:none!important;color:var(--ivory);width:46px;height:46px;font-size:16px}
.scroll-top-btn:hover{border-color:var(--gold-dim);transform:none}
.scroll-progress{background:var(--gold)!important}
.skeleton,.netflix-card-skeleton .sk-img{background:linear-gradient(90deg,rgba(255,255,255,.03) 25%,rgba(255,255,255,.07) 50%,rgba(255,255,255,.03) 75%);background-size:800px 100%}

/* ---------- kategori sayfası "öneri" kartları (eski satır içi renkli bloklar yerine) ---------- */
.bf-offers{max-width:1100px;margin:26px auto 8px;padding:0 4%;display:grid;gap:12px}
.bf-offer{display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--ink-1);border:1px solid var(--line);border-radius:var(--r-lg);padding:20px 24px;text-decoration:none;transition:border-color .25s}
.bf-offer:hover{border-color:var(--gold-dim)}
.bf-offer-kicker{display:block;font-size:10.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin-bottom:6px}
.bf-offer-title{display:block;font-family:var(--serif);font-weight:500;font-size:1.2rem;color:var(--ivory);line-height:1.25}
.bf-offer-desc{display:block;font-size:13.5px;color:var(--mute);margin-top:4px}
.bf-offer-cta{flex:0 0 auto;white-space:nowrap;background:var(--crimson);color:#fff;padding:11px 20px;border-radius:6px;font-size:11.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.bf-offer:hover .bf-offer-cta{background:var(--crimson-hi)}
.bf-offer.is-tg .bf-offer-cta{background:transparent;border:1px solid var(--gold-dim);color:var(--ivory)}
.bf-offer.is-tg:hover .bf-offer-cta{background:var(--gold);color:var(--ink-0);border-color:var(--gold)}
@media (max-width:640px){.bf-offer{flex-direction:column;align-items:stretch;text-align:left}.bf-offer-cta{text-align:center}}

/* =====================================================================
   BLOG sayfaları
   ===================================================================== */
.age-warning{background:var(--ink-1)!important;color:var(--mute)!important;border-bottom:1px solid var(--line);font-size:.76rem;letter-spacing:.02em;padding:8px 20px;font-weight:400}
.header-inner{max-width:1280px}
header:has(.header-inner){position:sticky;top:0;height:auto;padding:0;background:rgba(8,8,10,.86)}
header .header-inner{height:var(--hdr);display:flex;align-items:center;justify-content:space-between;gap:24px}
header .header-inner .logo{color:var(--ivory);font-size:1.75rem;font-weight:600;font-family:var(--serif);letter-spacing:-.015em}
.header-nav{gap:26px}
.header-nav a{color:var(--ivory-dim);font-size:.85rem;font-weight:500;transition:color .2s}
.header-nav a:hover,.header-nav a[aria-current="page"]{color:var(--ivory)}
/* mobil menü (JS'siz <details>) */
.bf-burger{display:none;position:relative}
.bf-burger summary{list-style:none;cursor:pointer;width:42px;height:42px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line-2);border-radius:8px}
.bf-burger summary::-webkit-details-marker{display:none}
.bf-burger summary i,.bf-burger summary i::before,.bf-burger summary i::after{content:"";display:block;width:18px;height:1.5px;background:var(--ivory);position:relative;transition:transform .2s}
.bf-burger summary i::before{position:absolute;top:-6px}
.bf-burger summary i::after{position:absolute;top:6px}
.bf-burger[open] summary i{background:transparent}
.bf-burger[open] summary i::before{top:0;transform:rotate(45deg)}
.bf-burger[open] summary i::after{top:0;transform:rotate(-45deg)}
.bf-burger-panel{position:absolute;right:0;top:calc(100% + 10px);width:min(280px,86vw);background:var(--ink-1);border:1px solid var(--line-2);border-radius:var(--r-lg);box-shadow:0 24px 60px rgba(0,0,0,.65);padding:8px;display:flex;flex-direction:column;z-index:200}
.bf-burger-panel a{padding:13px 14px;color:var(--ivory);text-decoration:none;font-size:.95rem;border-radius:8px}
.bf-burger-panel a:hover{background:var(--ink-3)}
.bf-burger-panel a.is-cta{margin-top:6px;background:var(--crimson);text-align:center;font-weight:600}
@media (max-width:860px){
  .header-nav{display:none!important}
  .bf-burger{display:block}
  header .header-inner{padding:0 18px}
}

.page-layout{gap:56px;padding:34px 30px 10px}
main{min-width:0}
.breadcrumb{font-size:.8rem;color:var(--mute);margin-bottom:22px}
.breadcrumb a{color:var(--gold)}
.breadcrumb span{opacity:.5}
.sponsors-section{background:var(--ink-1);border:1px solid var(--line);border-radius:var(--r-lg);padding:20px 22px;margin-bottom:34px}
.sponsors-section .section-label{background:none;color:var(--gold);padding:0;border-radius:0;font-size:.7rem;font-weight:600;letter-spacing:.16em;margin-bottom:14px}
.sponsors-grid{grid-template-columns:repeat(auto-fill,minmax(122px,1fr));gap:10px}
.sponsors-link{color:var(--gold);font-size:.82rem;font-weight:500;text-align:left;margin-top:14px}
.bf-sp{display:flex;flex-direction:column;gap:8px;background:var(--ink-0);border:1px solid var(--line);border-radius:8px;padding:12px;text-decoration:none;transition:border-color .2s}
.bf-sp:hover{border-color:var(--gold-dim)}
.bf-sp-logo{height:42px;display:flex;align-items:center;justify-content:center;background:#0a0a0c;border-radius:6px}
.bf-sp-logo img{max-width:80%;max-height:30px;object-fit:contain}
.bf-sp-name{font-size:.82rem;font-weight:600;color:var(--ivory);line-height:1.2}
.bf-sp-bonus{font-size:.74rem;color:var(--mute);line-height:1.35;min-height:2em}
.bf-sp-go{font-size:.68rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--gold)}

article{min-width:0;max-width:78ch}
article h1{font-family:var(--serif);font-weight:500;font-size:clamp(1.9rem,3.6vw,2.7rem);letter-spacing:-.02em;line-height:1.14;color:var(--ivory);margin-bottom:22px}
article h2{font-family:var(--serif);font-weight:500;font-size:1.55rem;color:var(--ivory);letter-spacing:-.01em;border-left:0;padding:0 0 12px;margin:46px 0 18px;border-bottom:1px solid var(--line);line-height:1.3}
article h3{font-family:var(--serif);font-weight:500;font-size:1.2rem;color:var(--ivory);margin:30px 0 10px}
article h4{color:var(--ivory)}
article p{font-size:1.02rem;line-height:1.8;color:var(--ivory-dim)}
article li{font-size:1rem;color:var(--ivory-dim)}
article a{color:var(--gold);text-decoration:underline;text-decoration-color:var(--gold-dim);text-underline-offset:3px}
article a:hover{text-decoration-color:var(--gold)}
article strong{color:var(--ivory)}
article img{height:auto;border-radius:8px}
.article-meta{border-bottom:1px solid var(--line)}
.article-meta .author-avatar{background:var(--ink-3);border:1px solid var(--line-2);color:var(--gold);font-family:var(--serif)}
.article-meta .reading-time{color:var(--gold)}
.toc,.steps-container,.site-card,.calc-box,.faq-item,.related-card,.sidebar-box,.stat-card,.strategy-card{background:var(--ink-1);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:none}
.toc li::before{color:var(--gold)}
.toc a:hover{color:var(--gold)}
.highlight-box,.info-box{background:var(--ink-1);border:1px solid var(--line);border-left:2px solid var(--gold);border-radius:0 var(--r-lg) var(--r-lg) 0;padding:22px 26px}
.tip-box{background:var(--ink-1);border:1px solid var(--line);border-left:2px solid var(--pos);border-radius:0 var(--r-lg) var(--r-lg) 0}
.warning-box{background:var(--ink-1);border:1px solid var(--line);border-left:2px solid var(--crimson);border-radius:0 var(--r-lg) var(--r-lg) 0}
.warning-box strong{color:#e0666f}
.tip-box strong{color:var(--pos)}
.step-num{background:transparent;border:1px solid var(--gold-dim);color:var(--gold);font-family:var(--serif);font-weight:500}
.site-card:hover,.related-card:hover{transform:none;box-shadow:none;border-color:var(--gold-dim)}
.badge{border-radius:3px;letter-spacing:.1em;font-size:.68rem}
.badge-top{background:var(--gold);color:var(--ink-0)}
.badge-new{background:var(--pos);color:var(--ink-0)}
.badge-hot{background:var(--crimson);color:#fff}
.meta-tags span{background:transparent;border:1px solid var(--line-2);color:var(--ivory-dim);border-radius:999px}
.table-wrapper{border:1px solid var(--line);border-radius:var(--r-lg)}
table{background:var(--ink-1)}
th{background:var(--ink-2)!important;color:var(--gold)!important;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;font-weight:600;border-bottom:1px solid var(--line-2)}
td{border-bottom:1px solid var(--line);color:var(--ivory-dim)}
tr:hover td{background:var(--ink-2)}
.calc-box h4{color:var(--gold);font-family:var(--serif);font-weight:500}
.calc-result{background:var(--gold-wash);border:1px solid var(--gold-dim)}
.calc-result .big{color:var(--gold);font-family:var(--serif);font-weight:500}
.game-stats,.strategy-grid{gap:12px}
.stat-card .value{font-family:var(--serif);font-weight:500;color:var(--gold)}
.faq-question{color:var(--ivory)}
.faq-question::after{color:var(--gold)}
.faq-question:hover{background:var(--ink-2)}
.cta-box{background:var(--ink-1)!important;border:1px solid var(--gold-dim);border-radius:var(--r-lg);padding:38px 32px;text-align:left}
.cta-box::before{display:none}
.cta-box h3{font-family:var(--serif);font-weight:500;color:var(--ivory);font-size:1.6rem}
.cta-box p{color:var(--ivory-dim)}
.cta-btn{background:var(--crimson);color:#fff;border-radius:6px;padding:13px 30px;font-size:.78rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.cta-btn:hover{background:var(--crimson-hi);transform:none;box-shadow:none}
.related-card h4{font-family:var(--serif);font-weight:500;font-size:1.02rem}
.sidebar{position:sticky;top:calc(var(--hdr) + 22px);align-self:start;gap:18px}
.sidebar-title{font-size:.72rem;letter-spacing:.16em;color:var(--mute);font-weight:600}
.sidebar-title::before{display:none}
.cat-list a{border-radius:6px;color:var(--ivory-dim)}
.cat-list a:hover,.cat-list a.active{background:var(--ink-3);color:var(--ivory)}
.telegram-box{background:var(--ink-1)!important;border-color:var(--line)!important}
.tg-link,.partner-link{background:var(--ink-0);border:1px solid var(--line);border-radius:8px}
.tg-link:hover,.partner-link:hover{border-color:var(--gold-dim);background:var(--ink-0)}
.tg-link .tg-icon,.partner-link .p-icon{background:var(--ink-3);border:1px solid var(--line-2);color:var(--gold);font-family:var(--serif)}
.tg-join{color:var(--gold)}
@media (max-width:1024px){.sidebar{position:static}}
@media (max-width:600px){.page-layout{padding:20px 16px 4px}article h1{font-size:1.75rem}article h2{font-size:1.3rem}}

/* geniş tablolar mobilde sayfayı taşırmasın */
article table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.table-wrapper table{display:table}
article img,article iframe,article video{max-width:100%}
pre,code{max-width:100%;overflow-x:auto}

/* ---------- Blog dizin sayfaları (kategori listeleri) ---------- */
.post-card,.blog-card,.article-card,.cat-card{background:var(--ink-1);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:none}
.post-card:hover,.blog-card:hover,.article-card:hover,.cat-card:hover{transform:none;border-color:var(--gold-dim)}

/* ---------- Hukuki / bilgi sayfaları ---------- */
.legal-content h1,.content-wrapper h1,.container h1{font-family:var(--serif);font-weight:500;letter-spacing:-.02em}

/* =====================================================================
   ORTAK ALT BİLGİ  (.bf-footer)
   ===================================================================== */
footer.bf-footer{background:var(--ink-0);border-top:1px solid var(--line);padding:56px 4% 30px;margin-top:64px}
.bf-footer-inner{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:1.7fr repeat(4,1fr);gap:40px}
.bf-footer-brand .bf-wordmark{font-size:30px;display:inline-block;margin-bottom:14px;text-decoration:none}
.bf-footer-brand p{font-size:13px;line-height:1.7;color:var(--mute);max-width:36ch;margin:0 0 14px}
.bf-18{display:flex;align-items:center;gap:10px}
.bf-18 b{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:26px;border:1px solid var(--line-2);border-radius:4px;color:var(--ivory-dim);font-size:11px;font-weight:600;letter-spacing:.04em}
.bf-footer-col h4{font-family:var(--sans);font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--ivory);margin:4px 0 16px;border:0;padding:0}
.bf-footer-col a{display:block;color:var(--mute);font-size:13.5px;padding:5px 0;text-decoration:none;transition:color .2s}
.bf-footer-col a:hover{color:var(--gold)}
.bf-footer-legal{max-width:1240px;margin:38px auto 0;padding:20px 0;border-top:1px solid var(--line);font-size:12px;line-height:1.75;color:#6d6a63}
.bf-footer-bottom{max-width:1240px;margin:0 auto;padding-top:18px;border-top:1px solid var(--line);display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:12px;color:#6d6a63}
.bf-footer-bottom a{color:#6d6a63;text-decoration:none;margin-left:18px}
.bf-footer-bottom a:hover{color:var(--gold)}
@media (max-width:1024px){.bf-footer-inner{grid-template-columns:repeat(2,1fr);gap:32px 28px}.bf-footer-brand{grid-column:1/-1}}
@media (max-width:520px){.bf-footer-inner{grid-template-columns:1fr 1fr}.bf-footer-bottom a{margin:0 14px 0 0}}

/* =====================================================================
   Ortak: küçük ekran düzeltmeleri
   ===================================================================== */
@media (max-width:768px){
  body{font-size:14.5px}
  .hero{padding:88px 5% 40px}
  .netflix-title,.all-sites-title{font-size:20px}
}

/* =====================================================================
   İkonlar (emoji yerine maske ile çizilen sade çizgi ikonlar)
   ===================================================================== */
.netflix-card-fav:empty::before,.site-fav-btn:empty::before,.main-search-icon:empty::before,.notification-icon:empty::before{
  content:"";display:block;width:15px;height:15px;background:currentColor;
  -webkit-mask:var(--ico) center/contain no-repeat;mask:var(--ico) center/contain no-repeat}
.netflix-card-fav,.site-fav-btn{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M12 20.5s-8-4.9-9.4-9.7C1.500 7.400 3.600 4.500 6.700 4.500c2 0 3.700 1.100 5.300 3 1.600-1.900 3.300-3 5.300-3 3.100 0 5.200 2.900 4.100 6.300-1.400 4.800-9.400 9.700-9.400 9.700z'/%3E%3C/svg%3E")}
.netflix-card-fav.active,.site-fav-btn.active{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black' stroke='black' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M12 20.5s-8-4.9-9.4-9.7C1.500 7.400 3.600 4.500 6.700 4.500c2 0 3.700 1.100 5.300 3 1.600-1.900 3.300-3 5.300-3 3.100 0 5.200 2.900 4.100 6.300-1.400 4.800-9.400 9.700-9.400 9.700z'/%3E%3C/svg%3E")}
.netflix-card-fav,.site-fav-btn{display:flex;align-items:center;justify-content:center;color:var(--ivory)}
.main-search-icon{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-3.500-3.500'/%3E%3C/svg%3E")}
.main-search-icon:empty::before{width:18px;height:18px}
.notification-icon{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9a6 6 0 0 1 12 0c0 6 2.500 7.500 2.500 7.500h-17S6 15 6 9z'/%3E%3Cpath d='M10 20a2 2 0 0 0 4 0'/%3E%3C/svg%3E")}
.netflix-card-img{padding-bottom:26px}
.netflix-card-img img{max-height:58px}
.popup-emoji:empty,.age-warning:empty{display:none}

/* ---------- makale içi sponsor sıralaması ---------- */
.bf-rank{list-style:none;margin:18px 0 8px;padding:0;border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;background:var(--ink-1)}
.bf-rank-item{display:flex;align-items:center;gap:16px;padding:14px 18px;border-bottom:1px solid var(--line);margin:0}
.bf-rank-item:last-child{border-bottom:0}
.bf-rank-no{font-family:var(--serif);font-size:1.4rem;color:var(--gold);width:26px;text-align:center;flex:0 0 auto}
.bf-rank-logo{flex:0 0 112px;height:40px;display:flex;align-items:center;justify-content:center;background:#0a0a0c;border-radius:6px;font-size:.8rem;color:var(--ivory-dim);font-weight:600}
.bf-rank-logo img{max-width:88%;max-height:28px;object-fit:contain;border-radius:0;height:auto}
.bf-rank-info{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}
.bf-rank-info strong{color:var(--ivory);font-weight:600;font-size:.98rem}
.bf-rank-info small{color:var(--mute);font-size:.82rem;line-height:1.35}
article .bf-rank-cta,.bf-rank-cta{flex:0 0 auto;background:var(--crimson);color:#fff;text-decoration:none;padding:10px 18px;border-radius:6px;font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
article .bf-rank-cta:hover{background:var(--crimson-hi)}
.bf-rank-note{font-size:.76rem!important;color:var(--mute)!important;margin:8px 2px 24px!important}
.bf-sp-empty{grid-column:1/-1;color:var(--mute);font-size:.88rem;margin:0}
@media (max-width:560px){
  .bf-rank-item{flex-wrap:wrap;gap:10px 12px;padding:14px}
  .bf-rank-logo{flex:0 0 96px}
  .bf-rank-info{flex:1 1 calc(100% - 150px)}
  .bf-rank-cta{flex:1 1 100%;text-align:center}
}

header .header-inner .logo{gap:0!important;display:inline-block}
@media (max-width:640px){
  .sponsors-section{padding:16px}
  .sponsors-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;overflow:visible!important;margin:0}
  .bf-sp{flex:none;min-width:0}
}

/* kategori sayfalarındaki "!important" istatistik bloğu ezmesi */
.hero-stats{gap:0!important;margin-top:32px!important;border-top:1px solid var(--line);border-bottom:1px solid var(--line);flex-wrap:nowrap!important}
.hero-stat{padding:18px 28px 18px 0!important;flex:1 1 0!important;min-width:0!important}
.hero-stat-value{font-family:var(--serif)!important;font-weight:500!important;font-size:clamp(1.6rem,3vw,2.3rem)!important;color:var(--ivory)!important;letter-spacing:-.01em!important}
.hero-stat-label{color:var(--mute)!important;letter-spacing:.14em!important;font-size:10.5px!important;font-weight:600!important}
@media (max-width:600px){.hero-stats{flex-wrap:wrap!important}.hero-stat{flex:1 1 45%!important}}
.page-hero{padding-top:36px!important}
.page-hero h1{margin-bottom:14px}
.netflix-carousel{gap:16px!important}

/* ---------- bf-header: hangi sayfa şablonunda kullanılırsa kullanılsın kendi başına çalışır ---------- */
header.bf-header{position:sticky;top:0;z-index:100;height:auto;padding:0;background:rgba(8,8,10,.86);-webkit-backdrop-filter:saturate(1.2) blur(14px);backdrop-filter:saturate(1.2) blur(14px);border-bottom:1px solid var(--line);display:block;width:auto}
header.bf-header .header-inner{max-width:1280px;margin:0 auto;padding:0 30px;height:var(--hdr);display:flex;align-items:center;justify-content:space-between;gap:24px}
header.bf-header .logo{font-family:var(--serif);font-weight:600;font-size:1.75rem;letter-spacing:-.015em;color:var(--ivory);text-decoration:none;line-height:1;display:inline-block;gap:0}
header.bf-header .logo span{color:var(--gold)}
header.bf-header .header-nav{display:flex;gap:26px;align-items:center}
header.bf-header .header-nav a{color:var(--ivory-dim);font-size:.85rem;font-weight:500;text-decoration:none;white-space:nowrap}
header.bf-header .header-nav a:hover,header.bf-header .header-nav a[aria-current="page"]{color:var(--ivory)}
@media (max-width:860px){header.bf-header .header-nav{display:none}header.bf-header .header-inner{padding:0 18px}}
.breadcrumb{max-width:1280px}
h1 span{color:var(--gold)}
/* blog dizin sayfalarında kalan parıltı / gradyanlar */
.hero::before,.hero::after{background:none!important;box-shadow:none!important}
.hero-badge{text-shadow:none!important;box-shadow:none!important}

/* blog dizin sayfaları: sabit değil sticky başlık kullandığı için hero üst boşluğu küçük */
body:has(header.bf-header) .hero{padding:52px 5% 40px}
body:has(header.bf-header) .hero h1{font-size:clamp(1.9rem,4.4vw,3rem)}
body:has(header.bf-header) .hero-stats{display:flex;flex-wrap:wrap;gap:10px 28px;margin-top:26px;border:0;border-top:1px solid var(--line);padding-top:18px}
body:has(header.bf-header) .hero-stat{padding:0!important;margin:0;flex:0 0 auto!important;font-size:.9rem;color:var(--mute)}
body:has(header.bf-header) .hero-stat strong{color:var(--ivory);font-family:var(--serif);font-weight:500;font-size:1.25rem;margin-right:6px}

/* =====================================================================
   Blog dizin sayfaları (ana blog + kategori indeksleri): gökkuşağı renkler,
   parıltı ve nabız animasyonları kaldırıldı; tek renk sistemi
   ===================================================================== */
body::before{background:var(--gold)!important;animation:none!important;height:2px!important;box-shadow:none!important}
.hero-badge,.hero-badge *{animation:none!important}
.cat-nav{background:transparent}
.cat-pill{--pill-color:var(--ivory)!important;background:transparent!important;border:1px solid var(--line-2)!important;color:var(--ivory-dim)!important;border-radius:999px;box-shadow:none!important;transform:none!important;font-family:var(--sans)}
.cat-pill:hover{background:var(--ink-2)!important;border-color:var(--gold-dim)!important;color:var(--ivory)!important;transform:none!important;box-shadow:none!important}
.cat-pill.active{background:var(--ivory)!important;border-color:var(--ivory)!important;color:var(--ink-0)!important;box-shadow:none!important}
.cat-pill .cat-count{background:rgba(255,255,255,.1)!important;color:inherit}
.cat-pill.active .cat-count{background:rgba(8,8,10,.14)!important}
.featured-card,.article-card{background:var(--ink-1)!important;border:1px solid var(--line)!important;border-radius:var(--r-lg)!important;box-shadow:none!important}
.featured-card::before,.article-card::before{display:none!important}
.featured-card:hover,.article-card:hover{transform:none!important;border-color:var(--gold-dim)!important;box-shadow:none!important}
.featured-card h3,.article-card h3,.featured-card h3 a,.article-card h3 a{font-family:var(--serif);font-weight:500;letter-spacing:-.01em;color:var(--ivory)}
.featured-card p,.article-card p{color:var(--ivory-dim)}
.featured-label,.featured-cat{background:transparent!important;color:var(--gold)!important;border:1px solid var(--gold-dim);border-radius:3px;padding:2px 8px;font-size:10px;letter-spacing:.12em;box-shadow:none!important}
.card-cat{background:transparent!important;color:var(--gold)!important;border:1px solid var(--gold-dim);box-shadow:none!important;letter-spacing:.12em}
.card-tag{background:transparent!important;border:1px solid var(--line);color:var(--mute)!important;border-radius:999px!important}
.card-link,.featured-link{background:transparent!important;border:0!important;border-bottom:1px solid var(--gold-dim)!important;border-radius:0!important;padding:0 0 2px!important;color:var(--gold)!important;box-shadow:none!important}
.card-link:hover,.featured-link:hover{background:transparent!important;color:var(--ivory)!important;border-color:var(--ivory)!important}
.section-title::before,.cat-header h2::before{background:var(--gold)!important;width:2px!important;border-radius:0}
.section-title,.cat-header h2{font-family:var(--serif);font-weight:500}
.cta-inner{background:var(--ink-1)!important;border:1px solid var(--gold-dim)!important;border-radius:var(--r-lg)!important;text-align:left}
.cta-inner::before,.cta-btn::after{display:none!important}
.cta-inner h3{font-family:var(--serif);font-weight:500;color:var(--ivory)}
.cta-btn{background:var(--crimson)!important;box-shadow:none!important;border-radius:6px!important;font-size:.78rem!important;letter-spacing:.08em;padding:14px 30px!important}
.cta-btn:hover{background:var(--crimson-hi)!important;transform:none!important;box-shadow:none!important}
.scroll-top{background:var(--ink-2)!important;border:1px solid var(--line-2)!important;box-shadow:none!important;animation:none!important;color:var(--ivory)}
.nav-cta{box-shadow:none!important}
.stats .stat,.hero-stats .hero-stat{background:transparent;border-radius:0}
.hero-divider div{background:var(--line)!important}
::-webkit-scrollbar-thumb{background:#2a2a30!important}

/* geniş ekranda ana başlık tek satıra sığsın */
.hero-content{max-width:980px}
.hero h1{max-width:22ch}
@media (min-width:1100px){.hero h1{max-width:none}}

/* kategori sayfaları: eski satır içi / !important başlık ve içerik renkleri */
.page-hero h1{font-family:var(--serif)!important;font-weight:500!important;text-transform:none!important;letter-spacing:-.02em!important;line-height:1.1!important;font-size:clamp(2rem,4.6vw,3.4rem)!important;color:var(--ivory)!important}
.page-hero h1 span,.page-hero h1 .gradient-text{color:var(--gold)!important;background:none!important;-webkit-text-fill-color:currentColor!important}
.seo-content h2,.seo-content h3,.seo-section h2,.seo-section h3,main section h2,main section h3{color:var(--ivory)}
main section h3{font-family:var(--serif);font-weight:500}
main a[style*="#FFD700"],main a[style*="#ffd700"]{color:var(--gold)!important}

/* Netflix kırmızısı kimliği: wordmark tamamen kırmızı, yıldızlar altın sarısı kalır */
.logo a,.logo,.mobile-logo-text,.footer-logo,.bf-wordmark,header.bf-header .logo,.nf-head a.nf-logo,header .header-inner .logo{color:var(--crimson)!important}
.logo a span,.logo span,.mobile-logo-text span,.footer-logo span,.bf-wordmark span,header.bf-header .logo span,.nf-head a.nf-logo span,header .header-inner .logo span{color:inherit!important}
.netflix-card-rating .stars,.site-item-stars,.article-meta .rating,.rating-stars-select .active{color:#f5c518!important}
.stat-card .value,.calc-result .big{color:var(--ivory)}
.hero-badge,.page-hero .hero-badge{color:var(--crimson)!important}
.hero-badge::before{background:var(--crimson)!important}
::selection{background:rgba(229,9,20,.35)}
:focus-visible{outline-color:var(--crimson)}

/* blog sponsor kutusu: tüm sponsorlar, yatay kaydırmalı (tüm ekranlarda) */
.sponsors-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;overflow:visible!important;padding-bottom:6px}
.sponsors-grid .bf-sp{flex:none;min-width:0}
.bf-sp-nav{display:none!important}
.bf-sp-nav button{width:32px;height:32px;border-radius:50%;background:transparent;border:1px solid var(--line-2);color:var(--ivory);cursor:pointer;font-size:.8rem}
.bf-sp-nav button:hover{border-color:var(--crimson)}

/* makale site listeleri: detay sayfasi baglantisi */
.bf-rank-review{flex:0 0 auto;margin-left:10px;color:var(--mute);font-size:.8rem;text-decoration:underline;white-space:nowrap}.bf-rank-review:hover{color:var(--ivory)}
@media (max-width:640px){.bf-rank-item{flex-wrap:wrap}.bf-rank-review{margin:6px 0 0 auto}}

/* ── Kategori sayfaları (yatirimsiz-bonus, guncel-giris, freespin …): içerik kutusu + sponsor ızgarası ── */
.max-w-5xl{max-width:64rem}.mx-auto{margin-left:auto;margin-right:auto}.px-4{padding-left:1rem;padding-right:1rem}.py-16{padding-top:4rem;padding-bottom:4rem}.rounded-3xl{border-radius:1.5rem}.p-8{padding:2rem}
@media (min-width:640px){.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}}
@media (min-width:768px){.md\:p-12{padding:3rem}}
@media (max-width:640px){.py-16{padding-top:2rem;padding-bottom:2rem}.p-8{padding:1.25rem}}
#seo-content .glass{background:var(--ink-1);border:1px solid var(--line);border-radius:var(--r)}
.seo-article h2{font-family:var(--serif);font-weight:500;letter-spacing:-.02em;color:var(--ivory)}
.seo-article a{color:var(--crimson-hi);text-decoration:underline;text-underline-offset:3px}
.seo-article .table-wrapper,.seo-article table{max-width:100%}
.seo-article{overflow-wrap:anywhere}
/* tüm sponsorlar görünsün: kaydırmalı şerit yerine ızgara */
.bf-cat-page .netflix-carousel{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px;overflow:visible!important;padding:10px 0 0!important;scroll-snap-type:none}
.bf-cat-page .netflix-card{flex:none!important;width:auto!important;min-width:0}
.bf-cat-page .netflix-nav{display:none!important}
@media (max-width:640px){.bf-cat-page .netflix-carousel{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}

/* Ana sayfa: tüm sponsorlar ızgarada (kaydırma yok) */
#sponsorCarousel{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px;overflow:visible!important;padding:10px 0 0!important;scroll-snap-type:none}
#sponsorCarousel .netflix-card{flex:none!important;width:auto!important;min-width:0}
.netflix-section:has(#sponsorCarousel) .netflix-nav{display:none!important}
@media (max-width:640px){#sponsorCarousel{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}

/* Makale üstü sponsor kutusu: tüm sponsorlar, sıkı kartlar (kaydırma yok) */
.sponsors-section .sponsors-grid{grid-template-columns:repeat(auto-fill,minmax(124px,1fr))!important;gap:8px!important}
.sponsors-grid .bf-sp{padding:8px;gap:4px;border-radius:8px}
.sponsors-grid .bf-sp-logo{height:34px}
.sponsors-grid .bf-sp-logo img{max-height:24px}
.sponsors-grid .bf-sp-name{font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sponsors-grid .bf-sp-bonus{min-height:0;font-size:.66rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sponsors-grid .bf-sp-go{display:none}
@media (max-width:640px){.sponsors-section .sponsors-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}.sponsors-grid .bf-sp{padding:6px}}