@media (max-width: 64rem) {

  html.marble-mobile-nav-open,
  body.marble-mobile-nav-open {
    overflow: hidden !important;
  }


  /* ========================================================
     FULLSCREEN ROOT
     ======================================================== */

  body #primary-navigation {
    position: fixed !important;

    inset: 0 !important;

    width: 100vw !important;
    height: 100dvh !important;

    max-width: none !important;
    max-height: none !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow-x: hidden !important;
    overflow-y: auto !important;

    border: 0 !important;
    border-radius: 0 !important;

    background: #052f57 !important;

    box-shadow: none !important;

    opacity: 1 !important;
    visibility: visible !important;

    transform: none !important;

    pointer-events: auto !important;

    z-index: 10000 !important;
  }


  body #primary-navigation:not(.marble-mobile-flat-open) {
    display: none !important;
  }


  body #primary-navigation.marble-mobile-flat-open {
    display: block !important;

    opacity: 1 !important;
    visibility: visible !important;

    pointer-events: auto !important;

    transform: none !important;
  }


  /* ========================================================
     HEADER
     ======================================================== */

  .marble-mobile-flat__head {
    position: relative !important;

    display: flex !important;
    align-items: center !important;

    width: 100% !important;
    min-height: 122px !important;

    box-sizing: border-box !important;

    margin: 0 !important;

    padding:
      max(24px, env(safe-area-inset-top))
      88px
      22px
      26px !important;

    background: #052f57 !important;

    border: 0 !important;

    border-bottom:
      1px solid rgba(255,255,255,.16) !important;

    border-radius: 0 !important;

    box-shadow: none !important;
  }


  .marble-mobile-flat__logo {
    display: flex !important;
    align-items: center !important;

    min-width: 0 !important;
  }


  .marble-mobile-flat__logo > a {
    display: inline-flex !important;
    align-items: center !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;

    background: transparent !important;

    box-shadow: none !important;
  }


  .marble-mobile-flat__logo img,
  .marble-mobile-flat__logo svg {
    display: block !important;

    width: auto !important;
    height: 54px !important;

    max-width: min(250px, 62vw) !important;

    object-fit: contain !important;
  }


  /* ========================================================
     BODY
     ======================================================== */

  .marble-mobile-flat__body {
    display: block !important;

    width: 100% !important;

    min-height:
      calc(100dvh - 122px) !important;

    box-sizing: border-box !important;

    margin: 0 !important;

    padding:
      30px
      28px
      calc(40px + env(safe-area-inset-bottom))
      !important;

    background: #052f57 !important;

    color:
      rgba(255,255,255,.86) !important;

    opacity: 1 !important;
    visibility: visible !important;
  }


  /* ========================================================
     О ФОНДЕ
     ======================================================== */

  .marble-mobile-flat__section-title {
    display: block !important;

    margin:
      0
      0
      13px !important;

    padding: 0 !important;

    color:
      rgba(255,255,255,.97) !important;

    font-size: 20px !important;
    line-height: 1.15 !important;
    font-weight: 760 !important;

    letter-spacing: .035em !important;

    text-transform: uppercase !important;
  }


  .marble-mobile-flat__subnav {
    display: block !important;

    margin:
      0
      0
      31px !important;

    padding:
      0
      0
      0
      18px !important;

    list-style: none !important;

    background: transparent !important;

    border: 0 !important;
  }


  .marble-mobile-flat__subnav li {
    display: block !important;

    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;

    border: 0 !important;

    background: transparent !important;
  }


  .marble-mobile-flat__subnav a {
    display: block !important;

    width: 100% !important;

    min-height: 0 !important;

    margin: 0 !important;

    padding:
      7px
      0 !important;

    border: 0 !important;
    border-radius: 0 !important;

    background: transparent !important;

    color:
      rgba(255,255,255,.80) !important;

    font-size: 17px !important;
    line-height: 1.34 !important;
    font-weight: 400 !important;

    letter-spacing: 0 !important;

    text-decoration: none !important;
    text-transform: none !important;

    box-shadow: none !important;

    transform: none !important;
  }


  /* ========================================================
     MAIN LINKS
     ======================================================== */

  .marble-mobile-flat__main {
    display: block !important;

    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;

    background: transparent !important;

    border: 0 !important;

    border-top:
      1px solid rgba(255,255,255,.17)
      !important;
  }


  .marble-mobile-flat__main li {
    display: block !important;

    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;

    background: transparent !important;

    border: 0 !important;

    border-bottom:
      1px solid rgba(255,255,255,.17)
      !important;
  }


  .marble-mobile-flat__main a {
    display: block !important;

    width: 100% !important;

    min-height: 0 !important;

    margin: 0 !important;

    padding:
      19px
      0 !important;

    border: 0 !important;
    border-radius: 0 !important;

    background: transparent !important;
    background-image: none !important;

    color:
      rgba(255,255,255,.96) !important;

    font-size: 19px !important;
    line-height: 1.2 !important;
    font-weight: 760 !important;

    letter-spacing: .025em !important;

    text-transform: uppercase !important;
    text-decoration: none !important;

    box-shadow: none !important;

    transform: none !important;
  }


  /* ========================================================
     SOCIALS
     ======================================================== */

  .marble-mobile-flat__socials {
    display: flex !important;
    align-items: center !important;

    gap: 14px !important;

    margin:
      28px
      0
      0 !important;

    padding: 0 !important;
  }


  .marble-mobile-flat__socials a {
    display: grid !important;
    place-items: center !important;

    width: 44px !important;
    height: 44px !important;

    min-width: 44px !important;
    min-height: 44px !important;

    margin: 0 !important;
    padding: 0 !important;

    border:
      1px solid rgba(255,255,255,.28)
      !important;

    border-radius: 0 !important;

    background: transparent !important;

    color:
      rgba(255,255,255,.86) !important;

    box-shadow: none !important;
  }


  .marble-mobile-flat__socials svg {
    display: block !important;

    width: 22px !important;
    height: 22px !important;

    fill: currentColor !important;
  }


  .marble-mobile-flat__socials path {
    fill: currentColor !important;
  }


  /* ========================================================
     CLOSE BUTTON
     ======================================================== */

  .mc-nav-toggle[aria-expanded="true"] {
    position: fixed !important;

    top:
      max(27px, env(safe-area-inset-top))
      !important;

    right: 22px !important;

    left: auto !important;
    bottom: auto !important;

    display: grid !important;
    place-items: center !important;

    width: 50px !important;
    height: 50px !important;

    margin: 0 !important;
    padding: 0 !important;

    border:
      1px solid rgba(255,255,255,.26)
      !important;

    border-radius: 0 !important;

    background: transparent !important;

    color:
      rgba(255,255,255,.92) !important;

    box-shadow: none !important;

    opacity: 1 !important;
    visibility: visible !important;

    z-index: 10002 !important;
  }


  .mc-nav-toggle[aria-expanded="true"]
  > span:last-child {
    display: none !important;
  }


  .mc-nav-toggle[aria-expanded="true"]
  .mc-nav-toggle__icon {
    position: relative !important;

    display: block !important;

    width: 27px !important;
    height: 27px !important;

    margin: 0 !important;

    border: 0 !important;

    background: transparent !important;
  }


  .mc-nav-toggle[aria-expanded="true"]
  .mc-nav-toggle__icon::before,
  .mc-nav-toggle[aria-expanded="true"]
  .mc-nav-toggle__icon::after {
    content: "" !important;

    position: absolute !important;

    top: 13px !important;
    left: 1px !important;

    display: block !important;

    width: 25px !important;
    height: 2px !important;

    background:
      rgba(255,255,255,.92) !important;
  }


  .mc-nav-toggle[aria-expanded="true"]
  .mc-nav-toggle__icon::before {
    transform:
      rotate(45deg) !important;
  }


  .mc-nav-toggle[aria-expanded="true"]
  .mc-nav-toggle__icon::after {
    transform:
      rotate(-45deg) !important;
  }


  /* ========================================================
     NO DROPDOWN UI
     ======================================================== */

  #primary-navigation button,
  #primary-navigation .mc-submenu-toggle,
  #primary-navigation .menu-toggle,
  #primary-navigation .submenu-toggle,
  #primary-navigation .dropdown-toggle {
    display: none !important;
  }


  #primary-navigation a::before,
  #primary-navigation a::after {
    content: none !important;
    display: none !important;
  }


  /* ========================================================
     SMALL MOBILE
     ======================================================== */

  @media (max-width: 430px) {

    .marble-mobile-flat__head {
      min-height: 114px !important;

      padding-left: 21px !important;
      padding-right: 80px !important;
    }


    .marble-mobile-flat__logo img,
    .marble-mobile-flat__logo svg {
      height: 48px !important;
    }


    .marble-mobile-flat__body {
      min-height:
        calc(100dvh - 114px) !important;

      padding:
        27px
        23px
        calc(36px + env(safe-area-inset-bottom))
        !important;
    }


    .marble-mobile-flat__section-title {
      font-size: 18px !important;
    }


    .marble-mobile-flat__subnav {
      padding-left: 15px !important;
    }


    .marble-mobile-flat__subnav a {
      font-size: 16px !important;

      padding:
        6px
        0 !important;
    }


    .marble-mobile-flat__main a {
      font-size: 17px !important;

      padding:
        17px
        0 !important;
    }

  }

}


