/* Text-only primary navigation. Category icons belong in page headers. */
.khl-site-header .khl-site-nav {
  min-height: 76px !important;
  padding: 9px 18px !important;
  overflow: hidden !important;
}

.khl-site-header .khl-nav-links {
  gap: 0 !important;
  align-items: stretch !important;
}

.khl-site-header .khl-nav-links a {
  display: grid !important;
  min-height: 56px !important;
  grid-template-rows: none !important;
  place-items: center !important;
  padding: 0 clamp(12px, 1.65vw, 25px) !important;
  overflow: visible !important;
}

.khl-site-header .khl-nav-links a::before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  top: 50%;
  width: 82px;
  height: 48px;
  border-radius: 50%;
  background: radial-gradient(ellipse, rgba(255, 255, 255, .96) 0, rgba(255, 255, 255, .3) 34%, rgba(255, 255, 255, 0) 72%);
  filter: blur(10px);
  opacity: 0;
  transform: translate(-50%, -50%) scale(.82);
  transition: opacity .28s ease, transform .34s cubic-bezier(.22, .74, .22, 1);
}

.khl-site-header .khl-nav-links a:hover::before,
.khl-site-header .khl-nav-links a:focus-visible::before {
  opacity: .82;
  transform: translate(-50%, -50%) scale(1);
}

.khl-site-header .khl-nav-links a:hover .khl-nav-label,
.khl-site-header .khl-nav-links a:focus-visible .khl-nav-label {
  transform: none !important;
}

.khl-site-header .khl-nav-label {
  position: relative;
  z-index: 1 !important;
}

.khl-site-header .khl-item-icon {
  display: none !important;
}

@media (max-width: 760px) {
  .khl-site-header .khl-site-nav { min-height: 64px !important; overflow: visible !important; }
  .khl-site-header .khl-nav-links a { min-height: 48px !important; padding: 0 10px !important; }
  .khl-site-header .khl-nav-links a::before { width: 70px; height: 42px; }
}