#top .mobile-account-links {
  display: none;
}

@media (max-width: 767px) {
  .blueprint-folio #top.site-header {
    padding-block: 10px 0;
  }

  .blueprint-folio #top .header-inner {
    grid-template-columns: minmax(0, 1fr) 44px max-content;
    gap: 0 10px;
    padding-bottom: 10px;
  }

  #top .brand {
    grid-column: 1;
    grid-row: 1;
    width: min(240px, 100%);
  }

  #top .header-side {
    display: flex;
    grid-column: 2;
    grid-row: 1;
    align-items: center;
    justify-content: center;
  }

  #top .header-side .account-actions {
    display: none;
  }

  #top [data-locale-picker] > summary,
  #top [data-locale-picker] .locale-woven-mark {
    width: 44px;
    height: 48px;
    min-height: 48px;
    padding: 0;
  }

  #top .menu-toggle {
    display: flex;
    grid-column: 3;
    grid-row: 1;
    align-items: center;
    justify-content: center;
    width: auto;
    min-width: 54px;
    height: 44px;
    padding-inline: 10px;
    border: 1px solid #d9dfe2;
    border-radius: 8px;
    background: #fff;
  }

  #top .menu-toggle[aria-expanded="true"] {
    border-color: #12abf8;
    background: #f2faff;
  }

  #top .mobile-nav {
    padding: 10px 19px 16px;
  }

  #top .mobile-account-links {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    margin-top: 10px;
    padding-top: 12px;
    border-top: 1px solid var(--line);
  }

  #top .mobile-account-links a {
    justify-content: center;
    padding: 10px 8px;
    border: 1px solid #d9dfe2;
    border-radius: 8px;
    text-align: center;
  }

  #top .mobile-account-links .mobile-join {
    border-color: var(--brand-blue);
    background: var(--brand-blue);
    color: #16242c;
  }
}