@media screen and (min-width: 1025px) {
  .header-navigation .header-menu-container ul.menu > li.r316ss-mega-menu-enabled {
    position: relative;
  }

  .header-navigation .header-menu-container ul.menu > li.r316ss-mega-menu-enabled > ul.sub-menu {
    width: min(calc(100vw - 32px), var(--r316ss-mega-width, 900px));
    max-width: calc(100vw - 32px);
    padding: 0;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
  }

  .header-navigation .header-menu-container ul.menu > li.r316ss-mega-menu-enabled:hover > ul.sub-menu,
  .header-navigation .header-menu-container ul.menu > li.r316ss-mega-menu-enabled:focus-within > ul.sub-menu,
  .header-navigation .header-menu-container ul.menu > li.r316ss-mega-menu-enabled.menu-item--toggled-on > ul.sub-menu,
  .header-navigation .header-menu-container ul.menu > li.r316ss-mega-menu-enabled > ul.sub-menu.opened,
  .header-navigation .header-menu-container ul.menu > li.r316ss-mega-menu-enabled > ul.sub-menu.toggle-show {
    height: auto;
    overflow: visible;
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
  }

  .header-navigation .header-menu-container ul.menu > li.r316ss-mega-menu-enabled.r316ss-mega-align-left > ul.sub-menu {
    right: auto;
    left: 0;
  }

  .header-navigation .header-menu-container ul.menu > li.r316ss-mega-menu-enabled.r316ss-mega-align-center > ul.sub-menu {
    right: auto;
    left: 50%;
    margin-left: max(calc(-50vw + 16px), var(--r316ss-mega-offset, -450px));
  }

  .header-navigation .header-menu-container ul.menu > li.r316ss-mega-menu-enabled.r316ss-mega-align-right > ul.sub-menu {
    right: 0;
    left: auto;
  }
}

.header-navigation .header-menu-container .r316ss-mega-menu-enabled > ul.sub-menu > li.r316ss-mega-menu-content-item,
.mobile-navigation .r316ss-mega-menu-enabled > ul.sub-menu > li.r316ss-mega-menu-content-item {
  width: 100%;
  padding: 0;
  border: 0;
}

.r316ss-mega-menu-content,
.r316ss-mega-menu-content .r316ss-hooked-block {
  width: 100%;
}

@media screen and (max-width: 1024px) {
  .mobile-navigation .r316ss-mega-menu-enabled > ul.sub-menu {
    width: 100%;
  }
}