.mobileMenu {}
.mobileMenu__xs {}
.mobileMenu__title {}
.mobileMenu__xsBtn {}
.mobileMenu__ul {margin: 0;padding: 0;list-style: none; min-width: 100%; display: none;}
.mobileMenu__ul._lvl_1 {display: flex !important; flex-wrap: wrap;}
.mobileMenu__ul._lvl_2 {background: #f7f7f7;}
.mobileMenu__ul._hover {display: block;}
.mobileMenu__item {position: relative; display: block;}
.mobileMenu__item._lvl_1 {border-bottom: 1px solid #f7f7f7; width: 100%;}
.mobileMenu__item._lvl_2 {border-bottom: 1px solid #fff;}
.mobileMenu__item._lvl_2:last-child {border-bottom: none;}
.mobileMenu__link {padding: calc(var(--bs-offcanvas-padding-x)) var(--bs-offcanvas-padding-x); display: block; color: #000;}
.mobileMenu__link._parent {padding-right: 48px;}
.mobileMenu__link._lvl_1 {font-size: 1.125rem; display: flex; align-items: center;}
.mobileMenu__link._lvl_2 {padding: calc(var(--bs-offcanvas-padding-x)/2) var(--bs-offcanvas-padding-x) calc(var(--bs-offcanvas-padding-x)/2) calc(var(--bs-offcanvas-padding-x));}

.mobileMenu__item._hover>.mobileMenu__caret:before {-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}

.mobileMenu__caret {position: absolute; right:0px; top: 0px; cursor: pointer;}
.mobileMenu__item._special .mobileMenu__caret {left: 0;}
.mobileMenu__caret:before {content: '\f107'; font-family: FontAwesome; padding: 16px 20px; display: block;
width: 48px; float: right;
}
.mobileMenu__icon {
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.5rem;
}
.mobileMenu__text {
	padding-top: 2px;
}

.offcanvasMobile .offcanvas-body {border-top:2px solid var(--secondary-color); padding: 0;}

.mobileMenu__item._user._lvl_1 {flex: 0 0 auto; width: auto;}
.mobileMenu__item._compare._lvl_1,
.mobileMenu__item._fav._lvl_1 {width: auto; flex: 1 0 0%;}
.mobileMenu__item._compare._lvl_1 .mobileMenu__link {padding-left: 0; padding-right: 0; justify-content: center;}
.mobileMenu__item._catalog>.mobileMenu__caret {color: #fff;}
.mobileMenu__item._catalog>.mobileMenu__link {background: var(--primary-color); color: #fff;}

.mobileMenu__item._special .mobileMenu__icon {color: var(--secondary-color);}
