.megamenu-container {
  position: relative;
  display: block;
  height: 100%;

  .megamenu-shutter {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 99;

    &.hidden {
      display: none;
    }
  }
}

.megamenu-menu {
  position: fixed;
  left: 0;
  right: 0;
  z-index: 100;
  background: @champagne-25;

  div.beyer-container {
    border: none;
  }

  > div > div.beyer-container {
    width: 100%;
    padding: 24px;

    > div {
      > div.ecms-col {
        padding-left: 24px;
        padding-right: 24px;
      }

      > div.ecms-col:not(:last-child) {
        border-right: 2px solid white;
      }
    }
  }

  &.hidden {
    display: none;
  }
}

.megamenu-subcategory {
  > h3 {
    font-weight: bold;
    font-size: 20px;
    line-height: 20px;
  }
}