/* ==================================================
   HEMRITU MOBILE HEADER
================================================== */

.hemritu-mobile-header{
    display:none;
    position:sticky;
    top:0;
    left:0;
    width:100%;
    background:#ffffff;
    z-index:9999;
    border-bottom:1px solid #ececec;
}

.hemritu-mobile-header .hemritu-header-container{
    height:60px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:0 15px;
}

/* Menu */

.hemritu-menu-btn{
    border:none;
    background:none;
    cursor:pointer;
    font-size:28px;
    color:#222;
    line-height:1;
    padding:0;
}

/* Logo */

.hemritu-mobile-header .hemritu-logo{
    flex:1;
    text-align:center;
}

.hemritu-mobile-header .custom-logo{
    max-height:34px;
    width:auto;
}

/* Right Icons */

.hemritu-mobile-header .hemritu-actions{
    display:flex;
    align-items:center;
    gap:18px;
}

.hemritu-mobile-header .hemritu-search{
    background:none;
    border:none;
    cursor:pointer;
    font-size:20px;
    color:#444;
}

.hemritu-mobile-header .hemritu-cart{
    display:flex;
    align-items:center;
    gap:4px;
    text-decoration:none;
    color:#444;
    font-size:20px;
}

.hemritu-mobile-header .hemritu-cart-count{
    font-size:14px;
    font-weight:600;
    min-width:16px;
    text-align:center;
}

/* ==========================================
   Responsive
========================================== */

@media (max-width:991px){

    .hemritu-desktop-header{
        display:none;
    }

    .hemritu-mobile-header{
        display:block;
    }

}

/* ==========================================================
   HEMRITU MOBILE HEADER - FINAL FIX
========================================================== */

@media screen and (max-width: 991px) {

    .hemritu-mobile-header {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;

        position: sticky !important;
        top: 0 !important;
        left: 0 !important;

        width: 100% !important;
        min-height: 60px !important;

        background: #ffffff !important;

        z-index: 9999 !important;

        transform: none !important;
        filter: none !important;
    }

    .hemritu-mobile-header .hemritu-header-container {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    .hemritu-mobile-header .hemritu-menu-btn,
    .hemritu-mobile-header .hemritu-logo,
    .hemritu-mobile-header .hemritu-actions {
        visibility: visible !important;
        opacity: 1 !important;
    }

    .hemritu-mobile-header img {
        visibility: visible !important;
        opacity: 1 !important;
    }

    /* Desktop header hidden on mobile */
    .hemritu-desktop-header {
        display: none !important;
    }

    /* Mobile drawer must stay above header */
    .hemritu-mobile-menu {
        z-index: 10001 !important;
    }

    .hemritu-mobile-overlay {
        z-index: 10000 !important;
    }
}