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:.5rem 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 .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)}mobile-navigation .mega-image{display:block;padding:0 var(--sidebar-gutter) .375rem;margin-bottom:.375rem}mobile-navigation .mega-image img{width:100%;max-width:280px;height:auto;border-radius:var(--border-radius-buttons);object-fit:cover;aspect-ratio:4/3;transition:transform .3s ease}mobile-navigation .baby-image{display:block;padding:0 var(--sidebar-gutter) .375rem;margin-bottom:.375rem}mobile-navigation .baby-image img{width:100%;max-width:280px;height:auto;border-radius:var(--border-radius-buttons);object-fit:cover;aspect-ratio:4/3;transition:transform .3s ease}mobile-navigation .menu-category-image{display:block;padding:0 var(--sidebar-gutter) .375rem;margin-bottom:.375rem;border-bottom:1px solid var(--color-borders-main)}mobile-navigation .menu-category-image img{width:100%;max-width:280px;height:auto;border-radius:var(--border-radius-buttons);object-fit:cover;aspect-ratio:4/3;transition:transform .3s ease}mobile-navigation .menu-category-image:hover img{transform:scale(1.02)}mobile-navigation .submenu-with-image{padding-top:0}mobile-navigation .submenu-with-image .menu-category-image{position:sticky;top:0;background:var(--color-background-main);z-index:2;margin-bottom:0;padding-bottom:.375rem;border-bottom:1px solid var(--color-borders-main)}mobile-navigation .mega-image a,mobile-navigation .baby-image a,mobile-navigation .menu-category-image a{display:block;text-decoration:none;border-radius:var(--border-radius-buttons);overflow:hidden}mobile-navigation .mega-image a:focus,mobile-navigation .baby-image a:focus,mobile-navigation .menu-category-image a:focus{outline:2px solid var(--color-accent-main);outline-offset:2px}mobile-navigation .mega-image img,mobile-navigation .baby-image img,mobile-navigation .menu-category-image img{background-color:var(--color-third-background-main)}mobile-navigation .menu-image-optimized{width:100%;max-width:280px;height:auto;border-radius:var(--border-radius-buttons);object-fit:cover;aspect-ratio:4/3;transition:transform .3s ease;background-color:var(--color-third-background-main);will-change:transform;backface-visibility:hidden;transform:translateZ(0)}mobile-navigation .mega-image img[loading=eager],mobile-navigation .menu-category-image img[loading=eager]{content-visibility:auto;contain-intrinsic-size:280px 210px}mobile-navigation .mega-image:hover .menu-image-optimized,mobile-navigation .menu-category-image:hover .menu-image-optimized{transform:scale(1.02) translateZ(0)}mobile-navigation .menu-image-optimized:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,var(--color-third-background-main) 0%,var(--color-secondary-background-main) 50%,var(--color-third-background-main) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--border-radius-buttons);z-index:-1}mobile-navigation .menu-image-optimized[src]{background-image:none}mobile-navigation .menu-image-optimized[src]:before{display:none}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes hide-menu{0%{height:auto;overflow:visible}to{height:0;overflow:hidden}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/component-mobile-navigation.css.map */