@media (max-width: 64rem) {

  /*
   * Desired composition:
   *
   *  LOGO              PHONE
   *  MENU              SOCIALS
   *
   * No phone pill / no rounded wrapper.
   */

  .mc-header {
    box-sizing: border-box !important;
  }


  /*
   * Main mobile header owner.
   */

  .mc-header .mc-header__inner,
  .mc-header .mc-header__top,
  .mc-header .mc-header__bar,
  .mc-header .mc-header__content,
  .mc-header .mc-header__main,
  .mc-header .mc-header__wrap {
    display: grid !important;

    grid-template-columns:
      minmax(0, 1fr)
      auto !important;

    grid-template-areas:
      "brand phone"
      "toggle socials" !important;

    align-items: center !important;

    column-gap: 18px !important;
    row-gap: 18px !important;

    box-sizing: border-box !important;

    width: 100% !important;

    margin: 0 !important;

    padding:
      20px
      22px !important;
  }


  /* ========================================================
     LOGO — LEFT TOP
     ======================================================== */

  .mc-header .mc-brand,
  .mc-header .mc-header__brand,
  .mc-header .mc-logo {
    grid-area: brand !important;

    justify-self: start !important;
    align-self: center !important;

    width: auto !important;
    max-width: 190px !important;

    margin: 0 !important;
    padding: 0 !important;
  }


  .mc-header .mc-brand > a,
  .mc-header .mc-header__brand > a,
  .mc-header .mc-logo > a {
    display: inline-flex !important;
    align-items: center !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;

    background: transparent !important;
    box-shadow: none !important;
  }


  .mc-header .mc-brand img,
  .mc-header .mc-brand svg,
  .mc-header .mc-header__brand img,
  .mc-header .mc-header__brand svg,
  .mc-header .mc-logo img,
  .mc-header .mc-logo svg {
    display: block !important;

    width: auto !important;
    height: 48px !important;

    max-width: 190px !important;

    object-fit: contain !important;
  }


  /* ========================================================
     PHONE — RIGHT TOP
     ABSOLUTELY NO PILL
     ======================================================== */

  .mc-header .mc-phone,
  .mc-header .mc-header__phone,
  .mc-header .mc-header__phones,
  .mc-header .mc-header__contacts,
  .mc-header .mc-header__contact,
  .mc-header .mc-contact-phone {
    grid-area: phone !important;

    justify-self: end !important;
    align-self: center !important;

    width: auto !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    border-radius: 0 !important;

    background: transparent !important;
    background-image: none !important;

    box-shadow: none !important;
  }


  .mc-header a[href^="tel:"] {
    grid-area: phone !important;

    justify-self: end !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;

    gap: 9px !important;

    width: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    border-radius: 0 !important;

    outline: 0 !important;

    background: transparent !important;
    background-image: none !important;

    box-shadow: none !important;

    color: #ffffff !important;

    font-size: 16px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;

    white-space: nowrap !important;

    text-decoration: none !important;
  }


  .mc-header a[href^="tel:"]::before,
  .mc-header a[href^="tel:"]::after {
    border: 0 !important;
    border-radius: 0 !important;

    background-color: transparent !important;
    box-shadow: none !important;
  }


  .mc-header a[href^="tel:"]:hover,
  .mc-header a[href^="tel:"]:focus,
  .mc-header a[href^="tel:"]:focus-visible {
    border: 0 !important;

    background: transparent !important;

    box-shadow: none !important;
  }


  /* ========================================================
     MENU — LEFT BOTTOM
     ======================================================== */

  .mc-header .mc-nav-toggle[aria-expanded="false"] {
    grid-area: toggle !important;

    position: static !important;

    justify-self: start !important;
    align-self: center !important;

    display: grid !important;
    place-items: center !important;

    width: 48px !important;
    height: 48px !important;

    min-width: 48px !important;
    min-height: 48px !important;

    margin: 0 !important;
    padding: 0 !important;

    border:
      1px solid rgba(255,255,255,.24)
      !important;

    border-radius: 0 !important;

    background: transparent !important;

    box-shadow: none !important;
  }


  .mc-header .mc-nav-toggle[aria-expanded="false"]
  .mc-nav-toggle__icon {
    width: 24px !important;
    height: 20px !important;
  }


  /* ========================================================
     SOCIALS — RIGHT BOTTOM
     ======================================================== */

  .mc-header .mc-socials--header,
  .mc-header .mc-header__socials,
  .mc-header .mc-socials {
    grid-area: socials !important;

    justify-self: end !important;
    align-self: center !important;

    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;

    gap: 10px !important;

    width: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;

    background: transparent !important;

    box-shadow: none !important;
  }


  .mc-header .mc-socials--header a,
  .mc-header .mc-header__socials a,
  .mc-header .mc-socials a {
    display: grid !important;
    place-items: center !important;

    width: 44px !important;
    height: 44px !important;

    min-width: 44px !important;
    min-height: 44px !important;

    margin: 0 !important;
    padding: 0 !important;

    border:
      1px solid rgba(255,255,255,.24)
      !important;

    border-radius: 0 !important;

    background: transparent !important;

    box-shadow: none !important;
  }


  .mc-header .mc-socials--header svg,
  .mc-header .mc-header__socials svg,
  .mc-header .mc-socials svg {
    width: 21px !important;
    height: 21px !important;
  }


  /* ========================================================
     REMOVE ACCIDENTAL LARGE CARD GEOMETRY
     ======================================================== */

  .mc-header a[href^="tel:"],
  .mc-header .mc-nav-toggle,
  .mc-header .mc-socials a {
    max-width: none !important;
  }

}


