.megamenu__first-level {
  appearance: none;
  border: none;
  background-color: transparent;
  padding: 0;
}

.megamenu__second-level,
.megamenu__third-level {
  padding: calc(var(--hh-spacing-3xl) - var(--hh-spacing-xs)) 0
    var(--hh-spacing-3xl) var(--hh-spacing-2xl);
}

.megamenu__second-level hh-button {
  --hh-font: var(--hh-body-bold-sm-font);
  --hh-underline-width: 0.2rem;
  padding: var(--hh-spacing-xs) 0;
}

@media screen and (min-width: 1400px) {
  .megamenu__second-level hh-button {
    --hh-font: var(--hh-body-bold-font);
  }
}

.megamenu__third-level {
  display: none;

  background-color: var(--hh-color-brand-tertiary);
}

.megamenu__third-level.open {
  display: block;
}

.megamenu__third-level hh-button {
  padding: var(--hh-spacing-xs) 0;
}

.megamenu__second-level-item--indent {
  padding-bottom: var(--hh-spacing-2xl);
}

.megamenu__second-level-item--indent hh-button,
.megamenu__third-level-item--indent hh-button {
  --hh-color: var(--hh-color-brand-primary);
}