:root{--t3-topbar:var(--theme-menubar,#171717);--t3-gold:#c99a55}
.tema3-body{margin:0;background:var(--theme-bg,#f7f7f5)}
.t3-header{position:relative;z-index:300;width:100%;background:#fff!important;box-shadow:0 8px 28px rgba(15,23,42,.09)}
.t3-header .t1-menu{display:none!important}

/* ÜST RENKLİ ALAN: kullanıcı, sepet, dil ve para birimi */
.t3-header .t3-topbar{display:block!important;box-sizing:border-box!important;width:100%!important;min-height:48px!important;margin:0!important;padding:0!important;background:var(--t3-topbar)!important;color:#fff!important;overflow:visible!important}
.t3-header .t3-topbar-inner{box-sizing:border-box!important;width:min(100%,1480px)!important;max-width:1480px!important;min-height:48px!important;margin:0 auto!important;padding:5px 24px!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;overflow:visible!important}
.t3-header .t3-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;width:auto!important;margin:0!important;padding:0!important;color:#fff!important;overflow:visible!important}
.t3-header .t1-mobile-switchers{display:flex!important;align-items:center!important;gap:8px!important;order:3!important;margin:0!important}
.t3-header .ka-user-menu{order:1!important;position:relative!important}
.t3-header .ka-cart-menu{order:2!important;position:relative!important}
.t3-header .ka-user-trigger,.t3-header .ka-cart-trigger{box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;height:38px!important;min-width:42px!important;margin:0!important;padding:0 11px!important;border:1px solid rgba(255,255,255,.28)!important;border-radius:10px!important;background:rgba(255,255,255,.06)!important;color:var(--theme-button-text,#fff)!important}
.t3-header .ka-user-icon,.t3-header .ka-cart-icon{font-size:18px!important;line-height:1!important;filter:none!important;color:var(--theme-button-text,#fff)!important}
.t3-header .ka-user-tip,.t3-header .ka-cart-label{display:inline!important;color:var(--theme-button-text,#fff)!important;font-size:11px!important;line-height:1!important;white-space:nowrap!important}
.t3-header .ka-lang-switcher,.t3-header .ka-currency-switcher{display:inline-flex!important;margin:0!important;position:relative!important}
.t3-header .ka-lang-current,.t3-header .ka-currency-current{box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;height:38px!important;min-width:62px!important;margin:0!important;padding:0 9px!important;border:1px solid rgba(255,255,255,.28)!important;border-radius:10px!important;background:rgba(255,255,255,.06)!important;color:var(--theme-button-text,#fff)!important}
.t3-header .ka-lang-current b,.t3-header .ka-currency-current b{display:inline!important;color:var(--theme-button-text,#fff)!important;font-size:10px!important}
.t3-header .ka-lang-menu,.t3-header .ka-currency-menu,.t3-header .ka-user-popover,.t3-header .ka-cart-popover{z-index:1400!important}

/* ALT BEYAZ ALAN: arama, ortada logo, sağda hamburger */
.t3-header .t3-mainbar{box-sizing:border-box!important;width:min(100%,1480px)!important;max-width:1480px!important;height:76px!important;margin:0 auto!important;padding:0 24px!important;display:grid!important;grid-template-columns:330px minmax(180px,1fr) 48px!important;grid-template-areas:"search logo menu"!important;align-items:center!important;gap:18px!important;background:#fff!important}
.t3-header .t3-search{grid-area:search!important;display:flex!important;width:100%!important;max-width:330px!important;height:42px!important;margin:0!important;position:relative!important}
.t3-header .t3-search input{box-sizing:border-box!important;display:block!important;width:100%!important;height:42px!important;margin:0!important;padding:0 48px 0 15px!important;border:1px solid #d8dde5!important;border-radius:12px!important;background:#fff!important;color:#111827!important;font-size:13px!important;outline:0!important}
.t3-header .t3-search input:focus{border-color:var(--t3-topbar)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--t3-topbar) 13%,transparent)!important}
.t3-header .t3-search button{position:absolute!important;right:3px!important;top:3px!important;display:flex!important;align-items:center!important;justify-content:center!important;width:38px!important;min-width:38px!important;height:36px!important;margin:0!important;padding:0!important;border:0!important;border-radius:10px!important;background:transparent!important;color:#111827!important;font-size:23px!important;line-height:1!important}
.t3-header .t3-search button:after{content:none!important}
.t3-header .t3-logo{grid-area:logo!important;justify-self:center!important;display:flex!important;align-items:center!important;justify-content:center!important;width:auto!important;max-width:230px!important;height:58px!important;margin:0!important;padding:0!important;position:static!important;transform:none!important}
.t3-header .t3-logo img{display:block!important;width:auto!important;max-width:220px!important;height:auto!important;max-height:52px!important;object-fit:contain!important;filter:none!important}
.t3-header .t3-menu-button{grid-area:menu!important;justify-self:end!important;display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;width:48px!important;height:42px!important;margin:0!important;padding:0!important;border:1px solid #d8dde5!important;border-radius:11px!important;background:#fff!important;color:#111827!important;font-size:24px!important;line-height:1!important;position:static!important;cursor:pointer!important}
.t3-header .t3-menu-button:hover{border-color:var(--t3-topbar)!important;color:#111827!important}

.t3-page-transition{position:fixed;inset:0;z-index:99999;display:grid;grid-template-columns:repeat(12,1fr);pointer-events:none;visibility:hidden}
.t3-page-transition.is-active{visibility:visible}.t3-page-transition span{background:var(--t3-topbar);transform:scaleY(0);transform-origin:top;transition:transform .42s cubic-bezier(.7,0,.2,1);transition-delay:calc(var(--i)*35ms)}.t3-page-transition.is-active span{transform:scaleY(1)}.t3-page-transition.is-opening span{transform-origin:bottom;transform:scaleY(0)}

@media(max-width:980px){
 .t3-header .t3-topbar-inner{padding-left:14px!important;padding-right:14px!important}
 .t3-header .t3-mainbar{grid-template-columns:230px minmax(130px,1fr) 44px!important;gap:10px!important;padding:0 14px!important}
 .t3-header .t3-search{max-width:230px!important}
 .t3-header .ka-user-tip,.t3-header .ka-cart-label{display:none!important}
}
@media(max-width:760px){
 .t3-header .t3-topbar{min-height:44px!important}
 .t3-header .t3-topbar-inner{min-height:44px!important;padding:4px 8px!important;justify-content:center!important}
 .t3-header .t3-actions{width:100%!important;justify-content:center!important;gap:4px!important}
 .t3-header .t1-mobile-switchers{display:flex!important;gap:4px!important}
 .t3-header .ka-user-trigger,.t3-header .ka-cart-trigger{width:36px!important;min-width:36px!important;height:36px!important;padding:0!important}
 .t3-header .ka-lang-current,.t3-header .ka-currency-current{height:36px!important;min-width:54px!important;padding:0 6px!important}
 .t3-header .t3-mainbar{height:62px!important;grid-template-columns:42px minmax(90px,1fr) 40px!important;grid-template-areas:"search logo menu"!important;gap:6px!important;padding:0 8px!important}
 .t3-header .t3-search{width:42px!important;height:40px!important}
 .t3-header .t3-search input{display:none!important}
 .t3-header .t3-search button{position:static!important;width:42px!important;min-width:42px!important;height:40px!important;border:1px solid #d8dde5!important;border-radius:10px!important;color:#111827!important;background:#fff!important}
 .t3-header .t3-logo{max-width:132px!important;height:46px!important}
 .t3-header .t3-logo img{max-width:128px!important;max-height:42px!important}
 .t3-header .t3-menu-button{width:40px!important;height:40px!important}
 .t3-page-transition{grid-template-columns:repeat(8,1fr)}
}

/* Tema 3 header slogan alanı — yalnız logo ile hamburger arası */
.t3-header .t3-mainbar{
    grid-template-columns:330px minmax(180px,1fr) minmax(190px,340px) 48px!important;
    grid-template-areas:"search logo slogan menu"!important;
}
.t3-header .t3-header-slogan{
    grid-area:slogan!important;
    position:relative!important;
    align-self:center!important;
    justify-self:stretch!important;
    min-width:0!important;
    height:42px!important;
    overflow:hidden!important;
}
.t3-header .t3-header-slogan-item{
    position:absolute!important;
    inset:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    box-sizing:border-box!important;
    padding:0 12px!important;
    color:var(--theme-text,#374151)!important;
    font-size:13px!important;
    font-weight:750!important;
    line-height:18px!important;
    text-align:center!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    opacity:0!important;
    transform:translateY(100%)!important;
    transition:transform .46s ease,opacity .46s ease!important;
    pointer-events:none!important;
}
.t3-header .t3-header-slogan-item.is-active{
    opacity:1!important;
    transform:translateY(0)!important;
}
.t3-header .t3-header-slogan-item.is-leaving{
    opacity:0!important;
    transform:translateY(-100%)!important;
}

@media(max-width:980px){
    .t3-header .t3-mainbar{
        grid-template-columns:230px minmax(130px,1fr) minmax(150px,230px) 44px!important;
        grid-template-areas:"search logo slogan menu"!important;
    }
    .t3-header .t3-header-slogan-item{
        padding:0 8px!important;
        font-size:11px!important;
        line-height:15px!important;
    }
}
@media(max-width:760px){
    .t3-header .t3-mainbar{
        grid-template-columns:42px minmax(82px,1fr) minmax(86px,120px) 40px!important;
        grid-template-areas:"search logo slogan menu"!important;
    }
    .t3-header .t3-header-slogan{
        height:36px!important;
    }
    .t3-header .t3-header-slogan-item{
        padding:0 4px!important;
        font-size:9px!important;
        line-height:12px!important;
    }
}

/* Tema 3 desktop hamburger menüsü — mobil kurallardan bağımsız */
@media(min-width:761px){
    .t3-header .t1-mobile-menu-backdrop.t3-desktop-menu-open{
        display:block!important;
        position:fixed!important;
        inset:0!important;
        z-index:1600!important;
        background:rgba(15,23,42,.42)!important;
    }
    .t3-header .t1-mobile-menu-panel.t3-desktop-menu-open{
        display:flex!important;
        position:fixed!important;
        top:0!important;
        right:0!important;
        bottom:0!important;
        z-index:1601!important;
        width:min(390px,92vw)!important;
        max-width:390px!important;
        height:100vh!important;
        flex-direction:column!important;
        overflow:hidden!important;
        background:#fff!important;
        box-shadow:-18px 0 50px rgba(15,23,42,.2)!important;
    }
    .t3-header .t1-mobile-menu-panel.t3-desktop-menu-open .t1-mobile-menu-head{
        flex:0 0 auto!important;
    }
    .t3-header .t1-mobile-menu-panel.t3-desktop-menu-open .t1-mobile-menu-body{
        flex:1 1 auto!important;
        overflow-y:auto!important;
    }
    body.t3-desktop-menu-lock{
        overflow:hidden!important;
    }
}

/* Tema 3 desktop açılır kategori paneli iç tasarımı */
@media(min-width:761px){
    .t3-header .t1-mobile-menu-panel.t3-desktop-menu-open{
        color:#111827!important;
    }

    .t3-header .t1-mobile-menu-panel.t3-desktop-menu-open .t1-mobile-menu-head{
        display:flex!important;
        align-items:center!important;
        justify-content:space-between!important;
        min-height:72px!important;
        padding:0 22px!important;
        border-bottom:1px solid #eceff3!important;
        background:#fff!important;
    }

    .t3-header .t1-mobile-menu-panel.t3-desktop-menu-open .t1-mobile-menu-head strong{
        margin:0!important;
        color:#111827!important;
        font-size:22px!important;
        line-height:28px!important;
        font-weight:850!important;
        letter-spacing:-.35px!important;
    }

    .t3-header .t1-mobile-menu-panel.t3-desktop-menu-open .t1-mobile-menu-close{
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        width:38px!important;
        min-width:38px!important;
        height:38px!important;
        margin:0!important;
        padding:0!important;
        border:1px solid #dfe3e8!important;
        border-radius:10px!important;
        background:#fff!important;
        color:#111827!important;
        font-size:25px!important;
        line-height:1!important;
        cursor:pointer!important;
    }

    .t3-header .t1-mobile-menu-panel.t3-desktop-menu-open .t1-mobile-menu-close:hover{
        border-color:var(--t3-topbar)!important;
    }

    .t3-header .t1-mobile-menu-panel.t3-desktop-menu-open .t1-mobile-menu-body{
        box-sizing:border-box!important;
        padding:14px 14px 28px!important;
        background:#f7f8fa!important;
    }

    .t3-header .t1-mobile-menu-panel.t3-desktop-menu-open .t1-mobile-menu-item{
        margin:0 0 8px!important;
        border:1px solid #e5e8ed!important;
        border-radius:12px!important;
        background:#fff!important;
        overflow:hidden!important;
    }

    .t3-header .t1-mobile-menu-panel.t3-desktop-menu-open .t1-mobile-menu-row{
        display:grid!important;
        grid-template-columns:minmax(0,1fr) 38px!important;
        align-items:center!important;
        min-height:50px!important;
        padding:0 8px 0 14px!important;
        gap:8px!important;
    }

    .t3-header .t1-mobile-menu-panel.t3-desktop-menu-open .t1-mobile-menu-row>a{
        display:flex!important;
        align-items:center!important;
        min-width:0!important;
        min-height:50px!important;
        color:#1f2937!important;
        font-size:14px!important;
        line-height:19px!important;
        font-weight:750!important;
        text-decoration:none!important;
    }

    .t3-header .t1-mobile-menu-panel.t3-desktop-menu-open .t1-mobile-menu-row>a:hover{
        color:var(--t3-topbar)!important;
    }

    .t3-header .t1-mobile-menu-panel.t3-desktop-menu-open .t1-mobile-menu-toggle{
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        width:34px!important;
        height:34px!important;
        margin:0!important;
        padding:0!important;
        border:1px solid #e1e5ea!important;
        border-radius:9px!important;
        background:#f8f9fb!important;
        color:#111827!important;
        font-size:20px!important;
        line-height:1!important;
        font-weight:700!important;
        cursor:pointer!important;
    }

    .t3-header .t1-mobile-menu-panel.t3-desktop-menu-open .t1-mobile-submenu{
        display:none!important;
        padding:0 10px 10px!important;
        background:#fff!important;
    }

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

    .t3-header .t1-mobile-menu-panel.t3-desktop-menu-open .t1-mobile-submenu>.t1-mobile-menu-item{
        margin:6px 0 0!important;
        border-color:#edf0f3!important;
        border-radius:10px!important;
        background:#f8f9fb!important;
    }

    .t3-header .t1-mobile-menu-panel.t3-desktop-menu-open .t1-mobile-submenu .t1-mobile-menu-row{
        min-height:44px!important;
        padding-left:12px!important;
    }

    .t3-header .t1-mobile-menu-panel.t3-desktop-menu-open .t1-mobile-submenu .t1-mobile-menu-row>a{
        min-height:44px!important;
        font-size:13px!important;
        line-height:18px!important;
        font-weight:700!important;
    }

    .t3-header .t1-mobile-menu-panel.t3-desktop-menu-open .t1-mobile-submenu .t1-mobile-submenu{
        padding-left:10px!important;
    }
}

/* Tema 3 mobil açılır arama — yalnız mobil */
@media(max-width:760px){
    .t3-header .t3-mainbar{
        position:relative!important;
        overflow:visible!important;
        transition:margin-bottom .22s ease!important;
    }

    .t3-header .t3-search{
        z-index:20!important;
        transition:none!important;
    }

    .t3-header.t3-mobile-search-open .t3-mainbar{
        margin-bottom:56px!important;
    }

    .t3-header.t3-mobile-search-open .t3-search{
        position:absolute!important;
        left:8px!important;
        right:8px!important;
        bottom:-50px!important;
        width:auto!important;
        max-width:none!important;
        height:44px!important;
        margin:0!important;
        display:flex!important;
        align-items:center!important;
        border:1px solid #d8dde5!important;
        border-radius:12px!important;
        background:#fff!important;
        box-shadow:0 10px 26px rgba(15,23,42,.12)!important;
    }

    .t3-header.t3-mobile-search-open .t3-search input{
        display:block!important;
        width:100%!important;
        height:42px!important;
        padding:0 48px 0 14px!important;
        border:0!important;
        border-radius:12px!important;
        background:#fff!important;
        color:#111827!important;
        font-size:13px!important;
        outline:0!important;
    }

    .t3-header.t3-mobile-search-open .t3-search button{
        position:absolute!important;
        top:3px!important;
        right:3px!important;
        width:38px!important;
        min-width:38px!important;
        height:36px!important;
        border:0!important;
        background:transparent!important;
        color:#111827!important;
    }
}

/* Mobil açık arama genişlik düzeltmesi */
@media(max-width:760px){
    .t3-header.t3-mobile-search-open .t3-search{
        box-sizing:border-box!important;
        left:8px!important;
        right:8px!important;
        width:calc(100% - 16px)!important;
        min-width:calc(100% - 16px)!important;
        max-width:calc(100% - 16px)!important;
        flex:0 0 calc(100% - 16px)!important;
        justify-self:stretch!important;
    }

    .t3-header.t3-mobile-search-open .t3-search input{
        display:block!important;
        flex:1 1 auto!important;
        width:100%!important;
        min-width:0!important;
        max-width:none!important;
    }
}

/* Mobil açık arama: grid ikinci satırında tam genişlik */
@media(max-width:760px){
    .t3-header.t3-mobile-search-open .t3-mainbar{
        height:auto!important;
        min-height:112px!important;
        margin-bottom:0!important;
        padding-top:0!important;
        padding-bottom:8px!important;
        grid-template-columns:42px minmax(82px,1fr) minmax(86px,120px) 40px!important;
        grid-template-rows:62px 44px!important;
        grid-template-areas:
            "search-icon logo slogan menu"
            "search-full search-full search-full search-full"!important;
        row-gap:0!important;
        overflow:visible!important;
    }

    .t3-header.t3-mobile-search-open .t3-search{
        grid-area:search-full!important;
        position:relative!important;
        left:auto!important;
        right:auto!important;
        top:auto!important;
        bottom:auto!important;
        align-self:center!important;
        justify-self:stretch!important;
        box-sizing:border-box!important;
        display:flex!important;
        width:100%!important;
        min-width:0!important;
        max-width:none!important;
        height:44px!important;
        margin:0!important;
        flex:none!important;
        border:1px solid #d8dde5!important;
        border-radius:12px!important;
        background:#fff!important;
        box-shadow:0 8px 20px rgba(15,23,42,.10)!important;
    }

    .t3-header.t3-mobile-search-open .t3-search input{
        display:block!important;
        position:static!important;
        flex:1 1 auto!important;
        width:auto!important;
        min-width:0!important;
        max-width:none!important;
        height:42px!important;
        padding:0 48px 0 14px!important;
        border:0!important;
        border-radius:12px!important;
        background:#fff!important;
        color:#111827!important;
        font-size:13px!important;
        outline:0!important;
    }

    .t3-header.t3-mobile-search-open .t3-search button{
        position:absolute!important;
        top:3px!important;
        right:3px!important;
        left:auto!important;
        bottom:auto!important;
        width:38px!important;
        min-width:38px!important;
        height:36px!important;
        margin:0!important;
        border:0!important;
        background:transparent!important;
        color:#111827!important;
    }
}