.searchBarOption {
    border-radius: 8px;
    background: #fff;
    /*padding-left: 20px;*/
}
.menu-arrow-icon {
    transform: scaleX(-1);
    position: relative;
    top: -6px;
}
#categoryNav{
    border-radius: 8px;
    border: 0px solid #dee2e6 !important;
    background: #ffffff;
    margin-top: 0px !important;
    z-index: 99;
}
.OfferNSearchOuterContainer {
    margin-bottom: 0 !important;
}

.leftMenuPanel {
    position: sticky;
    top: 20px;
    height: fit-content;
    max-height: 85vh;
    overflow-y: auto;
}
@media (max-width:991px) {
    .menupageview {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    .leftMenuPanel {
        margin-top: 0 !important;
        border-radius: 8px;
        border: none !important;
        BACKGROUND: transparent;
    }
    .sticky-mobile-bar {
        border: none !important;
        BACKGROUND: transparent;
    }
}
@media (max-width:768px) {
    .leftMenuPanel {
        position: sticky;
        top: 0px;
        height: fit-content;
        max-height: 85vh;
        overflow-y: auto;
    }
}

.leftMenuPanel::-webkit-scrollbar {
    width: 1px;
}

.leftMenuPanel::-webkit-scrollbar-track {
    background: transparent;
}

.leftMenuPanel::-webkit-scrollbar-thumb {
    background-color: rgba(0,0,0,0.3);
    border-radius: 3px;
}

.leftMenuPanel {
    scrollbar-width: none;
    scrollbar-color: rgba(0,0,0,0.3) transparent;
}

    .leftMenuPanel .menu-item {
        padding: 10px 15px;
        cursor: pointer;
        transition: background 0.3s;
        margin: 0;
        color: black;
    }

        .leftMenuPanel .menu-item:hover {
            background-color: #ffd86f;
        }

        .leftMenuPanel .menu-item.active {
            background-color: #ffd86f; /* highlight color */
        }


/*#cartdata1 {
    height:284px;
    overflow-y:auto;
}*/
@media (min-width: 991.98px) {
    .sticky-mobile-bar {
        position: sticky;
        top: 0;
        z-index: 1030;
        background: #fff;
    }
}

#mobileCategorySelect {
    /*background: #fff;*/
    color: #000;
    font-size: 16px;
}
#mobileCategorySelect::after {
  content: "▼";
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}


.submenu {
    overflow: hidden;
    max-height: 0;
    opacity: 0;
    transform: translateY(-8px);
    transition: max-height 0.5s ease, opacity 0.4s ease, transform 0.4s ease;
}

    .submenu.open {
        max-height: 600px;
        opacity: 1;
        transform: translateY(0);
    }
@media (max-width: 575px) {
    .leftMenuPanel {
        padding: 0 10px !important;
    }

    #mobileCategorySelect {
        /*font-size: 14px;*/
    }
}
@media screen and (max-width: 991px) {
    .order-pill-outerdiv {
        align-items: center;
    }
}
@media screen and (max-width: 768px) {
    .order-pill-outerdiv {
        justify-content:left !important;
    }
}
@media screen and (max-width: 575px) {
    .order-pill-outerdiv {
        justify-content: center !important;
    }
}