/** Shopify CDN: Minification failed

Line 83:27 Expected ":"

**/
.mega-menu {
  position: static;
}

.mega-menu__content {
  background-color: rgb(var(--color-background));
  border-left: 0;
  border-radius: 0;
  border-right: 0;
  left: 0;
  overflow-y: auto;
  padding-bottom: 3rem;
  padding-top: 3rem;
  position: absolute;
  right: 0;
  top: 100%;
}

.shopify-section-header-sticky .mega-menu__content {
  max-height: calc(100vh - var(--header-bottom-position-desktop, 20rem) - 4rem);
}

.header-wrapper--border-bottom .mega-menu__content {
  border-top: 0;
}

.js .mega-menu__content {
  opacity: 0;
  transform: translateY(-1.5rem);
}

.mega-menu[open] .mega-menu__content {
  opacity: 1;
  transform: translateY(0);
}

.mega-menu__list {
  display: grid;
  gap: 1.8rem 4rem;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  list-style: none;
}

.mega-menu__link {
  color: rgba(var(--color-foreground), 0.75);
  display: block;
  line-height: calc(1 + 0.3 / var(--font-body-scale));
  padding-bottom: 0.6rem;
  padding-top: 0.6rem;
  text-decoration: none;
  transition: text-decoration var(--duration-short) ease;
  word-wrap: break-word;
}

.mega-menu__link--level-2 {
  font-weight: bold;
}

.header--top-center .mega-menu__list {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  column-gap: 0;
}

.header--top-center .mega-menu__list > li {
  width: 16%;
  padding-right: 2.4rem;
}

.mega-menu__link:hover,
.mega-menu__link--active {
  color: rgb(var(--color-foreground));
  text-decoration: underline;
}

.mega-menu__link--active:hover {
  text-decoration-thickness 0.2rem;
}

.mega-menu .mega-menu__list--condensed {
  display: block;
}

.mega-menu__list--condensed .mega-menu__link {
  font-weight: normal;
}

/* KPN B2B Apple-style mega menu. */
.header .mega-menu__content {
  background: rgba(248, 246, 241, 0.96) !important;
  backdrop-filter: saturate(180%) blur(22px);
  -webkit-backdrop-filter: saturate(180%) blur(22px);
  border: 1px solid #e5e0d6 !important;
  border-left: 0 !important;
  border-radius: 0 0 18px 18px !important;
  border-right: 0 !important;
  box-shadow: 0 24px 60px rgba(17, 21, 28, 0.11) !important;
  overflow: visible !important;
  padding: 3rem 5rem 3.6rem !important;
  transition:
    opacity 220ms cubic-bezier(0.22, 1, 0.36, 1),
    transform 260ms cubic-bezier(0.22, 1, 0.36, 1),
    visibility 220ms ease !important;
  visibility: hidden;
}

.js .header .mega-menu__content {
  opacity: 0;
  transform: translateY(-12px) !important;
}

.header .mega-menu[open] .mega-menu__content {
  opacity: 1;
  transform: translateY(0) !important;
  visibility: visible;
}

.header .mega-menu__inner {
  display: grid !important;
  gap: 0 !important;
  grid-template-columns: 1fr !important;
  margin: 0 auto !important;
  max-width: 112rem !important;
  padding: 0 !important;
}

.header .mega-menu__list {
  display: grid !important;
  gap: 2rem 2.4rem !important;
  grid-template-columns: repeat(auto-fit, minmax(14.5rem, 1fr)) !important;
  margin: 0 !important;
  max-width: none !important;
  padding: 0 !important;
}

.header .mega-menu__list > li {
  background: rgba(255, 250, 242, 0.55) !important;
  border: 1px solid rgba(229, 224, 214, 0.92) !important;
  border-radius: 8px !important;
  min-height: 8.8rem !important;
  padding: 1.8rem 1.8rem 1.7rem !important;
  transition:
    background-color 160ms ease,
    border-color 160ms ease,
    box-shadow 180ms ease,
    opacity 160ms ease,
    transform 180ms ease !important;
}

.header .mega-menu__list > li:hover {
  background: #fffaf2 !important;
  border-color: rgba(49, 91, 79, 0.24) !important;
  box-shadow: 0 14px 34px rgba(17, 21, 28, 0.08) !important;
  opacity: 1;
  transform: translateY(-1px);
}

.header .mega-menu__link {
  color: #1f2522 !important;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Helvetica Neue", Arial, sans-serif !important;
  font-size: 1.42rem !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
  padding: 0.36rem 0 !important;
  text-decoration: none !important;
  transition: color 160ms ease !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  hyphens: none !important;
}

.header .mega-menu__link--level-2 {
  color: #17211d !important;
  font-size: clamp(1.55rem, 1.1vw, 1.82rem) !important;
  font-weight: 600 !important;
  line-height: 1.22 !important;
  padding: 0.18rem 0 !important;
}

.header .mega-menu__link:hover,
.header .mega-menu__link--active {
  color: #315b4f !important;
  text-decoration: none !important;
}

@media screen and (max-width: 989px) {
  .header .mega-menu__content {
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 1.6rem 2rem !important;
  }

  .header .mega-menu__inner {
    grid-template-columns: 1fr !important;
  }

  .header .mega-menu__list {
    grid-template-columns: 1fr !important;
  }
}