/* One shared visual system for the four expandable primary menu items. */
nav.navbar-fixed-top:has(.bp4um-group) .bp4um-trigger {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  min-height: 24px;
  margin-inline: auto;
  padding: 0;
  border: 0;
  border-radius: 5px;
  background: transparent;
  color: #fff;
  cursor: pointer;
  list-style: none;
}
nav.navbar-fixed-top :is(.bp4um-trigger, .bp4um-city-trigger)::-webkit-details-marker { display: none; }
nav.navbar-fixed-top:has(.bp4um-group) .bp4um-trigger > svg {
  width: 15px;
  height: 15px;
  color: #96c2ff;
  flex: none;
}
nav.navbar-fixed-top:has(.bp4um-group) .bp4um-trigger:hover,
nav.navbar-fixed-top:has(.bp4um-group) :is(.bp4um-trigger[aria-expanded="true"], .bp4um-disclosure[open] > .bp4um-trigger) {
  color: #b6d7ff;
  background: rgba(10, 17, 29, .56);
}
nav.navbar-fixed-top:has(.bp4um-group) :is(.bp4um-trigger[aria-expanded="true"], .bp4um-disclosure[open] > .bp4um-trigger) > svg { transform: rotate(180deg); }
nav.navbar-fixed-top:has(.bp4um-group) .bp4um-top-link:focus-visible,
nav.navbar-fixed-top:has(.bp4um-group) .bp4um-trigger:focus-visible,
nav.navbar-fixed-top:has(.bp4um-group) .bp4um-city-trigger:focus-visible,
nav.navbar-fixed-top:has(.bp4um-group) .bp4um-panel a:focus-visible {
  outline: 2px solid #88bdff;
  outline-offset: 3px;
}