@media (max-width: 430px) {

  .mc-header .mc-header__inner,
  .mc-header .mc-header__top,
  .mc-header .mc-header__bar,
  .mc-header .mc-header__content,
  .mc-header .mc-header__main,
  .mc-header .mc-header__wrap {
    column-gap: 12px !important;
    row-gap: 14px !important;

    padding:
      17px
      18px !important;
  }


  .mc-header .mc-brand,
  .mc-header .mc-header__brand,
  .mc-header .mc-logo {
    max-width: 145px !important;
  }


  .mc-header .mc-brand img,
  .mc-header .mc-brand svg,
  .mc-header .mc-header__brand img,
  .mc-header .mc-header__brand svg,
  .mc-header .mc-logo img,
  .mc-header .mc-logo svg {
    height: 40px !important;
    max-width: 145px !important;
  }


  .mc-header a[href^="tel:"] {
    font-size: 14px !important;
    gap: 7px !important;
  }


  .mc-header .mc-nav-toggle[aria-expanded="false"] {
    width: 44px !important;
    height: 44px !important;

    min-width: 44px !important;
    min-height: 44px !important;
  }


  .mc-header .mc-socials--header a,
  .mc-header .mc-header__socials a,
  .mc-header .mc-socials a {
    width: 42px !important;
    height: 42px !important;

    min-width: 42px !important;
    min-height: 42px !important;
  }

}



