:root {
    --hero: 255,204,0 !important;
    --menu: 0,0,0 !important;
    --oc-1: 255,204,0 !important;
    --oc-1-hover: 0,0,0 !important;
}

body {
}

.layout-header-holder-bc {
    box-shadow: none !important
}

.footerContainerWrapper {
    background: rgb(0, 0, 0) !important;
}

.layout-header-holder-bc {
    background: rgb(0, 0, 0) !important;
}

.header-bc {
    background: rgb(0, 0, 0) !important;
}

.hdr-main-content-bc {
    background: rgb(0, 0, 0) !important;
}

.logo-container {
    background: rgb(0, 0, 0)!important;
}

.nav-menu {
    background: linear-gradient(to left, #ffc400, #FFCC00, rgb(255 182 0));
}

.nav-menu-other {
    background: rgb(0, 0, 0, 0)!important;
}

.nav-menu-other .nav-menu-item {
    color: #FFD700 !important;
    /* altın sarısı örnek */
    font-weight: bold;
    /* istersen kalın yap */
}

.nav-menu-other .nav-menu-item::before {
    color: #FFD700 !important;
    /* aynı renk veya farklı */
}

.btn.s-small.register {
    background: #FFCC00;
    color: rgb(0,0,0);
}

.btn.a-color.header-icon-text.bc-i-money-dollar:hover {
    background-color: rgb(0, 0, 0) !important;
    box-shadow: 0px 0px 0px 1px #FFCC00;
}

button.register:hover {
    background-color: #FFCC00 !important;
    box-shadow: 0px 0px 3px 4px #FAF3AE;
}

.btn.s-small.sign-in {
    background-color: rgb(17, 17, 17) !important;
    box-shadow: 0px 0px 0px 1px #FFCC00;
    color: #FFCC00!important;
    margin: -right 15px;
    padding: 8px !important;
    border-radius: 4px;
    text-decoration: none !important;
    font-weight: bold;
}

.btn.s-small.sign-in:hover {
    box-shadow: 0px 0px 3px 4px #FFCC00;
    color: #FAF3AE!important;
}

.nav-menu-item.active {
    color: rgb(0,0,0) !important;
}

.nav-menu-item.active:hover {
    color: rgb(255,255,255) !important;
}

.product-banner-container-bc {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    gap: 10px;
}

.product-banner-container-bc > :nth-child(-n+8) {
    grid-column: span 1;
    grid-row: 1;
}

.product-banner-container-bc > :nth-child(9), .product-banner-container-bc > :nth-child(10), .product-banner-container-bc > :nth-child(11), .product-banner-container-bc > :nth-child(12) {
    grid-column: span 2;
    grid-row: 2;
}

.product-banner-container-bc > :nth-child(n+13):nth-child(-n+20) {
    grid-column: span 1;
    grid-row: 3;
}

.pb-component-wrapper {
    background-color: black;
    border-radius: 10px;
}

.nav-menu-item.badge-jackpot::after {
    background-color: rgb(0,0,0) !important;
}

.nav-menu-item.badge-top::after {
    background-color: rgb(0,0,0) !important;
}

.nav-menu-item.badge-promo::after {
    background-color: rgb(0,0,0) !important;
}

#login_button_id {
    background-color: rgb(17, 17, 17) !important;
    box-shadow: 0px 0px 0px 1px #FFCC00;
    color: #FFCC00!important;
    margin: -right 15px;
    padding: 8px !important;
    border-radius: 4px;
    text-decoration: none !important;
    font-weight: bold;
}

.product-banner-container-bc > :nth-child(9) {
    padding-right: 0.2vw !important ;
}

.product-banner-container-bc > :nth-child(12) {
    padding-left: 0.2vw !important ;
}

.product-banner-container-bc > :nth-child(10), .product-banner-container-bc > :nth-child(11) {
    padding: 0.2vw !important ;
}

.nav-menu-item.badge-exclusive::after {
    background-color: rgb(0,0,0) !important;
}

.nav-menu-item.badge-new::after {
    background-color: rgb(0,0,0) !important;
}

.footerSocialLink:has(a[href*="yophone"]) {
    display: none !important;
}

