/* =========================================================
   v0.4.15 REV11 — Mobile nav centered + header search button
   Sadece <=900px mobil/tablet header/menu. Desktop etkilenmez.
   ========================================================= */
.mobile-header-search{display:none}

@media(max-width:900px){
    .header-main-inner{position:relative}

    .mobile-header-search{
        display:grid;
        place-items:center;
        position:absolute;
        left:50%;
        top:0;
        transform:translateX(-50%);
        width:48px;
        height:70px;
        border:0;
        padding:0;
        background:transparent;
        color:#2e3d44;
        cursor:pointer;
        z-index:12;
    }
    .mobile-header-search svg{
        width:22px;
        height:22px;
        fill:currentColor;
        display:block;
    }
    .mobile-header-search:focus-visible{
        outline:2px solid #ef3535;
        outline-offset:-5px;
        border-radius:8px;
    }

    .mobile-toggle{
        margin-left:auto !important;
        flex:0 0 48px;
        position:relative;
        z-index:13;
    }

    .live-nav > a,
    .live-nav .nav-item > a,
    .live-nav .nav-item > .nav-parent-trigger{
        width:100% !important;
        justify-content:center !important;
        text-align:center !important;
        padding-left:20px !important;
        padding-right:20px !important;
    }

    .live-nav .nav-item > .nav-parent-trigger{
        display:flex;
        align-items:center;
        border-left:0;
        border-right:0;
    }

    .live-nav .nav-chevron{margin-left:8px !important}
    .live-nav .dropdown{padding-left:0 !important}
    .live-nav .dropdown a{
        text-align:center !important;
        padding-left:18px !important;
        padding-right:18px !important;
    }
}

@media(max-width:420px){
    .mobile-header-search{width:44px}
    .mobile-header-search svg{width:21px;height:21px}
}