@media (max-width: 64rem) {

  /*
   * CLOSED STATE
   *
   * Button owns both square and hamburger.
   * Legacy child icon is not used.
   */

  .mc-header .mc-nav-toggle[aria-expanded="false"] {
    position: relative !important;

    grid-area: toggle !important;

    justify-self: start !important;
    align-self: center !important;

    display: block !important;

    width: 48px !important;
    height: 48px !important;

    min-width: 48px !important;
    min-height: 48px !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;

    border:
      1px solid rgba(255,255,255,.24)
      !important;

    border-radius: 0 !important;

    background: transparent !important;

    box-shadow: none !important;

    transform: none !important;
  }


  /*
   * Kill BOTH legacy spans in closed state.
   * No old icon geometry can escape the button.
   */

  .mc-header
  .mc-nav-toggle[aria-expanded="false"]
  > span {
    display: none !important;
  }


  /*
   * Three lines:
   * actual centre line + two box-shadow copies.
   */

  .mc-header
  .mc-nav-toggle[aria-expanded="false"]::before {
    content: "" !important;

    position: absolute !important;

    top: 50% !important;
    left: 50% !important;

    display: block !important;

    width: 24px !important;
    height: 2px !important;

    margin: 0 !important;

    background:
      rgba(255,255,255,.96) !important;

    border: 0 !important;
    border-radius: 0 !important;

    box-shadow:
      0 -7px 0 rgba(255,255,255,.96),
      0  7px 0 rgba(255,255,255,.96)
      !important;

    transform:
      translate(-50%, -50%) !important;

    pointer-events: none !important;
  }


  .mc-header
  .mc-nav-toggle[aria-expanded="false"]::after {
    content: none !important;
    display: none !important;
  }

}


