html,
body {
    margin: 0 !important;
    padding: 0 !important;
    min-height: 100% !important;
}

body {
    background-color: #040404 !important;

    background-image: url('https://i.ibb.co/v4KxTnfc/Arkaplan.png') !important;

    background-repeat: no-repeat !important;

    /* Ekran genişliğine göre büyüt */
    background-size: 100% auto !important;

    /* Üstten ve ortadan hizala */
    background-position: top center !important;

    background-attachment: fixed !important;
}

body .virtual-sports,
body .skill-games-page,
body .tv-games,
body .live-casino-games,
body .casino-slots,
body .is-home-page,
.casino-game-tournament-list-bc:before {
    background: transparent !important;
}

.product-banner-info-bc:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: #0e0e0e00!important;
    z-index: -1;
}

.nav-menu-container.header-navigation:first-child .nav-menu-other>.nav-menu-item.active, .nav-menu-container.header-navigation:first-child .nav-menu>li>.nav-menu-item.active {
    background: rgba(var(--hero), 1);
    color: #6d6d6d!important;
}

.slider-bc .carousel-count-arrow-container.with-count {
    top: 448px!important;
    color: #bbba0b!important;
}

.carousel-count-arrow-container {
    padding: 0 37px!important;
}

.nav-menu-container .nav-menu-sub .nav-menu-item.active>* {
    color: #ffffff!important;
}

.layout-footer-holder-bc {
    background: #0e0e0e00!important;
    padding-inline-start: 10px;
    padding-inline-end: 5px;
}

a {
    text-decoration: none;
    color: #fff!important;
}

.ftr-partners-row-inner-bc>a:not(:only-child) img, .ftr-partners-row-inner-bc>div:not(:only-child) img {
    height: 87px!important;
}

.sdr-image-bc {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
    transition: max-height .24s linear;
    margin-top: 16px;
    border-radius: 50px!important;
}

.sdr-item-bc:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background: linear-gradient(180deg,transparent 62%,rgb(0 0 0 / 0%))!important;
}

.ftr-game-item-bc {
    display: flex;
    flex-direction: column;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(/static/media/feature-game-bg.0be6bce5.png);
    background-color: #0e0e0e7a!important;
}

.header-icon {
    width: 107px!important;
    height: 27px!important;
    font-size: 14px;
    margin-inline-start: 25px;
}

.header-bc {
    width: 100%;
    background: #0e0e0e73!important;
}

.nav-menu-container.header-navigation:first-child {
    position: relative;
    border-radius: 11px;
    z-index: 1;
    background: #222037!important;
    backdrop-filter: blur(10px);
}

[class*=is-web] .footerSliderSingleEl .footerSliderImage img {
    display: block;
    width: auto;
    height: 93px!important;
}

.footerSliderSingleEl .footerSliderImage img {
    display: block;
    width: auto;
    height: 93px!important;
}

.layout-bc {
    max-width: 1920px!important;
    margin: 0 auto!important;
}



/*
 * ÖNE ÇIKAN ETKİNLİKLER - CENTER FADE PRO
 */

h3.view-title-more.ellipsis {
  display: block !important;
  position: relative !important;
  width: 100% !important;
  
  background: 
    linear-gradient(90deg, 
      transparent 0%,
      rgba(160, 130, 40, 0.05) 10%,
      rgba(160, 130, 40, 0.12) 30%,
      rgba(160, 130, 40, 0.18) 50%,
      rgba(160, 130, 40, 0.12) 70%,
      rgba(160, 130, 40, 0.05) 90%,
      transparent 100%
    ) !important;
  
  color: #d4af37 !important;
  font-family: system-ui, -apple-system, sans-serif !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 5px !important;
  text-align: center !important;
  
  padding: 20px 20px !important;
  margin: 0 0 18px 0 !important;
  
  border: none !important;
  
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
  
  text-overflow: clip !important;
  overflow: visible !important;
  white-space: nowrap !important;
  
  transition: all 0.3s ease !important;
}

/* Üst çizgi */
h3.view-title-more.ellipsis::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 8% !important;
  right: 8% !important;
  height: 1px !important;
  background: linear-gradient(90deg, 
    transparent 0%,
    rgba(212, 175, 55, 0.1) 15%,
    rgba(212, 175, 55, 0.35) 50%,
    rgba(212, 175, 55, 0.1) 85%,
    transparent 100%
  ) !important;
}

/* Alt çizgi */
h3.view-title-more.ellipsis::after {
  content: '' !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 8% !important;
  right: 8% !important;
  height: 1px !important;
  background: linear-gradient(90deg, 
    transparent 0%,
    rgba(212, 175, 55, 0.1) 15%,
    rgba(212, 175, 55, 0.35) 50%,
    rgba(212, 175, 55, 0.1) 85%,
    transparent 100%
  ) !important;
}

/* Hover efekti */
h3.view-title-more.ellipsis:hover {
  color: #e8c84a !important;
  text-shadow: 0 0 15px rgba(212, 175, 55, 0.3), 0 1px 2px rgba(0, 0, 0, 0.3) !important;
}

.popular-matches-bc.upcoming-games .page-view-more .view-see-more {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}

/* 
   HOVER GÖLGESİNİ TAMAMEN KALDIRAN NEON STORY TASARIMI
   Sitenin orijinal hover efektleri (after/before) devre dışı bırakıldı.
*/

