/* Gemaakt door scripts/css-verkleinen.js — bewerk public/assets/velance.css. */
@font-face{font-family:"Archivo";src:url("/assets/fonts/archivo.woff2") format("woff2");font-weight:100 600;font-style:normal;font-display:swap} @font-face{font-family:"Playfair";src:url("/assets/fonts/playfair.woff2") format("woff2");font-weight:400 900;font-style:normal;font-display:swap} @font-face{font-family:"Newsreader";src:url("/assets/fonts/newsreader.woff2") format("woff2");font-weight:200 800;font-style:normal;font-display:swap}:root{--font-display:"Archivo",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;--font-kop:"Playfair",Georgia,"Times New Roman",serif;--font-body:"Newsreader",Georgia,"Times New Roman",serif; --bg:#12100D;--bg-soft:#17140F;--bg-card:#1A1611;--fg:#F2F0EB;--muted:#B0B0B0;--muted-dim:#8A8A8A; --fg-soft:#DCDCDC; --focus:#F2F0EB; --line:rgba(242,240,235,.08);--line-strong:rgba(242,240,235,.18); --line-veld:rgba(242,240,235,.36); --waas-1:rgba(0,0,0,.6); --waas-2:rgba(0,0,0,.7); --waas-3:rgba(0,0,0,.86); --waas-4:rgba(0,0,0,.88); --sluier-1:rgba(242,240,235,.02); --sluier-2:rgba(242,240,235,.03); --sluier-3:rgba(242,240,235,.06); --sluier-4:rgba(242,240,235,.07); --ok:#8FE0B6;--warn:#FF8A7E;--pad:20px;--gap:14px;--maxw:1560px; --sp-1:6px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--sp-8:64px;--sp-9:96px; --dur-snel:.2s;--dur-basis:.35s;--dur-traag:.6s; --t-3xs:0.5625rem; --t-2xs:0.625rem; --t-xs:0.6875rem; --t-sm:0.75rem; --t-invoer:max(1rem,16px);--t-md:clamp(0.875rem,1.05vw,1rem);--t-lg:clamp(1.05rem,2.4vw,1.4rem);--t-xl:clamp(1.5rem,4.6vw,2.6rem);--t-2xl:clamp(2.2rem,8vw,5.2rem); --t-3xl:clamp(3rem,15vw,11rem);--track-wide:.26em;--track-mid:.16em;--z-grain:5;--z-header:30;--z-menu:60;--z-panel:70;--z-modal:80; --z-toestemming:40;--ease:cubic-bezier(.22,.61,.36,1);--ease-out:cubic-bezier(.16,1,.3,1)}*,*::before,*::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--fg); font:400 var(--t-md)/1.8 var(--font-body);overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility} img,video{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer} h1,h2,h3,h4{margin:0;font-family:var(--font-kop);font-weight:700;line-height:1.06;letter-spacing:.01em;text-transform:uppercase;text-wrap:balance} .btn,.chip,.navlink,.link-u,.ticker span,.band span,.menu__list a,.menu__foot,.card__body h3,.card__price,.card__stock,.card__tag,.hero__kicker,.hero__scroll,.countdown span,.section__head p,.footer__kop,.footer__bottom,.pay span,.opt b,legend,summary,.field label,.doc .lead,.doc th,.cline__rm,.reassure{font-family:var(--font-display);font-feature-settings:"case" 1} .card__price,.pay span{font-feature-settings:normal}p{margin:0;text-wrap:pretty} b,strong{font-weight:600}:focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:1px}::selection{background:var(--fg);color:var(--bg)} [hidden]{display:none !important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0} .sr-only:focus{position:fixed;top:var(--sp-2);left:var(--sp-2);width:auto;height:auto;margin:0;padding:var(--sp-3) var(--sp-4);overflow:visible;clip:auto;clip-path:none;z-index:calc(var(--z-header) + 2);background:var(--bg);color:var(--fg);border:1px solid var(--line-strong);font-family:var(--font-display);font-size:var(--t-xs);letter-spacing:var(--track-mid);text-transform:uppercase}.wrap{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:var(--pad)}@media(min-width:900px){:root{--pad:44px;--gap:20px}} .grain{position:fixed;inset:0;z-index:var(--z-grain);pointer-events:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/></filter><rect width='240' height='240' filter='url(%23n)' opacity='.5'/></svg>");opacity:.055;mix-blend-mode:overlay} .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 var(--sp-6);background:var(--fg);color:var(--bg);border:1px solid var(--fg);font-size:var(--t-sm);letter-spacing:var(--track-wide);text-transform:uppercase;font-weight:500;cursor:pointer;text-align:center;transition:background var(--dur-snel) var(--ease),color var(--dur-snel) var(--ease),opacity var(--dur-snel) var(--ease)}.btn:hover{background:transparent;color:var(--fg)}.btn[disabled]{opacity:.35;cursor:not-allowed} .btn--ghost{background:transparent;color:var(--fg);border-color:var(--line-veld)}.btn--ghost:hover{background:var(--fg);color:var(--bg);border-color:var(--fg)}.btn--block{width:100%}.btn--sm{min-height:44px;padding:0 20px;font-size:var(--t-xs)}.btn[data-busy="true"]{opacity:.6;pointer-events:none}.link-u{font-size:var(--t-xs);letter-spacing:var(--track-wide);text-transform:uppercase;border-bottom:1px solid var(--line-strong);padding-bottom:3px;transition:border-color var(--dur-snel) var(--ease),opacity var(--dur-snel) var(--ease)}.link-u:hover{border-color:var(--fg);opacity:.75} .link-u{position:relative}.link-u::after{content:"";position:absolute;left:0;right:0;top:50%;height:32px;transform:translateY(-50%)} .ticker{border-bottom:1px solid var(--line);overflow:hidden;background:var(--bg);position:relative;z-index:calc(var(--z-header) + 1)}.ticker__track{display:flex;width:max-content}.ticker span{padding:var(--sp-2) var(--sp-5);font-size:var(--t-xs);letter-spacing:var(--track-wide);text-transform:uppercase;white-space:nowrap;color:var(--fg-soft)}.ticker span.dot{color:var(--muted-dim);padding-inline:0} .header{position:sticky;top:0;z-index:var(--z-header);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--pad);background:var(--waas-2);backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2);border-bottom:1px solid var(--line);transition:padding var(--dur-basis) var(--ease),background var(--dur-basis) var(--ease),border-color var(--dur-basis) var(--ease)} .header--vast{padding-top:var(--sp-2);padding-bottom:var(--sp-2);background:var(--waas-4);border-bottom-color:var(--line-strong)}.header__logo{justify-self:center;display:block;padding:var(--sp-1)}.header__logo img{height:15px;width:auto}@media(min-width:900px){.header__logo img{height:18px}}.header__left,.header__right{display:flex;align-items:center;gap:2px}.header__right{justify-content:flex-end}.iconbtn{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;position:relative;transition:opacity var(--dur-snel) var(--ease)}.iconbtn:hover{opacity:.6}.navlink{display:none;padding:0 var(--sp-3);min-height:44px;align-items:center;font-size:var(--t-xs);letter-spacing:var(--track-wide);text-transform:uppercase;transition:opacity var(--dur-snel) var(--ease)}.navlink:hover{opacity:.6}@media(min-width:1000px){.navlink{display:inline-flex}}.cartdot{position:absolute;top:6px;right:4px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:var(--fg);color:var(--bg);font-size:var(--t-2xs);line-height:17px;text-align:center;font-weight:600}.cartdot[data-empty="true"]{display:none} .menu{position:fixed;inset:0;z-index:var(--z-menu);background:var(--bg);padding:var(--sp-4) var(--pad) var(--sp-6);padding-bottom:calc(var(--sp-6) + env(safe-area-inset-bottom));display:flex;flex-direction:column;opacity:0;visibility:hidden; overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;transition:opacity var(--dur-basis) var(--ease),visibility var(--dur-basis) var(--ease)}.menu[data-open="true"]{opacity:1;visibility:visible} .menu[data-meer="true"]::after{content:"";position:fixed;left:0;right:0;bottom:0;height:64px;pointer-events:none;background:linear-gradient(to top,var(--bg),transparent)}.menu__top{display:flex;justify-content:space-between;align-items:center} .menu__logo{display:flex;align-items:center;min-height:44px}.menu__top img{height:15px;width:auto}.menu__list{list-style:none;margin:var(--sp-5) 0;padding:0;display:flex;flex-direction:column;gap:2px}.menu__list a{display:block;padding:var(--sp-1) 0;font-size:clamp(2.1rem,11vw,5rem);font-weight:200;line-height:1.05;letter-spacing:.03em;text-transform:uppercase; overflow-wrap:break-word;hyphens:auto;transition:opacity var(--dur-snel) var(--ease),transform var(--dur-basis) var(--ease)}.menu__list a:hover{opacity:.5} .menu__list a[aria-current="page"],.menu__foot a[aria-current="page"]{opacity:.7} .menu__list a[aria-current="page"]::before{content:"—";margin-right:.4em;opacity:.7}.menu__foot a[aria-current="page"]::before{content:"—";margin-right:.4em;opacity:.7} .menu__zoek{margin:var(--sp-1) 0 2px}.menu__zoek input{width:100%;min-height:46px;padding:0 2px;background:transparent;border:0;border-bottom:1px solid var(--line);color:var(--fg);font:inherit;font-size:var(--t-invoer);letter-spacing:.04em;border-radius:0;-webkit-appearance:none;appearance:none}.menu__zoek input::placeholder{color:var(--muted-dim);letter-spacing:.06em}.menu__zoek input:focus{outline:none;border-bottom-color:var(--fg)}.menu__zoek input:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.menu__zoek input::-webkit-search-cancel-button{filter:invert(1);opacity:.5}.menu__zoekstand{min-height:1.2em;margin:var(--sp-1) 0 0;font-size:var(--t-2xs);letter-spacing:.2em;text-transform:uppercase;color:var(--muted-dim)} .menu[data-zoekt="true"] .menu__list a{font-size:clamp(1.3rem,5vw,2rem)}.menu[data-zoekt="true"] .menu__list{margin:var(--sp-3) 0} .menu__drop{margin:0 0 var(--sp-5)}.menu__droplijst{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0}.menu__dropkop{font-size:var(--t-2xs);letter-spacing:var(--track-wide);text-transform:uppercase;color:var(--muted-dim);padding:0 0 var(--sp-1)}.menu__drop a{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:40px;padding:2px 0;font-size:var(--t-sm);letter-spacing:.08em;border-bottom:1px solid var(--sluier-3)}.menu__droplijst li:last-child a{border-bottom:0} .menu__dropstand{display:block;margin:-2px 0 var(--sp-1);font-size:var(--t-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)} .menu__stuk{color:var(--fg);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu__prijs{color:var(--muted);font-size:var(--t-xs);letter-spacing:.1em;white-space:nowrap;font-variant-numeric:tabular-nums}.menu__drop a[data-uit="true"] .menu__stuk{color:var(--muted-dim)}.menu__drop a[data-uit="true"] .menu__prijs{color:var(--muted-dim);text-transform:uppercase;font-size:var(--t-2xs);letter-spacing:var(--track-mid)}@media(hover:hover){.menu__drop a:hover .menu__stuk{opacity:.6}} .menu__droplijst a[aria-current="page"]{opacity:.7}.menu__droplijst a[aria-current="page"] .menu__stuk::before{content:"—";margin-right:.4em;opacity:.7}@media(min-width:700px){ .menu__droplijst{display:grid;grid-template-columns:1fr 1fr;column-gap:40px}} .menu__taal{display:flex;flex-wrap:wrap;align-items:center;gap:2px var(--sp-4);margin:18px 0 0;padding-top:14px;border-top:1px solid var(--line);font-size:var(--t-xs);letter-spacing:var(--track-wide);text-transform:uppercase}.menu__taalkop{color:var(--muted-dim);font-size:var(--t-2xs);letter-spacing:var(--track-wide)}.menu__taallijst{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:2px var(--sp-4)}.menu__taal a{display:inline-flex;align-items:center;min-height:44px;padding:4px 0;color:var(--muted);transition:opacity var(--dur-snel) var(--ease)}.menu__taal a:hover{opacity:.55}.menu__taal a[aria-current="true"]{color:var(--fg)}.menu__taal a[aria-current="true"]::before{content:"—";margin-right:.4em;opacity:.7} .menu[data-zoekt="true"] .menu__taal{border-top:0;padding-top:0} .menu__weeralles{background:none;border:0;padding:0;margin:0;font:inherit;cursor:pointer;color:var(--fg);text-decoration:underline;text-underline-offset:3px;letter-spacing:inherit;text-transform:inherit}.menu__weeralles:hover{opacity:.6}.menu__foot{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:2px 18px;font-size:var(--t-xs);letter-spacing:var(--track-wide);text-transform:uppercase;color:var(--muted)} .menu__foot a{display:inline-flex;align-items:center;min-height:44px;padding:4px 0;transition:opacity var(--dur-snel) var(--ease)}.menu__foot a:hover{opacity:.55} .menu__aantal{margin-left:var(--sp-1);color:var(--fg)}.menu__aantal::before{content:"("}.menu__aantal::after{content:")"}@media(min-height:600px){.menu__list{margin:auto 0}} @media(max-height:520px){.menu__list a{font-size:clamp(1.4rem,6.5vh,2.4rem);padding:2px 0}.menu__list{margin:10px 0;gap:0}.menu__top img{height:13px}} @media(max-height:520px) and (min-width:700px){.menu{display:grid;grid-template-columns:1fr 1fr;column-gap:clamp(var(--sp-5),5vw,var(--sp-8));align-content:start}.menu__top{grid-column:1 / -1}.menu__zoek,.menu__list{grid-column:1}.menu__drop,.menu__taal,.menu__foot{grid-column:2} .menu__drop{display:flex;flex-direction:column;margin-bottom:10px}.menu__taal{margin-top:10px;padding-top:10px}.menu__drop a{min-height:34px}.menu__taal a,.menu__foot a{min-height:38px}} .hero{ position:relative;min-height:calc(82svh - 92px);display:grid;place-items:center;text-align:center;padding:56px var(--pad) var(--sp-9);overflow:hidden}.hero__bg{position:absolute;inset:0;background:radial-gradient(130% 95% at 50% -10%,#232323 0%,var(--bg) 60%),linear-gradient(180deg,var(--sluier-3),transparent 35%)} .hero__inner{position:relative;max-width:1100px;width:100%;min-width:0}.hero__inner>*{overflow-wrap:anywhere} @media(min-width:900px){.hero{place-items:center start;text-align:left}}.hero__mark{width:min(80vw,640px);margin:0 auto var(--sp-6);opacity:.97} @media(min-width:900px){.hero__mark{margin-left:0}}.hero__kicker{display:block;margin-bottom:var(--sp-5);font-size:var(--t-xs);letter-spacing:.30em;text-transform:uppercase;color:var(--muted)} .hero h1{font-size:clamp(3rem,25vw,19rem);font-weight:700;letter-spacing:.005em;margin-bottom:var(--sp-5)}.hero__sub{margin:0 auto var(--sp-6);max-width:36rem;color:var(--muted);letter-spacing:.04em}@media(min-width:900px){.hero__sub{margin-left:0}} .hero__cta{display:flex;flex-wrap:wrap;gap:var(--sp-3);justify-content:center} @media(min-width:900px){.hero__cta{justify-content:flex-start}}.hero__scroll{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);font-size:var(--t-2xs);letter-spacing:.34em;text-transform:uppercase;color:var(--muted-dim)} .countdown{display:flex;gap:10px;justify-content:center;margin-bottom:34px}@media(min-width:900px){.countdown{justify-content:flex-start}} .countdown div{min-width:70px;padding:var(--sp-3) var(--sp-2);border:1px solid var(--line);background:var(--sluier-1)}.countdown b{display:block;font-size:clamp(1.3rem,4vw,2rem);font-weight:300;letter-spacing:.04em;font-variant-numeric:tabular-nums} @media(max-width:360px){.countdown{gap:var(--sp-1)}.countdown div{min-width:0;flex:1 1 0;padding:var(--sp-3) 4px}}.countdown span{font-size:var(--t-3xs);letter-spacing:.24em;text-transform:uppercase;color:var(--muted)} @media(max-width:360px){.countdown span{letter-spacing:.12em}} .band{border-block:1px solid var(--line);overflow:hidden;background:var(--bg-soft)}.band__track{display:flex;width:max-content}.band span{padding:var(--sp-4) var(--sp-5);font-size:clamp(1rem,3.2vw,1.9rem);font-weight:200;letter-spacing:.22em;text-transform:uppercase;white-space:nowrap}.band .x{opacity:.3} .section{padding-block:clamp(56px,9vw,110px)} .section__head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--sp-3);margin-bottom:clamp(var(--sp-6),5vw,var(--sp-8))}.section__head h2{font-size:var(--t-2xl);line-height:.95}.section__head p{font-size:var(--t-xs);letter-spacing:var(--track-wide);text-transform:uppercase;color:var(--muted)} .grid{display:grid; grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-6) var(--sp-2);margin-inline:calc((var(--pad) - var(--sp-2)) * -1)}.card{position:relative;display:flex;flex-direction:column}.card[data-warn="true"] .chips{animation:shake .4s}@keyframes shake{25%{transform:translateX(-5px)}75%{transform:translateX(5px)}} .card__media{position:relative;aspect-ratio:4/5;overflow:hidden;background:var(--bg-card);border:1px solid var(--line);display:grid;place-items:center}.card__media img{width:100%;height:100%;object-fit:cover}.card__media .ph{width:56%;height:auto;opacity:.13;object-fit:contain;transition:transform var(--dur-traag) var(--ease-out),opacity var(--dur-basis) var(--ease)}.card:hover .ph{transform:scale(1.05);opacity:.22} .card__tag{position:absolute;top:10px;left:10px;z-index:2;padding:var(--sp-1) var(--sp-2);background:var(--waas-2);font-size:var(--t-3xs);letter-spacing:.2em;text-transform:uppercase;color:var(--fg-soft)} .card__body{display:flex;flex-direction:column;gap:var(--sp-1);padding:var(--sp-3) 0 0}.card__body h3{font-size:var(--t-xs);font-weight:400;letter-spacing:var(--track-mid);text-transform:uppercase} .card__body h3 a{display:inline-block;padding-block:var(--sp-1);margin-block:calc(var(--sp-1) * -1)}.card__price{font-size:var(--t-xs);letter-spacing:.1em;color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums}.card__stock{padding:var(--sp-1) 0 0;font-size:var(--t-2xs);letter-spacing:.18em;text-transform:uppercase;color:var(--muted-dim)} .chips{display:flex;flex-wrap:wrap;gap:var(--sp-1);padding:10px 0 0}.chip{min-width:44px;min-height:44px;padding:0 var(--sp-3);border:1px solid var(--line);background:transparent;color:var(--fg-soft);font-size:var(--t-xs);letter-spacing:.14em;text-transform:uppercase;display:inline-flex;align-items:center;justify-content:center;transition:border-color var(--dur-snel) var(--ease),background var(--dur-snel) var(--ease),color var(--dur-snel) var(--ease)}.chip:hover{border-color:var(--fg)}.chip[data-on="true"]{background:var(--fg);color:var(--bg);border-color:var(--fg)}.chip[data-out="true"]{color:var(--muted-dim);border-color:var(--sluier-4);cursor:not-allowed;position:relative;overflow:hidden}.chip[data-out="true"]::after{content:"";position:absolute;left:-10%;right:-10%;top:50%;height:1px;background:var(--muted-dim);transform:rotate(-14deg)}.chip[data-pref="true"]:not([data-on="true"]){border-color:var(--line-strong)}.card__add{margin-top:10px} .split--licht{background:var(--fg);color:var(--bg);--fg-soft:#2A2A2A;--muted:#454545;--muted-dim:#5A5A5A;--line:rgba(15,15,15,.14);--line-strong:rgba(15,15,15,.32); --focus:#12100D}.split--licht::selection{background:var(--bg);color:var(--fg)}.split{display:grid;border-top:1px solid var(--line)}@media(min-width:900px){.split{grid-template-columns:1fr 1fr}}.split__panel{padding:clamp(44px,7vw,90px) var(--pad);border-bottom:1px solid var(--line)}@media(min-width:900px){.split__panel + .split__panel{border-left:1px solid var(--line)}}.split__panel h3{font-size:var(--t-lg);margin-bottom:var(--sp-4)}.split__panel p{color:var(--muted);max-width:40ch;margin-bottom:var(--sp-5)} .pinned{display:grid;gap:0}@media(min-width:900px){.pinned{grid-template-columns:4fr 6fr}}.pinned__media{position:relative;min-height:42vh;background:var(--bg-card);border:1px solid var(--line);overflow:hidden}@media(min-width:900px){.pinned__media{position:sticky;top:76px;height:calc(68svh - 96px)}}.pinned__media img{width:100%;height:100%;object-fit:cover;opacity:.9}.pinned__copy{padding:clamp(40px,6vw,90px) var(--pad);display:flex;flex-direction:column;gap:clamp(40px,10vh,110px);justify-content:center}.pinned__copy h3{font-size:var(--t-lg);margin-bottom:var(--sp-3)}.pinned__copy p{color:var(--muted);max-width:42ch} .panel{position:fixed;top:0;right:0;bottom:0;z-index:var(--z-panel);width:min(100%,480px);background:var(--bg-soft);border-left:1px solid var(--line);display:flex;flex-direction:column;transform:translateX(102%);transition:transform var(--dur-basis) var(--ease-out);visibility:hidden}.panel[data-open="true"]{transform:none;visibility:visible}.panel--wide{width:min(100%,660px)}.panel__head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:var(--sp-4) 18px;border-bottom:1px solid var(--line);flex:none}.panel__head h2{font-size:var(--t-sm);letter-spacing:var(--track-wide)} .panel__body{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:var(--sp-4);-webkit-overflow-scrolling:touch}.panel__foot{flex:none;padding:var(--sp-4) var(--sp-4) calc(var(--sp-4) + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--bg-card)}.scrim{position:fixed;inset:0;z-index:calc(var(--z-panel) - 1);background:var(--waas-1);backdrop-filter:blur(2px);opacity:0;visibility:hidden;transition:opacity var(--dur-basis) var(--ease),visibility var(--dur-basis) var(--ease)}.scrim[data-open="true"]{opacity:1;visibility:visible} .cline{display:grid;grid-template-columns:80px 1fr auto;gap:var(--sp-3);padding:var(--sp-4) 0;border-bottom:1px solid var(--line)}.cline__img{aspect-ratio:4/5;background:var(--bg-card);display:grid;place-items:center;overflow:hidden}.cline__img img{width:100%;height:100%;object-fit:cover}.cline__img .cline__ph{width:70%;height:auto;object-fit:contain;opacity:.25}.cline__info h3{font-size:var(--t-sm);font-weight:400;letter-spacing:.12em;margin-bottom:var(--sp-1)}.cline__meta{font-size:var(--t-xs);letter-spacing:.1em;color:var(--muted);margin-bottom:var(--sp-3)}.cline__right{text-align:right;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end}.cline__price{font-size:var(--t-sm);letter-spacing:.08em;font-variant-numeric:tabular-nums}.cline__rm{font-size:var(--t-2xs);letter-spacing:var(--track-mid);text-transform:uppercase;color:var(--muted);border-bottom:1px solid transparent;padding:var(--sp-1) 0;min-height:44px}.cline__rm:hover{color:var(--fg);border-color:var(--line-strong)}.qty{display:inline-flex;align-items:center;border:1px solid var(--line-veld)} .qty__btn{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;font-size:15px;line-height:1}.qty__btn[disabled]{opacity:.3;cursor:not-allowed}.qty__n{min-width:30px;text-align:center;font-size:var(--t-sm);font-variant-numeric:tabular-nums}.cart__empty{display:flex;flex-direction:column;align-items:center;gap:18px;padding:60px 0;text-align:center;color:var(--muted)}.freeship{padding:var(--sp-3) 0 4px;font-size:var(--t-xs);letter-spacing:.1em;color:var(--muted)}.freeship .bar{display:block;height:2px;background:var(--line);margin-top:var(--sp-2);overflow:hidden}.freeship .bar i{display:block;height:100%;background:var(--fg);transition:width var(--dur-basis) var(--ease)}.totals{display:flex;flex-direction:column;gap:var(--sp-2);margin-bottom:14px} .totals div{display:flex;justify-content:space-between;font-size:var(--t-sm);letter-spacing:.08em;color:var(--muted);font-variant-numeric:tabular-nums}.totals div.grand{color:var(--fg);font-size:var(--t-md);padding-top:var(--sp-2);border-top:1px solid var(--line)}.reassure{display:flex;flex-wrap:wrap;gap:var(--sp-1) var(--sp-4);margin-top:var(--sp-3);font-size:var(--t-2xs);letter-spacing:.14em;text-transform:uppercase;color:var(--muted-dim)} .field{display:flex;flex-direction:column;gap:var(--sp-1);margin-bottom:14px}.field label{font-size:var(--t-2xs);letter-spacing:.2em;text-transform:uppercase;color:var(--muted)} .field input,.field select,.field textarea,.wacht__form input[type="email"],.wacht__maat,.news input{background:transparent;border:1px solid var(--line-veld);color:var(--fg);font:inherit;font-size:var(--t-invoer)}.field input,.field select,.field textarea{min-height:50px;padding:0 14px;letter-spacing:.03em;border-radius:0}.field textarea{padding:var(--sp-3) 14px;min-height:90px;resize:vertical} .field select{text-overflow:ellipsis}.field input:focus,.field select:focus,.field textarea:focus,.wacht__form input:focus,.wacht__maat:focus,.news input:focus{border-color:var(--fg);outline:none} .field input:focus-visible,.field select:focus-visible,.field textarea:focus-visible,.wacht__form input:focus-visible,.wacht__maat:focus-visible,.news input:focus-visible{outline:2px solid var(--focus);outline-offset:2px} .field input:user-invalid,.field select:user-invalid,.field textarea:user-invalid{border-color:var(--warn);border-width:2px}.field:has(:user-invalid)::after{content:"Controleer dit veld";font-size:var(--t-2xs);letter-spacing:.1em;text-transform:uppercase;color:var(--warn)} .field input::placeholder,.field textarea::placeholder{color:var(--muted-dim)}.row{display:grid;gap:var(--sp-3)} .row>*{min-width:0}@media(min-width:520px){.row--2{grid-template-columns:1fr 1fr}.row--pc{grid-template-columns:1fr 1fr}} fieldset{border:0;padding:0;margin:0 0 var(--sp-5);min-width:0}legend{padding:0 0 var(--sp-3);font-size:var(--t-xs);letter-spacing:var(--track-wide);text-transform:uppercase;color:var(--fg)}.opt{display:flex;gap:var(--sp-3);align-items:flex-start;padding:14px;border:1px solid var(--line-veld);margin-bottom:var(--sp-2);cursor:pointer}.opt:has(input:checked){border-color:var(--fg);background:var(--sluier-2)} .opt input{margin-top:3px;accent-color:var(--fg);width:18px;height:18px;flex:0 0 auto}.opt b{display:block;font-weight:400;font-size:var(--t-sm);letter-spacing:.1em;text-transform:uppercase}.opt span{font-size:var(--t-xs);color:var(--muted)}.opt em{margin-left:auto;font-style:normal;font-size:var(--t-sm)} .opt--uit{cursor:not-allowed}.opt--uit b,.opt--uit span{color:var(--muted-dim)}.opt--uit input{opacity:.4} .opt--uit b::after{content:' — past niet door de bus';font-size:var(--t-2xs);letter-spacing:.1em;color:var(--muted)}.formerr{color:var(--warn);font-size:var(--t-xs);letter-spacing:.1em;min-height:1.2em;margin-top:var(--sp-2)} .wacht{margin-top:var(--sp-4);padding-top:var(--sp-3);border-top:1px solid var(--line)} .wacht__aan{font-family:var(--font-body);font-size:var(--t-sm);letter-spacing:.02em;color:var(--fg);border-bottom:1px solid var(--line-strong);padding-bottom:2px;min-height:44px;text-align:left;transition:border-color var(--dur-snel) var(--ease)}.wacht__aan:hover{border-color:var(--fg)}.wacht__form{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-bottom:var(--sp-2)}.wacht__form input[type="email"],.wacht__maat{min-height:44px;padding:0 var(--sp-3)}.wacht__form input[type="email"]{flex:1 1 200px;min-width:0}.wacht__form input:user-invalid,.wacht__form input[aria-invalid="true"]{border-color:var(--warn)}.wacht__uitleg,.wacht__uit{display:block;font-size:var(--t-2xs);letter-spacing:.1em;color:var(--muted)}.co__done{text-align:center;padding:var(--sp-7) 0;display:flex;flex-direction:column;gap:var(--sp-4);align-items:center}.co__done h3{font-size:var(--t-lg)}.co__done p{color:var(--muted);max-width:34ch}.co__ref{font-size:var(--t-lg);letter-spacing:.2em}.summary{list-style:none;margin:0 0 14px;padding:0;display:flex;flex-direction:column;gap:var(--sp-2)}.summary li{display:flex;justify-content:space-between;gap:var(--sp-3);font-size:var(--t-sm);color:var(--muted)} .check--inline{display:flex;gap:var(--sp-3);align-items:flex-start; margin:calc(var(--sp-1) * -1) 0 var(--sp-3);cursor:pointer}.check--inline input{width:24px;height:24px;flex:none;accent-color:var(--fg);margin:0} .check--inline span{font-size:var(--t-sm);line-height:1.5;color:var(--fg-soft);max-width:56ch} details{border-top:1px solid var(--line)}details:last-of-type{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer;padding:var(--sp-4) 0;min-height:44px;display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:var(--t-xs);letter-spacing:var(--track-wide);text-transform:uppercase}summary::-webkit-details-marker{display:none}summary::after{content:"+";font-size:16px;color:var(--muted)}details[open] summary::after{content:"–"} details .acc{padding:0 0 18px;color:var(--muted);font-size:var(--t-sm);line-height:1.8} details .acc p,details .acc li{max-width:56ch} details .acc table{width:100%;border-collapse:collapse;font-size:var(--t-xs)}details .acc th,details .acc td{padding:var(--sp-2) var(--sp-1);border-bottom:1px solid var(--line);text-align:left;letter-spacing:.08em}details .acc th{color:var(--fg);font-weight:400;text-transform:uppercase;font-size:var(--t-2xs);letter-spacing:var(--track-mid)} .news{padding-block:clamp(60px,9vw,110px);text-align:center}.news h2{font-size:var(--t-xl);margin-bottom:14px}.news p{color:var(--muted);max-width:38ch;margin:0 auto var(--sp-5)}.news form{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;max-width:540px;margin:0 auto}.news input{flex:1 1 240px;min-height:52px;padding:0 18px} .news input:user-invalid,.news input[aria-invalid="true"]{border-color:var(--warn)}.news small{display:block;margin-top:14px;font-size:var(--t-xs);color:var(--muted-dim);letter-spacing:.08em} .footer{border-top:1px solid var(--line);padding:clamp(46px,6vw,72px) 0 var(--sp-6)}.footer__cols{display:grid;gap:var(--sp-6);grid-template-columns:repeat(2,1fr)}@media(min-width:900px){.footer__cols{grid-template-columns:1.4fr 1fr 1fr 1fr;gap:var(--sp-5)}} .footer__kop{margin-bottom:var(--sp-3);font-size:var(--t-2xs);letter-spacing:var(--track-wide);text-transform:uppercase;color:var(--muted);font-weight:400} .footer ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0}.footer li a{display:inline-flex;align-items:center;min-height:44px;font-size:var(--t-sm);letter-spacing:.1em;transition:opacity var(--dur-snel) var(--ease)}.footer li a:hover{opacity:.55}.footer__mark{width:150px;margin-bottom:var(--sp-4)}.footer__note{color:var(--muted-dim);font-size:var(--t-xs);letter-spacing:.06em;max-width:34ch}.footer__bottom{display:flex;flex-wrap:wrap;gap:10px var(--sp-5);justify-content:space-between;margin-top:44px;padding-top:20px;border-top:1px solid var(--line);font-size:var(--t-2xs);letter-spacing:.2em;text-transform:uppercase;color:var(--muted-dim)}.pay{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.pay span{padding:4px var(--sp-2);border:1px solid var(--line);font-size:var(--t-3xs);letter-spacing:var(--track-mid);color:var(--muted)} .crumbs{padding:14px 0 0;font-size:var(--t-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--muted-dim);font-family:var(--font-display)} .crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center}.crumbs li{display:flex;align-items:center} .crumbs__sep{margin:0 .5em} .crumbs a{display:inline-flex;align-items:center;min-height:24px}.crumbs li{min-height:24px}.crumbs a:hover{color:var(--fg)}.pdp{display:grid;gap:clamp(var(--sp-5),4vw,52px);padding:var(--sp-4) 0 clamp(60px,8vw,100px)}@media(min-width:900px){.pdp{grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);align-items:start}}.pdp__gallery{display:grid;gap:var(--sp-2)}@media(min-width:1200px){.pdp__gallery{grid-template-columns:1fr 1fr}}.pdp__shot{position:relative;aspect-ratio:4/5;overflow:hidden;background:var(--bg-card);display:grid;place-items:center}.pdp__shot img{width:100%;height:100%;object-fit:cover}.pdp__shot .ph{width:52%;height:auto;object-fit:contain;opacity:.14}@media(min-width:1200px){.pdp__shot:first-child{grid-column:1 / -1}} @media(min-width:900px){.pdp__info{position:sticky;top:84px;max-height:calc(100dvh - 84px - var(--sp-4));overflow:auto;overscroll-behavior:contain; padding:var(--sp-1);margin:-6px; scroll-padding:6px}}.pdp__tag{display:inline-block;margin-bottom:var(--sp-4);padding:var(--sp-1) var(--sp-2);font-family:var(--font-display);font-size:var(--t-3xs);letter-spacing:.2em;text-transform:uppercase;color:var(--fg-soft)}.pdp__info h1{font-size:var(--t-xl);margin-bottom:var(--sp-2)}.pdp__price{font-family:var(--font-display);font-size:var(--t-lg);letter-spacing:.1em;margin-bottom:var(--sp-2);font-variant-numeric:tabular-nums}.pdp__stock{font-family:var(--font-display);font-size:var(--t-2xs);letter-spacing:.18em;text-transform:uppercase;color:var(--muted-dim);margin-bottom:var(--sp-5)}.pdp__lead{color:var(--muted);margin-bottom:var(--sp-5);max-width:44ch} .pdp__levering{margin-top:var(--sp-3);font-size:var(--t-sm);color:var(--muted);max-width:44ch}.pdp__sizehead{display:flex;justify-content:space-between;align-items:baseline;gap:var(--sp-3);font-family:var(--font-display);font-size:var(--t-xs);letter-spacing:var(--track-wide);text-transform:uppercase}.pdp__buy{margin:var(--sp-4) 0 var(--sp-3)}.pdp__meta{list-style:none;margin:var(--sp-5) 0 0;padding:0;display:flex;flex-direction:column;gap:var(--sp-2);font-size:var(--t-sm);color:var(--muted)}.pdp__meta span{color:var(--fg-soft)} .scrollx{overflow-x:auto;-webkit-overflow-scrolling:touch}.stickybuy{position:fixed;left:0;right:0;bottom:0;z-index:calc(var(--z-header) + 2);display:flex;gap:var(--sp-3);align-items:center;padding:10px var(--pad) calc(10px + env(safe-area-inset-bottom));background:var(--waas-3);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--line);transform:translateY(110%);transition:transform var(--dur-basis) var(--ease-out)}.stickybuy[data-show="true"]{transform:none}.stickybuy__naam{flex:1;min-width:0;font-family:var(--font-display);font-size:var(--t-xs);letter-spacing:.14em;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .stickybuy{flex-wrap:wrap}.stickybuy .btn{flex:0 1 auto;padding-block:var(--sp-2);line-height:1.25} @media(max-width:899px){body:has(.stickybuy) .footer{padding-bottom:calc(var(--sp-6) + 110px)}}@media(min-width:900px){.stickybuy{display:none}} .doc{max-width:56ch;padding:clamp(40px,7vw,90px) 0}.doc h1{font-size:var(--t-xl);margin-bottom:var(--sp-2)}.doc .lead{color:var(--muted);margin-bottom:40px;font-size:var(--t-sm);letter-spacing:.08em;text-transform:uppercase}.doc h2{font-size:var(--t-lg);margin:44px 0 var(--sp-3);letter-spacing:.1em}.doc p,.doc li{color:var(--fg-soft);margin-bottom:var(--sp-3);line-height:1.8}.doc ul,.doc ol{padding-left:20px;margin:0 0 var(--sp-4)}.doc table{width:100%;border-collapse:collapse;margin:var(--sp-4) 0 var(--sp-5);font-size:var(--t-sm)}.doc th,.doc td{border-bottom:1px solid var(--line);padding:10px var(--sp-2);text-align:left}.doc th{font-weight:400;text-transform:uppercase;font-size:var(--t-2xs);letter-spacing:.18em;color:var(--fg)}.doc td{color:var(--fg-soft)} @media (max-width:560px){.doc table.gegevens,.doc table.gegevens tbody,.doc table.gegevens tr,.doc table.gegevens th,.doc table.gegevens td{display:block;width:100%}.doc table.gegevens tr{padding:var(--sp-3) 0;border-bottom:1px solid var(--line)}.doc table.gegevens tr:last-child{border-bottom:0}.doc table.gegevens th,.doc table.gegevens td{border:0;padding:0}.doc table.gegevens th{margin-bottom:5px}.doc table.gegevens td{overflow-wrap:anywhere}} .todo{border:1px solid var(--warn);color:var(--warn);padding:14px var(--sp-4);margin:18px 0;font-size:var(--t-sm);letter-spacing:.04em} .todo[hidden]{display:none} .track{border:1px solid var(--line);padding:clamp(20px,4vw,var(--sp-6));margin:var(--sp-5) 0}.track__ref{font-size:var(--t-lg);letter-spacing:.2em;margin-bottom:var(--sp-1)}.track__when{font-size:var(--t-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:26px}.steps{list-style:none;margin:0 0 26px;padding:0;display:flex;flex-direction:column;gap:0}.steps li{display:grid;grid-template-columns:22px 1fr;gap:14px;padding-bottom:22px;position:relative}.steps li:last-child{padding-bottom:0}.steps li::before{content:"";grid-row:1/3;width:11px;height:11px;margin:5px 0 0 5px;border-radius:50%;border:1px solid var(--line-strong);background:var(--bg)}.steps li:not(:last-child)::after{content:"";position:absolute;left:10px;top:22px;bottom:4px;width:1px;background:var(--line)}.steps li[data-done="true"]::before{background:var(--fg);border-color:var(--fg)}.steps li[data-done="true"]:not(:last-child)::after{background:var(--line-strong)}.steps b{display:block;font-weight:400;font-size:var(--t-sm);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.steps li[data-done="true"] b{color:var(--fg)}.steps span{display:block;margin-top:4px;font-size:var(--t-xs);color:var(--muted-dim);letter-spacing:.06em;line-height:1.8}.track__lines{list-style:none;margin:0;padding:20px 0 0;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:var(--sp-2)}.track__lines li{display:flex;justify-content:space-between;gap:14px;font-size:var(--t-sm);letter-spacing:.06em;color:var(--muted)}.track__lines li.grand{color:var(--fg);padding-top:var(--sp-3);border-top:1px solid var(--line)} .lost{min-height:74svh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:20px;padding:80px 0}.lost__code{font-size:clamp(64px,18vw,150px);line-height:.9;letter-spacing:.06em}.lost p{color:var(--muted);max-width:38ch} .lost__kop{font-size:var(--t-lg)} .doc__knoppen{display:flex;flex-wrap:wrap;gap:var(--sp-3);margin-top:var(--sp-6)} .reveal{opacity:1;transform:none}@media (prefers-reduced-motion:no-preference){.ticker__track{animation:slide 40s linear infinite}.band__track{animation:slide 30s linear infinite}@keyframes slide{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}.grain{animation:grainshift 9s steps(5) infinite}@keyframes grainshift{0%{transform:translate(0,0)}20%{transform:translate(-2%,1%)}40%{transform:translate(1%,-2%)}60%{transform:translate(-1%,-1%)}80%{transform:translate(2%,1%)}100%{transform:translate(0,0)}}.reveal{opacity:0;transform:translateY(26px)}@supports (animation-timeline:view()){.reveal{animation:revealin linear both;animation-timeline:view();animation-range:entry 5% cover 26%}}@supports not (animation-timeline:view()){.reveal{transition:opacity var(--dur-traag) var(--ease-out),transform var(--dur-traag) var(--ease-out)}.reveal.is-in{opacity:1;transform:none}}@keyframes revealin{to{opacity:1;transform:none}}.menu[data-open="true"] .menu__list a{animation:menuin .5s var(--ease-out) both}.menu__list li:nth-child(2) a{animation-delay:.05s}.menu__list li:nth-child(3) a{animation-delay:.1s}.menu__list li:nth-child(4) a{animation-delay:.15s}.menu__list li:nth-child(5) a{animation-delay:.2s}@keyframes menuin{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation-duration:.01ms !important;animation-iteration-count:1 !important} .panel,.menu{transition:none} .card__media img,.header{transition:none} .stickybuy{transition:none} .card__media .ph,.freeship .bar i,.menu__list a{transition:none}.card:hover .card__media img,.card:focus-within .card__media img{transform:none}} @media (hover:hover) and (pointer:fine){ .card__media{transition:border-color var(--dur-basis) var(--ease)}.card:hover .card__media{border-color:var(--line-strong)} .card__media img{transition:transform var(--dur-traag) var(--ease-out)}.card:hover .card__media img,.card:focus-within .card__media img{transform:scale(1.04)}} @media print{:root{--bg:#fff;--bg-soft:#fff;--bg-card:#fff;--fg:#000; --fg-soft:#000;--muted:#333333;--muted-dim:#444444; --warn:#A02015;--line:#bbbbbb;--line-strong:#666666}body{background:#fff;color:#000} .header,.ticker,.band,.panel,.scrim,.menu,.grain,.toestemming,.footer,.hero__scroll,.news,.card__add{display:none !important} .hero__bg{display:none !important} table.gegevens,.doc ul{page-break-inside:avoid}h2,h3{page-break-after:avoid}} .toestemming{position:fixed;left:0;right:0;bottom:0;z-index:var(--z-toestemming);background:var(--bg-soft);border-top:1px solid var(--line-strong);padding:var(--sp-4) var(--pad);padding-bottom:calc(var(--sp-4) + env(safe-area-inset-bottom));animation:toestemmingOp .45s var(--ease-out) both}@media (prefers-reduced-motion:reduce){.toestemming{animation:none}}@keyframes toestemmingOp{from{transform:translateY(100%)}to{transform:none}}.toestemming__in{max-width:var(--maxw);margin:0 auto;display:flex;flex-wrap:wrap;gap:14px 28px;align-items:center;justify-content:space-between} .toestemming__tekst{flex:1 1 320px;min-width:0}.toestemming__tekst p{max-width:56ch}.toestemming__tekst b{display:block;margin-bottom:5px;font-family:var(--font-display);font-weight:400;font-size:var(--t-xs);letter-spacing:var(--track-mid);text-transform:uppercase} .toestemming__tekst p{margin:0;font-size:var(--t-sm);color:var(--muted);letter-spacing:.02em;line-height:1.8}.toestemming__tekst a{color:var(--fg);text-decoration:underline;text-underline-offset:3px}.toestemming__knoppen{display:flex;gap:10px;flex:0 0 auto}.toestemming__knoppen .btn{flex:1 1 auto;white-space:nowrap}@media (max-width:560px){.toestemming__knoppen{width:100%}.toestemming__knoppen .btn{flex:1 1 0;min-width:0}} .laadt{color:var(--muted-dim)}.laadt--ruim{padding:var(--sp-8) 0;color:var(--muted-dim)} .doc__na{margin-top:var(--sp-3)} .doc__ruim{margin-top:var(--sp-5)} .doc__lijst{margin:0;padding-left:var(--sp-4)} .afmeld{padding-top:var(--sp-8)}.afmeld__actie{margin-top:var(--sp-5)}