/* AXIS V71 — final desktop compact layer, loaded after page inline CSS. */
@media (min-width: 1180px) {
  html { font-size: 78.5% !important; }

  :root {
    --axis-container-wide: 1040px;
    --axis-container-compact: 1040px;
    --axis-section-y: 2.35rem;
    --axis-card-pad: 1rem;
  }

  .site-header .header-inner,
  .header-inner {
    min-height: 50px !important;
    width: min(1040px, calc(100% - 28px)) !important;
    max-width: 1040px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }

  .site-header .brand-logo,
  .brand-logo { width: 40px !important; height: 40px !important; }
  .brand-text strong { font-size: .88rem !important; line-height: 1.05 !important; }
  .brand-text small { font-size: .62rem !important; }
  .main-nav { gap: 3px !important; }
  .main-nav .nav-link,
  .nav-dropdown-trigger { padding: 7px 8px !important; min-height: 32px !important; font-size: .72rem !important; }
  .header-actions { gap: 5px !important; }
  .axis-header-profile-chip,
  .axis-header-stat-chip,
  .axis-header-rank-chip,
  .axis-header-coins-chip,
  .auth-open-btn,
  .btn-secondary.mobile-toggle {
    min-height: 31px !important;
    padding: 6px 9px !important;
    font-size: .71rem !important;
  }
  .axis-header-rank-chip strong,
  .axis-header-profile-chip strong { max-width: 92px !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; }

  .hero,
  .section,
  .container,
  .profile-shell,
  .axis-profile-shell-v20,
  .community-shell,
  .axis-ranking-shell,
  .downloads-main,
  .axis-rewards-shell,
  main > .section,
  main > .profile-shell,
  main > .community-shell {
    max-width: 1040px !important;
  }

  .hero { min-height: 500px !important; padding-top: 2.45rem !important; padding-bottom: 2.35rem !important; }
  .section { padding-top: 2.35rem !important; padding-bottom: 2.35rem !important; }
  h1 { font-size: clamp(2rem, 3.35vw, 3.35rem) !important; }
  h2 { font-size: clamp(1.45rem, 2.35vw, 2.2rem) !important; }

  body .axis-profile-hero-v20.profile-hero,
  body .axis-profile-hero-v20 {
    width: min(100%, 1040px) !important;
    max-width: 1040px !important;
    margin-top: clamp(1.05rem, 3vw, 2.35rem) !important;
    margin-bottom: .9rem !important;
    grid-template-columns: 104px minmax(0, 1fr) minmax(205px, auto) !important;
    gap: 16px !important;
    padding: clamp(16px, 1.7vw, 24px) !important;
    border-radius: 24px !important;
  }

  .axis-profile-hero-v20__avatar-wrap,
  .axis-profile-hero-v20 .profile-avatar-wrap {
    width: 104px !important;
    height: 104px !important;
  }
  .axis-profile-hero-v20__avatar,
  .axis-profile-hero-v20 .profile-avatar {
    width: 88px !important;
    height: 88px !important;
    font-size: 1.35rem !important;
  }
  .axis-profile-hero-v20__status {
    right: 10px !important;
    bottom: 10px !important;
    width: 14px !important;
    height: 14px !important;
    border-width: 2px !important;
  }
  .axis-profile-hero-v20__main,
  .axis-profile-hero-v20 .profile-title { gap: 7px !important; }
  .axis-profile-hero-v20__eyebrow { font-size: .66rem !important; }
  .axis-profile-hero-v20__name,
  .axis-profile-hero-v20 h1[data-profile-name] {
    font-size: clamp(1.9rem, 3.15vw, 3.1rem) !important;
    line-height: .92 !important;
    letter-spacing: -.052em !important;
  }
  .axis-profile-hero-v20__meta,
  .axis-profile-hero-v20__badges,
  .axis-profile-hero-v20__handle { gap: 6px !important; }
  .axis-profile-hero-v20__tag,
  .axis-profile-hero-v20 .axis-profile-tag,
  .axis-profile-tag,
  .axis-profile-pill {
    min-height: 27px !important;
    padding: 6px 10px !important;
    font-size: .68rem !important;
  }
  .axis-profile-hero-v20__actions {
    gap: 8px !important;
    justify-content: flex-end !important;
  }
  .axis-profile-hero-v20__actions .btn,
  .axis-profile-hero-v20__actions .btn-secondary,
  .axis-profile-hero-v20__actions .btn-primary { min-height: 34px !important; padding: 8px 12px !important; font-size: .76rem !important; }

  .profile-tabs { gap: 8px !important; margin: 12px auto !important; }
  .profile-tab { min-height: 34px !important; padding: 8px 13px !important; font-size: .82rem !important; }
  .profile-panel,
  .axis-evolution-dashboard,
  .axis-ranking-row,
  .community-main-panel,
  .community-card,
  .downloads-list-shell,
  .axis-rewards-card,
  .axis-admin-panel,
  .axis-card,
  .card {
    padding: clamp(12px, 1.35vw, 20px) !important;
    border-radius: 20px !important;
  }
  .axis-evolution-dashboard { margin-top: 14px !important; }
  .axis-evolution-dashboard__kpis { gap: 10px !important; }
  .axis-evolution-chart { min-height: 290px !important; }
  .axis-ranking-row { min-height: 104px !important; gap: 12px !important; }
  .community-main-panel { min-height: 0 !important; }
  .community-message,
  .community-topic-card { padding: 14px !important; border-radius: 18px !important; }
  .downloads-main { padding-top: 18px !important; padding-bottom: 18px !important; }
  .download-row { min-height: 56px !important; }
  .axis-rewards-shell { gap: 14px !important; }
}