@media (max-width: 430px) {

  .mc-header .mc-nav-toggle[aria-expanded="false"] {
    width: 44px !important;
    height: 44px !important;

    min-width: 44px !important;
    min-height: 44px !important;
  }


  .mc-header
  .mc-nav-toggle[aria-expanded="false"]::before {
    width: 22px !important;

    box-shadow:
      0 -6px 0 rgba(255,255,255,.96),
      0  6px 0 rgba(255,255,255,.96)
      !important;
  }

}



@media (min-width: 64.0625rem) {

  /* ========================================================
     ROOT MENU
     ======================================================== */

  #primary-navigation {
    overflow: visible !important;
  }

  #primary-navigation .mc-menu--level-0 {
    display: flex !important;
    align-items: center !important;

    gap: 34px !important;

    width: auto !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;
  }


  #primary-navigation
  .mc-menu--level-0
  > .mc-menu__item {
    position: relative !important;

    display: flex !important;
    align-items: center !important;

    gap: 9px !important;

    width: auto !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;

    background: transparent !important;
  }


  /* ========================================================
     TOP LEVEL LINKS
     LARGE / FLAT / NO PILLS
     ======================================================== */

  #primary-navigation
  .mc-menu--level-0
  > .mc-menu__item
  > .mc-menu__link {
    position: relative !important;

    display: inline-flex !important;
    align-items: center !important;

    width: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;

    margin: 0 !important;

    padding:
      14px
      0 !important;

    border: 0 !important;
    border-radius: 0 !important;

    background: transparent !important;
    background-image: none !important;

    box-shadow: none !important;

    color:
      rgba(255,255,255,.91) !important;

    font-size: 17px !important;
    line-height: 1.2 !important;
    font-weight: 650 !important;

    letter-spacing: 0 !important;

    text-decoration: none !important;

    white-space: nowrap !important;
  }


  #primary-navigation
  .mc-menu--level-0
  > .mc-menu__item
  > .mc-menu__link:hover,

  #primary-navigation
  .mc-menu--level-0
  > .mc-menu__item
  > .mc-menu__link:focus-visible {
    color: #ffffff !important;

    background: transparent !important;

    box-shadow: none !important;
  }


  /* ========================================================
     ACTIVE LINK
     NO BLUE CAPSULE
     ======================================================== */

  #primary-navigation
  .mc-menu--level-0
  > .mc-menu__item
  > .mc-menu__link.is-active,

  #primary-navigation
  .mc-menu--level-0
  > .mc-menu__item
  > .mc-menu__link[aria-current="page"],

  #primary-navigation
  .mc-menu--level-0
  > .mc-menu__item.active-trail
  > .mc-menu__link {
    color: #ffffff !important;

    border: 0 !important;
    border-radius: 0 !important;

    background: transparent !important;
    background-image: none !important;

    box-shadow: none !important;
  }


  /*
   * Minimal active indicator:
   * one thin institutional line, not a pill.
   */

  #primary-navigation
  .mc-menu--level-0
  > .mc-menu__item
  > .mc-menu__link.is-active::after,

  #primary-navigation
  .mc-menu--level-0
  > .mc-menu__item
  > .mc-menu__link[aria-current="page"]::after,

  #primary-navigation
  .mc-menu--level-0
  > .mc-menu__item.active-trail
  > .mc-menu__link::after {
    content: "" !important;

    position: absolute !important;

    right: 0 !important;
    bottom: 6px !important;
    left: 0 !important;

    display: block !important;

    width: auto !important;
    height: 1px !important;

    background:
      rgba(255,255,255,.46) !important;

    transform: none !important;
  }


  /* ========================================================
     SUBMENU TOGGLE
     ARROW ONLY — NO BUTTON WRAPPER
     ======================================================== */

  #primary-navigation
  .mc-menu--level-0
  > .mc-menu__item.has-children
  > .mc-submenu-toggle {
    position: relative !important;

    inset: auto !important;

    display: inline-grid !important;
    place-items: center !important;

    flex: 0 0 auto !important;

    width: 22px !important;
    height: 32px !important;

    min-width: 22px !important;
    min-height: 32px !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    border-radius: 0 !important;

    background: transparent !important;
    background-image: none !important;

    box-shadow: none !important;

    color:
      rgba(255,255,255,.62) !important;
  }


  #primary-navigation
  .mc-menu--level-0
  > .mc-menu__item.has-children
  > .mc-submenu-toggle:hover,

  #primary-navigation
  .mc-menu--level-0
  > .mc-menu__item.has-children
  > .mc-submenu-toggle:focus-visible,

  #primary-navigation
  .mc-menu--level-0
  > .mc-menu__item.has-children
  > .mc-submenu-toggle[aria-expanded="true"] {
    color: #ffffff !important;

    border: 0 !important;

    background: transparent !important;

    box-shadow: none !important;
  }


  #primary-navigation
  .mc-menu--level-0
  > .mc-menu__item.has-children
  > .mc-submenu-toggle
  .mc-submenu-toggle__icon {
    width: 9px !important;
    height: 9px !important;

    color: currentColor !important;

    opacity: 1 !important;

    filter: none !important;

    transition:
      transform 160ms ease !important;
  }


  #primary-navigation
  .mc-menu--level-0
  > .mc-menu__item.has-children
  > .mc-submenu-toggle[aria-expanded="true"]
  .mc-submenu-toggle__icon {
    transform:
      rotate(180deg) !important;
  }


  /* ========================================================
     DROPDOWN
     SAME VISUAL FIELD AS MOBILE MENU
     ======================================================== */

  #primary-navigation
  .mc-menu--level-0
  > .mc-menu__item
  > .mc-menu--submenu {
    position: absolute !important;

    top: calc(100% + 10px) !important;
    left: -18px !important;
    right: auto !important;

    z-index: 1000 !important;

    display: block;

    width: 310px !important;
    min-width: 310px !important;
    max-width: 360px !important;

    margin: 0 !important;

    padding:
      8px
      0 !important;

    overflow: hidden !important;

    border:
      1px solid rgba(255,255,255,.14)
      !important;

    border-radius: 0 !important;

    background:
      #052f57 !important;

    box-shadow:
      0 18px 34px rgba(0,15,34,.28)
      !important;

    color:
      rgba(255,255,255,.88) !important;

    list-style: none !important;
  }


  /*
   * Keep native navigation.js visibility ownership.
   */

  #primary-navigation
  .mc-menu--level-0
  > .mc-menu__item
  > .mc-menu--submenu[hidden] {
    display: none !important;
  }


  /* ========================================================
     DROPDOWN ITEMS
     ======================================================== */

  #primary-navigation
  .mc-menu--submenu
  > .mc-menu__item {
    display: block !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;

    background: transparent !important;
  }


  #primary-navigation
  .mc-menu--submenu
  > .mc-menu__item
  + .mc-menu__item {
    border-top:
      1px solid rgba(255,255,255,.10)
      !important;
  }


  #primary-navigation
  .mc-menu--submenu
  > .mc-menu__item
  > .mc-menu__link {
    display: flex !important;
    align-items: center !important;

    width: 100% !important;

    min-width: 0 !important;
    min-height: 0 !important;

    box-sizing: border-box !important;

    margin: 0 !important;

    padding:
      15px
      18px !important;

    border: 0 !important;
    border-radius: 0 !important;

    background: transparent !important;
    background-image: none !important;

    box-shadow: none !important;

    color:
      rgba(255,255,255,.80) !important;

    font-size: 16px !important;
    line-height: 1.3 !important;
    font-weight: 450 !important;

    text-decoration: none !important;

    white-space: normal !important;

    overflow: visible !important;
    text-overflow: clip !important;
  }


  #primary-navigation
  .mc-menu--submenu
  > .mc-menu__item
  > .mc-menu__link:hover,

  #primary-navigation
  .mc-menu--submenu
  > .mc-menu__item
  > .mc-menu__link:focus-visible {
    color: #ffffff !important;

    background:
      rgba(255,255,255,.055) !important;
  }


  #primary-navigation
  .mc-menu--submenu
  > .mc-menu__item
  > .mc-menu__link.is-active,

  #primary-navigation
  .mc-menu--submenu
  > .mc-menu__item
  > .mc-menu__link[aria-current="page"] {
    color: #ffffff !important;

    background:
      rgba(255,255,255,.075) !important;
  }


  /* ========================================================
     KILL OLD WHITE DROPDOWN DECORATION
     ======================================================== */

  #primary-navigation
  .mc-menu--submenu::before,

  #primary-navigation
  .mc-menu--submenu::after {
    content: none !important;

    display: none !important;
  }


  /* ========================================================
     DESKTOP PHONE — NO PILL
     REAL OWNER: .mc-header-phone
     ======================================================== */

  .mc-header .mc-header-phone {
    display: inline-flex !important;
    align-items: center !important;

    gap: 9px !important;

    width: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    border-radius: 0 !important;

    background: transparent !important;
    background-image: none !important;

    box-shadow: none !important;
  }


  .mc-header .mc-header-phone::before,
  .mc-header .mc-header-phone::after {
    content: none !important;

    display: none !important;
  }


  .mc-header .mc-header-phone:hover,
  .mc-header .mc-header-phone:focus-visible {
    background: transparent !important;

    border: 0 !important;

    box-shadow: none !important;
  }


  .mc-header .mc-header-phone__copy {
    padding: 0 !important;

    background: transparent !important;

    border: 0 !important;
    border-radius: 0 !important;

    box-shadow: none !important;
  }

}