nav.navbar-fixed-top:has(.bp4um-group) .bp4um-panel[hidden] { display: none !important; }
nav.navbar-fixed-top:has(.bp4um-group) .bp4um-panel {
  --bp4um-edge: rgba(163, 193, 241, .18);
  --bp4um-ink: #f6f9ff;
  --bp4um-muted: #bfccdd;
  --bp4um-blue: #8abbff;
  --bp4um-brand-blue: #0066ff;
  box-sizing: border-box;
  background-color: rgba(7, 8, 12, .974);
  background-image:
    radial-gradient(ellipse at 15% 0%, rgba(0, 102, 255, .16), transparent 61%),
    linear-gradient(rgba(175, 199, 234, .085) 1px, transparent 1px),
    linear-gradient(90deg, rgba(175, 199, 234, .085) 1px, transparent 1px);
  background-size: auto, 30px 30px, 30px 30px;
  -webkit-backdrop-filter: blur(14px) saturate(115%);
  backdrop-filter: blur(14px) saturate(115%);
  color: var(--bp4um-ink);
  text-align: left;
  border-top: 1px solid rgba(0, 102, 255, .5);
  border-bottom: 1px solid var(--bp4um-edge);
  box-shadow: 0 18px 30px rgba(0, 0, 0, .28);
  font: 14px/1.4 "Helvetica Neue LT Pro", Helvetica, Arial, sans-serif;
}
nav.navbar-fixed-top:has(.bp4um-group) .bp4um-shell {
  width: min(1180px, calc(100% - 48px));
  margin-inline: auto;
  display: grid;
  grid-template-columns: minmax(190px, .24fr) minmax(0, 1fr);
  gap: 30px;
  padding: 42px 0 44px;
}
nav.navbar-fixed-top:has(.bp4um-group) .bp4um-rail {
  padding: 5px 20px 5px 0;
  border-right: 1px solid var(--bp4um-edge);
}
nav.navbar-fixed-top:has(.bp4um-group) .bp4um-rail p { margin: 0; }
nav.navbar-fixed-top:has(.bp4um-group) .bp4um-rail .bp4um-label,
nav.navbar-fixed-top:has(.bp4um-group) .bp4um-panel .bp4um-group-title {
  color: var(--bp4um-blue);
  font-weight: 700;
  font-size: 11px;
  letter-spacing: .095em;
  text-transform: uppercase;
}
nav.navbar-fixed-top:has(.bp4um-group) .bp4um-rail .bp4um-title {
  margin-top: 6px;
  color: var(--bp4um-ink);
  font-weight: 700;
  font-size: clamp(23px, 2.1vw, 30px);
  line-height: 1.08;
  letter-spacing: -.02em;
}
nav.navbar-fixed-top:has(.bp4um-group) .bp4um-rail .bp4um-intro {
  margin-top: 9px;
  color: var(--bp4um-muted);
  font-size: 13px;
  line-height: 1.46;
}
nav.navbar-fixed-top:has(.bp4um-group) .bp4um-panel .bp4um-overview {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-top: 18px;
  padding: 9px 13px;
  background: rgba(7, 12, 22, .7);
  border: 1px solid rgba(0, 102, 255, .62);
  border-radius: 5px;
  color: #eaf4ff;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
}
nav.navbar-fixed-top:has(.bp4um-group) .bp4um-panel .bp4um-overview:hover { background: #112444; border-color: var(--bp4um-brand-blue); }
nav.navbar-fixed-top:has(.bp4um-group) .bp4um-overview svg { width: 16px; height: 16px; flex: none; color: var(--bp4um-blue); }
nav.navbar-fixed-top:has(.bp4um-group) .bp4um-body { display: grid; gap: 10px; min-width: 0; }
nav.navbar-fixed-top:has(.bp4um-group) .bp4um-rent .bp4um-body {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-content: start;
  align-items: start;
}
nav.navbar-fixed-top:has(.bp4um-group) .bp4um-pricing .bp4um-body,
nav.navbar-fixed-top:has(.bp4um-group) .bp4um-about .bp4um-body { grid-template-columns: repeat(2, minmax(0, 1fr)); }
nav.navbar-fixed-top:has(.bp4um-group) .bp4um-pricing .bp4um-body { align-content: start; padding-top: 4px; }
nav.navbar-fixed-top:has(.bp4um-group) .bp4um-about .bp4um-body { gap: 16px; }
nav.navbar-fixed-top:has(.bp4um-group) .bp4um-services .bp4um-body {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-content: start;
  gap: 14px;
}
nav.navbar-fixed-top:has(.bp4um-group) .bp4um-service-group {
  padding: 12px 11px 10px;
  border: 1px solid var(--bp4um-edge);
  border-radius: 7px;
  background: rgba(9, 12, 18, .48);
  min-width: 0;
}
nav.navbar-fixed-top:has(.bp4um-group) .bp4um-panel .bp4um-group-title {
  display: flex;
  align-items: center;
  gap: 7px;
  margin: 0 0 7px;
  line-height: 1.25;
}
nav.navbar-fixed-top:has(.bp4um-group) .bp4um-group-title svg { flex: none; width: 18px; height: 18px; color: var(--bp4um-brand-blue); }
nav.navbar-fixed-top:has(.bp4um-group) .bp4um-panel .bp4um-list {
  display: grid;
  width: auto;
  list-style: none;
  padding: 0;
  margin: 0;
}
nav.navbar-fixed-top:has(.bp4um-group) .bp4um-panel .bp4um-list a {
  display: block;
  padding: 5px 4px;
  margin-inline: -2px;
  border-radius: 4px;
  color: var(--bp4um-ink);
  font-size: 13px;
  line-height: 1.32;
  text-decoration: none;
}
nav.navbar-fixed-top:has(.bp4um-group) .bp4um-panel .bp4um-list a:hover,
nav.navbar-fixed-top:has(.bp4um-group) .bp4um-panel .bp4um-list a:focus-visible {
  background: #19263a;
  color: #d8eaff;
}
nav.navbar-fixed-top:has(.bp4um-group) .bp4um-panel .bp4um-card {
  min-width: 0;
  display: flex;
  gap: 10px;
  align-items: center;
  padding: 11px 13px;
  min-height: 66px;
  background: rgba(9, 12, 18, .54);
  border: 1px solid var(--bp4um-edge);
  border-radius: 7px;
  color: var(--bp4um-ink);
  text-decoration: none;
}
nav.navbar-fixed-top:has(.bp4um-group) .bp4um-panel .bp4um-card:hover,
nav.navbar-fixed-top:has(.bp4um-group) .bp4um-panel .bp4um-card:focus-visible {
  border-color: rgba(0, 102, 255, .72);
  background: #101d31;
}
nav.navbar-fixed-top:has(.bp4um-group) .bp4um-card-copy { display: grid; gap: 2px; min-width: 0; }
nav.navbar-fixed-top:has(.bp4um-group) .bp4um-card strong { font-size: 14px; line-height: 1.22; }
nav.navbar-fixed-top:has(.bp4um-group) .bp4um-description { color: var(--bp4um-muted); font-size: 12px; line-height: 1.32; }
nav.navbar-fixed-top:has(.bp4um-group) .bp4um-symbol {
  display: grid;
  place-items: center;
  flex: 0 0 32px;
  width: 32px;
  height: 32px;
  background: transparent;
  color: var(--bp4um-brand-blue);
}
nav.navbar-fixed-top:has(.bp4um-group) .bp4um-symbol svg {
  width: 24px;
  height: 24px;
  stroke-width: 1.8;
  filter: drop-shadow(0 0 4px rgba(0, 102, 255, .38));
}
nav.navbar-fixed-top:has(.bp4um-group) .bp4um-card-arrow { margin-left: auto; flex: none; color: var(--bp4um-blue); }
nav.navbar-fixed-top:has(.bp4um-group) .bp4um-card-arrow svg { display: block; width: 16px; height: 16px; }
nav.navbar-fixed-top:has(.bp4um-group) .bp4um-about-cards { display: grid; gap: 8px; }
nav.navbar-fixed-top:has(.bp4um-group) .bp4um-about-cards .bp4um-card { min-height: 56px; padding: 8px 12px; }
nav.navbar-fixed-top:has(.bp4um-group) .bp4um-rental-hub {
  min-width: 0;
  border: 1px solid var(--bp4um-edge);
  border-radius: 7px;
  background: rgba(9, 12, 18, .54);
}
nav.navbar-fixed-top:has(.bp4um-group) .bp4um-rental-hub > .bp4um-card {
  border: 0;
  background: transparent;
}
nav.navbar-fixed-top:has(.bp4um-group) .bp4um-rental-hub > .bp4um-card:is(:hover, :focus-visible) {
  background: #101d31;
}
nav.navbar-fixed-top:has(.bp4um-group) .bp4um-rental-hub:not(:has(.bp4um-city-group)) > .bp4um-card {
  min-height: 100px;
}
nav.navbar-fixed-top:has(.bp4um-group) .bp4um-city-group {
  margin: 0 10px;
  border-top: 1px solid var(--bp4um-edge);
}
nav.navbar-fixed-top:has(.bp4um-group) .bp4um-city-trigger {
  display: flex;
  align-items: center;
  gap: 6px;
  min-height: 34px;
  padding: 3px;
  color: var(--bp4um-blue);
  cursor: pointer;
  list-style: none;
  font-size: 12px;
  font-weight: 700;
}
nav.navbar-fixed-top:has(.bp4um-group) .bp4um-city-trigger svg { width: 14px; height: 14px; }
nav.navbar-fixed-top:has(.bp4um-group) .bp4um-city-group[open] > .bp4um-city-trigger svg { transform: rotate(180deg); }
nav.navbar-fixed-top:has(.bp4um-group) .bp4um-city-links {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 4px;
  max-height: 150px;
  overflow: auto;
  scrollbar-width: thin;
  scrollbar-color: #355b8b transparent;
  margin: 0 0 9px;
  padding: 2px;
  list-style: none;
}
nav.navbar-fixed-top:has(.bp4um-group) .bp4um-city-links a {
  display: block;
  padding: 4px 5px;
  border-radius: 4px;
  color: var(--bp4um-ink);
  font-size: 12px;
  line-height: 1.3;
  overflow-wrap: anywhere;
}
nav.navbar-fixed-top:has(.bp4um-group) .bp4um-city-links a:hover {
  color: #d8eaff;
  background: #19263a;
}
@media (prefers-reduced-motion: no-preference) {
  nav.navbar-fixed-top:has(.bp4um-group) :is(.bp4um-overview > svg, .bp4um-card-arrow svg) { transition: transform 140ms ease-out; }
  nav.navbar-fixed-top:has(.bp4um-group) :is(.bp4um-overview:hover > svg, .bp4um-card:hover .bp4um-card-arrow svg) { transform: translate(2px, -2px); }
}

@media (min-width: 992px) {
  nav.navbar-fixed-top:has(.bp4um-group) #menu-main-menu > .bp4um-group { position: static; }
  nav.navbar-fixed-top:has(.bp4um-group) #menu-main-menu > .bp4um-group > .bp4um-top-link {
    padding-bottom: 0;
    text-align: center;
  }
  nav.navbar-fixed-top:has(.bp4um-group) .bp4um-disclosure { height: 10px; }
  nav.navbar-fixed-top:has(.bp4um-group) .bp4um-panel {
    position: absolute;
    inset: 100% 0 auto;
    z-index: 20;
    max-height: min(66vh, calc(100vh - 190px));
    max-height: min(66dvh, calc(100dvh - 190px));
    overflow: auto;
    overscroll-behavior: contain;
  }
}
@media (max-width: 991px) {
  nav.navbar-fixed-top:has(.bp4um-group) #navbar.navbar-collapse.in {
    overflow-y: auto;
    overscroll-behavior: contain;
    max-height: min(70vh, calc(100vh - 150px));
    max-height: min(70dvh, calc(100dvh - 150px));
  }
  nav.navbar-fixed-top:has(.bp4um-group) .bp4um-trigger {
    width: 44px;
    min-height: 36px;
    margin-inline: 9px auto;
  }
  nav.navbar-fixed-top:has(.bp4um-group) #menu-main-menu > .bp4um-group > .bp4um-top-link { padding-bottom: 0; }
  nav.navbar-fixed-top:has(.bp4um-group) .bp4um-trigger > svg { width: 16px; height: 16px; }
  nav.navbar-fixed-top:has(.bp4um-group) .bp4um-panel { position: static; border: 1px solid var(--bp4um-edge); border-radius: 6px; box-shadow: none; }
  nav.navbar-fixed-top:has(.bp4um-group) .bp4um-shell { width: auto; grid-template-columns: minmax(0, 1fr); gap: 16px; padding: 19px 12px; }
  nav.navbar-fixed-top:has(.bp4um-group) .bp4um-rail { padding: 0 0 12px; border: 0; border-bottom: 1px solid var(--bp4um-edge); }
  nav.navbar-fixed-top:has(.bp4um-group) .bp4um-rail .bp4um-intro { display: none; }
  nav.navbar-fixed-top:has(.bp4um-group) .bp4um-rail .bp4um-overview { margin-top: 9px; }
  nav.navbar-fixed-top:has(.bp4um-group) .bp4um-services .bp4um-body { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  nav.navbar-fixed-top:has(.bp4um-group) .bp4um-panel .bp4um-list a { padding-block: 7px; }
}
@media (max-width: 520px) {
  nav.navbar-fixed-top:has(.bp4um-group) .bp4um-rent .bp4um-body { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  nav.navbar-fixed-top:has(.bp4um-group) .bp4um-pricing .bp4um-body,
  nav.navbar-fixed-top:has(.bp4um-group) .bp4um-about .bp4um-body { grid-template-columns: minmax(0, 1fr); }
  nav.navbar-fixed-top:has(.bp4um-group) .bp4um-panel .bp4um-card { padding: 7px; gap: 6px; }
  nav.navbar-fixed-top:has(.bp4um-group) .bp4um-rent .bp4um-card-arrow { display: none; }
  nav.navbar-fixed-top:has(.bp4um-group) .bp4um-city-links { grid-template-columns: minmax(0, 1fr); }
  nav.navbar-fixed-top:has(.bp4um-group) .bp4um-city-links a { min-height: 32px; padding-block: 7px; }
  nav.navbar-fixed-top:has(.bp4um-group) .bp4um-service-group { padding-inline: 7px; }
}
@media (max-width: 340px) {
  nav.navbar-fixed-top:has(.bp4um-group) .bp4um-rent .bp4um-body { grid-template-columns: minmax(0, 1fr); }
}
