:root{--nacht: #2b1710;--nacht-diep: #1e0f0a;--hout: #5a3524;--hout-licht: #7a4a32;--hout-donker:#3d2216;--linnen: #f7ecd9;--linnen-2: #ece0c9;--linnen-3: #d9c9ac;--inkt: #33211a;--inkt-stil: #7a6353;--amber: #e89a3c;--amber-diep: #c87a22;--baksteen: #b23a2c;--den: #4d6b46;--room: #fffaf2;--sans: "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--plaat: "Alfa Slab One", Georgia, serif}*{box-sizing:border-box}body{margin:0;color:var(--linnen);font-family:var(--sans);font-size:16px;line-height:1.62;-webkit-font-smoothing:antialiased;background:linear-gradient(180deg,#e89a3c1a,#2b171000 42%),linear-gradient(178deg,#33190f 0%,var(--nacht) 46%,var(--nacht-diep) 100%);background-attachment:fixed}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:.5;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='0.32'/%3E%3C/svg%3E")}.blad{position:relative;z-index:1}.midden{max-width:1180px;margin:0 auto;padding:0 26px}.guirlande{position:relative;z-index:2;margin-bottom:-6px}.guirlande svg{display:block;width:100%;height:74px}.kaarsvlam{transform-origin:50% 100%;animation:flakkeren 2.8s ease-in-out infinite}@keyframes flakkeren{0%,to{transform:scaleY(1) scaleX(1);opacity:.92}38%{transform:scaleY(1.1) scaleX(.94);opacity:1}62%{transform:scaleY(.95) scaleX(1.04);opacity:.86}}.kop{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 0 0;flex-wrap:wrap}.merk{display:flex;align-items:center;gap:12px;font-family:var(--plaat);font-size:1.16rem;letter-spacing:.005em;color:var(--linnen)}.kop nav{display:flex;gap:22px;font-size:.94rem;font-weight:600}.kop nav a{color:#f7ecd9b8;text-decoration:none}.kop nav a:hover,.kop nav a:focus-visible{color:var(--amber)}.hero{padding:40px 0 28px;max-width:19em}.hero h1{font-family:var(--plaat);font-weight:400;font-size:clamp(2.5rem,6.4vw,4.3rem);line-height:.98;letter-spacing:-.005em;margin:0 0 18px;color:var(--linnen);text-shadow:0 2px 0 rgba(30,15,10,.45),0 10px 26px rgba(0,0,0,.3)}.hero h1 em{font-style:normal;color:var(--amber)}.hero p{margin:0;font-size:1.08rem;max-width:30em;color:#f7ecd9c7}.werkbank{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);gap:0;align-items:stretch;padding:30px 0 60px}@media(max-width:960px){.werkbank{grid-template-columns:1fr}}.toneel{position:relative;padding:26px 26px 18px;border-radius:14px 0 0 14px;background:repeating-linear-gradient(96deg,#0000000d 0,#0000000d 2px,#ffffff05 2px,#ffffff05 5px),linear-gradient(172deg,var(--hout-licht) 0%,var(--hout) 46%,var(--hout-donker) 100%);box-shadow:inset 0 1px #ffe2be29,0 22px 44px #0000005c;overflow:hidden}@media(max-width:960px){.toneel{border-radius:14px 14px 0 0}}.tak{position:absolute;pointer-events:none;opacity:.42}.tak.links{top:-22px;left:-26px;transform:rotate(-8deg)}.tak.rechts{bottom:-30px;right:-24px;transform:rotate(168deg)}.mutsvlak{position:relative}.mutsvlak img.muts{display:block;width:100%;height:auto;filter:drop-shadow(0 16px 22px rgba(0,0,0,.4))}.opdrukvlak{position:absolute}.opdrukvlak svg{display:block;width:100%;height:100%;overflow:visible}.bandvlak{position:relative;border-radius:6px;overflow:hidden;background:linear-gradient(180deg,var(--room),#f4efe4 56%,#e3dbcb);box-shadow:inset 0 2px 9px #3d221638,0 8px 20px #0000004d}.bandvlak svg{display:block;width:100%;height:auto}.kies{cursor:grab}.kies:active{cursor:grabbing}.stipmaat{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:14px;padding-top:13px;flex-wrap:wrap;border-top:1px solid rgba(255,226,190,.16);font-size:.85rem;color:#f7ecd9a8}.stipmaat b{color:var(--amber);font-weight:700}.weergaveknop{font-family:var(--sans);font-size:.85rem;font-weight:700;background:#ffe2be1a;border:1px solid rgba(255,226,190,.24);color:var(--linnen);padding:6px 13px;border-radius:7px;cursor:pointer}.weergaveknop:hover{background:var(--amber);border-color:var(--amber);color:#3a2408}.regelaar{padding:26px 24px;border-radius:0 14px 14px 0;background:linear-gradient(184deg,var(--room) 0%,var(--linnen) 34%,var(--linnen-2) 100%);color:var(--inkt);box-shadow:0 22px 44px #00000057;display:flex;flex-direction:column;gap:22px}@media(max-width:960px){.regelaar{border-radius:0 0 14px 14px}}.vak>h2{font-family:var(--plaat);font-weight:400;font-size:.98rem;color:var(--inkt);margin:0 0 12px;display:flex;justify-content:space-between;align-items:baseline;gap:10px}.vak>h2 em{font-family:var(--sans);font-style:normal;font-weight:600;font-size:.85rem;color:var(--inkt-stil)}.kleuren{display:flex;flex-wrap:wrap;gap:9px}.kleur{width:38px;height:38px;border-radius:50%;padding:0;cursor:pointer;border:2px solid rgba(51,33,26,.14);box-shadow:inset 0 -3px 6px #0003;transition:transform .12s ease,box-shadow .12s ease}.kleur:hover{transform:translateY(-2px)}.kleur[aria-pressed=true]{border-color:var(--baksteen);box-shadow:inset 0 -3px 6px #0003,0 0 0 3px #b23a2c3d}.kleur:focus-visible,.inkt:focus-visible,.trap:focus-visible,.laag:focus-visible,.mini:focus-visible,.knop:focus-visible,.weergaveknop:focus-visible,.toevoeg:focus-visible,.eigenkleur:focus-visible{outline:2px solid var(--baksteen);outline-offset:2px}.toevoegrij{display:grid;grid-template-columns:1fr 1fr;gap:9px}.toevoeg{display:flex;align-items:center;justify-content:center;gap:8px;padding:13px 10px;border-radius:9px;cursor:pointer;background:#33211a0b;border:1.5px dashed rgba(51,33,26,.24);color:var(--inkt);font-family:var(--sans);font-size:.93rem;font-weight:700}.toevoeg:hover,.toevoeg.erover{border-color:var(--baksteen);color:var(--baksteen);background:#b23a2c12;border-style:solid}.lagen{display:flex;flex-direction:column;gap:5px}.laag{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:9px 11px;border-radius:8px;cursor:pointer;background:#33211a0b;border:1px solid transparent;color:var(--inkt-stil);font-family:var(--sans);font-size:.9rem;font-weight:600}.laag:hover{background:#33211a14}.laag[aria-current=true]{background:#b23a2c1a;border-color:#b23a2c59;color:var(--inkt)}.laag .stip{width:15px;height:15px;border-radius:4px;flex:none;border:1px solid rgba(0,0,0,.2)}.laag .naam{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.laag .mm{font-size:.78rem;color:var(--inkt-stil);flex:none;font-variant-numeric:tabular-nums}.leegtekst{font-size:.88rem;color:var(--inkt-stil);margin:0}.veldrij{display:flex;flex-direction:column;gap:13px}.paar{display:grid;grid-template-columns:1fr 1fr;gap:12px}label.etiket{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:.82rem;font-weight:600;color:var(--inkt-stil);margin-bottom:5px}label.etiket b{color:var(--inkt);font-weight:700}input[type=text],select{width:100%;padding:10px 12px;border-radius:8px;background:var(--room);border:1px solid rgba(51,33,26,.2);color:var(--inkt);font-family:var(--sans);font-size:.96rem}input[type=text]::placeholder{color:#7a6353b3}input[type=text]:focus,select:focus{outline:2px solid rgba(178,58,44,.45);outline-offset:0;border-color:var(--baksteen)}input[type=range]{width:100%;accent-color:var(--baksteen)}.inkten{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.inkt{width:27px;height:27px;border-radius:6px;padding:0;cursor:pointer;border:2px solid rgba(51,33,26,.16)}.inkt[aria-pressed=true]{border-color:var(--baksteen)}.eigenkleur{width:27px;height:27px;padding:0;border-radius:6px;cursor:pointer;border:2px solid rgba(51,33,26,.16);background:none}.eigenkleur::-webkit-color-swatch-wrapper{padding:1px}.eigenkleur::-webkit-color-swatch{border:none;border-radius:3px}.minirij{display:flex;gap:6px;flex-wrap:wrap}.mini{padding:7px 12px;border-radius:7px;cursor:pointer;background:#33211a0d;border:1px solid rgba(51,33,26,.16);color:var(--inkt-stil);font-family:var(--sans);font-size:.84rem;font-weight:700}.mini:hover{border-color:var(--baksteen);color:var(--baksteen)}.mini.gevaar:hover{background:#b23a2c14}.mini:disabled{opacity:.4;cursor:not-allowed}.waarschuwing{display:flex;gap:9px;align-items:flex-start;border-radius:8px;padding:11px 13px;font-size:.86rem;line-height:1.45;background:#e89a3c29;border:1px solid rgba(200,122,34,.4);color:#6d4210}.waarschuwing svg{flex:none;margin-top:3px}.waarschuwing b{font-weight:800}.staffel{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.trap{padding:10px 3px;border-radius:8px;cursor:pointer;text-align:center;background:#33211a0d;border:1px solid rgba(51,33,26,.14);color:var(--inkt-stil);font-family:var(--sans);font-size:.9rem;font-weight:700;font-variant-numeric:tabular-nums}.trap small{display:block;font-size:.75rem;font-weight:600;color:var(--inkt-stil);opacity:.75;margin-top:1px}.trap[aria-pressed=true]{background:var(--baksteen);border-color:var(--baksteen);color:var(--room)}.trap[aria-pressed=true] small{color:#fffaf2d1;opacity:1}.rekening{border-top:1px solid rgba(51,33,26,.14);padding-top:15px;display:flex;flex-direction:column;gap:6px;font-size:.9rem;color:var(--inkt-stil);font-variant-numeric:tabular-nums}.rekening div{display:flex;justify-content:space-between;gap:12px}.rekening .som{padding-top:10px;margin-top:4px;border-top:1px solid rgba(51,33,26,.14);font-family:var(--plaat);font-weight:400;font-size:1.32rem;color:var(--inkt)}.knop{width:100%;padding:15px;border-radius:9px;border:none;cursor:pointer;background:linear-gradient(180deg,var(--baksteen),#972e22);color:var(--room);font-family:var(--plaat);font-weight:400;font-size:1.05rem;letter-spacing:.005em;box-shadow:0 3px #7d2419,0 8px 18px #7c241947;transition:transform .08s ease,box-shadow .08s ease}.knop:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px #7d2419,0 10px 22px #7c241952}.knop:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px #7d2419,0 4px 10px #7c241947}.knop:disabled{opacity:.42;cursor:not-allowed;box-shadow:none}.melding{border-radius:8px;padding:11px 13px;font-size:.88rem;line-height:1.5}.melding.fout{background:#b23a2c24;border:1px solid rgba(178,58,44,.4);color:#7a2419}.melding.goed{background:#4d6b4629;border:1px solid rgba(77,107,70,.4);color:#f0e6d2}.feiten{display:grid;grid-template-columns:repeat(auto-fit,minmax(224px,1fr));gap:22px;margin:0;padding:44px 0 54px;border-top:1px solid rgba(255,226,190,.14)}.feit dt{font-family:var(--plaat);font-weight:400;font-size:1.02rem;color:var(--amber);margin-bottom:8px}.feit dd{margin:0;font-size:.94rem;color:#f7ecd9b3;max-width:26em}.feit dd b{color:var(--linnen);font-weight:700}.voet{border-top:1px solid rgba(255,226,190,.14);padding:24px 0 44px;font-size:.86rem;color:#f7ecd980;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.blokvel{background:linear-gradient(184deg,var(--room) 0%,var(--linnen) 36%,var(--linnen-2) 100%);color:var(--inkt);border-radius:14px;padding:26px 26px 24px;margin-bottom:18px;box-shadow:0 18px 38px #0000004d}.paginakop{font-family:var(--plaat);font-weight:400;font-size:clamp(1.6rem,3.6vw,2.2rem);line-height:1.08;margin:0 0 16px;color:var(--inkt)}.velkop{font-family:var(--plaat);font-weight:400;font-size:1.05rem;margin:0 0 16px;color:var(--inkt)}.laden{padding:60px 0;text-align:center;color:#f7ecd999}.fveld{margin-bottom:14px}.fveld>label{display:block;font-size:.84rem;font-weight:700;color:var(--inkt);margin-bottom:5px}.fveld .los{font-weight:400;color:var(--inkt-stil)}.fveld input,.fveld select,.blokvel input,.blokvel select{width:100%;padding:11px 13px;border-radius:8px;border:1px solid rgba(51,33,26,.2);background:var(--room);color:var(--inkt);font-family:var(--sans);font-size:.97rem}.fveld input:focus,.fveld select:focus{outline:2px solid rgba(178,58,44,.45);border-color:var(--baksteen)}.fveld input[readonly]{background:var(--linnen-2);color:var(--inkt-stil)}.ftwee{display:grid;grid-template-columns:1fr 1fr;gap:13px}.fdrie{display:grid;grid-template-columns:1.1fr .8fr .8fr;gap:13px}@media(max-width:620px){.ftwee,.fdrie{grid-template-columns:1fr}}.fhint{font-size:.85rem;color:var(--inkt-stil);margin:-6px 0 14px}.fhint.gevonden{color:#3f6b3a}.fhint.letop{color:#8a5a12}.fkeuzes{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.fkeuze{padding:5px 11px;border-radius:7px;cursor:pointer;background:var(--room);border:1px solid rgba(51,33,26,.22);color:var(--inkt);font-family:var(--sans);font-size:.86rem;font-weight:700}.fkeuze:hover{border-color:var(--baksteen);color:var(--baksteen)}.fknoprij{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.fknoprij input{flex:1;min-width:180px}.fvink{display:flex;align-items:center;gap:10px;font-size:.95rem;font-weight:700;cursor:pointer;color:var(--inkt)}.fvink input{width:auto;accent-color:var(--baksteen)}.hoofdknop{display:block;width:100%;text-align:center;text-decoration:none;padding:15px;border-radius:9px;border:none;cursor:pointer;background:linear-gradient(180deg,var(--baksteen),#972e22);color:var(--room);font-family:var(--plaat);font-weight:400;font-size:1.05rem;box-shadow:0 3px #7d2419,0 8px 18px #7c241947;margin-top:6px}.hoofdknop:hover:not(:disabled){transform:translateY(-1px)}.hoofdknop:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.tweedeknop{display:block;width:100%;text-align:center;text-decoration:none;margin-top:9px;padding:11px;border-radius:8px;cursor:pointer;background:none;border:1px solid rgba(51,33,26,.22);color:var(--inkt-stil);font-family:var(--sans);font-size:.9rem;font-weight:700}.tweedeknop:hover{border-color:var(--baksteen);color:var(--baksteen)}.tweedeknop.smal{width:auto;margin:0;padding:10px 18px}.tekstknop{background:none;border:none;padding:0;cursor:pointer;color:var(--baksteen);font-family:var(--sans);font-size:inherit;font-weight:700;text-decoration:underline}.mandjeblad{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(290px,.9fr);gap:18px;align-items:start;padding:24px 0 50px}@media(max-width:900px){.mandjeblad{grid-template-columns:1fr}}.mandjelijst{list-style:none;margin:0;padding:0}.mandjelijst li{display:flex;gap:15px;align-items:center;padding:15px 0;border-bottom:1px solid rgba(51,33,26,.12)}.mandjelijst li:last-child{border-bottom:none;padding-bottom:0}.mandjelijst li.stuk{opacity:.65}.mandjebeeld{width:92px;height:76px;object-fit:contain;flex:none;border-radius:7px;background:#33211a0d}.mandjebeeld.leeg{display:block}.mandjetekst{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.mandjetekst .klein{font-size:.86rem;color:var(--inkt-stil)}.mandjeprijs{text-align:right;display:flex;flex-direction:column;gap:4px;align-items:flex-end;white-space:nowrap}.mandjeprijs b{font-size:1.05rem}.mandjeprijs .tekstknop{font-size:.83rem;font-weight:400}.rekenvel{position:sticky;top:18px}.rekening{display:flex;flex-direction:column;gap:7px;font-size:.93rem;color:var(--inkt-stil);font-variant-numeric:tabular-nums;margin-bottom:16px}.rekening div{display:flex;justify-content:space-between;gap:14px}.rekening .som{padding-top:9px;border-top:1px solid rgba(51,33,26,.14);color:var(--inkt);font-weight:700}.rekening .som.groot{font-family:var(--plaat);font-weight:400;font-size:1.24rem}.afrekenblad{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.9fr);gap:18px;align-items:start;padding:24px 0 50px}@media(max-width:940px){.afrekenblad{grid-template-columns:1fr}}.betaalkeuzes{display:flex;flex-direction:column;gap:9px}.betaalkeuze{display:flex;gap:12px;align-items:flex-start;cursor:pointer;padding:14px 15px;border-radius:10px;border:1.5px solid rgba(51,33,26,.18);background:var(--room)}.betaalkeuze.aan{border-color:var(--baksteen);background:#b23a2c0f}.betaalkeuze.uit{opacity:.55;cursor:not-allowed}.betaalkeuze input{width:auto;margin-top:3px;accent-color:var(--baksteen)}.betaalkeuze b{display:block;font-size:.96rem}.betaalkeuze small{display:block;color:var(--inkt-stil);font-size:.85rem}.minilijst{list-style:none;margin:0 0 16px;padding:0 0 14px;border-bottom:1px solid rgba(51,33,26,.14)}.minilijst li{display:flex;gap:11px;align-items:center;padding:7px 0}.minilijst img{width:46px;height:40px;object-fit:contain;flex:none;border-radius:5px;background:#33211a0d}.minilijst span{flex:1;min-width:0}.minilijst b{display:block;font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.minilijst small{color:var(--inkt-stil);font-size:.83rem}.minilijst .prijs{flex:none;font-size:.92rem;white-space:nowrap}.bedankt{text-align:center;max-width:560px;margin:40px auto}.bedankt .vinkje{color:#3f6b3a;margin-bottom:12px}.bedankt .ordernummer{font-family:var(--plaat);font-size:1.3rem;color:var(--baksteen);margin:-6px 0 20px}.mandjeknop{display:inline-flex;align-items:center;gap:7px;padding:7px 13px;border-radius:8px;text-decoration:none;border:1px solid rgba(255,226,190,.24);color:var(--linnen)!important}.mandjeknop:hover{border-color:var(--amber);color:var(--amber)!important}.mandjegetal{min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:var(--baksteen);color:var(--room);font-size:.75rem;font-weight:800;display:inline-flex;align-items:center;justify-content:center}.melding.klein{font-size:.83rem;padding:5px 9px}.smalblad{max-width:620px;margin:0 auto;padding:26px 0 60px}.kopknop{color:#f7ecd9b8!important;text-decoration:none}.kopknop:hover{color:var(--amber)!important}.meekijkbalk{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 22px;flex-wrap:wrap;background:var(--amber);color:#3a2408;font-size:.88rem;font-weight:600}.meekijkbalk button{padding:5px 13px;border-radius:6px;cursor:pointer;background:#3a2408;color:var(--linnen);border:none;font-family:var(--sans);font-size:.84rem;font-weight:700}.kortingregel span:last-child{color:#3f6b3a;font-weight:700}.codevak{padding-top:14px;margin-top:4px;border-top:1px solid rgba(51,33,26,.14)}.codelabel{display:block;font-size:.84rem;font-weight:700;color:var(--inkt);margin-bottom:6px}