@media (min-width: 64.0625rem) {

  /*
   * Same interaction color as footer.
   * Non-active desktop navigation only.
   */

  #primary-navigation
  .mc-menu--level-0
  > .mc-menu__item
  > .mc-menu__link:not(.is-active):not([aria-current="page"]):hover,

  #primary-navigation
  .mc-menu--level-0
  > .mc-menu__item
  > .mc-menu__link:not(.is-active):not([aria-current="page"]):focus-visible {
    color: #031d3a !important;
  }


  /*
   * Parent active trail remains white,
   * but its arrow responds in the same accent.
   */

  #primary-navigation
  .mc-menu--level-0
  > .mc-menu__item.has-children
  > .mc-submenu-toggle:hover,

  #primary-navigation
  .mc-menu--level-0
  > .mc-menu__item.has-children
  > .mc-submenu-toggle:focus-visible {
    color: #031d3a !important;
  }


  /*
   * Dropdown links use exactly the same hover accent.
   */

  #primary-navigation
  .mc-menu--submenu
  > .mc-menu__item
  > .mc-menu__link:hover,

  #primary-navigation
  .mc-menu--submenu
  > .mc-menu__item
  > .mc-menu__link:focus-visible {
    color: #031d3a !important;

    background:
      rgba(255,255,255,.04) !important;
  }


  /*
   * Current page remains white.
   */

  #primary-navigation
  .mc-menu--level-0
  > .mc-menu__item
  > .mc-menu__link.is-active,

  #primary-navigation
  .mc-menu--level-0
  > .mc-menu__item
  > .mc-menu__link[aria-current="page"],

  #primary-navigation
  .mc-menu--submenu
  > .mc-menu__item
  > .mc-menu__link.is-active,

  #primary-navigation
  .mc-menu--submenu
  > .mc-menu__item
  > .mc-menu__link[aria-current="page"] {
    color: #ffffff !important;
  }

}



