#anucart-mobile-header{
    display:none;
}

@media (max-width:768px){

#anucart-mobile-header{
    display:block;
}

/* rest of your existing CSS... */

}




/* ==========================================================
   ANUCART PREMIUM MOBILE HEADER
========================================================== */

@media (max-width:768px){

/* Hide Astra Mobile Header */

#ast-mobile-header{
    display:none!important;
}

/* Main Header */

#anucart-mobile-header{
    position:sticky;
    top:0;
    z-index:9999;
    background:#fff;
    border-bottom:1px solid #e5e7eb;
    box-shadow:0 2px 10px rgba(0,0,0,.06);
}

/* =====================================================
   NORMAL HEADER
===================================================== */

.anucart-header-normal{
    display:flex;
    align-items:center;
    gap:12px;
    height:64px;
    padding:0 14px;
}

/* Menu */

.anucart-menu-btn{
    width:44px;
    height:44px;
    flex:0 0 44px;

    display:flex;
    align-items:center;
    justify-content:center;

    border:none;
    border-radius:12px;

    background:#0057d9;
    color:#fff;

    cursor:pointer;

    transition:.25s;
}

.anucart-menu-btn:hover{
    background:#0045b3;
}

.anucart-menu-btn svg,
.anucart-open-search svg,
.anucart-cart-btn svg{
    width:22px !important;
    height:22px !important;
    display:block !important;
    overflow:visible !important;
}

.anucart-menu-btn svg *{
    stroke:#ffffff !important;
}

.anucart-open-search svg *{
    stroke:#6b7280 !important;
}
/* Logo */

.anucart-logo{

    flex:1;

    min-width:0;

    color:#111827;

    text-decoration:none;

    font-size:18px;

    font-weight:700;

    white-space:nowrap;

    overflow:hidden;

    text-overflow:ellipsis;

}

/* Right */

.anucart-header-right{

    display:flex;

    align-items:center;

    gap:10px;

    flex-shrink:0;

}

/* Search Icon */

.anucart-open-search{

    width:42px;
    height:42px;

    display:flex;
    align-items:center;
    justify-content:center;

    background:#f3f4f6;

    border:none;
    border-radius:12px;

    color:#4b5563;

    cursor:pointer;

    transition:.25s;

}

.anucart-open-search:hover{

    background:#e8eefc;

    color:#0057d9;

}

/* Cart */

.anucart-cart-btn{

    width:44px;
    height:44px;

    display:flex;
    align-items:center;
    justify-content:center;

    position:relative;

    background:#0057d9;

    color:#fff;

    border-radius:12px;

    text-decoration:none;

}

.anucart-cart-btn svg{

    width:22px;
    height:22px;

}

/* Badge */

.cart-count{

    position:absolute;

    top:-5px;

    right:-5px;

    min-width:18px;

    height:18px;

    border-radius:50%;

    background:#ff3b30;

    color:#fff;

    font-size:11px;

    font-weight:700;

    display:flex;

    align-items:center;

    justify-content:center;

    border:2px solid #fff;

}

/* =====================================================
   SEARCH HEADER
===================================================== */

.anucart-header-search{

    display:none;

    align-items:center;

    gap:10px;

    padding:10px 14px;

}

/* Toggle */

#anucart-mobile-header.search-open .anucart-header-normal{

    display:none;

}

#anucart-mobile-header.search-open .anucart-header-search{

    display:flex;

}

/* Back */

.anucart-close-search{

    width:42px;

    height:42px;

    flex:0 0 42px;

    display:flex;

    align-items:center;

    justify-content:center;

    border:none;

    border-radius:12px;

    background:#f3f4f6;

    cursor:pointer;

}

/* Form */

.anucart-search-form{

    flex:1;

    position:relative;

}

/* Input */

.anucart-search-input{

    width:100%;

    height:46px;

    border:1px solid #e5e7eb;

    border-radius:999px;

    background:#f9fafb;

    padding:0 48px 0 18px;

    font-size:15px;

    outline:none;

    transition:.25s;

}

.anucart-search-input::placeholder{

    color:#9ca3af;

}

.anucart-search-input:focus{

    background:#fff;

    border-color:#0057d9;

    box-shadow:0 0 0 3px rgba(0,87,217,.12);

}

/* Search Button */

