/* AAA staging homepage nav polish 2026-06-23 */
@media (min-width: 1181px) {
  body.home #main-header {
    background: linear-gradient(180deg, rgba(10, 16, 20, .66), rgba(10, 16, 20, .08)) !important;
    border-bottom: 1px solid rgba(255, 255, 255, .14) !important;
  }

  body.home #main-header .container.et_menu_container,
  body.home #et-top-navigation,
  body.home #top-menu-nav,
  body.home #top-menu {
    height: 68px !important;
  }

  body.home #main-header .container.et_menu_container {
    gap: 22px !important;
    min-height: 68px !important;
  }

  body.home #main-header .logo_container {
    flex-basis: 146px !important;
    width: 146px !important;
  }

  body.home #main-header #logo {
    max-width: 136px !important;
    max-height: 60px !important;
  }

  body.home #top-menu {
    gap: 18px !important;
  }

  body.home #top-menu > li:not(.aaa-nav-calculator):not(.aaa-nav-quote) > a {
    min-height: 68px !important;
    font-size: 12px !important;
    letter-spacing: .045em !important;
  }

  body.home #top-menu > li.aaa-nav-calculator {
    margin-left: auto !important;
  }

  body.home #top-menu > li.aaa-nav-calculator > a,
  body.home #top-menu > li.aaa-nav-quote > a {
    min-height: 34px !important;
    padding: 0 15px !important;
    border-radius: 2px !important;
    font-size: 11px !important;
    letter-spacing: .055em !important;
    box-shadow: none !important;
  }
}

body.home #top-menu-nav > ul > li:not(.aaa-nav-quote):not(.aaa-nav-calculator) > a {
  position: relative !important;
}

body.home #top-menu-nav > ul > li:not(.aaa-nav-quote):not(.aaa-nav-calculator) > a:after {
  position: absolute !important;
  left: 0 !important;
  right: auto !important;
  bottom: 12px !important;
  width: 0 !important;
  height: 2px !important;
  margin: 0 !important;
  background: var(--aaa-red) !important;
}

body.home #top-menu-nav > ul > li:not(.aaa-nav-quote):not(.aaa-nav-calculator):hover > a:after,
body.home #top-menu-nav > ul > li.current-menu-item:not(.aaa-nav-quote):not(.aaa-nav-calculator) > a:after,
body.home #top-menu-nav > ul > li.current-menu-ancestor:not(.aaa-nav-quote):not(.aaa-nav-calculator) > a:after {
  width: 100% !important;
}

body.home #main-header:not(.et-fixed-header) #top-menu > li.aaa-nav-calculator > a {
  color: #fff !important;
  background: rgba(10, 16, 20, .22) !important;
  border: 1px solid rgba(255, 255, 255, .58) !important;
}

body.home #main-header:not(.et-fixed-header) #top-menu > li.aaa-nav-calculator > a:hover {
  color: var(--aaa-ink) !important;
  background: #fff !important;
  border-color: #fff !important;
}

body.home #main-header:not(.et-fixed-header) #top-menu > li.aaa-nav-quote > a {
  color: #fff !important;
  background: var(--aaa-red) !important;
  border: 1px solid var(--aaa-red) !important;
}

body.home #main-header:not(.et-fixed-header) #top-menu > li.aaa-nav-quote > a:hover,
body.home #main-header.et-fixed-header #top-menu > li.aaa-nav-quote > a:hover {
  color: #fff !important;
  background: var(--aaa-red-dark) !important;
  border-color: var(--aaa-red-dark) !important;
}

body.home #main-header:not(.et-fixed-header) .nav li ul,
body.home #main-header .nav li ul {
  width: 292px !important;
  margin-top: 0 !important;
  padding: 10px 0 !important;
  background: rgba(255, 255, 255, .98) !important;
  border-top: 3px solid var(--aaa-red) !important;
  box-shadow: 0 18px 40px rgba(5, 12, 18, .28) !important;
}

body.home #main-header #top-menu-nav #top-menu li li a {
  width: 252px !important;
  color: var(--aaa-ink) !important;
  text-shadow: none !important;
  background: #fff !important;
}

body.home #main-header #top-menu-nav #top-menu li li a:hover,
body.home #main-header #top-menu-nav #top-menu li li.current-menu-item > a {
  color: var(--aaa-red) !important;
  background: #f4f6f7 !important;
}

body.home #main-header.et-fixed-header,
body.home .et-fixed-header#main-header {
  border-bottom-width: 2px !important;
}

body.home #main-header.et-fixed-header #top-menu > li.aaa-nav-calculator > a,
body.home .et-fixed-header#main-header #top-menu > li.aaa-nav-calculator > a {
  color: var(--aaa-ink) !important;
  background: #fff !important;
  border: 1px solid rgba(23, 32, 38, .28) !important;
}

body.home #main-header.et-fixed-header #top-menu > li.aaa-nav-quote > a,
body.home .et-fixed-header#main-header #top-menu > li.aaa-nav-quote > a {
  color: #fff !important;
  background: var(--aaa-red) !important;
  border: 1px solid var(--aaa-red) !important;
}

body.home .aaa-home .aaa-hero h1,
body.home .aaa-proposal .aaa-hero h1 {
  max-width: 680px !important;
  font-size: clamp(34px, 4.6vw, 58px) !important;
  line-height: .98 !important;
}

@media (max-width: 1180px) {
  body.home #main-header .container.et_menu_container {
    min-height: 68px !important;
  }

  body.home #main-header #logo {
    max-width: 116px !important;
    max-height: 50px !important;
  }

  body.home #main-header .et_mobile_menu {
    top: 68px !important;
    height: calc(100vh - 84px) !important;
    max-height: calc(100vh - 84px) !important;
    background: #111a21 !important;
  }

  body.home .aaa-home .aaa-hero h1,
  body.home .aaa-proposal .aaa-hero h1 {
    max-width: 340px !important;
    font-size: clamp(31px, 9vw, 42px) !important;
    line-height: 1.04 !important;
  }

  body.home .aaa-title {
    max-width: 100% !important;
    width: calc(100vw - 48px) !important;
    font-size: 20px !important;
    line-height: 1.08 !important;
    overflow-wrap: break-word;
    word-break: normal;
    white-space: normal !important;
  }

  body.home .aaa-home .aaa-title,
  body.home .aaa-proposal .aaa-title,
  body.home .aaa-home .aaa-section .aaa-title,
  body.home .aaa-proposal .aaa-section .aaa-title {
    max-width: 100% !important;
    width: calc(100vw - 48px) !important;
    font-size: 20px !important;
    line-height: 1.08 !important;
    overflow-wrap: break-word !important;
    white-space: normal !important;
  }
}