@media (min-width: 64.0625rem) {

  /* ========================================================
     NAV POSITION
     ======================================================== */

  #primary-navigation {
    margin-left: auto !important;
    margin-right: auto !important;

    padding-left: 26px !important;
    padding-right: 26px !important;
  }


  /* ========================================================
     TOP LEVEL HOVER
     ======================================================== */

  #primary-navigation
  .mc-menu--level-0
  > .mc-menu__item
  > .mc-menu__link:not(.is-active):not([aria-current="page"]):hover,

  #primary-navigation
  .mc-menu--level-0
  > .mc-menu__item
  > .mc-menu__link:not(.is-active):not([aria-current="page"]):focus-visible {
    color: #6FC2FF !important;
  }


  /* ========================================================
     SUBMENU TOGGLE HOVER
     ======================================================== */

  #primary-navigation
  .mc-menu--level-0
  > .mc-menu__item.has-children
  > .mc-submenu-toggle:hover,

  #primary-navigation
  .mc-menu--level-0
  > .mc-menu__item.has-children
  > .mc-submenu-toggle:focus-visible {
    color: #6FC2FF !important;
  }


  /* ========================================================
     DROPDOWN HOVER
     ======================================================== */

  #primary-navigation
  .mc-menu--submenu
  > .mc-menu__item
  > .mc-menu__link:hover,

  #primary-navigation
  .mc-menu--submenu
  > .mc-menu__item
  > .mc-menu__link:focus-visible {
    color: #6FC2FF !important;

    background:
      rgba(111,194,255,.07) !important;
  }


  /* ========================================================
     ACTIVE STAYS WHITE
     ======================================================== */

  #primary-navigation
  .mc-menu--level-0
  > .mc-menu__item
  > .mc-menu__link.is-active,

  #primary-navigation
  .mc-menu--level-0
  > .mc-menu__item
  > .mc-menu__link[aria-current="page"],

  #primary-navigation
  .mc-menu--level-0
  > .mc-menu__item.active-trail
  > .mc-menu__link {
    color: #ffffff !important;
  }

}



