/*
 * ErynOT unified MyAAC shell
 * Keeps every MyAAC module dynamic while matching the standalone home page.
 */
:root {
  --ery-bg: #060a14;
  --ery-bg-2: #0a1220;
  --ery-panel: rgba(15, 22, 38, .78);
  --ery-panel-solid: #0f1626;
  --ery-border: rgba(148, 180, 255, .20);
  --ery-border-strong: rgba(216, 180, 106, .42);
  --ery-gold: #d8b46a;
  --ery-gold-light: #f3dfb0;
  --ery-blue: #3f7cb8;
  --ery-blue-light: #7fc0ec;
  --ery-text: #eaf0fb;
  --ery-muted: #93a3bd;
  --ery-danger: #ff8795;
  --ery-success: #78d6aa;
}

html { scroll-behavior: smooth; }

body.mp-inner {
  min-height: 100vh !important;
  margin: 0 !important;
  overflow-x: hidden !important;
  background:
    radial-gradient(1000px 650px at 12% -8%, rgba(63, 124, 184, .16), transparent 60%),
    radial-gradient(900px 650px at 100% 8%, rgba(216, 180, 106, .10), transparent 55%),
    linear-gradient(180deg, #04060c 0%, var(--ery-bg) 45%, #04060c 100%) !important;
  color: var(--ery-text) !important;
  font-family: "Nunito Sans", sans-serif !important;
  line-height: 1.6 !important;
}

body.mp-inner *,
body.mp-inner *::before,
body.mp-inner *::after { box-sizing: border-box; }

body.mp-inner .pace,
body.mp-inner .pace-progress,
body.mp-inner .ery-skip-link,
body.mp-inner #MenuColumn,
body.mp-inner #ThemeboxesColumn,
body.mp-inner #LeftArtwork,
body.mp-inner #Loginbox,
body.mp-inner .mp-legacy-statusbar,
body.mp-inner #ContentHelper > .Box > .Title,
body.mp-inner #ContentHelper > .Box > .Corner-tl,
body.mp-inner #ContentHelper > .Box > .Corner-tr,
body.mp-inner #ContentHelper > .Box > .Border_1,
body.mp-inner #ContentHelper > .Box > .CornerWrapper-b,
body.mp-inner #ContentHelper > .Box > .BorderTitleText {
  display: none !important;
}

body.mp-inner #Bodycontainer,
body.mp-inner #ContentRow,
body.mp-inner #ContentColumn,
body.mp-inner #ContentHelper,
body.mp-inner #ContentHelper > .Box,
body.mp-inner #ContentHelper > .Box > .Border_2,
body.mp-inner #ContentHelper > .Box > .Border_2 > .Border_3,
body.mp-inner #ContentHelper .BoxContent {
  float: none !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  background-image: none !important;
}

/* Modules already modernized inside MyAAC keep their own hero/cards, but use
   the shared site navigation instead of rendering a second header. */
body.mp-inner #ContentHelper .BoxContent:has(> .ery-v2),
body.mp-inner #ContentHelper .BoxContent:has(.ery-account-page) {
  overflow: visible !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.mp-inner .ery-v2 .v2-topnav { display: none !important; }
body.mp-inner .ery-v2 .v2-inner { background: transparent !important; }
body.mp-inner.ery-page-forum .mp14-page-heading,
body.mp-inner.ery-page-donate .mp14-page-heading,
body.mp-inner.ery-page-gifts .mp14-page-heading,
body.mp-inner.ery-page-createaccount .mp14-page-heading,
body.mp-inner.ery-page-accountmanagement .mp14-page-heading { display: none !important; }

body.mp-inner #Bodycontainer { display: block !important; }

body.mp-inner:not(.ery-page-donate):not(.ery-page-forum):not(.ery-page-accountmanagement) #ContentRow {
  display: block !important;
  position: relative !important;
  padding: 58px 28px 90px !important;
}

body.mp-inner #ContentColumn {
  display: block !important;
  max-width: 1180px !important;
  margin: 0 auto !important;
}

