.knop{--knop-grond: var(--rol-accent);--knop-tekst: var(--rol-accent-tekst);--knop-rand: transparent;display:inline-flex;align-items:center;justify-content:center;gap:var(--ruimte-2);min-height:5.2rem;padding:0 var(--ruimte-6);border:1px solid var(--knop-rand);border-radius:var(--radius-1);background:var(--knop-grond);color:var(--knop-tekst);font-family:var(--font-tekst);font-size:var(--tekst-klein);font-weight:var(--dik-medium);letter-spacing:.02em;text-decoration:none;cursor:pointer;position:relative;overflow:hidden;transition:background-color var(--duur) var(--soepel-in),color var(--duur) var(--soepel-in),border-color var(--duur) var(--soepel-in)}.knop:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--kleur-oker);transform:scaleX(0);transform-origin:right;transition:transform var(--duur) var(--soepel)}.knop:hover:after{transform:scaleX(1);transform-origin:left}.knop--primair{--knop-grond: var(--kleur-groen);--knop-tekst: var(--kleur-grond)}.knop--primair:hover{--knop-grond: var(--kleur-groen-zacht)}.knop--rand{--knop-grond: transparent;--knop-tekst: var(--rol-tekst);--knop-rand: var(--rol-lijn)}.knop--rand:hover{--knop-rand: var(--rol-tekst)}.knop--stil{--knop-grond: var(--rol-vlak);--knop-tekst: var(--rol-tekst)}.knop--breed{width:100%}.knop--klein{min-height:4.2rem;padding:0 var(--ruimte-4);font-size:var(--tekst-bijschrift)}.knop[disabled],.knop[aria-disabled=true]{opacity:.45;cursor:not-allowed}.knop[disabled]:after{display:none}.knop-tekst{background:none;border:0;padding:0;font:inherit;color:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:.28em;text-decoration-color:var(--rol-lijn);transition:text-decoration-color var(--duur-kort) var(--soepel-in)}.knop-tekst:hover{text-decoration-color:currentColor}.icoon-knop{display:inline-grid;place-items:center;width:4.4rem;height:4.4rem;padding:0;background:none;border:0;border-radius:var(--radius-1);color:inherit;cursor:pointer;text-decoration:none;position:relative;transition:background-color var(--duur-kort) var(--soepel-in)}.icoon-knop:hover{background:color-mix(in srgb,currentColor 8%,transparent)}.icoon-knop svg{width:2rem;height:2rem}.telling{position:absolute;top:.5rem;right:.3rem;min-width:1.8rem;height:1.8rem;padding:0 .5rem;border-radius:var(--radius-rond);background:var(--kleur-oker);color:var(--kleur-groen-diep);font-size:1.1rem;font-weight:var(--dik-vet);line-height:1.8rem;text-align:center;font-variant-numeric:tabular-nums}.veld{display:grid;gap:var(--ruimte-2);margin-bottom:var(--ruimte-4)}.veld__label{font-size:var(--tekst-klein);color:var(--rol-tekst-zacht)}.veld__invoer,input[type=text],input[type=email],input[type=password],input[type=search],input[type=tel],input[type=number],select,textarea{width:100%;min-height:5.2rem;padding:var(--ruimte-3) var(--ruimte-4);background:var(--rol-achtergrond);border:var(--rand);border-radius:var(--radius-1);font-family:var(--font-tekst);font-size:var(--tekst-body);color:var(--rol-tekst);transition:border-color var(--duur-kort) var(--soepel-in)}.veld__invoer::placeholder,textarea::placeholder{color:var(--rol-tekst-stil)}.veld__invoer:focus,select:focus,textarea:focus{border-color:var(--rol-tekst);outline:none}.veld__invoer:focus-visible{outline:2px solid var(--kleur-oker);outline-offset:2px}textarea{min-height:14rem;line-height:var(--regel-body);resize:vertical}select{-webkit-appearance:none;appearance:none;padding-right:var(--ruimte-7);background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:calc(100% - 2rem) center,calc(100% - 1.5rem) center;background-size:5px 5px,5px 5px;background-repeat:no-repeat;cursor:pointer}.formulier-melding{padding:var(--ruimte-3) var(--ruimte-4);border-radius:var(--radius-1);border:var(--rand);border-left:2px solid var(--kleur-goed);background:var(--rol-vlak);font-size:var(--tekst-klein);margin-bottom:var(--ruimte-4)}.formulier-melding--fout{border-left-color:var(--kleur-fout);color:var(--kleur-fout)}.aantal{display:inline-flex;align-items:center;border:var(--rand);border-radius:var(--radius-1);overflow:hidden}.aantal button{width:4.4rem;height:5.2rem;background:none;border:0;font-size:1.8rem;color:inherit;cursor:pointer;transition:background-color var(--duur-kort) var(--soepel-in)}.aantal button:hover{background:var(--rol-vlak)}.aantal input{width:4.8rem;min-height:5.2rem;padding:0;border:0;background:none;text-align:center;font-size:var(--tekst-klein);font-variant-numeric:tabular-nums;color:inherit;-moz-appearance:textfield}.aantal input::-webkit-outer-spin-button,.aantal input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.kaart{position:relative;display:grid;gap:var(--ruimte-3)}.kaart__media{position:relative;display:block;overflow:hidden;border-radius:var(--radius-1);background:var(--rol-vlak);aspect-ratio:4 / 5}.kaart__media img{width:100%;height:100%;object-fit:cover;transition:transform var(--duur-traag) var(--soepel)}.kaart:hover .kaart__media img{transform:scale(1.035)}.kaart__media img+img{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity var(--duur-lang) var(--soepel-in)}.kaart:hover .kaart__media img+img{opacity:1}.kaart__media--leeg{display:grid;place-items:center;color:var(--rol-tekst-stil);font-size:var(--tekst-klein)}.kaart__info{display:grid;gap:var(--ruimte-1)}.kaart__titel{margin:0;font-family:var(--font-tekst);font-size:var(--tekst-body);font-weight:var(--dik-normaal);line-height:var(--regel-strak)}.kaart__titel a{text-decoration:none}.kaart__titel a:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.kaart__leverancier{font-size:var(--tekst-bijschrift);color:var(--rol-tekst-stil);letter-spacing:.04em}.kaart__snel{position:absolute;left:var(--ruimte-3);right:var(--ruimte-3);bottom:var(--ruimte-3);z-index:var(--laag-basis);opacity:0;transform:translateY(.8rem);transition:opacity var(--duur) var(--soepel),transform var(--duur) var(--soepel)}.kaart:hover .kaart__snel,.kaart:focus-within .kaart__snel{opacity:1;transform:none}@media(hover:none){.kaart__snel{opacity:1;transform:none}}.badge{position:absolute;top:var(--ruimte-3);left:var(--ruimte-3);z-index:var(--laag-basis);padding:.5rem var(--ruimte-3);border-radius:var(--radius-rond);background:var(--kleur-grond);color:var(--kleur-inkt);font-size:var(--tekst-label);font-weight:var(--dik-medium);letter-spacing:.08em;text-transform:uppercase}.badge--uitverkocht{background:var(--kleur-grond-3);color:var(--kleur-inkt-2)}.badge--korting{background:var(--kleur-oker);color:var(--kleur-groen-diep)}.prijs{display:flex;align-items:baseline;gap:var(--ruimte-2);flex-wrap:wrap;font-size:var(--tekst-klein);font-variant-numeric:tabular-nums}.prijs__was{color:var(--rol-tekst-stil);text-decoration:line-through}.prijs--afgeprijsd .prijs__nu{color:var(--kleur-oker-inkt)}.prijs__eenheid{width:100%;font-size:var(--tekst-bijschrift);color:var(--rol-tekst-stil)}.uitklap{border-top:var(--rand)}.uitklap summary{display:flex;align-items:center;justify-content:space-between;gap:var(--ruimte-4);padding:var(--ruimte-4) 0;cursor:pointer;list-style:none;font-size:var(--tekst-body)}.uitklap summary::-webkit-details-marker{display:none}.uitklap summary:after{content:"";width:1.1rem;height:1.1rem;flex:0 0 auto;background:linear-gradient(currentColor,currentColor) center / 100% 1px no-repeat,linear-gradient(currentColor,currentColor) center / 1px 100% no-repeat;transition:transform var(--duur) var(--soepel)}.uitklap[open] summary:after{transform:rotate(90deg);background-size:100% 1px,0 0}.uitklap__inhoud{padding-bottom:var(--ruimte-4);font-size:var(--tekst-klein);color:var(--rol-tekst-zacht)}.paginering{display:flex;justify-content:center;gap:var(--ruimte-1);list-style:none;margin:var(--ruimte-9) 0 0;padding:0}.paginering a,.paginering span{display:grid;place-items:center;min-width:4.4rem;height:4.4rem;padding:0 var(--ruimte-2);border-radius:var(--radius-1);text-decoration:none;font-size:var(--tekst-klein);font-variant-numeric:tabular-nums}.paginering a:hover{background:var(--rol-vlak)}.paginering .huidig{background:var(--kleur-groen);color:var(--kleur-grond)}.leeg{display:grid;gap:var(--ruimte-4);justify-items:center;text-align:center;padding:var(--ruimte-12) 0}.leeg p{color:var(--rol-tekst-zacht)}.filterchips{display:flex;flex-wrap:wrap;gap:var(--ruimte-2);margin:0 0 var(--ruimte-7)}.filterchip{display:inline-flex;align-items:center;gap:var(--ruimte-2);min-height:3.6rem;padding:0 var(--ruimte-3);border:var(--rand);border-radius:var(--radius-rond);font-size:var(--tekst-bijschrift);text-decoration:none;transition:border-color var(--duur-kort) var(--soepel-in)}.filterchip:hover{border-color:var(--rol-tekst)}.filterchip svg{width:1.1rem;height:1.1rem}.filterchip--wis{border-style:dashed;color:var(--rol-tekst-zacht)}.melding{position:fixed;left:50%;bottom:var(--ruimte-6);transform:translate(-50%,1.6rem);z-index:var(--laag-melding);padding:var(--ruimte-3) var(--ruimte-5);border-radius:var(--radius-1);background:var(--kleur-groen-diep);color:var(--kleur-grond);font-size:var(--tekst-klein);box-shadow:var(--schaduw-op);opacity:0;visibility:hidden;transition:opacity var(--duur) var(--soepel-in),transform var(--duur) var(--soepel),visibility var(--duur)}.melding.is-open{opacity:1;visibility:visible;transform:translate(-50%)}.merkvlak{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background-color:var(--mv-onder, var(--rol-vlak));background-image:radial-gradient(120% 90% at 24% 6%,var(--mv-licht, rgba(255,255,255,.5)) 0%,transparent 58%),radial-gradient(90% 70% at 88% 96%,var(--mv-diep, rgba(0,0,0,.14)) 0%,transparent 62%),linear-gradient(168deg,var(--mv-boven, #EFE7D6) 0%,var(--mv-onder, #D6D9C4) 100%)}.merkvlak--motief:after{content:"";position:absolute;left:50%;bottom:-12%;width:min(58%,26rem);aspect-ratio:3 / 4;transform:translate(-50%);border:1px solid currentColor;border-bottom:0;border-radius:var(--boog);opacity:.16}.merkvlak--licht{color:var(--kleur-groen);--mv-boven: #F1EADB;--mv-onder: #D8DCC7;--mv-licht: rgba(255,255,255,.55);--mv-diep: rgba(28,58,42,.16)}.merkvlak--zand{color:var(--kleur-groen);--mv-boven: #F5EDDD;--mv-onder: #DDCDB2;--mv-licht: rgba(255,255,255,.5);--mv-diep: rgba(140,102,50,.18)}.merkvlak--diep{color:var(--kleur-grond);--mv-boven: #2C4735;--mv-onder: #101F17;--mv-licht: rgba(196,214,180,.22);--mv-diep: rgba(0,0,0,.4)}.nog-leeg{grid-column:1 / -1;display:grid;gap:var(--ruimte-3);justify-items:center;text-align:center;padding:var(--ruimte-10) var(--ruimte-5);border:1px dashed var(--rol-lijn);border-radius:var(--radius-1);color:var(--rol-tekst-stil)}.nog-leeg p{margin:0;font-size:var(--tekst-klein)}.beeld-tekst__media,.uitgelicht__media,.artikel-kaart__media,.artikel__hero,.plekbeeld,.product__media-hoofd{position:relative}.beeld-tekst__media:has(.merkvlak){aspect-ratio:4 / 3}.uitgelicht__media:has(.merkvlak){aspect-ratio:1 / 1}.artikel__hero:has(.merkvlak){aspect-ratio:3 / 2}.held__media:has(.merkvlak),.sfeerband__media:has(.merkvlak){min-height:100%}
/*# sourceMappingURL=/cdn/shop/t/4/assets/components.css.map */