:root {
	--accordion-bottom-padding: 20px;
	--accordion-left-padding: 20px;
}

.rdc-mobile-menu-header #header-mobile-logo a {line-height: 0;}
#menu .toggle-button {width: 55px;height: 100%;display: flex;align-items: center;justify-content: center;}
body:not(.headerCampaignVisibleTopHeader):not(.bannerWelcomeGiftVisible) #rdc-productlist-area-a{top: 0;}
body.menu-mobile-opened #containerSite-mask{z-index: 610;}
#containerSite {background-color: #FFF;}
.bannerWelcomeGift{z-index: 220;}
.disableTransitionDuration{transition-duration: 0s !important;}
.rdc-sab{height: var(--sab, 0px);}
.slideout-menu.rdc-sliced-menu{width: calc(100vw - 52px);}
#mobile-holder{display: flex;flex-direction: row;flex: 1;height:100%;background: white;transition: transform 0.2s ease-in-out 0s;transform: translateX(0%);}
#cookieBanner{z-index: 800 !important;}
#tooltip-footer-box{z-index: 800 !important;}
#menu {background-color: white;overflow: hidden;position: fixed;top: 0;left: 0;}
#menu .header-nav-item-express{display: flex;}
#menu .header-nav-item-express .rdc-icon-shipping-express{flex-shrink: 0;width: 16px;height: 16px;background-size: 16px;padding: 0px;opacity: 1 !important;margin-right: 3px;margin-left: -5px;background-color: currentColor !important; position: initial; top: 0px; transform: initial;}
#menu .header-nav-item-express .rdc-icon-shipping-express + span{padding-left: 0px;}
#header-mobile-logo{flex-shrink: 0; position: relative; z-index: 200;align-items: center;}
#mobile-holder-wrapper{display: flex;flex-direction: column;overflow: hidden;}
.mobile-menu #mobile-holder .featured {color: var(--color-featuredmenu, #F14244);}
.rdc-mobile-menu-header{display: flex;align-items: center; gap: 10px;border-bottom: 1px solid var(--color-lines);height: var(--header-container-height);}
.rdc-mobile-menu-login-buttons{margin: 24px 20px;}  
.mobile-menu .sel:not(.active, .hasSub) > span{background-image: linear-gradient(to bottom, currentColor, currentColor 1px);background-size: 1px 1px;background-repeat: repeat-x;background-position: bottom;text-decoration: none;display: inline;padding-bottom: 2px;}
body:not(.menu-mobile-opened) #menu{display: none;}
.slideout-panel{position:relative;background: #FFF;}
.slideout-open, .slideout-open body, .slideout-open .slideout-panel{overflow: hidden;}
.slideout-open, .slideout-open body{overflow: hidden;height: calc(var(--window-inner-height) - 1px);box-sizing: border-box;}
.slideout-menu{position: fixed;left: 0;top: var(--header-height);bottom: 0;right: 0;z-index: 0;width: 100vw; overflow: hidden;display: flex;flex-direction: column;z-index: 600;display: none;}
.menu-mobile-opened .slideout-menu{display: block;}
#mobile-language{height: auto;}
#mobile-language .rdc-wrapper-popup-header{text-align: center;}
#mobile-language #country-mobile{padding-left: 42px;}

#header-mobile-logo a{display: block;width: fit-content;padding: 0;}
.mobile-menu-wish .mobile-inst-menu-exp span{margin-left: 10px;}
#mobile-holder .rdc-icon-svg.rdc-icon-menu-close{width: 22px;height: 22px;}
#mobile-holder .rdc-icon-svg:not(.rdc-icon-menu-close){width: 16px;height: 16px; margin-left: auto;}

#mobile-inst-menu .mobile-menu-lang .mobile-shop-country-flag img{display: block;width: 25px;max-height: 19px;}
#mobile-inst-menu .rdc-mobile-inst-menu-values{margin-left: 10px;}
#mobile-inst-menu .mobile-menu-user-cumpliment{padding: 8px 20px;}
#mobile-inst-menu .mobile-menu-user-cumpliment .rdc-mobile-inst-menu-values{margin-left: 0;}
#mobile-main-menu{display: flex;flex-direction: row;flex: 1;transition: transform 0.2s ease-in-out 0s;width: 200%;transform: translateX(0);}

#mobile-holder .search-mobile{position: relative;padding: 28px 20px 20px;}
#mobile-holder .search-mobile input{width: 75%;border-width: 0;padding-left: 0;padding-right: 0;}
#mobile-holder .search-mobile .frm_search{border: 1px solid var(--color-lines);border-radius: 4px;overflow: hidden;display: flex;}
#mobile-holder .search-mobile .btn-search-mobile{padding: 0 14px;border: 0;background-color: #FFF;min-width: 0;}
#mobile-holder .search-mobile .btn-search-mobile .rdc-icon-svg{width: 26px;height: 26px;background-size: 100%;background-position: center;}
#mobile-holder .search-mobile .btn-search-mobile-clear .rdc-icon-svg{width: 28px; height: 28px;}
#mobile-main-search .btn-search-mobile-clear{display: flex;align-items: center;padding-right: 8px;}

.mobile-nav-parent-item{margin-bottom: 20px;}
#mobile-main-menu a:not(.mobile-menu-image-item), #mobile-main-menu-sub a:not(.mobile-menu-image-item), #mobile-main-menu-sub-sub a:not(.mobile-menu-image-item), #mobile-main-menu-sub-sub-sub a{padding: 10px 20px;display: flex;align-items: center;}
.mobile-nav-item .rdc-icon-svg, .mobile-nav-item-2 .rdc-icon-svg, .mobile-nav-item-3 .rdc-icon-svg{opacity: 1; background-size: 100%;}
#mobile-holder a{color: currentColor;text-decoration: none}

#mobile-holder .rdc-menu-level-image img{display: block;object-fit: contain;height: 100%;}
#mobile-holder .rdc-menu-level-image{width: 28px;height: 28px;flex-shrink: 0;}
#mobile-holder .mobile-nav-wrapper-item .rdc-menu-level-image{margin-right: 10px;}
#mobile-holder .mobile-menu-image a{display: block;line-height: 100%;}
.mobile-menu-image{text-align: center;width: 100%;}
.mobile-menu-image-item{width: 100%;margin: 0;padding: 0;}
.mobile-menu-image-item:not(:last-child){padding-bottom: 40px;}
.mobile-menu-image-item-title{padding-top: 12px; padding-bottom: 5px;}
.mobile-menu-image-item-link{padding-top: 5px; padding-bottom: 15px;}
.mobile-menu-image .mobile-menu-image-item .mobile-menu-image-item-img{display: block;width: 100%;object-fit: cover;}

#mobile-inst-menu{padding: 20px 0;border-top-width: 1px;border-top-style: solid;width: 100%;background-color: var(--color-background);}
#mobile-inst-menu a{display: flex;align-items: center;padding: 8px 20px;}
#mobile-inst-menu button{width: 100%;}
#mobile-inst-menu .rdc-button-user{color: var(--color-white);margin-bottom: 14px;}
#mobile-inst-menu .rdc-icon-svg{width: 24px;height: 24px;flex-shrink: 0}
#mobile-inst-menu .mobile-inst-menu-exp{flex: 1;margin-left: 10px;}

/* SLIDE */
.mobile-menu-sub-sub:not(.hidden){display: flex;}
.mobile-menu-sub-lv1:not(.hidden), .mobile-menu-sub-lv2:not(.hidden), .mobile-menu-sub-lv3:not(.hidden){height: 100%;}
#mobile-main-menu-sub .hidden{display: none !important;}
.mobile-menu-sub-scroll{overflow-y: auto;-webkit-overflow-scrolling: touch;margin-top: 20px;}
#mobile-main-menu-sub .mobile-menu-sub-scroll{flex: 1;}
#mobile-main-menu-sub .mobile-main-submenu-group{display: flex;flex: 1;height: 1px;}
#mobile-main-menu-sub .mobile-menu-sub{display: flex;flex: 1;flex-direction: column;width: 100%;}
#mobile-main-menu-sub-sub .mobile-menu-sub-scroll, #mobile-main-menu-sub-sub-sub .mobile-menu-sub-scroll{flex-grow: 1;background-color:var(--color-white);}
#mobile-main-menu-sub-sub .mobile-main-submenu-submenu-group{height: 100%;display: flex;flex-direction: column;}
#mobile-main-menu-sub-sub .mobile-menu-sub-sub{flex-direction: column;flex-grow: 1;height: 1px;}
#mobile-main-menu-sub-sub-sub, #mobile-main-menu-sub-sub, #mobile-main-menu-sub{display: flex;flex: 1;flex-direction: column;width: 25%;}
#mobile-main-menu-sub-sub-sub .mobile-main-submenu-submenu-submenu-group{display: flex;flex-direction: column;height: 100%;}
#mobile-main-menu-sub-sub-sub .mobile-main-submenu-submenu-submenu-group .mobile-menu-sub-sub-sub{display: flex;flex-direction: column;flex-grow: 1;height: 1px;}
#mobile-holder .return a .rdc-icon-svg, #mobile-holder .return2 a .rdc-icon-svg{width: 22px;height: 22px;}
#mobile-holder .return a, #mobile-holder .return2 a{display: flex;align-items: center;gap: 10px;}
#mobile-holder .return a,  #mobile-holder .return2 a{padding-left: 15px;}
#mobile-holder .return, #mobile-holder .return2{border-bottom: 1px solid var(--color-lines);display: flex;justify-content: space-between;width: 100%;height: var(--header-container-height);} 
#mobile-holder .return2 .rdc-mobile-nav-item-return-wrapper{display: flex;flex-direction: column;}
#mobile-holder .return2 .rdc-mobile-nav-item-return-wrapper span:first-child{margin-bottom: -5px;font-weight: 300;}
#mobile-holder .return .mobile-nav-item-return {width: calc(100% - 55px);}
#mobile-holder .return .mobile-nav-item-return span {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
#mobile-holder .return .mobile-nav-item-return .rdc-icon-arrowleft {margin-left: 0;}

/* ACCORDION */
#mobile-main-menu .mobile-accordion-wrapper{flex: 0 50%;position: relative;overflow-y: auto;-webkit-overflow-scrolling: touch;padding-top: 18px;padding-bottom: 18px;}
.mobile-accordion-group{display: none;padding-left: var(--accordion-left-padding);}
.mobile-menu-group.rdc-menu_mobile-level-1 .mobile-menu-group.rdc-menu_mobile-level-2{padding-left: 30px;}  
.mobile-accordion-item .rdc-icon-svg{opacity: 1 !important;}   
.rdc-menu_mobile-level-2{background-color: var(--color-background);}
.rdc-menu_mobile-level-3{background-color: var(--color-white);}
.mobile-accordion-wrapper .rdc-menu_mobile-level-3{padding-left: calc(var(--accordion-left-padding) + 20px);margin-left: -20px;padding-bottom: var(--accordion-bottom-padding);}
.mobile-accordion-wrapper .rdc-menu_mobile-level-4{padding-bottom: var(--accordion-bottom-padding);}

body.menu-mobile-opened #header:not(.headroom){position:fixed;width: 100%;}
body:not(.unpinned-notificationbar).menu-mobile-opened #header:not(.headroom){top: auto !important;}
/* #main padding-top */
body.menu-mobile-opened:not(.headerCampaignVisibleTopHeader):not(.bannerWelcomeGiftVisible) #header:not(.headroom) ~ #containerSite #main{padding-top: var(--header-height);}
body.menu-mobile-opened.headerCampaignVisibleTopHeader #header:not(.headroom) ~ #containerSite #main{padding-top: calc(var(--header-height) - var(--notification-bar-height));}
body.menu-mobile-opened.bannerWelcomeGiftVisible #header:not(.headroom) ~ #containerSite #main{padding-top: calc(var(--header-height) - var(--wg-bar-height));}

/* Posicionamento do texto da imagem */
/*.mobile-menu-image-item.text_align_center .mobile-menu-image-item-wrapper{text-align: center;}
.mobile-menu-image-item.text_align_left .mobile-menu-image-item-wrapper{text-align: left;}
.mobile-menu-image-item.text_align_right .mobile-menu-image-item-wrapper{text-align: right;}*/
.mobile-menu-image-item.positionH_center {display: flex; justify-content: center;}
.mobile-menu-image-item.positionH_left .mobile-menu-image-item-wrapper{left: 0;}
.mobile-menu-image-item.positionH_right .mobile-menu-image-item-wrapper{right: 0;}
.mobile-menu-image-item.positionV_middle {display: flex;align-items: center;}
.mobile-menu-image-item.positionV_top .mobile-menu-image-item-wrapper{top: 0;}
.mobile-menu-image-item.positionV_bottom .mobile-menu-image-item-wrapper{bottom: 0;}

@media screen and (max-width: 767px) {
	.menu-mobile-opened #containerSite-mask {transform: translateX(calc(100vw - 52px)) !important;-webkit-transform: translateX(calc(100vw - 52px)) !important;-moz-transform: translateX(calc(100vw - 52px)) !important;}
}
@media screen and (max-width: 1199px){
	#containerSite-mask {z-index: 200;}
	.menu-mobile-opened .slideout-menu.open-menu-css-animation {opacity: 1;}
}
@media screen and (min-width: 768px) and (max-width: 1199px){
	.slideout-menu {max-width: 384px;}
}
@media screen and (min-width: 1200px) {
	.mobile-menu, .mobile-menu #menu {display: none;}
	.menu-mobile-opened #header:not(.headroom){position:fixed;top: auto !important;width: 100%;}
}