/* Header: same rhythm, palette and density as home.html. */
body.mp-inner .erynot-header {
  position: sticky !important;
  top: 0 !important;
  z-index: 1000 !important;
  display: grid !important;
  grid-template-columns: minmax(150px, 240px) minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 28px !important;
  width: 100% !important;
  max-width: 1236px !important;
  min-height: 0 !important;
  margin: 0 auto !important;
  padding: 16px 28px !important;
  border: 0 !important;
  background: rgba(5, 8, 16, .78) !important;
  background-image: none !important;
  box-shadow: 0 1px 0 var(--ery-border) !important;
  backdrop-filter: blur(10px) !important;
}

body.mp-inner .erynot-header::before {
  content: "" !important;
  position: absolute !important;
  z-index: -1 !important;
  top: 0 !important;
  bottom: 0 !important;
  left: 50% !important;
  width: 100vw !important;
  transform: translateX(-50%) !important;
  background: rgba(5, 8, 16, .78) !important;
  border-bottom: 1px solid var(--ery-border) !important;
}

body.mp-inner .erynot-header::after { display: none !important; content: none !important; }

body.mp-inner .erynot-brand,
body.mp-inner .erynot-brand:link,
body.mp-inner .erynot-brand:visited {
  display: flex !important;
  align-items: center !important;
  width: max-content !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.mp-inner .erynot-brand img {
  display: block !important;
  width: auto !important;
  height: 34px !important;
  max-width: 210px !important;
  filter: none !important;
}

body.mp-inner .erynot-nav {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 24px !important;
  min-width: 0 !important;
}

body.mp-inner .erynot-nav a,
body.mp-inner .erynot-nav a:link,
body.mp-inner .erynot-nav a:visited {
  position: relative !important;
  display: inline-flex !important;
  width: auto !important;
  min-width: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--ery-muted) !important;
  -webkit-text-fill-color: var(--ery-muted) !important;
  font: 800 .82rem/1.2 "Nunito Sans", sans-serif !important;
  letter-spacing: .03em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

body.mp-inner .erynot-nav a:hover,
body.mp-inner .erynot-nav a.active {
  color: var(--ery-blue-light) !important;
  -webkit-text-fill-color: var(--ery-blue-light) !important;
}

body.mp-inner .erynot-header-actions {
  display: flex !important;
  align-items: center !important;
  width: auto !important;
  min-width: 0 !important;
  gap: 10px !important;
}

body.mp-inner .erynot-lang,
body.mp-inner .erynot-online { display: none !important; }

body.mp-inner .erynot-account,
body.mp-inner .erynot-account:link,
body.mp-inner .erynot-account:visited {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 112px !important;
  min-height: 42px !important;
  padding: 11px 24px !important;
  border: 0 !important;
  border-radius: 6px !important;
  background: linear-gradient(135deg, var(--ery-blue), #2a5a8a) !important;
  box-shadow: 0 8px 24px rgba(63, 124, 184, .35) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font: 800 .82rem/1 "Nunito Sans", sans-serif !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
}

body.mp-inner .erynot-account .erynot-inline-icon { display: none !important; }

body.mp-inner .erynot-menu-toggle {
  display: none !important;
  border: 1px solid var(--ery-border) !important;
  border-radius: 6px !important;
  background: rgba(15, 22, 38, .85) !important;
  color: var(--ery-text) !important;
  font-size: 1.25rem !important;
}

/* Shared page heading. */
body.mp-inner .mp14-page-heading {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  margin: 0 0 28px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.mp-inner .mp14-page-heading span {
  color: var(--ery-gold) !important;
  -webkit-text-fill-color: var(--ery-gold) !important;
  font: 800 .78rem/1.2 "Nunito Sans", sans-serif !important;
  letter-spacing: .18em !important;
  text-transform: uppercase !important;
}

body.mp-inner .mp14-page-heading strong {
  color: var(--ery-gold-light) !important;
  -webkit-text-fill-color: var(--ery-gold-light) !important;
  font: 700 clamp(1.8rem, 4vw, 2.7rem)/1.15 "Cinzel Decorative", serif !important;
  text-shadow: 0 4px 24px rgba(0, 0, 0, .45) !important;
}

/* The dynamic MyAAC content becomes one modern, readable panel. */
body.mp-inner #ContentHelper .BoxContent {
  display: block !important;
  overflow: hidden !important;
  padding: clamp(20px, 3vw, 38px) !important;
  border: 1px solid var(--ery-border) !important;
  border-radius: 14px !important;
  background: var(--ery-panel) !important;
  box-shadow: 0 24px 70px rgba(0, 0, 0, .28) !important;
  color: var(--ery-text) !important;
  -webkit-text-fill-color: var(--ery-text) !important;
}

body.mp-inner #ContentHelper .BoxContent,
body.mp-inner #ContentHelper .BoxContent p,
body.mp-inner #ContentHelper .BoxContent li,
body.mp-inner #ContentHelper .BoxContent label,
body.mp-inner #ContentHelper .BoxContent td,
body.mp-inner #ContentHelper .BoxContent th,
body.mp-inner #ContentHelper .BoxContent div,
body.mp-inner #ContentHelper .BoxContent span {
  color: var(--ery-text) !important;
  -webkit-text-fill-color: var(--ery-text) !important;
  font-family: "Nunito Sans", sans-serif !important;
}

body.mp-inner #ContentHelper .BoxContent h1,
body.mp-inner #ContentHelper .BoxContent h2,
body.mp-inner #ContentHelper .BoxContent h3,
body.mp-inner #ContentHelper .BoxContent h4,
body.mp-inner #ContentHelper .BoxContent strong {
  color: var(--ery-gold-light) !important;
  -webkit-text-fill-color: var(--ery-gold-light) !important;
}

