@media(max-width:800px){
  .mobile-bottom,.fab{display:none!important}
  .desktop-main{padding-bottom:28px!important}
  .mobile-top{height:68px!important;padding:8px 12px 8px 14px!important;gap:10px!important}
  .mobile-logo img{width:122px!important}
  .mobile-top .avatar{width:36px!important;height:36px!important;font-size:11px!important}
  .desa-mobile-menu-btn{width:40px;height:40px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:#444;color:#fff;display:grid;place-items:center;padding:0;flex:0 0 auto}
  .desa-mobile-menu-btn svg{width:20px;height:20px;fill:none;stroke:#fff!important;stroke-width:1.8;stroke-linecap:round}
  .desa-mobile-actions{display:flex;align-items:center;gap:8px;margin-left:auto}
  .desa-mobile-overlay{position:fixed;inset:0;background:rgba(12,12,12,.42);backdrop-filter:blur(2px);z-index:79;opacity:0;pointer-events:none;transition:opacity .22s ease}
  .desa-mobile-drawer{position:fixed;left:0;top:0;bottom:0;width:min(78vw,292px);background:#383838;color:#fff;z-index:80;transform:translateX(-102%);transition:transform .24s ease;box-shadow:18px 0 50px rgba(0,0,0,.26);padding:max(18px,env(safe-area-inset-top)) 14px max(18px,env(safe-area-inset-bottom));display:flex;flex-direction:column}
  body.desa-mobile-menu-open{overflow:hidden}
  body.desa-mobile-menu-open .desa-mobile-overlay{opacity:1;pointer-events:auto}
  body.desa-mobile-menu-open .desa-mobile-drawer{transform:translateX(0)}
  .desa-mobile-drawer-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:4px 4px 17px;border-bottom:1px solid rgba(255,255,255,.09);margin-bottom:12px}
  .desa-mobile-drawer-logo{width:142px;height:auto;display:block}
  .desa-mobile-close{width:36px;height:36px;border:0;border-radius:9px;background:rgba(255,255,255,.08);color:#fff;font-size:22px;line-height:1;padding:0}
  .desa-mobile-drawer-nav{display:flex;flex-direction:column;gap:4px;overflow-y:auto;padding:2px 0 12px}
  .desa-mobile-drawer-nav button{width:100%;min-height:44px;border:0;border-radius:9px;background:transparent;color:#e9e5df;display:flex;align-items:center;gap:11px;text-align:left;padding:0 12px;font-size:13px;font-weight:600}
  .desa-mobile-drawer-nav button i{width:20px;height:20px;display:grid;place-items:center;text-align:center;font-style:normal;color:#eee9e2!important;flex:0 0 20px}
  .desa-mobile-drawer-nav button i svg{width:19px!important;height:19px!important;display:block!important;overflow:visible!important;fill:none!important;stroke:#eee9e2!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important;opacity:1!important}
  .desa-mobile-drawer-nav button i svg *{fill:none!important;stroke:#eee9e2!important;opacity:1!important}
  .desa-mobile-drawer-nav button .badge{margin-left:auto;background:#4b4b4b;color:#fff;border-radius:999px;padding:3px 7px;font-size:9px}
  .desa-mobile-drawer-nav button.active{background:#4a4643;color:#fff;box-shadow:inset 3px 0 0 #c3aa94}
  .desa-mobile-drawer-nav button.active i{color:#f3ded0!important}
  .desa-mobile-drawer-nav button.active i svg,.desa-mobile-drawer-nav button.active i svg *{stroke:#f3ded0!important}
  .desa-mobile-drawer-foot{margin-top:auto;border-top:1px solid rgba(255,255,255,.09);padding:15px 8px 2px;color:#bdbdbd;font-size:9px;line-height:1.55;letter-spacing:.13em;text-transform:uppercase}
}