/* TIMSHOP header tugmalarini icon + button ko‘rinishiga o‘tkazish */
.shop-header nav{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    flex-wrap:wrap;
}

.shop-header nav a{
    min-height:44px;
    padding:0 16px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    border-radius:13px;
    color:#f4f6ff !important;
    font-weight:850;
    font-size:15px;
    background:linear-gradient(180deg,rgba(255,255,255,.085),rgba(255,255,255,.035));
    border:1px solid rgba(255,255,255,.12);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.12), 0 10px 24px rgba(0,0,0,.14);
    transition:.25s ease;
    white-space:nowrap;
}

.shop-header nav a:hover{
    transform:translateY(-2px);
    background:linear-gradient(135deg,#6d45ff,#2d8cff);
    box-shadow:0 16px 35px rgba(109,69,255,.32);
}

.shop-header nav a:nth-child(1)::before{content:"📦";}
.shop-header nav a:nth-child(2)::before{content:"🛒";}
.shop-header nav a:nth-child(3)::before{content:"♡";}
.shop-header nav a:nth-child(4)::before{content:"📋";}

.shop-header .mini-search{
    position:relative;
}

.shop-header .mini-search::before{
    content:"🔎";
    position:absolute;
    left:14px;
    top:50%;
    transform:translateY(-50%);
    opacity:.75;
    pointer-events:none;
}

.shop-header .mini-search input{
    height:44px;
    min-width:210px;
    padding-left:42px !important;
    border-radius:13px !important;
    background:rgba(13,20,48,.78) !important;
    border:1px solid rgba(255,255,255,.13) !important;
}

.shop-header .pill,
.shop-header .primary{
    min-height:44px;
    padding:0 17px !important;
    border-radius:13px !important;
    display:inline-flex !important;
    align-items:center;
    gap:9px;
}

.shop-header .pill::before{
    content:"👤";
}

.shop-header .primary::before{
    content:"🔐";
}

.cart-badge-btn{
    min-height:44px !important;
    border-radius:13px !important;
}

@media(max-width:900px){
    .shop-header{
        gap:14px;
    }

    .shop-header nav{
        width:100%;
    }

    .shop-header nav a{
        flex:1 1 160px;
    }

    .shop-header .header-actions{
        width:100%;
        justify-content:center;
    }

    .shop-header .mini-search,
    .shop-header .mini-search input{
        width:100%;
    }
}