@media (max-width: 749px) {
  :root { --site-header-height: 56px; }
  .site-header { min-height: 56px; height: 56px; padding: 0 12px; }
  .site-header .brand-logo { width: 30px; height: 30px; }
  .site-header .brand-name { font-size: 16px; }
  .site-header .header-actions { gap: 0; }
  .site-header .header-actions .icon-button { width: 44px; height: 44px; min-height: 44px; }
}