body.mp-inner #ContentHelper .BoxContent h1,
body.mp-inner #ContentHelper .BoxContent h2,
body.mp-inner #ContentHelper .BoxContent h3 {
  font-family: "Cinzel Decorative", serif !important;
}

body.mp-inner #ContentHelper .BoxContent a,
body.mp-inner #ContentHelper .BoxContent a:link,
body.mp-inner #ContentHelper .BoxContent a:visited {
  color: var(--ery-blue-light) !important;
  -webkit-text-fill-color: var(--ery-blue-light) !important;
  text-decoration: none !important;
}

body.mp-inner #ContentHelper .BoxContent a:hover {
  color: var(--ery-gold-light) !important;
  -webkit-text-fill-color: var(--ery-gold-light) !important;
}

body.mp-inner #ContentHelper .BoxContent input:not([type="checkbox"]):not([type="radio"]):not([type="image"]),
body.mp-inner #ContentHelper .BoxContent select,
body.mp-inner #ContentHelper .BoxContent textarea {
  width: 100% !important;
  max-width: 100% !important;
  min-height: 44px !important;
  padding: 10px 13px !important;
  border: 1px solid var(--ery-border) !important;
  border-radius: 7px !important;
  outline: 0 !important;
  background: rgba(6, 10, 20, .84) !important;
  box-shadow: none !important;
  color: var(--ery-text) !important;
  -webkit-text-fill-color: var(--ery-text) !important;
  font: 600 .95rem/1.4 "Nunito Sans", sans-serif !important;
}

body.mp-inner #ContentHelper .BoxContent input:focus,
body.mp-inner #ContentHelper .BoxContent select:focus,
body.mp-inner #ContentHelper .BoxContent textarea:focus {
  border-color: var(--ery-blue-light) !important;
  box-shadow: 0 0 0 3px rgba(127, 192, 236, .12) !important;
}

body.mp-inner #ContentHelper .BoxContent button,
body.mp-inner #ContentHelper .BoxContent input[type="submit"],
body.mp-inner #ContentHelper .BoxContent input[type="button"],
body.mp-inner #ContentHelper .BoxContent .btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-height: 42px !important;
  padding: 11px 22px !important;
  border: 0 !important;
  border-radius: 6px !important;
  background: linear-gradient(135deg, var(--ery-blue), #2a5a8a) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font: 800 .82rem/1 "Nunito Sans", sans-serif !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
}

body.mp-inner #ContentHelper .TableContainer,
body.mp-inner #ContentHelper .TableContent,
body.mp-inner #ContentHelper .Odd,
body.mp-inner #ContentHelper .Even {
  border-color: var(--ery-border) !important;
  background: rgba(6, 10, 20, .36) !important;
  background-image: none !important;
  color: var(--ery-text) !important;
}

