.mobile-menu{--footer-height:135px;--main-padding:24px;--icon-size:32px;background-color:var(--surface-white);bottom:0;display:flex;flex-direction:column;left:0;position:fixed;right:0;top:0;z-index:65}.mobile-menu.active{--footer-height:0px}.mobile-menu.active .mobile-menu__content{border-color:var(--surface-dark-accent)}.mobile-menu.active .mobile-menu__content__menu__item__search{background-color:var(--surface-dark-accent);height:120px}.mobile-menu.active .mobile-menu__content__menu__item__search__icon{fill:var(--surface-white)}.mobile-menu.active .mobile-menu__content__menu__item__search__input{color:var(--surface-white)}.mobile-menu.active .mobile-menu__content__menu__item__search__clear svg{fill:var(--surface-white)}.mobile-menu.active .mobile-menu__footer{display:none}.mobile-menu__content{align-items:flex-start;border-top:1px solid var(--surface-black-t10);box-sizing:border-box;display:flex;flex-direction:column;height:calc(100% - var(--footer-height))}.mobile-menu__content__categories,.mobile-menu__content__menu{height:100vh;height:100dvh;overflow:auto;width:100%}.mobile-menu__content__categories__item,.mobile-menu__content__menu__item{transition:background-color var(--secondary-transition);will-change:background-color}.mobile-menu__content__categories__item:active,.mobile-menu__content__menu__item:active{background:var(--surface-dark-accent)}.mobile-menu__content__menu__item__link{display:block;padding:14px 16px;transition:var(--primary-scale-transition) transform;will-change:transform}.mobile-menu__content__menu__item__link span{color:var(--body-text);display:inline-block;font-size:14px;font-style:normal;font-weight:400;line-height:143%;transition:var(--secondary-transition) color}.mobile-menu__content__menu__item__link:active span{color:var(--text-white);transform:scale(var(--secondary-active-state-scale))}.mobile-menu__content__menu__item.--search:active{background:none}.mobile-menu__content__menu__item__category{align-items:center;display:flex;justify-content:space-between;transition:var(--secondary-transition) transform;width:100%;will-change:transform}.mobile-menu__content__menu__item__category span:first-child{display:inline-block;transition:var(--primary-transition) color}.mobile-menu__content__menu__item__category:active span{color:var(--text-white)}.mobile-menu__content__menu__item.--catalog{cursor:pointer;display:flex;padding:13px 16px 13px 14px}.mobile-menu__content__menu__item.--catalog span{color:var(--body-text);display:grid;font-size:16px;font-style:normal;font-weight:700;line-height:138%}.mobile-menu__content__menu__item.--catalog svg{fill:var(--subtle-text2);height:32px;transition:var(--primary-transition) fill;width:32px}.mobile-menu__content__menu__item.--catalog:active span{color:var(--text-white)}.mobile-menu__content__menu__item.--catalog:active svg{fill:var(--text-white)}.mobile-menu__content__menu__item__search{align-items:center;display:flex;height:100%;position:relative;width:100%}.mobile-menu__content__menu__item__search__icon{height:32px;left:16px;max-width:32px;position:absolute;transition:var(--secondary-transition) transform;width:100%}.mobile-menu__content__menu__item__search__icon:active,.mobile-menu__content__menu__item__search__icon:hover{cursor:pointer}.mobile-menu__content__menu__item__search__icon:active{transform:scale(var(--secondary-active-state-scale))}.mobile-menu__content__menu__item__search__input{background:transparent;border:none;box-shadow:none;color:var(--body-text);font-size:16px;font-style:normal;font-weight:400;line-height:138%;margin:8px 16px;outline:none;padding:15px 48px;width:100%}.mobile-menu__content__menu__item__search__input ::-moz-placeholder{color:var(--subtle-text2)}.mobile-menu__content__menu__item__search__input ::placeholder{color:var(--subtle-text2)}.mobile-menu__content__menu__item__search__clear{align-items:center;background:transparent;display:flex;justify-content:center;padding:4px;position:absolute;right:16px}.mobile-menu__content__menu__item__search__clear svg{fill:var(--body-text);height:24px;width:24px}.mobile-menu__content__menu__item:hover__link{color:var(--text-white)}.mobile-menu__content__categories__item__category{align-items:center;background:none;display:flex;justify-content:space-between;padding:24px 32px;transition:background-color var(--secondary-transition);width:100%;will-change:background-color}.mobile-menu__content__categories__item__category span{transition:var(--primary-transition) fill}.mobile-menu__content__categories__item__category:active span{color:var(--text-white)}.mobile-menu__content__categories__item__category:active svg{fill:var(--text-white)}.mobile-menu__content__categories__item__label{align-items:center;display:flex;gap:16px}.mobile-menu__content__categories__item__label span{color:var(--body-text);font-size:16px;font-style:normal;font-weight:500;line-height:138%;transition:color var(--secondary-transition);will-change:color;word-break:break-all}.mobile-menu__content__categories__item__label img{height:64px;-o-object-fit:cover;object-fit:cover;width:64px}.mobile-menu__content__categories__item__label:active span{color:var(--text-white)}.mobile-menu__content__categories__item__arrow{display:flex}.mobile-menu__content__categories__item__arrow svg{fill:var(--subtle-text2);height:32px;width:32px}.mobile-menu__content__subcategory{height:calc(100vh - var(--footer-height));overflow:auto;padding:16px 0;width:100%}.mobile-menu__content__subcategory__item{display:flex;flex-direction:column;justify-content:flex-start}.mobile-menu__content__subcategory__link{display:flex;padding:6px 16px}.mobile-menu__content__subcategory__link span{color:var(--body-text);display:flex;font-size:14px;font-style:normal;font-weight:500;line-height:20px;transition:color var(--secondary-transition);will-change:color}.mobile-menu__content__subcategory__link:active span{transform:scale(var(--secondary-active-state-scale))}.mobile-menu__content__subcategory__link:active{background:var(--body-text)}.mobile-menu__content__subcategory__link:active span{color:var(--text-white)}.mobile-menu__content__subcategory__items{display:flex;flex-direction:column;justify-content:flex-start;padding-bottom:24px}.mobile-menu__content__subcategory__items__item:active{background:var(--body-text)}.mobile-menu__content__subcategory__items__item:active span{color:var(--text-white)}.mobile-menu__content__subcategory__items__item__link{display:flex;padding:6px 16px;transition:color var(--secondary-transition);will-change:color}.mobile-menu__content__subcategory__items__item__link span{color:var(--body-text);display:flex;font-size:14px;font-style:normal;font-weight:400;line-height:143%}.mobile-menu__content__subcategory__items__item__link:active span{transform:scale(var(--secondary-active-state-scale))}.mobile-menu__content__subcategory__items__item__link:active{background:var(--body-text)}.mobile-menu__content__subcategory__items__item__link:active span{color:var(--text-white)}.mobile-menu__footer{align-items:center;background:var(--primary);bottom:0;box-sizing:border-box;display:flex;gap:calc(var(--main-padding)/3);height:var(--mobile-bar-height);justify-content:flex-start;left:0;max-height:var(--footer-height);padding:calc(var(--main-padding)/1.5);position:fixed;right:0}.mobile-menu__footer__phone__icon{height:25px;max-width:25px;width:100%}.mobile-menu__footer__phone__number{color:var(--body-text);display:flex;font-size:20px;font-style:normal;font-weight:700;gap:calc(var(--main-padding)/3);line-height:140%;transition:var(--secondary-transition) transform,var(--secondary-transition) opacity}.mobile-menu__footer__phone__number:active{opacity:var(--hover-opacity);transform:scale(var(--secondary-active-state-scale))}.menu-enter-active,.menu-leave-active,.menu-leave-from{transition:var(--secondary-transition) transform}.menu-enter,.menu-leave-to{transform:translateY(100%)}