html.axis-auth-loading .main-nav [data-nav-key="clan"] { visibility: hidden !important; }
html.axis-user-authenticated .main-nav [data-nav-key="clan"],
html.axis-user-authenticated .mobile-panel [data-nav-key="clan"] { display: none !important; }

/* AXIS v20260630-78 — header desktop com navegação completa e menu apenas mobile */
@media (min-width: 1025px) {
  html.axis-user-authenticated .site-header .main-nav,
  html.axis-authenticated .site-header .main-nav {
    display: flex !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 2px !important;
    overflow: visible !important;
  }

  html.axis-user-authenticated .site-header .mobile-toggle,
  html.axis-authenticated .site-header .mobile-toggle {
    display: none !important;
  }

  html.axis-user-authenticated .site-header .header-inner,
  html.axis-authenticated .site-header .header-inner,
  .site-header .header-inner {
    width: min(100%, calc(100% - 24px)) !important;
    max-width: 1720px !important;
    min-height: 60px !important;
    height: 60px !important;
    padding: 5px 0 !important;
    gap: 8px !important;
    display: flex !important;
    align-items: center !important;
    overflow: visible !important;
  }

  html.axis-user-authenticated .site-header .brand,
  html.axis-authenticated .site-header .brand,
  .site-header .brand {
    flex: 0 0 154px !important;
    max-width: 154px !important;
    min-width: 0 !important;
    gap: 7px !important;
    overflow: hidden !important;
  }

  html.axis-user-authenticated .site-header .brand-logo,
  html.axis-authenticated .site-header .brand-logo,
  .site-header .brand-logo {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    border-radius: 10px !important;
  }

  html.axis-user-authenticated .site-header .brand-text strong,
  html.axis-authenticated .site-header .brand-text strong,
  .site-header .brand-text strong {
    max-width: 96px !important;
    font-size: .78rem !important;
    line-height: .95 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  html.axis-user-authenticated .site-header .brand-text small,
  html.axis-authenticated .site-header .brand-text small,
  .site-header .brand-text small {
    max-width: 96px !important;
    font-size: .56rem !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  html.axis-user-authenticated .site-header .main-nav .nav-link,
  html.axis-user-authenticated .site-header .main-nav .nav-dropdown-trigger,
  html.axis-authenticated .site-header .main-nav .nav-link,
  html.axis-authenticated .site-header .main-nav .nav-dropdown-trigger,
  .site-header .main-nav .nav-link,
  .site-header .main-nav .nav-dropdown-trigger {
    min-height: 30px !important;
    height: 30px !important;
    padding: 5px 7px !important;
    border-radius: 10px !important;
    font-size: .68rem !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  html.axis-user-authenticated .site-header .header-actions,
  html.axis-authenticated .site-header .header-actions,
  .site-header .header-actions {
    flex: 0 1 auto !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 5px !important;
    overflow: visible !important;
  }

  html.axis-user-authenticated .site-header .axis-auth-shell--desktop,
  html.axis-authenticated .site-header .axis-auth-shell--desktop {
    min-width: 0 !important;
    max-width: 100% !important;
  }

  html.axis-user-authenticated .site-header .axis-header-actions,
  html.axis-authenticated .site-header .axis-header-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    flex-wrap: nowrap !important;
    gap: 5px !important;
    min-width: 0 !important;
  }

  html.axis-user-authenticated .site-header .axis-header-metrics,
  html.axis-authenticated .site-header .axis-header-metrics {
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    gap: 4px !important;
    min-width: 0 !important;
  }

  html.axis-user-authenticated .site-header .axis-header-metric,
  html.axis-authenticated .site-header .axis-header-metric {
    height: 34px !important;
    min-height: 34px !important;
    padding: 3px 7px !important;
    border-radius: 999px !important;
    overflow: hidden !important;
  }

  html.axis-user-authenticated .site-header .axis-header-metric--level,
  html.axis-authenticated .site-header .axis-header-metric--level { width: 52px !important; min-width: 52px !important; max-width: 52px !important; }
  html.axis-user-authenticated .site-header .axis-header-metric--rank,
  html.axis-authenticated .site-header .axis-header-metric--rank { width: 104px !important; min-width: 92px !important; max-width: 104px !important; }
  html.axis-user-authenticated .site-header .axis-header-metric--coins,
  html.axis-authenticated .site-header .axis-header-metric--coins { width: 74px !important; min-width: 68px !important; max-width: 74px !important; }

  html.axis-user-authenticated .site-header .axis-header-metric small,
  html.axis-authenticated .site-header .axis-header-metric small {
    font-size: .48rem !important;
    line-height: 1 !important;
    letter-spacing: .03em !important;
  }

  html.axis-user-authenticated .site-header .axis-header-metric b,
  html.axis-authenticated .site-header .axis-header-metric b {
    font-size: .68rem !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  html.axis-user-authenticated .site-header .axis-notification-trigger,
  html.axis-user-authenticated .site-header .axis-store-trigger,
  html.axis-user-authenticated .site-header [data-axis-notification-trigger],
  html.axis-user-authenticated .site-header [data-axis-store-open],
  html.axis-authenticated .site-header .axis-notification-trigger,
  html.axis-authenticated .site-header .axis-store-trigger,
  html.axis-authenticated .site-header [data-axis-notification-trigger],
  html.axis-authenticated .site-header [data-axis-store-open] {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    min-height: 34px !important;
    border-radius: 12px !important;
  }

  html.axis-user-authenticated .site-header .axis-user-trigger,
  html.axis-authenticated .site-header .axis-user-trigger,
  html.axis-user-authenticated .site-header [data-axis-user-trigger],
  html.axis-authenticated .site-header [data-axis-user-trigger] {
    height: 34px !important;
    min-height: 34px !important;
    max-width: 150px !important;
    min-width: 0 !important;
    padding: 3px 8px 3px 4px !important;
    border-radius: 999px !important;
    overflow: hidden !important;
  }

  html.axis-user-authenticated .site-header .axis-user-avatar,
  html.axis-authenticated .site-header .axis-user-avatar {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
  }

  html.axis-user-authenticated .site-header .axis-user-trigger [data-axis-user-label],
  html.axis-authenticated .site-header .axis-user-trigger [data-axis-user-label],
  html.axis-user-authenticated .site-header [data-axis-user-trigger] [data-axis-user-label],
  html.axis-authenticated .site-header [data-axis-user-trigger] [data-axis-user-label] {
    display: inline-block !important;
    max-width: 92px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-size: .68rem !important;
  }
}

@media (min-width: 1025px) and (max-width: 1360px) {
  html.axis-user-authenticated .site-header .brand,
  html.axis-authenticated .site-header .brand,
  .site-header .brand {
    flex-basis: 44px !important;
    max-width: 44px !important;
  }
  html.axis-user-authenticated .site-header .brand-text,
  html.axis-authenticated .site-header .brand-text,
  .site-header .brand-text { display: none !important; }
  html.axis-user-authenticated .site-header .main-nav,
  html.axis-authenticated .site-header .main-nav { gap: 1px !important; }
  html.axis-user-authenticated .site-header .main-nav .nav-link,
  html.axis-user-authenticated .site-header .main-nav .nav-dropdown-trigger,
  html.axis-authenticated .site-header .main-nav .nav-link,
  html.axis-authenticated .site-header .main-nav .nav-dropdown-trigger,
  .site-header .main-nav .nav-link,
  .site-header .main-nav .nav-dropdown-trigger {
    padding-inline: 5px !important;
    font-size: .62rem !important;
  }
  html.axis-user-authenticated .site-header .axis-user-trigger,
  html.axis-authenticated .site-header .axis-user-trigger { max-width: 42px !important; width: 42px !important; padding: 3px !important; }
  html.axis-user-authenticated .site-header .axis-user-trigger [data-axis-user-label],
  html.axis-authenticated .site-header .axis-user-trigger [data-axis-user-label] { display: none !important; }
}

@media (max-width: 1024px) {
  html.axis-user-authenticated .site-header .main-nav,
  html.axis-authenticated .site-header .main-nav { display: none !important; }
  html.axis-user-authenticated .site-header .mobile-toggle,
  html.axis-authenticated .site-header .mobile-toggle { display: inline-flex !important; }
}

/* AXIS v20260630-78 — densidade visual padrão mais próxima do Chrome 80% sem zoom/scale */
@media (min-width: 1025px) {
  html { font-size: 76.5% !important; }

  :root {
    --axis-container-wide: 1000px;
    --axis-container-compact: 1000px;
    --axis-page-max: 1000px;
    --axis-section-y: 2.15rem;
    --axis-card-pad: .92rem;
  }

  .hero,
  .section,
  .container,
  .profile-shell,
  .axis-profile-shell-v20,
  .axis-rankings-shell,
  .axis-ranking-shell,
  .downloads-main,
  .axis-rewards-shell,
  main > .section,
  main > .profile-shell {
    max-width: 1000px !important;
  }

  .hero { min-height: 460px !important; padding-top: 2.15rem !important; padding-bottom: 2.1rem !important; }
  .section { padding-top: 2.1rem !important; padding-bottom: 2.1rem !important; }

  body .axis-profile-hero-v20.profile-hero,
  body .axis-profile-hero-v20 {
    width: min(100%, 1000px) !important;
    max-width: 1000px !important;
    margin-top: clamp(.85rem, 2.4vw, 2rem) !important;
    grid-template-columns: 96px minmax(0, 1fr) minmax(190px, auto) !important;
    gap: 14px !important;
    padding: clamp(14px, 1.45vw, 21px) !important;
  }

  .axis-profile-hero-v20__avatar-wrap,
  .axis-profile-hero-v20 .profile-avatar-wrap { width: 96px !important; height: 96px !important; }
  .axis-profile-hero-v20__avatar,
  .axis-profile-hero-v20 .profile-avatar { width: 80px !important; height: 80px !important; }
  .axis-profile-hero-v20__name,
  .axis-profile-hero-v20 h1[data-profile-name] { font-size: clamp(1.75rem, 2.85vw, 2.85rem) !important; }

  .axis-evolution-dashboard,
  .axis-ranking-row,
  .profile-panel,
  .community-main-panel,
  .downloads-list-shell,
  .axis-rewards-card,
  .axis-card,
  .card { padding: clamp(10px, 1.15vw, 17px) !important; }
}

/* AXIS v20260630-78-hotfix — header desktop maior, mobile com Menu + Conta separados */
@media (min-width: 1025px) {
  html { font-size: 77.5% !important; }

  :root {
    --axis-page-max: 1280px;
    --axis-container-wide: 1280px;
    --axis-container-compact: 1180px;
    --axis-section-y: 2.35rem;
    --axis-card-pad: 1rem;
  }

  .hero,
  .section,
  .container,
  .profile-shell,
  .axis-profile-shell-v20,
  .axis-rankings-shell,
  .axis-ranking-shell,
  .downloads-main,
  .axis-rewards-shell,
  main > .section,
  main > .profile-shell {
    max-width: var(--axis-page-max) !important;
  }

  .site-header .header-inner,
  html.axis-user-authenticated .site-header .header-inner,
  html.axis-authenticated .site-header .header-inner {
    width: min(100%, calc(100% - 28px)) !important;
    max-width: 1780px !important;
    min-height: 74px !important;
    height: 74px !important;
    padding: 7px 0 !important;
    gap: 12px !important;
    overflow: visible !important;
  }

  .site-header .brand,
  html.axis-user-authenticated .site-header .brand,
  html.axis-authenticated .site-header .brand {
    flex: 0 0 205px !important;
    max-width: 205px !important;
    gap: 9px !important;
  }

  .site-header .brand-logo,
  html.axis-user-authenticated .site-header .brand-logo,
  html.axis-authenticated .site-header .brand-logo {
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    border-radius: 13px !important;
  }

  .site-header .brand-text strong,
  html.axis-user-authenticated .site-header .brand-text strong,
  html.axis-authenticated .site-header .brand-text strong {
    max-width: 142px !important;
    font-size: .92rem !important;
    line-height: .98 !important;
  }

  .site-header .brand-text small,
  html.axis-user-authenticated .site-header .brand-text small,
  html.axis-authenticated .site-header .brand-text small {
    max-width: 142px !important;
    font-size: .66rem !important;
    line-height: 1.05 !important;
  }

  .site-header .main-nav,
  html.axis-user-authenticated .site-header .main-nav,
  html.axis-authenticated .site-header .main-nav {
    display: flex !important;
    flex: 1 1 auto !important;
    justify-content: center !important;
    gap: 7px !important;
    min-width: 0 !important;
    overflow: visible !important;
  }

  .site-header .main-nav .nav-link,
  .site-header .main-nav .nav-dropdown-trigger,
  html.axis-user-authenticated .site-header .main-nav .nav-link,
  html.axis-user-authenticated .site-header .main-nav .nav-dropdown-trigger,
  html.axis-authenticated .site-header .main-nav .nav-link,
  html.axis-authenticated .site-header .main-nav .nav-dropdown-trigger {
    min-height: 38px !important;
    height: 38px !important;
    padding: 8px 11px !important;
    border-radius: 14px !important;
    font-size: .82rem !important;
    line-height: 1 !important;
  }

  .site-header .header-actions,
  html.axis-user-authenticated .site-header .header-actions,
  html.axis-authenticated .site-header .header-actions {
    flex: 0 0 auto !important;
    gap: 9px !important;
    justify-content: flex-end !important;
  }

  html.axis-user-authenticated .site-header .axis-auth-shell--desktop,
  html.axis-authenticated .site-header .axis-auth-shell--desktop {
    display: block !important;
    min-width: 0 !important;
    max-width: 640px !important;
  }

  html.axis-user-authenticated .site-header .axis-header-actions,
  html.axis-authenticated .site-header .axis-header-actions {
    gap: 8px !important;
    align-items: center !important;
  }

  html.axis-user-authenticated .site-header .axis-header-metrics,
  html.axis-authenticated .site-header .axis-header-metrics {
    gap: 7px !important;
  }

  html.axis-user-authenticated .site-header .axis-header-metric,
  html.axis-authenticated .site-header .axis-header-metric {
    height: 42px !important;
    min-height: 42px !important;
    padding: 5px 10px !important;
    border-radius: 999px !important;
  }

  html.axis-user-authenticated .site-header .axis-header-metric--level,
  html.axis-authenticated .site-header .axis-header-metric--level { width: 64px !important; min-width: 64px !important; max-width: 64px !important; }
  html.axis-user-authenticated .site-header .axis-header-metric--rank,
  html.axis-authenticated .site-header .axis-header-metric--rank { width: 130px !important; min-width: 118px !important; max-width: 130px !important; }
  html.axis-user-authenticated .site-header .axis-header-metric--coins,
  html.axis-authenticated .site-header .axis-header-metric--coins { width: 92px !important; min-width: 84px !important; max-width: 92px !important; }

  html.axis-user-authenticated .site-header .axis-header-metric small,
  html.axis-authenticated .site-header .axis-header-metric small { font-size: .55rem !important; }
  html.axis-user-authenticated .site-header .axis-header-metric b,
  html.axis-authenticated .site-header .axis-header-metric b { font-size: .78rem !important; }

  html.axis-user-authenticated .site-header .axis-notification-trigger,
  html.axis-user-authenticated .site-header .axis-store-trigger,
  html.axis-user-authenticated .site-header [data-axis-notification-trigger],
  html.axis-user-authenticated .site-header [data-axis-store-open],
  html.axis-authenticated .site-header .axis-notification-trigger,
  html.axis-authenticated .site-header .axis-store-trigger,
  html.axis-authenticated .site-header [data-axis-notification-trigger],
  html.axis-authenticated .site-header [data-axis-store-open] {
    width: 43px !important;
    height: 43px !important;
    min-width: 43px !important;
    min-height: 43px !important;
    border-radius: 15px !important;
  }

  html.axis-user-authenticated .site-header .axis-user-trigger,
  html.axis-authenticated .site-header .axis-user-trigger,
  html.axis-user-authenticated .site-header [data-axis-user-trigger],
  html.axis-authenticated .site-header [data-axis-user-trigger] {
    height: 43px !important;
    min-height: 43px !important;
    max-width: 205px !important;
    padding: 5px 12px 5px 6px !important;
    border-radius: 999px !important;
  }

  html.axis-user-authenticated .site-header .axis-user-avatar,
  html.axis-authenticated .site-header .axis-user-avatar {
    width: 33px !important;
    height: 33px !important;
    min-width: 33px !important;
  }

  html.axis-user-authenticated .site-header .axis-user-trigger [data-axis-user-label],
  html.axis-authenticated .site-header .axis-user-trigger [data-axis-user-label],
  html.axis-user-authenticated .site-header [data-axis-user-trigger] [data-axis-user-label],
  html.axis-authenticated .site-header [data-axis-user-trigger] [data-axis-user-label] {
    max-width: 136px !important;
    font-size: .78rem !important;
  }

  .site-header .axis-user-panel {
    width: 276px !important;
    min-width: 276px !important;
    border-radius: 18px !important;
    padding: 10px !important;
  }
  .site-header .axis-user-panel a,
  .site-header .axis-user-panel button:not(.axis-user-panel-close) {
    min-height: 42px !important;
    padding: 10px 12px !important;
    font-size: .86rem !important;
    line-height: 1.05 !important;
    white-space: nowrap !important;
  }

  .hero { min-height: 510px !important; padding-top: 2.55rem !important; padding-bottom: 2.45rem !important; }
  .section { padding-top: 2.4rem !important; padding-bottom: 2.4rem !important; }
}

@media (min-width: 1025px) and (max-width: 1420px) {
  .site-header .brand,
  html.axis-user-authenticated .site-header .brand,
  html.axis-authenticated .site-header .brand { flex-basis: 166px !important; max-width: 166px !important; }
  .site-header .brand-logo { width: 44px !important; height: 44px !important; min-width: 44px !important; }
  .site-header .brand-text strong,
  .site-header .brand-text small { max-width: 108px !important; }
  .site-header .main-nav,
  html.axis-user-authenticated .site-header .main-nav,
  html.axis-authenticated .site-header .main-nav { gap: 4px !important; }
  .site-header .main-nav .nav-link,
  .site-header .main-nav .nav-dropdown-trigger { padding-inline: 8px !important; font-size: .76rem !important; }
  html.axis-user-authenticated .site-header .axis-header-metric--rank,
  html.axis-authenticated .site-header .axis-header-metric--rank { width: 112px !important; min-width: 106px !important; max-width: 112px !important; }
  html.axis-user-authenticated .site-header .axis-user-trigger,
  html.axis-authenticated .site-header .axis-user-trigger { max-width: 168px !important; }
  html.axis-user-authenticated .site-header .axis-user-trigger [data-axis-user-label],
  html.axis-authenticated .site-header .axis-user-trigger [data-axis-user-label] { max-width: 98px !important; }
}

/* AXIS v20260630-78-hotfix — celular com botão de conta separado do menu principal */
@media (max-width: 767px) {
  .site-header .header-inner,
  html.axis-user-authenticated .site-header .header-inner,
  html.axis-authenticated .site-header .header-inner {
    width: min(100%, calc(100% - 16px)) !important;
    min-height: 72px !important;
    height: 72px !important;
    gap: 9px !important;
  }

  .site-header .brand,
  html.axis-user-authenticated .site-header .brand,
  html.axis-authenticated .site-header .brand {
    flex: 1 1 auto !important;
    max-width: none !important;
    min-width: 0 !important;
  }

  .site-header .brand-logo {
    width: 46px !important;
    height: 46px !important;
    min-width: 46px !important;
    border-radius: 14px !important;
  }

  .site-header .brand-text { display: none !important; }

  .site-header .header-actions,
  html.axis-user-authenticated .site-header .header-actions,
  html.axis-authenticated .site-header .header-actions {
    flex: 0 0 auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    margin-left: auto !important;
  }

  html.axis-user-authenticated .site-header .axis-auth-shell--desktop,
  html.axis-authenticated .site-header .axis-auth-shell--desktop {
    display: block !important;
    order: 1 !important;
    width: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
  }

  html.axis-user-authenticated .site-header .axis-auth-shell--desktop .axis-header-actions,
  html.axis-authenticated .site-header .axis-auth-shell--desktop .axis-header-actions {
    display: flex !important;
    width: 48px !important;
    gap: 0 !important;
  }

  html.axis-user-authenticated .site-header .axis-auth-shell--desktop .axis-header-metrics,
  html.axis-authenticated .site-header .axis-auth-shell--desktop .axis-header-metrics,
  html.axis-user-authenticated .site-header .axis-auth-shell--desktop .axis-notification-trigger,
  html.axis-authenticated .site-header .axis-auth-shell--desktop .axis-notification-trigger,
  html.axis-user-authenticated .site-header .axis-auth-shell--desktop .axis-store-trigger,
  html.axis-authenticated .site-header .axis-auth-shell--desktop .axis-store-trigger,
  html.axis-user-authenticated .site-header .axis-auth-shell--desktop [data-axis-notification-trigger],
  html.axis-authenticated .site-header .axis-auth-shell--desktop [data-axis-notification-trigger],
  html.axis-user-authenticated .site-header .axis-auth-shell--desktop [data-axis-store-open],
  html.axis-authenticated .site-header .axis-auth-shell--desktop [data-axis-store-open] {
    display: none !important;
  }

  html.axis-user-authenticated .site-header .axis-user-menu,
  html.axis-authenticated .site-header .axis-user-menu {
    display: flex !important;
    width: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
    position: relative !important;
  }

  html.axis-user-authenticated .site-header .axis-user-trigger,
  html.axis-authenticated .site-header .axis-user-trigger,
  html.axis-user-authenticated .site-header [data-axis-user-trigger],
  html.axis-authenticated .site-header [data-axis-user-trigger] {
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    min-height: 48px !important;
    max-width: 48px !important;
    padding: 3px !important;
    border-radius: 16px !important;
    justify-content: center !important;
  }

  html.axis-user-authenticated .site-header .axis-user-avatar,
  html.axis-authenticated .site-header .axis-user-avatar {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
  }

  html.axis-user-authenticated .site-header .axis-user-trigger [data-axis-user-label],
  html.axis-authenticated .site-header .axis-user-trigger [data-axis-user-label] {
    display: none !important;
  }

  .site-header .mobile-toggle {
    order: 2 !important;
    min-width: 78px !important;
    height: 48px !important;
    min-height: 48px !important;
    padding: 0 17px !important;
    border-radius: 18px !important;
    font-size: .96rem !important;
  }

  .site-header .axis-user-panel {
    position: fixed !important;
    top: calc(var(--axis-header-offset, 84px) + 6px) !important;
    left: 10px !important;
    right: 10px !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    max-height: calc(100dvh - var(--axis-header-offset, 84px) - 18px) !important;
    overflow-y: auto !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 9px !important;
    padding: 14px !important;
    border-radius: 24px !important;
    background: linear-gradient(145deg, rgba(4, 16, 10, .985), rgba(1, 6, 4, .985)) !important;
    box-shadow: 0 28px 90px rgba(0,0,0,.58), 0 0 0 1px rgba(57,255,136,.18) !important;
    z-index: 230 !important;
  }

  .site-header .axis-user-panel[hidden] { display: none !important; }
  .site-header .axis-user-panel__head {
    grid-column: 1 / -1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    padding: 4px 2px 10px !important;
    border-bottom: 1px solid rgba(57,255,136,.14) !important;
  }

  .site-header .axis-user-panel a,
  .site-header .axis-user-panel button:not(.axis-user-panel-close) {
    min-height: 50px !important;
    padding: 10px 9px !important;
    border-radius: 15px !important;
    justify-content: center !important;
    text-align: center !important;
    white-space: nowrap !important;
    font-size: .88rem !important;
    line-height: 1.05 !important;
  }

  .site-header .axis-user-panel [data-axis-signout] {
    grid-column: 1 / -1 !important;
  }

  .mobile-panel {
    top: calc(var(--axis-header-offset, 84px) + 6px) !important;
    left: 10px !important;
    right: 10px !important;
    width: auto !important;
    padding: 14px !important;
    border-radius: 24px !important;
    background: linear-gradient(145deg, rgba(4, 16, 10, .985), rgba(1, 6, 4, .985)) !important;
    box-shadow: 0 28px 90px rgba(0,0,0,.58), 0 0 0 1px rgba(57,255,136,.18) !important;
  }

  .mobile-panel.is-open {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 9px !important;
  }

  .mobile-panel .nav-link,
  .mobile-panel .auth-open-btn {
    min-height: 50px !important;
    border-radius: 15px !important;
    padding: 10px 9px !important;
    justify-content: center !important;
    text-align: center !important;
    font-size: .88rem !important;
    line-height: 1.05 !important;
    white-space: nowrap !important;
  }

  .mobile-panel [data-axis-auth-shell],
  .mobile-panel .axis-auth-shell--mobile,
  .mobile-panel .axis-user-menu,
  .mobile-panel .axis-user-panel,
  .mobile-panel .axis-header-metrics,
  .mobile-panel .axis-notification-trigger,
  .mobile-panel .axis-store-trigger {
    display: none !important;
  }
}

@media (max-width: 380px) {
  .site-header .mobile-toggle { min-width: 70px !important; padding-inline: 13px !important; font-size: .9rem !important; }
  html.axis-user-authenticated .site-header .axis-auth-shell--desktop,
  html.axis-authenticated .site-header .axis-auth-shell--desktop,
  html.axis-user-authenticated .site-header .axis-user-menu,
  html.axis-authenticated .site-header .axis-user-menu,
  html.axis-user-authenticated .site-header .axis-user-trigger,
  html.axis-authenticated .site-header .axis-user-trigger { width: 44px !important; min-width: 44px !important; max-width: 44px !important; }
  html.axis-user-authenticated .site-header .axis-user-trigger,
  html.axis-authenticated .site-header .axis-user-trigger { height: 44px !important; min-height: 44px !important; }
  html.axis-user-authenticated .site-header .axis-user-avatar,
  html.axis-authenticated .site-header .axis-user-avatar { width: 34px !important; height: 34px !important; min-width: 34px !important; }
}

/* AXIS v20260630-78-hotfix — elimina flicker/reveal instável no mobile */
@media (max-width: 767px) {
  html.srml-js [data-srml],
  html[data-site-motion="enabled"].srml-js [data-srml],
  html[data-site-motion="enabled"].srml-js [data-srml]:not(.srml-is-visible),
  html[data-site-motion="enabled"].srml-js [data-srml].manual-motion-rearm,
  .axis-reveal-item,
  .axis-scroll-reveal-v34,
  .axis-scroll-reveal-v35,
  .axis-scroll-reveal-v36,
  .axis-scroll-reveal-v40,
  .axis-scroll-reveal-v44,
  .axis-scroll-reveal-v45 {
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
    clip-path: inset(0 0 0 0) !important;
    transition: none !important;
    animation: none !important;
  }
}