.mobile-header-actions { display: none; }
.mobile-nav[hidden] { display: none !important; }
body:has(.account-topbar) > .altin-cart-toggle,
body:has(.account-topbar) > .altin-wallet-toggle { display: none !important; }

@media (max-width: 640px) {
  .topbar, .menu-topbar, .account-topbar {
    display: flex; align-items: center; justify-content: space-between;
    position: relative; width: calc(100% - 24px); min-height: 64px;
    margin-inline: auto; padding: 8px 0; gap: 8px;
  }
  .topbar .topbar-actions, .mobile-header-actions {
    display: block; position: static; width: auto; min-width: 43px;
  }
  .topbar .topbar-actions > :not(.mobile-nav-toggle):not(.mobile-nav),
  .menu-topbar > nav[aria-label="Ana menü"],
  .account-topbar > nav[aria-label="Ana menü"],
  body > .altin-cart-toggle, body > .altin-wallet-toggle { display: none !important; }
  .topbar .brand, .menu-topbar .brand, .account-topbar .account-brand { width: fit-content; min-width: 0; }
  .menu-topbar .brand .crown, .account-topbar .account-brand > span {
    width: 40px; height: 40px; border: 1px solid #ffc400; border-radius: 10px;
    color: #ffc400; background: #111; font-size: 25px;
  }
  .menu-topbar .brand strong, .account-topbar .account-brand b { font-size: 15px; line-height: 1; }
  .menu-topbar .brand small, .account-topbar .account-brand small { font-size: 9px; }
  .mobile-nav-toggle,
  .topbar .topbar-actions .mobile-nav-toggle {
    display: grid; place-items: center; position: relative; z-index: 51;
    width: 43px; height: 43px; padding: 0;
    border: 1px solid #8f751f; border-radius: 9px;
    color: #ffc400; background: #111; font: 24px/1 Arial, sans-serif;
    cursor: pointer;
  }
  .mobile-nav:not([hidden]),
  .topbar .topbar-actions .mobile-nav:not([hidden]) {
    display: grid; position: absolute; z-index: 50;
    top: calc(100% - 2px); right: 0;
    width: min(280px, calc(100vw - 24px)); max-height: calc(100dvh - 70px);
    overflow-y: auto; padding: 8px;
    border: 1px solid #8f751f; border-radius: 12px;
    background: #101010; box-shadow: 0 16px 35px #000b;
  }
  :is(.topbar, .menu-topbar, .account-topbar) .mobile-nav :is(a, button, span[aria-disabled]) {
    display: block; width: 100%; min-height: 42px; padding: 11px 12px;
    border: 0; color: #ffcb27; background: transparent;
    font: 800 14px/1.3 Arial, sans-serif;
    text-align: left; text-decoration: none; cursor: pointer;
  }
  :is(.topbar, .menu-topbar, .account-topbar) .mobile-nav span[aria-disabled] { color: #a89562; cursor: default; }
  .mobile-nav a:focus-visible, .mobile-nav button:focus-visible { outline: 2px solid #ffc400; }
  .menu-hero h1 { font-size: clamp(43px, 11vw, 60px); }
}

.mobile-nav-divider { width: calc(100% - 24px); margin: 7px 12px; border: 0; border-top: 1px solid #4b4027; }