.product-banner-img-bc {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.hm-row-bc {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.hm-row-bc.has-slider {
    padding-top: 2px;
}

.pb-component-wrapper {
    margin-top: 3px;
}

.hm-row-bc {
    max-width: 1650px;
    margin: 0 auto;
    padding: 0 10px;
    box-sizing: border-box;
}
.hdr-user-bc .btn.s-small.sign-in, .hdr-user-bc .btn.s-small.register {
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 30px !important;
    padding: 10px 20x !important;
    min-width: 65px !important;
    border-radius: 13px !important;
    border: none !important;
    font-family: inherit !important;
    font-size: 13px !important;
    font-weight: 200 !important;
    letter-spacing: .1px !important;
    white-space: nowrap !important;
    line-height: 1 !important;
    position: relative !important;
    overflow: hidden !important;
    isolation: isolate !important;
    z-index: 0 !important;
    transition: transform .2s ease, box-shadow .2s ease !important;
    animation: tr-breathe 2.8s ease-in-out infinite;
}

.hdr-user-bc .btn.s-small.sign-in {
    background: #000 !important;
    color: #FFD700 !important;
    text-shadow: 0 0 6px rgba(255,230,100,.35);
}

.hdr-user-bc .btn.s-small.register {
    background: linear-gradient(90deg,#FFD700,#FFCC00,#FFD700) !important;
    /* sarı zemin */
    color: #000 !important;
    text-shadow: 0 1px 1px rgba(255,255,255,.45);
}

.hdr-user-bc .btn.s-small.sign-in::before, .hdr-user-bc .btn.s-small.register::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    box-shadow: inset 0 0 0 2px rgba(255,213,0,.65), inset 0 0 16px rgba(255,213,0,.30);
    z-index: 1;
    pointer-events: none;
}

.hdr-user-bc .btn.s-small.sign-in::after, .hdr-user-bc .btn.s-small.register::after {
    content: "";
    position: absolute;
    top: -120%;
    left: -40%;
    width: 60%;
    height: 340%;
    transform: rotate(20deg);
    background: linear-gradient( to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.35) 45%, rgba(255,255,255,.85) 50%, rgba(255,255,255,.35) 55%, rgba(255,255,255,0) 100% );
    filter: blur(2px);
    mix-blend-mode: screen;
    z-index: 2;
    animation: tr-shimmer 2.2s linear infinite;
}

.hdr-user-bc .btn.s-small.sign-in:hover, .hdr-user-bc .btn.s-small.register:hover {
    transform: translateY(-1px) scale(1.02);
    box-shadow: 0 10px 24px rgba(255,204,0,.25);
}

.hdr-user-bc .btn.s-small.sign-in > span, .hdr-user-bc .btn.s-small.register > span {
    position: relative;
    z-index: 5;
    pointer-events: none;
    white-space: nowrap;
}

@keyframes tr-shimmer {
    0% {
        transform: translateX(0) rotate(20deg);
    }

    100% {
        transform: translateX(280%) rotate(20deg);
    }
}

@keyframes tr-breathe {
    0%,100% {
        box-shadow: 0 0 0 rgba(255,204,0,0);
    }

    50% {
        box-shadow: 0 0 18px rgba(255,204,0,.35), 0 0 36px rgba(255,204,0,.15);
    }
}

@media (prefers-reduced-motion: reduce) {
    .hdr-user-bc .btn.s-small.sign-in, .hdr-user-bc .btn.s-small.register {
        animation: none;
    }

    .hdr-user-bc .btn.s-small.sign-in::after, .hdr-user-bc .btn.s-small.register::after {
        display: none;
    }
}

@media (max-width: 768px) {
    .hdr-user-bc .btn.s-small.sign-in, .hdr-user-bc .btn.s-small.register {
        height: 38px !important;
        padding: 10px 26px !important;
        min-width: 110px !important;
        width: auto !important;
        max-width: none !important;
        flex: 0 0 auto !important;
        flex-shrink: 0 !important;
        white-space: nowrap !important;
        overflow: visible !important;
        text-overflow: clip !important;
    }
}

.promotionsList-bc:not(.gridView) {
    grid-template-columns: repeat(auto-fill, minmax(365px, 1fr)) !important;
}

.nav-menu-container.header-navigation:first-child .nav-menu {
    border-start-start-radius: var(--border-radius);
    border-end-start-radius: var(--border-radius);
    justify-content: center !important;
}
.nav-menu-container.header-navigation:first-child .nav-menu>li>.nav-menu-item, .nav-menu-container.header-navigation:first-child .nav-menu-other>.nav-menu-item {
    padding: 0 20px;
    color: rgba(var(--menu-sc), 1);
    letter-spacing: .1px;
    transition: all var(--default-transition-duration);
    font-weight: 500 !important;
    color: #000000 !important;
}

.nav-menu-container.header-navigation:first-child .nav-menu>li:hover>.nav-menu-item, .nav-menu-container.header-navigation:first-child .nav-menu-other:hover>.nav-menu-item {
    color: #ffc900 !important;
    background: rgba(var(--menu), 1);
    box-shadow: inset 0 2px rgba(var(--hero), 1);
}

.layout-content-holder-bc > div:nth-child(9) {
    grid-template-columns: 2fr 10fr !important;
}

.layout-content-holder-bc > div:nth-child(10) {
    grid-template-columns: 2fr 10fr !important;
}

[class*=is-web] .sliderSingleEl .sliderImage img {
    display: block;
    width: auto;
    height: 53px;
    max-width: 1000px !important;
}