/* ============================================
   MAXWINBET PREMIUM GREEN THEME - v3.0
   Deep Dark Green - Desktop & Mobile
   ============================================ */

:root {
  --nv-bg1: #0A0A0A;
  --nv-bg2: #0A0A0A;
  --nv-surface: #0D1F12;
  --nv-surface2: #2B1313;
  --nv-surface3: #1A3525;
  --nv-primary: #EF4444;
  --nv-primary-soft: #F87171;
  --nv-primary-dark: #0ea5e9;
  --nv-primary-glow: rgba(239,68,68,0.15);
  --nv-accent: #F59E0B;
  --nv-accent2: #EF4444;
  --nv-text: #FEE2E2;
  --nv-text2: #8FC0A0;
  --nv-text3: #5F8A6B;
  --nv-border: rgba(239,68,68,0.08);
  --nv-border2: rgba(239,68,68,0.15);
  --nv-shadow: 0 2px 8px rgba(0,0,0,0.3);
  --nv-shadow2: 0 4px 20px rgba(239,68,68,0.12);
  --nv-radius: 12px;
  --nv-sidebar-w: 220px;
}

/* ══════════════════════════════════════
   BODY & BACKGROUND
   ══════════════════════════════════════ */
body, body.welcome-theme,
.wrapper, .main-content, #page-wrapper {
  background: linear-gradient(180deg, var(--nv-bg1) 0%, var(--nv-bg2) 40%, #0A0A0A 70%, var(--nv-bg1) 100%) !important;
  background-attachment: fixed !important;
  color: var(--nv-text) !important;
}

/* ── ANNOUNCEMENT ── */
.betcio-announce {
  background: #0d1f35 !important;
  border: none !important;
}
.announce-slide { color: rgba(255,255,255,0.9) !important; }

/* ── HEADER ── */
.betcio-header {
  background: rgba(6,14,9,0.92) !important;
  border-bottom: 1px solid var(--nv-border) !important;
  box-shadow: 0 1px 12px rgba(0,0,0,0.4) !important;
  backdrop-filter: blur(16px) !important;
}

