.desktop-navigation{position:absolute;z-index:-1;top:100%;right:0;left:0;display:none;visibility:hidden;overflow:hidden;width:100vw;height:100vh;transition:background-color .3s ease,zIndex .3s .3s ease,visibility .3s .3s ease;background-color:#0000}@media (min-width: 1024px){.desktop-navigation{display:flex}}.desktop-navigation.js-desktop-navigation-open{z-index:20;visibility:visible;transition:background-color .3s ease;background-color:#0006}.desktop-navigation.js-desktop-navigation-open .desktop-navigation__inner{transform:translateZ(0)}.desktop-navigation__inner{display:grid;overflow-x:hidden;align-items:center;width:100%;transition:transform .3s .1s ease,background-color .3s ease;transform:translate3d(0,-100%,0);grid-template-columns:1fr;grid-template-rows:1fr}.desktop-navigation__inner .navigation-parent{display:none;width:100%;height:auto;background-color:var(--color-white);grid-row:1;grid-column:1;grid-template-columns:1}.desktop-navigation__inner .navigation-parent.js-active{position:absolute;top:0;left:0;display:grid}.desktop-navigation__inner .navigation-holder{position:relative;display:grid;visibility:hidden;flex-flow:row wrap;width:100%;max-width:1440px;height:auto;margin:0 auto;padding:var(--spacing-3x) 0 var(--spacing-5x) 72px;transform:translate3d(0,-100%,0);opacity:0;grid-column:1;grid-row:1;grid-template-columns:150px repeat(4,1fr) minmax(15%,260px);grid-template-rows:max-content max-content;grid-row-gap:var(--spacing-3x);grid-column-gap:3%}.desktop-navigation__inner .navigation-holder#merken{overflow-y:scroll;padding-right:20px;padding-bottom:40px;max-height:calc(95vh - 216px)}.desktop-navigation__inner .navigation-holder.js-active{visibility:visible;transition:opacity .3s ease,visibility .3s ease;transform:translateZ(0);opacity:1}.desktop-navigation__inner .navigation-holder.js-active .navigation-holder__category{visibility:visible;transition:opacity 0s ease,visibility 0s ease;transform:translateZ(0);opacity:1}.desktop-navigation__inner .navigation-holder__highlight,.desktop-navigation__inner .navigation-holder .highlight{position:relative;width:100%;transition:opacity 0s ease,visibility 0s ease;grid-row:1/3}.desktop-navigation__inner .navigation-holder__highlight:before,.desktop-navigation__inner .navigation-holder .highlight:before{position:absolute;top:0;right:-8px;display:block;width:1px;height:100%;content:"";background-color:var(--color-dark-grey)}.desktop-navigation__inner .navigation-holder__highlight__title,.desktop-navigation__inner .navigation-holder .highlight__title{font-family:Matter Regular,sans-serif;font-weight:400;font-style:normal;font-feature-settings:"ss06" on;font-size:1.6rem;font-family:Matter Medium,sans-serif;font-weight:500;line-height:1.6rem;margin-bottom:var(--spacing-3x);text-transform:uppercase;color:var(--color-dark-silver)}.desktop-navigation__inner .navigation-holder__links{width:100%;transition:opacity 0s ease,visibility 0s ease;grid-row:1/3;grid-column:span 1}.desktop-navigation__inner .navigation-holder__links.small:nth-of-type(odd){grid-row:1}.desktop-navigation__inner .navigation-holder__links.small:nth-of-type(2n){grid-row:span 1}.desktop-navigation__inner .navigation-holder__links.js-active{visibility:visible;transition:opacity 0s ease,visibility 0s ease;transform:translateZ(0);opacity:1}.desktop-navigation__inner .navigation-holder__links--third{visibility:hidden;overflow:scroll;transition:opacity 0s ease,visibility 0s ease;transform:translate3d(-100vw,0,0);opacity:0;grid-row:1;grid-column:3/4}.desktop-navigation__inner .navigation-holder__links--third.js-active{visibility:visible;transition:opacity 0s ease,visibility 0s ease;transform:translateZ(0);opacity:1}.desktop-navigation__inner .navigation-holder .links__title,.desktop-navigation__inner .navigation-holder .category__title{font-family:Matter Regular,sans-serif;font-weight:400;font-style:normal;line-height:1.6rem;font-feature-settings:"ss06" on;font-size:1.6rem;font-family:Matter Medium,sans-serif;font-weight:500;line-height:2rem;margin-bottom:var(--spacing-3x);text-transform:uppercase;color:var(--color-dark-silver)}.desktop-navigation__inner .navigation-holder .list-holder{position:relative;display:flex;flex-flow:column;gap:12px;grid-column:1/2}.desktop-navigation__inner .navigation-holder .list-holder .list__item button{font-size:1.6rem;font-style:normal;font-feature-settings:"ss06" on;font-family:Matter Regular,sans-serif;font-weight:400;line-height:1.6rem;text-align:left}.desktop-navigation__inner .navigation-holder .list-holder .list__item button.js-active,.desktop-navigation__inner .navigation-holder .list-holder .list__item button.js-active a{font-family:Matter Medium,sans-serif;font-weight:500}.desktop-navigation__inner .navigation-holder .list-holder .list__item button a{font-family:Matter Regular,sans-serif;font-weight:400;text-align:left}.desktop-navigation__inner .navigation-holder .list-holder .list__item a{font-size:1.6rem;font-style:normal;line-height:1.6rem;font-feature-settings:"ss06" on;font-size:1.2rem;font-family:Matter Regular,sans-serif;font-weight:400;line-height:1.4rem}.desktop-navigation__inner .navigation-holder .list-holder--secondair,.desktop-navigation__inner .navigation-holder .list-holder--third{grid-column:2/4;gap:12px}.desktop-navigation__inner .navigation-holder .list-holder--secondair .list__item button,.desktop-navigation__inner .navigation-holder .list-holder--third .list__item button{font-size:1.6rem;font-style:normal;line-height:1.6rem;font-feature-settings:"ss06" on;font-size:1.2rem;font-family:Matter Regular,sans-serif;font-weight:400;line-height:1.4rem;text-align:left}.desktop-navigation__inner .navigation-holder .list-holder--secondair .list__item button.js-active,.desktop-navigation__inner .navigation-holder .list-holder--third .list__item button.js-active,.desktop-navigation__inner .navigation-holder .list-holder--secondair .list__item button.js-active a,.desktop-navigation__inner .navigation-holder .list-holder--third .list__item button.js-active a{font-family:Matter Medium,sans-serif;font-weight:500}.desktop-navigation__inner .navigation-holder .list-holder--secondair .list__item button a,.desktop-navigation__inner .navigation-holder .list-holder--third .list__item button a{font-family:Matter Regular,sans-serif;font-weight:400;text-align:left}.desktop-navigation__inner .navigation-holder .list-holder--secondair .list__item a,.desktop-navigation__inner .navigation-holder .list-holder--third .list__item a{font-size:1.6rem;font-style:normal;line-height:1.6rem;font-feature-settings:"ss06" on;font-size:1.2rem;font-family:Matter Regular,sans-serif;font-weight:400;line-height:1.4rem}.desktop-navigation__inner .navigation-holder__links .list-holder{display:flex}.desktop-navigation__inner .navigation-holder .highlight-holder{position:relative;display:flex;flex-flow:row;flex-wrap:wrap;height:100%;grid-row:1/3;grid-column:6}.desktop-navigation__inner .navigation-holder .highlight-holder .text-holder{display:flex;flex-flow:column;padding:var(--spacing-3x);gap:var(--spacing-2x)}.desktop-navigation__inner .navigation-holder .highlight-holder .text-holder__title{font-size:1.6rem;font-family:Matter Regular,sans-serif;font-weight:400;font-style:normal;line-height:1.6rem;font-feature-settings:"ss06" on;font-size:1.8rem;font-family:Matter Bold,sans-serif;font-weight:600;line-height:2rem;flex:auto;padding:0;color:var(--color-white)}.desktop-navigation__inner .navigation-holder .highlight-holder .text-holder__product-vendor{font-size:1.6rem;font-family:Matter Regular,sans-serif;font-weight:400;font-style:normal;line-height:1.6rem;font-feature-settings:"ss06" on;font-size:1.8rem;font-family:Matter Bold,sans-serif;font-weight:600;line-height:2rem;flex:auto;margin-bottom:4px;padding:0;color:var(--color-blue)}.desktop-navigation__inner .navigation-holder .highlight-holder .text-holder__product-title{font-style:normal;line-height:1.6rem;font-feature-settings:"ss06" on;font-size:1.6rem;font-family:Matter Regular,sans-serif;font-weight:400;line-height:1.8rem;flex:auto;padding:0;color:var(--color-dark)}.desktop-navigation__inner .navigation-holder .highlight-holder .text-holder__product-description,.desktop-navigation__inner .navigation-holder .highlight-holder .text-holder__text{font-size:1.6rem;font-style:normal;font-feature-settings:"ss06" on;font-size:1.4rem;font-family:Matter Regular,sans-serif;font-weight:400;line-height:1.6rem;flex:auto;padding:0;color:var(--color-dark)}.desktop-navigation__inner .navigation-holder .highlight-holder .text-holder__button-holder{display:flex;align-items:center;flex:0 0 auto;justify-content:center;order:2;padding:0}.desktop-navigation__inner .navigation-holder .highlight-holder .text-holder__button-holder button{width:100%;padding:16px var(--spacing-3x)}.desktop-navigation__inner .navigation-holder .highlight-holder .image-holder{overflow:hidden;order:0;height:100%;background-color:var(--color-cultured)}.desktop-navigation__inner .navigation-holder .highlight-holder .image-holder__label{position:absolute;z-index:10;top:var(--spacing-2x);left:var(--spacing-2x);padding:4px 8px}.desktop-navigation__inner .navigation-holder .highlight-holder .image-holder__label span{font-size:1.6rem;font-family:Matter Regular,sans-serif;font-weight:400;font-style:normal;line-height:1.6rem;font-feature-settings:"ss06" on;font-size:1.4rem;font-family:Matter Bold,sans-serif;font-weight:600;line-height:1.8rem;color:var(--color-white)}.desktop-navigation__inner .navigation-holder .highlight-holder .image-holder img{width:100%;height:100%;object-fit:cover;aspect-ratio:1/1;mix-blend-mode:darken}.desktop-navigation__inner .navigation-holder .highlight-holder .image-holder.product-image{padding:28px}.desktop-navigation__inner .navigation-holder .highlight-holder .image-holder.product-image img{height:auto}.desktop-navigation__inner .navigation-holder .highlight-holder--blue{display:flex;flex-flow:column;background-color:var(--color-blue)}.desktop-navigation__inner .navigation-holder .highlight-holder--blue .text-holder__text{color:var(--color-white)}.desktop-navigation__inner .navigation-holder .highlight-holder--light{display:flex;flex-flow:column}.desktop-navigation__inner .navigation-holder .highlight-holder--light .text-holder{padding:var(--spacing-3x) 0}.desktop-navigation__inner .navigation-holder .highlight-holder--light .text-holder__title{color:var(--color-dark-silver)}.desktop-navigation__inner .navigation-holder .highlight-holder--light .text-holder__text{color:var(--color-dark)}.desktop-navigation__inner .navigation-holder .highlight-holder--light .text-holder__text a{font-family:Matter Medium,sans-serif;font-weight:500;color:var(--color-blue)}
