.navigation-hub .neh-city-scope {
  width:max-content;
  max-width:100%;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,auto));
  gap:7px;
  margin:4px 0 30px;
  padding:6px;
  border:1px solid #303335;
  border-radius:14px;
  background:#0b0d0e;
  box-shadow:0 14px 38px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.035);
}

.navigation-hub .neh-city-scope a {
  min-height:46px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 20px;
  border:1px solid transparent;
  border-radius:9px;
  color:#c5c7c6;
  font-size:15px;
  font-weight:800;
  line-height:1.2;
  text-align:center;
  text-decoration:none;
  transition:color .18s ease,border-color .18s ease,background .18s ease;
}

.navigation-hub .neh-city-scope a:hover,
.navigation-hub .neh-city-scope a:focus-visible {
  color:#fff;
  border-color:#633137;
  background:#181012;
}

.navigation-hub .neh-city-scope a.is-active {
  color:#fff;
  border-color:#c43841;
  background:linear-gradient(135deg,#bd2730,#7f171e);
  box-shadow:0 8px 22px rgba(174,29,38,.28);
}

.navigation-hub .hub-grid {
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:22px !important;
}

.navigation-hub .hub-card.neh-city-card {
  min-height:220px !important;
  justify-content:center;
  padding:28px !important;
  border:1px solid #38393b !important;
  background:
    radial-gradient(circle at 88% 14%,rgba(187,35,45,.12),transparent 38%),
    linear-gradient(145deg,#121416,#08090a) !important;
  box-shadow:0 16px 40px rgba(0,0,0,.34) !important;
}

.navigation-hub .hub-card.neh-city-card::before {
  display:none !important;
}

.navigation-hub .hub-card.neh-city-card::after {
  content:"";
  position:absolute;
  z-index:0;
  inset:0;
  width:auto;
  height:auto;
  border-radius:inherit;
  background:linear-gradient(90deg,#c12b34 0 5px,transparent 5px);
  opacity:.82;
  pointer-events:none;
}

.navigation-hub .hub-card.neh-city-card:hover,
.navigation-hub .hub-card.neh-city-card:focus-visible {
  border-color:#a1363d !important;
  box-shadow:0 24px 64px rgba(0,0,0,.58),0 0 0 1px rgba(220,45,55,.16) !important;
}

.navigation-hub .hub-card.neh-city-card > svg {
  position:absolute !important;
  z-index:2;
  top:20px;
  right:20px;
  margin:0 !important;
  width:28px !important;
  height:28px !important;
  padding:9px;
  box-sizing:content-box;
  border:1px solid rgba(255,255,255,.28);
  border-radius:50%;
  color:#fff !important;
  background:#0a0b0c;
}

.navigation-hub .hub-card.neh-city-card h2,
.navigation-hub .hub-card.neh-city-card p,
.navigation-hub .hub-card.neh-city-card strong {
  position:relative;
  z-index:2;
  text-shadow:none;
}

.navigation-hub .hub-card.neh-city-card h2 {
  max-width:92%;
  margin:0 0 10px !important;
  font-size:clamp(29px,2.15vw,39px) !important;
  line-height:1.02 !important;
}

.navigation-hub .hub-card.neh-city-card p {
  display:inline-flex;
  width:auto;
  margin:0 0 18px !important;
  padding:7px 11px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:999px;
  color:#f0eeee !important;
  font-size:14px !important;
  background:rgba(5,6,7,.64);
  backdrop-filter:blur(8px);
}

.navigation-hub .hub-card.neh-city-card strong {
  color:#fff !important;
  font-size:15px !important;
}

@media (max-width:980px) {
  .navigation-hub .hub-grid {
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

@media (max-width:640px) {
  .navigation-hub .neh-city-scope {
    width:100%;
    grid-template-columns:1fr;
    margin-bottom:23px;
  }
  .navigation-hub .neh-city-scope a {
    width:100%;
    min-height:48px;
  }
  .navigation-hub .hub-grid {
    grid-template-columns:1fr !important;
    gap:16px !important;
  }
  .navigation-hub .hub-card.neh-city-card {
    min-height:210px !important;
    padding:22px !important;
  }
  .navigation-hub .hub-card.neh-city-card h2 {
    font-size:clamp(30px,9vw,38px) !important;
  }
}