mobile-navigation{display:block}mobile-navigation .site-nav{padding:0}mobile-navigation .site-nav nav{transition:transform .3s ease-in-out}mobile-navigation .site-nav ul a:not(.button){width:100%;padding:.625rem var(--sidebar-gutter);border-bottom:1px solid var(--color-borders-main);display:flex;justify-content:space-between}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{transform:translate(100%)}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:var(--sidebar-gutter)}mobile-navigation .site-nav .has-promotion+.has-promotion{padding-top:0}mobile-navigation .site-nav .text-animation--underline-in-header{padding-bottom:0;background:none}mobile-navigation .site-nav .submenu-back{cursor:pointer;background:var(--color-third-background-main)}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 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.opened-first-submenu .site-nav,mobile-navigation.opened-first-submenu .site-nav-container,mobile-navigation.opened-second-submenu .site-nav,mobile-navigation.opened-second-submenu .site-nav-container{height:0}mobile-navigation.opened-first-submenu .link-list,mobile-navigation.opened-second-submenu .link-list{animation:hide-menu 10ms linear .3s forwards}mobile-navigation li.has-submenu.opened .submenu{display:block}mobile-navigation li.has-babymenu.opened .babymenu{display:block}mobile-navigation .header-actions{background-color:var(--color-third-background-main);border-bottom:1px solid var(--color-borders-main);margin:0!important;width:100%;padding:1.25rem calc(var(--sidebar-gutter) / 2) 0;justify-content:space-between;display:flex!important}mobile-navigation .header-actions>*{display:inline-flex;margin:0 calc(var(--sidebar-gutter) / 2) 1.25rem;flex:initial}mobile-navigation .header-actions .header-info-block{height:auto}mobile-navigation .header-actions .header-info-block__image{margin-inline-end:.625rem}mobile-navigation .header-actions .header-info-block__image svg,mobile-navigation .header-actions .header-info-block__image img{width:1.75rem!important;height:1.75rem!important}mobile-navigation .header-actions .header-info-block__title{font-size:calc(14px / 16 * var(--base-body-size) + 0px);letter-spacing:var(--base-body-spacing);font-weight:var(--font-weight-body-bold)}mobile-navigation .header-actions .header-info-block__text .icon{margin-inline-start:.3125rem;transform:scale(.9)}@keyframes hide-menu{0%{height:auto;overflow:visible}to{height:0;overflow:hidden}}#site-menu-sidebar .sidebar__header{justify-content:flex-end}.mobile-sidebar-logo{display:flex;justify-content:center;padding:1rem var(--sidebar-gutter) .5rem}.mobile-sidebar-logo img{max-height:2rem;width:auto;display:block}.mobile-sidebar-logo__text{font-weight:700;font-size:1.0625rem;letter-spacing:.02em;color:var(--color-text-main)}.mobile-sidebar-search{padding:.75rem var(--sidebar-gutter);border-bottom:1px solid var(--color-borders-main)}.mobile-sidebar-search__form{display:flex;align-items:center;gap:.5rem;width:100%;box-sizing:border-box;padding:.5625rem .875rem;border:1px solid var(--color-accent-main);border-radius:999px;background:var(--color-secondary-background-main)}.mobile-sidebar-search__icon{display:flex;flex-shrink:0}.mobile-sidebar-search__icon svg{width:1.125rem;height:1.125rem}.mobile-sidebar-search__icon svg *{stroke:var(--color-text-main);opacity:.6}.mobile-sidebar-search__input{border:none;background:none;flex:1;min-width:0;padding:0;font-weight:600;color:var(--color-text-main)}.mobile-sidebar-search__input:focus{outline:none}#site-menu-sidebar.sidebar{overflow-y:hidden}#site-menu-sidebar .sidebar__body{min-width:0;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.mobile-sidebar-categories{border-bottom:1px solid var(--color-borders-main);padding:.75rem 0;min-width:0;max-width:100%}.mobile-sidebar-categories__track{display:flex;gap:.75rem;width:100%;max-width:100%;min-width:0;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:0 var(--sidebar-gutter);box-sizing:border-box}.mobile-sidebar-categories__track::-webkit-scrollbar{display:none}.mobile-sidebar-categories__item{flex:0 0 auto;width:4.75rem;text-align:center}.mobile-sidebar-categories__image{display:block;width:4rem;height:4rem;margin:0 auto .375rem;border-radius:50%;overflow:hidden;border:2px solid var(--color-accent-main);background:var(--color-third-background-main)}.mobile-sidebar-categories__image img{width:100%;height:100%;object-fit:cover;display:block}.mobile-sidebar-categories__image svg{width:1.75rem;height:1.75rem}.mobile-sidebar-categories__label{display:block;font-size:.6875rem;line-height:1.2;font-weight:600}#site-menu-sidebar .site-nav.style--sidebar .menu-link{text-transform:uppercase;font-weight:600;letter-spacing:.02em}.mobile-sidebar-footer-beco{display:flex;justify-content:flex-start}.mobile-sidebar-footer-beco__account-inner{display:flex;align-items:center;gap:.5rem;font-weight:600}.mobile-sidebar-footer-beco__icon svg{width:1.5rem;height:1.5rem}.mobile-sidebar-footer-beco__icon svg path{stroke:var(--color-text-main)!important}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-mobile-navigation.css.map */