:root{--margin-60:60px;--margin-48:48px;--margin-36:36px;--margin-24:24px;--margin-18:18px;--margin-12:12px;--margin-10:10px;--margin-8:8px}@media only screen and (max-width:1260px){:root{--margin-60:48px}}@media only screen and (max-width:744px){:root{--margin-60:36px;--margin-48:36px;--margin-36:24px;--margin-24:18px;--margin-18:12px;--margin-12:8px;--margin-10:6px;--margin-8:4px}}@media only screen and (max-width:540px){:root{--margin-60:24px}}.color-circle{position:relative;aspect-ratio:1/1;max-width:800px}.color-circle svg{overflow:visible;pointer-events:none;filter:drop-shadow(0 0 10px rgba(0, 0, 0, .1));isolation:isolate}.color-circle path{pointer-events:auto;cursor:pointer;outline:0;transition:transform 180ms ease,filter 180ms ease}.color-circle path:hover{transform:scale(1.03)}.color-circle path.selected{transform:scale(1.06);filter:drop-shadow(0 0 .09px rgba(0, 0, 0, .25))}.color-circle path[data-disabled=true]{pointer-events:none}.color-circle circle{pointer-events:none}.color-circle .first-circle,.color-circle .second-circle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-90deg);height:auto}.color-circle .first-circle{width:100%;height:100%}.color-circle .second-circle{width:66.666%;height:66.666%}.circle-tag.hidden{display:none}.circle-tag text{text-transform:uppercase;letter-spacing:.0004rem;font-weight:600}path[data-name="Extra white"]{fill:#fff}#color-picker-image img[src="/storage/app/media/1.%20CONFIGURATOR/kleuren/thumbnails/extra-white.jpg"]{position:relative}#color-picker-image img[src="/storage/app/media/1.%20CONFIGURATOR/kleuren/thumbnails/extra-white.jpg"]::after{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-color:red}ul#picked-colors{width:300px;display:flex;flex-direction:column;gap:var(--margin-18)}ul#picked-colors .color-picker{display:flex;width:100%;overflow:hidden;border-radius:10px;background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,.1)}ul#picked-colors .color-picker:hover .is-picked .remove-selection{transform:translateX(0)}ul#picked-colors .color-picker-left{position:relative;width:75px;aspect-ratio:1/1.0666;background-color:transparent;background-repeat:no-repeat;border-right:1px solid #f8f6f3;transition:background-color 180ms ease;display:flex;justify-content:center;align-items:center}ul#picked-colors .color-picker-left svg{opacity:.5;width:20px;height:auto}ul#picked-colors .color-picker-left .remove-selection{transform:translateX(calc(-100% - 1px));position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#ff1616;transition:transform 180ms ease,background-color 180ms ease}ul#picked-colors .color-picker-left .remove-selection svg{opacity:1}ul#picked-colors .color-picker-left .remove-selection svg path{stroke:#fff}ul#picked-colors .color-picker-left .remove-selection:hover{background-color:rgb(238.75,0,0)}ul#picked-colors .color-picker-right{flex:1;padding:.75em 1.5em;display:flex;flex-direction:column;justify-content:center}ul#picked-colors p{font-weight:600;line-height:1.4}ul#picked-colors span{display:block;opacity:.7;font-weight:400;text-transform:lowercase}body[data-page=bestellen-zonder-account] ul#picked-colors{width:100%}body[data-page=bestellen-zonder-account] ul#picked-colors .color-picker-left{width:144px;aspect-ratio:1/.86}body[data-page=bestellen-zonder-account] ul#picked-colors .color-picker-left .remove-selection{display:none}.sample-switch{width:fit-content;max-width:100%;margin:0 auto var(--margin-48);display:flex;flex-wrap:wrap;justify-content:center;gap:4px;padding:5px;background-color:#fff;border-radius:100px;box-shadow:0 0 10px rgba(0,0,0,.1)}.sample-switch--btn{flex:0 0 auto;white-space:nowrap;display:inline-flex;align-items:center;gap:var(--margin-8);padding:.6em 1.25em;border-radius:100px;color:#2b7ffd;font-weight:600;line-height:1.25;transition:background-color 180ms ease,color 180ms ease}.sample-switch--btn.active{color:#fff;background-color:#2b7ffd}.sample-switch--badge{display:inline-block;padding:.15em .7em;border-radius:100px;font-size:clamp(1.2rem,1.16rem + .125vw,1.4rem);font-weight:600;color:#2b7ffd;background-color:#eaf3ff}.sample-switch--badge-free{color:#fff;background-color:#1ebf80}.sample-panel{display:none}.sample-panel.active{display:block}@media only screen and (max-width:540px){.sample-switch--btn{padding:.55em .9em}.sample-switch--label{font-size:clamp(1.2rem,1.16rem + .125vw,1.4rem)}.sample-switch--badge{font-size:clamp(.8rem,.74rem + .1875vw,1.1rem)}}.featured-product{max-width:980px;margin:auto;display:flex;align-items:stretch;gap:var(--margin-48)}.featured-product--image{flex:1;position:relative;overflow:hidden;border-radius:10px;background-color:#f8f6f3}.featured-product--image img,.featured-product--image picture{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}.featured-product--card{flex:1;padding:var(--margin-36);background-color:#fff;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,.1)}.featured-product--title{margin-bottom:var(--margin-18)}.featured-product--intro{margin-bottom:var(--margin-18);color:#848484}.featured-product--price{display:flex;align-items:baseline;gap:var(--margin-8);margin-bottom:var(--margin-24)}.featured-product--price .price{font-size:clamp(2rem,1.76rem + .75vw,3.2rem);font-weight:700;line-height:1}.featured-product--price small{color:#848484;font-size:clamp(1.2rem,1.16rem + .125vw,1.4rem)}.featured-product--form{display:flex;flex-wrap:wrap;align-items:stretch;gap:var(--margin-12);margin-bottom:var(--margin-24)}.featured-product--form .quantity-container{flex:none}.featured-product--form .quantity-container .row{margin-bottom:0}.featured-product--form button.btn-add-to-cart{flex:1;justify-content:center;padding:.69em 1.375em;border-radius:100px}.featured-product--form button.btn-add-to-cart span{display:initial}.featured-product--usp{display:flex;flex-direction:column;gap:var(--margin-12)}.featured-product--usp li{display:flex;align-items:center;gap:var(--margin-10);color:#1ebf80}.featured-product--usp svg{flex:none;width:20px;height:20px}@media only screen and (max-width:744px){.featured-product{flex-direction:column;gap:var(--margin-48)}.featured-product--image{width:100%;aspect-ratio:1/1}.featured-product--card{width:100%}}#kleurstalen #intro{text-align:center}#kleurstalen #intro h1{margin-right:0}.quantity-container .row{margin-bottom:var(--margin-12)}.quantity-container input[type=number][type=number]{width:72px;text-align:center;padding:.69em}.quantity-container input[type=number]::-webkit-inner-spin-button,.quantity-container input[type=number]::-webkit-outer-spin-button{-webkit-appearance:auto;margin:initial}.quantity-container:has(button) .row{width:auto;display:inline-flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:6px;padding:5px 8px;border:1px solid #e0dfdd;border-radius:100px;overflow:visible}.quantity-container:has(button) button[type=button]{width:36px;height:36px;background-color:#f8f6f3;border-radius:50%;font-size:clamp(1.6rem,1.52rem + .25vw,2rem);line-height:1;color:#333;transition:color 180ms ease,background-color 180ms ease}.quantity-container:has(button) button[type=button]:hover{color:#2b7ffd;background-color:#eaf3ff}.quantity-container:has(button) input[type=number][type=number]{width:40px;min-width:40px;padding:0;border:none!important;background:0 0;text-align:center;font-weight:600;font-size:clamp(1.4rem,1.36rem + .125vw,1.6rem)}.quantity-container:has(button) input[type=number]::-webkit-inner-spin-button,.quantity-container:has(button) input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.quantity-container:has(button) input[type=number]{appearance:textfield}#popup-processing{padding-top:var(--header-height);display:block;overflow:auto;opacity:0;pointer-events:none;transition:opacity 180ms ease}#popup-processing.show-half{opacity:.66;pointer-events:all;visibility:visible}#popup-processing.show{opacity:1;pointer-events:all;visibility:visible}#popup-processing.show-save-favourites{opacity:1;pointer-events:all;visibility:visible;background-color:rgba(255,255,255,.9);display:flex}#popup-processing.show-save-favourites .popup-container{display:none}#popup-processing.show-save-favourites #processing-overlay--content{display:flex}#popup-processing .popup-container{margin-top:var(--margin-48);margin-bottom:var(--margin-48);max-height:calc(100% - var(--margin-48));padding:0}#popup-processing .popup-header{align-items:center;padding:var(--margin-24);margin-bottom:0}#popup-processing .popup-header h2 svg{min-width:20px}#popup-processing .popup-header .left{width:auto;flex:1;padding-right:0}#popup-processing .popup-header .right{width:auto;margin-left:auto;display:flex;flex-direction:column}#popup-processing .popup-header .right a:not(.btn).link{margin-top:var(--margin-8);align-self:flex-end}#popup-processing .popup-header .right button.link{color:#fff}#popup-processing .popup-header .right button.link svg{stroke:none!important;fill:#fff!important;transform:translateX(2px) translateY(.5px) rotate(-90deg)}#popup-processing .popup-content{display:block;max-width:initial}#popup-processing #webshop-ctas{box-shadow:none;border-radius:none}#popup-processing #processing-overlay--content{display:none;align-items:center;justify-content:center;font-size:clamp(2rem,1.76rem + .75vw,3.2rem);text-align:center}@media only screen and (max-width:768px){#popup-processing .container{padding:0 var(--margin-12)}#popup-processing .popup-container{margin-top:var(--margin-24);margin-bottom:var(--margin-24)}#popup-processing .popup-header{flex-direction:column;align-items:flex-start}#popup-processing .popup-header .right{width:100%;margin-top:var(--margin-12);margin-left:0;padding-left:0}#popup-processing .popup-header .right a.btn{justify-content:center}}#intro-text{margin-bottom:var(--margin-12);white-space:nowrap}@media only screen and (max-width:540px){#intro-text{white-space:initial;line-height:1.2}}#color-picker{display:flex;align-items:flex-start;gap:var(--gutter)}#color-picker-image{flex:1;position:relative;width:calc(100% - var(--margin-48))}#color-picker-image img{z-index:1;position:absolute;top:0;right:0;width:100%;height:auto}#color-picker-image img[data-default]{position:static!important;display:block!important}#color-picker-circle{flex:1}#color-picker-selection{flex:1;display:flex;flex-direction:column}#color-picker-selection #color-picker-selection-container{margin-left:auto;padding-right:var(--gutter)}#color-picker-submit{margin-top:var(--margin-48)}#color-picker-submit p{margin-top:var(--margin-10);display:flex;align-items:center}#color-picker-submit p svg{margin-right:var(--margin-10)}circle{fill:#f8f6f3}rect{fill:#fff}@media only screen and (max-width:1608px){#color-picker{gap:var(--margin-60)}#color-picker-circle{flex:1.25}#color-picker-selection{flex:initial;width:100%;max-width:290px}#color-picker-selection #color-picker-selection-container{padding-right:0}.color-circle{max-width:540px}}@media only screen and (max-width:1260px){#color-picker{justify-content:center;align-items:center}#color-picker-image{display:none}#color-picker-circle{flex:initial;width:50%}#color-picker-selection{flex:initial}#color-picker-selection #color-picker-selection-container{margin-left:initial}.color-circle{max-width:420px}}@media only screen and (max-width:984px){#color-picker{align-items:stretch;gap:var(--margin-48)}#color-picker-circle{flex:1.25;width:auto}ul#picked-colors{width:100%;max-width:290px}}@media only screen and (max-width:744px){#color-picker{flex-direction:column;justify-content:center;align-items:center}#color-picker-circle{flex:initial;width:100%;max-width:420px}}