.main-navbar {
  position: relative;
  height: var(--navbar-height);
  color: var(--jaroni-white);
  background: linear-gradient(105deg, #122019 0%, #1b2721 62%, #29191a 100%);
}
.main-navbar__inner { position: relative; height: 100%; }
.main-navbar__list { display: flex; align-items: stretch; justify-content: center; gap: clamp(16px, 1.8vw, 29px); height: 100%; white-space: nowrap; }
.main-navbar__item { position: relative; display: flex; align-items: stretch; }
.main-navbar__item > a, .nav-dropdown__link {
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
  padding: var(--space-3) 0 0;
  color: inherit;
  font-size: var(--text-nav);
  font-weight: var(--font-semibold);
}
.nav-dropdown__trigger { display: flex; align-items: stretch; height: 100%; }
.nav-dropdown__toggle {
  display: grid;
  width: 24px;
  height: 100%;
  padding: var(--space-3) 0 0 var(--space-7);
  place-items: center;
  color: inherit;
  border: 0;
  background: transparent;
  cursor: pointer;
}
.main-navbar__item > a::after, .nav-dropdown__link::after {
  position: absolute;
  right: 50%;
  bottom: 5px;
  left: 50%;
  height: 2px;
  background: var(--jaroni-yellow);
  border-radius: var(--radius-99);
  content: "";
  transition: right var(--duration-soft) ease, left var(--duration-soft) ease, background var(--duration-soft) ease;
}
.main-navbar__item > a:hover::after, .main-navbar__item > a.is-active::after, .nav-dropdown__link:hover::after, .nav-dropdown__link.is-active::after, .nav-dropdown.is-open .nav-dropdown__link::after, .nav-dropdown.has-active-link .nav-dropdown__link::after { right: 24%; left: 24%; background: linear-gradient(90deg, var(--jaroni-yellow), var(--jaroni-red), var(--jaroni-green)); }
.main-navbar__item > a:hover, .nav-dropdown__link:hover, .nav-dropdown__toggle:hover, .nav-dropdown.is-open .nav-dropdown__trigger { color: #fff7d7; }
.jaroni-header--floating .main-navbar { overflow: visible; }

@media (max-width: 1180px) and (min-width: 1025px) {
  .main-navbar__list { gap: var(--space-14); }
  .main-navbar__item > a, .nav-dropdown__link { font-size: var(--text-82); }
}