body > main nav.bottom-nav:is([aria-label="Main navigation"], [aria-label="Bottom navigation"]):not([data-commerce-navigation="true"]),
body > main nav[class*="_bottomNav_"]:is([aria-label="Main navigation"], [aria-label="Bottom navigation"]):not([data-commerce-navigation="true"]) {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

nav.commerce-global-nav {
  box-sizing: border-box !important;
  position: fixed !important;
  top: auto !important;
  right: max(12px, calc((100vw - 656px) / 2)) !important;
  bottom: calc(12px + env(safe-area-inset-bottom, 0px)) !important;
  left: max(12px, calc((100vw - 656px) / 2)) !important;
  /* Keep the persistent navigation above page content but below modal backdrops. */
  z-index: 100 !important;
  display: grid !important;
  width: auto !important;
  max-width: none !important;
  height: auto !important;
  min-height: 70px !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 7px !important;
  border: 1px solid rgba(255, 255, 255, .18) !important;
  border-radius: 22px !important;
  background: rgba(17, 35, 31, .955) !important;
  box-shadow: 0 17px 37px rgba(17, 35, 31, .26) !important;
  backdrop-filter: blur(18px) !important;
  transform: none !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

nav.commerce-global-nav > a.c-bottom-nav__item {
  box-sizing: border-box !important;
  display: flex !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 56px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 15px !important;
  color: #8da29b !important;
  background: transparent !important;
  box-shadow: none !important;
  align-items: center !important;
  justify-content: center !important;
  flex-direction: column !important;
  gap: 3px !important;
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  line-height: 1.45 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
}

nav.commerce-global-nav > a.c-bottom-nav__item > .c-bottom-nav__icon {
  display: grid !important;
  width: 21px !important;
  height: 21px !important;
  margin: 0 !important;
  color: currentColor !important;
  place-items: center !important;
}

nav.commerce-global-nav > a.c-bottom-nav__item > .c-bottom-nav__icon svg {
  display: block !important;
  width: 20px !important;
  height: 20px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  stroke-width: 1.7 !important;
}

nav.commerce-global-nav > a.c-bottom-nav__item > span:last-child {
  display: block !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  color: currentColor !important;
  font: inherit !important;
}

nav.commerce-global-nav > a.c-bottom-nav__item.is-active {
  color: #11231f !important;
  background: #fff !important;
  box-shadow: 0 6px 15px rgba(0, 0, 0, .1) !important;
}

nav.commerce-global-nav > a.c-bottom-nav__item:focus-visible {
  outline: 3px solid #f2733f !important;
  outline-offset: -3px !important;
}

/* PH brand overrides for the legacy React customer pages. */
.frontend-logo {
  overflow: hidden !important;
  border-radius: 50% !important;
  background: #f7f1e5 !important;
  padding: 3px !important;
}

.frontend-logo .frontend-logo-image,
.frontend-logo-image.ph-frontend-brand-image {
  width: 100% !important;
  height: 100% !important;
  aspect-ratio: 1 !important;
  border-radius: 50% !important;
  object-fit: cover !important;
}

.frontend-logo.frontend-logo--main {
  width: 52px !important;
  height: 52px !important;
}

.frontend-logo.frontend-logo--compact {
  width: 44px !important;
  height: 44px !important;
}

.frontend-logo.frontend-logo--auth {
  width: 92px !important;
  height: 92px !important;
}

video[poster*="auth-aurevanta"],
video[data-ph-media-disabled="true"] {
  display: none !important;
  visibility: hidden !important;
}

[class*="_motionFallback_"] {
  background-color: #082b25 !important;
  background-image:
    radial-gradient(circle at 26% 22%, rgba(190, 145, 60, .28), transparent 30%),
    radial-gradient(circle at 74% 70%, rgba(245, 239, 227, .12), transparent 34%),
    linear-gradient(145deg, #061f1b, #0b3a31 58%, #071d19) !important;
}

.hero-media img[src*="aurevanta-logo"] {
  object-fit: contain !important;
  background: linear-gradient(145deg, #061f1b, #0b3a31 58%, #071d19) !important;
  padding: 12px 24% !important;
}

.hero-media img[src*="og-aurevanta"] {
  opacity: 0 !important;
}

.hero-media:has(img[src*="og-aurevanta"]) {
  background: linear-gradient(145deg, #061f1b, #0b3a31 58%, #071d19) !important;
}

@media (max-width: 720px) {
  .frontend-logo.frontend-logo--auth {
    width: 72px !important;
    height: 72px !important;
  }
}

@media (max-width: 380px) {
  .frontend-logo.frontend-logo--main {
    width: 46px !important;
    height: 46px !important;
  }

  .frontend-logo.frontend-logo--compact {
    width: 40px !important;
    height: 40px !important;
  }
}

/* Cohesive PH background shared by the sign-in and registration states. */
main:has(.frontend-logo--auth) {
  --auth-background-image: url("/commerce-static/auth-background-desktop-v1.webp");
  background:
    linear-gradient(155deg, rgba(2, 23, 19, .58) 0%, rgba(4, 39, 33, .46) 50%, rgba(2, 22, 31, .66) 100%),
    var(--auth-background-image) center / cover no-repeat !important;
}

main:has(.frontend-logo--auth) [class*="_stage_"] {
  isolation: isolate;
  background:
    linear-gradient(110deg, rgba(1, 20, 16, .34) 0%, rgba(2, 27, 24, .2) 47%, rgba(1, 16, 28, .56) 100%),
    var(--auth-background-image) center / cover no-repeat !important;
}

main:has(.frontend-logo--auth) [class*="_stage_"]::before {
  content: "";
  position: absolute;
  z-index: 0;
  top: 46px;
  left: 23%;
  width: clamp(230px, 28vw, 310px);
  aspect-ratio: 1;
  border-radius: 50%;
  background: url("/aurevanta-logo.png?v=ph-20260828-1") center / cover no-repeat;
  box-shadow: 0 28px 80px rgba(0, 0, 0, .3);
  opacity: .6;
  pointer-events: none;
  transform: translateX(-50%);
}

main:has(.frontend-logo--auth) [class*="_stage_"]::after {
  content: "";
  position: absolute;
  z-index: 1;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(1, 18, 16, .06) 0%, rgba(1, 18, 16, .18) 46%, rgba(1, 17, 28, .62) 100%),
    linear-gradient(180deg, transparent 0%, rgba(1, 20, 18, .16) 52%, rgba(1, 17, 25, .34) 100%);
  pointer-events: none;
}

main:has(.frontend-logo--auth) [class*="_visualPanel_"],
main:has(.frontend-logo--auth) [class*="_formPanel_"] {
  z-index: 2 !important;
}

main:has(.frontend-logo--auth) [class*="_visualPanel_"] {
  background: transparent !important;
  border: 0 !important;
}

main:has(.frontend-logo--auth) [class*="_formPanel_"] {
  background: linear-gradient(180deg, rgba(2, 28, 38, .46), rgba(1, 18, 31, .84)) !important;
  border-color: rgba(255, 255, 255, .1) !important;
}

main:has(.frontend-logo--auth) [class*="_motionBackdrop_"] {
  display: none !important;
}

.frontend-logo.frontend-logo--auth,
main:has(.frontend-logo--auth) [class*="_visualCopy_"] > p {
  display: none !important;
}

main:has(.frontend-logo--auth) [class*="_visualCopy_"] h1 {
  margin-bottom: 0 !important;
}

@media (max-width: 720px) {
  main:has(.frontend-logo--auth) {
    --auth-background-image: url("/commerce-static/auth-background-mobile-v1.webp");
    background-position: center top !important;
  }

  main:has(.frontend-logo--auth) [class*="_stage_"] {
    background:
      linear-gradient(180deg, rgba(1, 19, 15, .28) 0%, rgba(2, 27, 25, .18) 34%, rgba(1, 17, 29, .58) 100%),
      var(--auth-background-image) center top / cover no-repeat !important;
  }

  main:has(.frontend-logo--auth) [class*="_stage_"]::before {
    top: calc(22px + env(safe-area-inset-top, 0px));
    left: 50%;
    width: min(45vw, 188px);
    opacity: .68;
  }

  main:has(.frontend-logo--auth) [class*="_stage_"]::after {
    background:
      linear-gradient(180deg, rgba(1, 20, 17, .04) 0%, rgba(2, 27, 29, .12) 28%, rgba(1, 18, 31, .52) 60%, rgba(1, 15, 27, .76) 100%);
  }

  main:has(.frontend-logo--auth) [class*="_visualPanel_"] {
    min-height: 360px !important;
    padding-top: calc(26px + env(safe-area-inset-top, 0px)) !important;
  }

  main:has(.frontend-logo--auth) [class*="_formPanel_"] {
    background: linear-gradient(180deg, rgba(2, 28, 38, .36), rgba(1, 18, 31, .84)) !important;
    border-top-color: rgba(255, 255, 255, .08) !important;
  }
}

@media (max-width: 360px) {
  main:has(.frontend-logo--auth) [class*="_stage_"]::before {
    width: 164px;
  }

  main:has(.frontend-logo--auth) [class*="_visualPanel_"] {
    min-height: 340px !important;
  }
}