#it-site-header .it-mobile-toggle { display: none !important; }
@media (max-width: 800px) {
  #it-site-header.it-mobile-ready .it-header {
    display: grid !important; grid-template-columns: 1fr auto !important;
    position: relative !important; gap: 12px 16px !important;
    min-height: 0 !important; padding: 14px 20px 12px !important;
    align-items: center !important; justify-content: stretch !important;
  }
  #it-site-header.it-mobile-ready .it-brand { grid-column: 1; grid-row: 1; justify-self: start; font-size: 25px !important; }
  #it-site-header.it-mobile-ready .it-mobile-toggle {
    display: inline-flex !important; grid-column: 2; grid-row: 1;
    align-items: center; justify-content: center; gap: 10px;
    min-height: 44px; min-width: 88px; padding: 0 12px !important;
    border: 1px solid var(--it-line) !important; border-radius: 13px !important;
    background: var(--it-panel) !important; color: var(--it-fg) !important;
    font: 600 12px/1 var(--it-head) !important; cursor: pointer; box-shadow: none !important;
    -webkit-tap-highlight-color: transparent;
  }
  #it-site-header .it-mobile-toggle-icon { display: grid; gap: 5px; width: 17px; }
  #it-site-header .it-mobile-toggle-icon i { height: 2px; width: 17px; background: currentColor; border-radius: 2px; transition: transform .2s ease; }
  #it-site-header.it-menu-open .it-mobile-toggle-icon i:first-child { transform: translateY(3.5px) rotate(45deg); }
  #it-site-header.it-menu-open .it-mobile-toggle-icon i:last-child { transform: translateY(-3.5px) rotate(-45deg); }
  #it-site-header.it-mobile-ready .it-header-tools {
    grid-column: 1 / -1; grid-row: 2; display: grid !important;
    grid-template-columns: 1fr auto 1fr !important; gap: 8px !important;
    width: 100% !important; margin: 0 !important; padding: 10px 0 0 !important;
    border-top: 1px solid var(--it-line); align-items: center !important;
  }
  #it-site-header.it-mobile-ready .it-theme-control { justify-self: start; grid-column: 1; grid-row: 1; }
  #it-site-header.it-mobile-ready .it-language-control { justify-self: end; grid-column: 3; grid-row: 1; }
  #it-site-header.it-mobile-ready .it-account {
    display: flex !important; align-items: center; justify-content: center;
    grid-column: 2; grid-row: 1; gap: 5px; font-size: 12px !important; margin: 0 !important;
    color: var(--it-muted) !important;
  }
  #it-site-header.it-mobile-ready .it-account a { display: inline-flex; align-items: center; min-height: 44px; color: var(--it-fg) !important; }
  #it-site-header.it-mobile-ready .it-control-group { margin: 0 !important; padding: 2px !important; gap: 0 !important; border-radius: 12px !important; }
  #it-site-header.it-mobile-ready .it-switch-button { min-width: 34px !important; width: 34px !important; height: 40px !important; min-height: 40px !important; padding: 0 !important; font-size: 11px !important; border-radius: 9px !important; }
  #it-site-header.it-mobile-ready .it-nav {
    position: absolute !important; top: calc(100% + 8px) !important; left: 12px !important; right: 12px !important;
    width: auto !important; margin: 0 !important; padding: 12px !important;
    display: none !important; flex-direction: column !important; flex-wrap: nowrap !important;
    align-items: stretch !important; gap: 4px !important;
    max-height: calc(100dvh - var(--it-admin-offset, 0px) - 150px); overflow-y: auto; overscroll-behavior: contain;
    background: var(--it-panel) !important; color: var(--it-fg) !important;
    border: 1px solid var(--it-line) !important; border-radius: 20px !important;
    box-shadow: 0 22px 60px rgba(0,0,0,.22) !important; z-index: 10;
  }
  #it-site-header.it-mobile-ready.it-menu-open .it-nav { display: flex !important; animation: it-menu-reveal .2s ease-out; }
  #it-site-header.it-mobile-ready .it-nav a {
    display: flex !important; align-items: center; justify-content: space-between; gap: 18px;
    padding: 15px 16px !important; min-height: 52px; border-radius: 12px;
    font-size: 15px !important; white-space: normal !important; line-height: 1.4;
    transition: background .15s ease, color .15s ease;
  }
  #it-site-header.it-mobile-ready .it-nav a::after { content: '↗'; color: var(--it-accent); font: 400 20px/1 Arial,sans-serif; }
  #it-site-header.it-mobile-ready .it-nav a:hover { background: color-mix(in srgb,var(--it-accent) 10%,transparent); color: var(--it-accent) !important; }
  #it-site-header.it-mobile-ready .it-nav a:last-child { background: var(--it-accent); color: var(--it-bg) !important; margin-top: 5px; }
  #it-site-header.it-mobile-ready .it-nav a:last-child::after { color: inherit; }
  #it-site-header.it-mobile-ready :is(a,button):focus-visible { outline: 2px solid var(--it-accent) !important; outline-offset: 3px; }
}
@media (max-width: 359px) {
  #it-site-header.it-mobile-ready .it-header { padding-inline: 12px !important; }
  #it-site-header.it-mobile-ready .it-header-tools { gap: 4px !important; }
  #it-site-header.it-mobile-ready .it-account { gap: 3px; font-size: 11px !important; }
}
@keyframes it-menu-reveal { from { opacity: 0; transform: translateY(-8px); } to { opacity: 1; transform: translateY(0); } }
@media (prefers-reduced-motion: reduce) {
  #it-site-header.it-mobile-ready .it-nav, #it-site-header.it-mobile-ready .it-nav a, #it-site-header .it-mobile-toggle-icon i { animation: none !important; transition: none !important; }
}