.menu:focus{outline:none}.menu{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900;display:flex;align-items:center;background:var(--vlak-licht);color:var(--inkt);visibility:hidden;clip-path:inset(0 0 100% 0);transition:clip-path .7s var(--vloeiend),visibility 0s .7s}.menu.is-open{visibility:visible;clip-path:inset(0 0 0 0);transition:clip-path .7s var(--vloeiend),visibility 0s}.menu__binnen{width:100%;padding:calc(var(--kop-hoogte) + 2rem) calc(var(--paginamarge) * (1 + var(--pagina-schaal))) 2rem;display:grid;grid-template-rows:auto;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-columns:1fr;gap:1.25em}.menu__lijst{grid-column:span 6}.menu__zij{grid-column:span 3}.menu__binnen{align-items:start}@media(max-width:899px){.menu__lijst{grid-column:1 / -1}.menu__zij{grid-column:span 6}}.menu__lijst{display:flex;flex-direction:column;gap:clamp(.15rem,.6vw,.5rem)}.menu__item{overflow:visible}.menu__link{display:inline-flex;align-items:baseline;gap:.4em;font-family:var(--font-titel);font-size:clamp(2.25rem,6vw,4.75rem);font-weight:600;line-height:1;letter-spacing:-.03em;text-transform:uppercase;color:var(--inkt);opacity:0;translate:0 .4em 0;transition:opacity .4s var(--standaard),translate .6s var(--veer)}.menu.is-open .menu__link{opacity:1;translate:0 0 0;transition-delay:calc(var(--i, 0) * 55ms + .18s)}.menu__telling{font-size:.24em;font-weight:500;letter-spacing:0;opacity:.55;translate:0 -1.6em}.menu__zij{display:flex;flex-direction:column;align-items:flex-start;gap:.625rem;opacity:0;translate:0 1rem 0;transition:opacity .4s var(--standaard),translate .5s var(--vloeiend)}.menu.is-open .menu__zij{opacity:1;translate:0 0 0;transition-delay:.45s}.menu__kopje{margin:0}.menu__zij-lijst{display:flex;flex-direction:column;gap:.35rem}.menu__zij-link{font-family:var(--font-kop);font-size:clamp(1.125rem,1.55vw,1.375rem);font-weight:500;letter-spacing:-.01em;color:var(--inkt);width:fit-content}.menucats{grid-column:1 / -1;display:flex;gap:10px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;padding:14px 0 18px;margin-block:-14px -18px;opacity:0;translate:0 1rem 0;transition:opacity .4s var(--standaard),translate .5s var(--vloeiend)}.menucats::-webkit-scrollbar{display:none}.menu.is-open .menucats{opacity:1;translate:0 0 0;transition-delay:.55s}.menucat{flex:none;width:clamp(7.5rem,13vh,10rem);height:clamp(9.5rem,17vh,13rem)}.menucat .categoriekaart__tekst{font-size:clamp(.9375rem,2vh,1.125rem);line-height:.85}body.menu-open{overflow:hidden}.menu--schuif{z-index:0;align-items:stretch;clip-path:none;transition:visibility 0s .6s}.menu--schuif.is-open{clip-path:none;transition:visibility 0s}.menu--schuif .menu__binnen{height:var(--menu-ruimte);padding-block:clamp(1.25rem,4vh,3rem) 1.25rem;align-content:center;overflow-y:auto;overscroll-behavior:contain}.menu--schuif .menu__link{font-size:clamp(1.375rem,min(5.2vw,6.8vh),4rem)}.menu--schuif .menu__zij{gap:clamp(.375rem,1.2vh,.625rem)}.menu--schuif .menu__zij-lijst{gap:clamp(.25rem,1vh,.625rem)}.menu--schuif .menu__link,.menu--schuif .menu__zij{opacity:0;transition:opacity .35s var(--standaard)}.menu--schuif.is-open .menu__link,.menu--schuif.is-open .menu__zij{opacity:1;transition:opacity .5s var(--standaard) calc(.25s + var(--i, 0) * 45ms)}.pagina{position:relative;z-index:1;min-height:100svh;background:var(--vlak-licht);transform-origin:center top;transition:transform .7s var(--vloeiend),border-radius .7s var(--vloeiend),box-shadow .7s var(--vloeiend)}:root{--menu-ruimte: 74svh;--pagina-schaal: .944;--lade-ruimte: min(28rem, 100vw)}@media(max-width:760px){:root{--menu-ruimte: 80svh}}@supports (transform: scale(calc(1 - (2*40px/100vw)))){:root{--pagina-schaal: calc(1 - 2 * var(--paginamarge) / 100vw)}}body.menu-open .pagina,body.lade-open .pagina,.pagina.is-sluitend{position:fixed;top:0;right:0;bottom:0;left:0;height:100svh;overflow:clip}.pagina[data-modus=lade]{transform-origin:right center}body.menu-open .pagina{transform:translateY(var(--menu-ruimte)) scale(var(--pagina-schaal));border-radius:20px 20px 0 0;overflow:clip;box-shadow:0 -30px 80px -30px #1d3a1c8c;cursor:pointer}body.menu-open .pagina__binnen,body.lade-open .pagina__binnen,.pagina.is-sluitend .pagina__binnen{margin-top:calc(var(--scroll-y, 0px) * -1)}body.lade-open .pagina{transform:translate(calc(var(--lade-ruimte) * -1)) scale(.94);border-radius:20px;box-shadow:30px 0 80px -30px color-mix(in srgb,var(--merk-950) 55%,transparent);cursor:pointer}@media(prefers-reduced-motion:reduce){.pagina{transition:none}}.menu__sluit{position:absolute;z-index:2;top:clamp(1rem,3vh,2rem);right:var(--paginamarge);display:grid;place-items:center;width:2.75rem;height:2.75rem;border-radius:50%;background:var(--inkt);color:var(--vlak-licht);transition:rotate .45s var(--veer),scale .25s var(--stuiter)}.menu__sluit svg{width:.875rem;height:.875rem}@media(hover:hover)and (pointer:fine){.menu__sluit:hover{rotate:90deg;scale:1.08}}body.menu-open .pagina:after,body.lade-open .pagina:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1050;pointer-events:none;background:#1d3a1c00;transition:background .35s var(--standaard)}@media(hover:hover)and (pointer:fine){body.menu-open .pagina:hover:after,body.lade-open .pagina:hover:after{background:#1d3a1c4d}}.menu__sub{display:flex;flex-wrap:wrap;gap:.25em 1em;margin:.15em 0 .6em}.menu__sublink{color:inherit;font-family:var(--font-kop);font-size:1.125em;line-height:92%;letter-spacing:-.02em;text-decoration:none;opacity:.6;transition:opacity .25s var(--standaard)}@media(hover:hover)and (pointer:fine){.menu__sublink:hover{opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/menu.css.map */