.header__menu .menu-item>.menu {
  display: none
}

.header__menu .menu-item>.sub-menu-item-toggle {
  cursor: pointer
}

.header__menu .menu-item > .menu[data-disclosure-expanded="true"] {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: 260px
}

@media (min-width:960px) {
  .header__menu .menu-item > .menu {
    position: absolute;
  }
}

.header__menu .sub-menu-item-toggle>* {
  pointer-events: none
}

.header__menu .menu-item--has-sub-menu {
  position: relative;
  display: flex;
  flex-wrap: wrap
}

.header__menu .menu-item--has-sub-menu .menu-item__link {
  flex: 1
}

.header__menu .sub-menu-item-toggle {
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  justify-self: right;
  order: 3;
  width: calc(1.5 * var(--spacing));
  padding: 0;
  border: 0;
  background: 0 0
}

.header__menu .sub-menu-item-toggle__icon {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding-inline: 0;
  width: var(--spacing);
  height: var(--spacing);
}

.header__menu .sub-menu-item-toggle__icon svg {
  width: 100%;
  height: auto;
}

.header__menu .sub-menu-item-toggle__icon svg path {
  fill: currentColor
}

@media (min-width:960px) {
  .header__menu .menu-item--has-sub-menu.menu-item--level-0>.sub-menu-item-toggle .sub-menu-item-toggle__icon {
    transform: rotate(90deg);
  }
}

@media (min-width:960px) {
  .header__menu .menu-item > .menu[data-disclosure-expanded="true"] {
    top: 100%;
    inset-inline-start: 0;
    display: flex;
    margin: 0
  }
}

@media (min-width:960px) {
  .header__menu .menu-item .menu-item .menu[data-disclosure-expanded="true"] {
    top: 0;
    inset-inline-start: 100%
  }
}