@media (min-width: 64.0625rem) {

  /* ========================================================
     DROPDOWN PANEL
     remove top/bottom gaps so hover fills cleanly
     ======================================================== */

  #primary-navigation
  .mc-menu--level-0
  > .mc-menu__item
  > .mc-menu--submenu {
    padding: 0 !important;
    overflow: hidden !important;
  }


  #primary-navigation
  .mc-menu--submenu
  > .mc-menu__item
  > .mc-menu__link {
    padding: 16px 18px !important;
    margin: 0 !important;
  }


  #primary-navigation
  .mc-menu--submenu
  > .mc-menu__item
  > .mc-menu__link:hover,

  #primary-navigation
  .mc-menu--submenu
  > .mc-menu__item
  > .mc-menu__link:focus-visible {
    color: #6FC2FF !important;
    background: rgba(111,194,255,.10) !important;
  }


  /* ========================================================
     TOP LEVEL ACTIVE SECTION
     keep blue when current page belongs to this section
     ======================================================== */

  #primary-navigation
  .mc-menu--level-0
  > .mc-menu__item.active-trail
  > .mc-menu__link,

  #primary-navigation
  .mc-menu--level-0
  > .mc-menu__item.is-active-trail
  > .mc-menu__link,

  #primary-navigation
  .mc-menu--level-0
  > .mc-menu__item
  > .mc-menu__link[aria-current="page"] {
    color: #6FC2FF !important;
  }


  #primary-navigation
  .mc-menu--level-0
  > .mc-menu__item.active-trail
  > .mc-submenu-toggle,

  #primary-navigation
  .mc-menu--level-0
  > .mc-menu__item.is-active-trail
  > .mc-submenu-toggle {
    color: #6FC2FF !important;
  }


  /* ========================================================
     ACTIVE INDICATOR
     underline also blue, not white
     ======================================================== */

  #primary-navigation
  .mc-menu--level-0
  > .mc-menu__item.active-trail
  > .mc-menu__link::after,

  #primary-navigation
  .mc-menu--level-0
  > .mc-menu__item.is-active-trail
  > .mc-menu__link::after,

  #primary-navigation
  .mc-menu--level-0
  > .mc-menu__item
  > .mc-menu__link[aria-current="page"]::after {
    background: rgba(111,194,255,.70) !important;
  }


  /* ========================================================
     CURRENT PAGE INSIDE DROPDOWN
     ======================================================== */

  #primary-navigation
  .mc-menu--submenu
  > .mc-menu__item.active-trail
  > .mc-menu__link,

  #primary-navigation
  .mc-menu--submenu
  > .mc-menu__item.is-active-trail
  > .mc-menu__link,

  #primary-navigation
  .mc-menu--submenu
  > .mc-menu__item
  > .mc-menu__link[aria-current="page"] {
    color: #6FC2FF !important;
    background: rgba(111,194,255,.08) !important;
  }

}