.mobile-top-navigation{display:none}
@media(max-width:760px){
 body{padding-bottom:0}
 .site-header .main-navigation,.admin-topbar [data-account-navigation]:not([data-mobile-navigation]){display:none}
 .site-header .header-inner{justify-content:space-between;padding:10px 16px}
 .mobile-top-navigation{display:block;position:relative;margin:0;flex-shrink:0}
 .mobile-menu-toggle{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid var(--line);border-radius:9px;background:white;color:var(--purple);cursor:pointer;list-style:none}
 .mobile-menu-toggle::-webkit-details-marker{display:none}
 .mobile-menu-close-icon{display:none}
 .mobile-top-navigation[open] .mobile-menu-open-icon{display:none}
 .mobile-top-navigation[open] .mobile-menu-close-icon{display:block}
 .mobile-top-panel{position:fixed;inset:0;z-index:120;display:flex;flex-direction:column;align-items:stretch;gap:8px;width:100%;height:100dvh;max-height:none;overflow:auto;overscroll-behavior:contain;padding:calc(86px + env(safe-area-inset-top,0px)) 24px calc(24px + env(safe-area-inset-bottom,0px));border:0;border-radius:0;background:var(--ink);color:#eee6fa;box-shadow:none}
 .mobile-menu-toggle{position:relative;z-index:122}
 .mobile-top-panel{flex-wrap:nowrap;overflow-x:hidden}
 .mobile-top-panel>*{flex-shrink:0;min-width:0;max-width:100%}
 .mobile-account-group,.mobile-account-group>div,.mobile-top-panel .account-links{min-width:0;width:100%}
 .mobile-top-panel .account-links>a>span{min-width:0;white-space:normal;overflow-wrap:anywhere}
 .mobile-top-panel .account-identity{min-width:0;overflow-wrap:anywhere}
 body.mobile-navigation-open{overflow:hidden}
 body:has([data-mobile-navigation][open])>.site-header,.admin-topbar:has([data-mobile-navigation][open]){z-index:200}
 body:has([data-mobile-navigation][open])>.site-header .brand{position:relative;z-index:122}
 .mobile-top-navigation[open] .mobile-menu-toggle{color:white;background:#ffffff0d;border-color:#ffffff2b}
 .mobile-top-panel .language-picker{margin-top:auto;width:100%;padding:0;border:1px solid #ffffff26;border-radius:10px;background:#ffffff0d;color:#eee6fa}
 .mobile-top-panel .language-picker>summary{font-size:14px;padding-left:14px;color:#eee6fa}
 .mobile-top-panel .language-options{top:auto;bottom:calc(100% + 8px);width:100%;border-color:#ffffff26;background:var(--ink)}
 .mobile-top-panel .language-option{font-size:14px;background:#ffffff12;color:#eee6fa}
 .mobile-top-panel .language-option:hover{background:#ffffff20}
 .mobile-top-panel .language-option:focus-visible{outline-color:var(--yellow)}
 .mobile-top-panel .language-picker:hover{background:#ffffff18;border-color:#ffffff50}
 .mobile-top-panel .language-picker:focus-within{outline-color:var(--yellow)}
 .mobile-top-panel .mobile-login-link{margin-top:0}
 .mobile-menu-section{display:block;margin:14px 0 2px;padding:0 4px;color:#bfb2cf;font-size:10px;font-weight:600;letter-spacing:1.2px;text-transform:uppercase}
 .mobile-menu-section:first-child{margin-top:0}
 .mobile-app-section:has(+[data-install-open][hidden]){display:none}
 .mobile-menu-section+.mobile-account-group{border-top:0;padding-top:0}

 .mobile-top-navigation[open]>.mobile-top-panel{animation:mobile-menu-enter .18s ease-out}
 .mobile-top-panel>.mobile-menu-link,.mobile-account-group>summary{display:flex;align-items:center;gap:12px;min-height:44px;width:100%;padding:10px 12px;border:0;border-radius:8px;background:transparent;color:#d9d1e6;font-size:17px;font-weight:550;text-decoration:none;list-style:none;cursor:pointer}
 .mobile-top-panel>.mobile-menu-link.is-active{background:#ffffff12;color:#dfc9ff}
 .mobile-top-panel>.mobile-menu-link,.mobile-account-group>summary{position:relative;background:#ffffff0a;border:1px solid #ffffff24;border-radius:10px;min-height:48px}
 .header-inner .mobile-top-panel{gap:8px;justify-content:flex-start}
 .header-inner .mobile-top-panel>.mobile-menu-link{display:flex}
 .mobile-top-panel>.mobile-menu-link:hover,.mobile-account-group>summary:hover{background:#ffffff18;border-color:#ffffff45;color:white;text-decoration:none}
 .mobile-top-panel .navigation-icon{width:19px;height:19px;flex-shrink:0}
 .mobile-top-panel a:focus-visible,.mobile-top-panel summary:focus-visible,.mobile-top-panel button:focus-visible{outline:2px solid var(--yellow);outline-offset:2px}
 .mobile-account-group{margin:0;border-top:1px solid #ffffff1f;padding-top:4px}
 .mobile-account-group>summary::-webkit-details-marker{display:none}
 .mobile-account-group>summary>span:first-of-type{flex:1}
 .mobile-account-group>div{padding:8px 2px 2px}
 .mobile-top-panel .account-identity{background:#ffffff0d;color:white;border-radius:9px;padding:12px}
 .mobile-top-panel .account-identity>span{color:#d9d1e6}
 .mobile-top-panel .account-section-label{color:#bfb2cf}
 .mobile-top-panel .account-divider-label,.mobile-top-panel .account-logout{border-color:#ffffff1f}
 .mobile-top-panel .account-links>a{min-height:44px;color:#eee6fa}
 .mobile-top-panel .account-links>a>.navigation-icon,.mobile-top-panel .account-links small{color:#c5b5d7}
 .mobile-top-panel .account-links>.account-zone-link{background:transparent;border-color:#ffffff26;padding:12px}
 .mobile-top-panel .account-links>a:hover,.mobile-top-panel .account-links>a[aria-current=page]{background:#ffffff12;color:white}
 .mobile-top-panel .account-logout button{min-height:44px;color:#ffc7cf}
 .mobile-top-panel .account-logout button:hover{background:#ffffff0d}
 .offline-banner{bottom:16px;z-index:130}
 .admin-shell .admin-topbar{min-height:58px}
 .admin-shell .admin-sidebar{padding-block:9px}
 .admin-shell .admin-brand,.admin-shell .admin-sidebar-bottom{display:none}
 .admin-shell .admin-mobile-navigation>summary{border-top:0;padding:10px 0}
 @keyframes mobile-menu-enter{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
}
@media(prefers-reduced-motion:reduce){.mobile-top-navigation[open]>.mobile-top-panel{animation:none}}