/* Navegação enxuta para telas pequenas: os controles secundários ficam no menu. */
.mobile-menu-trigger,.mobile-drawer,.mobile-drawer-backdrop{display:none}

@media(max-width:800px){
  .topbar{display:none}
  .masthead{height:72px;padding:10px 5%;gap:10px;position:sticky;top:0;z-index:60}
  .masthead>p{display:none}
  .logo{gap:7px}.logo b,.logo strong{font-size:1.25rem}.mark{width:42px;height:42px;font-size:29px}
  .head-tools{margin-left:auto;gap:5px}
  .head-tools .member-access,.head-tools .member-menu,.head-tools .support,.head-tools .language-picker{display:none!important}
  .search{display:grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid rgba(255,255,255,.45);font-size:1.65rem}
  .mobile-menu-trigger{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(255,255,255,.45);background:transparent;color:#fff;font-size:1.25rem}
  .nav{display:none}
  .mobile-drawer-backdrop{position:fixed;z-index:69;inset:72px 0 0;background:rgba(0,0,0,.48)}
  .mobile-drawer-backdrop.is-open{display:block}
  .mobile-drawer{position:fixed;z-index:70;top:72px;right:0;bottom:0;width:min(340px,90vw);padding:20px;background:#fff;color:var(--ink);box-shadow:-12px 0 32px rgba(0,0,0,.2);transform:translateX(104%);transition:transform .2s ease;overflow:auto}
  .mobile-drawer.is-open{display:block;transform:translateX(0)}
  .mobile-drawer__top{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;border-bottom:2px solid var(--ink)}
  .mobile-drawer__top b{font:800 1.25rem 'Barlow Condensed';letter-spacing:.06em}
  .mobile-drawer__close{border:0;background:none;font-size:1.7rem;line-height:1;color:var(--red)}
  .mobile-drawer__links{display:grid;margin:16px 0}.mobile-drawer__links a{padding:13px 0;border-bottom:1px solid var(--line);font-weight:800}.mobile-drawer__links a:first-child{color:var(--red)}
  .mobile-drawer__account{display:grid;gap:9px;border-top:1px solid var(--line);padding-top:18px}.mobile-drawer__account a{display:block;padding:12px 14px;border:1px solid var(--red);color:var(--red);font-size:.77rem;font-weight:800;text-align:center;text-transform:uppercase}.mobile-drawer__account a:last-child{background:var(--yellow);border-color:var(--yellow);color:#6e1016}
  .mobile-drawer .language-picker{display:flex;margin:20px 0 0}.mobile-drawer .language-picker select{color:var(--ink);border-color:var(--ink);background-color:#fff}
}
