#menubar-mobile {position: fixed; bottom: 0; left: 0; width: 100%; transform: translateY(100%); transition: ease all .5s; z-index: 101; background: #fff; box-shadow: 0 -2px 7px #00000021;}
#menubar-mobile.menubar-mobile-fixed {transform: translateY(0);}
#menubar-mobile .menubar-mobile-items {display: flex;}
#menubar-mobile .menubar-mobile-items > li {flex: 1; display: flex; justify-content: center;}
#menubar-mobile .container-item-menubar-mobile {display: flex; align-items: center; flex-direction: column; gap: 4px;}
#menubar-mobile .menubar-mobile-label {font-size: 10.5px;}

#menubar-mobile .btn-menubar-mobile {background: #fff; border: none; padding: 10px 0;}
#menubar-mobile svg {width: 18px; height: 18px; fill: #5b5b5b;}

#menubar-mobile .menubar-mobile-icon {position: relative;}
#menubar-mobile #menubar-mobile-cart-total {width: 14px; height: 14px; font-size: 9px; background: #5b5b5b; color: #fff; border-radius: 50%; position: absolute; display: flex; justify-content: center; align-items: center; top: 7px; right: -15px; color: #fff;}

#menubar-mobile #menubar-mobile-input-search {flex: 1; border: 1px solid #ddd; border-radius: 4px; padding-left: 12px; font-size: 13px;}
#menubar-mobile #menubar-mobile-search {position: absolute; left: 0; bottom: 100%; width: 100%; z-index: 101; background: #fff; border: 1px solid #d7d7d7; padding: 8px 0;}

@media (min-width: 992px) {
	#menubar-mobile {display: none;}
}