/* Buttons */
.bh-btn.bh-btn-login {
  background: linear-gradient(135deg, #EF4444, #F87171) !important;
  color: #fff !important; border: none !important; border-radius: 8px !important;
  box-shadow: 0 2px 12px rgba(239,68,68,0.3) !important;
  font-size: 12px !important; padding: 8px 18px !important;
  text-shadow: 0 1px 2px rgba(0,0,0,0.2) !important;
}
.bh-btn.bh-btn-login:hover { box-shadow: 0 4px 20px rgba(239,68,68,0.45) !important; }
.bh-btn.bh-btn-yellow {
  background: linear-gradient(135deg, var(--nv-accent), #D97706) !important;
  color: #fff !important; border: none !important; border-radius: 8px !important;
  box-shadow: 0 2px 12px rgba(245,158,11,0.3) !important;
  font-size: 12px !important; padding: 8px 18px !important;
}
.bh-btn.bh-btn-yellow:hover { box-shadow: 0 4px 20px rgba(245,158,11,0.45) !important; }
.bh-btn.bh-btn-outline {
  background: transparent !important;
  color: var(--nv-primary-soft) !important;
  border: 1.5px solid var(--nv-border2) !important;
  border-radius: 8px !important; font-size: 11px !important;
}
.bh-btn.bh-btn-outline:hover { background: var(--nv-primary-glow) !important; border-color: var(--nv-primary) !important; }

/* Balance */
.bh-bal-display {
  background: transparent !important;
  color: #F6B84A !important;
  border: none !important;
  font-weight: 400 !important;
  font-size: 13px !important;
}
.bh-avatar {
  background: rgba(246,184,74,0.08) !important;
  color: #F6B84A !important;
  border: 2px solid rgba(246,184,74,0.3) !important;
}
.bh-clock { color: var(--nv-text3) !important; }
.bh-lang { color: var(--nv-text2) !important; }
.bh-hamburger { color: var(--nv-text2) !important; }
.bh-hamburger .bh-notif-badge { background: var(--nv-primary) !important; color: #fff !important; }
.bh-icon-btn { color: var(--nv-text2) !important; }
.bh-icon-btn:hover { color: var(--nv-primary-soft) !important; }

/* ── NAVIGATION ── */
.betcio-nav {
  background: #0d1f35 !important;
  border: none !important;
  box-shadow: none !important;
}
.betcio-nav a {
  color: rgba(255,255,255,0.8) !important;
  font-size: 12px !important;
}
.betcio-nav a:hover, .betcio-nav a.active {
  color: #fff !important;
  background: rgba(255,255,255,0.1) !important;
}
.betcio-nav a.nav-promo {
  background: rgba(245,158,11,0.15) !important;
  color: var(--nv-accent) !important;
}

/* ══════════════════════════════════════
   DESKTOP SIDEBAR (>991px)
   ══════════════════════════════════════ */
@media (min-width: 992px) {
  #menu-panel-left {
    display: block !important;
    position: fixed !important;
    left: 0 !important; top: 0 !important; bottom: 0 !important;
    width: var(--nv-sidebar-w) !important;
    transform: none !important;
    z-index: 1000 !important;
    background: linear-gradient(180deg, #0A0A0A, #0A0A0A, #0A0A0A) !important;
    border-right: 1px solid var(--nv-border) !important;
    box-shadow: 2px 0 16px rgba(0,0,0,0.3) !important;
    overflow-y: auto !important;
    transition: none !important;
  }
  .overlay { display: none !important; }

  .betcio-announce, .betcio-header, .betcio-nav {
    margin-left: var(--nv-sidebar-w) !important;
  }
  body .wrapper, body #page-wrapper, body .main-content,
  #large-slider, .mobile-quick-grid,
  .betcio-events-section, .betcio-kombine-section,
  .container.betco-section, .betco-section,
  .home-top-cats, section {
    margin-left: var(--nv-sidebar-w) !important;
  }

  .side-menu-header {
    background: #0d1f35 !important;
    padding: 18px 16px !important;
  }
  .side-menu-title { color: #fff !important; font-size: 14px !important; font-weight: 700 !important; }
  .side-menu-close { display: none !important; }
  .mk-bilet-badge { color: rgba(255,255,255,0.6) !important; font-size: 10px !important; }

  .bm-section-title {
    color: var(--nv-primary-soft) !important;
    font-size: 10px !important;
    border-bottom: 1px solid var(--nv-border) !important;
    padding: 14px 16px 6px !important;
    letter-spacing: 0.5px !important;
    opacity: 0.7 !important;
  }
  .bm-item {
    color: var(--nv-text2) !important;
    padding: 9px 16px !important; font-size: 13px !important;
    border-radius: 0 !important; margin: 0 !important;
    border-left: 3px solid transparent !important;
  }
  .bm-item:hover {
    background: var(--nv-primary-glow) !important;
    color: var(--nv-text) !important;
    border-left-color: var(--nv-primary) !important;
  }
  .bm-item i {
    color: var(--nv-primary-soft) !important;
    width: 20px !important; text-align: center !important; font-size: 14px !important;
    opacity: 0.6 !important;
  }
  .bm-item:hover i { opacity: 1 !important; }
  .bm-item.bm-gold {
    background: rgba(245,158,11,0.04) !important;
    color: var(--nv-accent) !important;
  }
  .bm-item.bm-gold i { color: var(--nv-accent) !important; opacity: 0.8 !important; }
  .bm-badge {
    background: linear-gradient(135deg, #EF4444, #F87171) !important;
    color: #fff !important; font-size: 8px !important;
    padding: 2px 6px !important; border-radius: 4px !important;
  }
  .bh-hamburger { opacity: 0.3 !important; }
}

/* ── SECTION TITLES ── */
.events-title {
  color: var(--nv-text) !important;
  border-left: 3px solid var(--nv-primary) !important;
  background: transparent !important;
  font-size: 13px !important; font-weight: 700 !important;
  padding-left: 10px !important;
  letter-spacing: 0.5px !important;
}

/* ── MOBILE QUICK GRID ── */
.mobile-quick-grid {
  background: rgba(13,31,18,0.5) !important;
  border: 1px solid var(--nv-border) !important;
  border-radius: var(--nv-radius) !important;
}
.mq-icon {
  background: var(--nv-primary-glow) !important;
}
.mq-icon i { color: var(--nv-primary-soft) !important; }
.mq-label { color: var(--nv-text2) !important; }
.mq-item { color: var(--nv-text) !important; }

/* ── EVENT CARDS ── */
.event-card {
  background: var(--nv-surface) !important;
  border: 1px solid var(--nv-border) !important;
  border-radius: var(--nv-radius) !important;
  box-shadow: var(--nv-shadow) !important;
}
.event-card:hover { border-color: var(--nv-border2) !important; box-shadow: var(--nv-shadow2) !important; }
.event-league { color: var(--nv-text2) !important; }
.event-live { background: #EF4444 !important; color: #fff !important; }
.event-team span { color: var(--nv-text) !important; }
.event-date, .event-time { color: var(--nv-text3) !important; }
.event-score { color: var(--nv-primary-soft) !important; font-weight: 700 !important; }
.odd-btn {
  background: rgba(239,68,68,0.06) !important;
  border: 1px solid var(--nv-border) !important;
  border-radius: 8px !important;
}
.odd-btn span { color: var(--nv-text3) !important; }
.odd-btn b { color: var(--nv-primary-soft) !important; }
.odd-btn:hover {
  background: linear-gradient(135deg, #EF4444, #F87171) !important;
  border-color: var(--nv-primary) !important;
}
.odd-btn:hover span, .odd-btn:hover b { color: #fff !important; }
.events-see-all { color: var(--nv-primary-soft) !important; }
.events-fallback {
  background: var(--nv-surface) !important;
  border: 1px solid var(--nv-border) !important;
  border-radius: var(--nv-radius) !important;
}
.ef-text b { color: var(--nv-text) !important; }
.ef-text span { color: var(--nv-text2) !important; }
.ef-icon i { color: var(--nv-primary-soft) !important; }
.ef-arrow { color: var(--nv-primary-soft) !important; }

/* ══════════════════════════════════════
   GAME CARDS & GRID
   ══════════════════════════════════════ */
@media (min-width: 992px) {
  .betco-games-grid { grid-template-columns: repeat(7, 1fr) !important; gap: 8px !important; }
}
@media (min-width: 768px) and (max-width: 991px) {
  .betco-games-grid { grid-template-columns: repeat(5, 1fr) !important; gap: 6px !important; }
}
@media (max-width: 767px) {
  .betco-games-grid { grid-template-columns: repeat(3, 1fr) !important; gap: 5px !important; }
}

.betco-game-card {
  background: var(--nv-surface) !important;
  border: 1px solid var(--nv-border) !important;
  border-radius: 10px !important;
}
.betco-game-card:hover {
  border-color: var(--nv-border2) !important;
  box-shadow: 0 4px 20px rgba(239,68,68,0.15) !important;
  transform: translateY(-3px) !important;
}
.betco-game-name {
  color: var(--nv-text2) !important;
  background: var(--nv-surface) !important;
  font-size: 10px !important; padding: 4px 6px !important;
}
.betco-game-overlay {
  background: linear-gradient(135deg, rgba(109,40,217,0.85), rgba(239,68,68,0.8)) !important;
}

/* ── CATEGORIES ── */
.hc-card {
  background: var(--nv-surface) !important;
  border: 1px solid var(--nv-border) !important;
  border-radius: 10px !important;
}
.hc-card:hover {
  background: rgba(239,68,68,0.06) !important;
  border-color: var(--nv-border2) !important;
}
.hc-name { color: var(--nv-text) !important; }
.hc-sub { color: var(--nv-text3) !important; }
.hc-card > i { color: var(--nv-primary-soft) !important; opacity: 0.7 !important; }
.hc-card:hover > i { opacity: 1 !important; }
.hc-bar { background: var(--nv-primary) !important; }

/* ── TRUST BAND ── */
.trust-band {
  background: rgba(13,31,18,0.4) !important;
  border: 1px solid var(--nv-border) !important;
  border-radius: 10px !important;
}
.trust-item i { color: var(--nv-accent2) !important; opacity: 0.6 !important; }
.trust-item span { color: var(--nv-text3) !important; }
.trust-sep { background: var(--nv-border) !important; }

/* ── BETCIO CATS ── */
.betcio-cat-card, .betcio-cat-card.betcio-cat-img {
  background: var(--nv-surface) !important;
  border: 1px solid var(--nv-border) !important;
  border-radius: var(--nv-radius) !important;
  color: var(--nv-text) !important;
}
.betcio-cat-card:hover { border-color: var(--nv-border2) !important; box-shadow: var(--nv-shadow2) !important; }

/* ── FAST SLOTS ── */
.mw-fs-provider { color: var(--nv-text3) !important; }

/* ── KOMBINE ── */
.kombine-cards { background: transparent !important; }

/* ── DROPDOWNS ── */
.td-dropdown {
  background: var(--nv-surface) !important;
  border: 1px solid var(--nv-border2) !important;
  box-shadow: 0 8px 32px rgba(0,0,0,0.4) !important;
  border-radius: var(--nv-radius) !important;
}
.td-item { color: var(--nv-text) !important; }
.td-item:hover { background: var(--nv-primary-glow) !important; }
.td-icon { color: var(--nv-primary-soft) !important; }
.td-badge { background: #EF4444 !important; color: #fff !important; }

.td-panel {
  background: #0c0f1a !important;
  border: none !important;
  box-shadow: -4px 0 30px rgba(0,0,0,0.6) !important;
}
.td-panel-head {
  background: #0c0f1a !important;
  color: #fff !important;
  border-bottom: 1px solid rgba(239,68,68,.12) !important;
}
.td-panel-head a { color: rgba(255,255,255,0.8) !important; }
.td-panel-title { color: #fff !important; }
.td-panel-clear { color: rgba(255,255,255,0.6) !important; }
.td-notif-item {
  background: rgba(255,255,255,.02) !important;
  border: 1px solid rgba(255,255,255,.05) !important;
  color: #fff !important;
  border-radius: 12px !important;
}
.td-setting-item { border-bottom: 1px solid var(--nv-border) !important; color: var(--nv-text) !important; }
.td-setting-label { color: var(--nv-text) !important; }
.td-setting-value { color: var(--nv-text2) !important; }

/* ── PROFILE ── */
.profile-popup, #profileDropdown {
  background: var(--nv-surface) !important;
  border: 1px solid var(--nv-border2) !important;
  box-shadow: 0 8px 32px rgba(0,0,0,0.4) !important;
  color: var(--nv-text) !important;
}

/* ── LEFT CONTAINER (ACCOUNT) ── */
.left-container {
  background: var(--nv-surface) !important;
  border: 1px solid var(--nv-border) !important;
  border-radius: var(--nv-radius) !important;
}
.left-container ul.sport-menu li a { color: var(--nv-text2) !important; }
.left-container ul.sport-menu li a:hover { background: var(--nv-primary-glow) !important; color: var(--nv-primary-soft) !important; }
.left-container ul.sport-menu li.active a { color: var(--nv-primary-soft) !important; }
.left-container .sub_menu_item { color: var(--nv-text3) !important; }
.left-container .sub_menu_item:hover { color: var(--nv-primary-soft) !important; }

/* ── MODAL ── */
.remodal, .home-remodal .modal-content {
  background: var(--nv-surface) !important;
  border-radius: var(--nv-radius) !important;
  color: var(--nv-text) !important;
  border: 1px solid var(--nv-border2) !important;
}
.modal-header { border-bottom: 1px solid var(--nv-border) !important; }
.modal-header .modal-title { color: var(--nv-text) !important; }
.remodal-confirm {
  background: linear-gradient(135deg, #EF4444, #F87171) !important;
  color: #fff !important; border-radius: 8px !important;
}

/* ── LIVE COUNT ── */
.live-count { color: var(--nv-accent2) !important; background: rgba(239,68,68,0.06) !important; border-color: rgba(239,68,68,0.12) !important; }

/* ── MOBILE BOTTOM NAV ── */
.mobile-bottom-nav {
  background: rgba(6,14,9,0.95) !important;
  border-top: 1px solid var(--nv-border2) !important;
  backdrop-filter: blur(16px) !important;
  box-shadow: 0 -2px 16px rgba(0,0,0,0.4) !important;
}
.mob-nav-item { color: var(--nv-text3) !important; }
.mob-nav-item i { color: var(--nv-text3) !important; }
.mob-nav-item.active, .mob-nav-item:hover { color: var(--nv-primary-soft) !important; }
.mob-nav-item.active i, .mob-nav-item:hover i { color: var(--nv-primary-soft) !important; }
.betcio-bottom-nav {
  background: rgba(6,14,9,0.95) !important;
  border-top: 1px solid var(--nv-border2) !important;
  backdrop-filter: blur(16px) !important;
}

/* ── SIDEBAR MOBILE ── */
@media (max-width: 991px) {
  #menu-panel-left {
    background: linear-gradient(180deg, #0A0A0A, #0A0A0A) !important;
    border-right: 1px solid var(--nv-border) !important;
  }
  .side-menu-header { background: #0d1f35 !important; }
  .bm-item { color: var(--nv-text2) !important; }
  .bm-item:hover { background: var(--nv-primary-glow) !important; color: var(--nv-text) !important; }
  .bm-section-title { color: var(--nv-primary-soft) !important; border-bottom-color: var(--nv-border) !important; }
  .overlay { background: rgba(0,0,0,0.6) !important; }
}

/* ── FOOTER ── */
.mk-sup-bar { background: transparent !important; }

/* ── SCROLLBAR ── */
::-webkit-scrollbar { width: 5px; }
::-webkit-scrollbar-track { background: var(--nv-bg1); }
::-webkit-scrollbar-thumb { background: rgba(239,68,68,0.3); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: var(--nv-primary); }

/* ══════════════════════════════════════
   ANIMATIONS
   ══════════════════════════════════════ */
.bh-btn, .odd-btn, .betco-game-card, .bm-item, .mq-item, .event-card, .hc-card, .betcio-cat-card {
  transition: all 0.2s ease !important;
}
.bh-btn:hover { transform: translateY(-1px) !important; }
.hc-card:hover { transform: translateY(-1px) !important; }

/* ── SUBTLE GLOW EFFECTS ── */
.betcio-header::after {
  content: '';
  position: absolute;
  bottom: -1px; left: 20%; right: 20%;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(239,68,68,0.3), transparent);
  pointer-events: none;
}

/* ── ANNOUNCEMENT - daha subtle ── */
.betcio-announce {
  background: rgba(15,10,28,0.9) !important;
  border-bottom: 1px solid rgba(239,68,68,0.1) !important;
}
.announce-slide { color: rgba(167,139,250,0.7) !important; }
.announce-slide i { color: rgba(167,139,250,0.5) !important; }

/* ── HEADER BUTTONS - elegant ── */
.bh-btn.bh-btn-login {
  background: rgba(239,68,68,0.12) !important;
  color: #F87171 !important;
  border: 1px solid rgba(239,68,68,0.25) !important;
  box-shadow: none !important;
  font-size: 11px !important;
  padding: 7px 16px !important;
  text-shadow: none !important;
  font-weight: 600 !important;
}
.bh-btn.bh-btn-login:hover {
  background: rgba(239,68,68,0.2) !important;
  border-color: rgba(239,68,68,0.4) !important;
  box-shadow: 0 0 12px rgba(239,68,68,0.15) !important;
}

.bh-btn.bh-btn-yellow {
  background: rgba(245,158,11,0.1) !important;
  color: #FBBF24 !important;
  border: 1px solid rgba(245,158,11,0.2) !important;
  box-shadow: none !important;
  font-size: 11px !important;
  padding: 7px 16px !important;
  font-weight: 600 !important;
}
.bh-btn.bh-btn-yellow:hover {
  background: rgba(245,158,11,0.18) !important;
  border-color: rgba(245,158,11,0.35) !important;
  box-shadow: 0 0 12px rgba(245,158,11,0.12) !important;
}

/* ── NAVBAR - daha muted ── */
.betcio-nav {
  background: rgba(13,31,18,0.8) !important;
  border: none !important;
  border-bottom: 1px solid rgba(239,68,68,0.08) !important;
  box-shadow: none !important;
}
.betcio-nav a {
  color: rgba(167,139,250,0.6) !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: 0.3px !important;
}
.betcio-nav a:hover, .betcio-nav a.active {
  color: #F87171 !important;
  background: rgba(239,68,68,0.08) !important;
}
.betcio-nav a.nav-promo {
  background: rgba(245,158,11,0.06) !important;
  color: rgba(251,191,36,0.7) !important;
}

/* ── MOBILE ICONS GIZLE ── */
.bh-mobile-icons { display: none !important; }

/* ── BENI ARA BUTTON ── */
.bh-call-btn {
  display: none;
  align-items: center;
  gap: 6px;
  padding: 6px 14px;
  background: rgba(239,68,68,0.1);
  border: 1px solid rgba(239,68,68,0.2);
  border-radius: 8px;
  color: #EF4444;
  font-size: 11px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s;
}
.bh-call-btn:hover {
  background: rgba(239,68,68,0.18);
  border-color: rgba(239,68,68,0.35);
}
.bh-call-btn i { font-size: 13px; }
@media (max-width: 767px) {
  .bh-call-btn { display: inline-flex !important; }
}

/* ── NAVBAR #06b6d4ESIGN ── */
.betcio-nav {
  background: rgba(6,14,9,0.85) !important;
  border: none !important;
  border-bottom: 1px solid rgba(239,68,68,0.06) !important;
  border-top: 1px solid rgba(239,68,68,0.06) !important;
  box-shadow: none !important;
  backdrop-filter: blur(12px) !important;
  padding: 0 8px !important;
  gap: 0 !important;
}
.betcio-nav a {
  color: rgba(200,190,230,0.5) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  padding: 12px 14px !important;
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  border-bottom: 2px solid transparent !important;
  transition: all 0.2s ease !important;
  white-space: nowrap !important;
}
.betcio-nav a:hover {
  color: #F87171 !important;
  background: transparent !important;
  border-bottom-color: rgba(239,68,68,0.4) !important;
}
.betcio-nav a.active {
  color: #F87171 !important;
  background: transparent !important;
  border-bottom-color: #EF4444 !important;
}
.betcio-nav a i {
  opacity: 0.5 !important;
  font-size: 11px !important;
}
.betcio-nav a:hover i { opacity: 0.8 !important; }
.betcio-nav a.nav-promo {
  color: rgba(251,191,36,0.5) !important;
  background: transparent !important;
  border-bottom-color: transparent !important;
}
.betcio-nav a.nav-promo:hover {
  color: #FBBF24 !important;
  border-bottom-color: rgba(251,191,36,0.4) !important;
}

/* ── NAVBAR NEON PREMIUM ── */
.betcio-nav {
  background: linear-gradient(180deg, rgba(13,31,18,0.9), rgba(6,14,9,0.95)) !important;
  border: none !important;
  border-bottom: 1px solid rgba(239,68,68,0.1) !important;
  box-shadow: 0 4px 20px rgba(0,0,0,0.3), inset 0 1px 0 rgba(239,68,68,0.08) !important;
  backdrop-filter: blur(16px) !important;
  padding: 6px 12px !important;
  gap: 6px !important;
  justify-content: center !important;
}
.betcio-nav a {
  color: rgba(200,185,245,0.55) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.8px !important;
  padding: 8px 18px !important;
  border: 1px solid transparent !important;
  border-radius: 20px !important;
  background: transparent !important;
  transition: all 0.3s ease !important;
  text-shadow: none !important;
  white-space: nowrap !important;
  border-bottom: none !important;
}
.betcio-nav a:hover {
  color: #C4B5FD !important;
  background: rgba(239,68,68,0.08) !important;
  border-color: rgba(239,68,68,0.2) !important;
  text-shadow: 0 0 8px rgba(239,68,68,0.3) !important;
  box-shadow: 0 0 12px rgba(239,68,68,0.08) !important;
}
.betcio-nav a.active {
  color: #D1FAE5 !important;
  background: rgba(239,68,68,0.12) !important;
  border-color: rgba(239,68,68,0.3) !important;
  text-shadow: 0 0 12px rgba(239,68,68,0.4) !important;
  box-shadow: 0 0 16px rgba(239,68,68,0.12), inset 0 0 8px rgba(239,68,68,0.06) !important;
}
.betcio-nav a i {
  opacity: 0.5 !important;
  font-size: 12px !important;
  filter: drop-shadow(0 0 3px rgba(239,68,68,0.2)) !important;
}
.betcio-nav a:hover i,
.betcio-nav a.active i {
  opacity: 0.9 !important;
  filter: drop-shadow(0 0 6px rgba(239,68,68,0.4)) !important;
}
.betcio-nav a.nav-promo {
  color: rgba(251,191,36,0.5) !important;
  background: transparent !important;
  border-color: transparent !important;
}
.betcio-nav a.nav-promo:hover {
  color: #FBBF24 !important;
  border-color: rgba(251,191,36,0.2) !important;
  text-shadow: 0 0 8px rgba(251,191,36,0.3) !important;
  box-shadow: 0 0 12px rgba(251,191,36,0.06) !important;
}

/* ── NAV PILLS - FROSTED WHITE ── */
.betcio-nav a {
  color: rgba(255,255,255,0.85) !important;
  background: rgba(255,255,255,0.06) !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
  backdrop-filter: blur(4px) !important;
  text-shadow: 0 1px 2px rgba(0,0,0,0.3) !important;
}
.betcio-nav a:hover {
  color: #fff !important;
  background: rgba(255,255,255,0.12) !important;
  border-color: rgba(255,255,255,0.2) !important;
  box-shadow: 0 0 16px rgba(255,255,255,0.06) !important;
  text-shadow: 0 0 8px rgba(255,255,255,0.2) !important;
}
.betcio-nav a.active {
  color: #fff !important;
  background: rgba(255,255,255,0.14) !important;
  border-color: rgba(255,255,255,0.25) !important;
  box-shadow: 0 0 20px rgba(255,255,255,0.08) !important;
}
.betcio-nav a i {
  opacity: 0.7 !important;
  color: rgba(255,255,255,0.8) !important;
  filter: none !important;
}
.betcio-nav a:hover i { opacity: 1 !important; }

/* ── NAV SCROLL FIX ── */
.betcio-nav {
  justify-content: flex-start !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  -webkit-overflow-scrolling: touch !important;
  scrollbar-width: none !important;
  flex-wrap: nowrap !important;
}
.betcio-nav::-webkit-scrollbar { display: none !important; }
.betcio-nav a { flex-shrink: 0 !important; }

/* ── NAV v4 - CLEAN GLOW UNDERLINE ── */
.betcio-nav {
  background: transparent !important;
  border: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  padding: 0 8px !important;
  gap: 0 !important;
  margin-bottom: 2px !important;
}
.betcio-nav a {
  color: rgba(255,255,255,0.4) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 1px !important;
  padding: 10px 16px !important;
  border: none !important;
  border-radius: 0 !important;
  background: none !important;
  backdrop-filter: none !important;
  text-shadow: none !important;
  position: relative !important;
  box-shadow: none !important;
}
.betcio-nav a::after {
  content: '' !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 20% !important;
  right: 20% !important;
  height: 2px !important;
  background: transparent !important;
  border-radius: 2px !important;
  transition: all 0.3s ease !important;
}
.betcio-nav a:hover {
  color: rgba(255,255,255,0.85) !important;
  background: none !important;
  border: none !important;
  box-shadow: none !important;
}
.betcio-nav a:hover::after {
  background: linear-gradient(90deg, var(--nv-primary), var(--nv-primary-soft)) !important;
  box-shadow: 0 0 10px rgba(239,68,68,0.5), 0 0 20px rgba(239,68,68,0.2) !important;
  left: 15% !important;
  right: 15% !important;
}
.betcio-nav a.active {
  color: #fff !important;
  background: none !important;
  border: none !important;
}
.betcio-nav a.active::after {
  background: linear-gradient(90deg, var(--nv-primary), var(--nv-primary-soft)) !important;
  box-shadow: 0 0 12px rgba(239,68,68,0.6), 0 0 24px rgba(239,68,68,0.2) !important;
  left: 10% !important;
  right: 10% !important;
}
.betcio-nav a i {
  opacity: 0.4 !important;
  filter: none !important;
  color: inherit !important;
}
.betcio-nav a:hover i, .betcio-nav a.active i {
  opacity: 0.9 !important;
}

/* ── NAV v5 - FLOATING CAPSULE BAR ── */
.betcio-nav {
  background: rgba(239,68,68,0.06) !important;
  border: 1px solid rgba(239,68,68,0.1) !important;
  border-radius: 50px !important;
  box-shadow: 0 4px 24px rgba(0,0,0,0.2), inset 0 0 30px rgba(239,68,68,0.03) !important;
  backdrop-filter: blur(20px) !important;
  padding: 4px 6px !important;
  gap: 3px !important;
  margin: 8px auto !important;
  max-width: 600px !important;
  width: fit-content !important;
}
.betcio-nav a {
  color: rgba(255,255,255,0.45) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.8px !important;
  padding: 8px 16px !important;
  border: none !important;
  border-radius: 50px !important;
  background: transparent !important;
  backdrop-filter: none !important;
  text-shadow: none !important;
  box-shadow: none !important;
  transition: all 0.25s ease !important;
  position: relative !important;
}
.betcio-nav a::after { display: none !important; }
.betcio-nav a:hover {
  color: #fff !important;
  background: linear-gradient(135deg, rgba(239,68,68,0.2), rgba(167,139,250,0.15)) !important;
  box-shadow: none !important;
  border: none !important;
}
.betcio-nav a.active,
.betcio-nav a:first-child {
  color: #fff !important;
  background: linear-gradient(135deg, #0ea5e9, #EF4444, #F87171) !important;
  box-shadow: 0 2px 12px rgba(239,68,68,0.35) !important;
  text-shadow: 0 1px 3px rgba(0,0,0,0.3) !important;
}
.betcio-nav a i {
  display: none !important;
}
@media (min-width: 992px) {
  .betcio-nav {
    margin-left: calc(var(--nv-sidebar-w) + 0px) !important;
    margin-right: auto !important;
  }
}

/* ── NAV v5 - FLOATING CAPSULE BAR ── */
.betcio-nav {
  background: rgba(239,68,68,0.06) !important;
  border: 1px solid rgba(239,68,68,0.1) !important;
  border-radius: 50px !important;
  box-shadow: 0 4px 24px rgba(0,0,0,0.2), inset 0 0 30px rgba(239,68,68,0.03) !important;
  backdrop-filter: blur(20px) !important;
  padding: 4px 6px !important;
  gap: 3px !important;
  margin: 8px auto !important;
  max-width: 600px !important;
  width: fit-content !important;
}
.betcio-nav a {
  color: rgba(255,255,255,0.45) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.8px !important;
  padding: 8px 16px !important;
  border: none !important;
  border-radius: 50px !important;
  background: transparent !important;
  backdrop-filter: none !important;
  text-shadow: none !important;
  box-shadow: none !important;
  transition: all 0.25s ease !important;
  position: relative !important;
}
.betcio-nav a::after { display: none !important; }
.betcio-nav a:hover {
  color: #fff !important;
  background: linear-gradient(135deg, rgba(239,68,68,0.2), rgba(167,139,250,0.15)) !important;
  box-shadow: none !important;
  border: none !important;
}
.betcio-nav a.active,
.betcio-nav a:first-child {
  color: #fff !important;
  background: linear-gradient(135deg, #0ea5e9, #EF4444, #F87171) !important;
  box-shadow: 0 2px 12px rgba(239,68,68,0.35) !important;
  text-shadow: 0 1px 3px rgba(0,0,0,0.3) !important;
}
.betcio-nav a i {
  display: none !important;
}
@media (min-width: 992px) {
  .betcio-nav {
    margin-left: calc(var(--nv-sidebar-w) + 0px) !important;
    margin-right: auto !important;
  }
}

/* ── NAV v6 - HEADER INTEGRATED ── */
.betcio-nav {
  background: none !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  padding: 0 !important;
  gap: 0 !important;
  margin: 0 !important;
  max-width: none !important;
  width: auto !important;
  position: absolute !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  top: 0 !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
}
@media (min-width: 992px) {
  .betcio-nav {
    left: calc(50% + var(--nv-sidebar-w) / 2) !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

/* Header'ı relative yap */
.betcio-header { position: relative !important; }

.betcio-nav a {
  color: rgba(255,255,255,0.35) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  padding: 0 14px !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  border: none !important;
  border-radius: 0 !important;
  background: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
  transition: color 0.2s !important;
}
.betcio-nav a::after { display: none !important; }
.betcio-nav a:hover { color: rgba(255,255,255,0.8) !important; background: none !important; }
.betcio-nav a.active, .betcio-nav a:first-child { color: #fff !important; }
.betcio-nav a i { display: none !important; }

/* Mobilde geri al */
@media (max-width: 767px) {
  .betcio-nav {
    position: relative !important;
    left: auto !important;
    transform: none !important;
    height: auto !important;
    overflow-x: auto !important;
    padding: 8px !important;
    gap: 6px !important;
    justify-content: flex-start !important;
  }
  .betcio-nav a {
    height: auto !important;
    padding: 6px 14px !important;
    color: rgba(255,255,255,0.5) !important;
    background: rgba(255,255,255,0.04) !important;
    border: 1px solid rgba(255,255,255,0.06) !important;
    border-radius: 20px !important;
    font-size: 11px !important;
    flex-shrink: 0 !important;
  }
  .betcio-nav a:hover, .betcio-nav a:first-child {
    color: #fff !important;
    background: rgba(239,68,68,0.15) !important;
    border-color: rgba(239,68,68,0.25) !important;
  }
}

/* ── NAV ACTIVE FIX - URL BASED ── */
.betcio-nav a:first-child {
  color: rgba(255,255,255,0.35) !important;
  background: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
}
.betcio-nav a.nv-active {
  color: #fff !important;
  background: #0d1f35 !important;
  box-shadow: 0 2px 12px rgba(239,68,68,0.35) !important;
  border-radius: 20px !important;
  text-shadow: 0 1px 3px rgba(0,0,0,0.3) !important;
}
@media (max-width: 767px) {
  .betcio-nav a:first-child {
    color: rgba(255,255,255,0.5) !important;
    background: rgba(255,255,255,0.04) !important;
    border: 1px solid rgba(255,255,255,0.06) !important;
  }
  .betcio-nav a.nv-active {
    color: #fff !important;
    background: rgba(239,68,68,0.15) !important;
    border-color: rgba(239,68,68,0.25) !important;
    box-shadow: none !important;
  }
}

/* ══════════════════════════════════════
   LIGHTER PURPLE PALETTE v4
   ══════════════════════════════════════ */
:root {
  --nv-bg1: #0A0A0A !important;
  --nv-bg2: #0A0A0A !important;
  --nv-surface: #2B1313 !important;
  --nv-surface2: #1A3525 !important;
  --nv-surface3: #38306C !important;
  --nv-primary: #EF4444 !important;
  --nv-primary-soft: #fff !important;
  --nv-primary-dark: #0ea5e9 !important;
  --nv-primary-glow: rgba(239,68,68,0.12) !important;
  --nv-accent: #F87171 !important;
  --nv-text: #FEE2E2 !important;
  --nv-text2: #B8A8D8 !important;
  --nv-text3: #5F8A6B !important;
  --nv-border: rgba(239,68,68,0.1) !important;
  --nv-border2: rgba(239,68,68,0.18) !important;
}

body, body.welcome-theme,
.wrapper, .main-content, #page-wrapper {
  background: linear-gradient(180deg, #0A0A0A 0%, #0A0A0A 40%, #0A0A0A 70%, #0A0A0A 100%) !important;
}

/* Header */
.betcio-header {
  background: rgba(6,14,9,0.92) !important;
  border-bottom: 1px solid rgba(239,68,68,0.08) !important;
}

/* Sidebar */
@media (min-width: 992px) {
  #menu-panel-left {
    background: linear-gradient(180deg, #0A0A0A, #0A0A0A, #0A0A0A) !important;
    border-right: 1px solid rgba(239,68,68,0.08) !important;
  }
  .side-menu-header {
    background: #0d1f35 !important;
  }
}

/* Quick grid */
.mobile-quick-grid {
  background: rgba(37,32,80,0.5) !important;
  border: 1px solid rgba(239,68,68,0.08) !important;
}
.mq-icon { background: rgba(239,68,68,0.1) !important; }

/* Event cards */
.event-card { background: #2B1313 !important; border: 1px solid rgba(239,68,68,0.08) !important; }
.odd-btn { background: rgba(239,68,68,0.06) !important; border: 1px solid rgba(239,68,68,0.1) !important; }

/* Game cards */
.betco-game-card { background: #2B1313 !important; border: 1px solid rgba(239,68,68,0.08) !important; }
.betco-game-name { background: #2B1313 !important; color: #B8A8D8 !important; }

/* Categories */
.hc-card { background: #2B1313 !important; border: 1px solid rgba(239,68,68,0.08) !important; }

/* Trust band */
.trust-band { background: rgba(37,32,80,0.4) !important; border: 1px solid rgba(239,68,68,0.06) !important; }

/* Section titles */
.events-title { color: #FEE2E2 !important; border-left: 3px solid #EF4444 !important; }

/* Dropdowns */
.td-dropdown { background: #0d1f35 !important; border: 1px solid rgba(246,184,74,0.12) !important; }
.td-panel { background: #2B1313 !important; }
.td-notif-item { background: rgba(239,68,68,0.04) !important; }

/* Bottom nav */
.mobile-bottom-nav { background: rgba(6,14,9,0.95) !important; border-top: 1px solid rgba(239,68,68,0.1) !important; }
.betcio-bottom-nav { background: rgba(6,14,9,0.95) !important; }

/* Mobile sidebar */
@media (max-width: 991px) {
  #menu-panel-left { background: linear-gradient(180deg, #0A0A0A, #0A0A0A) !important; }
}

/* Buttons - logoya uyumlu altın ton */
.bh-btn.bh-btn-login {
  background: rgba(239,68,68,0.1) !important;
  color: #fff !important;
  border: 1px solid rgba(239,68,68,0.2) !important;
}
.bh-btn.bh-btn-yellow {
  background: rgba(248,113,113,0.1) !important;
  color: #F87171 !important;
  border: 1px solid rgba(248,113,113,0.2) !important;
}

/* Nav active */
.betcio-nav a.nv-active {
  background: #0d1f35 !important;
}

/* Announce */
.betcio-announce { background: rgba(6,14,9,0.85) !important; }
.announce-slide { color: rgba(180,156,255,0.6) !important; }


/* ── DUAL BANNER GRID ── */
.nv-dual-banner {
  display: grid;
  grid-template-columns: 1.3fr 1fr;
  gap: 10px;
  padding: 10px;
  margin: 0 auto;
}
.nv-banner-card {
  border-radius: 14px;
  overflow: hidden;
  background: var(--nv-surface);
  border: 1px solid var(--nv-border);
  position: relative;
  box-shadow: 0 4px 20px rgba(0,0,0,0.3);
  transition: all 0.3s ease;
}
.nv-banner-card:hover {
  border-color: var(--nv-border2);
  box-shadow: 0 6px 28px rgba(239,68,68,0.15);
  transform: translateY(-2px);
}
.nv-banner-card a { display: block; }
.nv-banner-card { min-height: 130px; }
.nv-banner-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

@media (max-width: 767px) {
  .nv-dual-banner {
    grid-template-columns: 1.3fr 1fr;
    gap: 6px;
    padding: 8px;
  }
  .nv-banner-card { border-radius: 10px; min-height: 120px; }
}

@media (min-width: 992px) {
  .nv-dual-banner { margin-left: var(--nv-sidebar-w); padding: 12px 16px; }
}

/* Hide old slider */
#large-slider { display: none !important; }


/* ── BENI ARA - MOBILE FIX ── */
@media (max-width: 767px) {
  .bh-call-btn {
    position: fixed !important;
    bottom: 75px !important;
    right: 12px !important;
    z-index: 999 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 46px !important;
    height: 46px !important;
    padding: 0 !important;
    border-radius: 50% !important;
    background: linear-gradient(135deg, #EF4444, #0ea5e9) !important;
    border: none !important;
    color: #fff !important;
    font-size: 0 !important;
    box-shadow: 0 4px 16px rgba(239,68,68,0.35) !important;
    animation: nv-pulse 2s infinite !important;
  }
  .bh-call-btn i {
    font-size: 18px !important;
    margin: 0 !important;
  }
}

@keyframes nv-pulse {
  0%, 100% { box-shadow: 0 4px 16px rgba(239,68,68,0.35); }
  50% { box-shadow: 0 4px 24px rgba(239,68,68,0.55), 0 0 0 8px rgba(239,68,68,0.08); }
}

/* BENI ARA - aktif */

/* ── BENI ARA - SABİT SAĞ ALT ── */
.bh-call-btn {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  padding: 10px 18px !important;
  background: linear-gradient(135deg, #EF4444, #0ea5e9) !important;
  border: none !important;
  border-radius: 24px !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  position: fixed !important;
  right: 16px !important;
  bottom: 75px !important;
  z-index: 9990 !important;
  white-space: nowrap !important;
  animation: nv-pulse 2s infinite !important;
  width: auto !important;
  height: auto !important;
  box-shadow: 0 4px 16px rgba(239,68,68,0.35) !important;
  font-family: 'Inter',sans-serif !important;
  letter-spacing: .3px !important;
}
.bh-call-btn i {
  font-size: 14px !important;
  margin: 0 !important;
  color: #fff !important;
}
.bh-call-btn:hover {
  box-shadow: 0 6px 24px rgba(239,68,68,0.5) !important;
  transform: translateY(-2px) !important;
}

/* Header'a padding ekle buton için */
.betcio-header {
  position: relative !important;
  margin-bottom: 28px !important;
}

@media (min-width: 768px) {
  /* bh-call-btn visible */
  .betcio-header { margin-bottom: 0 !important; }
}

/* ── LOGO KÜÇÜLT ── */
.bh-logo img {
  max-height: 32px !important;
  width: auto !important;
}
.bh-logo {
  max-width: 120px !important;
}

/* ── BENI ARA - KÜÇÜK KUTU ── */
@media (max-width: 767px) {
  .bh-call-btn {
    position: static !important;
    margin: 0 !important;
    padding: 4px 10px !important;
    font-size: 10px !important;
    border-radius: 6px !important;
    width: auto !important;
    display: inline-flex !important;
  }
  .betcio-header {
    margin-bottom: 0 !important;
  }
}

/* ── QUICK GRID GIZLE ── */
.mobile-quick-grid {
  display: none !important;
}

/* ── KATEGORI KARTLARI GIZLE ── */
.home-top-cats {
  display: none !important;
}

/* ── YUVARLAK IKON KATEGORILER ── */
.nv-cat-icons {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
  padding: 16px 12px;
}
.nv-cat-icon {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  text-decoration: none;
  cursor: pointer;
}
.nv-cat-icon-circle {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  color: #fff;
  transition: all 0.3s ease;
  box-shadow: 0 4px 16px rgba(0,0,0,0.2);
}
.nv-cat-icon:hover .nv-cat-icon-circle {
  transform: scale(1.1);
}
.nv-cat-icon-circle.nv-slot { background: linear-gradient(135deg, #EF4444, #F87171); }
.nv-cat-icon-circle.nv-casino { background: linear-gradient(135deg, #EC4899, #F472B6); }
.nv-cat-icon-circle.nv-spor { background: linear-gradient(135deg, #EF4444, #F87171); }
.nv-cat-icon-circle.nv-crash { background: linear-gradient(135deg, #F59E0B, #FBBF24); }

.nv-cat-icon-label {
  color: var(--nv-text2);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.5px;
}
.nv-cat-icon:hover .nv-cat-icon-label { color: var(--nv-text); }

@media (min-width: 992px) {
  .nv-cat-icons { margin-left: var(--nv-sidebar-w); }
}

/* ── BETCIO CATS GIZLE ── */
.betcio-cats {
  display: none !important;
}

/* ── PROMO SCROLL CARDS ── */
.nv-promo-scroll {
  display: flex;
  gap: 12px;
  padding: 12px;
  overflow-x: auto;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}
.nv-promo-scroll::-webkit-scrollbar { display: none; }

.nv-promo-card {
  flex-shrink: 0;
  width: 110px;
  border-radius: 14px;
  padding: 18px 10px 14px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.3s ease;
  border: 1px solid rgba(239,68,68,0.1);
  position: relative;
  overflow: hidden;
}
.nv-promo-card::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  opacity: 0.06;
  border-radius: 14px;
  transition: opacity 0.3s;
}
.nv-promo-card:hover { transform: translateY(-3px); border-color: rgba(239,68,68,0.2); }
.nv-promo-card:hover::before { opacity: 0.12; }

.nv-promo-icon {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  color: #fff;
  box-shadow: 0 4px 16px rgba(0,0,0,0.25);
  position: relative;
  z-index: 1;
}

.nv-promo-label {
  color: var(--nv-text);
  font-size: 10px;
  font-weight: 700;
  text-align: center;
  letter-spacing: 0.3px;
  line-height: 1.3;
  position: relative;
  z-index: 1;
}
.nv-promo-sub {
  font-size: 16px;
  opacity: 0.4;
  position: relative;
  z-index: 1;
}

/* Card Colors */
.nv-pc-bonus { background: linear-gradient(180deg, rgba(245,158,11,0.08), rgba(245,158,11,0.02)); }
.nv-pc-bonus .nv-promo-icon { background: linear-gradient(135deg, #F59E0B, #D97706); }
.nv-pc-bonus::before { background: linear-gradient(135deg, #F59E0B, #D97706); }

.nv-pc-cark { background: linear-gradient(180deg, rgba(236,72,153,0.08), rgba(236,72,153,0.02)); }
.nv-pc-cark .nv-promo-icon { background: linear-gradient(135deg, #EC4899, #DB2777); }
.nv-pc-cark::before { background: linear-gradient(135deg, #EC4899, #DB2777); }

.nv-pc-whatsapp { background: linear-gradient(180deg, rgba(37,211,102,0.08), rgba(37,211,102,0.02)); }
.nv-pc-whatsapp .nv-promo-icon { background: linear-gradient(135deg, #EF4444, #128C7E); }
.nv-pc-whatsapp::before { background: linear-gradient(135deg, #EF4444, #128C7E); }

.nv-pc-telegram { background: linear-gradient(180deg, rgba(38,165,230,0.08), rgba(38,165,230,0.02)); }
.nv-pc-telegram .nv-promo-icon { background: linear-gradient(135deg, #26A5E4, #0088CC); }
.nv-pc-telegram::before { background: linear-gradient(135deg, #26A5E4, #0088CC); }

.nv-pc-destek { background: linear-gradient(180deg, rgba(239,68,68,0.08), rgba(239,68,68,0.02)); }
.nv-pc-destek .nv-promo-icon { background: linear-gradient(135deg, #EF4444, #0ea5e9); }
.nv-pc-destek::before { background: linear-gradient(135deg, #EF4444, #0ea5e9); }

.nv-pc-bonuslar { background: linear-gradient(180deg, rgba(239,68,68,0.08), rgba(239,68,68,0.02)); }
.nv-pc-bonuslar .nv-promo-icon { background: linear-gradient(135deg, #EF4444, #0ea5e9); }
.nv-pc-bonuslar::before { background: linear-gradient(135deg, #EF4444, #0ea5e9); }

@media (min-width: 992px) {
  .nv-promo-scroll { margin-left: var(--nv-sidebar-w); padding: 12px 16px; }
}

/* ── YUVARLAK IKONLAR GIZLE ── */
.nv-cat-icons {
  display: none !important;
}

/* ── PROMO KARTLAR v2 - GÖRSEL ── */
.nv-promo-scroll {
  gap: 10px !important;
  padding: 14px 12px !important;
}
.nv-promo-card {
  width: 120px !important;
  min-height: 130px !important;
  border-radius: 16px !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 1px solid rgba(239,68,68,0.12) !important;
}
.nv-promo-card .nv-promo-icon {
  width: 100% !important;
  height: 75px !important;
  border-radius: 0 !important;
  font-size: 32px !important;
  box-shadow: none !important;
}
.nv-promo-card .nv-promo-label {
  padding: 8px 6px !important;
  font-size: 10px !important;
  line-height: 1.2 !important;
}
.nv-promo-card .nv-promo-sub {
  display: none !important;
}

/* ── PROMO KART v3 - GORSEL ── */
.nv-promo-card {
  flex-shrink: 0 !important;
  width: 120px !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  background: var(--nv-surface) !important;
  border: 1px solid var(--nv-border) !important;
  display: flex !important;
  flex-direction: column !important;
  text-decoration: none !important;
  padding: 0 !important;
  min-height: auto !important;
}
.nv-promo-card .nv-promo-img {
  width: 100% !important;
  height: 80px !important;
  object-fit: cover !important;
  display: block !important;
}
.nv-promo-card .nv-promo-label {
  padding: 8px 6px !important;
  text-align: center !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  color: var(--nv-text) !important;
}
.nv-promo-card .nv-promo-icon { display: none !important; }
.nv-promo-card .nv-promo-sub { display: none !important; }
.nv-promo-card::before { display: none !important; }

/* ── PROMO KART CERCEVE KALDIR ── */
.nv-promo-card {
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
}
.nv-promo-card .nv-promo-img {
  border-radius: 12px !important;
}



/* ── ANLIK KAZANCLAR V2 ── */
.nv-winners{padding:12px}
.nv-winners-header{display:flex;align-items:center;gap:8px;margin-bottom:10px}
.nv-winners-title{font-size:14px;font-weight:800;color:#fff;white-space:nowrap;margin-right:4px}
.nv-winners-tabs{display:flex;gap:4px;flex-shrink:0}
.nv-win-tab{padding:3px 9px;border-radius:12px;border:1px solid rgba(255,255,255,0.15);background:transparent;color:rgba(255,255,255,0.6);font-size:10px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}
.nv-win-tab.active{background:#fff;color:#0A0A0A;border-color:#fff}
.nv-win-tab:hover:not(.active){border-color:rgba(255,255,255,0.4);color:#fff}
.nv-winners-list{display:none;gap:8px;width:max-content}
.nv-winners-list.active{display:flex;animation:nvScroll 30s linear infinite}
.nv-winners-list:hover{animation-play-state:paused}
@keyframes nvScroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.nv-win-card{flex-shrink:0;width:160px;background:rgba(30,27,75,0.6);border:1px solid rgba(239,68,68,0.15);border-radius:10px;padding:8px;display:flex;align-items:center;gap:8px;backdrop-filter:blur(8px)}
.nv-win-card:hover{border-color:rgba(239,68,68,0.4);transform:translateY(-1px)}
.nv-win-img{width:38px;height:38px;border-radius:8px;object-fit:cover;flex-shrink:0}
.nv-win-info{overflow:hidden;min-width:0}
.nv-win-user{font-size:9px;color:rgba(255,255,255,0.45);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nv-win-game{font-size:11px;color:#fff;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}
.nv-win-amount{font-size:13px;font-weight:800;color:#EF4444;line-height:1.3}
@media(min-width:992px){.nv-winners{margin-left:var(--nv-sidebar-w)}}


/* ── OZEL OYUNLAR V2 ── */
.nv-ozel-oyunlar{padding:16px 12px 8px;overflow:hidden}
.nv-ozel-container{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.nv-ozel-container::-webkit-scrollbar{display:none}

.nv-ozel-hero{
  flex-shrink:0;width:180px;min-height:220px;
  background:linear-gradient(160deg,#1e1b4b 0%,#312e81 40%,#4c1d95 70%,#B91C1C 100%);
  border-radius:16px;padding:18px 16px;
  display:flex;flex-direction:column;justify-content:space-between;
  position:relative;overflow:hidden;
  border:1px solid rgba(239,68,68,0.25);
}
.nv-ozel-hero::before{
  content:'';position:absolute;top:-30px;right:-30px;width:100px;height:100px;
  background:radial-gradient(circle,rgba(250,204,21,0.15) 0%,transparent 70%);
  border-radius:50%;
}
.nv-ozel-hero::after{
  content:'';position:absolute;bottom:-20px;left:-20px;width:80px;height:80px;
  background:radial-gradient(circle,rgba(239,68,68,0.2) 0%,transparent 70%);
  border-radius:50%;
}
.nv-ozel-badge{display:inline-flex;align-items:center;gap:4px;background:rgba(250,204,21,0.12);color:#fbbf24;font-size:9px;font-weight:700;padding:3px 10px;border-radius:10px;width:fit-content;backdrop-filter:blur(4px)}
.nv-ozel-title{color:#fff;font-size:20px;font-weight:900;line-height:1.15;margin:12px 0 8px;text-shadow:0 2px 10px rgba(0,0,0,0.3)}
.nv-ozel-desc{color:rgba(255,255,255,0.5);font-size:10px;line-height:1.5;margin:0}

.nv-ozel-card{
  flex-shrink:0;width:150px;
  background:linear-gradient(180deg,rgba(30,27,75,0.5),rgba(15,23,42,0.8));
  border:1px solid rgba(239,68,68,0.15);
  border-radius:14px;overflow:hidden;text-decoration:none;
  transition:all .35s cubic-bezier(.4,0,.2,1);
  backdrop-filter:blur(12px);
  display:flex;flex-direction:column;
}
.nv-ozel-card:hover{
  border-color:rgba(239,68,68,0.5);
  transform:translateY(-4px) scale(1.02);
  box-shadow:0 12px 30px rgba(239,68,68,0.2);
}
.nv-ozel-img{width:100%;height:140px;object-fit:cover;background:linear-gradient(135deg,rgba(239,68,68,0.1),rgba(6,182,212,0.1))}
.nv-ozel-card-info{padding:10px;text-align:center;flex:1;display:flex;flex-direction:column;justify-content:center;gap:4px}
.nv-ozel-stars{color:#fbbf24;font-size:10px;letter-spacing:2px}
.nv-ozel-name{color:#fff;font-size:12px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nv-ozel-btn{
  display:inline-block;
  background:linear-gradient(135deg,rgba(239,68,68,0.2),rgba(6,182,212,0.15));
  border:1px solid rgba(239,68,68,0.3);
  color:#c4b5fd;font-size:10px;font-weight:700;
  padding:5px 20px;border-radius:20px;
  transition:all .25s;margin-top:2px;
}
.nv-ozel-card:hover .nv-ozel-btn{
  background:linear-gradient(135deg,#0ea5e9,#B91C1C);
  color:#fff;border-color:#0ea5e9;
  box-shadow:0 4px 15px rgba(124,58,237,0.3);
}
@media(min-width:992px){.nv-ozel-oyunlar{margin-left:var(--nv-sidebar-w)}}

/* ── OZEL HERO IMG ── */
.nv-ozel-hero{position:relative}
.nv-ozel-hero-img{
  position:absolute;
  bottom:0;right:-10px;
  width:120px;height:auto;
  opacity:0.85;
  pointer-events:none;
  filter:drop-shadow(0 4px 15px rgba(239,68,68,0.3));
}

/* ── SIZE OZEL OYUNLAR ── */
.nv-ozel-games{padding:16px 12px 8px}
.nv-ozel-games-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}
.nv-ozel-games-icon{font-size:18px}
.nv-ozel-games-title{font-size:15px;font-weight:800;color:#fff;letter-spacing:0.5px}
.nv-ozel-games-scroll{
  display:flex;
  gap:10px;
  overflow-x:auto;
  padding-bottom:8px;
  scrollbar-width:none;
  -webkit-overflow-scrolling:touch;
}
.nv-ozel-games-scroll::-webkit-scrollbar{display:none}
.nv-sg-card{
  flex-shrink:0;width:145px;border-radius:18px;overflow:hidden;text-decoration:none;
  background:transparent;
  border:none;
  transition:all .3s cubic-bezier(.4,0,.2,1);
}
.nv-sg-card:hover{
  border-color:rgba(239,68,68,0.4);
  transform:translateY(-3px);
  box-shadow:0 8px 25px rgba(239,68,68,0.15);
}
.nv-sg-img-wrap{position:relative;overflow:hidden;width:100%}
.nv-sg-img{width:100%;height:auto;display:block;border-radius:14px;border:1px solid rgba(239,68,68,0.1);transition:transform .4s}
.nv-sg-card:hover .nv-sg-img{transform:scale(1.08)}
.nv-sg-overlay{
  position:absolute;inset:0;
  background:rgba(0,0,0,0.5);
  display:flex;align-items:center;justify-content:center;
  opacity:0;transition:opacity .3s;
}
.nv-sg-card:hover .nv-sg-overlay{opacity:1}
.nv-sg-play{
  background:linear-gradient(135deg,#0ea5e9,#B91C1C);
  color:#fff;font-size:10px;font-weight:700;
  padding:6px 16px;border-radius:20px;
  box-shadow:0 4px 15px rgba(124,58,237,0.4);
}
.nv-sg-name{
  padding:6px 8px;
  font-size:10px;font-weight:600;color:#fff;
  text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
@media(min-width:992px){.nv-ozel-games{margin-left:var(--nv-sidebar-w)}}

/* ── POPULER SLOTLAR ── */
.nv-pop-slots{padding:16px 12px 8px}
.nv-pop-slots-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}
.nv-pop-slots-icon{font-size:18px}
.nv-pop-slots-title{font-size:15px;font-weight:800;color:#fff;letter-spacing:0.5px}
.nv-pop-slots-scroll{display:flex;gap:10px;overflow-x:auto;padding-bottom:8px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.nv-pop-slots-scroll::-webkit-scrollbar{display:none}
.nv-ps-card{flex-shrink:0;width:145px;border-radius:18px;overflow:hidden;text-decoration:none;background:transparent;border:none;transition:all .3s cubic-bezier(.4,0,.2,1)}
.nv-ps-card:hover{border-color:rgba(239,68,68,0.4);transform:translateY(-3px);box-shadow:0 8px 25px rgba(239,68,68,0.15)}
.nv-ps-img-wrap{position:relative;overflow:hidden;width:100%}
.nv-ps-img{width:100%;height:auto;display:block;border-radius:14px;border:1px solid rgba(239,68,68,0.1);transition:transform .4s}
.nv-ps-card:hover .nv-ps-img{transform:scale(1.08)}
.nv-ps-overlay{position:absolute;inset:0;background:rgba(0,0,0,0.5);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s}
.nv-ps-card:hover .nv-ps-overlay{opacity:1}
.nv-ps-play{background:linear-gradient(135deg,#0ea5e9,#B91C1C);color:#fff;font-size:10px;font-weight:700;padding:6px 16px;border-radius:20px;box-shadow:0 4px 15px rgba(124,58,237,0.4)}
.nv-ps-name{padding:6px 8px;font-size:10px;font-weight:600;color:#fff;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(min-width:992px){.nv-pop-slots{margin-left:var(--nv-sidebar-w)}}

/* ── SLOT COUNT BADGE ── */
.nv-pop-slots-count{
  margin-left:auto;
  background:linear-gradient(135deg,rgba(239,68,68,0.15),rgba(6,182,212,0.1));
  border:1px solid rgba(239,68,68,0.25);
  color:#F87171;font-size:10px;font-weight:700;
  padding:4px 12px;border-radius:14px;
  text-decoration:none;transition:all .2s;white-space:nowrap;
}
.nv-pop-slots-count:hover{background:rgba(239,68,68,0.25);color:#fff}

/* ── ANIMATED FIRE ICON ── */
@keyframes nvFireFlicker {
  0%,100%{transform:scale(1) rotate(-2deg);filter:brightness(1)}
  25%{transform:scale(1.1) rotate(2deg);filter:brightness(1.2)}
  50%{transform:scale(0.95) rotate(-1deg);filter:brightness(0.9)}
  75%{transform:scale(1.08) rotate(1deg);filter:brightness(1.15)}
}
.nv-fire-icon{
  display:inline-block;
  font-size:22px;
  animation:nvFireFlicker 1.5s ease-in-out infinite;
  filter:drop-shadow(0 2px 6px rgba(251,146,60,0.5));
}


/* ── HOT SLOTS PREMIUM ── */
.nv-hot-slots{padding:8px 12px 8px}
.nv-hot-slots-box{
  background:transparent;
  border:1px solid rgba(239,68,68,0.15);
  border-radius:18px;
  padding:0;
  
  
}
.nv-hot-slots-header{
  display:flex;align-items:center;justify-content:space-between;
  padding:10px 14px 8px;
  border-bottom:1px solid rgba(239,68,68,0.08);
  background:linear-gradient(90deg,rgba(251,146,60,0.06),transparent);
}
.nv-hot-slots-title{font-size:13px;font-weight:800;color:#fff;letter-spacing:0.3px}
.nv-hot-slots-fire{font-size:32px;filter:drop-shadow(0 4px 12px rgba(251,146,60,0.4));animation:nvFireFlicker 1.5s ease-in-out infinite}
.nv-hot-slots-list{padding:4px 6px 6px}
.nv-hs-item{
  display:flex;align-items:center;gap:10px;
  padding:8px 10px;margin:3px 0;
  background:rgba(239,68,68,0.06);
  border:1px solid rgba(239,68,68,0.1);
  border-radius:14px;
  text-decoration:none;
  transition:all .3s cubic-bezier(.4,0,.2,1);
  position:relative;overflow:hidden;
}
.nv-hs-item::before{
  content:'';position:absolute;inset:0;
  background:linear-gradient(90deg,transparent,rgba(251,146,60,0.03),transparent);
  opacity:0;transition:opacity .3s;
}
.nv-hs-item:hover::before{opacity:1}
.nv-hs-item:hover{
  border-color:rgba(251,146,60,0.15);
  transform:translateX(3px);
  box-shadow:0 4px 20px rgba(251,146,60,0.08);
}
.nv-hs-img{
  width:44px;height:44px;border-radius:10px;object-fit:cover;flex-shrink:0;
  box-shadow:0 3px 12px rgba(0,0,0,0.3);
  border:1px solid rgba(255,255,255,0.06);
}
.nv-hs-info{flex:1;min-width:0}
.nv-hs-rtp{
  font-size:16px;font-weight:800;line-height:1.2;
  background:linear-gradient(135deg,#fbbf24,#f59e0b,#fb923c);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;
}
.nv-hs-name{font-size:11px;color:rgba(255,255,255,0.4);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}
.nv-hs-arrow{
  width:26px;height:26px;
  display:flex;align-items:center;justify-content:center;
  background:rgba(251,146,60,0.08);
  border:1px solid rgba(251,146,60,0.15);
  border-radius:10px;flex-shrink:0;
  color:#fbbf24;font-size:14px;
  transition:all .25s;
}
.nv-hs-item:hover .nv-hs-arrow{
  background:rgba(251,146,60,0.15);
  transform:translate(2px,-2px);
  box-shadow:0 3px 10px rgba(251,146,60,0.15);
}
@media(min-width:992px){.nv-hot-slots{margin-left:var(--nv-sidebar-w)}}



.nv-hot-slots-hero{position:absolute!important;top:10px!important;right:15px!important;width:55px!important;height:55px!important;object-fit:contain!important;opacity:0.75!important;pointer-events:none!important;z-index:5!important;filter:drop-shadow(0 2px 8px rgba(251,146,60,0.3))!important}

/* ── CSS FIRE ANIMATION ── */
.nv-fire-anim{position:relative;width:45px;height:50px;flex-shrink:0}
.nv-fire-anim span{
  position:absolute;bottom:0;
  border-radius:50% 50% 20% 20%;
  filter:blur(1px);
  animation:nvFlame 1.2s ease-in-out infinite alternate;
}
.nv-fire-anim span:nth-child(1){
  left:50%;transform:translateX(-50%);
  width:28px;height:38px;
  background:linear-gradient(0deg,#0e7490 0%,#0369a1 30%,#ffd000 60%,rgba(255,220,0,0.2) 100%);
  animation-duration:1s;
  box-shadow:0 0 15px rgba(255,107,0,0.5),0 0 30px rgba(255,107,0,0.3);
}
.nv-fire-anim span:nth-child(2){
  left:4px;
  width:20px;height:28px;
  background:linear-gradient(0deg,#0891b2 0%,#0284c7 40%,rgba(255,200,0,0.15) 100%);
  animation-duration:1.4s;animation-delay:0.2s;
}
.nv-fire-anim span:nth-child(3){
  right:4px;
  width:18px;height:30px;
  background:linear-gradient(0deg,#0e7490 0%,#0ea5e9 40%,rgba(255,200,0,0.15) 100%);
  animation-duration:1.1s;animation-delay:0.4s;
}
@keyframes nvFlame{
  0%{height:38px;opacity:1;transform:translateX(-50%) scaleX(1)}
  50%{height:44px;opacity:0.9;transform:translateX(-50%) scaleX(0.9)}
  100%{height:36px;opacity:0.85;transform:translateX(-50%) scaleX(1.05)}
}
.nv-fire-anim span:nth-child(2){animation-name:nvFlame2}
.nv-fire-anim span:nth-child(3){animation-name:nvFlame3}
@keyframes nvFlame2{
  0%{height:28px;opacity:0.8}
  50%{height:34px;opacity:0.7}
  100%{height:26px;opacity:0.85}
}
@keyframes nvFlame3{
  0%{height:30px;opacity:0.75}
  50%{height:36px;opacity:0.65}
  100%{height:28px;opacity:0.8}
}

/* ── HOT FIRE EMOJI ── */
.nv-hot-fire{
  font-size:26px;
  animation:nvHotPulse 2s ease-in-out infinite;
  filter:drop-shadow(0 0 8px rgba(251,146,60,0.6)) drop-shadow(0 0 20px rgba(251,146,60,0.3));
}
@keyframes nvHotPulse{
  0%,100%{transform:scale(1) rotate(-3deg);filter:drop-shadow(0 0 8px rgba(251,146,60,0.6))}
  25%{transform:scale(1.15) rotate(3deg);filter:drop-shadow(0 0 15px rgba(251,146,60,0.8))}
  50%{transform:scale(1.05) rotate(-2deg);filter:drop-shadow(0 0 12px rgba(251,146,60,0.5))}
  75%{transform:scale(1.18) rotate(2deg);filter:drop-shadow(0 0 18px rgba(255,200,0,0.7))}
}


/* ── FOOTER SOCIAL ICONS ── */
.bc-ft-social-icons{display:flex;justify-content:center;gap:12px;padding:8px 0}
.bc-sm-icon{
  width:40px;height:40px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  text-decoration:none;transition:all .3s;
  font-size:17px;color:rgba(255,255,255,0.7);
  background:rgba(255,255,255,0.06);
  border:1px solid rgba(255,255,255,0.08);
}
.bc-sm-icon:hover{transform:translateY(-2px);color:#fff;border-color:rgba(255,255,255,0.2);background:rgba(255,255,255,0.1)}
.bc-sm-fb:hover{color:#1877F2;border-color:rgba(24,119,242,0.3)}
.bc-sm-yt:hover{color:#00d4ff;border-color:rgba(6,182,212,0.3)}
.bc-sm-wa:hover{color:#EF4444;border-color:rgba(37,211,102,0.3)}
.bc-sm-tg:hover{color:#229ED9;border-color:rgba(34,158,217,0.3)}
.bc-sm-ig:hover{color:#E1306C;border-color:rgba(14,165,2338,0.3)}
.bc-sm-x:hover{color:#fff;border-color:rgba(255,255,255,0.3)}
.bc-sm-pin:hover{color:#E60023;border-color:rgba(8,145,178,0.3)}

/* ── SOCIAL + LANG SECTION ── */
.nv-social-lang{padding:20px 12px;text-align:center}
.nv-social-row{display:flex;justify-content:center;gap:12px;margin-bottom:16px}
.nv-lang-select{
  display:inline-flex;align-items:center;gap:8px;
  background:rgba(255,255,255,0.05);
  border:1px solid rgba(255,255,255,0.1);
  border-radius:10px;padding:8px 18px;
  color:#e6edf3;font-size:12px;font-weight:600;
  cursor:pointer;transition:all .2s;
}
.nv-lang-select:hover{border-color:rgba(255,255,255,0.2);background:rgba(255,255,255,0.08)}
.nv-lang-select i{font-size:9px;color:rgba(255,255,255,0.4)}
.bc-sm-pin{background:#E60023}
@media(min-width:992px){.nv-social-lang{margin-left:var(--nv-sidebar-w)}}

/* ── FOOTER BADGES ── */
.bc-ft-badges{display:flex;justify-content:center;gap:20px;padding:20px 0;flex-wrap:wrap}
.bc-badge{display:flex;flex-direction:column;align-items:center;gap:4px}
.bc-badge span{font-size:8px;color:rgba(255,255,255,0.35);text-align:center;line-height:1.3;font-weight:600;letter-spacing:0.5px}

/* ── FOOTER PAY CARDS ── */
.bc-ft-pay-cards{display:flex;gap:8px;overflow-x:auto;padding:4px 0;-webkit-overflow-scrolling:touch}
.bc-ft-pay-cards::-webkit-scrollbar{display:none}
.bc-pay-card{
  flex-shrink:0;display:flex;align-items:center;gap:10px;
  padding:10px 16px;
  background:rgba(255,255,255,0.03);
  border:1px solid rgba(255,255,255,0.06);
  border-radius:12px;
  min-width:130px;
  transition:all .2s;cursor:pointer;
}
.bc-pay-card:hover{border-color:rgba(239,68,68,0.2);background:rgba(255,255,255,0.05)}
.bc-pay-info{display:flex;flex-direction:column}
.bc-pay-name{font-size:11px;font-weight:700;color:#e6edf3}
.bc-pay-action{font-size:8px;font-weight:600;color:#06b6d4;letter-spacing:0.5px;margin-top:2px}

/* ── DMCA BADGE ── */
.bc-badge-dmca{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px 0}


/* ── BOTTOM NAV V2 ── */
.betcio-bottom-nav{
  position:fixed!important;left:0!important;right:0!important;bottom:0!important;
  background:transparent!important;border:none!important;
  backdrop-filter:none!important;box-shadow:none!important;
  z-index:99999!important;height:70px!important;
}
.bn-items{
  position:absolute!important;bottom:0!important;left:0!important;right:0!important;
  height:58px!important;
  background:#080b16!important;
  display:flex!important;align-items:center!important;justify-content:space-around!important;
  box-shadow:0 -2px 20px rgba(239,68,68,0.08)!important;
  border-top:1px solid rgba(239,68,68,0.12)!important;
}
.bn-item{
  display:flex!important;flex-direction:column!important;
  align-items:center!important;justify-content:center!important;
  text-decoration:none!important;gap:3px!important;
  color:rgba(255,255,255,0.7)!important;
  font-size:9px!important;font-weight:500!important;
  position:relative!important;flex:1!important;
}
.bn-item i{font-size:19px!important;color:rgba(255,255,255,0.7)!important;-webkit-text-fill-color:rgba(255,255,255,0.7)!important}
.bn-item span{color:rgba(255,255,255,0.7)!important}
.bn-badge{
  position:absolute!important;top:2px!important;right:calc(50% - 20px)!important;
  background:#0ea5e9!important;color:#fff!important;
  font-size:7px!important;font-weight:700!important;
  padding:1px 4px!important;border-radius:6px!important;
  min-width:12px!important;text-align:center!important;
}

/* Center - raised circle */
.bn-center{
  flex:1!important;display:flex!important;flex-direction:column!important;
  align-items:center!important;margin-top:0!important;
}
.bn-center-circle{
  width:50px!important;height:50px!important;border-radius:50%!important;
  background:#080b16!important;
  border:3px solid rgba(239,68,68,0.25)!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  box-shadow:0 0 20px rgba(239,68,68,0.15)!important;
}
.bn-center-circle i{font-size:21px!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
.bn-center>span{margin-top:2px!important;color:rgba(255,255,255,0.7)!important;font-size:9px!important}



/* ── SIDE MENU #06b6d4ESIGN ── */
#menu-panel-left{
  position:fixed!important;top:0!important;left:0!important;bottom:0!important;
  width:100vw!important;max-width:100vw!important;
  background:linear-gradient(180deg,#080c18,#0a0f1e)!important;
  z-index:999999!important;
  transform:translateX(-100%)!important;
  transition:transform .3s ease!important;
  overflow-y:auto!important;
  border-right:1px solid rgba(239,68,68,0.08)!important;
}
#menu-panel-left.open{transform:translateX(0)!important}
.nv-menu-inner{padding:16px 14px 80px}

/* Search */
.nv-menu-search{
  display:flex;align-items:center;gap:10px;
  background:rgba(255,255,255,0.04);
  border:1px solid rgba(255,255,255,0.06);
  border-radius:10px;padding:10px 14px;margin-bottom:20px;
}
.nv-menu-search i{color:rgba(255,255,255,0.3);font-size:14px}
.nv-menu-search input{
  flex:1;background:none;border:none;outline:none;
  color:#fff;font-size:13px;font-family:Outfit,sans-serif;
}
.nv-menu-search input::placeholder{color:rgba(255,255,255,0.25)}

/* Menu Items */
.nv-menu-items{display:flex;flex-direction:column;gap:2px;margin-bottom:16px}
.nv-mi{
  display:flex;align-items:center;gap:12px;
  padding:13px 14px;
  color:rgba(255,255,255,0.75);
  text-decoration:none;font-size:13px;font-weight:600;
  letter-spacing:0.5px;
  border-bottom:1px solid rgba(255,255,255,0.03);
  transition:all .2s;
}
.nv-mi:hover{color:#fff;background:rgba(255,255,255,0.03)}
.nv-mi i{font-size:16px;width:24px;text-align:center;color:rgba(255,255,255,0.4)}
.nv-mi-badge{
  margin-left:auto;font-size:8px;font-weight:700;
  padding:2px 6px;border-radius:4px;letter-spacing:0.5px;
}
.nv-badge-#06b6d4{background:rgba(239,68,68,0.15);color:#ef4444}
.nv-badge-blue{background:rgba(59,130,246,0.15);color:#3b82f6}
.nv-badge-green{background:rgba(34,197,94,0.15);color:#22c55e}

/* Accordion */
.nv-menu-accordion{margin-bottom:6px;border-radius:12px;overflow:hidden}
.nv-ma-header{
  display:flex;align-items:center;gap:10px;
  padding:14px 16px;cursor:pointer;
  font-size:14px;font-weight:700;color:#fff;
  letter-spacing:0.5px;
}
.nv-ma-header i:first-child{font-size:18px}
.nv-ma-arrow{margin-left:auto;font-size:11px;transition:transform .3s}
.nv-menu-accordion.open .nv-ma-arrow{transform:rotate(180deg)}
.nv-ma-green{background:linear-gradient(135deg,#0ea5e9,#EF4444)}
.nv-ma-pink{background:linear-gradient(135deg,#be185d,#ec4899)}

/* Accordion body */
.nv-ma-body{
  max-height:0;overflow:hidden;
  transition:max-height .3s ease;
  background:rgba(255,255,255,0.02);
}
.nv-menu-accordion.open .nv-ma-body{max-height:300px}
.nv-ma-item{
  display:block;padding:12px 16px 12px 52px;
  color:rgba(255,255,255,0.6);font-size:12px;font-weight:600;
  letter-spacing:0.5px;text-decoration:none;
  border-bottom:1px solid rgba(255,255,255,0.03);
  transition:all .2s;
}
.nv-ma-item:hover{color:#fff;background:rgba(255,255,255,0.03)}

/* Fix: center circle click through */
.bn-center-circle,.bn-center-circle *{pointer-events:none!important}

/* ── FULL SCREEN MENU ── */
#menu-panel-left.nv-menu-open{
  position:fixed!important;
  top:0!important;bottom:60px!important;left:0!important;right:0!important;
  width:100%!important;max-width:100%!important;
  height:calc(100vh - 60px)!important;min-height:calc(100vh - 60px)!important;
  transform:none!important;
  display:block!important;
  z-index:99998!important;
  background:linear-gradient(170deg,#0f0a2e 0%,#1a1145 30%,#120e30 60%,#0d0920 100%)!important;
  overflow-y:auto!important;
  padding:16px 16px 20px!important;
  animation:menuSlideUp .35s cubic-bezier(0.16,1,0.3,1)!important;
}
@keyframes menuSlideUp{
  from{opacity:0;transform:perspective(800px) rotateX(8deg) translateY(40px) scale(0.96)}
  to{opacity:1;transform:perspective(800px) rotateX(0) translateY(0) scale(1)}
}

/* Menu inner */
#menu-panel-left.nv-menu-open .nv-menu-inner{padding:0}

/* Search #06b6d4esign */
#menu-panel-left.nv-menu-open .nv-menu-search{
  background:rgba(255,255,255,0.06)!important;
  border:1px solid rgba(239,68,68,0.15)!important;
  border-radius:12px!important;padding:12px 16px!important;
  margin-bottom:24px!important;
}

/* Menu items #06b6d4esign */
#menu-panel-left.nv-menu-open .nv-mi{
  background:rgba(255,255,255,0.04)!important;
  border:1px solid rgba(255,255,255,0.06)!important;
  border-radius:10px!important;
  margin-bottom:6px!important;
  padding:14px 16px!important;
  color:#fff!important;
  font-size:13px!important;font-weight:600!important;
  letter-spacing:0.8px!important;
  transition:all .2s!important;
  border-bottom:none!important;
}
#menu-panel-left.nv-menu-open .nv-mi:hover{
  background:rgba(239,68,68,0.12)!important;
  border-color:rgba(239,68,68,0.2)!important;
}
#menu-panel-left.nv-menu-open .nv-mi i{
  color:rgba(255,255,255,0.5)!important;font-size:17px!important;
  width:26px!important;text-align:center!important;
}

/* Badges */
#menu-panel-left.nv-menu-open .nv-mi-badge{
  font-size:9px!important;font-weight:700!important;
  padding:3px 8px!important;border-radius:6px!important;
}

/* Accordion headers */
#menu-panel-left.nv-menu-open .nv-ma-header{
  border-radius:12px!important;padding:14px 18px!important;
  margin-bottom:0!important;
}
#menu-panel-left.nv-menu-open .nv-ma-body{
  background:rgba(255,255,255,0.02)!important;
  border-radius:0 0 12px 12px!important;
  margin-top:-6px!important;
}
#menu-panel-left.nv-menu-open .nv-ma-item{
  padding:12px 16px 12px 52px!important;
  color:rgba(255,255,255,0.7)!important;
  font-size:12px!important;
  border-bottom:1px solid rgba(255,255,255,0.04)!important;
}
#menu-panel-left.nv-menu-open .nv-ma-item:hover{
  color:#fff!important;background:rgba(239,68,68,0.08)!important;
}

/* Menu title */
.nv-menu-title{
  display:flex;align-items:center;
  padding:8px 4px 16px;margin-bottom:8px;
  border-bottom:1px solid rgba(239,68,68,0.1);
}
.nv-menu-title span{
  font-size:16px;font-weight:700;color:#fff;
  letter-spacing:1.5px;
}

/* ── MENU GRID CARDS ── */
.nv-menu-grid{
  display:grid;grid-template-columns:repeat(4,1fr);gap:12px;
  margin-bottom:24px;padding-top:4px;
}
.nv-mg-card{
  display:flex;flex-direction:column;align-items:center;gap:8px;
  text-decoration:none;padding:12px 4px;
  border-radius:14px;
  background:rgba(255,255,255,0.03);
  border:1px solid rgba(255,255,255,0.04);
  transition:all .2s;
}
.nv-mg-card:hover{background:rgba(255,255,255,0.06);transform:translateY(-2px)}
.nv-mg-icon{
  width:44px;height:44px;border-radius:12px;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 4px 12px rgba(0,0,0,0.2);
}
.nv-mg-icon i{font-size:18px;color:#fff}
.nv-mg-card span{font-size:10px;font-weight:600;color:rgba(255,255,255,0.7);text-align:center;letter-spacing:0.3px}

/* ── MENU LIST ── */
.nv-menu-list{margin-bottom:20px}
.nv-ml-item{
  display:flex;align-items:center;gap:12px;
  padding:14px 16px;
  text-decoration:none;
  border-bottom:1px solid rgba(255,255,255,0.04);
  transition:all .2s;
}
.nv-ml-item:hover{background:rgba(239,68,68,0.06)}
.nv-ml-item>i:first-child{font-size:16px;color:rgba(239,68,68,0.6);width:22px;text-align:center}
.nv-ml-item>span:first-of-type{flex:1;font-size:13px;font-weight:600;color:#fff;letter-spacing:0.5px}
.nv-ml-arrow{font-size:10px!important;color:rgba(255,255,255,0.15)!important;width:auto!important}
.nv-ml-tag{
  font-size:8px;font-weight:700;padding:3px 8px;border-radius:6px;letter-spacing:0.5px;
}
.nv-tag-#06b6d4{background:rgba(239,68,68,0.15);color:#f87171}
.nv-tag-purple{background:rgba(239,68,68,0.15);color:#F87171}
.nv-tag-green{background:rgba(34,197,94,0.15);color:#4ade80}

/* ── ACCORDION UPDATE ── */
#menu-panel-left.nv-menu-open .nv-ma-item i{
  font-size:13px!important;margin-right:8px!important;
  color:rgba(255,255,255,0.35)!important;width:auto!important;
}

/* ══════════════════════════════════════
   PREMIUM MENU DESIGN
   ══════════════════════════════════════ */
#menu-panel-left.nv-menu-open{
  background:rgba(12,10,30,0.92)!important;
  backdrop-filter:blur(24px)!important;
  -webkit-backdrop-filter:blur(24px)!important;
  padding:24px 20px 30px!important;
}
#menu-panel-left.nv-menu-open .nv-menu-inner{padding:0!important}

/* Rows */
.nv-m-items{margin-bottom:24px}
.nv-m-row{
  display:flex;align-items:center;gap:14px;
  padding:14px 16px;
  text-decoration:none;
  background:rgba(255,255,255,0.05);
  border:1px solid rgba(255,255,255,0.06);
  border-radius:12px;
  margin-bottom:8px;
  transition:all .25s ease;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}
.nv-m-row:first-child{border-top:none}
.nv-m-row:hover{background:rgba(255,255,255,0.09);border-color:rgba(167,139,250,0.2);transform:translateX(4px)}

.nv-m-ic{
  width:36px;height:36px;border-radius:10px;
  display:flex;align-items:center;justify-content:center;
  background:rgba(239,68,68,0.08);
  border:1px solid rgba(239,68,68,0.1);
  flex-shrink:0;transition:all .25s;
}
.nv-m-row:hover .nv-m-ic{
  background:rgba(239,68,68,0.15);
  border-color:rgba(239,68,68,0.25);
  box-shadow:0 0 12px rgba(239,68,68,0.15);
}
.nv-m-ic i{font-size:14px;color:rgba(167,139,250,0.7)}
.nv-m-row:hover .nv-m-ic i{color:#F87171}

.nv-m-txt{
  flex:1;font-size:12.5px;font-weight:500;color:rgba(255,255,255,0.75);
  letter-spacing:0.6px;font-family:'Inter',sans-serif;
}
.nv-m-row:hover .nv-m-txt{color:#fff}

.nv-m-label{
  font-size:8px;font-weight:500;padding:4px 10px;
  border-radius:20px;letter-spacing:0.8px;
  animation:labelPulse 2s ease-in-out infinite;

}
.nv-label-r{
  background:linear-gradient(135deg,#0ea5e9,#ef4444);
  color:#fff;border:none;
  box-shadow:0 0 12px rgba(239,68,68,0.4);
}
.nv-label-b{
  background:linear-gradient(135deg,#0ea5e9,#8b5cf6);
  color:#fff;border:none;
  box-shadow:0 0 12px rgba(239,68,68,0.4);
}
.nv-label-g{
  background:linear-gradient(135deg,#0ea5e9,#EF4444);
  color:#fff;border:none;
  box-shadow:0 0 12px rgba(34,197,94,0.4);
}
@keyframes labelPulse{
  0%,100%{opacity:1;transform:scale(1)}
  50%{opacity:0.85;transform:scale(1.04)}
}

/* Accordion */
.nv-m-acc{margin-bottom:10px;border-radius:12px;overflow:hidden}
.nv-m-acc-head{
  display:flex;align-items:center;gap:12px;
  padding:15px 20px;cursor:pointer;
  font-weight:700;color:#fff;font-size:14px;letter-spacing:0.8px;
  border-radius:12px;
}
.nv-m-acc.open .nv-m-acc-head{border-radius:12px 12px 0 0}
.nv-m-acc-head i:first-child{font-size:17px}
.nv-acc-arr{margin-left:auto!important;font-size:12px!important;transition:transform .3s;opacity:0.5}
.nv-m-acc.open .nv-acc-arr{transform:rotate(180deg)}

.nv-acc-green{background:rgba(239,68,68,0.12);border:1px solid rgba(239,68,68,0.2);box-shadow:0 4px 16px rgba(239,68,68,0.05);backdrop-filter:blur(8px)}
.nv-acc-pink{background:rgba(236,72,153,0.12);border:1px solid rgba(236,72,153,0.2);box-shadow:0 4px 16px rgba(236,72,153,0.05);backdrop-filter:blur(8px)}

.nv-m-acc-body{
  max-height:0;overflow:hidden;transition:max-height .3s ease;
  background:rgba(255,255,255,0.015);
}
.nv-m-acc.open .nv-m-acc-body{max-height:300px}
.nv-m-sub{
  display:block;padding:13px 20px 13px 54px;
  color:rgba(255,255,255,0.55);font-size:12px;font-weight:600;
  letter-spacing:0.6px;text-decoration:none;
  border-bottom:1px solid rgba(255,255,255,0.025);
  transition:all .2s;
}
.nv-m-sub:last-child{border-bottom:none}
.nv-m-sub:hover{color:#fff;background:rgba(255,255,255,0.02);padding-left:60px}

/* Menu Header */
.nv-m-header{
  font-size:22px;font-weight:300;color:rgba(255,255,255,0.9);
  letter-spacing:1px;padding:0 4px 20px;
  font-family:'Inter',sans-serif;
}
.nv-m-header span{
  font-weight:700;
  background:linear-gradient(135deg,#F87171,#c4b5fd);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;
  background-clip:text;
}

.nv-m-footer{
  display:flex;align-items:center;justify-content:center;
  padding:30px 0 10px;
}

.nv-m-ic-img{background:none!important;border:none!important;overflow:hidden}
.nv-m-ic-img img{width:38px;height:38px;object-fit:contain;border-radius:8px}

/* MW Nav Override */
.mw-nav.betcio-nav {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 8px 10px !important;
  overflow-x: auto !important;
  background: rgba(6,14,9,0.95) !important;
  border-bottom: 1px solid rgba(239,68,68,0.06) !important;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  flex-wrap: nowrap !important;
}
.mw-nav.betcio-nav::-webkit-scrollbar { display: none; }
.mw-nav.betcio-nav a.mw-nav-item {
  all: unset !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 6px 12px !important;
  border-radius: 20px !important;
  background: rgba(239,68,68,0.06) !important;
  border: 1px solid rgba(239,68,68,0.15) !important;
  color: #fff !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  white-space: nowrap !important;
  cursor: pointer !important;
  letter-spacing: 0.5px !important;
  transition: all .2s !important;
  box-sizing: border-box !important;
}
.mw-nav.betcio-nav a.mw-nav-item:hover {
  background: rgba(239,68,68,0.15) !important;
  border-color: rgba(239,68,68,0.3) !important;
}
.mw-nav.betcio-nav .mw-nav-ic {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 22px !important;
  height: 22px !important;
  border-radius: 5px !important;
  background: transparent !important;
  font-size: 13px !important;
  color: #fff !important;
}

.mw-nav.betcio-nav .mw-nav-ic i {
  font-family: "Font Awesome 6 Free", "Font Awesome 6 Brands", "FontAwesome" !important;
  font-weight: 900 !important;
  font-style: normal !important;
  -webkit-font-smoothing: antialiased !important;
  display: inline-block !important;
  font-size: 13px !important;
  color: #fff !important;
}

.betcio-bottom-nav { display: none !important; }

/* ===== MW SECTION HEADERS ===== */
.mw-section-header{display:flex;align-items:center;padding:16px 12px 10px}
.mw-section-title{
  display:flex;align-items:center;gap:8px;
  font-size:14px;font-weight:700;color:#fff;letter-spacing:0.5px;
  text-transform:uppercase;
}
.mw-section-title i{
  color:#EF4444;font-size:12px;
  background:rgba(239,68,68,0.12);
  width:24px;height:24px;border-radius:6px;
  display:flex;align-items:center;justify-content:center;
}

/* ===== TODAYS MATCHES ===== */
.mw-matches-list{padding:0 10px;display:flex;flex-direction:column;gap:6px}
.mw-match-card{
  display:block;text-decoration:none;
  background:rgba(239,68,68,0.04);border:1px solid rgba(239,68,68,0.08);
  border-radius:10px;padding:10px 14px;transition:all .2s;
}
.mw-match-card:hover{border-color:rgba(239,68,68,0.2);background:rgba(239,68,68,0.08)}
.mw-match-league{font-size:9px;color:rgba(255,255,255,0.35);letter-spacing:0.5px;margin-bottom:6px;text-transform:uppercase}
.mw-match-teams{display:flex;align-items:center;justify-content:space-between}
.mw-match-team{display:flex;align-items:center;gap:6px;flex:1}
.mw-match-team:last-child{flex-direction:row-reverse;text-align:right}
.mw-match-team img{width:20px;height:20px;object-fit:contain}
.mw-match-team span{color:#fff;font-size:12px;font-weight:600}
.mw-match-vs{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:50px}
.mw-match-time{color:#EF4444;font-size:12px;font-weight:700}
.mw-match-live{color:#22d3ee;font-size:8px;font-weight:700;letter-spacing:1px;animation:mwBlink 1s infinite}
.mw-match-score{color:#fff;font-size:14px;font-weight:700}
@keyframes mwBlink{0%,100%{opacity:1}50%{opacity:0.4}}

/* ===== MATCH ODDS ===== */
.mw-match-odds{display:flex;gap:6px;margin-top:8px;justify-content:center}
.mw-odd{
  flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;
  background:rgba(239,68,68,0.06);border:1px solid rgba(239,68,68,0.1);
  border-radius:6px;padding:4px 0;
}
.mw-odd-label{font-size:8px;color:rgba(255,255,255,0.35);font-weight:600;letter-spacing:0.5px}
.mw-odd-val{font-size:13px;color:#EF4444;font-weight:700}
.betcio-nav, .mw-nav, #betcioNav { display:none !important; }

/* Sidebar offset kaldır */
#rb-home, .rb-banner, .rb-cats, .rb-actions, .rb-section, .rb-sponsors,
.nv-social-lang, .mobile-quick-grid, .mw-bnav,
section, .container, .betco-section, .home-top-cats {
  margin-left: 0 !important;
  padding-left: 0 !important;
}
body {
  overflow-x: hidden;
}
#rb-home {
  max-width: 100%;
  padding: 0 10px;
  box-sizing: border-box;
}

/* SIDEBAR TAMAMEN KAPAT */
:root { --nv-sidebar-w: 0px !important; }
.nv-sidebar, .nv-sidebar-overlay, #nvSidebar { display:none !important; width:0 !important; }

#rb-home, .rb-banner, .rb-cats, .rb-actions, .rb-section,
section, .container, #large-slider, .mobile-quick-grid,
.betcio-events-section, .betcio-kombine-section,
.container.betco-section, .betco-section,
.home-top-cats, .nv-social-lang, .mw-bnav {
  margin-left: 0 !important;
}

/* CENTER FIX */
body, .wrapper, .main-content, #page-wrapper {
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding: 0 !important;
  background: #0A0A0A !important;
}
#rb-home {
  margin: 0 auto !important;
  padding: 0 12px !important;
  box-sizing: border-box !important;
}

/* BANNER FULL WIDTH */
.rb-banner {
  margin-left: -12px !important;
  margin-right: -12px !important;
  border-radius: 0 !important;
  padding: 0 !important;
}
.rb-slide img {
  border-radius: 0 !important;
  width: 100% !important;
  display: block;
}

/* SECTION HEADERS FIX */
.rb-section-head {
  padding: 12px 0 8px !important;
  gap: 0 !important;
}
.rb-section-head h2 {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: 15px !important;
  margin: 0 !important;
}
.rb-section-head h2 i {
  font-size: 13px !important;
}
.rb-section {
  padding: 5px 0 !important;
}

/* Include'daki eski başlıkları gizle */
.betcio-section-title, .betco-section-title, 
.home-section-title, .section-header,
.pop-slot-head, .ozel-oyun-head,
.rb-section > div > h3:first-child,
.rb-section > div > .section-title {
  display: none !important;
}

/* Aksiyon kartları spacing */
.rb-actions {
  gap: 6px !important;
  padding: 0 0 5px !important;
}
.rb-cats {
  gap: 8px !important;
  padding: 8px 0 !important;
}

/* SECTION HEAD ICON FIX */
.rb-section-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 12px 0 8px !important;
}
.rb-section-head h2 {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: 15px !important;
  margin: 0 !important;
  white-space: nowrap !important;
}
.rb-section-head h2 i {
  font-size: 14px !important;
  position: static !important;
  float: none !important;
  margin: 0 !important;
}

/* Eski section başlıkları + badge gizle */
.mw-section-title, .mw-section-badge, .mw-game-count,
  display: none !important;
}

/* mw-section-title text kaldır, mw-section-header kalsın */
  display: none !important;
}
.betcio-announce, #betcioAnnounce { display: none !important; }

/* Premium marquee full width */
.rb-premium-marquee {
    overflow: hidden !important;
    background: linear-gradient(90deg, rgba(239,68,68,0.1), rgba(0,0,0,0.4), rgba(239,68,68,0.1)) !important;
    border: none !important;
    border-top: 1px solid rgba(239,68,68,0.15) !important;
    border-bottom: 1px solid rgba(239,68,68,0.15) !important;
    border-radius: 0 !important;
    padding: 8px 0 !important;
    margin: 0 !important;
    width: 100% !important;
}

/* Body siyah arka plan */
body, .wrapper, .main-content, #main, .content-wrapper, .mw-body {
    background: #0A0A0A !important;
    background-color: #0A0A0A !important;
}
.betcio-header {
    background: #0d1f35 !important;
    background-color: #0d1f35 !important;
}
section, .container {
    background-color: transparent !important;
}

/* Card görselleri */
.rb-cat-img {
    width: 45px;
    height: 45px;
    object-fit: contain;
    border-radius: 12px;
    margin-bottom: 4px;
}
.rb-cat-card {
    background: rgba(255,255,255,0.04) !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
}

/* Kart grid 4'lü */
.rb-cat-grid {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 8px !important;
}
.rb-cat-card {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    padding: 10px 4px !important;
}

/* Kart çerçeve kaldır, görsel tam */
.rb-cat-card {
    background: transparent !important;
    border: none !important;
    padding: 2px !important;
    border-radius: 12px !important;
    overflow: hidden !important;
}
.rb-cat-img {
    width: 100% !important;
    height: auto !important;
    border-radius: 12px !important;
    object-fit: cover !important;
}
.rb-cat-card span { display: none !important; }

/* Kart büyüt */
.rb-cat-grid {
    gap: 6px !important;
    padding: 0 4px !important;
    margin: 12px 0 !important;
}
.rb-cat-card {
    padding: 0 !important;
}
.rb-cat-img {
    width: 100% !important;
    height: 80px !important;
    object-fit: cover !important;
}

/* Premium koyu arka plan */
body, body.welcome-theme,
.wrapper, .main-content, #page-wrapper {
    background: linear-gradient(180deg, #0D0D12 0%, #0A0A10 50%, #0D0D14 100%) !important;
}

/* Gradient başlık */
.rb-gradient-title {
    background: linear-gradient(90deg, #EF4444, #38bdf8, #EF4444) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    font-weight: 700 !important;
}
/* Online badge */
.rb-online-badge {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    background: rgba(34,197,94,0.12) !important;
    border: 1px solid rgba(34,197,94,0.25) !important;
    color: #22c55e !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    padding: 4px 10px !important;
    border-radius: 20px !important;
    white-space: nowrap !important;
}
.rb-online-dot {
    width: 6px !important;
    height: 6px !important;
    background: #22c55e !important;
    border-radius: 50% !important;
    animation: rbPulse 1.5s ease-in-out infinite !important;
    display: inline-block !important;
}
@keyframes rbPulse {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.3; }
}

/* Slot oyunları 3x2 grid */
.nv-pop-slots-scroll {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 6px !important;
    overflow: hidden !important;
    padding: 0 8px !important;
    flex-wrap: nowrap !important;
    white-space: normal !important;
}
.nv-pop-slots-scroll > a,
.nv-pop-slots-scroll > div {
    width: 100% !important;
    min-width: unset !important;
    max-width: unset !important;
    flex: unset !important;
}
.nv-pop-slots-scroll > a:nth-child(n+7),
.nv-pop-slots-scroll > div:nth-child(n+7) {
    display: none !important;
}
.nv-pop-slots-scroll img {
    width: 100% !important;
    height: auto !important;
    border-radius: 8px !important;
}
/* Boşlukları azalt */
.nv-pop-slots {
    margin-bottom: 8px !important;
    padding-bottom: 0 !important;
}
.nv-pop-slots-header {
    margin-bottom: 6px !important;
}

/* Video kartları */
.nv-ps-img-wrap video.nv-ps-img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 8px !important;
}

/* Tüm kartlar aynı boyut */
.nv-pop-slots-scroll .nv-ps-card {
    width: 100% !important;
    min-width: unset !important;
}
.nv-pop-slots-scroll .nv-ps-img-wrap {
    width: 100% !important;
    height: 100px !important;
    overflow: hidden !important;
    border-radius: 8px !important;
}
.nv-pop-slots-scroll .nv-ps-img-wrap img,
.nv-pop-slots-scroll .nv-ps-img-wrap video {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

/* Görseller contain - tam görünsün */
.nv-pop-slots-scroll .nv-ps-img-wrap {
    background: #0d1f35 !important;
    height: 110px !important;
}
.nv-pop-slots-scroll .nv-ps-img-wrap img,
.nv-pop-slots-scroll .nv-ps-img-wrap video {
    object-fit: contain !important;
}

/* Cover geri - daha yüksek kartlar */
.nv-pop-slots-scroll .nv-ps-img-wrap {
    height: 120px !important;
    background: transparent !important;
    border-radius: 10px !important;
}
.nv-pop-slots-scroll .nv-ps-img-wrap img,
.nv-pop-slots-scroll .nv-ps-img-wrap video {
    object-fit: cover !important;
    border-radius: 10px !important;
}

/* Big Bass (5. kart) hafif zoom out */
.nv-pop-slots-scroll .nv-ps-card:nth-child(5) .nv-ps-img-wrap video,
.nv-pop-slots-scroll .nv-ps-card:nth-child(5) .nv-ps-img-wrap img {
    transform: scale(0.85) !important;
}

/* Banner-header boşluk kaldır */
#rb-home, section#rb-home, .rb-banner, #main-panel, .welcome-theme #main-panel {
    margin-top: 0 !important;
    padding-top: 0 !important;
}
.betcio-header + *, .betcio-header ~ #main-panel, .betcio-header ~ section {
    margin-top: 0 !important;
}

/* Banner-kartlar arası kırmızı çizgi */
.rb-cats {
    border-top: 2px solid #EF4444 !important;
    padding-top: 10px !important;
}

/* Efektli kırmızı çizgi */
.rb-cats {
    border-top: none !important;
    position: relative !important;
    padding-top: 14px !important;
}
.rb-cats::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent, #EF4444, #38bdf8, #EF4444, transparent);
    box-shadow: 0 0 8px rgba(239,68,68,0.5), 0 0 20px rgba(239,68,68,0.2);
}
.rb-cats::after {
    content: '';
    position: absolute;
    top: -3px;
    width: 40px;
    height: 8px;
    background: radial-gradient(ellipse, rgba(255,100,100,0.8), transparent);
    border-radius: 50%;
    animation: rbGlowSlide 3s ease-in-out infinite;
    filter: blur(1px);
}
@keyframes rbGlowSlide {
    0% { left: -40px; }
    50% { left: calc(100% + 40px); }
    50.01% { left: -40px; }
    100% { left: calc(100% + 40px); }
}

/* Canlı Maçlar 3x3 Grid */
.mw-matches-list {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 6px !important;
    padding: 0 8px !important;
}
.mw-match-card {
    background: rgba(255,255,255,0.04) !important;
    border: 1px solid rgba(239,68,68,0.12) !important;
    border-radius: 10px !important;
    padding: 8px 6px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-decoration: none !important;
    color: #fff !important;
    transition: all 0.2s !important;
}
.mw-match-card:hover {
    border-color: rgba(239,68,68,0.4) !important;
    background: rgba(239,68,68,0.06) !important;
}
.mw-match-league {
    font-size: 8px !important;
    color: #EF4444 !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    margin-bottom: 6px !important;
    text-align: center !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-width: 100% !important;
}
.mw-match-teams {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 4px !important;
    width: 100% !important;
}
.mw-match-team {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 2px !important;
}
.mw-match-team img {
    width: 22px !important;
    height: 22px !important;
    object-fit: contain !important;
}
.mw-match-team span {
    font-size: 9px !important;
    font-weight: 600 !important;
    text-align: center !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-width: 90px !important;
}
.mw-match-vs {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}
.mw-match-time {
    font-size: 11px !important;
    color: #aaa !important;
}
.mw-match-live {
    font-size: 9px !important;
    color: #22c55e !important;
    font-weight: 700 !important;
    animation: rbPulse 1.5s infinite !important;
}
.mw-match-score {
    font-size: 14px !important;
    font-weight: 800 !important;
    color: #fff !important;
}
.mw-match-odds {
    display: flex !important;
    gap: 3px !important;
    margin-top: 6px !important;
    width: 100% !important;
}
.mw-odd {
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    background: rgba(239,68,68,0.08) !important;
    border-radius: 4px !important;
    padding: 3px 2px !important;
}
.mw-odd-label {
    font-size: 7px !important;
    color: #888 !important;
}
.mw-odd-val {
    font-size: 10px !important;
    font-weight: 700 !important;
    color: #EF4444 !important;
}
.mw-matches-section .mw-section-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 0 8px 8px !important;
}

/* Lig kartları */
.rb-leagues-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 8px 8px;
}
.rb-leagues-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 6px;
    padding: 0 8px;
}
.rb-league-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 12px 4px;
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(239,68,68,0.12);
    border-radius: 10px;
    text-decoration: none;
    transition: all 0.2s;
}
.rb-league-card:hover {
    border-color: rgba(239,68,68,0.4);
    background: rgba(239,68,68,0.08);
    transform: translateY(-1px);
}
.rb-league-icon {
    font-size: 22px;
}
.rb-league-name {
    font-size: 10px;
    font-weight: 600;
    color: #ccc;
    text-align: center;
}

/* Lig kartları grid FIX */
.rb-leagues-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 6px !important;
    padding: 0 8px !important;
}
.rb-league-card {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    padding: 12px 4px !important;
    background: rgba(255,255,255,0.04) !important;
    border: 1px solid rgba(239,68,68,0.12) !important;
    border-radius: 10px !important;
    text-decoration: none !important;
}
.rb-league-icon { font-size: 22px !important; display: block !important; }
.rb-league-name { font-size: 10px !important; font-weight: 600 !important; color: #ccc !important; text-align: center !important; display: block !important; }

/* Lig kartları grid FIX */
.rb-leagues-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 6px !important;
    padding: 0 8px !important;
}
.rb-league-card {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    padding: 12px 4px !important;
    background: rgba(255,255,255,0.04) !important;
    border: 1px solid rgba(239,68,68,0.12) !important;
    border-radius: 10px !important;
    text-decoration: none !important;
}
.rb-league-icon { font-size: 22px !important; display: block !important; }
.rb-league-name { font-size: 10px !important; font-weight: 600 !important; color: #ccc !important; text-align: center !important; display: block !important; }

/* Premium Lig Kartları */
.rb-leagues-section { margin: 16px 0 !important; }
.rb-leagues-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 0 12px 10px !important;
}
.rb-leagues-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 8px !important;
    padding: 0 12px !important;
}
.rb-league-card {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 14px 6px 10px !important;
    background: linear-gradient(145deg, rgba(255,255,255,0.04), rgba(255,255,255,0.01)) !important;
    border: 1px solid rgba(255,255,255,0.06) !important;
    border-radius: 12px !important;
    text-decoration: none !important;
    transition: all 0.25s ease !important;
}
.rb-league-card:hover {
    border-color: var(--lg1) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.3) !important;
}
.rb-league-icon-wrap {
    width: 36px !important;
    height: 36px !important;
    border-radius: 10px !important;
    background: linear-gradient(135deg, var(--lg1), var(--lg2)) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 16px !important;
    color: #fff !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.2) !important;
}
.rb-league-name {
    font-size: 10px !important;
    font-weight: 600 !important;
    color: #bbb !important;
    text-align: center !important;
    letter-spacing: 0.3px !important;
}

/* Sponsor kartları yeni */
.rb-sponsor-header {
    padding: 0 12px 8px !important;
}
.rb-sponsor-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 8px !important;
    padding: 0 12px !important;
}
.rb-sponsor-item {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 12px 8px !important;
}
.rb-sponsor-item img {
    max-width: 50px !important;
    max-height: 50px !important;
    opacity: 1 !important;
    filter: none !important;
    object-fit: contain !important;
}
.rb-sponsor-item span {
    font-size: 10px !important;
    font-weight: 600 !important;
    color: #aaa !important;
    text-align: center !important;
}

/* Sponsor renkli logo */
.rb-sponsors .rb-sponsor-item img,
.rb-sponsor-grid .rb-sponsor-item img {
    filter: none !important;
    opacity: 1 !important;
    -webkit-filter: none !important;
}

/* Venezia logo beyaz arka plan */
.rb-sponsor-item:nth-child(2) img {
    background: rgba(255,255,255,0.9) !important;
    border-radius: 50% !important;
    padding: 4px !important;
}

/* Sponsor arka ışık efekti */
.rb-sponsor-item {
    position: relative !important;
    overflow: hidden !important;
}
.rb-sponsor-item::before {
    content: '' !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    width: 60px !important;
    height: 60px !important;
    transform: translate(-50%, -55%) !important;
    background: radial-gradient(circle, rgba(239,68,68,0.25), rgba(239,68,68,0.08), transparent 70%) !important;
    border-radius: 50% !important;
    z-index: 0 !important;
    filter: blur(8px) !important;
}
.rb-sponsor-item img {
    position: relative !important;
    z-index: 1 !important;
}
.rb-sponsor-item span {
    position: relative !important;
    z-index: 1 !important;
}

/* Global Sponsor başlık ortalı + efektli */
.rb-sponsor-header {
    text-align: center !important;
    padding: 8px 12px 12px !important;
}
.rb-sponsor-header .mw-section-title {
    display: inline-block !important;
    font-size: 14px !important;
    letter-spacing: 3px !important;
    text-transform: uppercase !important;
    text-shadow: 0 0 10px rgba(239,68,68,0.4), 0 0 20px rgba(239,68,68,0.2) !important;
}

/* Sponsor kart efektleri */
.rb-sponsor-item {
    border: 1px solid rgba(239,68,68,0.15) !important;
    background: linear-gradient(145deg, rgba(239,68,68,0.04), rgba(0,0,0,0.2), rgba(239,68,68,0.04)) !important;
    transition: all 0.3s ease !important;
}
.rb-sponsor-item:hover {
    border-color: rgba(239,68,68,0.5) !important;
    box-shadow: 0 0 15px rgba(239,68,68,0.15), inset 0 0 20px rgba(239,68,68,0.05) !important;
    transform: translateY(-2px) !important;
}
.rb-sponsor-item::after {
    content: '' !important;
    position: absolute !important;
    top: -50% !important;
    left: -50% !important;
    width: 200% !important;
    height: 200% !important;
    background: linear-gradient(45deg, transparent 40%, rgba(255,255,255,0.03) 50%, transparent 60%) !important;
    animation: rbShimmer 4s ease-in-out infinite !important;
    z-index: 0 !important;
}
@keyframes rbShimmer {
    0% { transform: translateX(-100%) rotate(25deg); }
    100% { transform: translateX(100%) rotate(25deg); }
}

/* Telegram takip butonu */
.rb-telegram-follow {
    padding: 12px 12px 16px !important;
    text-align: center !important;
}
.rb-tg-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 12px 28px !important;
    background: linear-gradient(135deg, #0088cc, #0099dd) !important;
    border-radius: 25px !important;
    color: #fff !important;
    text-decoration: none !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: 0.5px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 15px rgba(0,136,204,0.3) !important;
}
.rb-tg-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(0,136,204,0.5) !important;
}
.rb-tg-btn i {
    font-size: 18px !important;
}

/* Telegram btn v2 */
a.rb-tg-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 12px 28px !important;
    background: linear-gradient(135deg, #0088cc, #0099dd) !important;
    border-radius: 25px !important;
    color: #fff !important;
    text-decoration: none !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    box-shadow: 0 4px 15px rgba(0,136,204,0.3) !important;
}
a.rb-tg-btn i { font-size: 18px !important; }
.rb-telegram-follow { padding: 16px 12px !important; text-align: center !important; }