.c-row-bc.bordered>.c-odd-bc {
    -webkit-margin-start: 1px;
    margin-inline-start: 1px;
    background: linear-gradient(1deg,#050404,#202020) !important;
}

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

.product-banner-container-bc .product-banner-title-bc {
    color: #fff!important;
    font-size: 11px;
}

.tab-nav-item-bc {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 0 4px;
    text-align: center;
    position: relative;
    color: #d9d9d9!important;
    overflow: hidden;
    box-shadow: 0 48px 0 0 rgba(var(--tab-navigation), 1);
}

.tab-navigation-w-bc {
    width: 100%;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 950;
    height: var(--tab-navigation-height);
    background: rgb(14 14 14 / 71%);
    display: flex;
    align-items: center;
    transform: translateZ(0);
    border-top: 1px solid rgba(var(--b-sc), .3);
    min-height: calc(var(--tab-navigation-height) + env(safe-area-inset-bottom));
    padding-bottom: env(safe-area-inset-bottom);
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    transition: padding-bottom var(--default-transition-duration);
    box-shadow: -1px -1px 15px 0px #fdef02;
}

.c-teams-bc {
    padding: 0 5px;
    background: linear-gradient(1deg,#050404,#202020) !important;
}

.sdr-iframe-backface-bc {
    display: block;
    width: 100%!important;
    max-height: 47px!important;
}

.market-bc {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-wrap: nowrap;
    align-items: center;
    text-align: center;
    width: 100%;
    height: 100%;
    font-size: 12px;
    line-height: 14px;
    color: rgba(var(--b-sc),.7);
    background: linear-gradient(1deg,#050404,#202020) !important;
    word-break: break-word;
    cursor: pointer;
    position: relative;
    transition: color .24s,background .24s;
}

.market-bc.active {
    color: rgba(var(--hero-sc), 1);
    background: linear-gradient(22deg,#f0e61f,#58550e) !important;
}

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

.hdr-logo-bc {
    display: flex;
    height: 100%;
    object-fit: contain;
    max-width: 150px !important;
}

.product-banner-container-bc {
    padding: 10px 5px;
    background: #080808 !important;
}

.casino-info-block {
    display: flex;
    flex-direction: column;
    min-width: 284px;
    overflow: hidden;
    background: #080808 !important;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(var(--b-sc),.1);
    border-radius: 4px;
}

.additional-header-buttons-j a {
    margin-right: 38px;
    width: 100%;
    height: 200%;
}

.live-casino-providers button.active {
    pointer-events: none;
    border-color: #f0e61f;
    color: #fff;
    border-radius: 24px;
}

.header-nav-contain>ul>li>.top-menu-sub-a-t>a {
    float: left;
    text-decoration: none;
    font: 14px/40px Roboto,Arial,Helvetica,sans-serif;
    color: #fff;
    display: block;
    box-sizing: border-box;
    padding: 0 14px;
    margin: 0;
    transition: background 450ms;
    border-radius: 18px;
}

.jackpot-banner .casinoJackpotLevelPrice-bc {
    color: #ffffff !important;
}

.casinoJackpotLevelPrice-bc {
    width: 100%;
    display: flex;
    text-align: center;
    align-items: flex-start;
    justify-content: center;
    color: #fff;
    font-size: 23px !important;
}

.jackpot-banner .casinoJackpotWrapper-bc {
    border-radius: 4px;
    background: url(https://i.ibb.co/cYNhS3Y/GF.gif) no-repeat 0 0/cover,radial-gradient(circle at 49% 48%,rgba(var(--hero),.7),rgba(var(--b-sc),.05) 100%) !important;
}

.casinoJackpotLevelTitle-bc {
    display: flex;
    font-size: 12px;
    line-height: 14px;
    padding-bottom: 5px;
    color: #f4e601;
    text-transform: uppercase;
    font-weight: 400 !important;
}

.balance-lightbox-j .custom-amounts-list:not(.deposit-amount):not(.withdraw-amount) button {
    padding: 0 12px;
    height: 24px;
    background: #444444 !important;
    color: #fff302 !important;
    border: none;
}

.es-small-product-info button {
    display: table-cell;
    width: 100%;
    height: 36px;
    font-size: 11px;
    text-transform: uppercase;
    color: #2e2e2e !important;
    background: #f0e61f;
    border: 0;
    border-radius: 4px;
    cursor: pointer;
    transition: background .35s ease;
}

.header-icon>img {
    width: 400% !important;
}

.sdr-item-bc:before {
    content: none !Important;
}

.crypto-currency-data {
    position: relative;
    display: none !important;
    align-items: center;
    color: rgba(var(--b-sc), 1);
    font-size: 12px;
}

.crypto-currency-data, .has-exchange-info .hdr-main-content-bc {
    border-bottom: none !important;
}

.hm-row-bc:first-child, .hm-row-bc:first-child:empty+.hm-row-bc {
    margin-top: 3px !important;
}

.hdr-additional-info {
    display: none;
    align-items: center;
    height: 40px;
    background: rgba(var(--b), 1);
    padding: 0 7px;
    border-bottom: 1px solid rgba(var(--header-sc),.1);
}
.hdr-user-bc>.header-custom-buttons {
    display: none !important;
}

.product-banner-container-bc:not(.product-banner-without-titles) .product-banner-info-bc {
    flex-direction: column;
    justify-content: space-between;
    padding: 10px 5px 5px;
    box-shadow: 0px 0px 5px 0px #dbd504;
}

.bs-bet-i-b-amount-bc {
    display: inline-block;
    vertical-align: top;
    font-size: 12px;
    white-space: nowrap;
    font-weight: 700;
    color: #2eff02 !important;
}

.providerSelected {
    background: #4b4812 !important;
}

.has-header-info:not(.world-cup,.has-wallet) .layout-content-holder-bc, .has-header-info-loyalty:not(.world-cup,.has-wallet) .layout-content-holder-bc {
    padding-top: calc(var(--mobile-header-navigation-height) + var(--dynamic-header) + 0px) !important;
}

.slider-bc .carouselCountEnable .swiper-pagination {
    color: #272727e6 !important;
}

/* ROYALBET ARAMA BUTONU HİZALAMA 011225_2910_mb235246424324 */
.hdr-additional-info{
    position: absolute!important;
    z-index: 2;
    top: 5px;
    left: 50%;
    transform: translateX(-50%);
    border-bottom: none!important;
}

.marketSlider {
    position: relative;
    padding: 8px 8px 0;
    margin-bottom: 4px;
    background: linear-gradient(to left, rgb(96 91 9 / 56%), rgba(var(--b), .3)) !important;
}

/* 
   MOBİL UYUMLU RENKLİ NEON STORY TASARIMI (İSİMLER DAHİL)
   68px buton boyutu ve STORY 1, STORY 2 gibi isimler eklendi.
*/

@media only screen and (max-width: 768px) {
    /* 1. Mobil Bant Kapsayıcısı */
    .storiesWidgetWrapper {
        background: rgba(10, 10, 10, 0.95) !important;
        padding: 20px 0 !important;
        margin: 10px 0 !important;
        border-top: 1px solid rgba(212, 175, 55, 0.3) !important;
        border-bottom: 1px solid rgba(212, 175, 55, 0.3) !important;
        min-height: 120px !important;
    }

    /* 2. Mobil Story Öğesi */
    .storiesWidgetWrapper .storiesWidgetListItem {
        margin: 0 12px !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        box-shadow: none !important;
        border: none !important;
    }

    /* Sitenin orijinal hover halkalarını mobilde de öldür */
    .storiesWidgetWrapper .storiesWidgetListItem::before,
    .storiesWidgetWrapper .storiesWidgetListItem::after {
        content: none !important;
        display: none !important;
    }

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

    /* 4. Mobil Oval Etiket (Daha Küçük ve Kibar) */
    .storiesWidgetWrapper .horizontal-sl-title-bc {
        margin-top: -12px !important;
        padding: 4px 10px !important;
        border-radius: 15px !important;
        font-size: 10px !important;
        font-weight: 800 !important;
        color: #fff !important;
        text-transform: uppercase !important;
        z-index: 10 !important;
        white-space: nowrap !important;
        text-shadow: 0 1px 2px rgba(0,0,0,0.8) !important;
        min-width: 68px !important;
        text-align: center !important;
        display: block !important;
        position: relative !important;
        border: 1px solid rgba(255,255,255,0.2) !important;
    }

    /* 5. MOBİL İSİMLERİ CSS İLE EKLEME */
    .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. MOBİL NEON RENK VE PARLAMA ATAMALARI */
    .storiesWidgetWrapper .storiesWidgetListItem:nth-child(1) img { border-color: #00ff00 !important; box-shadow: 0 0 12px #00ff00, inset 0 0 8px #00ff00 !important; }
    .storiesWidgetWrapper .storiesWidgetListItem:nth-child(1) .horizontal-sl-title-bc { background: #00ff00 !important; }

    .storiesWidgetWrapper .storiesWidgetListItem:nth-child(2) img { border-color: #ff0000 !important; box-shadow: 0 0 12px #ff0000, inset 0 0 8px #ff0000 !important; }
    .storiesWidgetWrapper .storiesWidgetListItem:nth-child(2) .horizontal-sl-title-bc { background: #ff0000 !important; }

    .storiesWidgetWrapper .storiesWidgetListItem:nth-child(3) img { border-color: #ff8c00 !important; box-shadow: 0 0 12px #ff8c00, inset 0 0 8px #ff8c00 !important; }
    .storiesWidgetWrapper .storiesWidgetListItem:nth-child(3) .horizontal-sl-title-bc { background: #ff8c00 !important; }

    .storiesWidgetWrapper .storiesWidgetListItem:nth-child(4) img { border-color: #bf00ff !important; box-shadow: 0 0 12px #bf00ff, inset 0 0 8px #bf00ff !important; }
    .storiesWidgetWrapper .storiesWidgetListItem:nth-child(4) .horizontal-sl-title-bc { background: #bf00ff !important; }

    .storiesWidgetWrapper .storiesWidgetListItem:nth-child(5) img { border-color: #00bfff !important; box-shadow: 0 0 12px #00bfff, inset 0 0 8px #00bfff !important; }
    .storiesWidgetWrapper .storiesWidgetListItem:nth-child(5) .horizontal-sl-title-bc { background: #00bfff !important; }

    .storiesWidgetWrapper .storiesWidgetListItem:nth-child(6) img { border-color: #008000 !important; box-shadow: 0 0 12px #008000, inset 0 0 8px #008000 !important; }
    .storiesWidgetWrapper .storiesWidgetListItem:nth-child(6) .horizontal-sl-title-bc { background: #008000 !important; }

    /* Tıklayınca Hafif Büyüme */
    .storiesWidgetWrapper .storiesWidgetListItem:active { transform: scale(1.05) !important; }
}

/* Loyalty Bonus Header (Sadece Ana Sayfa) */
@media (max-width: 768px) {
  body:not(.profile-page) .loyaltyBonusHeader {
    width: 75% !important;
    height: 75% !important;
    padding: calc(var(--original-padding) * 0.75) !important;
  }
  body:not(.profile-page) .loyaltyBonusHeaderText {
    font-size: 0.75em;
    line-height: 0.75;
  }
  body:not(.profile-page) .loyaltyBonusImg {
    width: 10%;
    height: 75%;
    max-width: 75%;
  }
}

.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;
}

@media (max-width: 768px) {

    img[src="https://i.hizliresim.com/q9famf0.png"],
    img[src="https://i.hizliresim.com/nk8f6ts.png"],
    img[src="https://i.hizliresim.com/1qz32wc.png"],
    img[src="https://i.hizliresim.com/r24hnid.png"],
    img[src="https://i.hizliresim.com/lqfaos8.png"],
    img[src="https://i.hizliresim.com/qphtssd.png"] {
        opacity: 0 !important;
    }

    a:has(img[src="https://i.hizliresim.com/q9famf0.png"]) {
        background: url("https://r.imghere.com/2026/07/24/S0mBr.png") center/contain no-repeat !important;
    }

    a:has(img[src="https://i.hizliresim.com/nk8f6ts.png"]) {
        background: url("https://r.imghere.com/2026/07/24/S05at.png") center/contain no-repeat !important;
    }

    a:has(img[src="https://i.hizliresim.com/1qz32wc.png"]) {
        background: url("https://r.imghere.com/2026/07/24/S0bDM.png") center/contain no-repeat !important;
    }

    a:has(img[src="https://i.hizliresim.com/r24hnid.png"]) {
        background: url("https://r.imghere.com/2026/07/24/S0SzN.png") center/contain no-repeat !important;
    }

    a:has(img[src="https://i.hizliresim.com/lqfaos8.png"]) {
        background: url("https://r.imghere.com/2026/07/24/S0OoO.png") center/contain no-repeat !important;
    }

    a:has(img[src="https://i.hizliresim.com/qphtssd.png"]) {
        background: url("https://r.imghere.com/2026/07/24/S0qDV.png") center/contain no-repeat !important;
    }

    a:has(img[src^="https://i.hizliresim.com/"]) {
        width: 44px !important;
        height: 44px !important;
    }
}

@media (max-width: 768px) {

    #comm100-float-button-95086456-db6a-4788-a62d-c7ddefd16969-2 > div {
        bottom: 60px !important;
    }

}

/* =====================================================================
   ROYALBET MOBILE - EK TASARIM PAKETİ
   NOT:
   - Mevcut mobil CSS yapısı korunur.
   - Üst kayan duyuru eklenmez.
   - Canlı destek butonuna dokunulmaz.
   - Mobil header'da sadece TELEGRAM / GİRİŞ YAP / KAYIT OL gösterilir.
===================================================================== */


/* =====================================================================
   1) WEB'DEKİ ARKA PLANI MOBİLDE KULLAN
===================================================================== */

html,
body {
    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;

    /* Mobilde görseli ekranı dolduracak şekilde kullan */
    background-size: cover !important;

    background-position: top center !important;

    /* iOS/Safari sorunlarını önlemek için fixed kullanmıyoruz */
    background-attachment: scroll !important;
}

/* Sayfa içindeki ana oyun zeminlerini şeffaflaştır */
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;
}


/* =====================================================================
   2) HEADER - WEB'DEKİ STORY TARZI ŞEFFAF ÜST/ALT ÇİZGİ
   Mevcut mobil header yapısını değiştirmeden sadece görünümü düzenler.
===================================================================== */

.header-bc {
    position: relative !important;

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

    box-shadow: none !important;

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

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

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

    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,.10) 15%,
            rgba(242,233,0,.50) 50%,
            rgba(242,233,0,.10) 85%,
            transparent 100%
        ) !important;

    pointer-events: none !important;
}

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

    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,.08) 15%,
            rgba(242,233,0,.38) 50%,
            rgba(242,233,0,.08) 85%,
            transparent 100%
        ) !important;

    pointer-events: none !important;
}


/* =====================================================================
   3) MOBİL HEADER BUTONLARI
   SADECE TELEGRAM / GİRİŞ YAP / KAYIT OL
===================================================================== */

/* Header kullanıcı alanını görünür ve düzenli tut */
.hdr-user-bc {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;

    gap: 6px !important;

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

    overflow: visible !important;
}

/*
   Mevcut mobil CSS'te custom butonlar display:none.
   Önce tamamını kapalı tutuyoruz.
*/
.hdr-user-bc > .header-custom-buttons {
    display: none !important;
}

/* Sadece Telegram butonunu geri aç */
.hdr-user-bc
.header-custom-buttons:has(
    a[href*="rebrand.ly/tgroyal"]
) {
    display: block !important;
    flex: 0 0 auto !important;
}

/* :has desteklenmeyen tarayıcılar için mevcut aria-label üzerinden fallback */
.hdr-user-bc
.header-custom-buttons:has(
    a[aria-label="Header Icon"]
) {
    display: block !important;
    flex: 0 0 auto !important;
}


/* =====================================================================
   4) TELEGRAM
===================================================================== */

.hdr-user-bc
.header-custom-buttons
a[href*="rebrand.ly/tgroyal"],
.hdr-user-bc
.header-custom-buttons
a[aria-label="Header Icon"] {

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

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

    padding: 0 11px !important;

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

    gap: 6px !important;

    border-radius: 6px !important;

    color: #ffffff !important;

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

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

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

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

    white-space: nowrap !important;

    transform-origin: center center !important;
}

.hdr-user-bc
.header-custom-buttons
a[href*="rebrand.ly/tgroyal"]::before,
.hdr-user-bc
.header-custom-buttons
a[aria-label="Header Icon"]::before {
    color: #f2e900 !important;
    font-size: 13px !important;
}

/* Telegram'ın mevcut boş span'ına yazı ekle */
.hdr-user-bc
.header-custom-buttons
a[href*="rebrand.ly/tgroyal"] span,
.hdr-user-bc
.header-custom-buttons
a[aria-label="Header Icon"] span {
    font-size: 0 !important;
}

.hdr-user-bc
.header-custom-buttons
a[href*="rebrand.ly/tgroyal"] span::after,
.hdr-user-bc
.header-custom-buttons
a[aria-label="Header Icon"] span::after {
    content: "TELEGRAM" !important;

    display: inline-block !important;

    color: #ffffff !important;

    font-size: 9.5px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
}


/* =====================================================================
   5) GİRİŞ YAP / KAYIT OL
   İKİSİ AYNI SARI TASARIM
===================================================================== */

.hdr-user-bc .sign-in,
.hdr-user-bc .register {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    flex: 0 0 auto !important;

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

    padding: 0 12px !important;

    border-radius: 6px !important;

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

    border:
        1px solid #fff700 !important;

    color: #080d16 !important;

    box-shadow:
        0 0 7px rgba(242,233,0,.17),
        0 2px 6px rgba(0,0,0,.28) !important;

    white-space: nowrap !important;

    transform-origin: center center !important;
}

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

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

    display: inline-block !important;

    color: #080d16 !important;

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

.hdr-user-bc .register span::after {
    content: "KAYIT OL" !important;

    display: inline-block !important;

    color: #080d16 !important;

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


/* =====================================================================
   6) ROYALBET LOGO - OTOMATİK PULSE / GLOW
===================================================================== */

.hdr-logo-bc,
.hdr-logo-bc img,
.header-logo-bc,
.header-logo-bc img {
    transform-origin: center center !important;

    animation:
        rbMobileLogoPulse 3.4s
        ease-in-out infinite !important;

    will-change:
        transform, filter !important;
}

@keyframes rbMobileLogoPulse {

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

        filter:
            drop-shadow(0 0 0 rgba(242,233,0,0));
    }

    50% {
        transform: scale(1.03);

        filter:
            drop-shadow(0 0 5px rgba(242,233,0,.30))
            drop-shadow(0 0 10px rgba(242,233,0,.08));
    }
}


/* =====================================================================
   7) TELEGRAM / GİRİŞ YAP / KAYIT OL
   KENDİ KENDİNE KISA TİTREŞİM + PULSE
===================================================================== */

.hdr-user-bc
.header-custom-buttons
a[href*="rebrand.ly/tgroyal"],
.hdr-user-bc
.header-custom-buttons
a[aria-label="Header Icon"],
.hdr-user-bc .sign-in,
.hdr-user-bc .register {

    animation:
        rbMobileAttention 5.2s
        ease-in-out infinite !important;

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

@keyframes rbMobileAttention {

    /* Uzun süre sabit */
    0%,
    70%,
    100% {
        transform:
            scale(1)
            translateX(0);

        filter:
            brightness(1);
    }

    /* Dikkat çekmek için hafif büyü */
    74% {
        transform:
            scale(1.035)
            translateX(0);

        filter:
            brightness(1.05);
    }

    /* Mikro titreşim */
    76% {
        transform:
            scale(1.035)
            translateX(-1px);
    }

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

    80% {
        transform:
            scale(1.035)
            translateX(-.7px);
    }

    82% {
        transform:
            scale(1.035)
            translateX(.7px);
    }

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

    90% {
        transform:
            scale(1)
            translateX(0);

        filter:
            brightness(1);
    }
}

/* Aynı anda hareket etmesinler */
.hdr-user-bc
.header-custom-buttons
a[href*="rebrand.ly/tgroyal"],
.hdr-user-bc
.header-custom-buttons
a[aria-label="Header Icon"] {
    animation-delay: 0s !important;
}

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

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


/* =====================================================================
   8) ÇOK KÜÇÜK MOBİL EKRAN
===================================================================== */

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

    .hdr-user-bc {
        gap: 4px !important;
    }

    .hdr-user-bc
    .header-custom-buttons
    a[href*="rebrand.ly/tgroyal"],
    .hdr-user-bc
    .header-custom-buttons
    a[aria-label="Header Icon"] {

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

        padding: 0 8px !important;
    }

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

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

        padding: 0 9px !important;
    }

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

        font-size: 8.5px !important;
    }
}

/* =========================================================
   MOBİL - PRODUCT BANNER / OYUN ALANLARI ARKA PLAN TEMİZLEME
========================================================= */

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

    /* Ana satır arka planlarını kaldır */
    .hm-row-bc,
    .hm-row-bc-inner {
        background: transparent !important;
        background-color: transparent !important;

        box-shadow: none !important;

        border: none !important;
    }


    /* Banner container arka planı */
    .product-banner-container-bc {
        background: transparent !important;
        background-color: transparent !important;

        box-shadow: none !important;

        border: none !important;
    }


    /* Her bir banner kutusunun kendi arka planını kaldır */
    .product-banner-info-bc,
    .product-banner-bc {
        background: transparent !important;
        background-color: transparent !important;

        box-shadow: none !important;

        border: none !important;
    }


    /* Sitenin ::before ile verdiği arka plan varsa temizle */
    .product-banner-info-bc::before,
    .product-banner-info-bc::after,
    .product-banner-bc::before,
    .product-banner-bc::after {
        background: transparent !important;
        background-color: transparent !important;

        box-shadow: none !important;
    }


    /* Bannerları saran div */
    .product-banner-container-bc > div {
        background: transparent !important;
        background-color: transparent !important;

        box-shadow: none !important;

        border: none !important;
    }


    /* =====================================================
       OYUN GÖRSELLERİ
       Görselin kendisine dokunma
    ===================================================== */

    .product-banner-img-bc {
        background: transparent !important;

        box-shadow: none !important;

        border: none !important;
    }


    /* =====================================================
       BAŞLIK ALANLARI
       EN POPÜLER CASINO OYUNLARI VS.
    ===================================================== */

    .page-view-more {
        background: transparent !important;
        background-color: transparent !important;

        box-shadow: none !important;

        border: none !important;
    }


    /* =====================================================
       ESKİ MOBİL CSS'TEKİ BU KURALI EZ
       
       .product-banner-container-bc {
           background:#080808 !important;
       }
    ===================================================== */

    body .product-banner-container-bc {
        background: transparent !important;
        background-color: transparent !important;
    }


    /* =====================================================
       ESKİ BOX-SHADOW KURALINI EZ
       
       .product-banner-container-bc:not(...)
       .product-banner-info-bc {
           box-shadow: ...
       }
    ===================================================== */

    .product-banner-container-bc:not(.product-banner-without-titles)
    .product-banner-info-bc {

        background: transparent !important;

        box-shadow: none !important;

        border: none !important;
    }


    /* =====================================================
       OYUN ALANLARINDAKİ POSSIBLE OVERLAY
    ===================================================== */

    .product-banner-info-bc:before {
        content: "" !important;

        background: transparent !important;

        opacity: 0 !important;
    }
}

/* =========================================================
   ROYALBET MOBİL HIZLI MENÜ ALANI
   CANLI DESTEK / CANLI CASINO / SLOT / TELEGRAM VS.
========================================================= */

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

    /* ANA BLOK */
    .hm-row-bc:has(.product-banner-container-bc.col-4) {
        margin: 10px 8px 14px !important;
        padding: 10px 6px !important;

        border-radius: 14px !important;

        background:
            radial-gradient(
                circle at 50% 0%,
                rgba(242,233,0,.045),
                transparent 38%
            ),
            linear-gradient(
                145deg,
                rgba(8,13,26,.92),
                rgba(11,17,32,.90)
            ) !important;

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

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

        border-left:
            1px solid rgba(255,255,255,.025) !important;

        border-right:
            1px solid rgba(255,255,255,.025) !important;

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

        overflow: hidden !important;
    }


    /* İÇ TAŞIYICI */
    .hm-row-bc:has(.product-banner-container-bc.col-4)
    .hm-row-bc-inner {

        background: transparent !important;

        padding: 0 !important;

        box-shadow: none !important;

        border: none !important;
    }


    /* 4'LÜ GRID */
    .hm-row-bc:has(.product-banner-container-bc.col-4)
    .product-banner-container-bc.col-4 {

        display: grid !important;

        grid-template-columns:
            repeat(4, 1fr) !important;

        gap: 8px !important;

        padding: 4px !important;

        background: transparent !important;

        box-shadow: none !important;

        border: none !important;
    }


    /* HER MENÜ KARTI */
    .hm-row-bc:has(.product-banner-container-bc.col-4)
    .product-banner-container-bc.col-4
    > div {

        min-width: 0 !important;

        background:
            linear-gradient(
                180deg,
                rgba(255,255,255,.025),
                rgba(255,255,255,.008)
            ) !important;

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

        border-radius:
            10px !important;

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

        overflow:
            hidden !important;

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


    /* TIKLANABİLİR ALAN */
    .hm-row-bc:has(.product-banner-container-bc.col-4)
    .product-banner-info-bc {

        min-height:
            82px !important;

        padding:
            10px 4px 8px !important;

        display:
            flex !important;

        flex-direction:
            column !important;

        align-items:
            center !important;

        justify-content:
            center !important;

        gap:
            7px !important;

        background:
            transparent !important;

        border:
            none !important;

        box-shadow:
            none !important;

        text-align:
            center !important;
    }


    /* İKONLAR */
    .hm-row-bc:has(.product-banner-container-bc.col-4)
    .product-banner-img-bc {

        width:
            31px !important;

        height:
            31px !important;

        max-width:
            31px !important;

        object-fit:
            contain !important;

        filter:
            drop-shadow(
                0 0 5px rgba(242,233,0,.16)
            ) !important;

        opacity:
            1 !important;

        transition:
            transform .18s ease,
            filter .18s ease !important;
    }


    /* YAZILAR */
    .hm-row-bc:has(.product-banner-container-bc.col-4)
    .product-banner-title-bc {

        margin:
            0 !important;

        padding:
            0 !important;

        color:
            #ffffff !important;

        font-size:
            10px !important;

        font-weight:
            800 !important;

        line-height:
            1.2 !important;

        text-align:
            center !important;

        white-space:
            normal !important;

        text-shadow:
            0 1px 2px rgba(0,0,0,.45) !important;
    }


    /* =====================================================
       TOUCH / HOVER
    ===================================================== */

    .hm-row-bc:has(.product-banner-container-bc.col-4)
    .product-banner-container-bc.col-4
    > div:hover,
    .hm-row-bc:has(.product-banner-container-bc.col-4)
    .product-banner-container-bc.col-4
    > div:active {

        background:
            linear-gradient(
                180deg,
                rgba(242,233,0,.07),
                rgba(242,233,0,.018)
            ) !important;

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

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


    .hm-row-bc:has(.product-banner-container-bc.col-4)
    .product-banner-info-bc:hover
    .product-banner-img-bc,
    .hm-row-bc:has(.product-banner-container-bc.col-4)
    .product-banner-info-bc:active
    .product-banner-img-bc {

        transform:
            scale(1.08) !important;

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


    /* =====================================================
       PANELİN ÜSTÜNDE HAFİF SARI IŞIK
    ===================================================== */

    .hm-row-bc:has(.product-banner-container-bc.col-4)::before {

        content:"";

        position:
            absolute !important;

        left:
            8% !important;

        right:
            8% !important;

        top:
            0 !important;

        height:
            1px !important;

        background:
            linear-gradient(
                90deg,
                transparent,
                rgba(242,233,0,.50),
                transparent
            ) !important;

        pointer-events:
            none !important;
    }


    .hm-row-bc:has(.product-banner-container-bc.col-4) {

        position:
            relative !important;
    }
}

/* =========================================================
   MOBİL HIZLI MENÜ KARTLARI
   OTOMATİK PULSE + MİKRO TİTREŞİM
========================================================= */

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

    .hm-row-bc:has(.product-banner-container-bc.col-4)
    .product-banner-container-bc.col-4
    > div {

        transform-origin:
            center center !important;

        animation:
            rbQuickMenuAttention 5.2s
            ease-in-out infinite !important;

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


    /* =====================================================
       ANİMASYON
       Uzun süre sabit kalır, sonra kısa dikkat hareketi yapar
    ===================================================== */

    @keyframes rbQuickMenuAttention {

        0%,
        70%,
        100% {

            transform:
                scale(1)
                translateX(0);

            filter:
                brightness(1);
        }


        74% {

            transform:
                scale(1.035)
                translateX(0);

            filter:
                brightness(1.06);
        }


        76% {

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


        78% {

            transform:
                scale(1.035)
                translateX(1px);
        }


        80% {

            transform:
                scale(1.035)
                translateX(-.7px);
        }


        82% {

            transform:
                scale(1.035)
                translateX(.7px);
        }


        84% {

            transform:
                scale(1.035)
                translateX(0);
        }


        90% {

            transform:
                scale(1)
                translateX(0);

            filter:
                brightness(1);
        }
    }


    /* =====================================================
       HEPSİ AYNI ANDA HAREKET ETMESİN
       SOLDAN SAĞA HAFİF DALGA
    ===================================================== */

    .hm-row-bc:has(.product-banner-container-bc.col-4)
    .product-banner-container-bc.col-4
    > div:nth-child(1) {
        animation-delay: 0s !important;
    }

    .hm-row-bc:has(.product-banner-container-bc.col-4)
    .product-banner-container-bc.col-4
    > div:nth-child(2) {
        animation-delay: .18s !important;
    }

    .hm-row-bc:has(.product-banner-container-bc.col-4)
    .product-banner-container-bc.col-4
    > div:nth-child(3) {
        animation-delay: .36s !important;
    }

    .hm-row-bc:has(.product-banner-container-bc.col-4)
    .product-banner-container-bc.col-4
    > div:nth-child(4) {
        animation-delay: .54s !important;
    }

    .hm-row-bc:has(.product-banner-container-bc.col-4)
    .product-banner-container-bc.col-4
    > div:nth-child(5) {
        animation-delay: .72s !important;
    }

    .hm-row-bc:has(.product-banner-container-bc.col-4)
    .product-banner-container-bc.col-4
    > div:nth-child(6) {
        animation-delay: .90s !important;
    }

    .hm-row-bc:has(.product-banner-container-bc.col-4)
    .product-banner-container-bc.col-4
    > div:nth-child(7) {
        animation-delay: 1.08s !important;
    }

    .hm-row-bc:has(.product-banner-container-bc.col-4)
    .product-banner-container-bc.col-4
    > div:nth-child(8) {
        animation-delay: 1.26s !important;
    }

    .hm-row-bc:has(.product-banner-container-bc.col-4)
    .product-banner-container-bc.col-4
    > div:nth-child(9) {
        animation-delay: 1.44s !important;
    }

    .hm-row-bc:has(.product-banner-container-bc.col-4)
    .product-banner-container-bc.col-4
    > div:nth-child(10) {
        animation-delay: 1.62s !important;
    }

    .hm-row-bc:has(.product-banner-container-bc.col-4)
    .product-banner-container-bc.col-4
    > div:nth-child(11) {
        animation-delay: 1.80s !important;
    }

    .hm-row-bc:has(.product-banner-container-bc.col-4)
    .product-banner-container-bc.col-4
    > div:nth-child(12) {
        animation-delay: 1.98s !important;
    }


    /* =====================================================
       TIKLARKEN ANİMASYONU DURDUR
       BUTON ZIPLAMASIN
    ===================================================== */

    .hm-row-bc:has(.product-banner-container-bc.col-4)
    .product-banner-container-bc.col-4
    > div:active {

        animation-play-state:
            paused !important;

        transform:
            scale(.97) !important;
    }


    /* =====================================================
       İKON DA HAFİF PARLASIN
    ===================================================== */

    .hm-row-bc:has(.product-banner-container-bc.col-4)
    .product-banner-img-bc {

        animation:
            rbQuickIconGlow 3.8s
            ease-in-out infinite !important;
    }


    @keyframes rbQuickIconGlow {

        0%,
        100% {

            filter:
                drop-shadow(
                    0 0 4px rgba(242,233,0,.14)
                );
        }


        50% {

            filter:
                drop-shadow(
                    0 0 7px rgba(242,233,0,.28)
                );
        }
    }
}

/* =========================================================
   MOBİL - ÖNE ÇIKAN ETKİNLİKLER
   ROYALBET LACİVERT + SARI TEMA
========================================================= */

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

    /* TÜM BLOK */
    .featuredGames {

        margin: 10px 8px 14px !important;

        padding: 10px 7px 12px !important;

        border-radius: 14px !important;

        background:
            radial-gradient(
                circle at 50% 0%,
                rgba(242,233,0,.045),
                transparent 35%
            ),
            linear-gradient(
                145deg,
                rgba(8,13,26,.94),
                rgba(11,17,32,.92)
            ) !important;

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

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

        border-left:
            1px solid rgba(255,255,255,.025) !important;

        border-right:
            1px solid rgba(255,255,255,.025) !important;

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

        overflow: hidden !important;
    }


    /* BAŞLIK */
    .featuredGames .page-view-more {

        margin: 0 0 9px !important;

        padding: 0 2px 7px !important;

        background: transparent !important;

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

        box-shadow: none !important;
    }


    .featuredGames .view-title-more {

        color:#ffffff !important;

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

        letter-spacing:.2px !important;

        text-transform:uppercase !important;
    }


    /* =====================================================
       MAÇ KARTI
    ===================================================== */

    .featuredGames .featuredGameItem {

        border-radius:12px !important;

        overflow:hidden !important;

        background:
            linear-gradient(
                180deg,
                rgba(255,255,255,.035),
                rgba(255,255,255,.010)
            ) !important;

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

        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.018),
            0 4px 12px rgba(0,0,0,.18) !important;
    }


    /* =====================================================
       LİG BAŞLIĞI
    ===================================================== */

    .featuredGames .featuredGameItemHeader {

        background:
            linear-gradient(
                90deg,
                rgba(242,233,0,.055),
                rgba(255,255,255,.015)
            ) !important;

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


    .featuredGames .featuredGameItemHeaderContent {

        min-height:38px !important;

        padding:0 11px !important;

        color:#ffffff !important;
    }


    .featuredGames .featuredGameItemCompetitionName {

        color:#cfd5df !important;

        font-size:10.5px !important;
        font-weight:700 !important;
    }


    /* Spor ikonu */
    .featuredGames
    .featuredGameItemSportAliasIcon {

        color:#f2e900 !important;

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


    /* =====================================================
       MAÇ GÖVDESİ
    ===================================================== */

    .featuredGames .featuredGameItemBody {

        padding:10px 8px 9px !important;

        background:
            linear-gradient(
                180deg,
                rgba(6,11,20,.58),
                rgba(4,8,15,.76)
            ) !important;
    }


    .featuredGames
    .featuredGameItemPlayersContainer {

        padding:3px 2px 10px !important;
    }


    /* Takım isimleri */
    .featuredGames
    .featuredGameItemPlayerName {

        color:#ffffff !important;

        font-size:11px !important;

        font-weight:800 !important;

        text-shadow:
            0 1px 2px rgba(0,0,0,.45) !important;
    }


    /* Takım logoları */
    .featuredGames
    .featuredGameItemPlayerImg {

        width:24px !important;
        height:24px !important;

        object-fit:contain !important;

        filter:
            drop-shadow(
                0 0 4px rgba(255,255,255,.08)
            ) !important;
    }


    /* TARİH / SAAT */
    .featuredGames
    .featuredGameItemTime {

        color:#d8dde5 !important;

        font-size:10px !important;
        font-weight:800 !important;
    }


    .featuredGames
    .featuredGameItemTime time:first-child {

        color:#ffffff !important;

        font-weight:900 !important;
    }


    .featuredGames
    .featuredGameItemTime time:last-child {

        color:#9fa8b7 !important;
    }


    /* =====================================================
       ORAN ALANI
    ===================================================== */

    .featuredGames
    .market-group-holder-bc {

        gap:5px !important;

        background:transparent !important;
    }


    .featuredGames
    .market-group-item-bc {

        border-radius:7px !important;

        overflow:hidden !important;

        background:
            linear-gradient(
                180deg,
                #0d1421,
                #070c14
            ) !important;

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

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


    .featuredGames
    .sgm-market-g-i-cell-bc {

        min-height:43px !important;

        padding:6px 4px !important;

        background:transparent !important;
    }


    /* MS1 / X / MS2 */
    .featuredGames
    .market-name-bc {

        color:#d9dee7 !important;

        font-size:9.5px !important;

        font-weight:800 !important;
    }


    /* ORAN */
    .featuredGames
    .market-odd-bc {

        color:#f2e900 !important;

        font-size:11px !important;

        font-weight:950 !important;

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


    /* =====================================================
       ORAN HÜCRESİ TOUCH
    ===================================================== */

    .featuredGames
    .market-group-item-bc:active {

        background:
            linear-gradient(
                180deg,
                rgba(242,233,0,.09),
                rgba(242,233,0,.025)
            ) !important;

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


    /* =====================================================
       SWIPER ALANI
    ===================================================== */

    .featuredGamesContent,
    .featuredGames .carouselWrapper,
    .featuredGames .swiper {

        background:transparent !important;

        box-shadow:none !important;
    }


    /* Pagination */
    .featuredGames
    .swiper-pagination-bullet {

        background:
            rgba(255,255,255,.24) !important;

        opacity:1 !important;
    }


    .featuredGames
    .swiper-pagination-bullet-active {

        background:#f2e900 !important;

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

/* =========================================================
   MOBİL - STORY / HIZLI ERİŞİM ALANI
   ROYALBET KOYU LACİVERT + SARI ÇİZGİ
========================================================= */

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

    /* ANA STORY BLOĞU */
    .hm-row-bc:has(.storiesWidgetWrapper) {

        position: relative !important;

        margin: 10px 8px 12px !important;

        padding: 10px 6px !important;

        border-radius: 14px !important;

        overflow: hidden !important;

        background:
            radial-gradient(
                circle at 50% 0%,
                rgba(242,233,0,.045),
                transparent 38%
            ),
            linear-gradient(
                145deg,
                rgba(8,13,26,.95),
                rgba(11,17,32,.92)
            ) !important;

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

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

        border-left:
            1px solid rgba(255,255,255,.025) !important;

        border-right:
            1px solid rgba(255,255,255,.025) !important;

        box-shadow:
            0 8px 24px rgba(0,0,0,.28),
            inset 0 1px 0 rgba(255,255,255,.025) !important;
    }


    /* İÇ BLOKLAR ŞEFFAF */
    .hm-row-bc:has(.storiesWidgetWrapper)
    .hm-row-bc-inner,

    .storiesWidgetWrapper,
    .storiesWidgetWrapper .horizontalList,
    .storiesWidgetWrapper .horizontalSliderWrapper,
    .storiesWidgetWrapper .horizontalSliderRow {

        background:
            transparent !important;

        box-shadow:
            none !important;

        border:
            none !important;
    }


    /* STORY SATIRI */
    .storiesWidgetList {

        display:
            flex !important;

        align-items:
            center !important;

        gap:
            10px !important;

        padding:
            2px 4px !important;

        overflow-x:
            auto !important;

        scrollbar-width:
            none !important;
    }


    .storiesWidgetList::-webkit-scrollbar {
        display:none !important;
    }


    /* =====================================================
       STORY ITEM
    ===================================================== */

    .storiesWidgetListItem {

        flex:
            0 0 auto !important;

        width:
            82px !important;

        min-width:
            82px !important;

        padding:
            5px 4px !important;

        display:
            flex !important;

        flex-direction:
            column !important;

        align-items:
            center !important;

        justify-content:
            center !important;

        background:
            transparent !important;

        border:
            none !important;

        box-shadow:
            none !important;

        border-radius:
            12px !important;

        transform-origin:
            center center !important;

        transition:
            background .18s ease,
            transform .18s ease,
            filter .18s ease !important;
    }


    /* =====================================================
       STORY İKONLARI
    ===================================================== */

    .storiesWidgetListItem
    .horizontal-sl-icon-bc {

        width:
            68px !important;

        height:
            68px !important;

        max-width:
            68px !important;

        object-fit:
            contain !important;

        border-radius:
            50% !important;

        filter:
            drop-shadow(
                0 0 6px rgba(242,233,0,.10)
            ) !important;

        transition:
            transform .18s ease,
            filter .18s ease !important;
    }


    /* =====================================================
       TOUCH / HOVER
    ===================================================== */

    .storiesWidgetListItem:hover,
    .storiesWidgetListItem:active {

        background:
            rgba(242,233,0,.025) !important;
    }


    .storiesWidgetListItem:hover
    .horizontal-sl-icon-bc,
    .storiesWidgetListItem:active
    .horizontal-sl-icon-bc {

        transform:
            scale(1.05) !important;

        filter:
            drop-shadow(
                0 0 9px rgba(242,233,0,.22)
            ) !important;
    }


    /* =====================================================
       ÜST SARI IŞIK ÇİZGİSİ
    ===================================================== */

    .hm-row-bc:has(.storiesWidgetWrapper)::before {

        content:"";

        position:
            absolute !important;

        left:
            8% !important;

        right:
            8% !important;

        top:
            0 !important;

        height:
            1px !important;

        background:
            linear-gradient(
                90deg,
                transparent,
                rgba(242,233,0,.52),
                transparent
            ) !important;

        pointer-events:
            none !important;
    }
}