.elementor-12071 .elementor-element.elementor-element-aa72c79{--display:flex;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS *//* =========================================================
   S&B HEADER - DIŞTAKİ BEYAZ ALANLARI TAMAMEN KALDIR
   ========================================================= */

/* Elementor Header'ın kendisi */
.elementor-location-header {
    width: 100vw !important;
    max-width: 100vw !important;

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

    left: 0 !important;
    right: 0 !important;

    background: #050505 !important;
}


/* Header'ın Elementor dış containerları */
.elementor-location-header > .elementor-element,
.elementor-location-header > .e-con,
.elementor-location-header .e-con:has(.sbx-header),
.elementor-location-header .elementor-element:has(.sbx-header) {
    width: 100% !important;
    max-width: none !important;

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

    background: transparent !important;
}


/* Shortcode widget */
.elementor-location-header
.elementor-widget-shortcode:has(.sbx-header) {
    width: 100% !important;
    max-width: none !important;

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


/* Shortcode widget içi */
.elementor-location-header
.elementor-widget-shortcode:has(.sbx-header)
.elementor-widget-container {
    width: 100% !important;
    max-width: none !important;

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


/* Bizim header */
.sbx-header {
    width: 100% !important;
    max-width: none !important;

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


/* Siyah bölüm */
.sbx-main {
    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
}


/* Üst kampanya bölümü */
.sbx-topbar {
    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
}


/* İçeriği ekran boyunca kullan */
.sbx-inner,
.sbx-topbar-inner {
    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;

    padding-left: 40px !important;
    padding-right: 40px !important;
}


/* Tema header wrapper koyuyorsa */
#masthead,
.site-header {
    width: 100% !important;
    max-width: none !important;

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


/* Elementor parent'ındaki gap */
.elementor-location-header .e-con {
    --container-max-width: 100% !important;
}


/* Yatay scroll oluşmasını engelle */
html,
body {
    margin: 0 !important;
    padding: 0 !important;

    max-width: 100% !important;
    overflow-x: hidden !important;
}


/* TABLET */
@media (max-width: 1024px) {

    .sbx-inner,
    .sbx-topbar-inner {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

}


/* MOBİL */
@media (max-width: 767px) {

    .elementor-location-header,
    .sbx-header,
    .sbx-main,
    .sbx-topbar {
        width: 100% !important;
        max-width: 100% !important;
    }

    .sbx-inner,
    .sbx-topbar-inner {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

}

/* =========================================================
   S&B HEADER - TAM SİYAH
   ========================================================= */

.elementor-location-header,
.elementor-location-header > .elementor-element,
.elementor-location-header > .e-con,
.elementor-location-header .e-con:has(.sbx-header),
.elementor-location-header .elementor-element:has(.sbx-header),

.sbx-header,
.sbx-main,
.sbx-inner {

    background: #000000 !important;
    background-image: none !important;
}


/* ÜSTTEKİ KAMPANYA BARI BEYAZ KALSIN */
.sbx-topbar {
    background: #f5f5f5 !important;
    background-image: none !important;
}


/* Siyah header altındaki çizgiyi sadeleştir */
.sbx-main {
    border-bottom: 1px solid rgba(255,255,255,.12) !important;
    box-shadow: none !important;
}


/* Eski gradient pseudo element varsa kaldır */
.sbx-main::before,
.sbx-main::after,
.sbx-header::before,
.sbx-header::after {

    background: none !important;
    background-image: none !important;
}


/* Elementor parent gri/beyaz arka plan bırakmasın */
.elementor-location-header .elementor-widget-shortcode:has(.sbx-header),
.elementor-location-header .elementor-widget-shortcode:has(.sbx-header) .elementor-widget-container {

    background: #000 !important;
}










/* ========================================================= 
   S&B DESIGN - ÜST KAMPANYA KAYAN YAZI 
   ========================================================= */ 
 
.sbx-topbar-center{ 
    position: relative !important; 
    display: block !important; 
 
    width: 700px !important; 
    max-width: 52vw !important; 
 
    height: 34px !important; 
 
    overflow: hidden !important; 
 
    white-space: nowrap !important; 
 
    font-size: 0 !important; 
} 
 
 
/* KAYAN 3 YAZI */ 
.sbx-topbar-center::before{ 
    content: 
    "%5 EFT İNDİRİMİ    10.000 TL ÜZERİ VADE FARKSIZ 3 TAKSİT    15.000 TL ÜZERİ ÜCRETSİZ KARGO    %5 EFT İNDİRİMİ    10.000 TL ÜZERİ VADE FARKSIZ 3 TAKSİT    15.000 TL ÜZERİ ÜCRETSİZ KARGO"; 
 
    position: absolute !important; 
 
    top: 50% !important; 
    left: 0 !important; 
 
    transform: translateY(-50%); 
 
    display: inline-block !important; 
 
    width: max-content !important; 
 
    color: #181818 !important; 
 
    font-size: 13.5px !important; 
    line-height: 1 !important; 
 
    font-weight: 700 !important; 
 
    letter-spacing: .35px !important; 
 
    white-space: pre !important; 
 
    animation: sbTopMarquee 10s linear infinite !important; 
 
    will-change: transform; 
} 
 
 
/* SOLA DOĞRU KESİNTİSİZ AKIŞ */ 
@keyframes sbTopMarquee{ 
 
    0%{ 
        transform: 
            translateY(-50%) 
            translateX(0); 
    } 
 
    100%{ 
        transform: 
            translateY(-50%) 
            translateX(-50%); 
    } 
 
} 
 
 
/* ========================================================= 
   MOBİL 
   ========================================================= */ 
 
@media(max-width:767px){ 
 
    .sbx-topbar-center{ 
        width: 100% !important; 
        max-width: 100% !important; 
 
        height: 30px !important; 
    } 
 
    .sbx-topbar-center::before{ 
 
        font-size: 12px !important; 
 
        animation-duration: 9s !important; 
    } 
 
}




/* =========================================================
   S&B LOGO BÜYÜTME
   ========================================================= */

.sbx-logo{
    min-width: 200px !important;
    width: 200px !important;
    flex-shrink: 0 !important;
}

.sbx-logo img{
    width: 100px !important;
    max-width: 85px !important;
    height: auto !important;
    max-height: 90px !important;
    object-fit: contain !important;
}


/* TABLET */
@media(max-width:1100px){

    .sbx-logo{
        min-width: 220px !important;
        width: 220px !important;
    }

    .sbx-logo img{
        width: 215px !important;
        max-width: 215px !important;
        max-height: 75px !important;
    }
}


/* MOBİL */
@media(max-width:767px){

    .sbx-logo{
        min-width: 0 !important;
        width: auto !important;
        flex: 0 1 auto !important;
    }

    .sbx-logo img{
        width: 175px !important;
        max-width: 175px !important;
        max-height: 58px !important;
    }
}





.sbx-account-menu > a.sbx-login-main,
.sbx-account-menu > a.sbx-login-main:link,
.sbx-account-menu > a.sbx-login-main:visited,
.sbx-account-menu > a.sbx-login-main:hover,
.sbx-account-menu > a.sbx-login-main:active {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}




/* =========================================================
   MOBİLDE LOGOYU ORTALA
   ========================================================= */
@media (max-width: 767px){

    .sbx-inner{
        position: relative !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
    }

    .sbx-logo{
        position: absolute !important;
        left: 50% !important;
        transform: translateX(-50%) !important;

        margin: 0 !important;
        z-index: 5 !important;
    }

    .sbx-logo img{
        display: block !important;
        margin: 0 auto !important;
    }

    /* sol hamburger */
    .sbx-mobile-toggle{
        position: relative !important;
        z-index: 6 !important;
    }

    /* sağ ikonlar */
    .sbx-actions{
        margin-left: auto !important;
        position: relative !important;
        z-index: 6 !important;
    }
}/* End custom CSS */