aside#mega-menu--mobile .mega__container{width: 100%;height: 100vh;height: 100svh;max-height: 100vh;max-height: 100svh;;display: flex;flex-direction: column;overflow: hidden;}
aside#mega-menu--mobile .mega__container[data-active-depth="1"] button{transform: translateX(100%);opacity: 0;pointer-events: none;}
aside#mega-menu--mobile .mega__header{height: 60px;;background-color: white;}
aside#mega-menu--mobile .mega__header .mega__controls{width: 100%;height: 100%;display: flex;justify-content: flex-end;align-items: center;}
aside#mega-menu--mobile .mega__header .mega__controls button{font-family: var(--ff-sans);font-size: var(--fs-btn);text-transform: uppercase;letter-spacing: var(--ls-200);display: flex;align-items: center;gap: var(--gap-100, 4px);transition: var(--trans);}
aside#mega-menu--mobile .mega__header .mega__controls button .btn__icon,
aside#mega-menu--mobile .mega__header .mega__controls button .btn__label{display: flex;pointer-events: none;}
aside#mega-menu--mobile .mega__body{width: 100%;height: 100%;position: relative;}
aside#mega-menu--mobile .mega__screen{width: 100%;height: 100%;overflow: auto;position: absolute;inset: 0;background-color:white; transition:all ease .3s;}
aside#mega-menu--mobile .mega__screen[data-active-menu="false"]{transform:translateX(100%);}
aside#mega-menu--mobile .mega__screen[data-active-menu="false"].stacked, aside#mega-menu--mobile .mega__screen[data-active-menu="true"]{transform:translateX(0%);}

aside#mega-menu--mobile nav.navigation{display: flex;flex-direction: column;gap: var(--gap-300, 22px);}
aside#mega-menu--mobile nav.navigation a.btn{--item-height: 24px;--icon-size: 12px;width:auto;height: var(--item-height);padding:0;background-color: transparent;border: 0;color: var(--color-text);justify-content: space-between;gap: var(--gap);}
aside#mega-menu--mobile nav.navigation a.btn .btn__label{width: auto;height: 100%;display: flex;align-items: center;flex-shrink: 0;}
aside#mega-menu--mobile nav.navigation a.btn .btn__icon:empty{display: none;pointer-events: none;}
aside#mega-menu--mobile nav.navigation a.btn .btn__icon{width:100%;height: 100%;display: inline-flex;align-items: center;justify-content: flex-end;pointer-events: all;}
aside#mega-menu--mobile nav.navigation a.btn .btn__icon svg{width: var(--icon-size);height: var(--icon-size);pointer-events: none;}
aside#mega-menu--mobile nav.navigation.hidden {display:none;}
aside#mega-menu--mobile .mega__header {height:auto;}
aside#mega-menu--mobile .mega__header .mega__controls button {border: 0; padding: 0; font-size: 16px; margin-bottom: 10px; background: #2a2a2a; color: #fff; border-radius: 5px; padding: 10px 12px;
}