/* theme_custom_css */
/* ── ÖLÜ KURAL TEMİZLİĞİ · 2026-08-18 ──────────────────────────*/
   @keyframes cw-qa-ring {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
  }
  @-webkit-keyframes cw-qa-ring {
    from { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
  }
  @keyframes cw-ovl-from-top {
    from { opacity: 0; transform: translateY(-16px); }
    to { opacity: 1; transform: none; }
  }
  @keyframes cw-ovl-from-bot {
    from { opacity: 0; transform: translateY(16px); }
    to { opacity: 1; transform: none; }
  }
  @keyframes cw-slot-from-top {
    from { opacity: 0; top: -18px; }
    to { opacity: 1; top: 0; }
  }
  @keyframes cw-slot-from-bot {
    from { opacity: 0; top: 18px; }
    to { opacity: 1; top: 0; }
  }
  
     .layout-content-holder-bc {
      --cw-home-side: 12px;
      --font: "Chakra Petch", "Segoe UI", system-ui, sans-serif;
      font-family: var(--font) !important;
    }
    
    @media (min-width: 1024px) {
      .layout-content-holder-bc {
        --cw-home-side: 170px;
      }

      /* CW-SLIDER-OLCU-20260907 - slider olculeri + oval kose.
         Tek ayar: --cw-slide-radius. Boyut BC'nin 384/115 banner oranindan. */
      .layout-content-holder-bc .hm-row-bc.has-slider {
        --cw-slide-radius: 18px;
        width: auto !important;
        max-width: none !important;
        margin: 0 var(--cw-home-side, 170px) 8px !important;
        padding: 0 !important;
        box-sizing: border-box !important;
      }

      .layout-content-holder-bc .hm-row-bc.has-slider .hm-row-bc-inner,
      .layout-content-holder-bc .hm-row-bc.has-slider .slider-bc,
      .layout-content-holder-bc .hm-row-bc.has-slider .carouselWrapper {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
      }

      .layout-content-holder-bc .hm-row-bc.has-slider .swiper {
        width: 100% !important;
        aspect-ratio: 384 / 115 !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        border-radius: var(--cw-slide-radius) !important;
        overflow: hidden !important;
      }

      .layout-content-holder-bc .hm-row-bc.has-slider .sdr-item-holder-bc,
      .layout-content-holder-bc .hm-row-bc.has-slider .sdr-item-bc {
        width: 100% !important;
        max-width: 100% !important;
        height: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
      }

      .layout-content-holder-bc .hm-row-bc.has-slider .swiper-slide {
        flex: 0 0 100% !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
      }

      .layout-content-holder-bc .hm-row-bc.has-slider .sdr-image-bc {
        width: 100% !important;
        height: 100% !important;
        object-fit: contain !important;
        object-position: center center !important;
        border-radius: var(--cw-slide-radius) !important;
      }
    
    
      /* BC remount ile oluşan ikinci has-slider kopyasını gizle.
         İki sütunlu (7fr+5fr) alt bant JS sınıfı gelmese de gizlenir.
         İlk tam genişlik hero (bizim bant) açık kalır. */
      html body .layout-content-holder-bc .hm-row-bc.has-slider.cw-slider-dup,
      html body .layout-content-holder-bc .hm-row-bc.has-slider:has(> .hm-row-bc-inner + .hm-row-bc-inner),
      html body .layout-content-holder-bc > .hm-row-bc.has-slider ~ .hm-row-bc.has-slider {
        display: none !important;
        height: 0 !important;
        max-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        visibility: hidden !important;
        pointer-events: none !important;
      }
    
    /* =========================================================
       QUICK ACCESS — .home-quick-access (6 kolon)
       Canlı Bahis | Bonuslar | Canlı Casino | Slot Oyunları | Spor Bahisleri | Telegram
       CW-QA-KENAR-20260906-0108 — isik kutu kenar halkasinda doner (cw-qa-ring). */

    /* CW-QA-FLASH-20260826 — CMS img ilk boyamada gorunmesin. JS
       .home-quick-access eklemeden ONCE de calismali; populer col-4
       ve page-view-more satirlari haric. */
    .layout-content-holder-bc .hm-row-bc:not(:has(.page-view-more))
      .product-banner-container-bc.product-banner-without-titles:not(.col-4):not(.cw-pop-banners):not([data-cw-qa-ready="1"])
      .product-banner-img-bc {
      visibility: hidden !important;
      opacity: 0 !important;
    }
    .layout-content-holder-bc .hm-row-bc:not(:has(.page-view-more))
      .product-banner-container-bc.product-banner-without-titles[data-cw-qa-ready="1"]
      .product-banner-img-bc,
    html.cw-qa-unhide .layout-content-holder-bc .hm-row-bc:not(:has(.page-view-more))
      .product-banner-container-bc.product-banner-without-titles
      .product-banner-img-bc {
      visibility: visible !important;
      opacity: 1 !important;
    }
    
    .layout-content-holder-bc .hm-row-bc:has(.home-quick-access) {
      --bg-page: #1a1f29;
      --bg-deep: #161922;
      --yellow: #c7a358;
      --white: #ffffff;
      --cw-qa-side: var(--cw-home-side, 170px);
      --cw-qa-gap: 16px;
      --cw-qa-radius: 10px;
      --font: "Chakra Petch", "Segoe UI", system-ui, sans-serif;
    
      width: auto !important;
      max-width: none !important;
      min-width: 0 !important;
      margin: 8px var(--cw-qa-side) 20px !important;
      padding: 0 !important;
      display: block !important;
      grid-template-columns: none !important;
      background: transparent !important;
      background-color: transparent !important;
      box-sizing: border-box !important;
      font-family: var(--font) !important;
      overflow: visible !important;
      position: relative !important;
      z-index: 2 !important;
    }
    
    /* BC remount — ikinci/üçüncü quick-access kopyasını gizle */
    .layout-content-holder-bc .hm-row-bc.cw-qa-dup {
      display: none !important;
      height: 0 !important;
      margin: 0 !important;
      padding: 0 !important;
      overflow: hidden !important;
      visibility: hidden !important;
      pointer-events: none !important;
    }
    
    .layout-content-holder-bc .hm-row-bc:has(.home-quick-access) .hm-row-bc-inner {
      width: 100% !important;
      max-width: 100% !important;
      min-width: 0 !important;
      margin: 0 !important;
      padding: 0 !important;
      background: transparent !important;
      overflow: visible !important;
      box-sizing: border-box !important;
      position: relative !important;
      z-index: 1 !important;
    }
    
    .layout-content-holder-bc .product-banner-container-bc.home-quick-access,
    .layout-content-holder-bc .home-quick-access.product-banner-container-bc {
      display: grid !important;
      grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
      gap: var(--cw-qa-gap) !important;
      width: 100% !important;
      margin: 0 !important;
      padding: 0 !important;
      background: transparent !important;
      overflow: visible !important;
      box-sizing: border-box !important;
      justify-items: stretch !important;
      align-items: stretch !important;
      isolation: isolate !important;
      position: relative !important;
      z-index: 1 !important;
    }
    
    .layout-content-holder-bc .home-quick-access > div {
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      position: relative !important;
      width: 100% !important;
      max-width: 100% !important;
      margin: 0 !important;
      padding: 0 !important;
      min-width: 0 !important;
      background: transparent !important;
      overflow: visible !important;
      z-index: 1 !important;
    }
    
    /* Hover’da tüm kart (köşeler + scale) komşuların üstüne */
    .layout-content-holder-bc .home-quick-access > div:hover,
    .layout-content-holder-bc .home-quick-access > div:focus-within {
      z-index: 50 !important;
      isolation: isolate !important;
    }
    
    /* Sağ dikey ayırıcı (son kart hariç) */
    .layout-content-holder-bc .home-quick-access > div:not(:last-child)::after {
      content: "" !important;
      display: block !important;
      position: absolute !important;
      top: 10% !important;
      bottom: 10% !important;
      right: calc(var(--cw-qa-gap) / -2) !important;
      width: 1px !important;
      background: rgba(255, 255, 255, 0.2) !important;
      z-index: 0 !important;
      pointer-events: none !important;
    }
    
    .layout-content-holder-bc .home-quick-access .product-banner-info-bc,
    .layout-content-holder-bc .home-quick-access .product-banner-bc,
    .layout-content-holder-bc .home-quick-access a.product-banner-bc {
      display: flex !important;
      flex-direction: column !important;
      align-items: stretch !important;
      justify-content: flex-start !important;
      gap: 0 !important;
      position: relative !important;
      width: 100% !important;
      height: auto !important;
      aspect-ratio: auto !important;
      max-width: 100% !important;
      margin: 0 !important;
      padding: 0 !important;
      border: none !important;
      border-radius: 0 !important;
      overflow: visible !important;
      background: transparent !important;
      background-color: transparent !important;
      box-shadow: none !important;
      outline: none !important;
      text-decoration: none !important;
      transform: none !important;
      isolation: isolate !important;
      -webkit-tap-highlight-color: transparent !important;
      z-index: 1 !important;
    }

    .layout-content-holder-bc .home-quick-access .product-banner-bc::before,
    .layout-content-holder-bc .home-quick-access .product-banner-bc::after {
      content: none !important;
      display: none !important;
      animation: none !important;
    }

    .layout-content-holder-bc .home-quick-access .product-banner-bc:hover,
    .layout-content-holder-bc .home-quick-access .product-banner-info-bc:hover,
    .layout-content-holder-bc .home-quick-access .product-banner-bc:focus-visible,
    .layout-content-holder-bc .home-quick-access .product-banner-info-bc:focus-visible {
      background: transparent !important;
      background-color: transparent !important;
      border: none !important;
      box-shadow: none !important;
      outline: none !important;
      transform: none !important;
      z-index: 6 !important;
    }

    /* YAZI (ust): kendi oraninda, efekt yok */
    .layout-content-holder-bc .home-quick-access .cw-qa-text {
      position: relative !important;
      display: block !important;
      flex: 0 0 auto !important;
      width: 100% !important;
      height: auto !important;
      min-height: 0 !important;
      overflow: visible !important;
      background: transparent !important;
      border: none !important;
      box-shadow: none !important;
      border-radius: 0 !important;
    }

    .layout-content-holder-bc .home-quick-access .cw-qa-text::before,
    .layout-content-holder-bc .home-quick-access .cw-qa-text::after {
      content: none !important;
      display: none !important;
    }

    html body .layout-content-holder-bc .home-quick-access .cw-qa-text-img,
    .layout-content-holder-bc .home-quick-access .cw-qa-text-img {
      display: block !important;
      position: relative !important;
      width: 100% !important;
      height: auto !important;
      max-width: 100% !important;
      max-height: none !important;
      margin: 0 !important;
      padding: 0 !important;
      object-fit: contain !important;
      object-position: center center !important;
      background: transparent !important;
      border: none !important;
      border-radius: 0 !important;
      animation: none !important;
      transform: none !important;
      filter: none !important;
    }

    /* KATEGORI: BG plaka + spin (overflow hidden); karakter ustte tasiyor */
    .layout-content-holder-bc .home-quick-access .cw-qa-cat {
      position: relative !important;
      display: block !important;
      flex: 0 0 auto !important;
      width: 100% !important;
      height: auto !important;
      min-height: 0 !important;
      box-sizing: border-box !important;
      padding: 0 !important;
      overflow: visible !important;
      isolation: isolate !important;
      border-radius: 0 !important;
      background: transparent !important;
      transform: translate3d(0, 0, 0) !important;
      transform-origin: center center !important;
      transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1) !important;
    }

    .layout-content-holder-bc .home-quick-access .product-banner-bc:hover .cw-qa-cat,
    .layout-content-holder-bc .home-quick-access .product-banner-bc:focus-visible .cw-qa-cat {
      transform: translate3d(0, -4px, 0) !important;
    }

    .layout-content-holder-bc .home-quick-access .cw-qa-bg {
      position: absolute !important;
      inset: -3px !important;
      display: block !important;
      overflow: hidden !important;
      border-radius: 12px !important;
      pointer-events: none !important;
      z-index: 1 !important;
    }

    .layout-content-holder-bc .home-quick-access .cw-qa-bg-img {
      display: none !important;
      opacity: 0 !important;
      visibility: hidden !important;
      pointer-events: none !important;
    }

    /* CW-QA-KENAR-20260906-0108 — ışık artık SADECE plakanın kenar halkasında
       dolaşıyor. Öncesi: dönen koni gradyanı bütün plakayı süpürüyordu; kategori
       görselinin alfası şeffaf olduğu için (VP8X/ALPHA) efekt karakterin üstünden
       de geçiyordu — gereksiz görünen buydu. Maske (halka dışı kesildi) ışığı 2px
       kenara hapsediyor: aynı tek kompozit katman, çok daha az overdraw.
       Dönen katman 420px sabit yerine kutunun %150'si (plaka 939x953 = kare,
       0.75 > 0.707 → köşeler her açıda kapalı). Animasyon transform-only kaldı,
       yani GPU'da; hız 2.4s -> 5.6s, süpürme yayı 110deg -> 42deg kuyruklu iz. */
    .layout-content-holder-bc .home-quick-access .cw-qa-spin {
      position: absolute !important;
      inset: 0 !important;
      display: block !important;
      overflow: hidden !important;
      border-radius: inherit !important;
      padding: 2px !important;
      -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
      mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
      -webkit-mask-composite: xor;
      mask-composite: exclude;
      pointer-events: none !important;
      z-index: 1 !important;
    }

    .layout-content-holder-bc .home-quick-access .cw-qa-spin-rot {
      position: absolute !important;
      inset: -25% !important;
      width: auto !important;
      height: auto !important;
      margin: 0 !important;
      display: block !important;
      background: conic-gradient(
        from 0deg,
        transparent 0deg,
        transparent 318deg,
        rgba(199, 163, 88, 0.22) 338deg,
        #e6cc8e 351deg,
        #fff6d8 356deg,
        #c7a358 359deg,
        transparent 360deg
      ) !important;
      transform-origin: 50% 50% !important;
      -webkit-animation: cw-qa-ring 5.6s linear infinite !important;
      animation: cw-qa-ring 5.6s linear infinite !important;
      animation-play-state: running !important;
      will-change: transform;
      pointer-events: none !important;
    }

    .layout-content-holder-bc .home-quick-access .cw-qa-fill {
      display: none !important;
    }

    html body .layout-content-holder-bc .home-quick-access .cw-qa-cat-img,
    .layout-content-holder-bc .home-quick-access .cw-qa-cat-img {
      position: relative !important;
      z-index: 2 !important;
      display: block !important;
      width: 100% !important;
      height: auto !important;
      max-width: 100% !important;
      max-height: none !important;
      margin: 0 !important;
      padding: 0 !important;
      object-fit: contain !important;
      object-position: center center !important;
      border: none !important;
      border-radius: 0 !important;
      background: transparent !important;
      animation: none !important;
      filter: none !important;
      vertical-align: top !important;
      clip-path: none !important;
      -webkit-clip-path: none !important;
      transform: none !important;
    }

    html body .layout-content-holder-bc .home-quick-access .product-banner-bc:hover .cw-qa-cat-img,
    html body .layout-content-holder-bc .home-quick-access .product-banner-bc:focus-visible .cw-qa-cat-img {
      transform: none !important;
      background: transparent !important;
      animation: none !important;
    }

    html body .layout-content-holder-bc .home-quick-access .cw-qa-text-img {
      animation: none !important;
      border-radius: 0 !important;
    }
    
    /* =========================================================
       POPÜLER OYUNLAR — Casino + Canlı Casino (MASAÜSTÜ, ilk boyama)
       Sunucunun bastığı BC: .hm-row-bc:has(.page-view-more) .product-banner-container-bc:is(.col-4, .pop-serit, .horizontal-scroll, .product-banner-without-titles)
       6 kolon · kart oranı 185×265. Yatay kaydırma yok.
       Hover: yalniz kart yukari kalkar. Demo/Oyna overlay yok.
       ========================================================= */
    
    .layout-content-holder-bc .hm-row-bc:has(.page-view-more):has(.product-banner-container-bc:is(.col-4, .pop-serit, .horizontal-scroll, .product-banner-without-titles)) {
      --yellow: var(--gold, #c7a358);
      --white: #ffffff;
      --cw-pop-side: var(--cw-home-side, 170px);
      --cw-pop-gap: 12px;
      --cw-pop-cols: 6;
      --cw-pop-card-w: 185px;
      --cw-pop-card-h: 265px;
      --font: var(--font-family, Rubik, sans-serif);
    
      width: calc(100% - (var(--cw-pop-side) * 2)) !important;
      max-width: calc(100% - (var(--cw-pop-side) * 2)) !important;
      min-width: 0 !important;
      margin: 16px var(--cw-pop-side) 24px !important;
      padding: 0 !important;
      display: block !important;
      grid-template-columns: none !important;
      background: transparent !important;
      box-sizing: border-box !important;
      font-family: var(--font) !important;
      overflow-x: clip !important;
      overflow-y: visible !important;
    }
    
    .layout-content-holder-bc .hm-row-bc:has(.page-view-more):has(.product-banner-container-bc:is(.col-4, .pop-serit, .horizontal-scroll, .product-banner-without-titles)) .hm-row-bc-inner {
      display: flex !important;
      flex-direction: column !important;
      gap: 14px !important;
      width: 100% !important;
      max-width: 100% !important;
      min-width: 0 !important;
      margin: 0 !important;
      padding: 0 !important;
      background: transparent !important;
      box-sizing: border-box !important;
      overflow-x: clip !important;
      overflow-y: visible !important;
    }
  
    html body .layout-content-holder-bc .hm-row-bc:has(.page-view-more):has(.product-banner-container-bc:is(.col-4, .pop-serit, .horizontal-scroll, .product-banner-without-titles)):not(:has(.popular-competitions-bc)) .serit-kenar {
      display: block !important;
      position: relative !important;
      width: 100% !important;
      max-width: 100% !important;
      min-width: 0 !important;
      margin: 0 !important;
      padding: 0 !important;
      overflow-x: clip !important;
      overflow-y: visible !important;
      padding-top: 10px !important;
      box-shadow: none !important;
      background: transparent !important;
    }
  
    html body .layout-content-holder-bc .hm-row-bc:has(.popular-competitions-bc),
    html body .hm-row-bc:has(.popular-competitions-bc) {
      display: none !important;
      visibility: hidden !important;
      height: 0 !important;
      max-height: 0 !important;
      min-height: 0 !important;
      margin: 0 !important;
      padding: 0 !important;
      overflow: hidden !important;
      pointer-events: none !important;
    }
  
    .layout-content-holder-bc .popular-competitions-bc,
    .layout-content-holder-bc .popular-competitions-container {
      display: flex !important;
      visibility: visible !important;
      opacity: 1 !important;
      pointer-events: auto !important;
    }
  
    .layout-content-holder-bc .popular-competitions-bc {
      flex-direction: column !important;
      gap: 12px !important;
      width: 100% !important;
      min-height: 72px !important;
      overflow: visible !important;
    }
  
    .layout-content-holder-bc .popular-competitions-container {
      flex-direction: row !important;
      flex-wrap: nowrap !important;
      align-items: stretch !important;
      gap: 8px !important;
      width: 100% !important;
      min-height: 64px !important;
      overflow-x: auto !important;
      overflow-y: hidden !important;
      scrollbar-width: none !important;
    }
  
    .layout-content-holder-bc .popular-competitions-container .sp-s-l-b-c-item-bc {
      display: flex !important;
      visibility: visible !important;
      opacity: 1 !important;
      flex: 0 0 auto !important;
      min-height: 64px !important;
    }
    
    .layout-content-holder-bc .hm-row-bc:has(.page-view-more):has(.product-banner-container-bc:is(.col-4, .pop-serit, .horizontal-scroll, .product-banner-without-titles)) .page-view-more {
      display: flex !important;
      align-items: center !important;
      width: 100% !important;
      margin: 0 !important;
      padding: 0 !important;
      background: transparent !important;
      border: none !important;
    }
    
    html body .layout-content-holder-bc .hm-row-bc:has(.page-view-more) .product-banner-container-bc:is(.col-4, .pop-serit, .horizontal-scroll, .product-banner-without-titles),
    html body .layout-content-holder-bc .hm-row-bc:has(.page-view-more) .product-banner-container-bc:is(.col-4, .pop-serit, .horizontal-scroll, .product-banner-without-titles).horizontal-scroll,
    html body .layout-content-holder-bc .hm-row-bc:has(.page-view-more) .product-banner-container-bc:is(.col-4, .pop-serit, .horizontal-scroll, .product-banner-without-titles).pop-serit,
    html body .layout-content-holder-bc .hm-row-bc:has(.page-view-more) .product-banner-container-bc:is(.col-4, .pop-serit, .horizontal-scroll, .product-banner-without-titles).oto-serit {
      display: grid !important;
      flex-direction: unset !important;
      flex-wrap: wrap !important;
      grid-template-columns: repeat(var(--cw-pop-cols, 6), minmax(0, 1fr)) !important;
      grid-auto-flow: row !important;
      grid-auto-columns: unset !important;
      gap: var(--cw-pop-gap, 12px) !important;
      width: 100% !important;
      max-width: 100% !important;
      min-width: 0 !important;
      margin: 0 !important;
      padding: 16px 0 16px !important;
      background: transparent !important;
      overflow: visible !important;
      overflow-x: clip !important;
      overflow-y: visible !important;
      box-sizing: border-box !important;
      justify-content: stretch !important;
      justify-items: stretch !important;
      align-items: start !important;
      transform: none !important;
      animation: none !important;
      scroll-behavior: auto !important;
      overscroll-behavior-x: none !important;
      touch-action: pan-y !important;
      scrollbar-width: none !important;
    }
  
    html body .layout-content-holder-bc .hm-row-bc:has(.page-view-more) .product-banner-container-bc:is(.col-4, .pop-serit, .horizontal-scroll, .product-banner-without-titles)::-webkit-scrollbar {
      display: none !important;
      width: 0 !important;
      height: 0 !important;
    }
    
    html body .layout-content-holder-bc .hm-row-bc:has(.page-view-more) .product-banner-container-bc:is(.col-4, .pop-serit, .horizontal-scroll, .product-banner-without-titles) > div,
    html body .layout-content-holder-bc .hm-row-bc:has(.page-view-more) .product-banner-container-bc:is(.col-4, .pop-serit, .horizontal-scroll, .product-banner-without-titles) > a.product-banner-bc,
    html body .layout-content-holder-bc .hm-row-bc:has(.page-view-more) .product-banner-container-bc:is(.col-4, .pop-serit, .horizontal-scroll, .product-banner-without-titles) > .casinoGameItemContent {
      display: block !important;
      position: relative !important;
      flex: none !important;
      flex-basis: auto !important;
      width: 100% !important;
      min-width: 0 !important;
      max-width: none !important;
      height: auto !important;
      aspect-ratio: 185 / 265 !important;
      margin: 0 !important;
      padding: 0 !important;
      background: transparent !important;
      overflow: visible !important;
      transform: none !important;
      transition: none !important;
      z-index: 1 !important;
      border-radius: 10px !important;
    }
    
    html body .layout-content-holder-bc .hm-row-bc:has(.page-view-more) .product-banner-container-bc:is(.col-4, .pop-serit, .horizontal-scroll, .product-banner-without-titles) > div:hover,
    html body .layout-content-holder-bc .hm-row-bc:has(.page-view-more) .product-banner-container-bc:is(.col-4, .pop-serit, .horizontal-scroll, .product-banner-without-titles) > div:focus-within,
    html body .layout-content-holder-bc .hm-row-bc:has(.page-view-more) .product-banner-container-bc:is(.col-4, .pop-serit, .horizontal-scroll, .product-banner-without-titles) > a.product-banner-bc:hover,
    html body .layout-content-holder-bc .hm-row-bc:has(.page-view-more) .product-banner-container-bc:is(.col-4, .pop-serit, .horizontal-scroll, .product-banner-without-titles) > a.product-banner-bc:focus-within,
    html body .layout-content-holder-bc .hm-row-bc:has(.page-view-more) .product-banner-container-bc:is(.col-4, .pop-serit, .horizontal-scroll, .product-banner-without-titles) > .casinoGameItemContent:hover,
    html body .layout-content-holder-bc .hm-row-bc:has(.page-view-more) .product-banner-container-bc:is(.col-4, .pop-serit, .horizontal-scroll, .product-banner-without-titles) > .casinoGameItemContent:focus-within {
      z-index: 4 !important;
    }
    
    html body .layout-content-holder-bc .hm-row-bc:has(.page-view-more) .product-banner-container-bc:is(.col-4, .pop-serit, .horizontal-scroll, .product-banner-without-titles) > [inert],
    html body .layout-content-holder-bc .hm-row-bc:has(.page-view-more) .product-banner-container-bc:is(.col-4, .pop-serit, .horizontal-scroll, .product-banner-without-titles) > [aria-hidden="true"] {
      display: none !important;
    }
    
    html body .layout-content-holder-bc .hm-row-bc:has(.page-view-more) .product-banner-container-bc:is(.col-4, .pop-serit, .horizontal-scroll, .product-banner-without-titles) .casinoGameItem {
      position: relative !important;
      display: block !important;
      width: 100% !important;
      height: 100% !important;
      margin: 0 !important;
      padding: 0 !important;
      overflow: visible !important;
      background: none !important;
      background-image: none !important;
      animation: none !important;
      border-radius: 10px !important;
      box-sizing: border-box !important;
      isolation: isolate !important;
      transform: none !important;
    }
    
    html body .layout-content-holder-bc .hm-row-bc:has(.page-view-more) .product-banner-container-bc:is(.col-4, .pop-serit, .horizontal-scroll, .product-banner-without-titles) .casinoGameItem::after {
      content: none !important;
      display: none !important;
      animation: none !important;
    }
    
    html body .layout-content-holder-bc .hm-row-bc:has(.page-view-more) .product-banner-container-bc:is(.col-4, .pop-serit, .horizontal-scroll, .product-banner-without-titles) .cw-pop-frame {
      position: relative !important;
      display: block !important;
      width: 100% !important;
      height: 100% !important;
      margin: 0 !important;
      padding: 0 !important;
      overflow: hidden !important;
      border-radius: 10px !important;
      box-sizing: border-box !important;
    }
    
    html body .layout-content-holder-bc .hm-row-bc:has(.page-view-more) .product-banner-container-bc:is(.col-4, .pop-serit, .horizontal-scroll, .product-banner-without-titles) .casinoGameItem > a:not(.ds-btn),
    html body .layout-content-holder-bc .hm-row-bc:has(.page-view-more) .product-banner-container-bc:is(.col-4, .pop-serit, .horizontal-scroll, .product-banner-without-titles) .cw-pop-frame > a:not(.ds-btn) {
      position: absolute !important;
      inset: 0 !important;
      z-index: 1 !important;
      display: block !important;
      width: 100% !important;
      height: 100% !important;
      margin: 0 !important;
      padding: 0 !important;
      overflow: visible !important;
    }

    /* 185×265 — kapak oranı neredeyse görselle aynı, contain kırpmaz */
    html body .layout-content-holder-bc .hm-row-bc:has(.page-view-more) .product-banner-container-bc:is(.col-4, .pop-serit, .horizontal-scroll, .product-banner-without-titles) .casinoGameItemImage,
    html body .layout-content-holder-bc .hm-row-bc:has(.page-view-more) .product-banner-container-bc:is(.col-4, .pop-serit, .horizontal-scroll, .product-banner-without-titles) .casinoGameItem:has(> .casinoGameItemBlock) .casinoGameItemImage,
    html body .layout-content-holder-bc .hm-row-bc:has(.page-view-more) .product-banner-container-bc:is(.col-4, .pop-serit, .horizontal-scroll, .product-banner-without-titles) .cw-pop-frame .casinoGameItemImage,
    html body .layout-content-holder-bc .hm-row-bc:has(.page-view-more) .product-banner-container-bc:is(.col-4, .pop-serit, .horizontal-scroll, .product-banner-without-titles) .casinoGameItem img,
    html body .layout-content-holder-bc .hm-row-bc:has(.page-view-more) .product-banner-container-bc:is(.col-4, .pop-serit, .horizontal-scroll, .product-banner-without-titles) > div > a img,
    html body .layout-content-holder-bc .hm-row-bc:has(.page-view-more) .product-banner-container-bc:is(.col-4, .pop-serit, .horizontal-scroll, .product-banner-without-titles) .cw-pop-frame img {
      position: absolute !important;
      inset: 0 !important;
      top: 0 !important;
      right: 0 !important;
      bottom: 0 !important;
      left: 0 !important;
      z-index: 1 !important;
      display: block !important;
      width: 100% !important;
      height: 100% !important;
      max-width: 100% !important;
      max-height: 100% !important;
      object-fit: contain !important;
      object-position: center center !important;
      margin: 0 !important;
      padding: 0 !important;
      border: none !important;
      border-radius: 0 !important;
      background: transparent !important;
      pointer-events: none !important;
      transform: none !important;
      filter: none !important;
      animation: none !important;
    }
    
    .layout-content-holder-bc .hm-row-bc:has(.page-view-more) .product-banner-container-bc:is(.col-4, .pop-serit, .horizontal-scroll, .product-banner-without-titles) .product-banner-info-bc,
    .layout-content-holder-bc .hm-row-bc:has(.page-view-more) .product-banner-container-bc:is(.col-4, .pop-serit, .horizontal-scroll, .product-banner-without-titles) .product-banner-bc,
    .layout-content-holder-bc .hm-row-bc:has(.page-view-more) .product-banner-container-bc:is(.col-4, .pop-serit, .horizontal-scroll, .product-banner-without-titles) a.product-banner-bc,
    html body .layout-content-holder-bc .hm-row-bc:has(.page-view-more) .product-banner-container-bc:is(.col-4, .pop-serit, .horizontal-scroll, .product-banner-without-titles) .cw-pop-frame .product-banner-bc,
    html body .layout-content-holder-bc .hm-row-bc:has(.page-view-more) .product-banner-container-bc:is(.col-4, .pop-serit, .horizontal-scroll, .product-banner-without-titles) .cw-pop-frame a.product-banner-bc {
      display: block !important;
      position: relative !important;
      z-index: 1 !important;
      width: 100% !important;
      height: 100% !important;
      margin: 0 !important;
      padding: 0 !important;
      border: none !important;
      border-radius: 10px !important;
      overflow: visible !important;
      background: transparent !important;
      box-shadow: none !important;
      outline: none !important;
      text-decoration: none !important;
      transform: none !important;
    }
    
    .layout-content-holder-bc .hm-row-bc:has(.page-view-more) .product-banner-container-bc:is(.col-4, .pop-serit, .horizontal-scroll, .product-banner-without-titles) .product-banner-bc::before,
    .layout-content-holder-bc .hm-row-bc:has(.page-view-more) .product-banner-container-bc:is(.col-4, .pop-serit, .horizontal-scroll, .product-banner-without-titles) .product-banner-bc::after {
      content: none !important;
      display: none !important;
    }
    
    html body .layout-content-holder-bc .hm-row-bc:has(.page-view-more) .product-banner-container-bc:is(.col-4, .pop-serit, .horizontal-scroll, .product-banner-without-titles) .product-banner-img-bc,
    html body .layout-content-holder-bc .hm-row-bc:has(.page-view-more) .product-banner-container-bc:is(.col-4, .pop-serit, .horizontal-scroll, .product-banner-without-titles) .cw-pop-frame .product-banner-img-bc {
      display: block !important;
      position: absolute !important;
      inset: 0 !important;
      z-index: 1 !important;
      width: 100% !important;
      height: 100% !important;
      max-width: 100% !important;
      max-height: 100% !important;
      object-fit: contain !important;
      object-position: center center !important;
      margin: 0 !important;
      padding: 0 !important;
      border: none !important;
      border-radius: 0 !important;
      background: transparent !important;
      transform: none !important;
      filter: none !important;
      pointer-events: none !important;
      transition: transform 0.22s cubic-bezier(0.22, 1, 0.36, 1), top 0.22s cubic-bezier(0.22, 1, 0.36, 1) !important;
    }

    html body .layout-content-holder-bc .hm-row-bc:has(.page-view-more) .product-banner-container-bc:is(.col-4, .pop-serit, .horizontal-scroll, .product-banner-without-titles) > div:hover > a img,
    html body .layout-content-holder-bc .hm-row-bc:has(.page-view-more) .product-banner-container-bc:is(.col-4, .pop-serit, .horizontal-scroll, .product-banner-without-titles) > div:hover > a .product-banner-img-bc,
    html body .layout-content-holder-bc .hm-row-bc:has(.page-view-more) .product-banner-container-bc:is(.col-4, .pop-serit, .horizontal-scroll, .product-banner-without-titles) > div:focus-within > a img,
    html body .layout-content-holder-bc .hm-row-bc:has(.page-view-more) .product-banner-container-bc:is(.col-4, .pop-serit, .horizontal-scroll, .product-banner-without-titles) > a.product-banner-bc:hover > img,
    html body .layout-content-holder-bc .hm-row-bc:has(.page-view-more) .product-banner-container-bc:is(.col-4, .pop-serit, .horizontal-scroll, .product-banner-without-titles) > .casinoGameItemContent:hover img {
      transform: translateY(-8px) !important;
      top: -8px !important;
    }

    @media (prefers-reduced-motion: reduce) {
      html body .layout-content-holder-bc .hm-row-bc:has(.page-view-more) .product-banner-container-bc:is(.col-4, .pop-serit, .horizontal-scroll, .product-banner-without-titles) > div:hover img,
      html body .layout-content-holder-bc .hm-row-bc:has(.page-view-more) .product-banner-container-bc:is(.col-4, .pop-serit, .horizontal-scroll, .product-banner-without-titles) > div:hover .product-banner-img-bc,
      html body .layout-content-holder-bc .hm-row-bc:has(.page-view-more) .product-banner-container-bc:is(.col-4, .pop-serit, .horizontal-scroll, .product-banner-without-titles) > div:focus-within img,
      html body .layout-content-holder-bc .hm-row-bc:has(.page-view-more) .product-banner-container-bc:is(.col-4, .pop-serit, .horizontal-scroll, .product-banner-without-titles) > a.product-banner-bc:hover img,
      html body .layout-content-holder-bc .hm-row-bc:has(.page-view-more) .product-banner-container-bc:is(.col-4, .pop-serit, .horizontal-scroll, .product-banner-without-titles) > .casinoGameItemContent:hover img {
        transform: none !important;
        top: 0 !important;
      }
    }
    
    /* Overlay kapali — hover'da Demo/Oyna / baslik gelmez */
    html body .layout-content-holder-bc .hm-row-bc:has(.page-view-more) .product-banner-container-bc:is(.col-4, .pop-serit, .horizontal-scroll, .product-banner-without-titles) .casinoGameItemBlock,
    html body .layout-content-holder-bc .hm-row-bc:has(.page-view-more) .product-banner-container-bc:is(.col-4, .pop-serit, .horizontal-scroll, .product-banner-without-titles) .casinoGameItemBlock.cw-pop-hover,
    html body .layout-content-holder-bc .hm-row-bc:has(.page-view-more) .product-banner-container-bc:is(.col-4, .pop-serit, .horizontal-scroll, .product-banner-without-titles) .casinoGameItem:hover .casinoGameItemBlock,
    html body .layout-content-holder-bc .hm-row-bc:has(.page-view-more) .product-banner-container-bc:is(.col-4, .pop-serit, .horizontal-scroll, .product-banner-without-titles) .casinoGameItem:focus-within .casinoGameItemBlock,
    html body .layout-content-holder-bc .hm-row-bc:has(.page-view-more) .product-banner-container-bc:is(.col-4, .pop-serit, .horizontal-scroll, .product-banner-without-titles) .casinoGameItemContent:hover .casinoGameItemBlock,
    html body .layout-content-holder-bc .hm-row-bc:has(.page-view-more) .product-banner-container-bc:is(.col-4, .pop-serit, .horizontal-scroll, .product-banner-without-titles) .casinoGameItemContent:focus-within .casinoGameItemBlock,
    html body .layout-content-holder-bc .hm-row-bc:has(.page-view-more) .product-banner-container-bc:is(.col-4, .pop-serit, .horizontal-scroll, .product-banner-without-titles) > *:hover .casinoGameItemBlock,
    html body .layout-content-holder-bc .hm-row-bc:has(.page-view-more) .product-banner-container-bc:is(.col-4, .pop-serit, .horizontal-scroll, .product-banner-without-titles) > *:focus-within .casinoGameItemBlock {
      display: none !important;
      opacity: 0 !important;
      visibility: hidden !important;
      pointer-events: none !important;
    }
    
    html body .layout-content-holder-bc .hm-row-bc:has(.page-view-more) .product-banner-container-bc:is(.col-4, .pop-serit, .horizontal-scroll, .product-banner-without-titles) .casinoGameIconsWrp,
    html body .layout-content-holder-bc .hm-row-bc:has(.page-view-more) .product-banner-container-bc:is(.col-4, .pop-serit, .horizontal-scroll, .product-banner-without-titles) .casinoGameButtons {
      pointer-events: none !important;
    }
    
    html body .layout-content-holder-bc .hm-row-bc:has(.page-view-more) .product-banner-container-bc:is(.col-4, .pop-serit, .horizontal-scroll, .product-banner-without-titles) .casinoGameItem:hover .casinoGameIconsWrp,
    html body .layout-content-holder-bc .hm-row-bc:has(.page-view-more) .product-banner-container-bc:is(.col-4, .pop-serit, .horizontal-scroll, .product-banner-without-titles) .casinoGameItem:hover .casinoGameButtons,
    html body .layout-content-holder-bc .hm-row-bc:has(.page-view-more) .product-banner-container-bc:is(.col-4, .pop-serit, .horizontal-scroll, .product-banner-without-titles) .casinoGameItem:focus-within .casinoGameIconsWrp,
    html body .layout-content-holder-bc .hm-row-bc:has(.page-view-more) .product-banner-container-bc:is(.col-4, .pop-serit, .horizontal-scroll, .product-banner-without-titles) .casinoGameItem:focus-within .casinoGameButtons,
    html body .layout-content-holder-bc .hm-row-bc:has(.page-view-more) .product-banner-container-bc:is(.col-4, .pop-serit, .horizontal-scroll, .product-banner-without-titles) > *:hover .casinoGameIconsWrp,
    html body .layout-content-holder-bc .hm-row-bc:has(.page-view-more) .product-banner-container-bc:is(.col-4, .pop-serit, .horizontal-scroll, .product-banner-without-titles) > *:hover .casinoGameButtons,
    html body .layout-content-holder-bc .hm-row-bc:has(.page-view-more) .product-banner-container-bc:is(.col-4, .pop-serit, .horizontal-scroll, .product-banner-without-titles) > *:focus-within .casinoGameIconsWrp,
    html body .layout-content-holder-bc .hm-row-bc:has(.page-view-more) .product-banner-container-bc:is(.col-4, .pop-serit, .horizontal-scroll, .product-banner-without-titles) > *:focus-within .casinoGameButtons {
      pointer-events: auto !important;
    }
    
    html body .layout-content-holder-bc .hm-row-bc:has(.page-view-more) .product-banner-container-bc:is(.col-4, .pop-serit, .horizontal-scroll, .product-banner-without-titles) .casinoGameIconsWrp {
      position: absolute !important;
      top: 6px !important;
      left: 6px !important;
      right: 6px !important;
      width: auto !important;
      max-width: calc(100% - 12px) !important;
      height: 20px !important;
      z-index: 5 !important;
      display: flex !important;
      flex-direction: row !important;
      align-items: center !important;
      justify-content: space-between !important;
      margin: 0 !important;
      padding: 0 !important;
      box-sizing: border-box !important;
      overflow: hidden !important;
      transform: none !important;
    }
    
    html body .layout-content-holder-bc .hm-row-bc:has(.page-view-more) .product-banner-container-bc:is(.col-4, .pop-serit, .horizontal-scroll, .product-banner-without-titles) .casinoGameIconsLeft,
    html body .layout-content-holder-bc .hm-row-bc:has(.page-view-more) .product-banner-container-bc:is(.col-4, .pop-serit, .horizontal-scroll, .product-banner-without-titles) .casinoGameIconsRight,
    html body .layout-content-holder-bc .hm-row-bc:has(.page-view-more) .product-banner-container-bc:is(.col-4, .pop-serit, .horizontal-scroll, .product-banner-without-titles) .casinoGameIconsFavoriteWrapper {
      position: relative !important;
      top: auto !important;
      left: auto !important;
      right: auto !important;
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      flex: 0 0 20px !important;
      width: 20px !important;
      min-width: 20px !important;
      max-width: 20px !important;
      height: 20px !important;
      margin: 0 !important;
      padding: 0 !important;
      overflow: hidden !important;
      transform: none !important;
    }
    
    html body .layout-content-holder-bc .hm-row-bc:has(.page-view-more) .product-banner-container-bc:is(.col-4, .pop-serit, .horizontal-scroll, .product-banner-without-titles) .casinoGameItemFavBc,
    html body .layout-content-holder-bc .hm-row-bc:has(.page-view-more) .product-banner-container-bc:is(.col-4, .pop-serit, .horizontal-scroll, .product-banner-without-titles) .casinoGameIconsRight > i,
    html body .layout-content-holder-bc .hm-row-bc:has(.page-view-more) .product-banner-container-bc:is(.col-4, .pop-serit, .horizontal-scroll, .product-banner-without-titles) .js-game-info,
    html body .layout-content-holder-bc .hm-row-bc:has(.page-view-more) .product-banner-container-bc:is(.col-4, .pop-serit, .horizontal-scroll, .product-banner-without-titles) .js-game-fav {
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
      width: 20px !important;
      min-width: 20px !important;
      max-width: 20px !important;
      height: 20px !important;
      min-height: 20px !important;
      margin: 0 !important;
      padding: 0 !important;
      background: rgba(0, 0, 0, 0.45) !important;
      border-radius: 50% !important;
      color: #dfe4ec !important;
      font-size: 11px !important;
      line-height: 20px !important;
      box-sizing: border-box !important;
      overflow: hidden !important;
      transform: none !important;
      cursor: pointer !important;
    }
    
    html body .layout-content-holder-bc .hm-row-bc:has(.page-view-more) .product-banner-container-bc:is(.col-4, .pop-serit, .horizontal-scroll, .product-banner-without-titles) .casinoGameItemFavBc::before,
    html body .layout-content-holder-bc .hm-row-bc:has(.page-view-more) .product-banner-container-bc:is(.col-4, .pop-serit, .horizontal-scroll, .product-banner-without-titles) .casinoGameIconsRight > i::before,
    html body .layout-content-holder-bc .hm-row-bc:has(.page-view-more) .product-banner-container-bc:is(.col-4, .pop-serit, .horizontal-scroll, .product-banner-without-titles) .js-game-info::before,
    html body .layout-content-holder-bc .hm-row-bc:has(.page-view-more) .product-banner-container-bc:is(.col-4, .pop-serit, .horizontal-scroll, .product-banner-without-titles) .js-game-fav::before {
      font-size: 11px !important;
      line-height: 1 !important;
      margin: 0 !important;
      transform: none !important;
    }
    
    html body .layout-content-holder-bc .hm-row-bc:has(.page-view-more) .product-banner-container-bc:is(.col-4, .pop-serit, .horizontal-scroll, .product-banner-without-titles) .casinoGameItemLabelBc {
      position: relative !important;
      display: -webkit-box !important;
      -webkit-line-clamp: 2 !important;
      line-clamp: 2 !important;
      -webkit-box-orient: vertical !important;
      flex: 0 0 auto !important;
      width: 100% !important;
      max-width: 100% !important;
      margin: 0 !important;
      padding: 0 2px !important;
      background: transparent !important;
      color: var(--white, #fff) !important;
      font-family: var(--font) !important;
      font-size: 13px !important;
      font-weight: 700 !important;
      line-height: 1.25 !important;
      text-align: center !important;
      text-shadow: 0 1px 6px rgba(0, 0, 0, 0.6) !important;
      overflow: hidden !important;
    }
    
    html body .layout-content-holder-bc .hm-row-bc:has(.page-view-more) .product-banner-container-bc:is(.col-4, .pop-serit, .horizontal-scroll, .product-banner-without-titles) .casinoGameButtons {
      display: flex !important;
      flex-direction: row !important;
      align-items: center !important;
      justify-content: center !important;
      flex: 0 0 auto !important;
      gap: 6px !important;
      width: 100% !important;
      max-width: 100% !important;
      margin: 0 !important;
      padding: 0 !important;
    }
    
    html body .layout-content-holder-bc .hm-row-bc:has(.page-view-more) .product-banner-container-bc:is(.col-4, .pop-serit, .horizontal-scroll, .product-banner-without-titles) .casinoBtnWrp {
      display: block !important;
      flex: 1 1 0 !important;
      min-width: 0 !important;
      max-width: 88px !important;
      margin: 0 !important;
      padding: 0 !important;
      opacity: 1 !important;
    }

    html body .layout-content-holder-bc .hm-row-bc:has(.page-view-more) .product-banner-container-bc:is(.col-4, .pop-serit, .horizontal-scroll, .product-banner-without-titles) .casinoGameItem:hover .casinoBtnWrp:nth-child(1),
    html body .layout-content-holder-bc .hm-row-bc:has(.page-view-more) .product-banner-container-bc:is(.col-4, .pop-serit, .horizontal-scroll, .product-banner-without-titles) .casinoGameItem:focus-within .casinoBtnWrp:nth-child(1),
    html body .layout-content-holder-bc .hm-row-bc:has(.page-view-more) .product-banner-container-bc:is(.col-4, .pop-serit, .horizontal-scroll, .product-banner-without-titles) > *:hover .casinoBtnWrp:nth-child(1),
    html body .layout-content-holder-bc .hm-row-bc:has(.page-view-more) .product-banner-container-bc:is(.col-4, .pop-serit, .horizontal-scroll, .product-banner-without-titles) > *:focus-within .casinoBtnWrp:nth-child(1) {
      animation: cw-ovl-from-top 0.34s cubic-bezier(0.22, 1, 0.36, 1) both !important;
    }

    html body .layout-content-holder-bc .hm-row-bc:has(.page-view-more) .product-banner-container-bc:is(.col-4, .pop-serit, .horizontal-scroll, .product-banner-without-titles) .casinoGameItem:hover .casinoBtnWrp:nth-child(2),
    html body .layout-content-holder-bc .hm-row-bc:has(.page-view-more) .product-banner-container-bc:is(.col-4, .pop-serit, .horizontal-scroll, .product-banner-without-titles) .casinoGameItem:focus-within .casinoBtnWrp:nth-child(2),
    html body .layout-content-holder-bc .hm-row-bc:has(.page-view-more) .product-banner-container-bc:is(.col-4, .pop-serit, .horizontal-scroll, .product-banner-without-titles) > *:hover .casinoBtnWrp:nth-child(2),
    html body .layout-content-holder-bc .hm-row-bc:has(.page-view-more) .product-banner-container-bc:is(.col-4, .pop-serit, .horizontal-scroll, .product-banner-without-titles) > *:focus-within .casinoBtnWrp:nth-child(2) {
      animation: cw-ovl-from-bot 0.34s cubic-bezier(0.22, 1, 0.36, 1) 0.05s both !important;
    }
    
    html body .layout-content-holder-bc .hm-row-bc:has(.page-view-more) .product-banner-container-bc:is(.col-4, .pop-serit, .horizontal-scroll, .product-banner-without-titles) .casinoGameButtons .ds-btn {
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      width: 100% !important;
      min-width: 0 !important;
      max-width: 100% !important;
      height: 26px !important;
      min-height: 26px !important;
      margin: 0 !important;
      padding: 0 6px !important;
      border: 1px solid transparent !important;
      border-radius: 999px !important;
      box-shadow: none !important;
      box-sizing: border-box !important;
      cursor: pointer !important;
      overflow: hidden !important;
    }
    
    html body .layout-content-holder-bc .hm-row-bc:has(.page-view-more) .product-banner-container-bc:is(.col-4, .pop-serit, .horizontal-scroll, .product-banner-without-titles) .casinoGameButtons .ds-btn .btn__label {
      display: block !important;
      max-width: 100% !important;
      color: inherit !important;
      font-family: var(--font) !important;
      font-size: 10.5px !important;
      font-weight: 700 !important;
      letter-spacing: 0.02em !important;
      line-height: 1 !important;
      text-transform: uppercase !important;
      white-space: nowrap !important;
      overflow: hidden !important;
      text-overflow: ellipsis !important;
    }
    
    html body .layout-content-holder-bc .hm-row-bc:has(.page-view-more) .product-banner-container-bc:is(.col-4, .pop-serit, .horizontal-scroll, .product-banner-without-titles) .casinoGameButtons .js-game-demo,
    html body .layout-content-holder-bc .hm-row-bc:has(.page-view-more) .product-banner-container-bc:is(.col-4, .pop-serit, .horizontal-scroll, .product-banner-without-titles) .casinoGameButtons .js-open-login,
    html body .layout-content-holder-bc .hm-row-bc:has(.page-view-more) .product-banner-container-bc:is(.col-4, .pop-serit, .horizontal-scroll, .product-banner-without-titles) .casinoGameButtons .ds-btn-variant--transparent-static-light {
      background: rgba(255, 255, 255, 0.1) !important;
      border-color: rgba(255, 255, 255, 0.35) !important;
      color: var(--white, #fff) !important;
    }
    
    html body .layout-content-holder-bc .hm-row-bc:has(.page-view-more) .product-banner-container-bc:is(.col-4, .pop-serit, .horizontal-scroll, .product-banner-without-titles) .casinoGameButtons .js-game-play,
    html body .layout-content-holder-bc .hm-row-bc:has(.page-view-more) .product-banner-container-bc:is(.col-4, .pop-serit, .horizontal-scroll, .product-banner-without-titles) .casinoGameButtons .ds-btn-variant--primary {
      background: var(--yellow, #c7a358) !important;
      border-color: var(--yellow, #c7a358) !important;
      color: #14181f !important;
    }
    
    /* =========================================================
       ÖNE ÇIKAN BAHİSLER — .featuredGames
       120px inset | sarı bar başlık | marquee clip | kart skin
       ========================================================= */
    
    .layout-content-holder-bc .hm-row-bc:has(.featuredGames),
    .layout-content-holder-bc .featuredGames {
      --bg-page: #1a1f29;
      --bg-deep: #161922;
      --bg-card: #212832;
      --yellow: #c7a358;
      --white: #ffffff;
      --muted: rgba(255, 255, 255, 0.55);
      --border: rgba(255, 255, 255, 0.1);
      --font: "Chakra Petch", "Segoe UI", system-ui, sans-serif;
      --cw-fg-side: var(--cw-home-side, 170px);
      /* --cw-fg-card (sabit kart genisligi) KALDIRILDI: kart genisligi ortak
         CW-BAND-CAROUSEL blogunda, gorunur alana tam --cw-bk-per kart sigacak
         sekilde hesaplaniyor. */
    }
    
    .layout-content-holder-bc .hm-row-bc:has(.featuredGames) {
      width: calc(100% - (var(--cw-fg-side) * 2)) !important;
      max-width: calc(100% - (var(--cw-fg-side) * 2)) !important;
      min-width: 0 !important;
      min-height: 220px !important;
      margin: 22px var(--cw-fg-side) 28px !important;
      padding: 0 !important;
      display: block !important;
      grid-template-columns: none !important;
      background: transparent !important;
      box-sizing: border-box !important;
      font-family: var(--font) !important;
      overflow: hidden !important;
      position: relative !important;
      z-index: 1 !important;
      clear: both !important;
    }
    
    .layout-content-holder-bc .hm-row-bc:has(.featuredGames) .hm-row-bc-inner {
      width: 100% !important;
      max-width: 100% !important;
      min-width: 0 !important;
      margin: 0 !important;
      padding: 0 !important;
      background: transparent !important;
      overflow: hidden !important;
      box-sizing: border-box !important;
    }
    
    .layout-content-holder-bc .featuredGames {
      display: flex !important;
      flex-direction: column !important;
      gap: 14px !important;
      width: 100% !important;
      max-width: 100% !important;
      min-width: 0 !important;
      margin: 0 !important;
      padding: 0 !important;
      background: transparent !important;
      border: none !important;
      box-sizing: border-box !important;
      overflow: hidden !important;
      font-family: var(--font) !important;
    }
    
    /* Başlık */
    .layout-content-holder-bc .featuredGames .page-view-more {
      display: flex !important;
      align-items: center !important;
      width: 100% !important;
      margin: 0 !important;
      padding: 0 !important;
      background: transparent !important;
      border: none !important;
    }
    
    .layout-content-holder-bc .featuredGamesContent {
      width: 100% !important;
      max-width: 100% !important;
      min-width: 0 !important;
      margin: 0 !important;
      padding: 0 !important;
      background: transparent !important;
      overflow: hidden !important;
      box-sizing: border-box !important;
    }
    
    /* Marquee — container içinde kırp */
    .layout-content-holder-bc .featuredGames .runningLineWidget {
      width: 100% !important;
      max-width: 100% !important;
      min-width: 0 !important;
      margin: 0 !important;
      padding: 0 !important;
      background: transparent !important;
      overflow: hidden !important;
      box-sizing: border-box !important;
    }
    
    .layout-content-holder-bc .featuredGames .runningLineWrapper {
      position: relative !important;
      width: 100% !important;
      max-width: 100% !important;
      min-width: 0 !important;
      margin: 0 !important;
      padding: 2px 0 !important;
      overflow: hidden !important;
      background: transparent !important;
      mask-image: none !important;
      -webkit-mask-image: none !important;
      box-sizing: border-box !important;
    }
    
    .layout-content-holder-bc .featuredGames .runningLineWrapper.withShadows::before,
    .layout-content-holder-bc .featuredGames .runningLineWrapper.withShadows::after {
      display: none !important;
      content: none !important;
    }
    
    .layout-content-holder-bc .featuredGames .runningLine {
      display: flex !important;
      flex-direction: row !important;
      flex-wrap: nowrap !important;
      align-items: stretch !important;
      gap: 12px !important;
      width: max-content !important;
      margin: 0 !important;
      padding: 4px 0 !important;
      animation: none !important;
      animation-name: none !important;
      transform: none !important;
    }
    
    /* Kart */
    /* Kart genişliği burada TANIMLANMAZ — Büyük Kazançlar'daki ile aynı sebep.
       Buradaki sabit 310px, dosya sonundaki ortak CW-BAND-CAROUSEL kuralıyla
       AYNI özgüllükteydi ve yalnızca ortak kural dosyada daha sonra geldiği için
       eziliyordu. Yani "tam --cw-bk-per kart" hesabı, kuralların sırası
       değiştiği anda sessizce bozulacak bir dengeye bağlıydı. Genişlik artık
       tek sahipli: ortak karusel bloğu. */
    .layout-content-holder-bc .featuredGames .featuredGameItem {
      display: flex !important;
      flex-direction: column !important;
      margin: 0 !important;
      margin-right: 0 !important;
      padding: 0 !important;
      background: var(--bg-card) !important;
      border: 1px solid rgba(255, 255, 255, 0.08) !important;
      border-radius: 12px !important;
      box-sizing: border-box !important;
      box-shadow: none !important;
      overflow: hidden !important;
      cursor: pointer !important;
      transform: translateY(0) !important;
      transition:
        border-color 0.25s ease,
        box-shadow 0.25s ease,
        background 0.25s ease,
        transform 0.25s cubic-bezier(0.22, 1, 0.36, 1) !important;
    }
    
    .layout-content-holder-bc .featuredGames .featuredGameItem:hover,
    .layout-content-holder-bc .featuredGames .featuredGameItem:focus-visible {
      border-color: rgba(199, 163, 88, 0.4) !important;
      background: #1e2430 !important;
      box-shadow: 0 0 0 1px rgba(199, 163, 88, 0.12) !important;
      outline: none !important;
      transform: translateY(-1px) !important;
    }
    
    /* Kart header */
    .layout-content-holder-bc .featuredGames .featuredGameItemHeader {
      display: flex !important;
      align-items: center !important;
      width: 100% !important;
      margin: 0 !important;
      padding: 12px 14px 0 !important;
      background: transparent !important;
      border: none !important;
      box-sizing: border-box !important;
    }
    
    .layout-content-holder-bc .featuredGames .featuredGameItemHeaderContent {
      display: flex !important;
      flex-direction: row !important;
      align-items: center !important;
      gap: 8px !important;
      width: 100% !important;
      min-width: 0 !important;
      margin: 0 !important;
      padding: 0 !important;
    }
    
    .layout-content-holder-bc .featuredGames .featuredGameItemSportAliasIcon {
      flex-shrink: 0 !important;
      color: var(--yellow) !important;
      font-size: 14px !important;
      opacity: 1 !important;
    }
    
    .layout-content-holder-bc .featuredGames .featuredGameItemFlag {
      flex-shrink: 0 !important;
      opacity: 0.85 !important;
    }
    
    .layout-content-holder-bc .featuredGames .featuredGameItemCompetitionName {
      flex: 1 1 auto !important;
      min-width: 0 !important;
      margin: 0 !important;
      padding: 0 !important;
      color: var(--yellow, #c7a358) !important;
      -webkit-text-fill-color: var(--yellow, #c7a358) !important;
      font-family: var(--font) !important;
      font-size: 11px !important;
      font-weight: 600 !important;
      letter-spacing: 0.02em !important;
      line-height: 1.2 !important;
      white-space: nowrap !important;
      overflow: hidden !important;
      text-overflow: ellipsis !important;
    }
    
    /* Kart body */
    .layout-content-holder-bc .featuredGames .featuredGameItemBody {
      display: flex !important;
      flex-direction: column !important;
      gap: 12px !important;
      width: 100% !important;
      margin: 0 !important;
      padding: 14px !important;
      background: transparent !important;
      box-sizing: border-box !important;
    }
    
    .layout-content-holder-bc .featuredGames .featuredGameItemPlayersContainer {
      display: flex !important;
      flex-direction: row !important;
      align-items: center !important;
      justify-content: space-between !important;
      gap: 8px !important;
      width: 100% !important;
      margin: 0 !important;
      padding: 0 !important;
    }
    
    .layout-content-holder-bc .featuredGames .featuredGameItemPlayer {
      flex: 1 1 0 !important;
      min-width: 0 !important;
      margin: 0 !important;
      padding: 0 !important;
      text-align: center !important;
    }
    
    .layout-content-holder-bc .featuredGames .featuredGameItemPlayer.team1 {
      text-align: left !important;
    }
    
    .layout-content-holder-bc .featuredGames .featuredGameItemPlayer.team2 {
      text-align: right !important;
    }
    
    .layout-content-holder-bc .featuredGames .featuredGameItemPlayerName {
      display: block !important;
      margin: 0 !important;
      padding: 0 !important;
      color: var(--white) !important;
      font-family: var(--font) !important;
      font-size: 13px !important;
      font-weight: 700 !important;
      line-height: 1.25 !important;
      white-space: nowrap !important;
      overflow: hidden !important;
      text-overflow: ellipsis !important;
    }
    
    .layout-content-holder-bc .featuredGames .featuredGameItemTimeBlock {
      flex: 0 0 auto !important;
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      margin: 0 !important;
      padding: 0 4px !important;
    }
    
    .layout-content-holder-bc .featuredGames .featuredGameItemTime {
      display: flex !important;
      flex-direction: column !important;
      align-items: center !important;
      gap: 2px !important;
      margin: 0 !important;
      padding: 0 !important;
    }
    
    .layout-content-holder-bc .featuredGames .featuredGameItemTime time {
      display: block !important;
      margin: 0 !important;
      padding: 0 !important;
      color: var(--muted) !important;
      font-family: var(--font) !important;
      font-size: 11px !important;
      font-weight: 600 !important;
      line-height: 1.2 !important;
      white-space: nowrap !important;
    }
    
    .layout-content-holder-bc .featuredGames .featuredGameItemTime time:last-child {
      color: var(--yellow) !important;
      font-weight: 700 !important;
    }
    
    /* Oranlar MS1 / X / MS2 */
    .layout-content-holder-bc .featuredGames .market-group-holder-bc {
      display: grid !important;
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
      gap: 6px !important;
      width: 100% !important;
      margin: 0 !important;
      padding: 0 !important;
      background: transparent !important;
      border: none !important;
    }
    
    .layout-content-holder-bc .featuredGames .market-group-item-bc {
      display: block !important;
      min-width: 0 !important;
      margin: 0 !important;
      padding: 0 !important;
      background: transparent !important;
      border: none !important;
    }
    
    .layout-content-holder-bc .featuredGames .sgm-market-g-i-cell-bc.market-bc,
    .layout-content-holder-bc .featuredGames .market-bc {
      display: flex !important;
      flex-direction: column !important;
      align-items: center !important;
      justify-content: center !important;
      gap: 4px !important;
      width: 100% !important;
      min-height: 44px !important;
      margin: 0 !important;
      padding: 8px 6px !important;
      background: var(--bg-deep) !important;
      border: 1px solid rgba(255, 255, 255, 0.08) !important;
      border-radius: 8px !important;
      box-sizing: border-box !important;
      box-shadow: none !important;
      cursor: pointer !important;
      transition:
        border-color 0.2s ease,
        background 0.2s ease,
        color 0.2s ease !important;
    }
    
    .layout-content-holder-bc .featuredGames .sgm-market-g-i-cell-bc.market-bc:hover,
    .layout-content-holder-bc .featuredGames .market-bc:hover {
      background: rgba(199, 163, 88, 0.1) !important;
      border-color: var(--yellow) !important;
    }
    
    .layout-content-holder-bc .featuredGames .market-name-bc {
      display: block !important;
      margin: 0 !important;
      padding: 0 !important;
      color: var(--muted) !important;
      font-family: var(--font) !important;
      font-size: 10px !important;
      font-weight: 600 !important;
      letter-spacing: 0.04em !important;
      text-transform: uppercase !important;
      line-height: 1 !important;
      white-space: nowrap !important;
      overflow: hidden !important;
      text-overflow: ellipsis !important;
      max-width: 100% !important;
    }
    
    .layout-content-holder-bc .featuredGames .market-bc:hover .market-name-bc {
      color: rgba(255, 255, 255, 0.75) !important;
    }
    
    .layout-content-holder-bc .featuredGames .market-coefficient-bc,
    .layout-content-holder-bc .featuredGames .market-odds-container {
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      margin: 0 !important;
      padding: 0 !important;
      background: transparent !important;
      border: none !important;
    }
    
    .layout-content-holder-bc .featuredGames .market-odd-bc {
      display: block !important;
      margin: 0 !important;
      padding: 0 !important;
      color: var(--white) !important;
      font-family: var(--font) !important;
      font-size: 14px !important;
      font-weight: 800 !important;
      line-height: 1 !important;
      letter-spacing: 0.01em !important;
      -webkit-text-fill-color: var(--white) !important;
    }
    
    .layout-content-holder-bc .featuredGames .market-bc:hover .market-odd-bc {
      color: var(--yellow) !important;
      -webkit-text-fill-color: var(--yellow) !important;
    }
    
    /* =========================================================
       POPÜLER MAÇLAR — temiz liste/tablo görünümü (referans görsele uygun,
       kart+marquee yerine tam genişlikte satırlar, üstte MS1/X/MS2 başlıkları)
       ========================================================= */
    
    .layout-content-holder-bc .hm-row-bc:has(.pm-body-bc),
    .layout-content-holder-bc .pm-body-bc {
      --bg-page: #1a1f29;
      --bg-deep: #161922;
      --bg-card: #212832;
      --bg-row: #1c222c;
      --yellow: #c7a358;
      --white: #ffffff;
      --muted: rgba(255, 255, 255, 0.55);
      --border: rgba(255, 255, 255, 0.1);
      --font: var(--cw-font, "Roboto", "Segoe UI", system-ui, sans-serif);
      --cw-pm-side: var(--cw-home-side, 170px);
      /* Baslik (MS1/X/MS2) ile satirdaki 3 oran hucresinin BIREBIR hizalanmasi
         icin PAYLASILAN sabitler — iki taraf da ayni degiskeni kullanir,
         asla birbirinden sapmaz. */
      --cw-pm-odd-w: 64px;
      --cw-pm-row-gap: 10px;
      --cw-pm-more-w: 56px;
      --cw-pm-time-w: 110px;
      /* Baslik satiri ile oran satirlarinin yan bosluklari AYNI olmak zorunda;
         ayrilirsa iki izgara ayni x'ten baslamaz ve sutunlar kayar. */
      --cw-pm-pad: 14px;
    }
    
    html body .layout-content-holder-bc .hm-row-bc:has(.pm-body-bc),
    html body .layout-content-holder-bc .hm-row-bc:has(.popular-matches-bc),
    html body .hm-row-bc:has(.pm-body-bc),
    html body .hm-row-bc:has(.popular-matches-bc) {
      width: calc(100% - (var(--cw-pm-side) * 2)) !important;
      max-width: calc(100% - (var(--cw-pm-side) * 2)) !important;
      min-width: 0 !important;
      margin: 22px var(--cw-pm-side) 28px !important;
      padding: 0 !important;
      display: block !important;
      visibility: visible !important;
      opacity: 1 !important;
      height: auto !important;
      max-height: none !important;
      min-height: 0 !important;
      grid-template-columns: none !important;
      background: transparent !important;
      box-sizing: border-box !important;
      font-family: var(--font) !important;
      overflow: visible !important;
      pointer-events: auto !important;
      position: relative !important;
      z-index: 1 !important;
      clear: both !important;
    }
    
    .layout-content-holder-bc .hm-row-bc:has(.pm-body-bc) .hm-row-bc-inner {
      width: 100% !important;
      max-width: 100% !important;
      min-width: 0 !important;
      margin: 0 !important;
      padding: 0 !important;
      background: transparent !important;
      overflow: visible !important;
      box-sizing: border-box !important;
    }
    
    .layout-content-holder-bc .hm-row-bc-inner > .popular-matches-bc {
      display: flex !important;
      flex-direction: column !important;
      gap: 14px !important;
      width: 100% !important;
      max-width: 100% !important;
      min-width: 0 !important;
      margin: 0 !important;
      padding: 0 !important;
      background: transparent !important;
      border: none !important;
      box-sizing: border-box !important;
      overflow: visible !important;
      font-family: var(--font) !important;
    }
    
    .layout-content-holder-bc .hm-row-bc-inner > .popular-matches-bc > .page-view-more {
      display: flex !important;
      align-items: center !important;
      width: 100% !important;
      margin: 0 !important;
      padding: 0 !important;
      background: transparent !important;
      border: none !important;
    }
    
    .layout-content-holder-bc .pm-body-bc,
    .layout-content-holder-bc .pm-body-bc.cw-pm-strip {
      display: flex !important;
      flex-direction: column !important;
      gap: 10px !important;
      width: 100% !important;
      max-width: 100% !important;
      min-width: 0 !important;
      margin: 0 !important;
      padding: 0 !important;
      background: transparent !important;
      border: none !important;
      border-radius: 0 !important;
      box-shadow: none !important;
      box-sizing: border-box !important;
      overflow: visible !important;
      font-family: var(--font) !important;
    }
    
    /* Spor chip — kare ikon, yeşil/altın çerçeve yok */
    .layout-content-holder-bc .pm-body-bc .horizontal-sl-list {
      display: block !important;
      width: 100% !important;
      margin: 0 !important;
      padding: 8px 8px 0 0 !important;
      overflow: visible !important;
      background: transparent !important;
      border: none !important;
      position: relative !important;
      z-index: 6 !important;
    }
    
    .layout-content-holder-bc .pm-body-bc .horizontal-sl-wheel {
      display: flex !important;
      flex-wrap: nowrap !important;
      align-items: center !important;
      gap: 8px !important;
      width: 100% !important;
      transform: none !important;
      margin: 0 !important;
      padding: 0 0 8px !important;
      overflow: visible !important;
      scrollbar-width: none !important;
    }
    
    .layout-content-holder-bc .pm-body-bc .horizontal-sl-wheel::-webkit-scrollbar {
      display: none !important;
    }
    
    .layout-content-holder-bc .pm-body-bc .horizontal-sl-item-bc {
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
      gap: 0 !important;
      flex: 0 0 auto !important;
      position: relative !important;
      width: 38px !important;
      min-width: 38px !important;
      height: 38px !important;
      margin: 0 !important;
      padding: 0 !important;
      background: #1c222c !important;
      border: 1px solid rgba(255, 255, 255, 0.1) !important;
      border-radius: 8px !important;
      box-shadow: none !important;
      float: none !important;
      cursor: pointer !important;
      overflow: visible !important;
      z-index: 2 !important;
    }
    
    .layout-content-holder-bc .pm-body-bc .horizontal-sl-item-bc.active {
      background: #1c222c !important;
      border-color: rgba(255, 255, 255, 0.16) !important;
    }
    
    .layout-content-holder-bc .pm-body-bc .horizontal-sl-icon-bc {
      position: relative !important;
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
      width: 18px !important;
      height: 18px !important;
      flex-shrink: 0 !important;
      color: rgba(255, 255, 255, 0.82) !important;
      font-size: 16px !important;
      line-height: 1 !important;
      overflow: visible !important;
    }
    
    .layout-content-holder-bc .pm-body-bc .horizontal-sl-item-bc.active .horizontal-sl-icon-bc {
      color: var(--white) !important;
    }
    
    .layout-content-holder-bc .pm-body-bc .horizontal-sl-title-bc {
      display: none !important;
    }
    
    .layout-content-holder-bc .pm-body-bc .horizontal-sl-count-bc {
      position: absolute !important;
      top: -6px !important;
      right: -6px !important;
      left: auto !important;
      bottom: auto !important;
      z-index: 12 !important;
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
      min-width: 16px !important;
      height: 14px !important;
      margin: 0 !important;
      padding: 0 4px !important;
      background: var(--yellow) !important;
      border: none !important;
      border-radius: 999px !important;
      color: #14181f !important;
      font-size: 9px !important;
      font-weight: 800 !important;
      line-height: 1 !important;
      letter-spacing: 0 !important;
      box-sizing: border-box !important;
      pointer-events: none !important;
      white-space: nowrap !important;
    }
    
    .layout-content-holder-bc .pm-body-bc .horizontal-sl-item-bc.active .horizontal-sl-count-bc {
      background: var(--yellow) !important;
      color: #14181f !important;
      border-color: transparent !important;
    }
    
    /* ---------- TABLO IZGARASI ----------
       Filtre satırı (MS1/X/MS2) ile oran satırları AYNI altı sütunu paylaşır:
         [saat] [takımlar] [bayrak/yıldız] [oran] [oran] [oran]
       Eskiden iki taraf ayrı flex düzenlerdi: başlıklar "space-between" ile kendi
       kutusunun sağına yaslanıyor, oranlar kart içinde ayrı diziliyordu. Hücre
       genişlikleri aynı olsa bile kutuların kenarları tutmadığı için sütunlar
       kayıyordu. Artık hizalama aritmetiğe değil, paylaşılan şablona bağlı.
    
       Sütun sayısı markete göre değişir ("Beraberlikte İade" 2 oran üretir);
       canlı sayıyı JS (CW-PM-GRID) satır içi olarak yazıp buradaki 3'ü ezer. */
    .layout-content-holder-bc .pm-body-bc .market-filter-bc,
    .layout-content-holder-bc .pm-body-bc .c-row-bc,
    .layout-content-holder-bc .pm-body-bc .c-row-bc.bordered {
      display: grid !important;
      grid-template-columns:
        var(--cw-pm-time-w)
        minmax(0, 1fr)
        var(--cw-pm-more-w)
        repeat(3, var(--cw-pm-odd-w)) !important;
      column-gap: var(--cw-pm-row-gap) !important;
      row-gap: 0 !important;
      align-items: center !important;
      width: 100% !important;
      max-width: 100% !important;
      min-width: 0 !important;
      box-sizing: border-box !important;
    }
    
    /* Ayraç çizgisi bilerek YOK: satırın solunda "Maç Sonucu" açılır kutusu
       duruyor, tam genişlik bir çizgi onun da altından geçip kutuyu çizginin
       üstüne oturmuş gibi gösteriyordu. Ayrımı başlık kapsülleri ve alttaki
       kartların kendi kenarlıkları zaten veriyor.
       overflow görünür kalmalı — açılır panel bu satırın dışına taşıyor. */
    .layout-content-holder-bc .pm-body-bc .market-filter-bc {
      margin: 0 0 6px !important;
      padding: 2px var(--cw-pm-pad) 6px 0 !important;
      padding-left: 0 !important;
      background: transparent !important;
      border: none !important;
      overflow: visible !important;
    }
    
    /* "Maç Sonucu" seçici ilk üç sütunu kaplar, sola yaslı kalır */
    .layout-content-holder-bc .pm-body-bc .market-filter-s-bc {
      grid-column: 1 / 4 !important;
      justify-self: start !important;
      min-width: 0 !important;
      margin: 0 !important;
    }
    
    .layout-content-holder-bc .pm-body-bc .market-filter-bc .form-control-bc.select {
      display: inline-flex !important;
      min-width: 148px !important;
      max-width: 220px !important;
      background: #252b36 !important;
      border: 1px solid rgba(255, 255, 255, 0.08) !important;
      border-radius: 6px !important;
      box-shadow: none !important;
    }
    
    .layout-content-holder-bc .pm-body-bc .market-filter-bc .form-control-label-bc {
      display: flex !important;
      align-items: center !important;
      gap: 8px !important;
      padding: 7px 12px !important;
      color: var(--white) !important;
      font-size: 12px !important;
      font-weight: 600 !important;
      background: transparent !important;
    }
    
    .layout-content-holder-bc .pm-body-bc .market-filter-bc .form-control-icon-bc {
      color: rgba(255, 255, 255, 0.55) !important;
    }
    
    .layout-content-holder-bc .pm-body-bc .market-filter-bc .form-control-input-stroke-bc {
      display: none !important;
    }
    
    /* Odak halkası: bölümdeki birkaç öğe tabindex taşıyor (sekme şeridi, market
       seçici, maç satırları) ve tıklandığında BC'nin mor vurgu halkası çıkıyordu.
       Tamamen kaldırmak klavyeyle gezineni görünmez bırakır; bu yüzden fare
       tıklamasında sönük, klavye odağında altın bir halka veriliyor. */
    .layout-content-holder-bc .pm-body-bc *:focus {
      outline: none !important;
      box-shadow: none !important;
    }
    
    /* "html body" öneki bilerek: aşağıdaki mor sıfırlaması dosyada daha sonra
       geldiği ve aynı özgüllükte olduğu için bu halkayı eziyordu. */
    html body .layout-content-holder-bc .pm-body-bc *:focus-visible {
      outline: 1px solid rgba(199, 163, 88, 0.55) !important;
      outline-offset: 2px !important;
    }
    
    /* ---------- MOR SIZINTISI ----------
       Bu alandaki mor, BC'nin platform vurgu rengiydi ve üç yerden geliyordu:
       seçicinin odak/açık haldeki halkası, "input-stroke" öğesi (yukarıda
       gizli) ve tamamen stilsiz bırakılmış açılır menü — seçili seçenek ile
       üzerine gelme durumu BC'nin mor'unu kullanıyordu.
    
       Önce alan genelinde gölge/halka sıfırlanıyor. Aşağıdaki panel kuralı
       daha yüksek özgüllükte olduğu için kendi gölgesini geri alabiliyor;
       <i> ikonlarının ::before içeriğine dokunulmuyor, yoksa ok simgesi kaybolur. */
    .layout-content-holder-bc .pm-body-bc .market-filter-bc,
    .layout-content-holder-bc .pm-body-bc .market-filter-bc * {
      box-shadow: none !important;
      outline: none !important;
      filter: none !important;
      text-shadow: none !important;
    }
    
    .layout-content-holder-bc .pm-body-bc .market-filter-bc .form-control-bc.select {
      position: relative !important;
    }
    
    .layout-content-holder-bc .pm-body-bc .market-filter-bc .form-control-bc.select:hover,
    .layout-content-holder-bc .pm-body-bc .market-filter-bc .form-control-bc.select:focus,
    .layout-content-holder-bc .pm-body-bc .market-filter-bc .form-control-bc.select:focus-within,
    .layout-content-holder-bc .pm-body-bc .market-filter-bc .form-control-bc.select.active,
    .layout-content-holder-bc .pm-body-bc .market-filter-bc .form-control-bc.select.opened {
      background: #252b36 !important;
      border-color: rgba(255, 255, 255, 0.16) !important;
    }
    
    /* Açılır panel — mutlak konumlu, yoksa açıldığında başlık satırını
       büyütüp ızgarayı aşağı iter */
    .layout-content-holder-bc .pm-body-bc .market-filter-bc .multi-select-label-bc {
      position: absolute !important;
      top: calc(100% + 6px) !important;
      left: 0 !important;
      right: auto !important;
      z-index: 30 !important;
      min-width: 100% !important;
      width: max-content !important;
      max-width: 260px !important;
      margin: 0 !important;
      padding: 4px !important;
      background: var(--bg-card) !important;
      border: 1px solid var(--border) !important;
      border-radius: 8px !important;
      box-shadow: 0 12px 28px rgba(0, 0, 0, 0.5) !important;
    }
    
    .layout-content-holder-bc .pm-body-bc .market-filter-bc .checkbox-control-content-bc {
      display: block !important;
      width: 100% !important;
      margin: 0 !important;
      padding: 8px 10px !important;
      background: transparent !important;
      border: none !important;
      border-radius: 6px !important;
      box-sizing: border-box !important;
      cursor: pointer !important;
      transition: background 0.15s ease !important;
    }
    
    /* BC'nin onay kutusu göstergesi burada anlamsız — mor vurgusunu o taşıyor */
    .layout-content-holder-bc .pm-body-bc .market-filter-bc .checkbox-control-content-bc::before,
    .layout-content-holder-bc .pm-body-bc .market-filter-bc .checkbox-control-content-bc::after {
      content: none !important;
      display: none !important;
    }
    
    .layout-content-holder-bc .pm-body-bc .market-filter-bc .checkbox-control-content-bc input {
      display: none !important;
    }
    
    .layout-content-holder-bc .pm-body-bc .market-filter-bc .checkbox-control-text-bc {
      margin: 0 !important;
      padding: 0 !important;
      color: rgba(255, 255, 255, 0.75) !important;
      font-family: var(--font) !important;
      font-size: 12px !important;
      font-weight: 600 !important;
      line-height: 1.3 !important;
      text-align: left !important;
      background: transparent !important;
    }
    
    .layout-content-holder-bc .pm-body-bc .market-filter-bc .checkbox-control-content-bc:hover {
      background: rgba(255, 255, 255, 0.06) !important;
    }
    
    .layout-content-holder-bc .pm-body-bc .market-filter-bc .checkbox-control-content-bc:hover .checkbox-control-text-bc {
      color: var(--white) !important;
    }
    
    .layout-content-holder-bc .pm-body-bc .market-filter-bc .checkbox-control-content-bc.active {
      background: rgba(199, 163, 88, 0.12) !important;
    }
    
    .layout-content-holder-bc .pm-body-bc .market-filter-bc .checkbox-control-content-bc.active .checkbox-control-text-bc {
      color: var(--yellow) !important;
    }
    
    /* MS1 / X / MS2 başlıkları.
       Bu sarmalayıcı kutu olmaktan çıkar (display: contents) — üç başlık hücresi
       doğrudan ızgaraya girip oran sütunlarının üstüne oturur. Ara bir kutu
       kalsaydı tek bir hücre gibi konumlanır ve hiza yine kayardı. */
    .layout-content-holder-bc .pm-body-bc .market-filter-cell-bc {
      display: contents !important;
    }
    
    /* Başlık hücresi, altındaki oran kutusuyla AYNI genişlikte (--cw-pm-odd-w)
       soluk bir kapsül. Düz yazıyken havada duruyordu; hafif bir zemin sütunu
       görsel olarak alttaki orana bağlıyor. Kasıtlı olarak oran kutusundan daha
       alçak ve daha sönük — başlık öne çıkmasın, sadece sütunu işaret etsin. */
    .layout-content-holder-bc .pm-body-bc .market-filter-info-bc {
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      width: var(--cw-pm-odd-w) !important;
      min-width: var(--cw-pm-odd-w) !important;
      max-width: var(--cw-pm-odd-w) !important;
      height: 26px !important;
      box-sizing: border-box !important;
      margin: 0 !important;
      padding: 0 !important;
      background: #2a313c !important;
      border: 1px solid rgba(255, 255, 255, 0.06) !important;
      border-radius: 4px !important;
      color: rgba(255, 255, 255, 0.72) !important;
      font-family: var(--font) !important;
      font-size: 11px !important;
      font-weight: 700 !important;
      letter-spacing: 0.04em !important;
      line-height: 1 !important;
      text-transform: uppercase !important;
      text-align: center !important;
    }
    
    /* Ana liste kapsayıcısı — dikey akan tam-genişlik satır listesi (marquee YOK) */
    html body .layout-content-holder-bc .pm-body-bc > .popular-matches-bc,
    .layout-content-holder-bc .pm-body-bc > .popular-matches-bc {
      display: flex !important;
      flex-direction: column !important;
      flex-wrap: nowrap !important;
      align-items: stretch !important;
      gap: 0 !important;
      width: 100% !important;
      max-width: 100% !important;
      min-width: 0 !important;
      margin: 0 !important;
      padding: 0 !important;
      background: #1c222c !important;
      border: 1px solid rgba(255, 255, 255, 0.07) !important;
      border-radius: 8px !important;
      overflow: hidden !important;
      box-sizing: border-box !important;
    }
    
    /* Satır — birleşik liste, kart boşluğu yok */
    .layout-content-holder-bc .pm-body-bc .c-segment-holder-bc {
      display: flex !important;
      flex-direction: column !important;
      flex: 0 0 auto !important;
      width: 100% !important;
      min-width: 0 !important;
      max-width: 100% !important;
      gap: 0 !important;
      margin: 0 !important;
      padding: 0 !important;
      background: transparent !important;
      border: none !important;
      border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
      border-radius: 0 !important;
      box-sizing: border-box !important;
      box-shadow: none !important;
      float: none !important;
      position: relative !important;
      overflow: hidden !important;
      cursor: pointer !important;
      transition: background 0.15s ease !important;
    }
    
    .layout-content-holder-bc .pm-body-bc .c-segment-holder-bc::before {
      display: none !important;
      content: none !important;
    }
    
    .layout-content-holder-bc .pm-body-bc .c-segment-holder-bc:hover,
    .layout-content-holder-bc .pm-body-bc .c-segment-holder-bc:focus-visible {
      border-color: rgba(255, 255, 255, 0.06) !important;
      background: rgba(255, 255, 255, 0.04) !important;
      box-shadow: none !important;
      outline: none !important;
      transform: none !important;
    }
    
    /* Lig başlığı — satırın üstünde küçük etiket */
    .layout-content-holder-bc .pm-body-bc .c-segment-holder-title,
    .layout-content-holder-bc .pm-body-bc .c-title-bc {
      display: block !important;
      width: 100% !important;
      max-width: 100% !important;
      margin: 0 !important;
      padding: 6px var(--cw-pm-pad) 0 !important;
      color: var(--muted) !important;
      font-family: var(--font) !important;
      font-size: 10.5px !important;
      font-weight: 600 !important;
      letter-spacing: 0.02em !important;
      line-height: 1.2 !important;
      white-space: nowrap !important;
      overflow: hidden !important;
      text-overflow: ellipsis !important;
      background: transparent !important;
      border: none !important;
      border-radius: 0 !important;
      float: none !important;
      box-sizing: border-box !important;
    }
    
    /* Ana satır — ızgara şablonu yukarıdaki ortak kuralda tanımlı; burada
       yalnızca satıra özel kutu değerleri kalır. Yan boşluk filtre satırıyla
       AYNI değişkenden gelir, ikisi asla ayrışmaz. */
    .layout-content-holder-bc .pm-body-bc .c-row-bc,
    .layout-content-holder-bc .pm-body-bc .c-row-bc.bordered {
      margin: 0 !important;
      padding: 4px var(--cw-pm-pad) 8px !important;
      background: transparent !important;
      border: none !important;
      box-sizing: border-box !important;
      float: none !important;
      clear: both !important;
    }
    
    .layout-content-holder-bc .pm-body-bc .c-row-bc > * {
      background: transparent !important;
      background-image: none !important;
      box-shadow: none !important;
      float: none !important;
      position: relative !important;
      left: auto !important;
      right: auto !important;
      top: auto !important;
      bottom: auto !important;
      transform: none !important;
    }
    
    /* CW-FIX-GRAY-BOX-20260812 — BC'nin varsayilan hover/highlight zemin rengi
       (soluk gri kutu) burada sizabiliyordu; her katmanda background/box-shadow
       acikca sifirlandi + sola hizalama tum katmanlarda net olarak zorlandi. */
    .layout-content-holder-bc .pm-body-bc .c-teams-bc {
      display: flex !important;
      flex-direction: column !important;
      align-items: flex-start !important;
      justify-content: center !important;
      gap: 3px !important;
      width: auto !important;
      min-width: 0 !important;
      max-width: none !important;
      margin: 0 !important;
      padding: 0 !important;
      background: transparent !important;
      background-image: none !important;
      border: none !important;
      box-shadow: none !important;
      text-align: left !important;
    }
    
    .layout-content-holder-bc .pm-body-bc .c-teams-row-bc {
      display: flex !important;
      flex-direction: row !important;
      align-items: center !important;
      justify-content: flex-start !important;
      gap: 6px !important;
      min-width: 0 !important;
      width: 100% !important;
      max-width: 100% !important;
      margin: 0 !important;
      padding: 0 !important;
      background: transparent !important;
      background-image: none !important;
      border: none !important;
      box-shadow: none !important;
      text-align: left !important;
      align-self: stretch !important;
    }
    
    html body .layout-content-holder-bc .pm-body-bc .c-teams-row-bc img {
      display: block !important;
      width: 16px !important;
      min-width: 16px !important;
      height: 16px !important;
      margin: 0 !important;
      padding: 0 !important;
      object-fit: contain !important;
      flex-shrink: 0 !important;
      border: none !important;
      background: transparent !important;
    }
    
    .layout-content-holder-bc .pm-body-bc .c-teams-row-bc + .c-teams-row-bc {
      margin: 0 !important;
      padding: 0 !important;
      border: none !important;
    }
    
    .layout-content-holder-bc .pm-body-bc .c-teams-row-bc + .c-teams-row-bc::before {
      display: none !important;
      content: none !important;
    }
    
    .layout-content-holder-bc .pm-body-bc .c-team-info-team-bc,
    .layout-content-holder-bc .pm-body-bc .c-team-info-team-bc.team {
      display: block !important;
      flex: 1 1 auto !important;
      width: auto !important;
      max-width: 100% !important;
      min-width: 0 !important;
      margin: 0 !important;
      padding: 0 !important;
      color: var(--white) !important;
      font-family: var(--font) !important;
      font-size: 13px !important;
      font-weight: 700 !important;
      line-height: 1.25 !important;
      white-space: nowrap !important;
      overflow: hidden !important;
      text-overflow: ellipsis !important;
      background: transparent !important;
      background-image: none !important;
      box-shadow: none !important;
      text-align: left !important;
    }
    
    /* Saat — sol taraf, sabit genişlik */
    .layout-content-holder-bc .pm-body-bc .c-info-content-bc {
      display: flex !important;
      flex-direction: row !important;
      flex-wrap: nowrap !important;
      align-items: center !important;
      justify-content: flex-start !important;
      gap: 5px !important;
      width: var(--cw-pm-time-w) !important;
      max-width: var(--cw-pm-time-w) !important;
      margin: 0 !important;
      padding: 0 !important;
      background: transparent !important;
      box-sizing: border-box !important;
    }
    
    .layout-content-holder-bc .pm-body-bc .info-live-prematch-icon-bc {
      display: inline-flex !important;
      flex-shrink: 0 !important;
      color: rgba(255, 255, 255, 0.55) !important;
      font-size: 12px !important;
      line-height: 1 !important;
    }
    
    .layout-content-holder-bc .pm-body-bc .info-live-prematch-icon-bc.bc-i-live {
      color: var(--yellow) !important;
    }
    
    .layout-content-holder-bc .pm-body-bc .c-info-time-bc {
      display: block !important;
      margin: 0 !important;
      padding: 0 !important;
      color: rgba(255, 255, 255, 0.88) !important;
      font-family: var(--font) !important;
      font-size: 11px !important;
      font-weight: 600 !important;
      line-height: 1.2 !important;
      white-space: nowrap !important;
      background: transparent !important;
      border: none !important;
      border-radius: 0 !important;
    }
    
    .layout-content-holder-bc .pm-body-bc .c-info-content-bc:has(.bc-i-live) .c-info-time-bc {
      color: var(--yellow) !important;
      font-weight: 800 !important;
    }
    
    .layout-content-holder-bc .pm-body-bc .c-info-score-wrapper:empty {
      display: none !important;
    }
    
    /* Bayrak + yıldız — satır içinde normal akış (artık absolute değil) */
    /* Sabit genislik (--cw-pm-more-w) — satirlar arasi ikon sayisi degisse bile
       sonraki odd kolonlari kaymasin, hepsi ayni dikey cizgide kalsin. */
    .layout-content-holder-bc .pm-body-bc .c-info-more-bc {
      display: flex !important;
      flex-direction: row !important;
      align-items: center !important;
      justify-content: center !important;
      gap: 8px !important;
      position: static !important;
      top: auto !important;
      right: auto !important;
      width: var(--cw-pm-more-w) !important;
      min-width: var(--cw-pm-more-w) !important;
      max-width: var(--cw-pm-more-w) !important;
      margin: 0 !important;
      padding: 0 !important;
      background: transparent !important;
      box-sizing: border-box !important;
      z-index: 1 !important;
    }
    
    .layout-content-holder-bc .pm-body-bc .c-info-icon-line {
      display: inline-flex !important;
      align-items: center !important;
      margin: 0 !important;
      padding: 0 !important;
    }
    
    .layout-content-holder-bc .pm-body-bc .info-game-flag-bc {
      opacity: 0.85 !important;
      font-size: 14px !important;
      color: rgba(255, 255, 255, 0.75) !important;
      flex-shrink: 0 !important;
    }
    
    .layout-content-holder-bc .pm-body-bc .c-info-icon-bc {
      opacity: 0.7 !important;
      font-size: 14px !important;
      color: rgba(255, 255, 255, 0.65) !important;
    }
    
    .layout-content-holder-bc .pm-body-bc .c-info-icon-bc.bc-i-favorite {
      color: rgba(255, 255, 255, 0.55) !important;
    }
    
    .layout-content-holder-bc .pm-body-bc .c-segment-holder-bc:hover .c-info-icon-bc.bc-i-favorite {
      color: var(--yellow) !important;
      opacity: 1 !important;
    }
    
    /* 3 oran hücresi — sağda, üstteki MS1/X/MS2 başlıklarıyla BİREBİR aynı
       genişlik (--cw-pm-odd-w, ortak değişken) */
    .layout-content-holder-bc .pm-body-bc .c-odd-bc {
      display: block !important;
      width: var(--cw-pm-odd-w) !important;
      min-width: var(--cw-pm-odd-w) !important;
      max-width: var(--cw-pm-odd-w) !important;
      margin: 0 !important;
      padding: 0 !important;
      background: transparent !important;
      border: none !important;
      box-sizing: border-box !important;
    }
    
    .layout-content-holder-bc .pm-body-bc .c-odd-bc .sgm-market-g-i-cell-bc,
    .layout-content-holder-bc .pm-body-bc .c-odd-bc .market-bc,
    .layout-content-holder-bc .pm-body-bc .c-odd-bc .sgm-market-g-i-cell-bc.market-bc {
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      width: 100% !important;
      min-width: 0 !important;
      max-width: 100% !important;
      min-height: 32px !important;
      height: 32px !important;
      margin: 0 !important;
      padding: 0 4px !important;
      background: #151920 !important;
      border: 1px solid rgba(255, 255, 255, 0.06) !important;
      border-radius: 4px !important;
      box-sizing: border-box !important;
      box-shadow: none !important;
      float: none !important;
      position: relative !important;
      overflow: hidden !important;
      cursor: pointer !important;
      transition: border-color 0.2s ease, background 0.2s ease, color 0.2s ease !important;
      transform: none !important;
    }
    
    .layout-content-holder-bc .pm-body-bc .c-odd-bc .market-bc:hover {
      background: #1a2029 !important;
      border-color: rgba(199, 163, 88, 0.45) !important;
      transform: none !important;
    }
    
    .layout-content-holder-bc .pm-body-bc .c-odd-bc .market-coefficient-bc,
    .layout-content-holder-bc .pm-body-bc .c-odd-bc .market-odds-container {
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      width: 100% !important;
      margin: 0 !important;
      padding: 0 !important;
      background: transparent !important;
      border: none !important;
    }
    
    .layout-content-holder-bc .pm-body-bc .c-odd-bc .market-odd-bc {
      display: block !important;
      margin: 0 !important;
      padding: 0 !important;
      color: var(--yellow) !important;
      font-family: var(--font) !important;
      font-size: 13px !important;
      font-weight: 800 !important;
      line-height: 1 !important;
      letter-spacing: 0.01em !important;
      white-space: nowrap !important;
      -webkit-text-fill-color: var(--yellow) !important;
    }
    
    .layout-content-holder-bc .pm-body-bc .c-odd-bc .market-bc:hover .market-odd-bc {
      color: var(--yellow) !important;
      -webkit-text-fill-color: var(--yellow) !important;
    }
    
    /* Daha fazla */
    .layout-content-holder-bc .pm-body-bc > label[for^="label-"],
    .layout-content-holder-bc .pm-body-bc label[for^="label-"] {
      display: block !important;
      width: 100% !important;
      margin: 0 !important;
      padding: 0 !important;
      cursor: pointer !important;
    }
    
    .layout-content-holder-bc .pm-body-bc .large-market-button-bc {
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      width: 100% !important;
      margin: 0 !important;
      padding: 11px 16px !important;
      background: transparent !important;
      border: none !important;
      border-top: 1px solid rgba(255, 255, 255, 0.06) !important;
      border-radius: 0 !important;
      color: rgba(255, 255, 255, 0.72) !important;
      font-size: 12px !important;
      font-weight: 700 !important;
      text-align: center !important;
      box-sizing: border-box !important;
      transition: background 0.15s ease, color 0.15s ease !important;
    }
    
    .layout-content-holder-bc .pm-body-bc label:hover .large-market-button-bc,
    .layout-content-holder-bc .pm-body-bc .large-market-button-bc:hover {
      background: rgba(255, 255, 255, 0.04) !important;
      border-color: rgba(255, 255, 255, 0.06) !important;
      color: var(--white) !important;
    }
  
    .layout-content-holder-bc .pm-body-bc .c-segment-holder-bc[data-cw-pm-more="1"],
    .layout-content-holder-bc .pm-body-bc .c-segment-holder-bc[data-fazla] {
      display: none !important;
    }
  
    .layout-content-holder-bc .pm-body-bc .js-more-matches {
      display: block !important;
      width: 100% !important;
      margin: 0 !important;
      padding: 0 !important;
      cursor: pointer !important;
      background: transparent !important;
      border: none !important;
    }
    }
    
    /* Reduced motion — kart lift kapat */
    @media (prefers-reduced-motion: reduce) {
      .layout-content-holder-bc .featuredGames .featuredGameItem,
      .layout-content-holder-bc .pm-body-bc .c-segment-holder-bc {
        transition: border-color 0.2s ease, background 0.2s ease !important;
      }
    
      .layout-content-holder-bc .featuredGames .featuredGameItem:hover,
      .layout-content-holder-bc .featuredGames .featuredGameItem:focus-visible,
      .layout-content-holder-bc .pm-body-bc .c-segment-holder-bc:hover,
      .layout-content-holder-bc .pm-body-bc .c-segment-holder-bc:focus-visible {
        transform: none !important;
      }
    
    }
    
    /* =========================================================
       CW-CASINO-GRID-20260813-1900 — Casino oyun listesi (MASAUSTU)
       Kapsam: .casinoGamesContainer — kategori haplari, filtre satiri,
       oyun izgarasi ve kart hover efekti.
       Mobil karsiligi: components/mobile/mobile_home.css
       ========================================================= */
    @media (min-width: 1024px) {
    
      .layout-content-holder-bc .casinoGamesContainer {
        --bg-page: #1a1f29;
        --bg-deep: #161922;
        --bg-card: #212832;
        --yellow: #c7a358;
        --white: #ffffff;
        --muted: rgba(255, 255, 255, 0.55);
        --border: rgba(255, 255, 255, 0.1);
        --font: "Chakra Petch", "Segoe UI", system-ui, sans-serif;
        /* tüm home bantları ile aynı yan boşluk */
        --cw-cs-side: var(--cw-home-side, 170px);
        --cw-cs-gap: 14px;
        --cw-cs-radius: 12px;
        --cw-cs-ratio: 183 / 129;
        --cw-cs-min: 170px;
    
        width: calc(100% - (var(--cw-cs-side) * 2)) !important;
        max-width: calc(100% - (var(--cw-cs-side) * 2)) !important;
        min-width: 0 !important;
        margin: 18px var(--cw-cs-side) 44px !important;
        padding: 0 !important;
        background: transparent !important;
        box-sizing: border-box !important;
        font-family: var(--font) !important;
      }
    
      /* ---------- Filtre bölümü ---------- */
      .layout-content-holder-bc .casinoGamesContainer .casinoNavigationAndFilters {
        display: flex !important;
        flex-direction: column !important;
        gap: 14px !important;
        width: 100% !important;
        margin: 0 0 18px !important;
        padding: 0 !important;
        background: transparent !important;
      }
    
      .layout-content-holder-bc .casinoGamesContainer .casinoNavigationAndFilters > div {
        min-width: 0 !important;
      }
    
      /* Kategori hapları — casinoTopWinnersPeriodsSection ile ayni gorunum */
      .layout-content-holder-bc .casinoCategories {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        scrollbar-width: none !important;
      }
    
      .layout-content-holder-bc .casinoCategories::-webkit-scrollbar {
        display: none !important;
      }
    
      /* BC oklarla kaydiriyor; translateX'i notrleyip kaydirmayi tarayiciya birak */
      .layout-content-holder-bc .casinoCategories .horizontal-scroll__inner {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        gap: 8px !important;
        width: max-content !important;
        min-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        transform: none !important;
      }
    
      .layout-content-holder-bc .casinoCategories .horizontal-scroll__inner > div {
        flex: 0 0 auto !important;
        margin: 0 !important;
        padding: 0 !important;
      }
    
      .layout-content-holder-bc .casinoCategories .ds-chip {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        height: 32px !important;
        min-height: 32px !important;
        margin: 0 !important;
        padding: 0 14px !important;
        background: var(--bg-deep) !important;
        border: 1px solid rgba(255, 255, 255, 0.12) !important;
        border-radius: 8px !important;
        color: #c3cad6 !important;
        box-shadow: none !important;
        white-space: nowrap !important;
        cursor: pointer !important;
        transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease !important;
      }
    
      .layout-content-holder-bc .casinoCategories .ds-chip:hover {
        background: #222836 !important;
        border-color: rgba(199, 163, 88, 0.4) !important;
        color: var(--white) !important;
      }
    
      .layout-content-holder-bc .casinoCategories .ds-chip--selected {
        background: rgba(199, 163, 88, 0.1) !important;
        border-color: var(--yellow) !important;
        color: var(--yellow) !important;
      }
    
      .layout-content-holder-bc .casinoCategories .chip__label,
      .layout-content-holder-bc .casinoCategories .ds-label {
        margin: 0 !important;
        padding: 0 !important;
        color: inherit !important;
        font-family: var(--font) !important;
        font-size: 12px !important;
        font-weight: 600 !important;
        line-height: 1 !important;
        white-space: nowrap !important;
      }
    
      /* Arama + sağlayıcı + rastgele oyun */
      .layout-content-holder-bc .casinoGameProviderFilters {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        gap: 10px !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
      }
    
      .layout-content-holder-bc .casinoGameProviderFilters .casinoSearchWrapper {
        flex: 1 1 300px !important;
        max-width: 360px !important;
        min-width: 0 !important;
      }
    
      .layout-content-holder-bc .casinoGameProviderFilters .ds-select {
        flex: 0 1 220px !important;
        min-width: 0 !important;
      }
    
      .layout-content-holder-bc .casinoGameProviderFilters .casinoRandomGameButtonWrapper {
        flex: 0 0 auto !important;
        margin-left: auto !important;
      }
    
      .layout-content-holder-bc .casinoGameProviderFilters .ds-textfield__field,
      .layout-content-holder-bc .casinoGameProviderFilters .ds-select__field {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        gap: 8px !important;
        width: 100% !important;
        height: 40px !important;
        min-height: 40px !important;
        margin: 0 !important;
        padding: 0 12px !important;
        background: var(--bg-card) !important;
        border: 1px solid var(--border) !important;
        border-radius: 8px !important;
        box-shadow: none !important;
        box-sizing: border-box !important;
        cursor: pointer !important;
        transition: border-color 0.15s ease, background 0.15s ease !important;
      }
    
      .layout-content-holder-bc .casinoGameProviderFilters .ds-textfield__field:focus-within,
      .layout-content-holder-bc .casinoGameProviderFilters .ds-select__field:hover {
        background: #222836 !important;
        border-color: rgba(199, 163, 88, 0.4) !important;
      }
    
      .layout-content-holder-bc .casinoGameProviderFilters .ds-textfield__text,
      .layout-content-holder-bc .casinoGameProviderFilters .ds-select__text {
        position: relative !important;
        display: flex !important;
        flex: 1 1 auto !important;
        align-items: center !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
      }
    
      .layout-content-holder-bc .casinoGameProviderFilters .ds-textfield__input {
        position: relative !important;
        z-index: 1 !important;
        width: 100% !important;
        height: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
        border: none !important;
        outline: none !important;
        box-shadow: none !important;
        color: var(--white) !important;
        caret-color: var(--yellow) !important;
        font-family: var(--font) !important;
        font-size: 13px !important;
      }
    
      /* "Oyun Ara" BC'de input'tan ONCE geliyor; placeholder gibi ustune bindirip
         odaklaninca gizliyoruz (kardes secici bu sirada calismaz). */
      .layout-content-holder-bc .casinoGameProviderFilters .ds-textfield__label {
        position: absolute !important;
        top: 50% !important;
        left: 0 !important;
        transform: translateY(-50%) !important;
        color: var(--muted) !important;
        font-family: var(--font) !important;
        font-size: 13px !important;
        font-weight: 500 !important;
        line-height: 1 !important;
        pointer-events: none !important;
        white-space: nowrap !important;
        transition: opacity 0.15s ease !important;
      }
    
      .layout-content-holder-bc .casinoGameProviderFilters .ds-textfield__field:focus-within .ds-textfield__label {
        opacity: 0 !important;
      }
    
      .layout-content-holder-bc .casinoGameProviderFilters .ds-select__label {
        color: var(--muted) !important;
        font-family: var(--font) !important;
        font-size: 13px !important;
        font-weight: 500 !important;
        line-height: 1 !important;
        pointer-events: none !important;
        white-space: nowrap !important;
      }
    
      .layout-content-holder-bc .casinoGameProviderFilters .ds-select__value {
        color: var(--white) !important;
        font-size: 13px !important;
      }
    
      .layout-content-holder-bc .casinoGameProviderFilters .ds-textfield__icon,
      .layout-content-holder-bc .casinoGameProviderFilters .ds-select__right {
        flex: 0 0 auto !important;
        color: var(--muted) !important;
        font-size: 14px !important;
        line-height: 1 !important;
      }
    
      .layout-content-holder-bc .casinoRandomGameButtonWrapper .ds-btn {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        height: 40px !important;
        margin: 0 !important;
        padding: 0 18px !important;
        background: rgba(199, 163, 88, 0.1) !important;
        border: 1px solid rgba(199, 163, 88, 0.45) !important;
        border-radius: 999px !important;
        box-shadow: none !important;
        color: var(--yellow) !important;
        cursor: pointer !important;
        transition: background 0.15s ease, color 0.15s ease !important;
      }
    
      .layout-content-holder-bc .casinoRandomGameButtonWrapper .ds-btn:hover {
        background: var(--yellow) !important;
        color: #14181f !important;
      }
    
      .layout-content-holder-bc .casinoRandomGameButtonWrapper .ds-btn .btn__label {
        color: inherit !important;
        font-family: var(--font) !important;
        font-size: 12px !important;
        font-weight: 700 !important;
        letter-spacing: 0.03em !important;
        line-height: 1 !important;
        text-transform: uppercase !important;
        white-space: nowrap !important;
      }
    
      /* ---------- Daha fazla göster ---------- */
      .layout-content-holder-bc .casinoGamesContainer .loadMoreBtnWrapper {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 24px 0 0 !important;
        text-align: center !important;
      }
    
      .layout-content-holder-bc .casinoGamesContainer .js-load-more {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        height: 40px !important;
        margin: 0 !important;
        padding: 0 26px !important;
        background: #2c323e !important;
        border: 1px solid var(--border) !important;
        border-radius: 999px !important;
        box-shadow: none !important;
        color: var(--white) !important;
        cursor: pointer !important;
        transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease !important;
      }
    
      .layout-content-holder-bc .casinoGamesContainer .js-load-more:hover {
        background: #3a4150 !important;
        border-color: rgba(199, 163, 88, 0.45) !important;
        color: var(--yellow) !important;
      }
    
      .layout-content-holder-bc .casinoGamesContainer .js-load-more .btn__label {
        color: inherit !important;
        font-family: var(--font) !important;
        font-size: 12.5px !important;
        font-weight: 700 !important;
        letter-spacing: 0.03em !important;
        line-height: 1 !important;
        text-transform: uppercase !important;
      }
    }
    
    /* =========================================================
       CW-BIGWIN-20260813-1955 — BÜYÜK KAZANÇLAR şeridi (MASAUSTU)
       Kapsam: .hm-row-bc:is([data-buyuk-kazanc="1"], :has(.kulup-kart), :has(.bk-serit))
    
       Bolum kendi <style> blogunu govdeye basiyor (head'deki dosyalardan SONRA),
       bu yuzden esit ozgullukte kaybediyorduk — tum kurallar !important.
    
       Referans duzen: solda kare kapak, sagda ust uste metin.
       Kaynak DOM dikey kart icin kurulmus (kapak 16:9 ustte, yazi altta) ve
       tutar rozeti kapagin icinde bir <span>. Tutari metin sutununa tasimak icin
       .kulup-medya ve .kulup-alt "display: contents" yapiliyor: bu iki sarmalayici
       kutu olmaktan cikiyor, cocuklari (img, rozet, baslik, meta) dogrudan kartin
       grid'ine giriyor ve istedigimiz hucrelere yerlesiyor. DOM'a dokunulmadi.
       ========================================================= */
    @media (min-width: 1024px) {
    
      .layout-content-holder-bc .hm-row-bc:is([data-buyuk-kazanc="1"], :has(.kulup-kart), :has(.bk-serit)):not(:has(.kulup-bolum[aria-label="SİZDEN GELENLER"])):not(:has(.popular-matches-bc)):not(:has(.popular-competitions-bc)) {
        --bg-deep: #161922;
        --bg-card: #171b24;
        --bg-card-hover: #1c212c;
        --yellow: #c7a358;
        --white: #ffffff;
        --muted: rgba(255, 255, 255, 0.45);
        --border: rgba(255, 255, 255, 0.07);
        --font: var(--cw-font, "Roboto", "Segoe UI", system-ui, sans-serif);
        --cw-bk-side: var(--cw-home-side, 170px);
        /* --cw-bk-card (sabit kart genisligi) KALDIRILDI: kart genisligi artik
           CW-BAND-CAROUSEL blogunda gorunur alana tam --cw-bk-per kart sigacak
           sekilde hesaplaniyor. Sabit deger geri eklenirse son kart yine yarim
           kalir. */
        --cw-bk-thumb: 76px;
        --cw-bk-pad: 12px;
        --cw-bk-gap: 12px;
        --cw-bk-per: 4;
    
        display: block !important;
        grid-template-columns: none !important;
        width: calc(100% - (var(--cw-bk-side) * 2)) !important;
        max-width: calc(100% - (var(--cw-bk-side) * 2)) !important;
        min-width: 0 !important;
        margin: 22px var(--cw-bk-side) 28px !important;
        padding: 0 !important;
        background: transparent !important;
        box-sizing: border-box !important;
        font-family: var(--font) !important;
        overflow: visible !important;
        container-type: inline-size;
      }
    
      /* Serit genisligi yukari sizip sayfayi yatayda patlatmasin */
      .layout-content-holder-bc .hm-row-bc:is([data-buyuk-kazanc="1"], :has(.kulup-kart), :has(.bk-serit)) .hm-row-bc-inner,
      .layout-content-holder-bc .hm-row-bc:is([data-buyuk-kazanc="1"], :has(.kulup-kart), :has(.bk-serit)) .kulup-bolum,
      .layout-content-holder-bc .hm-row-bc:is([data-buyuk-kazanc="1"], :has(.kulup-kart), :has(.bk-serit)) .bk-serit,
      .layout-content-holder-bc .hm-row-bc:is([data-buyuk-kazanc="1"], :has(.kulup-kart), :has(.bk-serit)) .runningLineWrapper {
        min-width: 0 !important;
        max-width: 100% !important;
      }
    
      /* Başlık bu bantta ayrıca tanımlanmıyor — dosya sonundaki CW-BAND-SHELL
         bloğu tüm bantların başlığını tek elden veriyor. */
    
      /* ---------- İleri / geri okları (JS ile eklenir) ---------- */
      .layout-content-holder-bc .hm-row-bc:is([data-buyuk-kazanc="1"], :has(.kulup-kart), :has(.bk-serit)) .cw-bk-nav {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        gap: 8px !important;
        flex: 0 0 auto !important;
        /* Başlık satırı artık ortak kabuk tarafından dikeyde ortalanıyor;
           eskiden buradaki 8px alt boşluk okları yukarı itiyordu. */
        margin: 0 0 0 auto !important;
      }
    
      /* Başlık satırı bulunamazsa oklar bölümün sağ üstüne oturur */
      .layout-content-holder-bc .hm-row-bc:is([data-buyuk-kazanc="1"], :has(.kulup-kart), :has(.bk-serit)) .kulup-bolum {
        position: relative !important;
      }
    
      .layout-content-holder-bc .hm-row-bc:is([data-buyuk-kazanc="1"], :has(.kulup-kart), :has(.bk-serit)) .cw-bk-nav--float {
        position: absolute !important;
        top: 0 !important;
        right: 0 !important;
        z-index: 3 !important;
        margin: 0 !important;
      }
    
      .layout-content-holder-bc .hm-row-bc:is([data-buyuk-kazanc="1"], :has(.kulup-kart), :has(.bk-serit)) .cw-bk-nav__btn {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 30px !important;
        height: 30px !important;
        margin: 0 !important;
        padding: 0 !important;
        background: linear-gradient(180deg, #232a36 0%, #1a1f29 100%) !important;
        border: 1px solid rgba(255, 255, 255, 0.09) !important;
        border-radius: 50% !important;
        box-shadow:
          inset 0 1px 0 rgba(255, 255, 255, 0.06),
          0 2px 8px rgba(0, 0, 0, 0.35) !important;
        color: rgba(255, 255, 255, 0.62) !important;
        font-size: 0 !important;
        line-height: 0 !important;
        cursor: pointer !important;
        transition: color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease !important;
      }
    
      .layout-content-holder-bc .hm-row-bc:is([data-buyuk-kazanc="1"], :has(.kulup-kart), :has(.bk-serit)) .cw-bk-nav__btn:hover {
        border-color: rgba(199, 163, 88, 0.55) !important;
        box-shadow:
          inset 0 1px 0 rgba(255, 255, 255, 0.08),
          0 0 12px rgba(199, 163, 88, 0.18) !important;
        color: var(--yellow) !important;
      }
    
      .layout-content-holder-bc .hm-row-bc:is([data-buyuk-kazanc="1"], :has(.kulup-kart), :has(.bk-serit)) .cw-bk-nav__btn::before {
        content: "" !important;
        display: block !important;
        width: 6px !important;
        height: 6px !important;
        border-right: 2px solid currentColor !important;
        border-bottom: 2px solid currentColor !important;
      }
    
      .layout-content-holder-bc .hm-row-bc:is([data-buyuk-kazanc="1"], :has(.kulup-kart), :has(.bk-serit)) .cw-bk-nav__btn--prev::before {
        transform: rotate(135deg) !important;
        margin-left: 2px !important;
      }
    
      .layout-content-holder-bc .hm-row-bc:is([data-buyuk-kazanc="1"], :has(.kulup-kart), :has(.bk-serit)) .cw-bk-nav__btn--next::before {
        transform: rotate(-45deg) !important;
        margin-right: 2px !important;
      }
    
      /* ---------- Şerit: sürekli marquee değil, kart kart kayan scroller ----------
         Kaydırılan kap tema sürümüne göre .runningLineWrapper ya da
         .kulup-galeri--serit olabiliyor; ikisi de destekleniyor. */
      .layout-content-holder-bc .hm-row-bc:is([data-buyuk-kazanc="1"], :has(.kulup-kart), :has(.bk-serit)) .bk-serit {
        width: 100% !important;
        margin: 0 !important;
        padding: 12px 0 16px !important;
        background: transparent !important;
        overflow: visible !important;
        isolation: isolate !important;
      }
    
      .layout-content-holder-bc .hm-row-bc:is([data-buyuk-kazanc="1"], :has(.kulup-kart), :has(.bk-serit)) .runningLineWrapper,
      .layout-content-holder-bc .hm-row-bc:is([data-buyuk-kazanc="1"], :has(.kulup-kart), :has(.bk-serit)) .kulup-galeri--serit {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        /* Kart hover'da 2px yükseliyor ve gölgesi var; scroller dikeyde kırptığı
           için iç boşluk bırakılmazsa kart kabın arkasında kalmış gibi görünüyor. */
        padding: 10px 0 14px !important;
        overflow-x: hidden !important;
        overflow-y: hidden !important;
        /* Kaydırmayı JS kendi animasyonuyla yapıyor; tarayıcı ayrıca yumuşatmasın */
        scroll-behavior: auto !important;
        scrollbar-width: none !important;
        box-sizing: border-box !important;
        container-type: inline-size;
      }
    
      .layout-content-holder-bc .hm-row-bc:is([data-buyuk-kazanc="1"], :has(.kulup-kart), :has(.bk-serit)) .runningLineWrapper::-webkit-scrollbar,
      .layout-content-holder-bc .hm-row-bc:is([data-buyuk-kazanc="1"], :has(.kulup-kart), :has(.bk-serit)) .kulup-galeri--serit::-webkit-scrollbar {
        display: none !important;
      }
    
      /* Izgara varyantı (şerit değil) — hover yükselmesi kırpılmasın */
      .layout-content-holder-bc .hm-row-bc:is([data-buyuk-kazanc="1"], :has(.kulup-kart), :has(.bk-serit)) .kulup-galeri:not(.kulup-galeri--serit) {
        padding: 6px 0 10px !important;
        overflow: visible !important;
      }
    
      /* Sonsuz kaydirma animasyonu kapali — ilerlemeyi JS kart kart yapiyor */
      .layout-content-holder-bc .hm-row-bc:is([data-buyuk-kazanc="1"], :has(.kulup-kart), :has(.bk-serit)) .runningLine {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: stretch !important;
        gap: var(--cw-bk-gap, 12px) !important;
        width: max-content !important;
        max-width: none !important;
        animation: none !important;
        transform: none !important;
      }
  
      .layout-content-holder-bc .hm-row-bc:is([data-buyuk-kazanc="1"], :has(.kulup-kart), :has(.bk-serit)) .oto-serit,
      .layout-content-holder-bc .hm-row-bc:is([data-buyuk-kazanc="1"], :has(.kulup-kart), :has(.bk-serit)) .horizontal-scroll {
        animation: none !important;
        transform: none !important;
        scroll-behavior: auto !important;
      }
  
      /* Loop tamponu: yalnızca .cw-bk-loop-on kopyalar görünür.
         Fazla marquee kopyaları gizlenir (şeridi iki tur uzatıp takılma yapıyordu). */
      .layout-content-holder-bc .hm-row-bc:is([data-buyuk-kazanc="1"], :has(.kulup-kart), :has(.bk-serit)) .kulup-kart[aria-hidden="true"]:not(.cw-bk-loop-on) {
        display: none !important;
      }
      .layout-content-holder-bc .hm-row-bc:is([data-buyuk-kazanc="1"], :has(.kulup-kart), :has(.bk-serit)) .kulup-kart.cw-bk-loop-on {
        pointer-events: none !important;
      }
    
      /* Kart genişliği burada TANIMLANMAZ — bilerek.
         Eskiden bu bantta sabit bir genişlik (--cw-bk-card: 320px) + margin-right
         vardı. Bu kural beş sınıflık özgüllüğüyle, dosya sonundaki ortak
         CW-BAND-CAROUSEL kuralını (üç sınıf) eziyordu; "tam 4 kart" formülü
         yazılı olmasına rağmen hiç uygulanamıyordu. 1580px'lik banda 320px'lik
         karttan 4,7 tane sığdığı için beşinci kart hep yarım kalıyordu. Ayrıca
         margin-right, kabın gap'ine ekleniyor ve 4'lü hesabı da bozuyordu.
    
         Genişlik artık tek yerden geliyor: CW-BAND-CAROUSEL bloğu, görünür alana
         tam --cw-bk-per kart sığacak şekilde hesaplıyor. Buraya yeniden sabit
         genişlik yazılırsa aynı hata geri gelir.
    
         Kaydırma kabı ve okların ölçüleri de aynı ortak blokta. */
    
      /* ---------- Kart: solda kapak, sağda metin ---------- */
      /* Kart rengi oyun görselinin hue'suna bağlı: --bk-h değişkenini JS her kart
         için ayrı yazıyor (görselden baskın renk, alınamazsa isimden türetilir).
         Işık soldan, yani kapağın olduğu taraftan geliyor.
    
         Aşağıdaki nth-child paleti JS'siz de renk çeşitliliği sağlar: JS hiç
         çalışmazsa tek bir varsayılan hue kalıyor ve bütün kartlar aynı renge
         (mor) düşüyordu. JS çalıştığında satır içi stil bu değerleri ezer. */
      .layout-content-holder-bc .hm-row-bc:is([data-buyuk-kazanc="1"], :has(.kulup-kart), :has(.bk-serit)) .kulup-kart {
        --bk-h: 265;
    
        position: relative !important;
        display: grid !important;
        grid-template-columns: var(--cw-bk-thumb) minmax(0, 1fr) !important;
        grid-template-rows: auto auto auto !important;
        column-gap: 12px !important;
        row-gap: 2px !important;
        align-content: center !important;
        flex: 0 0
          var(
            --cw-bk-card-w,
            calc(
              (100cqi - ((var(--cw-bk-per, 4) - 1) * var(--cw-bk-gap, 12px))) /
                var(--cw-bk-per, 4)
            )
          ) !important;
        width: var(
          --cw-bk-card-w,
          calc(
            (100cqi - ((var(--cw-bk-per, 4) - 1) * var(--cw-bk-gap, 12px))) /
              var(--cw-bk-per, 4)
          )
        ) !important;
        min-width: var(
          --cw-bk-card-w,
          calc(
            (100cqi - ((var(--cw-bk-per, 4) - 1) * var(--cw-bk-gap, 12px))) /
              var(--cw-bk-per, 4)
          )
        ) !important;
        max-width: var(
          --cw-bk-card-w,
          calc(
            (100cqi - ((var(--cw-bk-per, 4) - 1) * var(--cw-bk-gap, 12px))) /
              var(--cw-bk-per, 4)
          )
        ) !important;
        min-height: calc(var(--cw-bk-thumb) + 20px) !important;
        padding: 10px var(--cw-bk-pad) !important;
        background:
          radial-gradient(
            130% 150% at 0% 50%,
            hsl(var(--bk-h) 70% 55% / 0.16) 0%,
            hsl(var(--bk-h) 70% 55% / 0.05) 42%,
            rgba(0, 0, 0, 0) 72%
          ),
          linear-gradient(180deg, #1e232e 0%, #171b24 100%) !important;
        border: 1px solid rgba(255, 255, 255, 0.07) !important;
        border-radius: 12px !important;
        box-shadow:
          inset 0 1px 0 rgba(255, 255, 255, 0.05),
          0 6px 20px rgba(0, 0, 0, 0.35) !important;
        box-sizing: border-box !important;
        text-align: left !important;
        cursor: pointer !important;
        z-index: 1 !important;
        isolation: isolate !important;
        transition:
          transform 0.22s cubic-bezier(0.22, 0.61, 0.36, 1),
          border-color 0.22s ease,
          box-shadow 0.22s ease !important;
      }
    
      /* JS'siz renk paleti — 8'li döngü, koyu zeminde ayrışan tonlar */
      .layout-content-holder-bc .hm-row-bc:is([data-buyuk-kazanc="1"], :has(.kulup-kart), :has(.bk-serit)) .kulup-kart:nth-child(8n + 1) { --bk-h: 265; }
      .layout-content-holder-bc .hm-row-bc:is([data-buyuk-kazanc="1"], :has(.kulup-kart), :has(.bk-serit)) .kulup-kart:nth-child(8n + 2) { --bk-h: 38; }
      .layout-content-holder-bc .hm-row-bc:is([data-buyuk-kazanc="1"], :has(.kulup-kart), :has(.bk-serit)) .kulup-kart:nth-child(8n + 3) { --bk-h: 200; }
      .layout-content-holder-bc .hm-row-bc:is([data-buyuk-kazanc="1"], :has(.kulup-kart), :has(.bk-serit)) .kulup-kart:nth-child(8n + 4) { --bk-h: 330; }
      .layout-content-holder-bc .hm-row-bc:is([data-buyuk-kazanc="1"], :has(.kulup-kart), :has(.bk-serit)) .kulup-kart:nth-child(8n + 5) { --bk-h: 150; }
      .layout-content-holder-bc .hm-row-bc:is([data-buyuk-kazanc="1"], :has(.kulup-kart), :has(.bk-serit)) .kulup-kart:nth-child(8n + 6) { --bk-h: 15; }
      .layout-content-holder-bc .hm-row-bc:is([data-buyuk-kazanc="1"], :has(.kulup-kart), :has(.bk-serit)) .kulup-kart:nth-child(8n + 7) { --bk-h: 285; }
      .layout-content-holder-bc .hm-row-bc:is([data-buyuk-kazanc="1"], :has(.kulup-kart), :has(.bk-serit)) .kulup-kart:nth-child(8n + 8) { --bk-h: 175; }
    
      .layout-content-holder-bc .hm-row-bc:is([data-buyuk-kazanc="1"], :has(.kulup-kart), :has(.bk-serit)) .kulup-kart:hover {
        z-index: 8 !important;
        transform: translateY(-4px) !important;
        border-color: hsl(var(--bk-h) 70% 62% / 0.42) !important;
        box-shadow:
          inset 0 1px 0 rgba(255, 255, 255, 0.08),
          0 12px 28px rgba(0, 0, 0, 0.45),
          0 0 0 1px hsl(var(--bk-h) 70% 60% / 0.12) !important;
      }
    
      /* Sarmalayicilari kaldir — cocuklar dogrudan grid'e girsin */
      .layout-content-holder-bc .hm-row-bc:is([data-buyuk-kazanc="1"], :has(.kulup-kart), :has(.bk-serit)) .kulup-medya,
      .layout-content-holder-bc .hm-row-bc:is([data-buyuk-kazanc="1"], :has(.kulup-kart), :has(.bk-serit)) .kulup-alt {
        display: contents !important;
      }
    
      .layout-content-holder-bc .hm-row-bc:is([data-buyuk-kazanc="1"], :has(.kulup-kart), :has(.bk-serit)) .kulup-medya > img {
        grid-column: 1 !important;
        grid-row: 1 / -1 !important;
        align-self: center !important;
        display: block !important;
        width: var(--cw-bk-thumb) !important;
        height: var(--cw-bk-thumb) !important;
        margin: 0 !important;
        padding: 0 !important;
        background: var(--bg-deep) !important;
        border: none !important;
        border-radius: 8px !important;
        box-shadow:
          0 0 0 1px hsl(var(--bk-h) 60% 62% / 0.35),
          0 4px 14px hsl(var(--bk-h) 70% 18% / 0.55) !important;
        object-fit: cover !important;
        transform: none !important;
        transition: none !important;
      }
    
      /* Karartma perdesi ve play düğmesi bu düzende yok — kartın tamamı zaten
         tıklanabilir bir <button>, kapağın üstündeki ikon gereksiz kalabalık. */
      .layout-content-holder-bc .hm-row-bc:is([data-buyuk-kazanc="1"], :has(.kulup-kart), :has(.bk-serit)) .kulup-perde,
      .layout-content-holder-bc .hm-row-bc:is([data-buyuk-kazanc="1"], :has(.kulup-kart), :has(.bk-serit)) .kulup-play {
        display: none !important;
      }
    
      /* 1. satır — oyun adı */
      .layout-content-holder-bc .hm-row-bc:is([data-buyuk-kazanc="1"], :has(.kulup-kart), :has(.bk-serit)) .kulup-baslik {
        grid-column: 2 !important;
        grid-row: 1 !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 1 !important;
        line-clamp: 1 !important;
        -webkit-box-orient: vertical !important;
        margin: 0 !important;
        padding: 0 !important;
        color: rgba(255, 255, 255, 0.72) !important;
        font-family: var(--font) !important;
        font-size: 12px !important;
        font-weight: 600 !important;
        letter-spacing: 0.01em !important;
        line-height: 1.3 !important;
        overflow: hidden !important;
      }
    
      /* 2. satır — tutar. Rozet olmaktan çıkıp metin sütununa akıyor. */
      .layout-content-holder-bc .hm-row-bc:is([data-buyuk-kazanc="1"], :has(.kulup-kart), :has(.bk-serit)) .kulup-rozet {
        grid-column: 2 !important;
        grid-row: 2 !important;
        position: static !important;
        inset: auto !important;
        right: auto !important;
        bottom: auto !important;
        display: block !important;
        width: auto !important;
        margin: 2px 0 0 !important;
        padding: 0 !important;
        background: none !important;
        background-image: none !important;
        border-radius: 0 !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        background-clip: border-box !important;
        color: var(--yellow) !important;
        font-family: var(--font) !important;
        font-size: 17px !important;
        font-weight: 800 !important;
        letter-spacing: 0.005em !important;
        line-height: 1.15 !important;
        text-shadow: 0 0 14px rgba(199, 163, 88, 0.22) !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
      }
    
      /* Mega kazanç — kırmızı vurgu (kaynak tasarımın rozet gradyanının karşılığı) */
      .layout-content-holder-bc .hm-row-bc:is([data-buyuk-kazanc="1"], :has(.kulup-kart), :has(.bk-serit)) .kulup-rozet--mega {
        background: none !important;
        background-image: none !important;
        color: #ff7085 !important;
      }
    
      /* 3. satır — oyuncu bilgisi */
      .layout-content-holder-bc .hm-row-bc:is([data-buyuk-kazanc="1"], :has(.kulup-kart), :has(.bk-serit)) .kulup-meta {
        grid-column: 2 !important;
        grid-row: 3 !important;
        display: block !important;
        margin: 2px 0 0 !important;
        padding: 0 !important;
        color: var(--muted) !important;
        font-family: var(--font) !important;
        font-size: 10.5px !important;
        font-weight: 400 !important;
        line-height: 1.3 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
      }
    
      /* Canlı DOM (bk-oyuncu / bk-kapak-ad / bk-tutar) — eski baslik/rozet/meta yok */
      .layout-content-holder-bc .hm-row-bc:is([data-buyuk-kazanc="1"], :has(.kulup-kart), :has(.bk-serit)) .kulup-alt,
      .layout-content-holder-bc .hm-row-bc:is([data-buyuk-kazanc="1"], :has(.kulup-kart), :has(.bk-serit)) .bk-alt,
      .layout-content-holder-bc .hm-row-bc:is([data-buyuk-kazanc="1"], :has(.kulup-kart), :has(.bk-serit)) .bk-satir,
      .layout-content-holder-bc .hm-row-bc:is([data-buyuk-kazanc="1"], :has(.kulup-kart), :has(.bk-serit)) .bk-hucre {
        display: contents !important;
      }
    
      .layout-content-holder-bc .hm-row-bc:is([data-buyuk-kazanc="1"], :has(.kulup-kart), :has(.bk-serit)) .bk-etiket,
      .layout-content-holder-bc .hm-row-bc:is([data-buyuk-kazanc="1"], :has(.kulup-kart), :has(.bk-serit)) .bk-mega {
        display: none !important;
      }
    
      .layout-content-holder-bc .hm-row-bc:is([data-buyuk-kazanc="1"], :has(.kulup-kart), :has(.bk-serit)) .bk-oyuncu {
        grid-column: 2 !important;
        grid-row: 1 !important;
        display: flex !important;
        align-items: center !important;
        gap: 8px !important;
        min-width: 0 !important;
        color: #fff !important;
        font-size: 13px !important;
        font-weight: 700 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
      }
    
      .layout-content-holder-bc .hm-row-bc:is([data-buyuk-kazanc="1"], :has(.kulup-kart), :has(.bk-serit)) .bk-oyuncu svg {
        width: 20px !important;
        height: 20px !important;
        border-radius: 50% !important;
        border: 1px solid #c7a358 !important;
        padding: 2px !important;
        box-sizing: content-box !important;
        background: #161922 !important;
        fill: #c7a358 !important;
      }
    
      .layout-content-holder-bc .hm-row-bc:is([data-buyuk-kazanc="1"], :has(.kulup-kart), :has(.bk-serit)) .bk-kapak-ad {
        grid-column: 2 !important;
        grid-row: 2 !important;
        position: static !important;
        inset: auto !important;
        background: none !important;
        padding: 0 !important;
        margin: 0 !important;
        color: rgba(255, 255, 255, 0.62) !important;
        font-size: 12px !important;
        font-weight: 500 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        text-shadow: none !important;
      }
    
      .layout-content-holder-bc .hm-row-bc:is([data-buyuk-kazanc="1"], :has(.kulup-kart), :has(.bk-serit)) .bk-kapak-ad::after {
        content: " Oyununda";
      }
    
      .layout-content-holder-bc .hm-row-bc:is([data-buyuk-kazanc="1"], :has(.kulup-kart), :has(.bk-serit)) .bk-tutar {
        grid-column: 2 !important;
        grid-row: 3 !important;
        color: #c7a358 !important;
        font-size: 16px !important;
        font-weight: 800 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
      }
    
      .layout-content-holder-bc .hm-row-bc:is([data-buyuk-kazanc="1"], :has(.kulup-kart), :has(.bk-serit)) .bk-tutar::after {
        content: " Kazanç Sağladı";
        color: #fff;
        font-weight: 700;
      }
    
      /* Widget içindeki <style> 16:9 kapak + 286px flex'i eziyordu.
         Mobil kart düzeni: display:contents ile kapak/metin aynı grid'e düşer. */
      html body .layout-content-holder-bc .hm-row-bc:is([data-buyuk-kazanc="1"], :has(.kulup-kart), :has(.bk-serit)) .kulup-medya,
      html body .layout-content-holder-bc .hm-row-bc:is([data-buyuk-kazanc="1"], :has(.kulup-kart), :has(.bk-serit)) .kulup-alt,
      html body .layout-content-holder-bc .hm-row-bc:is([data-buyuk-kazanc="1"], :has(.kulup-kart), :has(.bk-serit)) .bk-alt,
      html body .layout-content-holder-bc .hm-row-bc:is([data-buyuk-kazanc="1"], :has(.kulup-kart), :has(.bk-serit)) .bk-satir,
      html body .layout-content-holder-bc .hm-row-bc:is([data-buyuk-kazanc="1"], :has(.kulup-kart), :has(.bk-serit)) .bk-hucre {
        display: contents !important;
        aspect-ratio: auto !important;
        position: static !important;
        inset: auto !important;
        width: auto !important;
        height: auto !important;
        min-height: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        overflow: visible !important;
        background: none !important;
        border: none !important;
        border-radius: 0 !important;
        isolation: auto !important;
      }
    
      html body .layout-content-holder-bc .hm-row-bc:is([data-buyuk-kazanc="1"], :has(.kulup-kart), :has(.bk-serit)) .kulup-kart {
        display: grid !important;
        grid-template-columns: var(--cw-bk-thumb, 76px) minmax(0, 1fr) !important;
        grid-template-rows: auto auto auto !important;
        flex: 0 0
          var(
            --cw-bk-card-w,
            calc(
              (100cqi - ((var(--cw-bk-per, 4) - 1) * var(--cw-bk-gap, 12px))) /
                var(--cw-bk-per, 4)
            )
          ) !important;
        width: var(
          --cw-bk-card-w,
          calc(
            (100cqi - ((var(--cw-bk-per, 4) - 1) * var(--cw-bk-gap, 12px))) /
              var(--cw-bk-per, 4)
          )
        ) !important;
        min-width: var(
          --cw-bk-card-w,
          calc(
            (100cqi - ((var(--cw-bk-per, 4) - 1) * var(--cw-bk-gap, 12px))) /
              var(--cw-bk-per, 4)
          )
        ) !important;
        max-width: var(
          --cw-bk-card-w,
          calc(
            (100cqi - ((var(--cw-bk-per, 4) - 1) * var(--cw-bk-gap, 12px))) /
              var(--cw-bk-per, 4)
          )
        ) !important;
        z-index: 1 !important;
      }
  
      html body .layout-content-holder-bc .hm-row-bc:is([data-buyuk-kazanc="1"], :has(.kulup-kart), :has(.bk-serit)) .kulup-kart:hover {
        z-index: 8 !important;
      }
    
      html body .layout-content-holder-bc .hm-row-bc:is([data-buyuk-kazanc="1"], :has(.kulup-kart), :has(.bk-serit)) .bk-serit > .kulup-kart,
      html body .layout-content-holder-bc .hm-row-bc:is([data-buyuk-kazanc="1"], :has(.kulup-kart), :has(.bk-serit)) .cw-bk-scroller > .kulup-kart {
        flex: 0 0
          var(
            --cw-bk-card-w,
            calc(
              (100cqi - ((var(--cw-bk-per, 4) - 1) * var(--cw-bk-gap, 12px))) /
                var(--cw-bk-per, 4)
            )
          ) !important;
        width: var(
          --cw-bk-card-w,
          calc(
            (100cqi - ((var(--cw-bk-per, 4) - 1) * var(--cw-bk-gap, 12px))) /
              var(--cw-bk-per, 4)
          )
        ) !important;
        min-width: var(
          --cw-bk-card-w,
          calc(
            (100cqi - ((var(--cw-bk-per, 4) - 1) * var(--cw-bk-gap, 12px))) /
              var(--cw-bk-per, 4)
          )
        ) !important;
        max-width: var(
          --cw-bk-card-w,
          calc(
            (100cqi - ((var(--cw-bk-per, 4) - 1) * var(--cw-bk-gap, 12px))) /
              var(--cw-bk-per, 4)
          )
        ) !important;
      }
    
      html body .layout-content-holder-bc .hm-row-bc:is([data-buyuk-kazanc="1"], :has(.kulup-kart), :has(.bk-serit)) .kulup-medya > img {
        aspect-ratio: auto !important;
        width: var(--cw-bk-thumb, 76px) !important;
        height: var(--cw-bk-thumb, 76px) !important;
        max-width: var(--cw-bk-thumb, 76px) !important;
        max-height: var(--cw-bk-thumb, 76px) !important;
        object-fit: cover !important;
      }
    
      html body .layout-content-holder-bc .hm-row-bc:is([data-buyuk-kazanc="1"], :has(.kulup-kart), :has(.bk-serit)) .kulup-perde,
      html body .layout-content-holder-bc .hm-row-bc:is([data-buyuk-kazanc="1"], :has(.kulup-kart), :has(.bk-serit)) .kulup-play,
      html body .layout-content-holder-bc .hm-row-bc:is([data-buyuk-kazanc="1"], :has(.kulup-kart), :has(.bk-serit)) .bk-etiket,
      html body .layout-content-holder-bc .hm-row-bc:is([data-buyuk-kazanc="1"], :has(.kulup-kart), :has(.bk-serit)) .bk-mega {
        display: none !important;
      }
    }
    
    /* =========================================================
       CW-BAND-CAROUSEL-20260813-2320 — Bant karuseli: ortak ölçüler (MASAUSTU)
    
       Oklar ve kaydırma kabı artık tek banda özel değil; JS hangi banda
       .cw-bk-scroller sınıfını koyduysa bu ölçüler oraya uygulanır.
       Şu an iki bant besleniyor: BÜYÜK KAZANÇLAR ve ÖNE ÇIKAN BAHİSLER.
    
       Kart genişliği sabit piksel DEĞİL: görünür alana tam --cw-bk-per (4) kart
       sığacak şekilde hesaplanıyor. Sabit genişlikte son kart yarım kalıyor ve
       düzen bozuk görünüyordu; bu formülle kart, bant genişliği ne olursa olsun
       tam oturur ve tek kartlık adım da doğal olarak tam bir sütun kayar.
       ========================================================= */
    @media (min-width: 1024px) {
    
      html body .layout-content-holder-bc .cw-bk-scroller {
        --cw-bk-gap: 12px;
        --cw-bk-per: 4;
    
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: stretch !important;
        gap: var(--cw-bk-gap) !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        /* hover'da kart yükseliyor ve gölgesi var — kırpılmasın */
        padding: 14px 0 18px !important;
        /* hover yükselen kartın üstü kırpılmasın */
        overflow-x: clip !important;
        overflow-y: visible !important;
        touch-action: pan-x pan-y !important;
        scroll-behavior: auto !important;
        scrollbar-width: none !important;
        box-sizing: border-box !important;
        animation: none !important;
        transform: none !important;
      }
    
      html body .layout-content-holder-bc .cw-bk-scroller::-webkit-scrollbar {
        display: none !important;
      }
    
      html body .layout-content-holder-bc .hm-row-bc:is([data-buyuk-kazanc="1"], :has(.kulup-kart), :has(.bk-serit)) .cw-bk-scroller {
        --cw-bk-per: 4;
      }
    
      /* Tam 4 kart: (genişlik - 3 boşluk) / 4 — px kilit (--cw-bk-card-w) varsa o */
      .layout-content-holder-bc .cw-bk-scroller .kulup-kart,
      .layout-content-holder-bc .cw-bk-scroller .featuredGameItem,
      .layout-content-holder-bc .cw-bk-scroller .marketSliderContentItem,
      .layout-content-holder-bc .cw-bk-scroller a.marketSliderContentItem {
        flex: 0 0
          var(
            --cw-bk-card-w,
            calc(
              (100% - ((var(--cw-bk-per) - 1) * var(--cw-bk-gap))) / var(--cw-bk-per)
            )
          ) !important;
        width: var(--cw-bk-card-w, auto) !important;
        min-width: var(
          --cw-bk-card-w,
          calc(
            (100% - ((var(--cw-bk-per) - 1) * var(--cw-bk-gap))) / var(--cw-bk-per)
          )
        ) !important;
        max-width: var(--cw-bk-card-w, none) !important;
        margin: 0 !important;
      }
    
      html body .layout-content-holder-bc .featuredGames .runningLineWrapper.cw-bk-scroller,
      html body .layout-content-holder-bc .featuredGames .runningLine.cw-bk-scroller,
      html body .layout-content-holder-bc .popular-matches-bc .marketSlider.cw-bk-scroller {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
      }
    
      html body .layout-content-holder-bc .featuredGames .cw-bk-scroller .runningLine,
      html body .layout-content-holder-bc .popular-matches-bc .cw-bk-scroller .marketSliderContent {
        width: max-content !important;
        max-width: none !important;
        flex: 0 0 auto !important;
      }
    
      /* ---------- Oklar (ortak) ---------- */
      .layout-content-holder-bc .cw-bk-nav {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        gap: 8px !important;
        flex: 0 0 auto !important;
        margin: 0 0 0 auto !important;
      }
    
      .layout-content-holder-bc .cw-bk-nav__btn {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 30px !important;
        height: 30px !important;
        margin: 0 !important;
        padding: 0 !important;
        background: linear-gradient(180deg, #232a36 0%, #1a1f29 100%) !important;
        border: 1px solid rgba(255, 255, 255, 0.09) !important;
        border-radius: 50% !important;
        box-shadow:
          inset 0 1px 0 rgba(255, 255, 255, 0.06),
          0 2px 8px rgba(0, 0, 0, 0.35) !important;
        color: rgba(255, 255, 255, 0.62) !important;
        font-size: 0 !important;
        line-height: 0 !important;
        cursor: pointer !important;
        transition: color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease !important;
      }
    
      .layout-content-holder-bc .cw-bk-nav__btn:hover {
        border-color: rgba(199, 163, 88, 0.55) !important;
        box-shadow:
          inset 0 1px 0 rgba(255, 255, 255, 0.08),
          0 0 12px rgba(199, 163, 88, 0.18) !important;
        color: #c7a358 !important;
      }
    
      .layout-content-holder-bc .cw-bk-nav__btn::before {
        content: "" !important;
        display: block !important;
        width: 6px !important;
        height: 6px !important;
        border-right: 2px solid currentColor !important;
        border-bottom: 2px solid currentColor !important;
      }
    
      .layout-content-holder-bc .cw-bk-nav__btn--prev::before {
        transform: rotate(135deg) !important;
        margin-left: 2px !important;
      }
    
      .layout-content-holder-bc .cw-bk-nav__btn--next::before {
        transform: rotate(-45deg) !important;
        margin-right: 2px !important;
      }
    
      /* Başlık satırı yoksa oklar bandın sağ üstüne */
      .layout-content-holder-bc .cw-bk-nav--float {
        position: absolute !important;
        top: 0 !important;
        right: 0 !important;
        z-index: 3 !important;
      }
    }
    
    /* =========================================================
       CW-HIDE-ANLIK-20260813-2245 — ANLIK KAZANÇLAR bandı kapalı
       Yerini BÜYÜK KAZANÇLAR aldı (slider'ın hemen altı). Bant DOM'da kalmaya
       devam ediyor, yalnızca gizleniyor; satırın kendisi kapatılıyor ki geride
       boş kenar boşluğu kalmasın.
       ========================================================= */
    .layout-content-holder-bc .hm-row-bc:has(.casinoTopWinnersWidget),
    .layout-content-holder-bc .casinoTopWinnersWidget {
      display: none !important;
      visibility: hidden !important;
      height: 0 !important;
      max-height: 0 !important;
      margin: 0 !important;
      padding: 0 !important;
      overflow: hidden !important;
      pointer-events: none !important;
    }
    
    /* =========================================================
       CW-BAND-PREMIUM-20260813-2130 — Tüm bantlar için ortak dil (MASAUSTU)
    
       SORUN: bant başlığı bu dosyada her bant için AYRI AYRI yazılmıştı
       (featuredGames, popular-matches, cw-pop-banners, BÜYÜK KAZANÇLAR...).
       Bu listede olmayan bantlar hiç stil almıyor, başlıkları BC'nin varsayılanı
       ile ince/renksiz kalıyordu. Aşağıdaki kural bant adı geçmeden TÜM
       .view-title-more'ları kapsar, yani yeni eklenen bantlar da otomatik uyar.
    
       Mevcut bant-özel kurallar (0,3,0) buradan (0,2,0) daha özgül olduğu için
       onlar aynen kazanmaya devam eder — tasarım aynı olduğundan fark etmez;
       bu kural yalnızca boşta kalanları yakalar.
       ========================================================= */
    @media (min-width: 1024px) {
    
      /* ---------- TEK KABUK: bant başlığı ----------
         Sayfada iki farklı başlık işaretlemesi dolaşıyor ve her biri farklı bir
         font kaynağından besleniyordu; ölçümde punto/kalınlık aynı görünse de
         yazı tipi ve harf aralığı tutmuyordu:
           .page-view-more > h3.view-title-more            (bantların kendi --font'u)
           .casinoTopWinnersWidgetTitle > .sectionTitle > h6.sectionTitleText
                                                           (BC'nin typography-heading'i)
         Aşağıdaki blok ikisini de aynı kabuğa sokar; font ailesi dahil her şey
         tek yerden verilir. Bant-özel eski başlık kuralları (0,3,0) buradan daha
         düşük özgüllükte kaldığı için artık devre dışı.
    
         Tasarım öncekinden farklı: yanıp sönen parıltı ve başlık altı çizgisi
         kaldırıldı, yerine solda altın kapsül ve başlıktan sağa uzanıp sönen
         saç teli çizgi geldi. Sakin ve yapısal duruyor. */
      html body .layout-content-holder-bc .page-view-more,
      html body .layout-content-holder-bc .casinoTopWinnersWidgetTitle {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 14px !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 0 16px !important;
        padding: 0 !important;
        background: transparent !important;
        border: none !important;
        overflow: visible !important;
      }
    
      /* Başlıktan sağa uzanan ince çizgi */
      html body .layout-content-holder-bc .page-view-more::after,
      html body .layout-content-holder-bc .casinoTopWinnersWidgetTitle::after {
        content: "" !important;
        display: block !important;
        /* CW-CIZGI-FIX-20260822: motorun /custom.css'indeki
           .page-view-more::after kuralı position:absolute veriyor. Burada
           sıfırlanmazsa order/flex yok sayılır, saç teli çizgi akıştan çıkıp
           başlığın yanına değil satırın ALTINA tam genişlikte yapışır. */
        position: static !important;
        order: 5 !important;
        flex: 1 1 auto !important;
        min-width: 24px !important;
        height: 1px !important;
        margin: 0 !important;
        background: linear-gradient(
          90deg,
          rgba(255, 255, 255, 0.13) 0%,
          rgba(255, 255, 255, 0.04) 45%,
          rgba(255, 255, 255, 0) 100%
        ) !important;
      }
    
      /* BC / eski kabuk: başlık satırının solundaki ikinci çizgi */
      html body .layout-content-holder-bc .page-view-more::before,
      html body .layout-content-holder-bc .casinoTopWinnersWidgetTitle::before {
        content: none !important;
        display: none !important;
        background: none !important;
        box-shadow: none !important;
        border: none !important;
        width: 0 !important;
        height: 0 !important;
        opacity: 0 !important;
      }
    
      /* Başlığın dışındaki öğeler (varsa "tümü" bağlantısı vb.) çizginin sağına */
      html body .layout-content-holder-bc .page-view-more > *,
      html body .layout-content-holder-bc .casinoTopWinnersWidgetTitle > * {
        order: 7 !important;
      }
    
      /* Ara sarmalayıcı kutu olmaktan çıksın, başlık doğrudan satıra girsin */
      html body .layout-content-holder-bc .casinoTopWinnersWidgetTitle .sectionTitle {
        display: contents !important;
      }
    
      html body .layout-content-holder-bc .casinoTopWinnersWidgetTitle .sectionTitle::before,
      html body .layout-content-holder-bc .casinoTopWinnersWidgetTitle .sectionTitle::after {
        content: none !important;
        display: none !important;
      }
    
      /* BAŞLIK — her bantta birebir aynı */
      html body .layout-content-holder-bc .page-view-more .view-title-more,
      html body .layout-content-holder-bc .casinoTopWinnersWidgetTitle .sectionTitleText {
        order: 1 !important;
        flex: 0 0 auto !important;
        display: inline-flex !important;
        align-items: center !important;
        gap: 11px !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
        border: none !important;
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
        font-family: var(--cw-font, "Roboto", "Segoe UI", system-ui, sans-serif) !important;
        font-size: 15px !important;
        font-weight: 700 !important;
        letter-spacing: 0.09em !important;
        line-height: 1.2 !important;
        text-transform: uppercase !important;
        text-shadow: none !important;
        white-space: nowrap !important;
        overflow: visible !important;
        text-overflow: clip !important;
        max-width: none !important;
        position: relative !important;
        isolation: auto !important;
        animation: none !important;
      }
    
      /* Solda altın kapsül */
      html body .layout-content-holder-bc .page-view-more .view-title-more::before,
      html body .layout-content-holder-bc .casinoTopWinnersWidgetTitle .sectionTitleText::before {
        content: "" !important;
        display: block !important;
        position: relative !important;
        left: auto !important;
        top: auto !important;
        flex: 0 0 4px !important;
        width: 4px !important;
        height: 20px !important;
        margin: 0 !important;
        border: none !important;
        border-radius: 999px !important;
        background: linear-gradient(180deg, #ffe9a3 0%, #c7a358 50%, #c9992a 100%) !important;
        box-shadow: none !important;
        opacity: 1 !important;
        transform: none !important;
        animation: none !important;
      }
    
      /* Eski başlık altı çizgisi kaldırıldı */
      html body .layout-content-holder-bc .page-view-more .view-title-more::after,
      html body .layout-content-holder-bc .casinoTopWinnersWidgetTitle .sectionTitleText::after {
        content: none !important;
        display: none !important;
      }
    
      /* Oklar en sağda, çizginin ardında */
      html body .layout-content-holder-bc .page-view-more .cw-bk-nav {
        order: 99 !important;
        flex: 0 0 auto !important;
        margin: 0 0 0 auto !important;
        margin-left: auto !important;
      }
    
      /* BC serit kenar okları — bizim .cw-bk-nav kalsın */
      html body .layout-content-holder-bc .serit-kenar-ok {
        display: none !important;
        visibility: hidden !important;
        pointer-events: none !important;
        width: 0 !important;
        height: 0 !important;
        opacity: 0 !important;
        overflow: hidden !important;
      }
    
      /* BC bant kenar çizgileri / fade'ler — bizim saç teli (.page-view-more::after) kalsın */
      html body .layout-content-holder-bc .serit-kenar {
        border: none !important;
        box-shadow: none !important;
        background: transparent !important;
        overflow: visible !important;
      }
    
      html body .layout-content-holder-bc .serit-kenar::before,
      html body .layout-content-holder-bc .serit-kenar::after,
      html body .layout-content-holder-bc .kenar-sag::before,
      html body .layout-content-holder-bc .kenar-sag::after,
      html body .layout-content-holder-bc .kenar-sol::before,
      html body .layout-content-holder-bc .kenar-sol::after {
        content: none !important;
        display: none !important;
        background: none !important;
        box-shadow: none !important;
        border: none !important;
        opacity: 0 !important;
        width: 0 !important;
        height: 0 !important;
      }
    
      html body .layout-content-holder-bc .runningLineWrapper.withShadows::before,
      html body .layout-content-holder-bc .runningLineWrapper.withShadows::after {
        content: none !important;
        display: none !important;
      }
    
      /* Eski başlık-altı altın çizgi (altyapı / önceki kabuk) */
      html body .layout-content-holder-bc .hm-row-bc:has(.page-view-more):has(.product-banner-container-bc:is(.col-4, .pop-serit, .horizontal-scroll, .product-banner-without-titles)) .view-title-more::after,
      html body .layout-content-holder-bc .featuredGames .view-title-more::after,
      html body .layout-content-holder-bc .hm-row-bc-inner > .popular-matches-bc > .page-view-more .view-title-more::after,
      html body .layout-content-holder-bc .page-view-more .view-title-more::after {
        content: none !important;
        display: none !important;
        background: none !important;
        box-shadow: none !important;
        opacity: 0 !important;
        height: 0 !important;
      }
    
      /* ---------- Ortak kart yüzeyi ----------
         Düz tek renk zemin yerine hafif dikey gradyan, üst kenarda saç teli
         kalınlığında iç ışık ve altında yumuşak gölge. Premium his abartılı
         renkten değil bu üç katmandan geliyor. */
      .layout-content-holder-bc .featuredGames .featuredGameItem {
        background: linear-gradient(180deg, #1e232e 0%, #171b24 100%) !important;
        border: 1px solid rgba(255, 255, 255, 0.07) !important;
        border-radius: 12px !important;
        box-shadow:
          inset 0 1px 0 rgba(255, 255, 255, 0.05),
          0 6px 20px rgba(0, 0, 0, 0.35) !important;
        transition:
          transform 0.22s cubic-bezier(0.22, 0.61, 0.36, 1),
          border-color 0.22s ease,
          box-shadow 0.22s ease !important;
      }
    
      .layout-content-holder-bc .featuredGames .featuredGameItem:hover {
        transform: translateY(-2px) !important;
        border-color: rgba(199, 163, 88, 0.42) !important;
        box-shadow:
          inset 0 1px 0 rgba(255, 255, 255, 0.08),
          0 12px 28px rgba(0, 0, 0, 0.45),
          0 0 0 1px rgba(199, 163, 88, 0.1) !important;
      }
    }
    
    @media (min-width: 1024px) and (prefers-reduced-motion: reduce) {
      .layout-content-holder-bc .view-title-more,
      .layout-content-holder-bc .view-title-more::before,
      .layout-content-holder-bc .view-title-more::after {
        animation: none !important;
        text-shadow: none !important;
      }
    
      .layout-content-holder-bc .featuredGames .featuredGameItem:hover {
        transform: none !important;
      }
    }
    
    /* =========================================================
       CW-DESKTOP-20260817-0097 — İç sayfalar (slot / casino / games /
       jackpot / page-sports). RTP yalnızca ofset. Sayfa kayar, footer durur;
       içerik kutusunun iç scrollbar'ı kapalı. Ofset ilk boyamada CSS'te.
       ========================================================= */
    @media (min-width: 1024px) {
    
      /* ---------- Slot / canlı casino / hızlı oyunlar ----------
         .has-slider ve .casinoGamesContainer kuralları zaten 170px oluk verir.
         Generic sarmalayıcı BC padding'i o oluğu yemesin. */
      .layout-content-holder-bc .casinoGenericPageTemplate {
        display: block !important;
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
        box-sizing: border-box !important;
      }
    
      /* ---------- Sports iframe (page-sports, spor defteri değil) ---------- */
      
    
      
    
      /* ---------- Jackpot ---------- */
      .layout-content-holder-bc .casinoJackpotWrapper,
      .layout-content-holder-bc .casinoJackpotInner,
      .layout-content-holder-bc .casinoJackpotGamesWrapper {
        display: block !important;
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
        box-sizing: border-box !important;
      }
    
      .layout-content-holder-bc .casinoJackpotGamesContainer {
        --bg-page: #1a1f29;
        --bg-deep: #161922;
        --bg-card: #212832;
        --yellow: #c7a358;
        --white: #ffffff;
        --muted: rgba(255, 255, 255, 0.55);
        --border: rgba(255, 255, 255, 0.1);
        --font: "Chakra Petch", "Segoe UI", system-ui, sans-serif;
        --cw-cs-side: var(--cw-home-side, 170px);
        --cw-cs-gap: 14px;
        --cw-cs-radius: 12px;
        --cw-cs-ratio: 183 / 129;
        --cw-cs-min: 170px;
    
        width: calc(100% - (var(--cw-cs-side) * 2)) !important;
        max-width: calc(100% - (var(--cw-cs-side) * 2)) !important;
        min-width: 0 !important;
        margin: 18px var(--cw-cs-side) 44px !important;
        padding: 0 !important;
        background: transparent !important;
        box-sizing: border-box !important;
        font-family: var(--font) !important;
      }
    
      .layout-content-holder-bc .casinoJackpotBody:empty,
      .layout-content-holder-bc .casinoJackpotBody:not(:has(*)) {
        display: none !important;
        height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
      }

      .layout-content-holder-bc .casinoJackpotSearch {
        display: block !important;
        width: 100% !important;
        max-width: 360px !important;
        margin: 0 0 18px !important;
        padding: 0 !important;
        background: transparent !important;
        border: none !important;
      }
    
      .layout-content-holder-bc .casinoJackpotSearch .ds-textfield,
      .layout-content-holder-bc .casinoJackpotSearch .ds-textfield-layout--fill {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
      }
    
      .layout-content-holder-bc .casinoJackpotSearch .ds-textfield__field {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        gap: 8px !important;
        width: 100% !important;
        height: 40px !important;
        min-height: 40px !important;
        margin: 0 !important;
        padding: 0 12px !important;
        background: var(--bg-card, #212832) !important;
        border: 1px solid var(--border, rgba(255, 255, 255, 0.1)) !important;
        border-radius: 8px !important;
        box-shadow: none !important;
        box-sizing: border-box !important;
        transition: border-color 0.15s ease, background 0.15s ease !important;
      }
    
      .layout-content-holder-bc .casinoJackpotSearch .ds-textfield__field:focus-within {
        background: #222836 !important;
        border-color: rgba(199, 163, 88, 0.4) !important;
      }
    
      .layout-content-holder-bc .casinoJackpotSearch .ds-textfield__text {
        position: relative !important;
        display: flex !important;
        flex: 1 1 auto !important;
        align-items: center !important;
        min-width: 0 !important;
        height: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
      }
    
      .layout-content-holder-bc .casinoJackpotSearch .ds-textfield__input {
        position: relative !important;
        z-index: 1 !important;
        width: 100% !important;
        height: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
        border: none !important;
        outline: none !important;
        box-shadow: none !important;
        color: var(--white, #fff) !important;
        caret-color: var(--yellow, #c7a358) !important;
        font-family: var(--font) !important;
        font-size: 13px !important;
      }
    
      .layout-content-holder-bc .casinoJackpotSearch .ds-textfield__label {
        position: absolute !important;
        top: 50% !important;
        left: 0 !important;
        transform: translateY(-50%) !important;
        color: var(--muted, rgba(255, 255, 255, 0.55)) !important;
        font-family: var(--font) !important;
        font-size: 13px !important;
        font-weight: 500 !important;
        line-height: 1 !important;
        pointer-events: none !important;
        white-space: nowrap !important;
        transition: opacity 0.15s ease !important;
      }
    
      .layout-content-holder-bc .casinoJackpotSearch .ds-textfield__field:focus-within .ds-textfield__label {
        opacity: 0 !important;
      }
    
      .layout-content-holder-bc .casinoJackpotSearch .ds-textfield__right,
      .layout-content-holder-bc .casinoJackpotSearch .ds-textfield__icon {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex-shrink: 0 !important;
        width: 20px !important;
        height: 20px !important;
        color: var(--muted, rgba(255, 255, 255, 0.55)) !important;
      }
    
      .layout-content-holder-bc .casinoJackpotSearch .ds-textfield__icon svg {
        width: 18px !important;
        height: 18px !important;
        fill: currentColor !important;
      }
    
      .layout-content-holder-bc .casinoJackpotSearch .ds-textfield__field:focus-within .ds-textfield__icon {
        color: var(--yellow, #c7a358) !important;
      }
    
      .layout-content-holder-bc .casinoJackpotGamesContainer .js-load-more {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        height: 40px !important;
        margin: 24px auto 0 !important;
        padding: 0 26px !important;
        background: #2c323e !important;
        border: 1px solid var(--border, rgba(255, 255, 255, 0.1)) !important;
        border-radius: 999px !important;
        box-shadow: none !important;
        color: var(--white, #fff) !important;
        cursor: pointer !important;
      }
    
      .layout-content-holder-bc .casinoJackpotGamesContainer .js-load-more:hover {
        background: #3a4150 !important;
        border-color: rgba(199, 163, 88, 0.45) !important;
        color: var(--yellow, #c7a358) !important;
      }
    }
    
    /* =========================================================
       CW-KULUP-PLAYER-20260820 — Sizden Gelenler lightbox
       Tavan 1728×820; dar viewport’ta oran korunarak küçülür (sabit px yok).
       ========================================================= */
    
    @media (min-width: 1024px) {
      html body .kulup-lightbox {
        --cw-gl-max-w: 1728px;
        --cw-gl-max-h: 820px;
        --cw-gl-head: 88px;
        --cw-gl-gutter: 48px;
        position: fixed !important;
        inset: 0 !important;
        z-index: 2147483646 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 24px !important;
        background: rgba(4, 5, 8, 0.92) !important;
        -webkit-backdrop-filter: blur(6px) !important;
        backdrop-filter: blur(6px) !important;
        box-sizing: border-box !important;
      }
    
      html body .kulup-lightbox__govde {
        position: relative !important;
        display: block !important;
        width: min(
          var(--cw-gl-max-w),
          calc(100vw - var(--cw-gl-gutter)),
          calc((100vh - var(--cw-gl-gutter) - var(--cw-gl-head)) * 1728 / 820)
        ) !important;
        max-width: 100% !important;
        height: auto !important;
        max-height: none !important;
        margin: 0 auto !important;
        padding: 0 !important;
        overflow: hidden !important;
        background: #161922 !important;
        border-radius: 14px !important;
        box-shadow: 0 24px 70px rgba(0, 0, 0, 0.6) !important;
        transform: none !important;
      }
    
      html body .cw-kulup-player-head {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) !important;
        align-items: center !important;
        column-gap: 16px !important;
        width: 100% !important;
        height: var(--cw-gl-head) !important;
        min-height: var(--cw-gl-head) !important;
        margin: 0 !important;
        padding: 12px 62px 12px 14px !important;
        box-sizing: border-box !important;
        background:
          radial-gradient(
            80% 140% at 0% 50%,
            hsl(var(--bk-h, 38) 70% 55% / 0.16) 0%,
            rgba(0, 0, 0, 0) 70%
          ),
          #161922 !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
      }
    
      html body .cw-kulup-player-head__game {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        gap: 12px !important;
        min-width: 0 !important;
        justify-self: start !important;
      }
    
      html body .cw-kulup-player-head__thumb {
        flex: 0 0 64px !important;
        width: 64px !important;
        height: 64px !important;
        margin: 0 !important;
        padding: 0 !important;
        object-fit: cover !important;
        border-radius: 10px !important;
        background: #0e1218 !important;
        box-shadow:
          0 0 0 1px hsl(var(--bk-h, 38) 60% 62% / 0.35),
          0 4px 14px rgba(0, 0, 0, 0.45) !important;
      }
    
      html body .cw-kulup-player-head__oyun {
        min-width: 0 !important;
        color: #fff !important;
        font-size: 15px !important;
        font-weight: 700 !important;
        line-height: 1.25 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
      }
    
      html body .cw-kulup-player-head__kazanc {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        justify-self: center !important;
        gap: 2px !important;
        text-align: center !important;
        white-space: nowrap !important;
      }
    
      html body .cw-kulup-player-head__tutar {
        color: #c7a358 !important;
        font-size: 20px !important;
        font-weight: 800 !important;
        line-height: 1.15 !important;
      }
    
      html body .cw-kulup-player-head__suffix {
        color: rgba(255, 255, 255, 0.72) !important;
        font-size: 12px !important;
        font-weight: 600 !important;
        line-height: 1.2 !important;
      }
    
      html body .cw-kulup-player-head__oyuncu {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 8px !important;
        min-width: 0 !important;
        justify-self: end !important;
        color: #fff !important;
        font-size: 15px !important;
        font-weight: 700 !important;
        line-height: 1.2 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
      }
    
      html body .cw-kulup-player-head__ico {
        flex: 0 0 22px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 22px !important;
        height: 22px !important;
        padding: 2px !important;
        box-sizing: content-box !important;
        border: 1px solid #c7a358 !important;
        border-radius: 50% !important;
        background: #161922 !important;
      }
    
      html body .cw-kulup-player-head__ico svg,
      html body .cw-kulup-player-head__oyuncu svg {
        display: block !important;
        width: 16px !important;
        height: 16px !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: none !important;
        fill: #c7a358 !important;
      }
    
      html body .kulup-lightbox__cerceve {
        position: relative !important;
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        min-width: 0 !important;
        min-height: 0 !important;
        max-height: var(--cw-gl-max-h) !important;
        aspect-ratio: 1728 / 820 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        background: #000 !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        box-sizing: border-box !important;
      }
    
      html body .kulup-lightbox__cerceve > iframe,
      html body .kulup-lightbox__cerceve > video {
        position: absolute !important;
        inset: 0 !important;
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        min-width: 0 !important;
        min-height: 0 !important;
        max-width: none !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        background: #000 !important;
      }
    
      html body .kulup-lightbox__baslik {
        display: none !important;
      }
    
      html body .kulup-lightbox__kapat {
        position: absolute !important;
        top: 25px !important;
        right: 14px !important;
        z-index: 3 !important;
        display: grid !important;
        place-items: center !important;
        width: 38px !important;
        height: 38px !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 50% !important;
        background: rgba(255, 255, 255, 0.14) !important;
        color: #fff !important;
        font-size: 22px !important;
        line-height: 1 !important;
        cursor: pointer !important;
      }
    }
    
    
    /* =========================================================
       CW-BAKIYE-YATIR-CEK-BEYAZ-20260820
       ANA BAKIYE kartindaki PARA YATIR / PARA CEK: sari degil beyaz.
       Header ust cubuk `.skipped` PARA YATIR CTA'sina dokunulmaz.
       ========================================================= */
    
    @media (min-width: 1024px) {
      html body .u-i-p-amounts-bc.withdrawable a.u-i-p-a-deposit-bc,
      html body .u-i-p-amounts-bc.withdrawable a.u-i-p-a-withdraw-bc,
      html body .u-i-p-amounts-bc.withdrawable a.u-i-p-a-deposit-bc span,
      html body .u-i-p-amounts-bc.withdrawable a.u-i-p-a-withdraw-bc span,
      html body .u-i-p-amounts-bc.withdrawable a.u-i-p-a-deposit-bc i,
      html body .u-i-p-amounts-bc.withdrawable a.u-i-p-a-withdraw-bc i,
      html body .u-i-p-amounts-bc.withdrawable a.u-i-p-a-deposit-bc i::before,
      html body .u-i-p-amounts-bc.withdrawable a.u-i-p-a-withdraw-bc i::before {
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
      }
    }
    
    
    /* =========================================================
       CW-CGD-CENTER-20260820 — ds popup viewport ortasi
       Oyun bilgisi (.casinoGameDetailsPopup) + Saglayicilar
       (.casinoProvidersPopupContent). Yalnız konum; icerik/tasarim yok.
       ========================================================= */
    
    @media (min-width: 1024px) {
      html body .ds-popup-backdrop.js-cgd-backdrop,
      html body .ds-popup-backdrop:has(.casinoProvidersPopupContent) {
        position: fixed !important;
        inset: 0 !important;
        left: 0 !important;
        top: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        width: auto !important;
        height: auto !important;
        max-width: none !important;
        max-height: none !important;
        margin: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        z-index: 2147483645 !important;
        box-sizing: border-box !important;
        transform: none !important;
        overflow: auto !important;
      }
    
      html body .ds-popup-backdrop.js-cgd-backdrop .ds-popup.casinoGameDetailsPopup,
      html body .ds-popup.casinoGameDetailsPopup,
      html body .ds-popup-backdrop:has(.casinoProvidersPopupContent) > .ds-popup,
      html body .ds-popup-backdrop:has(.casinoProvidersPopupContent) .ds-popup.ds-popup--info {
        position: relative !important;
        inset: auto !important;
        left: auto !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        margin: auto !important;
        transform: none !important;
        float: none !important;
        align-self: center !important;
      }
    }
    
    
    /* =========================================================
       CW-SUBNAV-20260820-0015 — casino/spor alt navbar (.bg-subnav)
       Ana menü kuralları (space-between + width:100%) buraya da biniyordu.
       Butonlar içeriğe göre dar, grup ortada. Ana navbar'a dokunulmaz.
       ========================================================= */
    
    @media (min-width: 1024px) {
      html body nav.bg-subnav.nav-menu-container,
      html body nav.header-navigation.bg-subnav,
      html body .layout-header-holder-bc nav.bg-subnav {
        display: flex !important;
        justify-content: center !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        padding: 0 !important;
      }
    
      html body nav.bg-subnav > ul.nav-menu,
      html body nav.bg-subnav > ul.bg-subnav-list,
      html body .layout-header-holder-bc nav.bg-subnav .nav-menu {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 8px !important;
        width: auto !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        padding: 0 !important;
      }
    
      html body nav.bg-subnav > ul > li,
      html body .layout-header-holder-bc nav.bg-subnav .nav-menu > li {
        flex: 0 0 auto !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
      }
    
      html body nav.bg-subnav > ul > li > a.nav-menu-item,
      html body nav.bg-subnav a.bg-subnav-btn,
      html body .layout-header-holder-bc nav.bg-subnav .nav-menu > li > a.nav-menu-item {
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        height: 30px !important;
        min-height: 30px !important;
        max-height: 30px !important;
        padding: 0 12px !important;
        font-size: 11.5px !important;
        gap: 5px !important;
      }
    
      html body nav.bg-subnav a.nav-menu-item .CMSIconSVGWrapper,
      html body nav.bg-subnav a.nav-menu-item .CMSIconSVGWrapper svg,
      html body .layout-header-holder-bc nav.bg-subnav .nav-menu > li > a.nav-menu-item .CMSIconSVGWrapper,
      html body .layout-header-holder-bc nav.bg-subnav .nav-menu > li > a.nav-menu-item .CMSIconSVGWrapper svg {
        width: 13px !important;
        height: 13px !important;
        min-width: 13px !important;
        flex: 0 0 13px !important;
      }
    
      html body nav.bg-subnav a.nav-menu-item > .cw-nav-fill,
      html body .layout-header-holder-bc nav.bg-subnav a.nav-menu-item > .cw-nav-fill {
        inset: 2px !important;
        border-radius: 5px !important;
      }
    }
    
    
    /* =========================================================
       CW-SPOR-TAM-GENISLIK-20260817
       ========================================================= */
    
    @media (min-width: 1024px) {
      /* Home bantlarinin 170px olugu (`--cw-home-side`) + BC'nin 1670px max-width'i
         spor sayfasinda 1920px ekranda iframe'i 1310px'e dusuruyordu. Sportsbook
         kendi ic yerlesimini yapiyor; olugu ona uygulamak sadece bahis kolonlarini
         daraltiyor. Yalniz spor sayfasinda tam genislik. */
      html body #root.page-sports .layout-content-holder-bc {
        max-width: none !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
      }
    
      html body #root.page-sports .layout-content-holder-bc .sports-iframe-holder {
        width: 100% !important;
        max-width: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
      }
    }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: 0.01ms !important; animation-delay: 0s !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; transition-delay: 0s !important; } /* CW-AZHAREKET-BITISI-KORU-20260830 */
  .layout-content-holder-bc .home-quick-access .cw-qa-spin-rot {
    animation: none !important;
  }
}
html.cw-motion-pause .cw-qa-spin-rot {
  animation-play-state: paused !important;
}

/*Popup z-index*/
.popup-holder-bc:not(.user-profile-container) { z-index: 9999999999 !important; }


html body:not(.cw-betgo-open) div[data-cms="live-chat"]{z-index:9999999999 !important}
/* =========================================================
   CW-KATMAN-20260906 — GEREKSIZ KOMPOZIT KATMAN TEMIZLIGI
   Olculdu (masaustu ana sayfa, bosta 10 sn, canli):
     once : 110 katman, ana thread %92 dolu, 49 FPS
            Layerize tek basina 5464 ms (ana thread'in %60'i)
     sonra:  73 katman, ana thread %61, 58 FPS
   Sebep: .product-banner-img-bc 64 adet ve hepsi will-change:transform
   tutuyor (BC'nin kendi assets/index.css'i + sitedeki custom.css), oysa
   bu gorsellerin hesaplanan transform'u da animation'i da none. Animasyonu
   olmayan her element icin kalici GPU katmani aciliyor, tarayici da her
   karede 110 katmani yeniden duzenliyor.
   .cw-qa-cat'teki translate3d(0,0,0) eski GPU hilesi; hover'daki
   translate3d(0,-4px,0) gecisi bundan bagimsiz, aynen calisiyor.
   Gorunum degismez — sadece katman ipuclari duser. */
html body .product-banner-img-bc,
html body .product-banner-icon-bc,
html body .home-quick-access .product-banner-img-bc {
  will-change: auto !important;
}
/* .cw-qa-cat kurali head-js'in enjekte ettigi ayni ozgullukteki blokla
   carpisiyor ve kaynak sirasinda kaybediyordu; sinif tekrari ile one geciyor.
   Hover'daki translate3d(0,-4px,0) daha ozgul, etkilenmiyor. */
html body .layout-content-holder-bc .home-quick-access .cw-qa-cat.cw-qa-cat {
  transform: none !important;
}