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:18px 20px;display:flex;justify-content:space-between;border-bottom:1px solid rgb(230 230 230/1);font-weight:500;font-size:16px}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 .mobile-mega-menu-dropdown{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--color-background-header);z-index:10000;transform:translate(-100%);transition:transform .3s ease;overflow:hidden;display:none}mobile-navigation .mobile-mega-menu-dropdown.active{display:block;transform:translate(0)}.mobile-mega-menu-screen{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--color-background-header);transform:translate(100%);transition:transform .3s ease;overflow-y:auto;display:none}.mobile-mega-menu-screen.active{transform:translate(0);display:block}.mobile-mega-menu-screen--first{transform:translate(0)}.mobile-mega-menu-header{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;background:var(--color-background-header);border-bottom:1px solid var(--color-borders-header);position:sticky;top:0;z-index:10}.mobile-mega-menu-back{display:flex;align-items:center;background:none;border:none;color:var(--color-text-header);font-size:18px;font-weight:600;line-height:normal;padding:0;cursor:pointer}.mobile-mega-menu-back .icon{margin:0 8px 0 0!important;margin-inline-start:0!important;transform:rotate(90deg)}.mobile-mega-menu-back .icon svg{width:auto;height:auto}.mobile-mega-menu-close{background:none;border:none;color:var(--color-text-header);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.mobile-mega-menu-close svg{width:18px;height:18px}.mobile-mega-menu-content{padding:0}.mobile-mega-menu-category-image{padding:20px;text-align:center;background:var(--color-secondary-background-header, #f8f9fa)}.mobile-mega-menu-category-image img{width:100%;max-width:300px;height:auto;border-radius:8px;object-fit:cover}.mobile-mega-menu-categories{padding:0}.mobile-mega-menu-category{border-bottom:1px solid var(--color-borders-header)}.mobile-mega-menu-category-header{display:flex;align-items:center;justify-content:space-between;padding:0}.mobile-mega-menu-category-link{flex:1;padding:18px 20px;color:var(--color-text-header);text-decoration:none;font-size:16px;font-weight:var(--font-weight-body-bold);display:flex!important;gap:8px;align-items:center}.mobile-mega-menu-expand{background:none;border:none;padding:18px 20px;color:var(--color-text-header);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.mobile-mega-menu-expand svg{width:16px;height:16px;transform:rotate(-90deg)}.mobile-mega-menu-category.expanded .mobile-mega-menu-expand svg{transform:rotate(0)}.mobile-mega-menu-items{padding:0}.mobile-mega-menu-item{border-bottom:1px solid var(--color-borders-header)}.mobile-mega-menu-item-header{display:flex;align-items:center;justify-content:space-between;padding:0}.mobile-mega-menu-item-link{flex:1;display:flex!important;align-items:center;text-decoration:none;color:var(--color-text-header);padding:18px 20px;transition:all .2s ease}.mobile-mega-menu-item-link:hover{background:var(--color-secondary-background-header, #f8f9fa)}.mobile-mega-menu-item-image,.mobile-mega-menu-item-placeholder{width:60px;height:60px;border-radius:6px;overflow:hidden;margin-right:12px;flex-shrink:0;background:var(--color-secondary-background-header, #f8f9fa);display:flex;align-items:center;justify-content:center}.mobile-mega-menu-item-image img{width:100%;height:100%;object-fit:cover}.mobile-mega-menu-item-placeholder svg{width:24px;height:24px;opacity:.3}.mobile-mega-menu-item-title{font-size:16px;font-weight:500;line-height:1.3;flex:1}.mobile-mega-menu-special-links{margin-top:20px;padding-top:16px;border-top:1px solid var(--color-borders-header)}.mobile-mega-menu-special-link{display:inline-block;background:var(--color-accent-header);color:var(--color-foreground-accent-header);text-decoration:none;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:var(--font-weight-body-bold);margin-right:8px;margin-bottom:8px;transition:all .2s ease}.mobile-mega-menu-special-link:hover{background:var(--color-text-header);color:var(--color-foreground-header);transform:translateY(-2px)}.mobile-mega-menu-view-all{margin-top:16px;padding:20px;border-top:1px solid var(--color-borders-header);background:var(--color-secondary-background-header, #f8f9fa)}.mobile-mega-menu-view-all-link{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 16px;background:var(--color-accent-header, #ff6b35);border:none;border-radius:6px;color:var(--color-foreground-accent-header, white);text-decoration:none;font-weight:var(--font-weight-body-bold);transition:all .2s ease;font-size:14px}.mobile-mega-menu-view-all-link:hover{background:var(--color-text-header);color:var(--color-foreground-header);transform:translateY(-2px)}.mobile-mega-menu-arrow{display:flex;align-items:center;margin-left:8px}.mobile-mega-menu-arrow svg{width:16px;height:16px;transform:rotate(-90deg)}.mobile-mega-menu-additional-links{padding:20px;border-top:1px solid var(--color-borders-header);background:var(--color-secondary-background-header, #f8f9fa)}.mobile-mega-menu-additional-link{display:block;padding:12px 0;color:var(--color-text-header);text-decoration:none;font-weight:var(--font-weight-body);font-style:italic;opacity:.8;border-bottom:1px solid var(--color-borders-header);transition:opacity .2s ease}.mobile-mega-menu-additional-link:last-child{border-bottom:none}.mobile-mega-menu-additional-link:hover{opacity:1;color:var(--color-accent-header)}.mobile-mega-menu-featured{padding:20px;border-top:1px solid var(--color-borders-header);background:var(--color-background-header)}.mobile-mega-menu-featured-item{display:flex;align-items:center;margin-bottom:12px;background:#0000002b;border-radius:5px;padding:5px}.mobile-mega-menu-featured-item:last-child{margin-bottom:0}.mobile-mega-menu-featured-image{width:40px;height:40px;margin-right:12px;border-radius:4px;overflow:hidden;flex-shrink:0}.mobile-mega-menu-featured-image img{width:100%;height:100%;object-fit:cover}.mobile-mega-menu-featured-link{color:var(--color-text-header);text-decoration:none;font-size:14px;font-weight:var(--font-weight-body);transition:color .2s ease;flex:1}.mobile-mega-menu-featured-link:hover{color:var(--color-accent-header)}html[dir=rtl] .mobile-mega-menu-back .icon{margin-right:0;margin-left:8px;transform:rotate(-90deg)}html[dir=rtl] .mobile-mega-menu-item-image,html[dir=rtl] .mobile-mega-menu-item-placeholder,html[dir=rtl] .mobile-mega-menu-featured-image{margin-right:0;margin-left:12px}html[dir=rtl] .mobile-mega-menu-arrow svg{transform:rotate(90deg)}.mobile-mega-menu-items{animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;max-height:0;padding-top:0;padding-bottom:0}to{opacity:1;max-height:1000px;padding-top:20px;padding-bottom:20px}}@keyframes hide-menu{0%{height:auto;overflow:visible}to{height:0;overflow:hidden}}a.mobile-mega-menu-special-link{background:#0000002b;color:#000;border-radius:5px}a.mobile-mega-menu-view-all-link{background:#970513}span.mobile-mega-menu-arrow svg path{fill:#fff}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-mobile-navigation.css.map */