/* 1. Ana Bant Kapsayıcısı */
.storiesWidgetWrapper {
    background: linear-gradient(90deg, 
        rgba(0, 0, 0, 0) 0%,
        rgba(160, 130, 40, 0.08) 15%,
        rgba(160, 130, 40, 0.15) 50%,
        rgba(160, 130, 40, 0.08) 85%,
        rgba(0, 0, 0, 0) 100%
    ) !important;
    border-top: 1px solid rgba(212, 175, 55, 0.4) !important;
    border-bottom: 1px solid rgba(212, 175, 55, 0.4) !important;
    padding: 35px 0 !important;
    margin: 20px 0 !important;
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    min-height: 150px !important;
}

/* 2. Story Öğesi ve Hover Temizliği */
.storiesWidgetWrapper .storiesWidgetListItem, 
.storiesWidgetWrapper .storiesWidgetListItem:hover,
.storiesWidgetWrapper .storiesWidgetListItem:active,
.storiesWidgetWrapper .storiesWidgetListItem:focus {
    margin: 0 22px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    position: relative !important;
    overflow: visible !important;
    transition: transform 0.3s ease !important;
    /* TÜM GÖLGE VE ARKA PLANLARI SIFIRLA */
    box-shadow: none !important; 
    border: none !important;
    background: transparent !important;
    outline: none !important;
}

/* SİTENİN ORİJİNAL HOVER HALKALARINI ÖLDÜR */
.storiesWidgetWrapper .storiesWidgetListItem::before,
.storiesWidgetWrapper .storiesWidgetListItem::after,
.storiesWidgetWrapper .storiesWidgetListItem:hover::before,
.storiesWidgetWrapper .storiesWidgetListItem:hover::after {
    content: none !important;
    display: none !important;
    opacity: 0 !important;
    box-shadow: none !important;
}

/* 3. Story İkonları (Neon Çerçeve) */
.storiesWidgetWrapper .storiesWidgetListItem img, 
.storiesWidgetWrapper .storiesWidgetListItem [class*="image"],
.storiesWidgetWrapper .storiesWidgetListItem [class*="circle"] {
    width: 95px !important;
    height: 95px !important;
    border-radius: 50% !important;
    padding: 2px !important;
    background: #000 !important;
    object-fit: cover !important;
    z-index: 2 !important;
    position: relative !important;
    border: 2px solid rgba(255, 255, 255, 0.8) !important;
}

/* 4. Alt Oval Etiket */
.storiesWidgetWrapper .horizontal-sl-title-bc {
    margin-top: -16px !important;
    padding: 7px 16px !important;
    border-radius: 25px !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    color: #fff !important;
    text-transform: uppercase !important;
    z-index: 10 !important;
    white-space: nowrap !important;
    text-shadow: 0 2px 4px rgba(0,0,0,1) !important;
    min-width: 95px !important;
    text-align: center !important;
    display: block !important;
    position: relative !important;
    border: 1px solid rgba(255,255,255,0.3) !important;
}

/* 5. BAŞLIK METİNLERİ */
.storiesWidgetWrapper .storiesWidgetListItem:nth-child(1) .horizontal-sl-title-bc::before { content: "İZLE" !important; }
.storiesWidgetWrapper .storiesWidgetListItem:nth-child(2) .horizontal-sl-title-bc::before { content: "KAZANÇ" !important; }
.storiesWidgetWrapper .storiesWidgetListItem:nth-child(3) .horizontal-sl-title-bc::before { content: "TALEP ET" !important; }
.storiesWidgetWrapper .storiesWidgetListItem:nth-child(4) .horizontal-sl-title-bc::before { content: "İNDİR" !important; }
.storiesWidgetWrapper .storiesWidgetListItem:nth-child(5) .horizontal-sl-title-bc::before { content: "AKTİF ET" !important; }
.storiesWidgetWrapper .storiesWidgetListItem:nth-child(6) .horizontal-sl-title-bc::before { content: "DİKKAT ET" !important; }