body.mp-inner #ContentHelper table {
  max-width: 100% !important;
  color: var(--ery-text) !important;
}

body.mp-inner #ContentHelper th {
  background: rgba(63, 124, 184, .15) !important;
  color: var(--ery-gold-light) !important;
  -webkit-text-fill-color: var(--ery-gold-light) !important;
}

body.mp-inner #ContentHelper td,
body.mp-inner #ContentHelper th { border-color: var(--ery-border) !important; }

body.mp-inner #ContentHelper .error,
body.mp-inner #ContentHelper .ErrorMessage,
body.mp-inner #ContentHelper .red { color: var(--ery-danger) !important; -webkit-text-fill-color: var(--ery-danger) !important; }

body.mp-inner #ContentHelper .success,
body.mp-inner #ContentHelper .SuccessMessage,
body.mp-inner #ContentHelper .green { color: var(--ery-success) !important; -webkit-text-fill-color: var(--ery-success) !important; }

/* Footer follows the compact footer used on the home page. */
body.mp-inner .ery-inner-footer {
  display: grid !important;
  grid-template-columns: 1fr !important;
  justify-items: center !important;
  gap: 14px !important;
  width: 100% !important;
  max-width: 1180px !important;
  margin: 70px auto 0 !important;
  padding: 38px 0 0 !important;
  border: 0 !important;
  border-top: 1px solid var(--ery-border) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  text-align: center !important;
}

body.mp-inner .ery-inner-footer div { display: flex !important; flex-direction: column !important; gap: 4px !important; }
body.mp-inner .ery-inner-footer b { color: var(--ery-gold-light) !important; -webkit-text-fill-color: var(--ery-gold-light) !important; font-family: "Cinzel Decorative", serif !important; }
body.mp-inner .ery-inner-footer span,
body.mp-inner .ery-inner-footer small { color: var(--ery-muted) !important; -webkit-text-fill-color: var(--ery-muted) !important; }
body.mp-inner .ery-inner-footer nav { display: flex !important; justify-content: center !important; flex-wrap: wrap !important; gap: 24px !important; }
body.mp-inner .ery-inner-footer a { color: var(--ery-muted) !important; -webkit-text-fill-color: var(--ery-muted) !important; font-weight: 800 !important; letter-spacing: .04em !important; text-transform: uppercase !important; }
body.mp-inner .ery-inner-footer a:hover { color: var(--ery-gold) !important; -webkit-text-fill-color: var(--ery-gold) !important; }

@media (max-width: 1020px) {
  body.mp-inner .erynot-header { grid-template-columns: auto auto !important; justify-content: space-between !important; }
  body.mp-inner .erynot-menu-toggle { display: inline-flex !important; align-items: center !important; justify-content: center !important; grid-column: 2 !important; grid-row: 1 !important; }
  body.mp-inner .erynot-header-actions { grid-column: 1 / -1 !important; grid-row: 2 !important; justify-content: stretch !important; display: none !important; }
  body.mp-inner .erynot-nav { grid-column: 1 / -1 !important; display: none !important; flex-direction: column !important; align-items: stretch !important; gap: 0 !important; padding: 12px 0 4px !important; }
  body.mp-inner.erynot-nav-open .erynot-nav,
  body.mp-inner.erynot-nav-open .erynot-header-actions { display: flex !important; }
  body.mp-inner .erynot-nav a { padding: 12px 0 !important; border-bottom: 1px solid var(--ery-border) !important; }
  body.mp-inner .erynot-account { width: 100% !important; }
}

@media (max-width: 640px) {
  body.mp-inner #ContentRow { padding: 38px 16px 64px !important; }
  body.mp-inner .erynot-header { padding: 13px 16px !important; }
  body.mp-inner .erynot-brand img { max-width: 165px !important; height: 30px !important; }
  body.mp-inner #ContentHelper .BoxContent { padding: 18px !important; border-radius: 10px !important; }
  body.mp-inner #ContentHelper .BoxContent table { display: block !important; overflow-x: auto !important; }
}