.anucart-search-btn{

    position:absolute;

    top:50%;

    right:16px;

    transform:translateY(-50%);

    display:flex;

    align-items:center;

    justify-content:center;

    border:none;

    background:transparent;

    color:#6b7280;

    cursor:pointer;

}

.anucart-search-btn svg{

    width:20px;

    height:20px;

}
.anucart-close-search svg{
    width:22px !important;
    height:22px !important;
    display:block !important;
    stroke:#374151 !important;
}


.anucart-close-search{
    width:42px;
    height:42px;

    display:flex !important;
    align-items:center;
    justify-content:center;

    background:#f3f4f6;
    border:none;
    border-radius:12px;

    padding:0 !important;
    margin:0;

    color:#374151 !important;

    cursor:pointer;
}

.anucart-close-search svg{
    width:22px !important;
    height:22px !important;

    display:block !important;

    stroke:#374151 !important;
    fill:none !important;

    visibility:visible !important;
    opacity:1 !important;
}





/*====================================================
  PREMIUM SEARCH HEADER
====================================================*/

.anucart-header-search{
    display:none !important;
    align-items:center !important;
    gap:12px !important;

    padding:12px 14px !important;

    background:#ffffff !important;

    border-top:1px solid #f3f4f6 !important;
}

#anucart-mobile-header.search-open .anucart-header-search{
    display:flex !important;
}

#anucart-mobile-header.search-open .anucart-header-normal{
    display:none !important;
}

/*==============================
  BACK BUTTON
==============================*/

.anucart-close-search{

    width:46px !important;
    height:46px !important;

    flex:0 0 46px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

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

    border:none !important;
    border-radius:14px !important;

    background:#f5f7fb !important;

    color:#374151 !important;

    cursor:pointer !important;

    transition:.25s !important;
}

.anucart-close-search:hover{

    background:#ebf2ff !important;

}

.anucart-close-search svg{

    width:22px !important;
    height:22px !important;

    display:block !important;

    stroke:#374151 !important;

    fill:none !important;

}

/*==============================
  SEARCH FORM
==============================*/

.anucart-search-form{

    flex:1 !important;

    position:relative !important;

}

/*==============================
  SEARCH INPUT
==============================*/

.anucart-search-input{

    width:100% !important;

    height:50px !important;

    padding:0 56px 0 18px !important;

    border:none !important;

    border-radius:14px !important;

    background:#f5f7fb !important;

    color:#111827 !important;

    font-size:15px !important;

    font-weight:500 !important;

    box-shadow:0 2px 8px rgba(0,0,0,.06) !important;

    outline:none !important;

    transition:.25s !important;

}

.anucart-search-input::placeholder{

    color:#9ca3af !important;

    font-weight:500 !important;

}

.anucart-search-input:focus{

    background:#ffffff !important;

    box-shadow:
        0 0 0 3px rgba(0,87,217,.12),
        0 6px 18px rgba(0,0,0,.08) !important;

}

/*==============================
  SEARCH BUTTON
==============================*/

.anucart-search-btn{

    position:absolute !important;

    top:50% !important;

    right:8px !important;

    transform:translateY(-50%) !important;

    width:36px !important;

    height:36px !important;

    border:none !important;

    border-radius:10px !important;

    background:#0057d9 !important;

    color:#ffffff !important;

    display:flex !important;

    align-items:center !important;

    justify-content:center !important;

    cursor:pointer !important;

    transition:.25s !important;

    padding:0 !important;

}

.anucart-search-btn:hover{

    background:#0048b8 !important;

    transform:translateY(-50%) scale(1.05) !important;

}

.anucart-search-btn svg{

    width:18px !important;

    height:18px !important;

    display:block !important;

    stroke:#ffffff !important;

    fill:none !important;

}


}


#ast-mobile-header{
    display:block !important;

}
/* Hide Astra mobile header but keep it functional */
.ast-header-break-point #masthead .ast-mobile-header-wrap .ast-primary-header-bar, .ast-header-break-point #masthead .ast-mobile-header-wrap .ast-below-header-bar, .ast-header-break-point #masthead .ast-mobile-header-wrap .ast-above-header-bar {
    padding-left: 20px !important;
    padding-right: 20px !important;
    position: absolute !important;
    top: -80px !important;
}