mobile-navigation{display:block;padding:0!important;min-height:100%;overflow:hidden}mobile-navigation .site-nav{padding:0}mobile-navigation .site-nav nav{transition:transform .3s ease-in-out}mobile-navigation .site-nav ul{padding:20px 16px 32px}mobile-navigation .site-nav .babymenu ul{padding:0}mobile-navigation .site-nav ul a:not(.button):not(.menu-promotion-background-image){width:100%;padding:12px 0;display:flex;justify-content:flex-start;color:#0b1116;font-family:var(--ff-base);font-size:20px;font-weight:400;line-height:1;gap:32px}mobile-navigation .site-nav ul li.submenu-back a:not(.button):not(.menu-promotion-background-image){color:#005eb8;font-size:16px;font-weight:400;line-height:22px;gap:0}mobile-navigation .site-nav ul li#menu-item-area-distribuidores-sidebar a:not(.button):not(.menu-promotion-background-image),mobile-navigation .site-nav ul li#menu-item-area-profesionales-sidebar a:not(.button):not(.menu-promotion-background-image){color:#00b5e2}mobile-navigation .site-nav .has-babymenu>a.menu-link{color:#005eb8!important;margin-top:40px}mobile-navigation .site-nav .submenu,mobile-navigation .site-nav .babymenu{width:100%;position:absolute;top:0;transition:transform .3s ease-in-out;display:none}html[dir=rtl] mobile-navigation .site-nav .submenu,html[dir=rtl] mobile-navigation .site-nav .babymenu{right:0}html[dir=ltr] mobile-navigation .site-nav .submenu,html[dir=ltr] mobile-navigation .site-nav .babymenu{left:0}mobile-navigation .site-nav .submenu{transform:translate(100%)}mobile-navigation .site-nav .babymenu{position:static;transform:none;transition:none;display:block}mobile-navigation .site-nav .has-babymenu>a .icon,mobile-navigation .site-nav .babymenu .submenu-back{display:none}mobile-navigation .site-nav li>a>.icon svg{transform:rotate(-90deg)}html[dir=rtl] mobile-navigation .site-nav li>a>.icon svg{transform:rotate(90deg)}mobile-navigation .site-nav li>a>.icon path{stroke:none}mobile-navigation .site-nav .has-promotion{padding:2rem 0}mobile-navigation .site-nav .has-promotion+.has-promotion{margin-top:-2rem}mobile-navigation .site-nav .text-animation--underline-in-header{padding-bottom:0;background:none}mobile-navigation .site-nav .icon{display:flex;align-items:center;margin-top:5px}mobile-navigation .site-nav .submenu-back{cursor:pointer}mobile-navigation .site-nav .submenu-back a{justify-content:flex-start!important}mobile-navigation .site-nav .submenu-back .icon{margin-inline-start:-.125rem;margin-inline-end:.625rem}html[dir=rtl] mobile-navigation .site-nav .submenu-back .icon{display:block;transform:rotate(180deg)}mobile-navigation .site-nav .submenu-back .icon svg{position:relative;top:-.0625rem;transform:rotate(90deg)}mobile-navigation .site-nav .button__icon svg *{fill:none}mobile-navigation .menu-link svg{margin-inline-end:.75rem}mobile-navigation .menu-link svg path{stroke:var(--color-text-main)}mobile-navigation.opened-first-submenu nav{transform:translate(-100%)}mobile-navigation.opened-second-submenu nav{transform:translate(-200%)}mobile-navigation li.has-submenu.opened .submenu{display:block}mobile-navigation li.has-babymenu.opened .babymenu{display:block}mobile-navigation .grid{padding:var(--sidebar-gutter) 0}mobile-navigation .product-item{display:block!important;border:none!important;padding:0!important}mobile-navigation .mega-menu__footer{margin-bottom:calc(var(--gutter-regular) * 1.5)}mobile-navigation .menu-promotion-content a{border-bottom:1px solid!important;padding:0!important;display:inline!important}mobile-navigation .submenu.mega-menu .submenu-holder .mega-link>.menu-link{color:#005eb8!important;--color-text-header: #005EB8 !important;color:var(--primary, #005EB8);font-size:24px}mobile-navigation .submenu.mega-menu .submenu-holder .mega-link>.menu-link:last-child{padding-top:42px}.site-menu-sidebar-footer .button{display:flex;align-items:center;gap:10px;padding:12px;border-radius:14px;background-color:#e1f0ff!important;color:#005eb8!important}.site-menu-sidebar-footer .button:hover,.site-menu-sidebar-footer .button:focus{background-color:#e1f0ff!important}.site-menu-sidebar-footer .button:hover .button__text,.site-menu-sidebar-footer .button:focus .button__text{color:#005eb8!important}
/*# sourceMappingURL=/cdn/shop/t/7/assets/component-mobile-navigation.css.map */