@media (prefers-reduced-motion: reduce) {
  body.mp-inner *, body.mp-inner *::before, body.mp-inner *::after {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}

/* Final specificity lock against the historical mp-v* layers bundled by the
   old template. This is intentionally last. */
body.ery-unified-shell.mp-inner {
  width: 100% !important;
  max-width: none !important;
  background:
    radial-gradient(1000px 650px at 12% -8%, rgba(63, 124, 184, .16), transparent 60%),
    radial-gradient(900px 650px at 100% 8%, rgba(216, 180, 106, .10), transparent 55%),
    linear-gradient(180deg, #04060c 0%, #060a14 45%, #04060c 100%) !important;
}

body.ery-unified-shell.mp-inner #ArtworkHelper,
body.ery-unified-shell.mp-inner #Bodycontainer,
body.ery-unified-shell.mp-inner #ContentRow,
body.ery-unified-shell.mp-inner #ContentColumn,
body.ery-unified-shell.mp-inner #ContentColumn > .Content,
body.ery-unified-shell.mp-inner #ContentHelper,
body.ery-unified-shell.mp-inner #ContentHelper > .Box,
body.ery-unified-shell.mp-inner #ContentHelper > .Box > .Border_2,
body.ery-unified-shell.mp-inner #ContentHelper > .Box > .Border_2 > .Border_3 {
  display: block !important;
  float: none !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

body.ery-unified-shell.mp-inner:not(.ery-page-donate):not(.ery-page-forum):not(.ery-page-accountmanagement) #ContentRow {
  max-width: 1236px !important;
  margin: 0 auto !important;
  padding: 58px 28px 90px !important;
}

body.ery-unified-shell.mp-inner #ContentHelper .BoxContent {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

body.ery-unified-shell.mp-inner #ContentHelper .BoxContent:has(.ery-v2) {
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

body.ery-unified-shell.mp-inner #ContentHelper .ery-v2 {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
}

body.ery-unified-shell.mp-inner #ContentHelper .ery-v2 .v2-topnav { display: none !important; }

body.ery-unified-shell.mp-inner .erynot-header {
  display: grid !important;
  grid-template-columns: minmax(150px, 240px) minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 28px !important;
  width: 100% !important;
  max-width: 1236px !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 0 auto !important;
  padding: 16px 28px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: rgba(5, 8, 16, .78) !important;
  background-image: none !important;
  box-shadow: 0 1px 0 var(--ery-border) !important;
}

