:root{
    --t4-bg:#07090b;
    --t4-surface:#101318;
    --t4-surface-2:#171b21;
    --t4-border:#3a414b;
    --t4-text:#f7f7f5;
    --t4-muted:#adb4bd;
}
.tema4-body{margin:0!important;background:var(--t4-bg)!important;color:var(--t4-text)!important}
.t4-header{
    position:relative!important;
    z-index:600!important;
    width:100%!important;
    padding:14px 22px!important;
    box-sizing:border-box!important;
    background:var(--t4-bg)!important;
}
.t4-header .t4-topbar{display:none!important}
.t4-nav-shell{
    display:flex!important;
    align-items:center!important;
    width:100%!important;
    max-width:1580px!important;
    min-height:62px!important;
    margin:0 auto!important;
    border:0!important;
    border-radius:0!important;
    background:#090b0d!important;
    overflow:visible!important;
}
.t4-logo{
    display:flex!important;
    flex:0 0 210px!important;
    align-items:center!important;
    justify-content:flex-start!important;
    box-sizing:border-box!important;
    height:62px!important;
    padding:0 22px!important;
    border:0!important;
}
.t4-logo img{
    display:block!important;
    max-width:180px!important;
    max-height:44px!important;
    object-fit:contain!important;
}
.t4-menu{
    display:flex!important;
    flex:1 1 auto!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:18px!important;
    min-width:0!important;
    padding:0 12px!important;
    overflow:visible!important;
    background:transparent!important;
}
.t4-menu>.t1-menu-item{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
}
.t4-menu>.t1-menu-item>a{
    display:flex!important;
    align-items:center!important;
    height:38px!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    color:var(--t4-text)!important;
    font-size:12px!important;
    font-weight:700!important;
    text-decoration:none!important;
    white-space:nowrap!important;
}
.t4-menu>.t1-menu-item>a:hover{background:transparent!important;color:#fff!important}
.t4-menu .t1-menu-toggle{
    width:26px!important;
    height:38px!important;
    margin-left:-5px!important;
    border:0!important;
    background:transparent!important;
    color:var(--t4-text)!important;
    cursor:pointer!important;
}
.t4-menu .t1-submenu{
    position:absolute!important;
    top:calc(100% - 7px)!important;
    left:0!important;
    z-index:900!important;
    display:none!important;
    min-width:230px!important;
    padding:8px!important;
    border:1px solid var(--t4-border)!important;
    border-radius:10px!important;
    background:#0d1014!important;
    box-shadow:0 20px 45px rgba(0,0,0,.48)!important;
}
.t4-menu .t1-menu-item:hover>.t1-submenu,
.t4-menu .t1-menu-item:focus-within>.t1-submenu,
.t4-menu .t1-menu-item.is-open>.t1-submenu{display:block!important}
.t4-menu .t1-submenu a{
    display:block!important;
    padding:10px 12px!important;
    border-radius:7px!important;
    color:var(--t4-text)!important;
    font-size:13px!important;
    text-decoration:none!important;
}
.t4-menu .t1-submenu a:hover{background:var(--t4-surface-2)!important}
.t4-menu-button{
    display:none!important;
    flex:0 0 46px!important;
    align-items:center!important;
    justify-content:center!important;
    margin:8px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    color:#fff!important;
}
.t4-header .t1-mobile-menu-panel{background:#0d1014!important;color:var(--t4-text)!important}
.t4-header .t1-mobile-menu-panel a{color:var(--t4-text)!important}
@media(max-width:1180px){
    .t4-logo{flex-basis:180px!important;padding:0 14px!important}
    .t4-logo img{max-width:155px!important}
    .t4-menu{gap:14px!important;overflow-x:auto!important;overflow-y:visible!important}
}
@media(max-width:760px){
    .t4-header{padding:8px!important}
    .t4-nav-shell{min-height:58px!important}
    .t4-logo{flex:1 1 auto!important;height:58px!important;border:0!important}
    .t4-menu{display:none!important}
    .t4-menu-button{display:flex!important}
}


/* ===== Premium üst/alt çizgiler ===== */
.t4-header::before,
.t4-header::after,
.t4-footer::before{
content:"";
position:absolute;
left:2%;
right:2%;
height:2px;
background:linear-gradient(90deg,
rgba(255,255,255,0),
rgba(255,255,255,.15) 8%,
rgba(255,255,255,.55) 25%,
rgba(255,255,255,.95) 50%,
rgba(255,255,255,.55) 75%,
rgba(255,255,255,.15) 92%,
rgba(255,255,255,0));
box-shadow:0 0 8px rgba(255,255,255,.16);
pointer-events:none;
z-index:5;
}
.t4-header::before{top:0;}
.t4-header::after{bottom:0;}


/* ===== Premium hover ===== */
.t4-menu>.t1-menu-item>a{
transition:transform .18s ease,color .18s ease,text-shadow .18s ease!important;
transform-origin:center;
}
.t4-menu>.t1-menu-item:hover>a,
.t4-menu>.t1-menu-item:focus-within>a{
transform:scale(1.06)!important;
text-shadow:0 0 10px rgba(255,255,255,.18)!important;
}

/* ===== Tema 4 desktop sticky hamburger: sol açılır menü ===== */
.t4-tool-menu{
    display:none!important;
}

@media(min-width:761px){
    .tema4-body.t4-desktop-menu-collapsed .t4-header .t4-menu{
        display:none!important;
    }

    .tema4-body.t4-desktop-menu-collapsed .t4-sticky-tools .t4-sticky-tools-inner{
        grid-template-columns:repeat(5,minmax(0,1fr))!important;
    }

    .tema4-body.t4-desktop-menu-collapsed .t4-sticky-tools .t4-tool-menu{
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
    }

    .tema4-body.t4-desktop-menu-collapsed .t4-tool-menu .t4-menu-button{
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        width:42px!important;
        height:42px!important;
        margin:0!important;
        padding:0!important;
        border:1px solid rgba(255,255,255,.12)!important;
        border-radius:10px!important;
        background:rgba(255,255,255,.04)!important;
        color:var(--t4-text)!important;
        font-size:22px!important;
        line-height:1!important;
        cursor:pointer!important;
        transition:background .18s ease,border-color .18s ease,transform .18s ease!important;
    }

    .tema4-body.t4-desktop-menu-collapsed .t4-tool-menu .t4-menu-button:hover{
        background:rgba(255,255,255,.09)!important;
        border-color:rgba(255,255,255,.24)!important;
        transform:scale(1.04)!important;
    }

    .tema4-body.t4-desktop-menu-open{
        overflow:hidden!important;
    }

    .tema4-body.t4-desktop-menu-open .t4-header .t1-mobile-menu-backdrop{
        display:block!important;
        position:fixed!important;
        inset:0!important;
        z-index:2147483000!important;
        width:100vw!important;
        height:100vh!important;
        margin:0!important;
        padding:0!important;
        border:0!important;
        background:rgba(0,0,0,.68)!important;
        backdrop-filter:blur(3px)!important;
        opacity:1!important;
        visibility:visible!important;
        pointer-events:auto!important;
        transform:none!important;
    }

    .tema4-body.t4-desktop-menu-open .t4-header .t1-mobile-menu-panel{
        display:flex!important;
        position:fixed!important;
        top:0!important;
        left:0!important;
        right:auto!important;
        bottom:0!important;
        z-index:2147483001!important;
        flex-direction:column!important;
        width:min(380px,88vw)!important;
        max-width:88vw!important;
        height:100vh!important;
        max-height:100vh!important;
        margin:0!important;
        padding:0!important;
        overflow:hidden!important;
        box-sizing:border-box!important;
        border:0!important;
        border-right:1px solid rgba(255,255,255,.12)!important;
        border-radius:0!important;
        background:#0d1014!important;
        color:var(--t4-text)!important;
        box-shadow:24px 0 60px rgba(0,0,0,.55)!important;
        opacity:1!important;
        visibility:visible!important;
        pointer-events:auto!important;
        transform:none!important;
        translate:none!important;
        clip:auto!important;
        clip-path:none!important;
    }

    .tema4-body.t4-desktop-menu-open .t4-header .t1-mobile-menu-head{
        display:flex!important;
        flex:0 0 auto!important;
        align-items:center!important;
        justify-content:space-between!important;
        min-height:68px!important;
        padding:0 18px!important;
        border-bottom:1px solid rgba(255,255,255,.1)!important;
        background:#0a0d11!important;
        color:var(--t4-text)!important;
    }

    .tema4-body.t4-desktop-menu-open .t4-header .t1-mobile-menu-head strong{
        color:var(--t4-text)!important;
        font-size:18px!important;
        line-height:1!important;
        font-weight:800!important;
        letter-spacing:.2px!important;
    }

    .tema4-body.t4-desktop-menu-open .t4-header .t1-mobile-menu-close{
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        width:38px!important;
        height:38px!important;
        margin:0!important;
        padding:0!important;
        border:1px solid rgba(255,255,255,.12)!important;
        border-radius:10px!important;
        background:rgba(255,255,255,.04)!important;
        color:var(--t4-text)!important;
        font-size:25px!important;
        line-height:1!important;
        cursor:pointer!important;
    }

    .tema4-body.t4-desktop-menu-open .t4-header .t1-mobile-menu-body{
        display:block!important;
        flex:1 1 auto!important;
        min-height:0!important;
        padding:12px!important;
        overflow-x:hidden!important;
        overflow-y:auto!important;
        background:#0d1014!important;
        scrollbar-width:thin!important;
        scrollbar-color:#3a414b transparent!important;
    }

    .tema4-body.t4-desktop-menu-open .t4-header .t1-mobile-menu-item{
        display:block!important;
        width:100%!important;
        margin:0 0 6px!important;
        padding:0!important;
        border:0!important;
        background:transparent!important;
    }

    .tema4-body.t4-desktop-menu-open .t4-header .t1-mobile-menu-row{
        display:flex!important;
        align-items:center!important;
        width:100%!important;
        min-height:46px!important;
        box-sizing:border-box!important;
        border:1px solid rgba(255,255,255,.08)!important;
        border-radius:10px!important;
        background:#12161c!important;
        overflow:hidden!important;
    }

    .tema4-body.t4-desktop-menu-open .t4-header .t1-mobile-menu-row>a{
        display:flex!important;
        flex:1 1 auto!important;
        align-items:center!important;
        min-width:0!important;
        min-height:46px!important;
        padding:0 14px!important;
        box-sizing:border-box!important;
        color:var(--t4-text)!important;
        font-size:14px!important;
        line-height:20px!important;
        font-weight:700!important;
        text-decoration:none!important;
        white-space:normal!important;
    }

    .tema4-body.t4-desktop-menu-open .t4-header .t1-mobile-menu-row>a:hover{
        background:rgba(255,255,255,.04)!important;
        color:#fff!important;
    }

    .tema4-body.t4-desktop-menu-open .t4-header .t1-mobile-menu-toggle{
        display:flex!important;
        flex:0 0 46px!important;
        align-items:center!important;
        justify-content:center!important;
        width:46px!important;
        height:46px!important;
        margin:0!important;
        padding:0!important;
        border:0!important;
        border-left:1px solid rgba(255,255,255,.09)!important;
        background:#181d24!important;
        color:var(--t4-text)!important;
        font-size:20px!important;
        line-height:1!important;
        font-weight:700!important;
        cursor:pointer!important;
    }

    .tema4-body.t4-desktop-menu-open .t4-header .t1-mobile-submenu{
        display:none!important;
        margin:6px 0 0 12px!important;
        padding:0 0 0 10px!important;
        border-left:1px solid rgba(255,255,255,.12)!important;
    }

    .tema4-body.t4-desktop-menu-open .t4-header .t1-mobile-menu-item.is-open>.t1-mobile-submenu{
        display:block!important;
    }

    .tema4-body.t4-desktop-menu-open .t4-header .t1-mobile-submenu .t1-mobile-menu-row{
        min-height:42px!important;
        background:#0f1318!important;
    }

    .tema4-body.t4-desktop-menu-open .t4-header .t1-mobile-submenu .t1-mobile-menu-row>a{
        min-height:42px!important;
        padding-left:12px!important;
        font-size:13px!important;
        font-weight:600!important;
        color:#d7dbe0!important;
    }

    .tema4-body.t4-desktop-menu-open .t4-header .t1-mobile-submenu .t1-mobile-menu-toggle{
        flex-basis:42px!important;
        width:42px!important;
        height:42px!important;
        font-size:18px!important;
    }
}

@media(max-width:760px){
    .t4-sticky-tools .t4-tool-menu{
        display:none!important;
    }
}


/* ===== Tema4 sticky user + sepet ikonları beyaz ===== */
.t4-tool-user,
.t4-tool-user a,
.t4-tool-user i,
.t4-tool-user svg,
.t4-tool-user svg *,
.t4-tool-cart,
.t4-tool-cart a,
.t4-tool-cart i,
.t4-tool-cart svg,
.t4-tool-cart svg *,
.t4-sticky-tools .t4-tool-user,
.t4-sticky-tools .t4-tool-cart{
    color:#fff!important;
    fill:#fff!important;
    stroke:#fff!important;
}

.t4-tool-user img,
.t4-tool-cart img{
    filter:brightness(0) invert(1)!important;
}


/* ===== Tema4 menü sonu popup arama ===== */
.t4-search-menu-item{
    margin-left:auto!important;
    flex:0 0 auto!important;
}
.t4-search-open{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:40px!important;
    height:40px!important;
    margin:0!important;
    padding:0!important;
    border:1px solid rgba(255,255,255,.14)!important;
    border-radius:10px!important;
    background:rgba(255,255,255,.04)!important;
    color:var(--t4-text)!important;
    cursor:pointer!important;
    transition:background .18s ease,border-color .18s ease,transform .18s ease!important;
}
.t4-search-open:hover,
.t4-search-open:focus-visible{
    background:rgba(255,255,255,.10)!important;
    border-color:rgba(255,255,255,.30)!important;
    transform:scale(1.04)!important;
    outline:none!important;
}
.t4-search-open svg,
.t4-search-form button svg{
    width:20px!important;
    height:20px!important;
    fill:none!important;
    stroke:currentColor!important;
    stroke-width:1.8!important;
    stroke-linecap:round!important;
}
.t4-search-popup[hidden]{display:none!important}
.t4-search-popup{
    position:fixed!important;
    inset:0!important;
    z-index:2147483200!important;
    display:flex!important;
    align-items:flex-start!important;
    justify-content:center!important;
    padding:110px 18px 24px!important;
    box-sizing:border-box!important;
}
.t4-search-backdrop{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:rgba(0,0,0,.76)!important;
    backdrop-filter:blur(6px)!important;
    cursor:default!important;
}
.t4-search-dialog{
    position:relative!important;
    z-index:1!important;
    width:min(760px,100%)!important;
    padding:26px!important;
    box-sizing:border-box!important;
    border:1px solid rgba(255,255,255,.16)!important;
    border-radius:18px!important;
    background:#0d1014!important;
    box-shadow:0 28px 80px rgba(0,0,0,.65)!important;
}
.t4-search-close{
    position:absolute!important;
    top:8px!important;
    right:10px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:34px!important;
    height:34px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    color:#fff!important;
    font-size:27px!important;
    line-height:1!important;
    cursor:pointer!important;
}
.t4-search-form{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    border:1px solid rgba(255,255,255,.18)!important;
    border-radius:13px!important;
    background:#151a20!important;
    overflow:visible!important;
}
.t4-search-form input[type="search"]{
    flex:1 1 auto!important;
    width:100%!important;
    min-width:0!important;
    height:56px!important;
    padding:0 18px!important;
    border:0!important;
    outline:0!important;
    background:transparent!important;
    color:#fff!important;
    font-size:15px!important;
    font-weight:600!important;
    box-shadow:none!important;
}
.t4-search-form input[type="search"]::placeholder{color:#939ba5!important}
.t4-search-form>button[type="submit"]{
    display:flex!important;
    flex:0 0 56px!important;
    align-items:center!important;
    justify-content:center!important;
    width:56px!important;
    height:56px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-left:1px solid rgba(255,255,255,.12)!important;
    border-radius:0 12px 12px 0!important;
    background:#1d232b!important;
    color:#fff!important;
    cursor:pointer!important;
}
.t4-search-form .t1-search-results,
.t4-search-form [data-ka-search-results],
.t4-search-form .ka-search-results{
    top:calc(100% + 8px)!important;
    left:0!important;
    right:0!important;
    z-index:50!important;
    border:1px solid rgba(255,255,255,.14)!important;
    background:#101419!important;
    color:#fff!important;
    box-shadow:0 20px 50px rgba(0,0,0,.55)!important;
}
.t4-search-opened{overflow:hidden!important}
@media(max-width:760px){
    .t4-header .t4-menu{
        display:flex!important;
        flex:0 0 auto!important;
        width:auto!important;
        min-width:40px!important;
        margin-left:auto!important;
        padding:0!important;
        overflow:visible!important;
    }
    .t4-header .t4-menu>.t1-menu-item:not(.t4-search-menu-item){
        display:none!important;
    }
    .t4-search-menu-item{
        display:flex!important;
        margin-left:0!important;
    }
    .t4-search-open{
        width:40px!important;
        height:40px!important;
    }
    .t4-search-popup{padding:76px 10px 16px!important}
    .t4-search-dialog{padding:22px 14px 14px!important;border-radius:14px!important}
    .t4-search-form input[type="search"]{height:50px!important;padding:0 14px!important;font-size:14px!important}
    .t4-search-form>button[type="submit"]{flex-basis:50px!important;width:50px!important;height:50px!important}
}