/* 6. NEON RENK ATAMALARI */
.storiesWidgetWrapper .storiesWidgetListItem:nth-child(1) img { border-color: #00ff00 !important; box-shadow: 0 0 15px #00ff00, inset 0 0 10px #00ff00 !important; }
.storiesWidgetWrapper .storiesWidgetListItem:nth-child(1) .horizontal-sl-title-bc { background: #00ff00 !important; box-shadow: 0 4px 15px rgba(0, 255, 0, 0.5) !important; }

.storiesWidgetWrapper .storiesWidgetListItem:nth-child(2) img { border-color: #ff0000 !important; box-shadow: 0 0 15px #ff0000, inset 0 0 10px #ff0000 !important; }
.storiesWidgetWrapper .storiesWidgetListItem:nth-child(2) .horizontal-sl-title-bc { background: #ff0000 !important; box-shadow: 0 4px 15px rgba(255, 0, 0, 0.5) !important; }

.storiesWidgetWrapper .storiesWidgetListItem:nth-child(3) img { border-color: #ff8c00 !important; box-shadow: 0 0 15px #ff8c00, inset 0 0 10px #ff8c00 !important; }
.storiesWidgetWrapper .storiesWidgetListItem:nth-child(3) .horizontal-sl-title-bc { background: #ff8c00 !important; box-shadow: 0 4px 15px rgba(255, 140, 0, 0.5) !important; }

.storiesWidgetWrapper .storiesWidgetListItem:nth-child(4) img { border-color: #bf00ff !important; box-shadow: 0 0 15px #bf00ff, inset 0 0 10px #bf00ff !important; }
.storiesWidgetWrapper .storiesWidgetListItem:nth-child(4) .horizontal-sl-title-bc { background: #bf00ff !important; box-shadow: 0 4px 15px rgba(191, 0, 255, 0.5) !important; }

.storiesWidgetWrapper .storiesWidgetListItem:nth-child(5) img { border-color: #00bfff !important; box-shadow: 0 0 15px #00bfff, inset 0 0 10px #00bfff !important; }
.storiesWidgetWrapper .storiesWidgetListItem:nth-child(5) .horizontal-sl-title-bc { background: #00bfff !important; box-shadow: 0 4px 15px rgba(0, 191, 255, 0.5) !important; }

.storiesWidgetWrapper .storiesWidgetListItem:nth-child(6) img { border-color: #008000 !important; box-shadow: 0 0 15px #008000, inset 0 0 10px #008000 !important; }
.storiesWidgetWrapper .storiesWidgetListItem:nth-child(6) .horizontal-sl-title-bc { background: #008000 !important; box-shadow: 0 4px 15px rgba(0, 128, 0, 0.5) !important; }

/* Hover Efekti */
.storiesWidgetWrapper .storiesWidgetListItem:hover { transform: scale(1.08) !important; }

/* Kaydırıcı ve Ortalamayı Koru */
.horizontalSliderWrapper { display: flex !important; justify-content: center !important; align-items: center !important; width: 100% !important; overflow: visible !important; }
.horizontalSliderRow { display: flex !important; justify-content: center !important; align-items: center !important; width: auto !important; margin: 0 auto !important; transform: none !important; }

.FooterLicenceCuracaoContainer a {
    background-image: url('https://r.imghere.com/2026/07/24/S0NBS.png' ) !important;
    background-size: contain !important;
    display: inline-block !important;
    width: 96px !important;
    height: 96px !important;
}

.sliderGroup > .horizontalSliderWrapper:nth-child(3) .sliderImage img {
    opacity: 0 !important;
}

.sliderGroup > .horizontalSliderWrapper:nth-child(3) .sliderImage {
    width: 80px !important;
    height: 80px !important;
    background-size: contain !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

.sliderGroup > .horizontalSliderWrapper:nth-child(3) .sliderImage:nth-child(1) {
    background-image: url("https://r.imghere.com/2026/07/24/S0mBr.png") !important;
}

.sliderGroup > .horizontalSliderWrapper:nth-child(3) .sliderImage:nth-child(2) {
    background-image: url("https://r.imghere.com/2026/07/24/S05at.png") !important;
}

.sliderGroup > .horizontalSliderWrapper:nth-child(3) .sliderImage:nth-child(3) {
    background-image: url("https://r.imghere.com/2026/07/24/S0bDM.png") !important;
}

.sliderGroup > .horizontalSliderWrapper:nth-child(3) .sliderImage:nth-child(4) {
    background-image: url("https://r.imghere.com/2026/07/24/S0SzN.png") !important;
}

.sliderGroup > .horizontalSliderWrapper:nth-child(3) .sliderImage:nth-child(5) {
    background-image: url("https://r.imghere.com/2026/07/24/S0OoO.png") !important;
}

.sliderGroup > .horizontalSliderWrapper:nth-child(3) .sliderImage:nth-child(6) {
    background-image: url("https://r.imghere.com/2026/07/24/S0qDV.png") !important;
}

/* Sadece içerik alanını genişlet, dış katmanlara dokunma */
.promotion-details-info 
{
    width: 330% !important;
    max-width: 330% !important;
    box-sizing: border-box !important;
}

/* İçerikteki gridleri tam genişlik ve esnek yap */
.tier-grid, 
.withdraw-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
    gap: 16px !important;
    width: 100% !important;
}

/* Mobilde tek sütun */
@media (max-width: 640px) {
    .tier-grid, 
    .withdraw-grid {
        grid-template-columns: 1fr !important;
    }
}

/* Promosyon detay sayfalarındaki zorunlu görsel alanını gizler */
.promotion-details-container .promotion-details-header {
  display: none !important;
  height: 0 !important;
  width: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

/* İçerik kaydırması (gerekirse) */
.promotion-details-info {
    overflow-y: auto !important;
    max-height: 100vh !important;
}

/* Sağ padding eklentisi */
.full-container {
    padding-right: 20px !important;
}

.promo-image {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    object-fit: contain;
    display: block;
    margin: 0 auto 24px auto;
}
/* Detay kutusu yazılarını siyah yap (kesin çözüm) */
.detail-box,
.detail-box p,
.detail-box span,
.detail-box strong,
.detail-box i,
.detail-box a,
.detail-box div {
    color: #0e0e0e !important;
}

/* =========================================================
   ROYALBET - ÜST GİRİŞ DUYURU SLIDER
   SADECE CSS
========================================================= */

.layout-header-holder-bc > .hdr-dynamic-content {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;

    position: relative !important;

    width: 100% !important;
    max-width: none !important;

    height: 54px !important;
    min-height: 54px !important;
    flex: 0 0 54px !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;
    box-sizing: border-box !important;

    background:
        radial-gradient(
            circle at 88% 0%,
            rgba(242,231,24,.10),
            transparent 24%
        ),
        linear-gradient(
            90deg,
            #07111d 0%,
            #0b1726 52%,
            #11180f 100%
        ) !important;

    border-top:
        1px solid rgba(242,231,24,.28) !important;

    border-bottom:
        1px solid rgba(242,231,24,.18) !important;

    z-index: 999 !important;
}


/* =========================================================
   1. SLIDE
========================================================= */

.layout-header-holder-bc > .hdr-dynamic-content::before {
    content: "" !important;

    position: absolute !important;

    left: 0 !important;
    top: 0 !important;

    width: 100% !important;
    height: 100% !important;

    display: block !important;

    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1900' height='54' viewBox='0 0 1900 54'%3E%3Ctext x='950' y='34' text-anchor='middle' font-family='Arial,sans-serif' font-size='16' font-weight='700'%3E%3Ctspan fill='%23ffffff'%3EG%C3%BCncel Giri%C5%9F Adresimiz %3C/tspan%3E%3Ctspan fill='%23f2e718' font-weight='900'%3Ewww.royalbet1046.com%3C/tspan%3E%3Ctspan fill='%23ffffff'%3E%E2%80%99dur. Bir sonraki giri%C5%9F adresimiz %3C/tspan%3E%3Ctspan fill='%23f2e718' font-weight='900'%3Ewww.royalbet1047.com%3C/tspan%3E%3Ctspan fill='%23ffffff'%3E olacakt%C4%B1r.%3C/tspan%3E%3C/text%3E%3C/svg%3E") !important;

    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;

    pointer-events: none !important;

    animation:
        royalEntrySlideOne 12s
        cubic-bezier(.65,0,.35,1)
        infinite !important;

    z-index: 2 !important;
}


/* =========================================================
   2. SLIDE
========================================================= */

.layout-header-holder-bc > .hdr-dynamic-content::after {
    content: "" !important;

    position: absolute !important;

    left: 0 !important;
    top: 0 !important;

    width: 100% !important;
    height: 100% !important;

    display: block !important;

    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1900' height='54' viewBox='0 0 1900 54'%3E%3Ctext x='950' y='34' text-anchor='middle' font-family='Arial,sans-serif' font-size='16' font-weight='700'%3E%3Ctspan fill='%23ffffff'%3EDiledi%C4%9Finiz zaman taray%C4%B1c%C4%B1n%C4%B1z%C4%B1n adres %C3%A7ubu%C4%9Funa %3C/tspan%3E%3Ctspan fill='%23f2e718' font-weight='900'%3Eroyalguncelgiris.com%3C/tspan%3E%3Ctspan fill='%23ffffff'%3E yazarak g%C3%BCncel adresimize g%C3%BCvenle eri%C5%9Fim sa%C4%9Flayabilirsiniz.%3C/tspan%3E%3C/text%3E%3C/svg%3E") !important;

    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;

    pointer-events: none !important;

    transform: translateX(100%);

    animation:
        royalEntrySlideTwo 12s
        cubic-bezier(.65,0,.35,1)
        infinite !important;

    z-index: 3 !important;
}


/* =========================================================
   1. SLIDE ANİMASYON
========================================================= */

@keyframes royalEntrySlideOne {

    0% {
        transform: translateX(0);
        opacity: 1;
    }

    40% {
        transform: translateX(0);
        opacity: 1;
    }

    48% {
        transform: translateX(-100%);
        opacity: 1;
    }

    49% {
        transform: translateX(100%);
        opacity: 0;
    }

    90% {
        transform: translateX(100%);
        opacity: 0;
    }

    98% {
        transform: translateX(0);
        opacity: 1;
    }

    100% {
        transform: translateX(0);
        opacity: 1;
    }
}


/* =========================================================
   2. SLIDE ANİMASYON
========================================================= */

@keyframes royalEntrySlideTwo {

    0% {
        transform: translateX(100%);
        opacity: 0;
    }

    40% {
        transform: translateX(100%);
        opacity: 0;
    }

    48% {
        transform: translateX(0);
        opacity: 1;
    }

    50% {
        transform: translateX(0);
        opacity: 1;
    }

    90% {
        transform: translateX(0);
        opacity: 1;
    }

    98% {
        transform: translateX(-100%);
        opacity: 1;
    }

    100% {
        transform: translateX(-100%);
        opacity: 0;
    }
}


/* =========================================================
   HEADER HOLDER
========================================================= */

.layout-header-holder-bc {
    overflow: visible !important;
}


/* =========================================================
   TABLET
========================================================= */

@media screen and (max-width: 1000px) {

    .layout-header-holder-bc > .hdr-dynamic-content {
        height: 52px !important;
        min-height: 52px !important;
        flex-basis: 52px !important;
    }

    .layout-header-holder-bc > .hdr-dynamic-content::before,
    .layout-header-holder-bc > .hdr-dynamic-content::after {
        background-size: 96% auto !important;
    }
}


/* =========================================================
   MOBİL
========================================================= */

@media screen and (max-width: 640px) {

    .layout-header-holder-bc > .hdr-dynamic-content {
        height: 72px !important;
        min-height: 72px !important;
        flex-basis: 72px !important;
    }


    /* 1. SLIDE MOBİL */

    .layout-header-holder-bc > .hdr-dynamic-content::before {

        background-image:
            url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='390' height='72' viewBox='0 0 390 72'%3E%3Ctext x='195' y='25' text-anchor='middle' font-family='Arial,sans-serif' font-size='11' font-weight='700'%3E%3Ctspan fill='%23ffffff'%3EG%C3%BCncel Giri%C5%9F Adresimiz %3C/tspan%3E%3Ctspan fill='%23f2e718' font-weight='900'%3Ewww.royalbet1044.com%3C/tspan%3E%3Ctspan x='195' dy='22' fill='%23ffffff'%3E%E2%80%99dur. Bir sonraki giri%C5%9F adresimiz %3C/tspan%3E%3Ctspan fill='%23f2e718' font-weight='900'%3Ewww.royalbet1045.com%3C/tspan%3E%3Ctspan fill='%23ffffff'%3E olacakt%C4%B1r.%3C/tspan%3E%3C/text%3E%3C/svg%3E") !important;

        background-size: 96% auto !important;
    }


    /* 2. SLIDE MOBİL */

    .layout-header-holder-bc > .hdr-dynamic-content::after {

        background-image:
            url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='390' height='72' viewBox='0 0 390 72'%3E%3Ctext x='195' y='25' text-anchor='middle' font-family='Arial,sans-serif' font-size='11' font-weight='700'%3E%3Ctspan fill='%23ffffff'%3EDiledi%C4%9Finiz zaman taray%C4%B1c%C4%B1n%C4%B1z%C4%B1n adres %C3%A7ubu%C4%9Funa%3C/tspan%3E%3Ctspan x='195' dy='22' fill='%23f2e718' font-weight='900'%3Eroyalguncelgiris.com%3C/tspan%3E%3Ctspan fill='%23ffffff' font-weight='700'%3E yazarak g%C3%BCncel adresimize%3C/tspan%3E%3Ctspan x='195' dy='18' fill='%23ffffff'%3Eg%C3%BCvenle eri%C5%9Fim sa%C4%9Flayabilirsiniz.%3C/tspan%3E%3C/text%3E%3C/svg%3E") !important;

        background-size: 96% auto !important;
    }
}


/* =========================================================
   ÇOK KÜÇÜK MOBİL
========================================================= */

@media screen and (max-width: 380px) {

    .layout-header-holder-bc > .hdr-dynamic-content {
        height: 76px !important;
        min-height: 76px !important;
        flex-basis: 76px !important;
    }

    .layout-header-holder-bc > .hdr-dynamic-content::before,
    .layout-header-holder-bc > .hdr-dynamic-content::after {
        background-size: 98% auto !important;
    }
}

/* =========================================================
   ROYALBET - SADECE ÜST AKSİYON BUTONLARI
========================================================= */

.hdr-user-bc {
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
}


/* =========================================================
   BENİ ARA / PARA YATIR / ÇEKİM / APP / TV
========================================================= */

.hdr-user-bc
.header-custom-buttons
.btn {

    min-height:36px !important;
    height:36px !important;

    padding:0 15px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    gap:7px !important;

    color:#ffffff !important;

    font-size:12px !important;
    font-weight:900 !important;

    line-height:1 !important;

    border-radius:6px !important;

    background:
        linear-gradient(
            180deg,
            #111827 0%,
            #090f1b 100%
        ) !important;

    border:
        1px solid rgba(242,233,0,.20) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.04),
        0 3px 8px rgba(0,0,0,.28) !important;

    transform:none !important;

    transition:
        color .18s ease,
        background .18s ease,
        border-color .18s ease,
        box-shadow .18s ease !important;
}


/* =========================================================
   AKSİYON İKONLARI
========================================================= */

.hdr-user-bc
.header-custom-buttons
.btn::before {

    color:#f2e900 !important;

    font-size:15px !important;

    transform:none !important;

    filter:none !important;

    text-shadow:none !important;
}


/* =========================================================
   HOVER
   KAYMA / ZIPLAMA / HAREKET YOK
========================================================= */

.hdr-user-bc
.header-custom-buttons
.btn:hover {

    transform:none !important;

    color:#f2e900 !important;

    background:
        linear-gradient(
            180deg,
            #161d2b 0%,
            #0c121f 100%
        ) !important;

    border-color:
        rgba(242,233,0,.55) !important;

    box-shadow:
        inset 0 0 10px rgba(242,233,0,.025),
        0 0 9px rgba(242,233,0,.11) !important;
}


/* =========================================================
   TELEGRAM
========================================================= */

.hdr-user-bc
.header-custom-buttons
a[aria-label="Header Icon"] {

    width:38px !important;
    min-width:38px !important;

    height:36px !important;

    padding:0 !important;

    border-radius:6px !important;
}


/* =========================================================
   GİRİŞ
========================================================= */

.hdr-user-bc .sign-in {

    height:36px !important;
    min-height:36px !important;

    padding:0 15px !important;

    color:#ffffff !important;

    font-size:12px !important;
    font-weight:900 !important;

    line-height:1 !important;

    border-radius:6px !important;

    background:
        linear-gradient(
            180deg,
            #111722,
            #0a0f19
        ) !important;

    border:
        1px solid rgba(255,255,255,.15) !important;

    box-shadow:
        0 3px 8px rgba(0,0,0,.25) !important;

    transform:none !important;

    transition:
        color .18s ease,
        background .18s ease,
        border-color .18s ease,
        box-shadow .18s ease !important;
}


.hdr-user-bc .sign-in:hover {

    transform:none !important;

    color:#f2e900 !important;

    border-color:
        rgba(242,233,0,.45) !important;

    background:
        #111827 !important;

    box-shadow:
        0 0 8px rgba(242,233,0,.10) !important;
}


/* =========================================================
   KAYIT
========================================================= */

.hdr-user-bc .register {

    height:36px !important;
    min-height:36px !important;

    padding:0 18px !important;

    color:#080d16 !important;

    font-size:12px !important;
    font-weight:950 !important;

    line-height:1 !important;

    border-radius:6px !important;

    background:
        linear-gradient(
            180deg,
            #fff400 0%,
            #e5dc00 100%
        ) !important;

    border:
        1px solid #fff700 !important;

    box-shadow:
        0 0 8px rgba(242,233,0,.18),
        0 3px 7px rgba(0,0,0,.28) !important;

    transform:none !important;

    transition:
        background .18s ease,
        box-shadow .18s ease !important;
}


.hdr-user-bc .register:hover {

    transform:none !important;

    background:
        linear-gradient(
            180deg,
            #fff700 0%,
            #eee400 100%
        ) !important;

    box-shadow:
        0 0 10px rgba(242,233,0,.20),
        0 3px 7px rgba(0,0,0,.28) !important;
}


/* =========================================================
   MOBİL
========================================================= */

@media screen and (max-width:640px) {

    .hdr-user-bc {

        width:100% !important;

        gap:5px !important;

        padding:4px 5px !important;

        overflow-x:auto !important;

        scrollbar-width:none !important;

        -webkit-overflow-scrolling:touch;
    }


    .hdr-user-bc::-webkit-scrollbar {
        display:none !important;
    }


    .hdr-user-bc
    .header-custom-buttons {

        flex:0 0 auto !important;
    }


    .hdr-user-bc
    .header-custom-buttons
    .btn {

        min-height:32px !important;
        height:32px !important;

        padding:0 9px !important;

        font-size:9px !important;

        gap:5px !important;
    }


    .hdr-user-bc
    .header-custom-buttons
    .btn::before {

        font-size:12px !important;
    }


    .hdr-user-bc
    .header-custom-buttons
    a[aria-label="Header Icon"] {

        width:32px !important;
        min-width:32px !important;

        height:32px !important;
    }


    .hdr-user-bc .sign-in,
    .hdr-user-bc .register {

        flex:0 0 auto !important;

        height:32px !important;
        min-height:32px !important;

        font-size:9px !important;

        padding:0 10px !important;
    }
}

/* =========================================================
   ROYALBET - ÜST HEADER ARKA PLAN DÜZENİ
   BUTONLARA DOKUNMAZ
   STORY ALANI GİBİ ÜST + ALT ÇİZGİ
========================================================= */

.header-bc {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
}


/* ÜST HEADER'IN ANA TAŞIYICI ALANI */
.header-bc,
.header-bc .hdr-main-content,
.header-bc .hdr-content-bc,
.header-bc .hdr-user-bc {
    background: transparent !important;
}


/* HEADER BLOĞUNA STORY TARZI ÇİZGİ */
.header-bc {
    position: relative !important;

    padding-top: 7px !important;
    padding-bottom: 7px !important;

    margin-top: 2px !important;
    margin-bottom: 2px !important;

    border-top:
        1px solid rgba(242,233,0,.32) !important;

    border-bottom:
        1px solid rgba(242,233,0,.32) !important;

    background:
        linear-gradient(
            90deg,
            rgba(8,13,26,.12) 0%,
            rgba(11,17,32,.18) 50%,
            rgba(8,13,26,.12) 100%
        ) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.015),
        inset 0 -1px 0 rgba(255,255,255,.01) !important;
}


/* =========================================================
   ÜST ÇİZGİYE HAFİF MERKEZ VURGU
========================================================= */

.header-bc::before {
    content:"";

    position:absolute !important;

    left:0 !important;
    right:0 !important;
    top:-1px !important;

    height:1px !important;

    background:
        linear-gradient(
            90deg,
            transparent 0%,
            rgba(242,233,0,.12) 15%,
            rgba(242,233,0,.55) 50%,
            rgba(242,233,0,.12) 85%,
            transparent 100%
        ) !important;

    pointer-events:none !important;
}


/* =========================================================
   ALT ÇİZGİYE HAFİF MERKEZ VURGU
========================================================= */

.header-bc::after {
    content:"";

    position:absolute !important;

    left:0 !important;
    right:0 !important;
    bottom:-1px !important;

    height:1px !important;

    background:
        linear-gradient(
            90deg,
            transparent 0%,
            rgba(242,233,0,.10) 15%,
            rgba(242,233,0,.42) 50%,
            rgba(242,233,0,.10) 85%,
            transparent 100%
        ) !important;

    pointer-events:none !important;
}


/* =========================================================
   NAV MENÜNÜN MOR / KOYU BLOK ARKA PLANINI KALDIR
   SADECE ŞEFFAF KALSIN
========================================================= */

.nav-content-bc {
    background: transparent !important;

    box-shadow: none !important;

    border-top: none !important;
    border-bottom: none !important;

    padding-top: 4px !important;
    padding-bottom: 4px !important;
}


/* Menü iç taşıyıcıları */
.nav-content-bc .nav-content-menu,
.nav-content-bc .header-navigation,
.nav-content-bc .nav-menu {
    background: transparent !important;
}


/* =========================================================
   HEADER İÇİNDEKİ OLABİLECEK ESKİ ZEMİNLERİ TEMİZLE
========================================================= */

.layout-header-holder-bc .header-bc,
.layout-header-holder-bc .header-bc > div {
    box-shadow: none;
}


/* Butonların kendi box-shadow'una DOKUNMUYORUZ */
.layout-header-holder-bc
.header-bc
.header-custom-buttons .btn,
.layout-header-holder-bc
.header-bc
.sign-in,
.layout-header-holder-bc
.header-bc
.register {
    /* boş bırakıldı - mevcut buton tasarımın korunur */
}


/* =========================================================
   MOBİL
========================================================= */

@media screen and (max-width:640px) {

    .header-bc {
        padding-top:5px !important;
        padding-bottom:5px !important;

        border-top:
            1px solid rgba(242,233,0,.25) !important;

        border-bottom:
            1px solid rgba(242,233,0,.25) !important;
    }

    .nav-content-bc {
        padding-top:3px !important;
        padding-bottom:3px !important;
    }
}

/* =========================================================
   GİRİŞ -> GİRİŞ YAP
========================================================= */

.hdr-user-bc .sign-in span {
    font-size:0 !important;
}

.hdr-user-bc .sign-in span::after {
    content:"GİRİŞ YAP";
    font-size:12px;
    font-weight:900;
    color:#ffffff;
}


/* =========================================================
   KAYIT -> KAYIT OL
========================================================= */

.hdr-user-bc .register span {
    font-size:0 !important;
}

.hdr-user-bc .register span::after {
    content:"KAYIT OL";
    font-size:12px;
    font-weight:950;
    color:#080d16;
}


/* =========================================================
   TELEGRAM BUTONUNA YAZI EKLE
========================================================= */

.hdr-user-bc
.header-custom-buttons
a[aria-label="Header Icon"] {

    width:auto !important;
    min-width:auto !important;

    padding:0 13px !important;

    gap:7px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
}


/* Telegram'daki boş span'a yazı ekle */

.hdr-user-bc
.header-custom-buttons
a[aria-label="Header Icon"] span::after {

    content:"TELEGRAM";

    display:inline-block;

    color:#ffffff;

    font-size:12px;
    font-weight:900;

    line-height:1;
}


/* Telegram hover yazısı */

.hdr-user-bc
.header-custom-buttons
a[aria-label="Header Icon"]:hover span::after {

    color:#f2e900;
}


/* =========================================================
   MOBİL
========================================================= */

@media screen and (max-width:640px) {

    .hdr-user-bc .sign-in span::after,
    .hdr-user-bc .register span::after,
    .hdr-user-bc
    .header-custom-buttons
    a[aria-label="Header Icon"] span::after {

        font-size:9px;
    }

    .hdr-user-bc
    .header-custom-buttons
    a[aria-label="Header Icon"] {

        padding:0 9px !important;
    }
}

/* =========================================================
   GİRİŞ YAP = KAYIT OL STİLİ
========================================================= */

.hdr-user-bc .sign-in,
.hdr-user-bc .register {

    height:36px !important;
    min-height:36px !important;

    padding:0 18px !important;

    border-radius:6px !important;

    background:
        linear-gradient(
            180deg,
            #fff400 0%,
            #e5dc00 100%
        ) !important;

    border:
        1px solid #fff700 !important;

    color:#080d16 !important;

    font-size:12px !important;
    font-weight:950 !important;

    line-height:1 !important;

    box-shadow:
        0 0 8px rgba(242,233,0,.18),
        0 3px 7px rgba(0,0,0,.28) !important;

    transform:none !important;

    transition:
        background .18s ease,
        box-shadow .18s ease,
        border-color .18s ease !important;
}


/* HOVER - İKİSİ DE AYNI */

.hdr-user-bc .sign-in:hover,
.hdr-user-bc .register:hover {

    transform:none !important;

    background:
        linear-gradient(
            180deg,
            #fff700 0%,
            #eee400 100%
        ) !important;

    border-color:#fff700 !important;

    color:#080d16 !important;

    box-shadow:
        0 0 10px rgba(242,233,0,.20),
        0 3px 7px rgba(0,0,0,.28) !important;
}


/* =========================================================
   YAZILAR
========================================================= */

/* Eski yazıları gizle */
.hdr-user-bc .sign-in span,
.hdr-user-bc .register span {
    font-size:0 !important;
}


/* GİRİŞ */
.hdr-user-bc .sign-in span::after {
    content:"GİRİŞ YAP";

    display:inline-block;

    color:#080d16 !important;

    font-size:12px !important;
    font-weight:950 !important;
}


/* KAYIT */
.hdr-user-bc .register span::after {
    content:"KAYIT OL";

    display:inline-block;

    color:#080d16 !important;

    font-size:12px !important;
    font-weight:950 !important;
}


/* =========================================================
   MOBİL
========================================================= */

@media screen and (max-width:640px) {

    .hdr-user-bc .sign-in,
    .hdr-user-bc .register {

        height:32px !important;
        min-height:32px !important;

        padding:0 11px !important;
    }

    .hdr-user-bc .sign-in span::after,
    .hdr-user-bc .register span::after {

        font-size:9px !important;
    }
}

/* =========================================================
   ROYALBET LOGO - HAFİF HAREKETLİ GLOW
========================================================= */

/* Logo alanı */
.hdr-logo-bc,
.hdr-logo-bc img,
.header-logo-bc,
.header-logo-bc img {
    transform-origin:center !important;
}


/* Eğer logo img ise */
.hdr-logo-bc img,
.header-logo-bc img {

    animation:
        royalLogoPulse 2.8s ease-in-out infinite !important;

    will-change:
        filter, transform !important;
}


/* Eğer logo background / svg olarak geliyorsa */
.hdr-logo-bc,
.header-logo-bc {

    animation:
        royalLogoPulse 2.8s ease-in-out infinite !important;

    will-change:
        filter, transform !important;
}


/* HAREKET */
@keyframes royalLogoPulse {

    0% {
        transform:scale(1);
        filter:
            drop-shadow(0 0 0 rgba(242,233,0,0));
    }

    50% {
        transform:scale(1.035);
        filter:
            drop-shadow(0 0 7px rgba(242,233,0,.38))
            drop-shadow(0 0 14px rgba(242,233,0,.12));
    }

    100% {
        transform:scale(1);
        filter:
            drop-shadow(0 0 0 rgba(242,233,0,0));
    }
}


/* Mouse üstüne gelince biraz daha belirgin */
.hdr-logo-bc:hover,
.header-logo-bc:hover,
.hdr-logo-bc img:hover,
.header-logo-bc img:hover {

    filter:
        drop-shadow(0 0 8px rgba(242,233,0,.55))
        drop-shadow(0 0 18px rgba(242,233,0,.18)) !important;
}


/* Mobilde daha sakin */
@media screen and (max-width:640px) {

    .hdr-logo-bc,
    .header-logo-bc,
    .hdr-logo-bc img,
    .header-logo-bc img {

        animation-duration:
            3.4s !important;
    }
}

/* =========================================================
   ROYALBET BUTONLAR - OTOMATİK DİKKAT ÇEKEN TİTREŞİM
========================================================= */

.hdr-user-bc
.header-custom-buttons
.btn,
.hdr-user-bc .sign-in,
.hdr-user-bc .register {

    transform-origin:center center !important;

    animation:
        royalAttention 4.8s ease-in-out infinite !important;

    will-change:
        transform, box-shadow, filter !important;
}


/* =========================================================
   TİTREŞİM + HAFİF PULSE
========================================================= */

@keyframes royalAttention {

    /* UZUN SÜRE NORMAL */
    0%,
    68% {
        transform:scale(1) translateX(0);
        filter:brightness(1);
    }

    /* HAFİF BÜYÜME */
    72% {
        transform:scale(1.035) translateX(0);
        filter:brightness(1.05);
    }

    /* KISA TİTREŞİM */
    74% {
        transform:scale(1.035) translateX(-1.5px);
    }

    76% {
        transform:scale(1.035) translateX(1.5px);
    }

    78% {
        transform:scale(1.035) translateX(-1px);
    }

    80% {
        transform:scale(1.035) translateX(1px);
    }

    82% {
        transform:scale(1.035) translateX(0);
    }

    /* GERİ DÖN */
    88%,
    100% {
        transform:scale(1) translateX(0);
        filter:brightness(1);
    }
}


/* =========================================================
   BUTONLAR AYNI ANDA TİTREMESİN
   DALGA ŞEKLİNDE GELSİN
========================================================= */

.hdr-user-bc
.header-custom-buttons:nth-child(1)
.btn {
    animation-delay:0s !important;
}

.hdr-user-bc
.header-custom-buttons:nth-child(2)
.btn {
    animation-delay:.35s !important;
}

.hdr-user-bc
.header-custom-buttons:nth-child(3)
.btn {
    animation-delay:.70s !important;
}

.hdr-user-bc
.header-custom-buttons:nth-child(4)
.btn {
    animation-delay:1.05s !important;
}

.hdr-user-bc
.header-custom-buttons:nth-child(5)
.btn {
    animation-delay:1.40s !important;
}

.hdr-user-bc
.header-custom-buttons:nth-child(6)
.btn {
    animation-delay:1.75s !important;
}

.hdr-user-bc .sign-in {
    animation-delay:2.10s !important;
}

.hdr-user-bc .register {
    animation-delay:2.45s !important;
}


/* =========================================================
   GİRİŞ YAP + KAYIT OL BİRAZ DAHA BELİRGİN
========================================================= */

.hdr-user-bc .sign-in,
.hdr-user-bc .register {

    animation-name:
        royalYellowAttention !important;
}


@keyframes royalYellowAttention {

    0%,
    68% {
        transform:scale(1) translateX(0);

        box-shadow:
            0 0 6px rgba(242,233,0,.14),
            0 3px 7px rgba(0,0,0,.28);
    }

    72% {
        transform:scale(1.05) translateX(0);

        box-shadow:
            0 0 11px rgba(242,233,0,.30),
            0 0 18px rgba(242,233,0,.10),
            0 3px 7px rgba(0,0,0,.28);
    }

    74% {
        transform:scale(1.05) translateX(-1.5px);
    }

    76% {
        transform:scale(1.05) translateX(1.5px);
    }

    78% {
        transform:scale(1.05) translateX(-1px);
    }

    80% {
        transform:scale(1.05) translateX(1px);
    }

    82% {
        transform:scale(1.05) translateX(0);
    }

    88%,
    100% {
        transform:scale(1) translateX(0);

        box-shadow:
            0 0 6px rgba(242,233,0,.14),
            0 3px 7px rgba(0,0,0,.28);
    }
}


/* =========================================================
   HOVER'DA TİTREŞİM DURUR
========================================================= */

.hdr-user-bc
.header-custom-buttons
.btn:hover,
.hdr-user-bc .sign-in:hover,
.hdr-user-bc .register:hover {

    animation-play-state:paused !important;

    transform:scale(1.035) !important;
}


/* =========================================================
   MOBİLDE DAHA HAFİF
========================================================= */

@media screen and (max-width:640px) {

    .hdr-user-bc
    .header-custom-buttons
    .btn,
    .hdr-user-bc .sign-in,
    .hdr-user-bc .register {

        animation-duration:5.5s !important;
    }
}

/* =========================================================
   ROYALBET FOOTER LOGOLARI - ORİJİNAL RENKLER
========================================================= */

/* Footer içindeki görseller */
footer img,
.footer-bc img,
.footer img,
[class*="footer"] img {

    filter: none !important;
    -webkit-filter: none !important;

    opacity: 1 !important;

    mix-blend-mode: normal !important;

    filter:
        grayscale(0)
        saturate(1.15)
        brightness(1.05)
        contrast(1.03) !important;

    transition:
        filter .2s ease,
        opacity .2s ease !important;
}


/* Mouse üzerine gelince de solmasın */
footer img:hover,
.footer-bc img:hover,
.footer img:hover,
[class*="footer"] img:hover {

    filter:
        grayscale(0)
        saturate(1.20)
        brightness(1.08)
        contrast(1.03) !important;

    opacity: 1 !important;

    transform: none !important;
}