/* Keep the account header and navigation in separate, normal-flow rows. */
#mobile-menu-overlay {
  background:#050505;
  backdrop-filter:none;
  overflow-x:hidden;
  overflow-y:auto;
}
#mobile-menu-overlay .mobile-menu-inner {
  display:block!important;
  width:100%;
  max-width:1560px;
  height:auto;
  min-height:100%;
  margin:0 auto;
  padding:64px clamp(28px, 5vw, 88px);
  overflow:visible;
  box-sizing:border-box;
}
#mobile-menu-overlay .mobile-menu-header {
  display:flex!important;
  flex-direction:column;
  align-items:flex-start;
  justify-content:flex-start;
  position:relative;
  width:100%;
  min-width:0;
  min-height:0;
  gap:28px;
  padding:0 48px 48px 0;
  margin:0 0 20px;
  background:none;
  border:0;
  box-shadow:none;
}
#mobile-menu-overlay .mobile-user-info {
  display:flex;
  flex-direction:row;
  align-items:center;
  justify-content:flex-start;
  width:100%;
  min-width:0;
  gap:20px;
  padding:0;
  margin:0;
  background:none;
  box-shadow:none;
  border:0;
}
#mobile-menu-overlay .mobile-user-avatar {
  width:96px;
  height:96px;
  flex:0 0 96px;
  object-fit:cover;
  border-radius:50%;
  border:0;
  box-shadow:none;
}
#mobile-menu-overlay .mobile-user-details {min-width:0;width:auto;gap:6px;align-items:flex-start!important;}
#mobile-menu-overlay .mobile-user-details>div {display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-start!important;max-width:100%;}
#mobile-menu-overlay .mobile-user-details h3 {font-size:36px!important;line-height:1.25;overflow-wrap:anywhere;}
#mobile-menu-overlay .mobile-user-details p {font-size:16px!important;overflow-wrap:anywhere;}
#mobile-menu-overlay .profile-menu-quick-actions {
  display:flex!important;
  flex-wrap:wrap;
  justify-content:flex-start;
  align-items:center;
  width:100%;
  max-width:100%;
  gap:8px;
  padding:0;
  margin:0;
  border:0;
}
#mobile-menu-overlay .profile-menu-quick-link {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  min-height:48px;
  padding:12px 20px;
  font-size:16px;
  background:#121212;
  color:#ccc;
  border:0;
  border-radius:5px;
  box-shadow:none;
  white-space:nowrap;
}
#mobile-menu-overlay .profile-menu-quick-link:hover {background:#1b1b1b;color:#fff;transform:none;}
#mobile-menu-overlay .mobile-menu-content {
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr));
  align-items:start;
  gap:clamp(24px, 4vw, 64px);
  width:100%;
  margin:0;
  padding:0;
}
#mobile-menu-overlay .mobile-menu-section {
  display:block;
  grid-column:auto;
  min-width:0;
  height:auto;
  margin:0;
  padding:0;
  background:none;
  border:0;
  box-shadow:none;
  transform:none;
}
#mobile-menu-overlay .mobile-menu-title {margin:0 0 20px;padding:0 12px;font-size:14px;letter-spacing:2px;color:#f52258;}
#mobile-menu-overlay .mobile-menu-link {
  display:flex;
  align-items:center;
  gap:16px;
  min-height:54px;
  height:auto;
  padding:13px 12px;
  margin:0 0 2px;
  font-size:18px;
  line-height:1.4;
  white-space:normal;
  overflow-wrap:anywhere;
  color:#ddd;
  background:none;
  border:0;
  border-radius:5px;
  transform:none;
}
#mobile-menu-overlay .mobile-menu-link:hover {background:#121212;color:#fff;transform:none;}
#mobile-menu-overlay .mobile-menu-link .nav-svg,#mobile-menu-overlay .profile-menu-quick-link .nav-svg {width:25px;height:25px;flex:0 0 25px;margin:0;color:#aaa;filter:none;}
#mobile-menu-overlay .desktop-menu-close {position:fixed;top:18px;right:20px;width:38px;height:38px;border:0;background:transparent;transform:none;}
#mobile-menu-overlay a:focus-visible,#mobile-menu-overlay button:focus-visible {outline:2px solid #f52258;outline-offset:2px;}
@media(max-width:1199px) and (min-width:993px) {
  #mobile-menu-overlay .mobile-menu-inner{padding:48px 28px;}
  #mobile-menu-overlay .mobile-menu-content{gap:16px;}
  #mobile-menu-overlay .mobile-menu-link{font-size:16px;padding:10px 6px;}
}
@media(max-width:992px) {
  #mobile-menu-overlay .mobile-menu-inner{padding:64px 24px 96px;}
  #mobile-menu-overlay .mobile-menu-content{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px;}
  #mobile-menu-overlay .mobile-menu-section:last-child{grid-column:1 / -1;}
  #mobile-menu-overlay .mobile-menu-header{padding-right:0;}
  #mobile-menu-overlay .mobile-menu-close{position:fixed;top:16px;right:16px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;}
}
@media(max-width:480px) {
  #mobile-menu-overlay .mobile-menu-inner{padding:62px 16px 90px;}
  #mobile-menu-overlay .mobile-user-avatar{width:56px;height:56px;flex-basis:56px;}
  #mobile-menu-overlay .mobile-user-info{gap:14px;}
  #mobile-menu-overlay .mobile-user-details h3{font-size:21px!important;}
  #mobile-menu-overlay .profile-menu-quick-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));}
  #mobile-menu-overlay .mobile-menu-content{grid-template-columns:1fr;gap:26px;}
}

/* Give the primary navigation more presence than the supporting page links. */
@media(min-width:1200px) {
  #mobile-menu-overlay .mobile-menu-header {flex-direction:row;align-items:center;justify-content:space-between;gap:40px;}
  #mobile-menu-overlay .mobile-user-info {width:auto;flex:1;}
  #mobile-menu-overlay .profile-menu-quick-actions {width:auto;max-width:48%;}
  #mobile-menu-overlay .mobile-menu-section:nth-child(2) .mobile-menu-link {font-size:23px;min-height:62px;font-weight:600;}
}
#mobile-menu-overlay .mobile-menu-section:last-child .mobile-menu-link {font-size:16px;min-height:46px;padding-top:10px;padding-bottom:10px;color:#aaa;}
#mobile-menu-overlay .mobile-menu-link:not(:has(.nav-svg))::before {display:none;}
@media(max-width:992px) {
  #mobile-menu-overlay .mobile-user-avatar {width:80px;height:80px;flex-basis:80px;}
  #mobile-menu-overlay .mobile-user-details h3 {font-size:30px!important;}
  #mobile-menu-overlay .mobile-menu-header {padding-bottom:24px;}
}
@media(max-width:480px) {
  #mobile-menu-overlay .mobile-user-avatar {width:64px;height:64px;flex-basis:64px;}
  #mobile-menu-overlay .mobile-user-details h3 {font-size:27px!important;}
  #mobile-menu-overlay .mobile-menu-link {font-size:18px;}
  #mobile-menu-overlay .mobile-menu-title {font-size:13px;}
  #mobile-menu-overlay .profile-menu-quick-link {padding:12px;}
}