.slideout-menu, body.tablet #menu{position: fixed;left: 0;top: 0;bottom: 0;right: 0;z-index: 0;width: 315px;overflow: hidden;overflow-y: auto;/*-webkit-overflow-scrolling: touch;*/}
.slideout-panel{position:relative;z-index: 1;background: #FFF;}
.slideout-open, .slideout-open body, .slideout-open .slideout-panel, body.tablet.menu-mobile-opened {overflow: hidden;}

body.tablet #menu{transform: translateX(-100%);transition: transform 300ms ease;}

.menu-open #menu{display: block !important;}
body.tablet.menu-open #menu{z-index: 500;}
#menu{display: none;}
.mobile-menu{width: 315px;}


.menu-mobile ul li a{position: relative;display: block;padding: 14px 26px 14px 26px;}
.menu-mobile ul li:not(.return) > a .rdc-icon-svg{background-size: 24px;width: 24px;height: 24px;}

.menu-mobile ul.main-menu{background: #FFF;overflow: hidden;overflow-y: auto;}
.menu-mobile ul.main-menu li{border-top: 1px solid #F0F0F0;}
.menu-mobile ul.main-menu li:first-child{border-top: 0;}
.menu-mobile ul.main-menu li.return{display: table;width: 100%;min-height: 59px;border-bottom: 1px solid #F0F0F0;}
.menu-mobile ul.main-menu li.return .wrapper-text-arrow,
.menu-mobile ul.main-menu li.return a{display: flex;align-items: center; gap: 12px;}
.menu-mobile ul.main-menu li.return a{padding-left: 15px;padding-right: 15px;}
.menu-mobile ul.main-menu li.return a span{display: block;}
.menu-mobile ul.main-menu li.return + li{border-top: 0;}
.menu-mobile ul .sub-mobile{display: none;position: absolute;top: 0;left: 100%;width: 100%;height: 100%;background: #FFF;/*overflow: auto;*/}
.menu-mobile ul .sub-mobile.visible {z-index: 2;display: block;}

.menu-mobile ul li > a{display: flex;align-items: center; gap: 12px;}
.menu-mobile ul li:not(.return) > a{display: flex;align-items: center; gap: 12px;justify-content: space-between;}

.menu-mobile ul.menu-shop{background: var(--color-bege);margin: 0;display: flex;flex-direction: row;justify-content: space-evenly;align-items: center;}
.menu-mobile ul.menu-shop li:first-child{}
.menu-mobile ul.menu-shop li{}
.menu-mobile ul.menu-shop li a{position: relative;display: block;width: 63px;height: 53px;padding: 0;}
.menu-mobile ul.menu-shop li a svg {position: absolute;top: calc(50% - 13px);left: calc(50% - 13px);width: 26px;height: 26px;}

.menu-mobile .accordion{list-style: none;margin: 0px;}
.menu-mobile .accordion > li{border: 0 solid rgba(161, 198, 153, 0.39);border-bottom-width: 1px;}
.menu-mobile .accordion > li > a{position: relative;display: block;padding: 17px 25px 16px 20px;}
.menu-mobile .accordion > li > a::after{display: none;content: '';position: absolute;top: calc(50% - 5px);right: 30px;width: 10px;height: 10px;background: url(../sysimages/icon-accordion.png) left top/10px no-repeat;}
.menu-mobile .accordion > li .accordion-content{display: none;padding: 0px 12px 0;}
.menu-mobile .accordion > li .accordion-content a:first-child{padding-top: 0;}
.menu-mobile .accordion > li .accordion-content a{padding: 5px 15px;}
.menu-mobile .accordion > li .accordion-content a:last-child{padding-bottom: 10px;}	.menu-mobile .accordion > li.active > a::after{background-position: left bottom;}

.menu-mobile ul.menu-inst li a{display: flex;align-items: center;justify-content: center;}
.menu-mobile ul.menu-inst li a .rdc-icon-svg{background-size: 24px; filter: brightness(0) saturate(100%) invert(97%) sepia(2%) saturate(953%) hue-rotate(241deg) brightness(122%) contrast(100%);}

.mobile-language-full .mfp-container {padding: 0 !important;}
.mobile-language-full .mfp-content {background: #FFF}
#mobile-language .subtitle {padding: 30px 0; text-align: center;}
#mobile-language .country-drop{width: 100%;margin-top: 5px;padding: 15px;background: white;}
#mobile-language .country-drop .form-field{margin-bottom: 15px;}
#mobile-language .country-drop .form-field label > span{padding-bottom: 4px; font-size: 14px; display: block;}
#mobile-language .country-drop .form-field .select{background-repeat: no-repeat;background-position: 7px center;}
#mobile-language .country-drop select#country-mobile{padding-left: 30px;}
#mobile-language .country-drop button{width: 100%;padding-top: 14px; padding-bottom: 14px;}

body #mobile-language .mfp-close {
    background-image: url(/sysimages/icon-close.png);
    text-indent: -9999px;
    width: 20px;
    height: 20px;
    background-size: 14px;
    background-repeat: no-repeat;
    top: 10px;
    right: 10px;
    background-position: center;
    padding: 0;
}

/* -------- FONTS STYLES ------- */
.menu-mobile ul.main-menu li a{font-weight: 600;color: var(--color-neutra800);line-height: 150%;}
.menu-mobile ul.main-menu li.featured > a {color: var(--color-laranja);}
/* .menu-mobile ul.main-menu li a.rdc-menu_mobile-level-2-link{color: var(--color-bege);} */
.menu-mobile ul.main-menu li a.rdc-menu_mobile-level-3-link{font-weight: 400;}
.menu-mobile ul.main-menu li.sel > a, .menu-mobile ul.main-menu li > a.sel:not(.rdc-menu_mobile-level-2-seeall) {background-color: #F4F4F4;}
.menu-mobile ul.main-menu li.return a{font-size: 20px;line-height: 100%;}
.menu-mobile ul.main-menu li.return a span{font-weight: 400;font-size: 12px;color: var(--color-neutra600);}
.menu-mobile ul.main-menu li.return a b {}
.menu-mobile ul.menu-inst li a{}

.menu-mobile .accordion > li > a{}
.menu-mobile .accordion > li .accordion-content a{}
/* ----------------------------- */  

/* Tablet */
/* body.tablet #menu{position: fixed;left: 0;z-index: 501;-webkit-transform:translateX(-100%);transform:translateX(-100%);display: block !important;opacity: 0;width: 380px;background-color: white;}
body.tablet #menu.loaded {-webkit-transition: -webkit-transform .2s;-moz-transition: -moz-transform .2s;transition: transform .2s;opacity: 1;}
body.tablet #menu.open{-webkit-transform:translateX(0);transform:translateX(0);visibility: visible;opacity: 1;overflow: auto;}

body.tablet.menu-open #containerSite.v2 #rdc-productlist-area-a .filters.fixed {position: relative;} */

@media screen and (min-width: 768px) {
	/* #containerSite {transform: none !important;} */
	/* #menu {display: none !important;} */
	/* .slideout-open {overflow: auto !important;} */
}

body.bannerWelcomeGiftVisible.menu-open:not(.unpinned) #header {margin-top: 0 !important;}
@media screen and (max-width: 767px){
    body.menu-open #header .containerHeader {position: relative;}
    body.menu-open #header .containerHeader::before {content: '';position: absolute;bottom: 0;left: 0;width: 1px;height: calc(100% - 8px);background-color: #F0F0F0;}
}