body.ery-unified-shell.mp-inner .erynot-header > .erynot-brand,
body.ery-unified-shell.mp-inner .erynot-header > .erynot-brand:hover,
body.ery-unified-shell.mp-inner .erynot-header > .erynot-brand:focus {
  width: max-content !important;
  min-width: 0 !important;
  max-width: 220px !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

body.ery-unified-shell.mp-inner .erynot-header > .erynot-brand img {
  width: auto !important;
  max-width: 210px !important;
  height: 34px !important;
  margin: 0 !important;
}

body.ery-unified-shell.mp-inner .erynot-header .erynot-lang,
body.ery-unified-shell.mp-inner .erynot-header .erynot-online { display: none !important; }

body.ery-unified-shell.mp-inner .erynot-header .erynot-account {
  min-width: 112px !important;
  height: auto !important;
  min-height: 42px !important;
  padding: 11px 24px !important;
  border: 0 !important;
  border-radius: 6px !important;
  background: linear-gradient(135deg, #3f7cb8, #2a5a8a) !important;
  background-image: linear-gradient(135deg, #3f7cb8, #2a5a8a) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  box-shadow: 0 8px 24px rgba(63, 124, 184, .35) !important;
}

@media (max-width: 1020px) {
  body.ery-unified-shell.mp-inner .erynot-header { grid-template-columns: auto auto !important; }
  body.ery-unified-shell.mp-inner #ContentRow { padding: 42px 18px 70px !important; }
}

html body.ery-unified-shell.mp-v12.mp-inner #ArtworkHelper,
html body.ery-unified-shell.mp-v12.mp-inner #Bodycontainer,
html body.ery-unified-shell.mp-v12.mp-inner #ContentRow,
html body.ery-unified-shell.mp-v12.mp-inner #ContentColumn,
html body.ery-unified-shell.mp-v12.mp-inner #ContentColumn > .Content,
html body.ery-unified-shell.mp-v12.mp-inner #ContentHelper,
html body.ery-unified-shell.mp-v12.mp-inner #ContentHelper > .Box,
html body.ery-unified-shell.mp-v12.mp-inner #ContentHelper > .Box > .Border_2,
html body.ery-unified-shell.mp-v12.mp-inner #ContentHelper > .Box > .Border_2 > .Border_3 {
  display: block !important;
  float: none !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

html body.ery-unified-shell.mp-v12.mp-inner:not(.ery-page-donate):not(.ery-page-forum):not(.ery-page-accountmanagement) #ContentRow {
  grid-template-columns: none !important;
  max-width: 1236px !important;
  margin: 0 auto !important;
  padding: 58px 28px 90px !important;
}

html body.ery-unified-shell.mp-v12.mp-inner #ContentHelper .BoxContent,
html body.ery-unified-shell.mp-v12.mp-inner #ContentHelper .ery-v2 {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

html body.ery-unified-shell.mp-v12.mp-inner #ContentHelper .BoxContent:has(.ery-v2) {
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

html body.ery-unified-shell.mp-v12.mp-inner .erynot-header {
  display: grid !important;
  grid-template-columns: minmax(150px, 240px) minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 28px !important;
  width: 100% !important;
  max-width: 1236px !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 0 auto !important;
  padding: 16px 28px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: rgba(5, 8, 16, .78) !important;
  background-image: none !important;
  box-shadow: 0 1px 0 var(--ery-border) !important;
}

html body.ery-unified-shell.mp-v12.mp-inner .erynot-header > .erynot-brand,
html body.ery-unified-shell.mp-v12.mp-inner .erynot-header > .erynot-brand:hover,
html body.ery-unified-shell.mp-v12.mp-inner .erynot-header > .erynot-brand:focus {
  width: max-content !important;
  min-width: 0 !important;
  max-width: 220px !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

html body.ery-unified-shell.mp-v12.mp-inner .erynot-header > .erynot-brand img {
  width: auto !important;
  max-width: 210px !important;
  height: 34px !important;
}

html body.ery-unified-shell.mp-v12.mp-inner .erynot-header .erynot-lang,
html body.ery-unified-shell.mp-v12.mp-inner .erynot-header .erynot-online { display: none !important; }

html body.ery-unified-shell.mp-v12.mp-inner .erynot-header .erynot-account {
  width: auto !important;
  min-width: 112px !important;
  min-height: 42px !important;
  padding: 11px 24px !important;
  border: 0 !important;
  border-radius: 6px !important;
  background: linear-gradient(135deg, #3f7cb8, #2a5a8a) !important;
  background-image: linear-gradient(135deg, #3f7cb8, #2a5a8a) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  box-shadow: 0 8px 24px rgba(63, 124, 184, .35) !important;
}

html body.ery-unified-shell.mp-v12.mp-inner #ContentHelper .ery-v2 .v2-topnav { display: none !important; }

html body.ery-unified-shell.mp-v12.mp-inner #erynotBrandLogo {
  width: auto !important;
  max-width: 210px !important;
  height: 34px !important;
  min-height: 0 !important;
}

html body.ery-unified-shell.mp-v12.mp-inner .erynot-header .erynot-nav {
  height: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
}

html body.ery-unified-shell.mp-v12.mp-inner .erynot-header .erynot-nav > a,
html body.ery-unified-shell.mp-v12.mp-inner .erynot-header .erynot-nav > a:hover,
html body.ery-unified-shell.mp-v12.mp-inner .erynot-header .erynot-nav > a:focus,
html body.ery-unified-shell.mp-v12.mp-inner .erynot-header .erynot-nav > a:active {
  display: inline-flex !important;
  align-items: center !important;
  width: auto !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

html body.ery-unified-shell.mp-v12.mp-inner .erynot-header .erynot-header-actions {
  width: auto !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  background-image: none !important;
}

@media (max-width: 1020px) {
  html body.ery-unified-shell.mp-v12.mp-inner .erynot-header { grid-template-columns: auto auto !important; }
  html body.ery-unified-shell.mp-v12.mp-inner #ContentRow { padding: 42px 18px 70px !important; }
}