.main-menu--narrow ul.menu {
  margin: 0;
}
.main-menu--narrow .main-menu__toggle {
  display: block;
}
.main-menu--narrow .main-menu__container {
  display: none;
  box-sizing: border-box;
}
.main-menu--narrow .main-menu__container.open {
  display: block;
  position: absolute;
  left: 0;
  background: var(--color-text-light-translucent);
  width: 100%;
  margin-top: var(--block-gap);
  z-index: 99;
}
.main-menu--narrow .menu__item {
  border-bottom: 1px solid var(--color-text-light);
}
.main-menu--narrow .menu__item a,
.main-menu--narrow .menu__item a:active,
.main-menu--narrow .menu__item a:visited {
  display: block;
  padding: var(--block-gap);
  text-decoration: none;
  color: var(--color-text-dark-translucent);
}
.main-menu--narrow .menu__item a:hover {
  color: var(--color-text-dark);
}
.main-menu--narrow .menu__item.active-trail a {
  color: var(--color-text-dark);
}
.main-menu--narrow.centered .menu__item a {
  text-align: center;
}