.mobile-menu { width: min(360px, 100vw); left: -100%; visibility: hidden; padding: 52px 24px 32px; background: #fff; overscroll-behavior: contain; }
.mobile-menu.active { left: 0; visibility: visible; }
.mobile-menu .logo img { max-width: 190px; height: auto; }
.mobile-menu .close { width: 44px; height: 44px; display: grid; place-items: center; top: 8px; right: 8px; font-size: 20px; }
.mobile-menu .mobile-nav-menu { margin-top: 28px; }
.mobile-menu .mobile-nav-menu li + li { border-top: 1px solid #e9e9e3; }
.mobile-menu .mobile-nav-menu li > a { padding: 14px 44px 14px 0; font-size: 15px; line-height: 1.5; }
.mobile-menu .menu-item-has-children > a::after { content: none; }
.mobile-menu .tl-submenu-toggle {
    position: absolute; top: 3px; right: 0; width: 44px; height: 44px;
    display: grid; place-items: center; border: 0; background: transparent; color: #121111;
}
.mobile-menu .tl-submenu-toggle i { transition: transform .18s ease; }
.mobile-menu .tl-submenu-toggle[aria-expanded="true"] i { transform: rotate(180deg); }
.mobile-menu .mobile-nav-menu .sub-menu { position: static; padding: 0 0 0 16px; background: #fff; box-shadow: none; }
.mobile-menu .mobile-nav-menu .sub-menu a { font-size: 14px; font-weight: 400; }
.mobile-menu .current-menu-item > a { text-decoration: underline; text-underline-offset: 4px; }
.mobile-menu :is(a,button):focus-visible { outline: 2px solid #121111; outline-offset: 2px; }
body.admin-bar .mobile-menu { top: 32px; height: calc(100dvh - 32px); }
@media(max-width:782px) { body.admin-bar .mobile-menu { top: 46px; height: calc(100dvh - 46px); } }