:root{--red:#e20b17;--red-bright:#ff2732;--red-dark:#ab0710;--red-soft:#fff0f1;--night:#10131a;--ink:#151820;--text:#353a44;--muted:#707784;--surface-soft:#f4f5f7;--border:#dfe3e8;--heading:"Saira",Arial,sans-serif;--body:"Manrope","Segoe UI",Arial,sans-serif;--container:78rem;--radius:1rem;--radius-lg:1.7rem;--shadow:0 1.4rem 4rem rgb(16 19 26/12%);--glow:0 .9rem 2.2rem rgb(226 11 23/36%),0 0 1.5rem rgb(226 11 23/18%)}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:8rem}body{margin:0;color:var(--text);background:#fff;font:400 1rem/1.65 var(--body);-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--ink);font-family:var(--heading);line-height:1.05;letter-spacing:-.025em;text-wrap:balance}h1{margin-bottom:1.45rem;font-size:clamp(3.25rem,6.6vw,6.7rem);font-weight:600}h2{margin-bottom:1.25rem;font-size:clamp(2.45rem,5vw,4.8rem);font-weight:600}h3{margin-bottom:.75rem;font-size:clamp(1.35rem,2vw,1.75rem);font-weight:600}.container{width:min(100% - 2rem,var(--container));margin-inline:auto}.section{padding-block:clamp(5rem,9vw,8rem)}.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}.skip-link{position:fixed;z-index:300;top:.5rem;left:.5rem;padding:.75rem 1rem;color:#fff;background:var(--night);transform:translateY(-150%)}.skip-link:focus{transform:none}.eyebrow{display:flex;align-items:center;gap:.7rem;color:rgb(255 255 255/70%);font-size:.7rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.eyebrow span{width:2rem;height:2px;background:var(--red)}.eyebrow--red{color:var(--red-dark)}.section-heading{margin-bottom:clamp(2.5rem,5vw,4.5rem)}.section-heading--split{display:grid;grid-template-columns:1.05fr .75fr;align-items:end;gap:4rem}.section-heading--split>p:last-child{max-width:39rem;margin-bottom:.4rem;color:var(--muted)}.section-heading--center{max-width:60rem;margin-inline:auto;text-align:center}.section-heading--center .eyebrow{justify-content:center}.section-heading--center>p:last-child{max-width:48rem;margin-inline:auto;color:var(--muted)}
/* Interactive panels rely on the native hidden attribute. */
[hidden]{display:none!important}
.service-bar{color:#fff;background:var(--night);font-size:.74rem}.service-bar__inner{min-height:2.45rem;display:flex;align-items:center;justify-content:center;gap:clamp(1rem,4vw,3rem)}.service-bar span{white-space:nowrap}.service-bar strong{color:#ff7d84}.service-bar a{margin-left:auto;font-weight:800}.site-header{position:sticky;z-index:100;top:0;background:rgb(255 255 255/94%);border-bottom:1px solid rgb(16 19 26/8%);backdrop-filter:blur(18px)}.header__inner{min-height:6.6rem;display:flex;align-items:center;justify-content:space-between;gap:1.7rem}.brand{width:9.6rem;height:5.5rem;flex:0 0 auto;display:grid;place-items:center;padding:.2rem .5rem;background:#fff;border-radius:.8rem}.brand img{width:100%;height:100%;object-fit:contain}.main-nav{display:flex;align-items:center;gap:clamp(.7rem,1.45vw,1.45rem);color:var(--ink);font-size:.82rem;font-weight:700}.main-nav>a:not(.button),.nav-cluster>a{position:relative;padding-block:2.25rem;white-space:nowrap}.main-nav>a:not(.button)::after,.nav-cluster>a::after{content:"";position:absolute;right:0;bottom:1.8rem;left:0;height:2px;background:var(--red);transform:scaleX(0);transition:transform .2s;transform-origin:left}.main-nav>a:not(.button):hover::after,.main-nav>a:not(.button):focus-visible::after,.nav-cluster:hover>a::after,.nav-cluster:focus-within>a::after{transform:scaleX(1)}.nav-cluster{position:relative}.nav-cluster>a{display:flex;gap:.3rem}.mega-panel{position:absolute;top:calc(100% - .7rem);left:-10rem;width:44rem;display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:.65rem;padding:1rem;color:var(--ink);background:#fff;border:1px solid var(--border);border-radius:1.1rem;box-shadow:0 2rem 5rem rgb(16 19 26/19%);opacity:0;visibility:hidden;transform:translateY(.6rem);transition:.2s}.nav-cluster:hover .mega-panel,.nav-cluster:focus-within .mega-panel{opacity:1;visibility:visible;transform:none}.mega-panel>div{grid-row:span 2;padding:1.1rem;color:#fff;background:var(--night);border-radius:.8rem}.mega-panel>div small{color:#ff8f95;text-transform:uppercase;letter-spacing:.1em}.mega-panel>div strong{display:block;margin:.5rem 0;font:600 1.25rem var(--heading)}.mega-panel>div p{margin:0;color:rgb(255 255 255/65%);font-size:.75rem}.mega-panel>a{display:grid;gap:.1rem;padding:.9rem;border-radius:.7rem;background:var(--surface-soft)}.mega-panel>a:hover{background:var(--red-soft)}.mega-panel>a strong{font-size:.78rem}.mega-panel>a small{color:var(--muted);font-size:.67rem}.menu-toggle,.menu-close,.menu-backdrop{display:none}
.button{min-height:3.35rem;display:inline-flex;align-items:center;justify-content:center;gap:1rem;padding:.85rem 1.45rem;border:1px solid transparent;border-radius:999px;font-size:.84rem;font-weight:800;transition:transform .2s,box-shadow .2s,background-color .2s}.button:hover{transform:translateY(-2px)}.button--large{min-height:4rem;padding-inline:1.8rem}.button--primary{color:#fff;background:linear-gradient(180deg,var(--red-bright),var(--red));border-color:rgb(255 255 255/14%);box-shadow:var(--glow)}.button--primary:hover{background:linear-gradient(180deg,#ff3943,var(--red-dark));box-shadow:0 1.1rem 2.5rem rgb(226 11 23/46%),0 0 1.8rem rgb(226 11 23/25%)}.button--ghost{color:#fff;border-color:rgb(255 255 255/44%);background:rgb(255 255 255/6%)}.button--ghost:hover{background:rgb(255 255 255/14%)}.button--light{color:var(--night);background:#fff}.button--full{width:100%}.button__copy{display:grid;gap:.04rem;line-height:1.18;text-align:left}.button__copy small{font-size:.61rem;font-weight:600;opacity:.82}.button--full .button__copy{text-align:center}.nav-cta{min-height:3.7rem;padding:.55rem 1.15rem}
.hero{position:relative;overflow:hidden;color:#fff;background:var(--night)}.hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 25%,rgb(226 11 23/22%),transparent 28%)}.hero__noise{position:absolute;inset:0;opacity:.34;background-image:linear-gradient(rgb(255 255 255/3%) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255/3%) 1px,transparent 1px);background-size:3.4rem 3.4rem;mask-image:linear-gradient(to right,#000,transparent 78%)}.hero__grid{position:relative;min-height:min(50rem,calc(100svh - 9rem));display:grid;grid-template-columns:minmax(0,1.05fr) minmax(22rem,.95fr);align-items:center;gap:clamp(3rem,7vw,7rem);padding-block:clamp(4.5rem,8vw,7rem)}.hero h1{color:#fff}.hero h1 em{color:#ff6c73;font-style:normal}.hero__intro{max-width:42rem;color:rgb(255 255 255/72%);font-size:clamp(1.04rem,1.5vw,1.22rem)}.hero__actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2rem}.proof-list{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin:3rem 0 0;padding:2rem 0 0;border-top:1px solid rgb(255 255 255/14%);list-style:none}.proof-list strong,.proof-list span{display:block}.proof-list strong{color:#fff;font:600 1.05rem var(--heading)}.proof-list span{color:rgb(255 255 255/51%);font-size:.73rem}.hero__visual{position:relative;min-width:0}.hero__image-wrap{overflow:hidden;aspect-ratio:4/5;border:1px solid rgb(255 255 255/14%);border-radius:1.6rem;box-shadow:0 3rem 7rem rgb(0 0 0/45%);transform:rotate(1deg)}.hero__image-wrap img{width:100%;height:100%;object-fit:cover;object-position:center}.hero__stamp{position:absolute;top:1.2rem;right:-1.8rem;width:9.5rem;aspect-ratio:1;display:grid;place-content:center;text-align:center;color:#fff;background:var(--red);border:7px solid var(--night);border-radius:50%;box-shadow:var(--glow);transform:rotate(6deg)}.hero__stamp span{font-size:.58rem;font-weight:800;letter-spacing:.18em}.hero__stamp strong{font:700 2rem/1 var(--heading)}.hero__stamp small{font-size:.58rem;line-height:1.3}.detail-tag{position:absolute;left:-2.5rem;bottom:1.5rem;display:flex;align-items:center;gap:.8rem;padding:.85rem 1rem;color:var(--ink);background:rgb(255 255 255/94%);border-radius:.8rem;box-shadow:var(--shadow)}.detail-tag i{width:2.3rem;height:2.3rem;background:linear-gradient(135deg,#fff 48%,var(--red) 49% 53%,#cfd3d8 54%);border-radius:.3rem}.detail-tag span,.detail-tag strong{display:block}.detail-tag strong{font-size:.75rem}.detail-tag span{color:var(--muted);font-size:.62rem}
.trust-strip{position:relative;z-index:3;background:#fff;box-shadow:0 1rem 3rem rgb(16 19 26/8%)}.trust-strip__grid{display:grid;grid-template-columns:repeat(4,1fr)}.trust-strip__grid>div{display:flex;align-items:center;gap:1rem;padding:1.4rem;border-right:1px solid var(--border)}.trust-strip__grid>div:last-child{border-right:0}.trust-strip span{color:var(--red);font:700 .8rem var(--heading)}.trust-strip p{margin:0;color:var(--muted);font-size:.72rem;line-height:1.45}.trust-strip strong{display:block;color:var(--ink);font-size:.84rem}
.journey{background:var(--surface-soft)}.journey-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.journey-card{position:relative;min-width:0;min-height:20rem;overflow:hidden;display:flex;flex-direction:column;padding:clamp(1.5rem,4vw,2.6rem);background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);transition:.25s}.journey-card:hover{transform:translateY(-.35rem);box-shadow:var(--shadow)}.journey-card>span{color:var(--red-dark);font-size:.66rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.journey-card h3{max-width:22rem;margin-top:1.2rem;font-size:clamp(1.8rem,3vw,2.65rem)}.journey-card p{max-width:32rem;color:var(--muted);font-size:.86rem}.journey-card>strong{margin-top:auto;color:var(--red-dark);font-size:.78rem}.journey-card--dark{color:#fff;background:var(--night);border-color:var(--night)}.journey-card--dark h3,.journey-card--red h3{color:#fff}.journey-card--dark p,.journey-card--red p{color:rgb(255 255 255/65%)}.journey-card--dark>span,.journey-card--dark>strong,.journey-card--red>span,.journey-card--red>strong{color:#fff}.journey-card--red{color:#fff;background:var(--red);border-color:var(--red)}.mini-profile{position:absolute;right:-3rem;bottom:-2.5rem;width:15rem;height:8rem;background:linear-gradient(145deg,#fff,#cfd2d6);border-radius:.5rem;box-shadow:0 1rem 2rem rgb(16 19 26/18%);transform:rotate(-8deg)}.mini-profile::after{content:"";position:absolute;inset:auto 1rem 1rem;height:.45rem;background:var(--red);border-radius:999px}.mini-profile--cover{background:linear-gradient(145deg,#eee,#aeb4bd);clip-path:polygon(0 18%,75% 18%,75% 40%,100% 40%,100% 100%,0 100%)}.mini-profile--curve{border-radius:8rem 0 0 8rem;transform:rotate(-12deg) perspective(300px) rotateY(-18deg)}.sample-stack{position:absolute;right:2rem;bottom:1rem;width:9rem;height:7rem}.sample-stack i{position:absolute;inset:0;background:#fff;border-radius:.5rem;box-shadow:0 .6rem 1.5rem rgb(75 0 4/20%);transform:rotate(-8deg)}.sample-stack i:nth-child(2){background:#cfd2d6;transform:translate(-1.7rem,.7rem) rotate(-15deg)}.sample-stack i:nth-child(3){background:var(--night);transform:translate(-3.2rem,1.4rem) rotate(-21deg)}
.montage{color:#fff;background:var(--night)}.montage__grid{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:clamp(3rem,8vw,8rem)}.montage h2{color:#fff}.montage__content>p:not(.eyebrow){color:rgb(255 255 255/66%)}.included{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin:2rem 0}.included>div{display:flex;gap:.7rem;padding:.75rem;border:1px solid rgb(255 255 255/10%);border-radius:.7rem}.included>div>span{color:#ff6870;font-weight:800}.included p{margin:0;color:rgb(255 255 255/55%);font-size:.7rem}.included strong{display:block;color:#fff;font-size:.78rem}.precision-board{position:relative;min-height:35rem;overflow:hidden;background:linear-gradient(145deg,#f7f7f5,#d7d5d1);border-radius:var(--radius-lg);box-shadow:0 2rem 5rem rgb(0 0 0/34%)}.precision-room{position:absolute;inset:2rem 2rem 7.5rem;overflow:hidden;background:#e7e3dc}.wall-a,.wall-b,.floor,.plinth-a,.plinth-b{position:absolute}.wall-a{inset:0 38% 24% 0;background:#efede8}.wall-b{inset:0 0 24% 62%;background:#d9d5ce}.floor{inset:76% 0 0;background:linear-gradient(135deg,#ab896c,#755b47)}.plinth-a{left:0;right:38%;bottom:24%;height:4.2rem;background:linear-gradient(#fff,#c9cdd2);box-shadow:0 -.4rem 1rem rgb(0 0 0/8%)}.plinth-b{left:62%;right:0;bottom:24%;height:4.2rem;background:linear-gradient(#e0e2e5,#aeb3b9);transform:skewY(-14deg);transform-origin:left bottom}.precision-note{position:absolute;z-index:2;display:grid;padding:.6rem .8rem;color:var(--ink);background:#fff;border-radius:.6rem;box-shadow:var(--shadow)}.precision-note b{color:var(--red);font:700 1.3rem var(--heading)}.precision-note span{font-size:.6rem}.precision-note--a{top:3.5rem;right:1rem}.precision-note--b{left:1rem;bottom:8.5rem}.precision-caption{position:absolute;right:2rem;bottom:2rem;left:2rem;display:flex;justify-content:space-between;gap:1rem;color:var(--ink)}.precision-caption span{color:var(--red-dark);font-size:.64rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.precision-caption strong{font:600 1rem var(--heading);text-align:right}
.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.detail-grid article{position:relative;padding:1rem 1rem 1.6rem;background:var(--surface-soft);border-radius:var(--radius-lg)}.detail-number{position:absolute;z-index:2;top:1.8rem;left:1.8rem;display:grid;place-items:center;width:2.7rem;height:2.7rem;color:#fff;background:var(--red);border-radius:50%;font-size:.7rem;font-weight:800}.detail-visual{position:relative;height:16rem;margin-bottom:1.5rem;overflow:hidden;background:#e5e2dc;border-radius:1rem}.detail-visual::before,.detail-visual::after{content:"";position:absolute}.detail-visual--corner::before{inset:18% 50% 15% 12%;background:linear-gradient(#fff,#c9ccd1);box-shadow:0 .7rem 1.5rem rgb(16 19 26/14%)}.detail-visual--corner::after{inset:18% 12% 15% 50%;background:linear-gradient(#f1f2f4,#acb1b8);clip-path:polygon(0 12%,100% 0,100% 100%,0 88%)}.detail-visual--line::before{left:7%;right:7%;bottom:15%;height:5rem;background:linear-gradient(#fff,#c4c7cc);box-shadow:0 -.6rem 1.3rem rgb(16 19 26/10%)}.detail-visual--line::after{left:7%;right:7%;bottom:11%;height:.6rem;background:var(--red)}.detail-visual--finish::before{inset:15% 12%;background:linear-gradient(120deg,#fff 0 48%,#cdd1d6 49% 52%,#f8f8f8 53%);border-radius:.6rem;transform:perspective(250px) rotateY(-7deg)}.detail-visual--finish::after{right:18%;bottom:20%;width:4rem;height:4rem;border:3px solid var(--red);border-radius:50%}.detail-grid article h3,.detail-grid article p{padding-inline:.5rem}.detail-grid article p{color:var(--muted);font-size:.82rem}
.costs,.process{background:var(--surface-soft)}.costs__grid{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:clamp(3rem,8vw,8rem)}.cost-card{padding:clamp(1.5rem,4vw,3rem);background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.cost-card>p:not(.eyebrow){color:var(--muted);font-size:.8rem}.cost-amount{display:grid;margin:1.5rem 0}.cost-amount small{color:var(--muted);font-size:.75rem}.cost-amount strong{color:var(--ink);font:700 clamp(4.5rem,9vw,7.8rem)/.9 var(--heading);letter-spacing:-.07em}.cost-amount span{color:var(--red-dark);font-size:.78rem;font-weight:800}.costs__content>p:not(.eyebrow){max-width:42rem;color:var(--muted)}.price-factors{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin-top:2rem}.price-factors>div{display:flex;gap:.8rem;padding:1rem;background:#fff;border-radius:.8rem}.price-factors b{color:var(--red);font:700 .75rem var(--heading)}.price-factors span{color:var(--muted);font-size:.68rem}.price-factors strong{display:block;color:var(--ink);font-size:.77rem}.compare-table{overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-lg)}.compare-table>div{display:grid;grid-template-columns:1.25fr 1fr 1fr;align-items:center}.compare-table>div:not(.compare-head){border-top:1px solid var(--border)}.compare-table span,.compare-table em,.compare-table strong{min-width:0;padding:1.1rem 1.4rem}.compare-table span{color:var(--ink);font-size:.8rem;font-weight:700}.compare-table em{color:var(--muted);font-size:.75rem;font-style:normal}.compare-table strong{align-self:stretch;color:var(--ink);background:var(--red-soft);font-size:.75rem}.compare-head{color:#fff;background:var(--night)}.compare-head strong{background:transparent;color:#fff}.compare-head .highlight{color:#ff858b;background:rgb(226 11 23/12%)}.steps{display:grid;grid-template-columns:repeat(4,1fr);margin:0;padding:0;list-style:none}.steps li{position:relative;padding:1.5rem 1.6rem 1rem;border-left:1px solid var(--border)}.steps li:last-child{border-right:1px solid var(--border)}.steps>li>span{display:inline-flex;margin-bottom:4rem;color:var(--red);font:700 .8rem var(--heading)}.steps>li>span::after{content:"";position:absolute;top:2.1rem;left:4.2rem;right:0;height:1px;background:#f3b9bc}.steps h3{font-size:1.2rem}.steps p{color:var(--muted);font-size:.78rem}
.business{color:#fff;background:var(--night)}.business__grid{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:clamp(3rem,8vw,8rem)}.business h2{color:#fff}.business p,.business li{color:rgb(255 255 255/65%)}.business ul{display:grid;gap:.6rem;padding-left:1.2rem;margin:2rem 0}.business-mark{position:relative;min-height:25rem;display:grid;place-content:center;padding:2rem;background:linear-gradient(145deg,#242a36,#11141b);border:1px solid rgb(255 255 255/10%);border-radius:var(--radius-lg);overflow:hidden}.business-mark::before{content:"";position:absolute;width:18rem;height:18rem;right:-4rem;top:-5rem;background:radial-gradient(circle,rgb(226 11 23/55%),transparent 68%)}.business-mark span,.business-mark strong,.business-mark em{position:relative;display:block}.business-mark span{color:#ff7077;font-size:.75rem;font-weight:800;letter-spacing:.3em}.business-mark strong{font:700 clamp(3.5rem,7vw,6.5rem)/.9 var(--heading);letter-spacing:-.06em}.business-mark em{margin-top:1rem;color:rgb(255 255 255/48%);font-size:.7rem;font-style:normal;letter-spacing:.12em;text-transform:uppercase}
.quote{color:#fff;background:var(--red)}.quote__grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(3rem,8vw,7rem);align-items:start}.quote h2{color:#fff}.quote__intro>p:not(.eyebrow){color:rgb(255 255 255/75%)}.contact-card{display:grid;gap:.25rem;margin-top:2.5rem;padding:1.4rem;background:rgb(16 19 26/18%);border:1px solid rgb(255 255 255/22%);border-radius:var(--radius)}.contact-card span{color:rgb(255 255 255/64%);font-size:.66rem;text-transform:uppercase;letter-spacing:.1em}.contact-card a{font-weight:800;overflow-wrap:anywhere}.quote-form{padding:clamp(1.4rem,4vw,2.5rem);color:var(--ink);background:#fff;border-radius:var(--radius-lg);box-shadow:0 2rem 4rem rgb(88 0 5/25%)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.quote-form label{display:grid;gap:.45rem;margin-bottom:1rem;font-size:.75rem;font-weight:800}.quote-form input,.quote-form select,.quote-form textarea{width:100%;min-width:0;padding:.8rem .9rem;color:var(--ink);background:var(--surface-soft);border:1px solid #ccd1d7;border-radius:.65rem;font-size:1rem;outline:none}.quote-form textarea{resize:vertical}.quote-form input:focus,.quote-form select:focus,.quote-form textarea:focus{border-color:var(--red);box-shadow:0 0 0 4px rgb(226 11 23/14%)}.quote-form .consent{display:flex;align-items:flex-start;gap:.7rem;font-weight:400}.consent input{width:1.1rem;height:1.1rem;flex:0 0 auto;margin-top:.2rem}.consent a{color:var(--red-dark);text-decoration:underline}.form-status{min-height:1.5rem;margin:.75rem 0 0;color:var(--muted);font-size:.72rem;text-align:center}.faq__grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:clamp(3rem,8vw,8rem)}.faq__grid>div:first-child>p:not(.eyebrow){color:var(--muted)}.text-link{display:inline-flex;padding-bottom:.25rem;color:var(--red-dark);border-bottom:1px solid currentColor;font-weight:800}.faq__items details{border-top:1px solid var(--border)}.faq__items details:last-child{border-bottom:1px solid var(--border)}.faq__items summary{display:flex;justify-content:space-between;gap:1rem;padding-block:1.3rem;color:var(--ink);font-weight:800;cursor:pointer;list-style:none}.faq__items summary::-webkit-details-marker{display:none}.faq__items summary span{color:var(--red);font-size:1.4rem;transition:transform .2s}.faq__items details[open] summary span{transform:rotate(45deg)}.faq__items details p{max-width:65ch;padding:0 2rem 1.35rem 0;color:var(--muted);font-size:.84rem}
.final-cta{padding-block:clamp(5rem,9vw,8rem);color:#fff;background:var(--night)}.final-cta__inner{display:grid;grid-template-columns:1.15fr .85fr;align-items:end;gap:4rem}.final-cta h2{margin:0;color:#fff;font-size:clamp(3.4rem,7vw,6.8rem)}.final-cta__inner>div:last-child{padding-bottom:.8rem}.final-cta__inner>div:last-child p{color:rgb(255 255 255/62%)}.site-footer{padding:4.5rem 0 1.5rem;color:rgb(255 255 255/60%);background:#090b0f;font-size:.77rem}.footer__grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:2.5rem}.footer__brand img{width:auto;height:7rem;margin-bottom:1.2rem;background:#fff;border-radius:.6rem}.site-footer h3{color:#fff;font:700 .75rem var(--body);letter-spacing:.08em;text-transform:uppercase}.site-footer a{display:block;margin-bottom:.45rem}.site-footer a:hover{color:#fff}.footer__bottom{display:flex;justify-content:space-between;gap:1rem;margin-top:3rem;padding-top:1.2rem;border-top:1px solid rgb(255 255 255/12%)}.mobile-actions{display:none}.legal-page{min-height:70vh;padding-block:clamp(4rem,8vw,7rem);background:var(--surface-soft)}.legal-page__inner{max-width:54rem;padding:clamp(1.5rem,5vw,4rem);background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow)}.legal-page h1{font-size:clamp(3rem,7vw,5.5rem)}.legal-page h2{margin-top:2.5rem;font-size:1.7rem}.legal-page a:not(.button){color:var(--red-dark);text-decoration:underline}.legal-lead{color:var(--muted);font-size:1.08rem}:focus-visible{outline:3px solid #ff737a;outline-offset:3px}
@media(max-width:72rem){.main-nav{gap:.8rem}.main-nav>a:not(.button),.nav-cluster>a{font-size:.75rem}.nav-cta{padding-inline:.9rem}.hero__grid{grid-template-columns:1fr 1fr}.trust-strip__grid{grid-template-columns:1fr 1fr}.trust-strip__grid>div:nth-child(2){border-right:0}.trust-strip__grid>div:nth-child(-n+2){border-bottom:1px solid var(--border)}}
@media(max-width:58rem){html{scroll-padding-top:5.5rem}.service-bar__inner{justify-content:space-between}.service-bar__inner>span:nth-child(2),.service-bar__optional{display:none}.header__inner{min-height:5.3rem}.brand{width:8.4rem;height:4.7rem;padding:.15rem}.menu-toggle{width:2.9rem;height:2.9rem;display:grid;place-content:center;gap:.32rem;padding:0;background:var(--surface-soft);border:1px solid var(--border);border-radius:999px}.menu-toggle span:not(.sr-only){width:1.2rem;height:2px;background:var(--ink)}.main-nav{position:fixed;z-index:120;inset:0 0 0 auto;width:min(91vw,26rem);min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:stretch;gap:0;padding:5rem 1.5rem 7rem;background:#fff;overflow-y:auto;transform:translateX(105%);transition:transform .3s;box-shadow:-2rem 0 4rem rgb(16 19 26/20%)}.main-nav.is-open{transform:none}.main-nav>a:not(.button),.nav-cluster>a{display:flex;justify-content:space-between;padding:1rem 0;border-bottom:1px solid var(--border);font-size:.88rem}.main-nav>a:not(.button)::after,.nav-cluster>a::after{display:none}.nav-cluster{display:grid}.mega-panel{position:static;width:auto;display:grid;grid-template-columns:1fr 1fr;margin:.75rem 0;padding:.6rem;opacity:1;visibility:visible;transform:none;box-shadow:none}.mega-panel>div{display:none}.mega-panel>a{padding:.75rem}.main-nav .nav-cta{display:flex;margin-top:1rem;padding:.8rem 1rem;text-align:center}.main-nav .button__copy{text-align:center}.menu-close{position:absolute;top:1rem;right:1rem;width:2.8rem;height:2.8rem;display:grid;place-content:center;color:var(--ink);background:var(--surface-soft);border:0;border-radius:999px;font-size:2rem}.menu-backdrop{position:fixed;z-index:110;inset:0;display:block;background:rgb(16 19 26/62%);opacity:0;pointer-events:none;transition:opacity .3s}.menu-backdrop.is-open{opacity:1;pointer-events:auto}.hero__grid,.montage__grid,.costs__grid,.business__grid,.quote__grid,.faq__grid,.section-heading--split,.final-cta__inner{grid-template-columns:1fr}.hero__grid{padding-top:4rem}.hero__visual{width:min(100%,34rem);margin-inline:auto}.journey-grid{grid-template-columns:1fr}.detail-grid{grid-template-columns:1fr 1fr}.price-factors{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr 1fr}.steps li:nth-child(2){border-right:1px solid var(--border)}.final-cta__inner{align-items:start}.footer__grid{grid-template-columns:1.2fr 1fr 1fr}.footer__grid>div:last-child{grid-column:1/-1}}
@media(max-width:38rem){body{padding-bottom:calc(4.3rem + env(safe-area-inset-bottom))}.section{padding-block:4.6rem}.hero__grid{min-height:auto}.hero h1{font-size:clamp(3rem,15vw,4.5rem)}.hero__intro{font-size:1rem}.hero__actions{display:grid}.proof-list{grid-template-columns:1fr;gap:.65rem}.proof-list li{display:flex;justify-content:space-between;gap:1rem}.proof-list span{text-align:right}.hero__stamp{right:-.4rem;width:8.2rem}.detail-tag{left:.6rem;bottom:.6rem}.journey-card{min-height:21rem}.included,.form-row,.price-factors{grid-template-columns:1fr;gap:0}.precision-board{min-height:27rem}.detail-grid{grid-template-columns:1fr}.compare-table{overflow-x:auto}.compare-table>div{min-width:40rem}.steps{grid-template-columns:1fr}.steps li,.steps li:nth-child(2),.steps li:last-child{border-right:0;border-left:0;border-top:1px solid var(--border)}.steps li:last-child{border-bottom:1px solid var(--border)}.steps>li>span{margin-bottom:1rem}.steps>li>span::after{display:none}.business-mark{min-height:19rem}.final-cta__inner{gap:2rem}.footer__grid{grid-template-columns:1fr 1fr}.footer__brand,.footer__grid>div:last-child{grid-column:1/-1}.footer__bottom{display:grid}.mobile-actions{position:fixed;z-index:99;right:0;bottom:0;left:0;display:grid;grid-template-columns:1fr 1.45fr;padding-bottom:env(safe-area-inset-bottom);background:#fff;box-shadow:0 -1rem 2rem rgb(16 19 26/15%)}.mobile-actions a{min-height:4.3rem;display:grid;place-items:center;color:var(--ink);font-size:.8rem;font-weight:800}.mobile-actions a:last-child{color:#fff;background:var(--red);box-shadow:0 0 1.4rem rgb(226 11 23/30%)}}

/* Eigen projectfotografie */
.montage-photo{position:relative;min-height:35rem;margin:0;overflow:hidden;background:#e9e8ee;border:1px solid rgb(255 255 255/13%);border-radius:var(--radius-lg);box-shadow:0 2rem 5rem rgb(0 0 0/34%)}
.montage-photo::after{content:"Eigen montageproject";position:absolute;right:1rem;bottom:1rem;padding:.55rem .75rem;color:#fff;background:rgb(15 1 43/78%);border:1px solid rgb(255 255 255/20%);border-radius:999px;font-size:.62rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;backdrop-filter:blur(8px)}
.montage-photo img{width:100%;height:100%;min-height:35rem;display:block;object-fit:cover;object-position:center 68%}
.montage-photo figcaption{position:absolute;z-index:2;left:1rem;bottom:1rem;max-width:18rem;padding:.75rem .9rem;color:#fff;background:rgb(15 1 43/82%);border:1px solid rgb(255 255 255/18%);border-radius:.8rem;box-shadow:0 .8rem 2rem rgb(0 0 0/24%);backdrop-filter:blur(10px)}
.montage-photo figcaption span,.montage-photo figcaption strong{display:block}.montage-photo figcaption span{margin-bottom:.18rem;color:rgb(255 255 255/68%);font-size:.57rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.montage-photo figcaption strong{font-size:.75rem;line-height:1.35}
.detail-grid--photos article{overflow:hidden}
.detail-grid--photos .detail-visual{background:#e8e7ec}
.detail-grid--photos .detail-visual::before,.detail-grid--photos .detail-visual::after{display:none}
.detail-grid--photos .detail-visual img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .55s ease}
.detail-grid--photos article:hover .detail-visual img{transform:scale(1.035)}
.projects{overflow:hidden;background:linear-gradient(180deg,#f7f8fc 0%,#fff 100%)}
.projects .section-heading{max-width:52rem}
.project-gallery{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:14rem;gap:.9rem;margin-top:2.5rem}
.project-card{position:relative;grid-column:span 3;min-width:0;overflow:hidden;background:#dedee7;border-radius:1.1rem;box-shadow:0 1rem 2.5rem rgb(15 1 43/10%);isolation:isolate}
.project-card--feature{grid-column:span 5;grid-row:span 2}
.project-card--wide{grid-column:span 4}
.project-card img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.project-card:hover img{transform:scale(1.045)}
.hero__image-wrap img[src*="luxe-interieur-donkere-plint"]{object-position:center 50%}
.montage-photo img[src*="witte-plint-stucwand"]{object-position:center 78%}
.detail-visual img[src*="witte-mdf-plint-detail"],.detail-visual img[src*="roze-plint-op-maat"]{object-position:center 76%}
.project-card img[src*="witte-plint-blauwe-wand"],.project-card img[src*="roze-plint-op-maat"],.project-card img[src*="slaapkamer-plint"],.project-card img[src*="witte-mdf-plint-detail"],.project-card img[src*="witte-plint-stucwand"]{object-position:center 76%}
.project-card img[src*="mintgroene-plint"]{object-position:center 72%}
.project-card::after{content:"";position:absolute;z-index:1;inset:35% 0 0;background:linear-gradient(transparent,rgb(15 1 43/86%));pointer-events:none}
.project-card figcaption{position:absolute;z-index:2;right:1rem;bottom:.9rem;left:1rem;color:#fff;font-size:.73rem;font-weight:800;line-height:1.3;text-wrap:balance}
.project-card figcaption strong,.project-card figcaption span{display:block}.project-card figcaption span{margin-top:.16rem;color:rgb(255 255 255/68%);font-size:.62rem;font-weight:600}
.projects__cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1rem;margin-top:2rem}.projects__cta p{margin:0;color:var(--muted);font-weight:700}
@media(max-width:58rem){.montage-photo,.montage-photo img{min-height:30rem}.project-gallery{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:19rem}.project-card,.project-card--feature,.project-card--wide{grid-column:span 1;grid-row:span 1}.project-card--feature{grid-row:span 2}}
@media(max-width:38rem){.montage-photo,.montage-photo img{min-height:25rem}.montage-photo::after{font-size:.55rem}.project-gallery{grid-template-columns:1fr;grid-auto-rows:18rem;gap:.75rem;margin-top:1.8rem}.project-card,.project-card--feature,.project-card--wide{grid-column:1;grid-row:auto}.project-card--feature{min-height:25rem}.project-card figcaption{font-size:.7rem}}
@media(max-width:38rem){.hero__image-wrap img[src*="luxe-interieur-donkere-plint"]{object-position:center 43%}.montage-photo img[src*="witte-plint-stucwand"]{object-position:center 72%}.project-card img[src*="witte-plint-blauwe-wand"],.project-card img[src*="roze-plint-op-maat"],.project-card img[src*="slaapkamer-plint"],.project-card img[src*="witte-mdf-plint-detail"],.project-card img[src*="witte-plint-stucwand"]{object-position:center 73%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
.eyebrow--blue{color:var(--red-dark)}

/* Header-lock-up: het zichtbare beeldmerk staat exact gecentreerd, zonder kaart of overlap. */
.header__inner{min-height:6.4rem}
.brand{width:8.9rem;height:5.65rem;flex:0 0 8.9rem;display:flex;align-items:center;justify-content:center;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible}
.brand::after{display:none}
.brand:hover{transform:none;box-shadow:none}
.brand img{width:100%;height:auto;max-height:5.25rem;object-fit:contain;object-position:center;filter:none}
@media(max-width:58rem){.header__inner{min-height:5.25rem}.brand{width:7.6rem;height:4.65rem;flex-basis:7.6rem}.brand img{width:100%;height:auto;max-height:4.35rem}}

/* Materiaalpalet: warm beton, licht staal en helder wit voor meer bouwkundige diepte. */
:root{--paper:#faf9f6;--concrete:#f1f0ec;--steel-mist:#e9edef;--surface-soft:#eef0f1;--border:#d4d8dc}
body{background:var(--paper)}
.site-header{background:linear-gradient(180deg,rgb(250 249 246/98%),rgb(239 241 242/98%));border-bottom:1px solid #c8cdd1;box-shadow:0 .45rem 1.4rem rgb(16 19 26/7%)}
.trust-strip{background:var(--concrete);box-shadow:0 1rem 3rem rgb(16 19 26/7%)}
.journey{background:linear-gradient(135deg,var(--steel-mist),#f4f3ef 72%)}
.journey-card,.cost-card,.quote-form,.legal-page__inner{background:#fdfcf9}
.detail-lab,.compare{background:var(--paper)}
.costs{background:linear-gradient(145deg,#eef1f2,#f7f6f2)}
.process{background:linear-gradient(135deg,#e9edef,#f2f1ed)}
.faq{background:var(--concrete)}
.mega-panel{background:#fdfcf9;border-color:#cfd3d6}
@media(max-width:58rem){.main-nav{background:#f7f6f2}.menu-toggle,.menu-close{background:#e8ebed}}
@media(max-width:38rem){.mobile-actions{background:#f7f6f2}}

/* Complete projectcalculator */
.calculator-section{position:relative;overflow:hidden;background:linear-gradient(145deg,#a8060e 0%,var(--red) 48%,#ff2933 100%)}
.calculator-section::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 18%,rgb(255 255 255/16%),transparent 25%),linear-gradient(rgb(255 255 255/5%) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255/5%) 1px,transparent 1px);background-size:auto,3.4rem 3.4rem,3.4rem 3.4rem;pointer-events:none}
.calculator-section>.container{position:relative}
.calculator-heading{max-width:61rem;margin:0 auto 3rem;text-align:center}
.calculator-heading .eyebrow{justify-content:center}
.calculator-heading h2{margin-bottom:1rem;color:#fff}
.calculator-heading>p:not(.eyebrow){max-width:48rem;margin-inline:auto;color:rgb(255 255 255/78%);font-size:1.05rem}
.calculator-trust{display:flex;flex-wrap:wrap;justify-content:center;gap:.65rem;margin-top:1.6rem}
.calculator-trust span{padding:.45rem .75rem;background:rgb(16 19 26/20%);border:1px solid rgb(255 255 255/18%);border-radius:999px;font-size:.69rem;font-weight:800}
.calculator-shell{display:grid;grid-template-columns:minmax(0,1fr);max-width:55rem;margin-inline:auto;background:#fdfcf9;border:1px solid rgb(255 255 255/55%);border-radius:2rem;box-shadow:0 2.8rem 7rem rgb(74 0 4/35%);overflow:hidden}
.calculator-form{padding:clamp(1.4rem,4vw,3rem);color:var(--ink);background:#fdfcf9}
.calculator-progress{display:grid;grid-template-columns:auto 1fr auto 1fr auto;align-items:center;margin:0 0 .7rem;padding:1rem 1.1rem;background:#eef0f1;border:1px solid #d8dcdf;border-radius:1rem}
.calculator-progress>i{height:2px;margin:0 .65rem;background:#cfd3d6}
.progress-item{display:flex;align-items:center;gap:.45rem;color:#7b8289}
.progress-item span{width:1.8rem;height:1.8rem;display:grid;place-items:center;background:#d9dcdf;border-radius:50%;font:800 .65rem var(--heading)}
.progress-item small{font-size:.59rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.progress-item.is-active{color:var(--ink)}.progress-item.is-active span{color:#fff;background:var(--red);box-shadow:0 0 0 4px rgb(226 11 23/12%)}
.progress-item.is-done{color:#176344}.progress-item.is-done span{color:#fff;background:#176344}.progress-item.is-done span::before{content:"✓"}.progress-item.is-done span{font-size:0}.progress-item.is-done span::before{font-size:.7rem}
.wizard-status{max-height:0;margin:0;padding:0;color:#8b171d;background:#fff0f1;border:0 solid #efb5b8;border-radius:.7rem;font-size:.67rem;font-weight:700;line-height:1.45;opacity:0;overflow:hidden;transition:.2s}
.wizard-status.is-visible{max-height:5rem;margin:0 0 1rem;padding:.7rem .85rem;border-width:1px;opacity:1}
.calculator-panel{animation:wizard-panel-in .28s ease both}.calculator-panel[hidden]{display:none!important}
@keyframes wizard-panel-in{from{opacity:0;transform:translateY(.45rem)}to{opacity:1;transform:none}}
.wizard-actions{display:flex;align-items:center;justify-content:space-between;gap:.8rem;margin-top:1.6rem;padding-top:1.35rem;border-top:1px solid var(--border)}
.wizard-actions--next{justify-content:flex-end}.wizard-actions .button{margin:0;min-height:3.35rem}.wizard-actions--final .calculator-submit{width:auto;flex:1}
.wizard-back{min-height:3.15rem;padding:.65rem .2rem;color:#555d65;background:transparent;border:0;font-size:.69rem;font-weight:800}.wizard-back:hover{color:var(--red-dark)}
.wizard-summary{display:grid;gap:.3rem;margin:0 0 1.25rem;padding:1rem 1.05rem;background:#eef5f1;border:1px solid #bfd6c9;border-radius:.8rem}
.wizard-summary span{color:#176344;font-size:.57rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.wizard-summary strong{font-size:.78rem}.wizard-summary small{color:#52635b;font-size:.64rem;line-height:1.45}
.calculator-step{display:flex;align-items:center;gap:.9rem;margin:0 0 1.25rem;padding-top:.5rem}
.calculator-step:not(:first-child){margin-top:2.2rem;padding-top:2rem;border-top:1px solid var(--border)}
.step-badge{width:2.8rem;height:2.8rem;flex:0 0 auto;display:grid;place-items:center;color:#fff;background:var(--night);border-radius:.7rem;font:700 .72rem var(--heading);box-shadow:.35rem .35rem 0 var(--red)}
.calculator-step h3{margin:0;font-size:1.35rem}
.step-kicker{display:block;margin-bottom:.15rem;color:var(--red-dark);font-size:.6rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.calculator-form label{display:grid;align-content:start;gap:.42rem;margin-bottom:1rem;font-size:.75rem;font-weight:800}
.calculator-form input,.calculator-form select{width:100%;min-width:0;min-height:3.25rem;padding:.8rem .9rem;color:var(--ink);background:#f0f1f2;border:1px solid #cbd0d5;border-radius:.72rem;font-size:.95rem;outline:none}
.calculator-form input:focus,.calculator-form select:focus{background:#fff;border-color:var(--red);box-shadow:0 0 0 4px rgb(226 11 23/13%)}
.calculator-form input[readonly]{color:#4f5761;background:#e7eaec;cursor:default}
.meter-field{margin-bottom:1rem!important}
.address-box{margin:.3rem 0 1.2rem;padding:1rem;background:#f1f3f4;border:1px solid #d1d5d9;border-radius:1rem;box-shadow:inset 0 1px 0 rgb(255 255 255/80%)}
.address-box__heading{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}
.address-box__heading>span{width:2.4rem;height:2.4rem;flex:0 0 auto;display:grid;place-items:center;color:#fff;background:var(--night);border-radius:.65rem;font-size:1.25rem}
.address-box__heading strong,.address-box__heading small{display:block}.address-box__heading strong{font-size:.84rem}.address-box__heading small{color:var(--muted);font-size:.6rem}
.address-entry-grid{display:grid;grid-template-columns:1.05fr .72fr .72fr auto;align-items:end;gap:.65rem}
.address-result-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:.65rem;margin-top:.1rem}
.address-box label{margin-bottom:.65rem}
.address-search{min-height:3.25rem;margin-bottom:.65rem;padding:.7rem 1rem;color:#fff;background:var(--night);border:1px solid var(--night);border-radius:.72rem;font-size:.68rem;font-weight:800;white-space:nowrap;transition:.2s}
.address-search:hover{background:var(--red);border-color:var(--red);transform:translateY(-1px)}
.address-search:disabled{opacity:.62;cursor:wait;transform:none}.address-search.is-loading span{display:inline-block;animation:calculator-spin .8s linear infinite}
.address-status{margin:0;padding:.7rem .85rem;color:var(--muted);background:#fff;border:1px solid #d5d9dd;border-radius:.65rem;font-size:.64rem;line-height:1.45}
.address-status.is-loading{color:#7a5400;background:#fff6df;border-color:#edd193}
.address-status.is-found{color:#176344;background:#eaf6ef;border-color:#afd5bf;font-weight:700}
.address-status.is-error{color:#8b171d;background:#fff0f1;border-color:#efb5b8}
.calculator-form select:disabled{color:#8a9098;cursor:not-allowed}
.calculator-form label>small{color:var(--muted);font-size:.62rem;font-weight:500;line-height:1.5}
.product-glance{display:flex;align-items:center;gap:.9rem;margin:.2rem 0 1.2rem;padding:.85rem;background:var(--red-soft);border:1px solid #f4c2c5;border-radius:.8rem}
.profile-swatch{width:4rem;height:3rem;flex:0 0 auto;display:grid;align-items:end;padding:.4rem;background:linear-gradient(145deg,#fff,#d7d9dd);border-radius:.45rem;box-shadow:inset 0 0 0 1px rgb(16 19 26/8%)}
.profile-swatch span{height:.85rem;background:linear-gradient(#fff,#b9bec5);border-top:2px solid var(--red);border-radius:.18rem}
.product-glance small,.product-glance strong,.product-glance>div>span{display:block}
.product-glance small{color:var(--red-dark);font-size:.56rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em}
.product-glance strong{font-size:.8rem}.product-glance>div>span{color:var(--muted);font-size:.65rem}
.product-selection-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:.7rem}
.product-selection-grid--next{grid-template-columns:1fr 1fr;margin-top:1rem}
.plinth-picker{min-width:0;margin:0 0 .5rem;padding:0;border:0}
.plinth-picker__heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.7rem}
.plinth-picker legend{padding:0;color:var(--ink);font-size:.75rem;font-weight:800}
.plinth-picker__nav{display:flex;gap:.35rem}
.plinth-picker__nav button{width:2.2rem;height:2.2rem;display:grid;place-items:center;color:var(--ink);background:#fff;border:1px solid #cbd0d5;border-radius:50%;font-size:1rem;transition:.2s}
.plinth-picker__nav button:hover{color:#fff;background:var(--red);border-color:var(--red);transform:translateY(-1px)}
.plinth-card-track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(9.5rem,42%);gap:.65rem;min-width:0;padding:.15rem .15rem .65rem;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:inline mandatory;scrollbar-color:var(--red) #e2e4e6;scrollbar-width:thin}
.plinth-card-track::-webkit-scrollbar{height:.45rem}.plinth-card-track::-webkit-scrollbar-track{background:#e2e4e6;border-radius:999px}.plinth-card-track::-webkit-scrollbar-thumb{background:var(--red);border-radius:999px}
.plinth-card{position:relative;min-width:0;overflow:hidden;display:grid;grid-template-rows:8.8rem auto;padding:0;color:var(--ink);background:#fff;border:2px solid #d5d9dd;border-radius:.85rem;text-align:left;scroll-snap-align:start;transition:transform .2s,border-color .2s,box-shadow .2s}
.plinth-card:hover{transform:translateY(-2px);border-color:#aeb4ba;box-shadow:0 .7rem 1.5rem rgb(16 19 26/10%)}
.plinth-card.is-selected{border-color:var(--red);box-shadow:0 0 0 3px rgb(226 11 23/12%),0 .8rem 1.7rem rgb(16 19 26/12%)}
.plinth-card.is-selected::after{content:"✓";position:absolute;top:.55rem;right:.55rem;width:1.65rem;height:1.65rem;display:grid;place-items:center;color:#fff;background:var(--red);border:2px solid #fff;border-radius:50%;font-size:.7rem;font-weight:900;box-shadow:0 .3rem .8rem rgb(16 19 26/18%)}
.plinth-card.is-popular::before{content:"Meest gekozen";position:absolute;z-index:1;top:.55rem;left:.55rem;padding:.28rem .45rem;color:#fff;background:var(--red);border-radius:999px;font-size:.48rem;font-weight:900;letter-spacing:.03em;text-transform:uppercase;box-shadow:0 .3rem .8rem rgb(16 19 26/18%)}
.plinth-card>img{width:100%;height:8.8rem;object-fit:contain;background:linear-gradient(145deg,#fff,#e9ebed)}
.plinth-card>span{min-width:0;display:grid;align-content:center;padding:.75rem}
.plinth-card strong{overflow-wrap:anywhere;font-size:.72rem;line-height:1.3}.plinth-card small{margin-top:.25rem;color:var(--red-dark);font-size:.53rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.plinth-picker>small{display:block;margin-top:.4rem;color:var(--muted);font-size:.58rem}
.product-glance{position:relative;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(11rem,.7fr);align-items:stretch;margin:.25rem 0 1.25rem;padding:0;overflow:hidden;background:#fff;border-color:#d8dadd;box-shadow:0 .8rem 2rem rgb(16 19 26/8%)}
.product-preview{position:relative;min-height:13rem;display:grid;place-items:center;overflow:hidden;background:linear-gradient(145deg,#fff,#e9eaec)}
.product-preview::after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 1px rgb(16 19 26/6%);pointer-events:none}
.product-preview img{width:100%;height:100%;min-height:13rem;max-height:17rem;object-fit:contain;object-position:center;transition:transform .35s ease}
.product-glance:hover .product-preview img{transform:scale(1.035)}
.preview-zoom{position:absolute;right:.65rem;bottom:.65rem;padding:.35rem .55rem;color:#fff!important;background:rgb(16 19 26/76%);border-radius:999px;font-size:.52rem!important;font-weight:800;backdrop-filter:blur(8px)}
.product-glance__info{position:relative;display:grid;align-content:center;padding:1.2rem}
.product-glance__info small,.product-glance__info strong,.product-glance__info>span{display:block}
.product-glance__info strong{margin:.25rem 0;font-size:.95rem}
.color-swatch{width:2.35rem;height:2.35rem;margin-bottom:.85rem;background:#f1eee5;border:4px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #bfc3c7,0 .35rem .8rem rgb(16 19 26/15%)}
.color-swatch[data-ral="9016"]{background:#f7f8f6}.color-swatch[data-ral="9010"]{background:#f1eee5}.color-swatch[data-ral="9001"]{background:#e8dfcc}.color-swatch[data-ral="9005"]{background:#111315}.color-swatch[data-ral="7016"]{background:#383e42}
.custom-color-fields{display:grid;grid-template-columns:1.25fr .75fr;gap:.7rem;margin:.15rem 0 1rem;padding:1rem;background:#eef5f1;border:1px solid #bfd6c9;border-radius:.8rem}
.custom-color-fields>p{grid-column:1/-1;margin:0;color:#52635b;font-size:.65rem;line-height:1.5}
.custom-color-fields label{margin:0}
.custom-color-fields .color-picker-label{align-content:start}
.custom-color-fields input[type="color"]{min-height:3.25rem;padding:.3rem;cursor:pointer}
.removal-choice{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;margin:1rem 0;padding:0;border:0}
.removal-choice legend{grid-column:1/-1;margin-bottom:.25rem;color:var(--ink);font-size:.75rem;font-weight:800}
.removal-choice label{position:relative;display:block;margin:0;cursor:pointer}
.removal-choice input{position:absolute;width:1px;height:1px;opacity:0}
.removal-choice label span{min-height:5.1rem;display:grid;align-content:center;padding:.8rem 1rem;color:var(--muted);background:#f0f1f2;border:1px solid #cbd0d5;border-radius:.75rem;font-size:.65rem;font-weight:500;line-height:1.4}
.removal-choice label strong{display:block;margin-bottom:.2rem;color:var(--ink);font-size:.75rem}
.removal-choice input:checked+span{background:var(--red-soft);border-color:var(--red);box-shadow:0 0 0 3px rgb(226 11 23/9%)}
.calculator-form .consent{display:flex;align-items:flex-start;gap:.65rem;margin:1.2rem 0;font-weight:500}
.calculator-form .consent input{width:1.1rem;min-height:1.1rem;height:1.1rem;flex:0 0 auto;margin-top:.15rem}
.calculator-form .consent a{color:var(--red-dark);text-decoration:underline}
.calculator-submit:disabled{opacity:.72;cursor:wait;transform:none}
.calculator-submit.is-loading>span:last-child{animation:calculator-pulse .8s infinite alternate}
@keyframes calculator-pulse{to{opacity:.25;transform:translateX(.25rem)}}
.calculator-result{min-height:29rem;display:grid;align-items:center;padding:clamp(1.8rem,5vw,3.8rem);color:#fff;background-color:#a80710;background-image:radial-gradient(circle at 100% 0,rgb(255 255 255/20%),transparent 34%),radial-gradient(circle at 0 100%,rgb(91 0 7/38%),transparent 40%),linear-gradient(rgb(255 255 255/6%) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255/6%) 1px,transparent 1px),linear-gradient(145deg,#87070e 0%,#b50914 52%,#e20b17 100%);background-size:auto,auto,2.7rem 2.7rem,2.7rem 2.7rem,auto;border-top:4px solid #ff737a;box-shadow:inset 0 1px 0 rgb(255 255 255/14%)}
.calculator-result[hidden]{display:none!important}.calculator-result>div{width:100%;max-width:39rem;margin-inline:auto}
.calculator-result h3{color:#fff;font-size:clamp(2rem,4vw,3rem)}
.calculator-result p:not(.eyebrow){color:rgb(255 255 255/64%)}
.calculation-loader{width:100%}
.loader-mark{position:relative;width:6rem;height:6rem;display:grid;place-items:center;margin:0 0 2rem;border:1px solid rgb(255 255 255/14%);border-radius:50%}
.loader-mark::before{content:"";position:absolute;inset:.55rem;border:3px solid rgb(255 255 255/13%);border-top-color:var(--red-bright);border-radius:50%;animation:calculator-spin .85s linear infinite}
.loader-mark::after{display:none}
.loader-mark b{color:#fff;font-size:2rem;line-height:1;filter:drop-shadow(0 0 .7rem rgb(255 255 255/38%));animation:hourglass-turn 1.2s ease-in-out infinite}
.loader-mark span{position:absolute;width:.45rem;height:.45rem;background:#fff;border-radius:50%;box-shadow:0 0 1rem #fff;animation:calculator-spark 1.25s ease-in-out infinite}
.loader-mark span:nth-child(1){top:.2rem;right:1.1rem}.loader-mark span:nth-child(2){right:-.1rem;bottom:1.5rem;animation-delay:.25s}.loader-mark span:nth-child(3){bottom:.1rem;left:1.1rem;animation-delay:.5s}
.calculation-loader ol{display:grid;gap:.7rem;margin:2rem 0 0;padding:1.4rem 0 0;border-top:1px solid rgb(255 255 255/12%);list-style:none;counter-reset:calculation}
.calculation-loader li{position:relative;padding:.65rem .8rem .65rem 2.7rem;color:rgb(255 255 255/40%);border-radius:.6rem;font-size:.72rem;font-weight:700;transition:.25s}
.calculation-loader li::before{counter-increment:calculation;content:counter(calculation);position:absolute;left:.75rem;width:1.25rem;height:1.25rem;display:grid;place-items:center;border:1px solid rgb(255 255 255/20%);border-radius:50%;font-size:.55rem}
.calculation-loader li.is-active{color:#fff;background:rgb(226 11 23/18%);transform:translateX(.25rem)}
.calculation-loader li.is-active::before{color:#fff;background:var(--red);border-color:var(--red);box-shadow:0 0 1rem rgb(226 11 23/65%)}
.calculation-loader li.is-done{color:rgb(255 255 255/67%)}.calculation-loader li.is-done::before{content:"✓";color:#fff;background:#17744a;border-color:#17744a}
@keyframes calculator-spin{to{transform:rotate(360deg)}}
@keyframes calculator-spark{0%,100%{opacity:.2;transform:scale(.5)}50%{opacity:1;transform:scale(1)}}
@keyframes hourglass-turn{0%,38%{transform:rotate(0)}50%,88%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}
.result-icon{width:5rem;height:5rem;display:grid;place-items:center;margin-bottom:2rem;color:#fff;background:var(--red);border:5px solid rgb(255 255 255/10%);border-radius:50%;font:700 2rem var(--heading);box-shadow:var(--glow)}
.result-idle ul{display:grid;gap:.65rem;margin:2rem 0 0;padding:1.4rem 0 0;border-top:1px solid rgb(255 255 255/12%);list-style:none}
.result-idle li{color:rgb(255 255 255/72%);font-size:.75rem}.result-idle li::before{content:"✓";margin-right:.6rem;color:#ff6870;font-weight:900}
.result-product{display:block;margin:.2rem 0;color:#ff8c92;font-size:.74rem;font-weight:800}
.result-price{display:block;margin:.7rem 0;color:#fff;font:700 clamp(3.5rem,7vw,6rem)/1 var(--heading);letter-spacing:-.065em}
.result-ready>small{display:block;color:rgb(255 255 255/55%);font-size:.66rem;line-height:1.55}
.result-facts{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin:1.7rem 0}
.result-facts div{padding:.9rem;background:rgb(255 255 255/6%);border:1px solid rgb(255 255 255/10%);border-radius:.7rem}
.result-facts span,.result-facts strong{display:block}.result-facts span{color:rgb(255 255 255/48%);font-size:.58rem;text-transform:uppercase}.result-facts strong{color:#fff;font-size:.86rem}
.result-note{padding-left:.8rem;border-left:2px solid var(--red);font-size:.68rem}
.result-actions{display:grid;gap:.65rem;margin-top:1.3rem}.calculator-result .eyebrow span{background:#fff}.calculator-result .result-product{color:#ffd2d5}.calculator-result .result-note{border-left-color:#fff}.calculator-result .button--primary{color:var(--red-dark);background:#fff;border-color:#fff;box-shadow:0 .9rem 2.2rem rgb(73 0 5/24%)}.calculator-result .button--primary:hover{color:var(--red-dark);background:#fff5f5;box-shadow:0 1rem 2.5rem rgb(73 0 5/30%)}.calculator-result .button--ghost{border-color:rgb(255 255 255/45%)}
.button--fast{color:#10131a;background:#fff;border-color:#fff;box-shadow:0 .8rem 2rem rgb(0 0 0/18%)}
.button--fast:hover{background:#f2f3f4;box-shadow:0 1rem 2.3rem rgb(0 0 0/24%)}
.button--both{color:#fff;background:#176c47;border-color:#2c9269;box-shadow:0 .8rem 2rem rgb(0 0 0/16%)}
.button--both:hover{background:#1d8056;box-shadow:0 1rem 2.3rem rgb(0 0 0/22%)}
.form-status{min-height:1.4rem;margin:.8rem 0 0;color:var(--red-dark);font-size:.7rem;font-weight:700;text-align:center}
@media(max-width:58rem){.calculator-shell{grid-template-columns:1fr}.calculator-result{min-height:31rem}.calculator-heading{text-align:left}.calculator-heading .eyebrow{justify-content:flex-start}.calculator-heading>p:not(.eyebrow){margin-inline:0}.calculator-trust{justify-content:flex-start}}
@media(max-width:46rem){.product-selection-grid,.custom-color-fields{grid-template-columns:1fr}.custom-color-fields>p{grid-column:auto}.plinth-card-track{grid-auto-columns:minmax(9rem,68%)}.plinth-card{grid-template-rows:8rem auto}.plinth-card>img{height:8rem}.product-glance{grid-template-columns:1fr}.product-preview,.product-preview img{min-height:15rem}.product-glance__info{min-height:8rem;padding-left:4.5rem}.color-swatch{position:absolute;left:1.2rem;margin:0}.address-entry-grid{grid-template-columns:1.2fr .8fr}.address-result-grid{grid-template-columns:1fr}.address-search{width:100%}}
@media(max-width:38rem){.calculator-section{padding-block:4rem}.calculator-heading{margin-bottom:2rem}.calculator-heading h2{font-size:clamp(2.35rem,12.5vw,3.55rem)}.calculator-shell{border-radius:1.25rem}.calculator-form,.calculator-result{padding:1.1rem}.calculator-form input,.calculator-form select{font-size:1rem}.calculator-progress{margin:-.1rem 0 1rem;padding:.8rem .7rem}.calculator-progress>i{margin:0 .3rem}.progress-item{display:grid;justify-items:center;gap:.25rem}.progress-item span{width:1.65rem;height:1.65rem}.progress-item small{font-size:.48rem}.wizard-actions{display:grid;grid-template-columns:auto 1fr}.wizard-actions--next{grid-template-columns:1fr}.wizard-actions .button{width:100%;padding-inline:.8rem}.wizard-actions--final .calculator-submit{width:100%}.calculator-step{gap:.75rem}.calculator-step:not(:first-child){margin-top:1.7rem;padding-top:1.6rem}.step-badge{width:2.55rem;height:2.55rem}.removal-choice{grid-template-columns:1fr 1fr}.removal-choice label span{min-height:3.8rem;text-align:center}.calculator-trust{gap:.4rem}.calculator-trust span{font-size:.58rem}.calculator-result{min-height:27rem}.result-price{font-size:clamp(3rem,15vw,4.3rem)}.product-preview,.product-preview img{min-height:12.5rem}.address-box{margin-inline:-.1rem;padding:.85rem}.address-entry-grid{gap:.5rem}.address-result-grid{gap:0}.address-search{font-size:.64rem}}

/* Rustige aandachtstrekker voor de primaire offerteknop in het menu. */
.nav-cta{
  animation:nav-cta-sway 2.8s ease-in-out infinite;
  will-change:translate;
}
.nav-cta>span:last-child{animation:nav-cta-arrow 1.4s ease-in-out infinite}
@keyframes nav-cta-sway{
  0%,100%{translate:-.12rem 0;filter:brightness(1)}
  50%{translate:.58rem 0;filter:brightness(1.1)}
}
@keyframes nav-cta-arrow{
  0%,100%{transform:translateX(0)}
  50%{transform:translateX(.5rem)}
}

/* Hoog contrast zonder los logoblok: de complete navigatie vormt een lichte staalgrijze merkdrager. */
.site-header{
  background:linear-gradient(115deg,rgb(82 91 103/98%),rgb(47 53 63/98%) 58%,rgb(70 78 90/98%));
  border-bottom:1px solid rgb(255 255 255/18%);
  box-shadow:0 .65rem 1.7rem rgb(16 19 26/18%),inset 0 1px rgb(255 255 255/12%);
}
.header__inner{min-height:5.65rem}
.brand{
  position:relative;
  width:7.4rem;
  height:5rem;
  flex:0 0 7.4rem;
  display:grid;
  place-items:center;
  padding:.08rem .4rem;
  overflow:hidden;
  background:transparent;
  border:0;
  border-radius:0;
  box-shadow:none;
  transform:none;
  transition:filter .2s ease;
}
.brand::before{display:none}
.brand::after{display:none}
.brand:hover{filter:brightness(1.12);transform:none;box-shadow:none}
.brand img{
  width:100%;
  height:100%;
  max-width:100%;
  max-height:none;
  object-fit:contain;
  filter:brightness(1.22) contrast(1.25) drop-shadow(0 .35rem .32rem rgb(0 0 0/55%));
}
.main-nav{color:#f7f8fa}
@media(max-width:58rem){
  .header__inner{min-height:5rem}
  .brand{width:6.65rem;height:4.45rem;flex-basis:6.65rem;padding:.05rem .2rem}
  .main-nav{color:var(--ink);background:#f7f6f2}
  .menu-toggle{background:rgb(255 255 255/8%);border-color:rgb(255 255 255/18%)}
  .menu-toggle span:not(.sr-only){background:#fff}
}

/* Koninklijk paars designsysteem voor de nieuwe customer journey. De calculator blijft bewust ongewijzigd. */
:root{
  --purple:#63339a;
  --purple-deep:#3d185f;
  --purple-dark:#2a103f;
  --purple-mid:#7b4bb0;
  --purple-soft:#f4effa;
  --purple-mist:#ebe2f5;
  --page-gray:#f7f7fa;
}
body{color:#3d3746;background:#fff}
.service-bar{background:var(--purple-deep)}
.site-header{background:rgb(255 255 255/96%);border-bottom:1px solid #e8e1ef;box-shadow:0 .55rem 1.6rem rgb(61 24 95/9%)}
.brand img{filter:contrast(1.15) drop-shadow(0 .25rem .28rem rgb(61 24 95/15%))}
.main-nav{color:var(--purple-dark)}
.main-nav>a:not(.button)::after,.nav-cluster>a::after{background:var(--purple)}
.mega-panel>div{background:linear-gradient(145deg,var(--purple),var(--purple-deep))}
.mega-panel>div small{color:#eadcff}.mega-panel>a:hover{background:var(--purple-soft)}
.hero{background:linear-gradient(135deg,var(--purple-deep) 0%,var(--purple) 58%,#8852b6 100%)}
.hero__grid{grid-template-columns:minmax(0,1.15fr) minmax(22rem,.85fr);gap:clamp(2.5rem,6vw,6rem)}
.hero h1{font-size:clamp(3.15rem,4.8vw,5.15rem);line-height:.96}
.hero::before{background:radial-gradient(circle at 82% 20%,rgb(255 255 255/17%),transparent 26%),radial-gradient(circle at 18% 85%,rgb(196 163 228/24%),transparent 30%)}
.hero__noise{opacity:.22;mask-image:linear-gradient(to right,#000,transparent 88%)}
.hero h1 em{color:#eee2ff}
.hero__intro{color:rgb(255 255 255/82%)}
.hero .eyebrow span,.montage .eyebrow span,.business .eyebrow span,.final-cta .eyebrow span{background:#d9b9f3}
.proof-list{border-top-color:rgb(255 255 255/22%)}.proof-list span{color:rgb(255 255 255/66%)}
.hero__image-wrap{border-color:rgb(255 255 255/28%);box-shadow:0 3rem 7rem rgb(38 10 59/45%)}
.hero__stamp{background:var(--red);border-color:var(--purple-deep)}
.hero-microcopy{margin:.85rem 0 0;color:rgb(255 255 255/66%);font-size:.68rem}
.trust-strip{background:#fff;border-bottom:1px solid #ece7f1;box-shadow:0 1rem 3rem rgb(61 24 95/7%)}
.trust-strip span{color:var(--purple)}
.eyebrow--red{color:var(--purple-deep)}.eyebrow--red span{background:var(--purple)}
.journey{background:linear-gradient(145deg,var(--purple-soft),#fff 72%)}
.journey-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.journey-card{border-color:#e6dcef;box-shadow:0 .8rem 2.2rem rgb(61 24 95/6%)}
.journey-card>span,.journey-card>strong{color:var(--purple)}
.journey-card--dark,.journey-card--red{color:#fff;background:linear-gradient(145deg,var(--purple),var(--purple-deep));border-color:transparent}
.journey-card--dark>span,.journey-card--dark>strong,.journey-card--red>span,.journey-card--red>strong{color:#fff}
.mini-profile::after{background:var(--purple)}
.montage{background:linear-gradient(135deg,var(--purple-dark),var(--purple-deep) 65%,var(--purple))}
.montage__content>p:not(.eyebrow){color:rgb(255 255 255/78%)}
.included>div{background:rgb(255 255 255/7%);border-color:rgb(255 255 255/16%)}
.included{grid-template-columns:repeat(3,minmax(0,1fr))}
.included>div>span{color:#dec7f4}
.detail-lab,.compare{background:#fff}.detail-grid article{background:var(--purple-soft)}
.detail-visual--line::after{background:var(--purple)}.detail-visual--finish::after{border-color:var(--purple)}
.costs{background:linear-gradient(145deg,var(--page-gray),var(--purple-soft))}
.cost-card{border-color:#e7ddef}.cost-amount span{color:var(--purple-deep)}
.price-factors b{color:var(--purple)}
.compare-table{border-color:#e4dbea}.compare-head{background:var(--purple-deep)}
.compare-table strong{background:var(--purple-soft)}.compare-head strong{background:transparent}.compare-head .highlight{color:#eadcff;background:rgb(255 255 255/8%)}
.process{background:var(--purple-soft)}.steps>li>span{color:var(--purple)}.steps>li>span::after{background:#d8c2e9}
.process .steps{grid-template-columns:repeat(3,minmax(0,1fr))}.process-link{margin-top:2rem;text-align:center}
.business{background:linear-gradient(135deg,var(--purple-deep),var(--purple))}.business-mark{background:linear-gradient(145deg,#7b4bb0,#3d185f)}
.business-mark::before{background:radial-gradient(circle,rgb(255 255 255/20%),transparent 68%)}.business-mark span{color:#eadcff}
.faq{background:var(--page-gray)}.faq__items summary span{color:var(--purple)}.text-link{color:var(--purple-deep)}
.final-cta{background:linear-gradient(135deg,var(--purple-dark),var(--purple-deep) 62%,var(--purple))}
.site-footer{background:var(--purple-dark)}
.footer__brand img{background:rgb(255 255 255/92%)}
@media(max-width:58rem){
  .main-nav{color:var(--purple-dark);background:#fff}
  .menu-toggle{background:var(--purple-soft);border-color:#d9cce6}
  .menu-toggle span:not(.sr-only){background:var(--purple-deep)}
  .menu-close{color:var(--purple-deep);background:var(--purple-soft)}
  .hero__grid{grid-template-columns:1fr}.hero h1{font-size:clamp(3rem,10vw,4.7rem)}
  .journey-grid{grid-template-columns:1fr}.included{grid-template-columns:1fr 1fr}.process .steps{grid-template-columns:1fr 1fr}.process .steps li:nth-child(2){border-right:1px solid var(--border)}
}

/* Gedeelde informatiepagina's. */
.subpage-hero{position:relative;overflow:hidden;padding:clamp(4.8rem,9vw,8rem) 0;color:#fff;background:linear-gradient(135deg,var(--purple-deep),var(--purple) 62%,#8a55b8)}
.subpage-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 82% 18%,rgb(255 255 255/18%),transparent 26%),linear-gradient(rgb(255 255 255/4%) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255/4%) 1px,transparent 1px);background-size:auto,3rem 3rem,3rem 3rem}
.subpage-hero__inner{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(18rem,.55fr);align-items:end;gap:clamp(2rem,7vw,7rem)}
.breadcrumb{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.4rem;color:rgb(255 255 255/72%);font-size:.72rem}.breadcrumb a{text-decoration:underline;text-underline-offset:.2rem}
.subpage-hero h1{max-width:13ch;margin-bottom:1rem;color:#fff;font-size:clamp(3rem,6vw,5.8rem)}
.subpage-hero p{max-width:62ch;color:rgb(255 255 255/82%)}
.subpage-proof{padding:1.4rem;background:rgb(255 255 255/10%);border:1px solid rgb(255 255 255/20%);border-radius:1.2rem;backdrop-filter:blur(8px)}
.subpage-proof strong{display:block;margin-bottom:.5rem;color:#fff;font:600 1.25rem var(--heading)}.subpage-proof span{font-size:.75rem;color:rgb(255 255 255/72%)}
.content-section{padding-block:clamp(4.5rem,8vw,7rem)}.content-section--soft{background:var(--purple-soft)}
.content-intro{max-width:52rem;margin-bottom:clamp(2rem,5vw,4rem)}.content-intro h2{font-size:clamp(2.4rem,4.5vw,4.2rem)}.content-intro p{color:var(--muted)}
.page-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.page-card{min-width:0;padding:clamp(1.3rem,3vw,2rem);background:#fff;border:1px solid #e3d9ec;border-radius:1.2rem;box-shadow:0 1rem 2.6rem rgb(61 24 95/7%)}
.page-card__number{width:2.4rem;height:2.4rem;display:grid;place-items:center;margin-bottom:1.5rem;color:#fff;background:var(--purple);border-radius:50%;font-size:.7rem;font-weight:900}.page-card h3{font-size:1.45rem}.page-card p{margin-bottom:0;color:var(--muted);font-size:.85rem}
.content-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(18rem,.8fr);align-items:start;gap:clamp(2rem,7vw,7rem)}
.content-copy p,.content-copy li{color:var(--muted)}.content-copy ul{display:grid;gap:.65rem;padding-left:1.2rem}
.purple-panel{padding:clamp(1.5rem,4vw,3rem);color:#fff;background:linear-gradient(145deg,var(--purple),var(--purple-deep));border-radius:1.4rem;box-shadow:0 2rem 4rem rgb(61 24 95/20%)}.purple-panel h2,.purple-panel h3{color:#fff}.purple-panel p{color:rgb(255 255 255/76%)}
.page-cta{padding-block:clamp(4.5rem,8vw,7rem);color:#fff;background:linear-gradient(135deg,var(--purple-dark),var(--purple-deep) 65%,var(--purple))}.page-cta__inner{display:grid;grid-template-columns:1fr auto;align-items:center;gap:2rem}.page-cta h2{margin:0;color:#fff}.page-cta p{max-width:50rem;margin:.8rem 0 0;color:rgb(255 255 255/74%)}
.contact-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:clamp(2rem,6vw,5rem)}.contact-details{display:grid;gap:1rem}.contact-details a,.contact-details>div{padding:1.2rem;background:var(--purple-soft);border-radius:1rem}.contact-details strong,.contact-details span{display:block}.contact-details span{color:var(--muted);font-size:.75rem}
@media(max-width:58rem){.subpage-hero__inner,.content-split,.contact-grid,.page-cta__inner{grid-template-columns:1fr}.page-card-grid{grid-template-columns:1fr 1fr}.page-cta__inner{align-items:start}}
@media(max-width:38rem){.page-card-grid{grid-template-columns:1fr}.subpage-hero{padding-block:4.5rem}.subpage-hero h1{font-size:clamp(2.8rem,13vw,4.2rem)}.hero h1{font-size:clamp(2.85rem,13vw,4.15rem)}.included{grid-template-columns:1fr}.process .steps{grid-template-columns:1fr}.process .steps li,.process .steps li:nth-child(2){border-right:0}}

/* Deep-violet merklaag: geïnspireerd op de aangeleverde paars-blauwe referentie. */
:root{
  --brand-ink:#0f012b;
  --brand-navy:#11164f;
  --brand-purple:#63339a;
  --brand-blue:#2f6df6;
  --brand-blue-soft:#edf2ff;
  --purple:#202968;
  --purple-deep:#11164f;
  --purple-dark:#0f012b;
  --purple-mid:#303b8a;
  --purple-soft:#f1f3fb;
  --purple-mist:#e7ebf8;
}

.service-bar{background:linear-gradient(90deg,var(--brand-ink),var(--brand-navy))}
.service-bar strong{color:#fff}
.site-header{background:rgb(255 255 255/97%);border-bottom-color:#dfe3f0;box-shadow:0 .55rem 1.8rem rgb(15 1 43/9%)}
.header__inner{position:relative;min-height:5.65rem}
.brand{width:7.8rem;height:4.8rem;flex-basis:7.8rem}
.brand img{max-height:4.55rem;filter:contrast(1.13) drop-shadow(0 .18rem .2rem rgb(15 1 43/13%))}
.main-nav{position:static;gap:clamp(.65rem,1.2vw,1.2rem);color:var(--brand-ink)}
.main-nav>a:not(.button),.nav-cluster>a{padding-block:1.95rem}
.main-nav>a:not(.button)::after,.nav-cluster>a::after{bottom:1.45rem;background:var(--brand-blue)}
.nav-cluster{position:static}

/* Breed megamenu: vier visuele routes, zonder extra keuzelaag. */
.mega-panel{
  top:calc(100% - .2rem);
  left:50%;
  width:min(70rem,calc(100vw - 2rem));
  grid-template-columns:1.35fr repeat(4,minmax(0,1fr));
  gap:.8rem;
  padding:.9rem;
  background:rgb(255 255 255/98%);
  border:1px solid #dce2f1;
  border-radius:1.25rem;
  box-shadow:0 2rem 5rem rgb(15 1 43/22%);
  transform:translate(-50%,.75rem);
  backdrop-filter:blur(20px);
}
.nav-cluster:hover .mega-panel,.nav-cluster:focus-within .mega-panel{transform:translateX(-50%)}
.mega-panel>div{
  position:relative;
  grid-row:auto;
  min-height:11.5rem;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  padding:1.25rem;
  background:linear-gradient(145deg,var(--brand-ink),var(--brand-navy));
  border-radius:.95rem;
}
.mega-panel>div::before{content:"";position:absolute;top:-3rem;right:-2rem;width:9rem;height:9rem;background:radial-gradient(circle,rgb(47 109 246/65%),transparent 68%)}
.mega-panel>div::after{content:"MONTAGE";position:absolute;top:1rem;left:1.25rem;color:rgb(255 255 255/34%);font:700 .56rem var(--heading);letter-spacing:.22em}
.mega-panel>div>*{position:relative}
.mega-panel>div small{color:#9ab9ff}
.mega-panel>div strong{font-size:1.35rem}
.mega-panel>div p{color:rgb(255 255 255/72%)}
.mega-panel>a{
  position:relative;
  min-height:11.5rem;
  align-content:end;
  gap:.25rem;
  overflow:hidden;
  padding:1.15rem;
  background:linear-gradient(145deg,#f7f8fc,var(--brand-blue-soft));
  border:1px solid #e0e5f2;
  border-radius:.95rem;
  transition:transform .2s,border-color .2s,box-shadow .2s;
}
.mega-panel>a::before{content:"01";position:absolute;top:1rem;left:1.1rem;width:2rem;height:2rem;display:grid;place-items:center;color:#fff;background:var(--brand-navy);border-radius:.55rem;font:700 .62rem var(--heading)}
.mega-panel>a:nth-of-type(2)::before{content:"02"}.mega-panel>a:nth-of-type(3)::before{content:"03"}.mega-panel>a:nth-of-type(4)::before{content:"04";background:var(--brand-blue)}
.mega-panel>a::after{content:"→";position:absolute;top:1rem;right:1.1rem;color:var(--brand-blue);font-size:1.1rem}
.mega-panel>a:hover{z-index:2;background:#fff;border-color:#bfc9e4;box-shadow:0 1rem 2.2rem rgb(15 1 43/12%);transform:translateY(-.2rem)}
.mega-panel>a strong{color:var(--brand-ink);font-size:.83rem}.mega-panel>a small{color:#656f88;font-size:.65rem}

/* Compacte hero: primaire boodschap en CTA blijven bij binnenkomst in beeld. */
.hero{background:linear-gradient(116deg,var(--brand-ink) 0%,#100736 48%,var(--brand-navy) 100%)}
.hero::before{background:radial-gradient(circle at 77% 30%,rgb(47 109 246/28%),transparent 28%),radial-gradient(circle at 17% 105%,rgb(72 92 216/27%),transparent 30%)}
.hero__noise{opacity:.18;background-size:4rem 4rem}
.hero__grid{
  min-height:clamp(35rem,calc(100svh - 8rem),42rem);
  grid-template-columns:minmax(0,.95fr) minmax(23rem,1.05fr);
  gap:clamp(2rem,4vw,4rem);
  padding-block:clamp(2.5rem,4.5vw,4rem);
}
.hero__content{min-width:0}
.hero .eyebrow{width:max-content;max-width:100%;gap:.5rem;padding:.48rem .72rem;color:var(--brand-blue);background:#fff;border-radius:.5rem;box-shadow:0 .65rem 1.6rem rgb(0 0 0/16%);letter-spacing:.06em}
.hero .eyebrow span{width:.65rem;height:.65rem;background:var(--brand-blue);border-radius:50%;box-shadow:0 0 0 4px rgb(47 109 246/13%)}
.hero h1{max-width:15ch;margin:1.1rem 0 1rem;font-size:clamp(2.85rem,3.85vw,4.25rem);line-height:.98}
.hero h1 em{color:#becbff}
.hero__intro{max-width:39rem;margin-bottom:0;color:rgb(255 255 255/82%);font-size:clamp(.96rem,1.2vw,1.08rem);line-height:1.6}
.hero__actions{margin-top:1.35rem}
.hero-microcopy{margin-top:.65rem;color:rgb(255 255 255/68%)}
.proof-list{gap:.7rem;margin-top:1.45rem;padding-top:1.1rem}
.proof-list li{padding:.75rem .8rem;background:rgb(255 255 255/5%);border:1px solid rgb(255 255 255/10%);border-radius:.65rem}
.proof-list strong{font-size:.88rem}.proof-list span{font-size:.62rem}
.hero__visual{width:min(100%,37rem);justify-self:end}
.hero__image-wrap{aspect-ratio:5/4;border-radius:1.25rem;box-shadow:0 2rem 5rem rgb(0 0 0/38%);transform:none}
.hero__image-wrap img{object-position:center 68%}
.hero__stamp{top:-1.2rem;right:-1.1rem;width:8.1rem;border-color:var(--brand-ink)}
.detail-tag{left:-1.6rem;bottom:-1rem}

/* Alleen de buitenwereld van de bestaande calculator krijgt de nieuwe merkkleur. */
.calculator-section{background:linear-gradient(135deg,var(--brand-ink) 0%,#131044 54%,var(--brand-navy) 100%)}
.calculator-section::before{background:radial-gradient(circle at 12% 16%,rgb(47 109 246/30%),transparent 27%),radial-gradient(circle at 88% 78%,rgb(62 77 183/25%),transparent 28%),linear-gradient(rgb(255 255 255/4%) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255/4%) 1px,transparent 1px);background-size:auto,auto,3.6rem 3.6rem,3.6rem 3.6rem}
.calculator-trust span{background:rgb(47 109 246/13%);border-color:rgb(159 183 255/26%)}
.calculator-shell{box-shadow:0 2.8rem 7rem rgb(5 1 30/46%)}
.subpage-hero{background:linear-gradient(125deg,var(--brand-ink),var(--brand-navy) 70%,#202d78)}
.montage,.business,.final-cta,.page-cta{background:linear-gradient(125deg,var(--brand-ink),var(--brand-navy))}
.site-footer{background:var(--brand-ink)}

@media(max-width:72rem){
  .mega-panel{width:calc(100vw - 2rem);grid-template-columns:1.15fr repeat(4,minmax(0,1fr))}
  .hero__grid{grid-template-columns:minmax(0,1fr) minmax(21rem,1fr)}
}
@media(max-width:58rem){
  .header__inner{min-height:5rem}.brand{width:6.9rem;height:4.35rem;flex-basis:6.9rem}.brand img{max-height:4.1rem}
  .main-nav{position:fixed;background:#fff}
  .nav-cluster{display:grid}
  .mega-panel{position:static;width:auto;grid-template-columns:1fr 1fr;margin:.75rem 0;padding:.6rem;transform:none;backdrop-filter:none}
  .nav-cluster:hover .mega-panel,.nav-cluster:focus-within .mega-panel{transform:none}
  .mega-panel>div{display:none}
  .mega-panel>a{min-height:6.5rem;padding:.75rem}.mega-panel>a::before{top:.65rem;left:.7rem;width:1.65rem;height:1.65rem}.mega-panel>a::after{top:.65rem;right:.7rem}
  .hero__grid{min-height:auto;grid-template-columns:1fr;padding-block:3rem 3.5rem}
  .hero__visual{width:min(100%,34rem);justify-self:center}
}
@media(max-width:38rem){
  .hero__grid{gap:2.3rem;padding-block:2.35rem 3rem}
  .hero .eyebrow{font-size:.57rem}
  .hero h1{max-width:none;margin-top:1rem;font-size:clamp(2.3rem,10.5vw,3rem)}
  .hero__actions{display:grid}.hero__actions .button{width:100%}
  .proof-list{grid-template-columns:1fr;gap:.45rem}.proof-list li{display:flex;align-items:center;justify-content:space-between}.proof-list span{text-align:right}
  .hero__image-wrap{aspect-ratio:16/10}
  .hero__stamp{top:-.8rem;right:-.3rem;width:6.8rem;border-width:5px}.hero__stamp strong{font-size:1.55rem}
  .detail-tag{display:none}
}

/* Reviews, project galleries & CTA attention */
.hero-cta-attention{position:relative;isolation:isolate;animation:ctaBreathe 2.8s ease-in-out infinite}
.hero-cta-attention::after{content:"";position:absolute;inset:-5px;border:2px solid rgba(255,255,255,.38);border-radius:inherit;opacity:0;z-index:-1;animation:ctaRing 2.8s ease-out infinite}
@keyframes ctaBreathe{0%,100%{transform:translateY(0) scale(1);box-shadow:0 14px 34px rgba(235,25,39,.24)}50%{transform:translateY(-2px) scale(1.018);box-shadow:0 20px 42px rgba(235,25,39,.38)}}
@keyframes ctaRing{0%,45%{opacity:0;transform:scale(.98)}55%{opacity:.65}100%{opacity:0;transform:scale(1.05)}}
.review-proof{background:linear-gradient(180deg,#fff 0%,#f7f5f2 100%)}
.review-platforms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-width:min(100%,430px)}
.review-platform{display:flex;flex-direction:column;gap:3px;padding:16px 18px;border:1px solid rgba(22,22,28,.12);border-radius:16px;background:#fff;color:inherit;text-decoration:none;box-shadow:0 10px 30px rgba(24,20,18,.06)}
.review-platform strong{font-size:1.05rem}.review-platform span{font-weight:800;color:#e7a400}.review-platform small{color:var(--muted,#64646e)}
.review-platform--experience span{color:var(--brand-red,#e8192c)}
.review-platforms--large{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:18px}
.review-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.review-card{display:flex;flex-direction:column;padding:24px;border:1px solid rgba(22,22,28,.1);border-radius:20px;background:#fff;box-shadow:0 12px 34px rgba(24,20,18,.07)}
.review-card__stars{color:#efab00;letter-spacing:2px;font-size:1.05rem}.review-card blockquote{margin:14px 0 20px;font-size:1.02rem;line-height:1.62;flex:1}.review-card p{margin:0;display:flex;flex-direction:column;gap:2px}.review-card p span{font-size:.9rem;color:var(--muted,#64646e)}
.review-disclaimer{margin:18px 0 0;color:var(--muted,#64646e);font-size:.88rem}
.project-gallery{background:#f7f5f2}.project-gallery__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.project-gallery figure{margin:0;background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 12px 34px rgba(24,20,18,.08)}.project-gallery img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}.project-gallery figcaption{padding:12px 15px;font-size:.92rem;color:var(--muted,#64646e)}
.subpage-hero--reviews figure,.subpage-hero--feedback figure{border-radius:22px;overflow:hidden;margin:0;box-shadow:0 18px 44px rgba(24,20,18,.18)}.subpage-hero--reviews figure img,.subpage-hero--feedback figure img{width:100%;height:100%;min-height:420px;object-fit:cover;display:block}.subpage-hero--reviews figcaption,.subpage-hero--feedback figcaption{padding:10px 14px;background:#fff;font-size:.86rem;color:var(--muted,#64646e)}
.feedback-choice{background:#f7f5f2}.feedback-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.feedback-card{padding:30px;border-radius:22px;background:#fff;box-shadow:0 14px 38px rgba(24,20,18,.08)}.feedback-card__icon{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#171326;color:#fff;font-size:1.3rem}.feedback-card__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.feedback-note{text-align:center;color:var(--muted,#64646e);margin:24px 0 0}
.button--ghost-dark{border:1px solid rgba(22,22,28,.25);color:#171326;background:#fff}
@media(max-width:900px){.review-platforms--large,.review-grid,.project-gallery__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.review-platforms{min-width:0}.feedback-grid{grid-template-columns:1fr}}
@media(max-width:620px){.review-platforms,.review-platforms--large,.review-grid,.project-gallery__grid{grid-template-columns:1fr}.review-card{padding:20px}.feedback-card{padding:22px}.subpage-hero--reviews figure img,.subpage-hero--feedback figure img{min-height:300px}}
@media(prefers-reduced-motion:reduce){.hero-cta-attention,.hero-cta-attention::after{animation:none!important;transform:none!important}}
/* KEUZEHULP PAGE 20260826 */
.choice-assistant-page{background:var(--surface-soft)}
.choice-hero{position:relative;overflow:hidden;padding:clamp(4.5rem,8vw,7.5rem) 0 clamp(7rem,12vw,11rem);color:#fff;background:radial-gradient(circle at 12% 18%,rgb(255 255 255/16%),transparent 25%),radial-gradient(circle at 92% 12%,rgb(119 0 8/24%),transparent 30%),linear-gradient(145deg,#a8060e 0%,var(--red) 48%,#ff2933 100%)}
.choice-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(rgb(255 255 255/4%) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255/4%) 1px,transparent 1px);background-size:3.4rem 3.4rem;mask-image:linear-gradient(to bottom,#000,transparent)}
.choice-hero__grid{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(18rem,.75fr);align-items:center;gap:clamp(3rem,8vw,7rem)}
.breadcrumbs{display:flex;flex-wrap:wrap;gap:.55rem;margin-bottom:2.2rem;color:rgb(255 255 255/58%);font-size:.7rem;font-weight:700}.breadcrumbs a:hover{color:#fff}
.choice-hero .eyebrow{margin-bottom:1.3rem}.choice-hero h1{max-width:12ch;margin-bottom:1.4rem;color:#fff;font-size:clamp(3.2rem,7vw,6.7rem);line-height:.92}
.choice-hero__lead{max-width:42rem;margin-bottom:1.5rem;color:rgb(255 255 255/78%);font-size:clamp(1rem,1.7vw,1.2rem)}
.choice-hero__proof{display:flex;flex-wrap:wrap;gap:.6rem;margin:0 0 2rem}.choice-hero__proof span{padding:.45rem .7rem;background:rgb(255 255 255/8%);border:1px solid rgb(255 255 255/14%);border-radius:999px;font-size:.68rem;font-weight:800}
.choice-room{position:relative;min-width:0;aspect-ratio:4/4.6;border:1px solid rgb(255 255 255/20%);border-radius:1.8rem;box-shadow:0 2.5rem 6rem rgb(16 19 26/32%);overflow:hidden;transform:rotate(1.5deg)}
.choice-room__wall{position:absolute;inset:0 0 25%;padding:2rem;color:rgb(255 255 255/60%);background:linear-gradient(145deg,#6f6864,#403b39)}.choice-room__wall span,.choice-room__wall strong{display:block}.choice-room__wall span{font-size:.6rem;letter-spacing:.13em;text-transform:uppercase}.choice-room__wall strong{margin-top:.25rem;color:#fff;font-family:var(--heading)}
.choice-room__plinth{position:absolute;z-index:2;right:0;bottom:19%;left:0;height:18%;background:linear-gradient(#77706c,#4a4542);border-top:.35rem solid rgb(255 255 255/22%);box-shadow:0 -.7rem 1.8rem rgb(16 19 26/20%)}.choice-room__plinth::before,.choice-room__plinth::after{content:"";position:absolute;left:0;width:100%;height:.18rem;background:rgb(255 255 255/14%)}.choice-room__plinth::before{top:28%}.choice-room__plinth::after{bottom:22%}.choice-room__plinth span{position:absolute;right:1rem;top:50%;color:rgb(255 255 255/65%);font-size:.58rem;font-weight:800;transform:translateY(-50%)}
.choice-room__floor{position:absolute;right:0;bottom:0;left:0;height:25%;background:repeating-linear-gradient(105deg,#8b684f 0,#8b684f 2rem,#76543e 2rem,#76543e 2.12rem);transform:perspective(20rem) rotateX(22deg);transform-origin:bottom}
.choice-room__badge{position:absolute;z-index:3;right:1rem;bottom:1rem;left:1rem;padding:1rem 1.15rem;color:var(--ink);background:rgb(255 255 255/92%);border-radius:1rem;box-shadow:0 1rem 2.4rem rgb(16 19 26/18%)}.choice-room__badge small,.choice-room__badge strong{display:block}.choice-room__badge small{color:var(--muted);font-size:.58rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.choice-room__badge strong{font-family:var(--heading)}
.choice-workspace{position:relative;z-index:2;margin-top:clamp(-5.5rem,-7vw,-3.5rem);padding-bottom:clamp(5rem,9vw,8rem)}
.choice-progress{width:min(100% - 2rem,60rem);display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr auto;align-items:center;margin:0 auto 1.2rem;padding:1rem 1.4rem;color:#fff;background:var(--night);border:1px solid rgb(255 255 255/14%);border-radius:1.2rem;box-shadow:0 1.2rem 3rem rgb(16 19 26/22%)}
.choice-progress>i{height:2px;margin:0 .8rem;background:rgb(255 255 255/15%)}.choice-progress__item{display:flex;align-items:center;gap:.45rem;color:rgb(255 255 255/52%)}.choice-progress__item span{width:1.8rem;height:1.8rem;display:grid;place-items:center;background:rgb(255 255 255/10%);border:1px solid #9cacf2;border-radius:50%;font:800 .65rem var(--heading)}.choice-progress__item small{font-size:.58rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.choice-progress__item.is-active{color:#fff}.choice-progress__item.is-active span{background:var(--red);border-color:#ff5a63;box-shadow:0 0 0 4px rgb(226 11 23/20%)}.choice-progress__item.is-done{color:#fff}.choice-progress__item.is-done span{font-size:0;background:#fff;color:var(--ink)}.choice-progress__item.is-done span::before{content:"✓";font-size:.7rem}
.choice-assistant{display:grid;grid-template-columns:minmax(17rem,.62fr) minmax(0,1.38fr);max-width:76rem;margin-inline:auto;background:#fff;border:1px solid var(--border);border-radius:1.8rem;box-shadow:0 2.2rem 6rem rgb(16 19 26/14%);overflow:hidden}
.choice-assistant__intro{min-width:0;padding:clamp(1.7rem,4vw,3.2rem);color:#fff;background:radial-gradient(circle at 8% 100%,rgb(226 11 23/32%),transparent 38%),linear-gradient(155deg,var(--night),#242a36)}.choice-assistant__intro h2{color:#fff;font-size:clamp(2.2rem,4vw,3.5rem)}.choice-assistant__intro>p:not(.eyebrow){color:rgb(255 255 255/68%)}.choice-assistant__principle{display:flex;align-items:center;gap:1rem;margin-top:2rem;padding:1.1rem;background:rgb(255 255 255/8%);border:1px solid rgb(255 255 255/13%);border-radius:1rem}.choice-assistant__principle>span{width:2.4rem;height:2.4rem;display:grid;place-items:center;background:var(--red);border-radius:50%;font-weight:900}.choice-assistant__principle small,.choice-assistant__principle strong{display:block}.choice-assistant__principle small{color:rgb(255 255 255/52%);font-size:.55rem;font-weight:800;text-transform:uppercase}.choice-assistant__principle strong{font-size:.78rem}
.choice-card{min-width:0;padding:clamp(1.4rem,4vw,3.2rem);background:#fff}.choice-step[hidden]{display:none!important}.choice-step.is-active{animation:choice-step-in .25s ease both}@keyframes choice-step-in{from{opacity:0;transform:translateY(.4rem)}to{opacity:1;transform:none}}
.choice-step__top{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem;color:var(--muted);font-size:.6rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.choice-step__top strong{padding:.35rem .55rem;color:var(--red-dark);background:var(--red-soft);border-radius:999px}.choice-step>h2{margin-bottom:.65rem;font-size:clamp(2rem,4vw,3.25rem)}.choice-step>p{color:var(--muted)}
.choice-options{display:grid;gap:.8rem;margin-top:1.5rem}.choice-options--two{grid-template-columns:repeat(2,minmax(0,1fr))}.choice-options--three{grid-template-columns:repeat(3,minmax(0,1fr))}
.choice-option{position:relative;min-width:0;min-height:13rem;display:flex;flex-direction:column;align-items:flex-start;padding:1.15rem;color:var(--ink);text-align:left;background:#fafafa;border:1px solid var(--border);border-radius:1rem;box-shadow:none;transition:border-color .2s,transform .2s,box-shadow .2s}.choice-option:hover{border-color:#aeb5be;transform:translateY(-2px);box-shadow:0 1rem 2rem rgb(16 19 26/10%)}.choice-option:focus-visible{outline:3px solid #f05861;outline-offset:3px}.choice-option.is-selected{background:#fff7f7;border:2px solid var(--red);box-shadow:0 0 0 4px rgb(226 11 23/10%)}.choice-option__number{width:2rem;height:2rem;display:grid;place-items:center;margin-bottom:.8rem;color:var(--muted);background:#eceff2;border-radius:50%;font:800 .62rem var(--heading)}.choice-option.is-selected .choice-option__number{color:#fff;background:var(--red)}.choice-option strong{margin-top:auto;font:700 1rem var(--heading)}.choice-option small{margin-top:.25rem;color:var(--muted);font-size:.66rem;line-height:1.45}.choice-option em{margin-top:.7rem;color:var(--red-dark);font-size:.64rem;font-style:normal;font-weight:800}.choice-option__tag{position:absolute;top:.75rem;right:.75rem;padding:.28rem .5rem;color:#fff;background:var(--night);border-radius:999px;font-size:.48rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.choice-option__visual{position:relative;width:100%;height:4.5rem;margin:.15rem 0 1rem;background:linear-gradient(#e8dfdc 0 70%,#a67b5c 70%);border-radius:.65rem;overflow:hidden}.choice-option__visual i{position:absolute;right:0;bottom:30%;left:0;background:#fff;border-top:2px solid #d4c9c7;box-shadow:0 -.3rem .8rem rgb(51 22 39/9%)}.choice-option__visual--normal i{height:20%}.choice-option__visual--high i{height:32%}.choice-option__edge{position:relative;width:100%;height:3.8rem;margin:.15rem 0 1rem;background:linear-gradient(#e4dcd8 0 62%,#8f6d54 62%);border-radius:.65rem}.choice-option__edge::after{content:"";position:absolute;bottom:38%;left:10%;height:30%;background:#fff;border:1px solid #d8d0d2;box-shadow:.3rem 0 .5rem rgb(55 22 51/12%)}.choice-option__edge--12::after{width:23%}.choice-option__edge--15::after{width:37%}
.choice-style{min-height:14rem}.choice-style__swatch{width:100%;height:6.2rem;margin-bottom:1rem;border-radius:.7rem;box-shadow:inset 0 0 0 1px rgb(30 11 34/8%)}.choice-style__swatch--country{background:linear-gradient(135deg,#e8e2d3 50%,#9d8169 50%)}.choice-style__swatch--modern{background:linear-gradient(135deg,#f8f8f4 50%,#4c4b4c 50%)}.choice-style__swatch--tonal{background:linear-gradient(#72576e 0 66%,#5a4158 66%)}.choice-trademark-note{margin:.8rem 0 0;color:var(--muted)!important;font-size:.58rem;line-height:1.45}
.choice-tip{display:flex;gap:.7rem;margin-top:1rem;padding:.8rem 1rem;color:var(--red-dark);background:var(--red-soft);border-radius:.75rem;font-size:.65rem}.choice-tip strong{flex:0 0 auto}.choice-navigation{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1.6rem;padding-top:1.2rem;border-top:1px solid var(--border)}.choice-navigation--end{justify-content:flex-end}.choice-back,.choice-restart{min-height:2.75rem;padding:.5rem .1rem;color:var(--muted);background:transparent;border:0;font-size:.68rem;font-weight:800}.choice-back:hover,.choice-restart:hover{color:var(--red-dark)}.choice-navigation .button{min-height:3.25rem}.choice-navigation .button:disabled{opacity:.42;cursor:not-allowed;transform:none}
.choice-result__heading{display:flex;align-items:center;gap:1rem;margin:1rem 0 1.4rem}.choice-result__heading>span{width:3rem;height:3rem;display:grid;place-items:center;color:#fff;background:var(--red);border-radius:50%;box-shadow:var(--glow)}.choice-result__heading small{display:block;color:var(--muted);font-size:.55rem;font-weight:800;text-transform:uppercase}.choice-result__heading h2{margin:.15rem 0 0;font-size:clamp(2rem,4vw,3rem)}
.choice-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}.choice-summary>div{min-width:0;padding:1rem;background:var(--surface-soft);border:1px solid var(--border);border-radius:.8rem}.choice-summary span,.choice-summary strong,.choice-summary small{display:block}.choice-summary span{color:var(--muted);font-size:.5rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.choice-summary strong{margin:.35rem 0;font-size:.72rem;overflow-wrap:anywhere}.choice-summary small{color:var(--muted);font-size:.58rem;line-height:1.4}.choice-result__recommendation{margin:1rem 0;padding:1rem 1.1rem;color:#fff;background:radial-gradient(circle at 100% 0,rgb(226 11 23/28%),transparent 34%),linear-gradient(135deg,var(--night),#242a36);border-radius:.9rem}.choice-result__recommendation small{font-size:.52rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.choice-result__recommendation p{margin:.25rem 0 0;color:rgb(255 255 255/78%);font-size:.72rem}
.choice-conversion{display:grid;gap:.55rem}.choice-cta{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.8rem;padding:.8rem 1rem;border:1px solid var(--border);border-radius:.8rem;transition:transform .2s,box-shadow .2s}.choice-cta:hover{transform:translateY(-2px);box-shadow:0 .8rem 1.8rem rgb(16 19 26/11%)}.choice-cta>span{width:1.8rem;height:1.8rem;display:grid;place-items:center;background:rgb(16 19 26/8%);border-radius:50%;font-size:.5rem;font-weight:900}.choice-cta strong,.choice-cta small{display:block}.choice-cta strong{font:700 .78rem var(--heading)}.choice-cta small{margin-top:.1rem;color:var(--muted);font-size:.56rem}.choice-cta>b{font-size:1rem}.choice-cta--sample{color:var(--ink);background:#fff}.choice-cta--whatsapp{color:#fff;background:#bd0914;border-color:#e20b17;box-shadow:0 .8rem 1.8rem rgb(189 9 20/18%)}.choice-cta--whatsapp>span{background:rgb(255 255 255/14%)}.choice-cta--whatsapp small{color:rgb(255 255 255/72%)}.choice-cta--price{color:#fff;background:var(--night);border-color:var(--night)}.choice-cta--price>span{background:rgb(255 255 255/12%)}.choice-cta--price small{color:rgb(255 255 255/66%)}
.choice-editorial{background:#fff}.choice-editorial__grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(3rem,8vw,7rem);align-items:start}.choice-editorial__grid>div:first-child{position:sticky;top:8rem}.choice-editorial__grid>div:first-child p:not(.eyebrow){color:var(--muted)}.choice-editorial__rules{display:grid;gap:.8rem}.choice-editorial__rules article{display:grid;grid-template-columns:auto 1fr;gap:1rem;padding:1.25rem;background:#f7f3f7;border:1px solid var(--border);border-radius:1rem}.choice-editorial__rules article>span{width:2.5rem;height:2.5rem;display:grid;place-items:center;color:#fff;background:var(--night);border-radius:50%;font:800 .6rem var(--heading)}.choice-editorial__rules strong{font-family:var(--heading)}.choice-editorial__rules p{margin:.25rem 0 0;color:var(--muted);font-size:.76rem}
.choice-faq{background:var(--surface-soft)}.choice-faq__grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:clamp(3rem,8vw,7rem)}.choice-faq__grid>div:first-child>p:not(.eyebrow){color:var(--muted)}.choice-faq details{background:#fff;border-bottom:1px solid var(--border)}.choice-faq details:first-child{border-radius:1rem 1rem 0 0}.choice-faq details:last-child{border-bottom:0;border-radius:0 0 1rem 1rem}.choice-faq summary{display:flex;justify-content:space-between;gap:1rem;padding:1.2rem;font-weight:800;cursor:pointer}.choice-faq summary span{color:var(--red)}.choice-faq details p{padding:0 1.2rem 1.2rem;margin:0;color:var(--muted);font-size:.78rem}
.choice-final{padding:clamp(5rem,9vw,8rem) 0;color:#fff;background:radial-gradient(circle at 90% 10%,rgb(226 11 23/36%),transparent 30%),linear-gradient(135deg,var(--night),#242a36)}.choice-final__inner{display:grid;grid-template-columns:1.1fr .9fr;align-items:end;gap:4rem}.choice-final h2{margin:0;color:#fff;font-size:clamp(3rem,6vw,5.8rem)}.choice-final__inner>div:last-child p{color:rgb(255 255 255/70%)}
.journey__choice-cta{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;margin-top:1.2rem;padding:1.1rem 1.2rem;color:#fff;background:radial-gradient(circle at 100% 0,rgb(226 11 23/30%),transparent 40%),linear-gradient(135deg,var(--night),#242a36);border-radius:1rem}.journey__choice-cta strong,.journey__choice-cta small{display:block}.journey__choice-cta small{margin-top:.15rem;color:rgb(255 255 255/65%);font-size:.66rem}
@media(max-width:58rem){.choice-hero__grid,.choice-assistant,.choice-editorial__grid,.choice-faq__grid,.choice-final__inner{grid-template-columns:1fr}.choice-room{width:min(100%,30rem);margin-inline:auto}.choice-assistant__intro{padding-bottom:2rem}.choice-editorial__grid>div:first-child{position:static}.choice-summary{grid-template-columns:1fr}.choice-final__inner{gap:2rem}}
@media(max-width:46rem){.choice-options--three{grid-template-columns:1fr}.choice-style{min-height:0}.choice-style__swatch{height:5rem}}
@media(max-width:38rem){.choice-hero{padding-top:3.5rem}.choice-hero h1{font-size:clamp(3rem,15vw,4.6rem)}.choice-room{border-radius:1.2rem}.choice-progress{width:calc(100% - 1rem);padding:.8rem .6rem}.choice-progress>i{margin:0 .25rem}.choice-progress__item{display:grid;justify-items:center;gap:.2rem}.choice-progress__item span{width:1.6rem;height:1.6rem}.choice-progress__item small{font-size:.43rem}.choice-assistant{border-radius:1.15rem}.choice-card{padding:1.1rem}.choice-options--two{grid-template-columns:1fr}.choice-option{min-height:11.5rem}.choice-navigation{align-items:stretch}.choice-navigation .button{padding-inline:.8rem}.choice-tip{display:grid}.choice-conversion{gap:.7rem}.choice-cta{padding:.75rem}.choice-cta small{line-height:1.35}.journey__choice-cta{align-items:stretch;flex-direction:column}.journey__choice-cta .button{width:100%}}
@media(prefers-reduced-motion:reduce){.choice-step.is-active{animation:none}.choice-option,.choice-cta{transition:none}}

/* Calculator result — light premium treatment */
[data-calculator-result].calculator-result {
  color: #171329;
  background-color: #f7f5f1;
  background-image:
    radial-gradient(circle at 100% 0, rgb(255 31 48 / 10%), transparent 34%),
    radial-gradient(circle at 0 100%, rgb(24 19 43 / 5%), transparent 38%),
    linear-gradient(rgb(24 19 43 / 2.5%) 1px, transparent 1px),
    linear-gradient(90deg, rgb(24 19 43 / 2.5%) 1px, transparent 1px),
    linear-gradient(145deg, #fff 0%, #f8f6f2 58%, #f1eeea 100%);
  background-size: auto, auto, 2.7rem 2.7rem, 2.7rem 2.7rem, auto;
  border-top-color: #ff1f32;
  box-shadow:
    inset 0 1px 0 rgb(255 255 255 / 90%),
    0 22px 55px rgb(18 15 38 / 12%);
}

[data-calculator-result].calculator-result h3 {
  color: #171329;
}

[data-calculator-result].calculator-result p:not(.eyebrow) {
  color: #5d586b;
}

[data-calculator-result].calculator-result .eyebrow {
  color: #5f596c;
}

[data-calculator-result].calculator-result .eyebrow span {
  background: #ff1f32;
}

[data-calculator-result] .result-product {
  color: #d8192d;
}

[data-calculator-result] .result-price {
  color: #171329;
  text-shadow: none;
}

[data-calculator-result] .result-ready > small {
  color: #6f6979;
}

[data-calculator-result] .result-facts div {
  background: rgb(255 255 255 / 90%);
  border-color: rgb(24 19 43 / 12%);
  box-shadow: 0 8px 22px rgb(18 15 38 / 6%);
}

[data-calculator-result] .result-facts span {
  color: #7a7484;
}

[data-calculator-result] .result-facts strong {
  color: #171329;
}

[data-calculator-result] .result-note {
  padding: .65rem .8rem;
  color: #514b5d;
  background: rgb(255 255 255 / 70%);
  border-left-color: #ff1f32;
  border-radius: 0 .45rem .45rem 0;
}

[data-calculator-result] .result-idle ul {
  border-top-color: rgb(24 19 43 / 12%);
}

[data-calculator-result] .result-idle li {
  color: #5d586b;
}

[data-calculator-result] .result-idle li::before {
  color: #ff1f32;
}

[data-calculator-result] .loader-mark {
  background: #fff;
  border-color: rgb(24 19 43 / 12%);
}

[data-calculator-result] .loader-mark::before {
  border-color: rgb(24 19 43 / 10%);
  border-top-color: #ff1f32;
}

[data-calculator-result] .loader-mark b {
  color: #171329;
  filter: none;
}

[data-calculator-result] .loader-mark span {
  background: #ff1f32;
  box-shadow: 0 0 1rem rgb(255 31 48 / 45%);
}

[data-calculator-result].calculator-result .button--primary {
  color: #fff;
  background: #ff1f32;
  border-color: #ff1f32;
  box-shadow: 0 .9rem 2.2rem rgb(218 19 42 / 22%);
}

[data-calculator-result].calculator-result .button--primary:hover {
  color: #fff;
  background: #dc1729;
  border-color: #dc1729;
  box-shadow: 0 1rem 2.4rem rgb(218 19 42 / 28%);
}

[data-calculator-result].calculator-result .button--ghost {
  color: #171329;
  background: #fff;
  border-color: rgb(24 19 43 / 20%);
}

/* Aubergine logo badge: geeft het zilveren beeldmerk vast contrast op de lichte menubalk. */
.brand{
  position:relative;
  z-index:2;
  width:10rem;
  height:7.15rem;
  flex:0 0 10rem;
  align-self:flex-start;
  margin-bottom:-1.5rem;
  padding:.65rem .85rem .82rem;
  overflow:hidden;
  background:linear-gradient(150deg,#d7deff 0%,#becbff 55%,#aebdf8 100%);
  border:1px solid rgb(255 255 255/12%);
  border-top:0;
  border-radius:0 0 .9rem .9rem;
  box-shadow:0 .8rem 1.65rem rgb(42 16 63/25%),inset 0 -1px rgb(255 255 255/12%);
  transition:filter .2s ease,box-shadow .2s ease;
}
.brand:hover{
  filter:brightness(1.06);
  transform:none;
  box-shadow:0 1rem 2rem rgb(42 16 63/31%),inset 0 -1px rgb(255 255 255/14%);
}
.brand:focus-visible{
  outline:3px solid #fff;
  outline-offset:-5px;
  box-shadow:0 0 0 3px #63339a,0 1rem 2rem rgb(42 16 63/31%);
}
.brand img{
  width:100%;
  height:100%;
  max-height:none;
  object-fit:contain;
  object-position:center;
  filter:none;
  image-rendering:auto;
}

@media(max-width:58rem){
  .brand{
    width:8rem;
    height:5.9rem;
    flex-basis:8rem;
    margin-bottom:-.9rem;
    padding:.46rem .6rem .64rem;
    border-radius:0 0 .72rem .72rem;
    box-shadow:0 .55rem 1.2rem rgb(42 16 63/24%),inset 0 -1px rgb(255 255 255/12%);
  }
  .brand img{max-height:none}
}

@media(prefers-reduced-motion:reduce){
  .brand{transition:none}
}

/* Schoon headerwoordmerk: donkere variant rechtstreeks op de witte menubalk. */
.brand{
  position:relative;
  z-index:2;
  width:8.6rem;
  height:5.2rem;
  flex:0 0 8.6rem;
  align-self:center;
  margin:0;
  padding:.15rem 0;
  overflow:visible;
  background:transparent;
  border:0;
  border-radius:0;
  box-shadow:none;
  transform:none;
  filter:none;
  transition:opacity .2s ease;
}
.brand:hover{
  opacity:.86;
  filter:none;
  transform:none;
  box-shadow:none;
}
.brand:focus-visible{
  outline:3px solid var(--brand-blue);
  outline-offset:4px;
  box-shadow:none;
}
.brand img{
  width:100%;
  height:100%;
  max-height:none;
  object-fit:contain;
  object-position:center;
  filter:none;
  image-rendering:auto;
}

@media(max-width:58rem){
  .brand{
    width:7.1rem;
    height:4.35rem;
    flex-basis:7.1rem;
    margin:0;
    padding:.1rem 0;
    border:0;
    border-radius:0;
    box-shadow:none;
  }
}

/* Horizontale header-lockup: ontworpen voor navigatie, zonder verticale overlap. */
.brand{
  width:12rem;
  height:3.6rem;
  flex:0 0 12rem;
  align-self:center;
  margin:0;
  padding:0;
  overflow:hidden;
  background:transparent;
  border:0;
  border-radius:0;
  box-shadow:none;
  transform:none;
  filter:none;
}
.brand img{
  display:block;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:left center!important;
  filter:none!important;
}
@media(max-width:72rem) and (min-width:58.01rem){
  .brand{
    width:10.5rem;
    height:3.2rem;
    flex-basis:10.5rem;
  }
}
@media(max-width:58rem){
  .brand{
    width:10.25rem;
    height:3.1rem;
    flex-basis:10.25rem;
    margin:0;
    padding:0;
    overflow:hidden;
  }
}


/* Definitieve horizontale merkset: witte footervariant zonder achtergrondvlak. */
.footer__brand img{
  display:block;
  width:min(15rem,100%);
  height:auto;
  max-height:5rem;
  object-fit:contain;
  object-position:left center;
  margin-bottom:1.2rem;
  background:transparent;
  border-radius:0;
}

/* Prominente projectfoto's op binnenpagina's */
.subpage-visual{position:relative;min-width:0;height:clamp(22rem,38vw,31rem);margin:0;overflow:hidden;border:1px solid rgb(255 255 255/22%);border-radius:1.4rem;box-shadow:0 2.2rem 5rem rgb(4 1 25/38%);isolation:isolate}.subpage-visual::after{content:"";position:absolute;z-index:1;inset:45% 0 0;background:linear-gradient(transparent,rgb(15 1 43/88%))}.subpage-visual img{width:100%;height:100%;display:block;object-fit:cover}.subpage-visual figcaption{position:absolute;z-index:2;right:1.3rem;bottom:1.2rem;left:1.3rem;color:#fff}.subpage-visual figcaption strong,.subpage-visual figcaption span{display:block}.subpage-visual figcaption strong{font:700 1rem var(--heading)}.subpage-visual figcaption span{margin-top:.2rem;color:rgb(255 255 255/74%);font-size:.7rem;font-weight:700}@media(max-width:58rem){.subpage-visual{height:28rem}}@media(max-width:38rem){.subpage-visual{height:23rem}}


/* Juridische pagina's en noodzakelijke cookiemelding — versie 20260827-legal-cookie1. */
.legal-page{min-height:70vh;padding:clamp(3.5rem,7vw,6rem) 0;background:linear-gradient(180deg,#fff 0,#f7f3fa 100%)}
.legal-page__inner{max-width:58rem}.legal-page__inner>h1{max-width:18ch;margin-bottom:.75rem;font-size:clamp(2.4rem,6vw,4.6rem);line-height:.98}
.legal-update{display:inline-flex;margin:0 0 1.4rem;padding:.45rem .75rem;color:var(--purple-deep);background:var(--purple-soft);border-radius:999px;font-size:.78rem}
.legal-lead{max-width:70ch;margin-bottom:2.5rem;color:#4e4658;font-size:clamp(1.05rem,2vw,1.22rem);line-height:1.75}
.legal-page section{margin:0 0 1.1rem;padding:clamp(1.25rem,3vw,2rem);background:#fff;border:1px solid #e7dfec;border-radius:1rem;box-shadow:0 .8rem 2rem rgb(39 9 53/5%)}
.legal-page section h2{margin:0 0 .8rem;color:var(--purple-dark);font-size:clamp(1.2rem,2.5vw,1.55rem)}
.legal-page section p,.legal-page section li{color:#554d5e;line-height:1.75}.legal-page section p:last-child,.legal-page section ul:last-child,.legal-page section ol:last-child{margin-bottom:0}
.legal-page section ul,.legal-page section ol{padding-left:1.25rem}.legal-page section li+li{margin-top:.4rem}.legal-page section a{color:var(--red-dark);text-decoration:underline;text-underline-offset:.16em}
.legal-company-card{display:grid;gap:.25rem;margin:1rem 0;padding:1.15rem;border-left:4px solid var(--red);background:#faf7fc;border-radius:.25rem .8rem .8rem .25rem}
.legal-company-card strong{color:var(--purple-dark);font-size:1.08rem}.legal-company-card a{width:max-content;max-width:100%;overflow-wrap:anywhere}
.legal-review-note{margin-top:2rem;padding:1.3rem 1.5rem;color:#fff;background:linear-gradient(135deg,var(--purple-dark),var(--purple-deep));border-radius:1rem;box-shadow:var(--shadow)}
.legal-review-note strong{font-size:1.05rem}.legal-review-note p{margin:.35rem 0 0;color:rgb(255 255 255/78%)}.legal-review-note a{color:#fff;text-decoration:underline}
.cookie-table{display:grid;margin:1rem 0;border:1px solid #e4dce9;border-radius:.8rem;overflow:hidden}.cookie-table>div{display:grid;grid-template-columns:1fr 1.5fr .7fr;gap:.75rem;padding:.8rem 1rem}
.cookie-table>div+div{border-top:1px solid #e9e2ed}.cookie-table>div:first-child{color:#fff;background:var(--purple-dark)}.cookie-table span{color:#554d5e}
.footer__legal{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:.45rem 1rem}.footer__legal a,.footer__legal button,.footer-cookie-button{display:inline-block;margin:0;padding:0;color:inherit;background:none;border:0;font:inherit;cursor:pointer}
.footer__legal a:hover,.footer__legal button:hover,.footer-cookie-button:hover{color:#fff;text-decoration:underline}.site-footer .footer-cookie-button{color:rgb(255 255 255/60%)}
.cookie-banner{position:fixed;z-index:120;left:50%;bottom:clamp(1rem,3vw,2rem);display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:1rem;align-items:center;width:min(48rem,calc(100% - 2rem));padding:1rem 1.1rem;color:#fff;background:linear-gradient(135deg,#21072f,#4b1764);border:1px solid rgb(255 255 255/18%);border-radius:1rem;box-shadow:0 1.5rem 4rem rgb(15 1 28/40%);transform:translateX(-50%)}
.cookie-banner[hidden]{display:none}.cookie-banner__mark{display:grid;place-items:center;width:2.8rem;height:2.8rem;color:#fff;background:var(--red);border-radius:.65rem;font:800 .9rem var(--body)}
.cookie-banner__copy{min-width:0}.cookie-banner__copy strong{display:block;margin-bottom:.2rem;font-size:.9rem}.cookie-banner__copy p{margin:0;color:rgb(255 255 255/76%);font-size:.74rem;line-height:1.55}
.cookie-banner__links{display:flex;flex-wrap:wrap;gap:.35rem 1rem;margin-top:.45rem}.cookie-banner__links a,.cookie-banner__links button{padding:0;color:#fff;background:none;border:0;font:700 .7rem var(--body);text-decoration:underline;cursor:pointer}
.cookie-banner__accept{min-height:44px;padding:.7rem 1rem;color:#fff;background:var(--red);border:0;border-radius:.7rem;font-weight:800;cursor:pointer}.cookie-banner__accept:hover{background:var(--red-dark)}
.cookie-dialog{width:min(39rem,calc(100% - 2rem));max-height:min(88dvh,48rem);padding:0;color:var(--ink);background:transparent;border:0;border-radius:1.1rem;overflow:auto;box-shadow:0 2rem 6rem rgb(12 1 25/45%)}
.cookie-dialog::backdrop{background:rgb(12 1 25/66%);backdrop-filter:blur(4px)}.cookie-dialog__panel{position:relative;padding:clamp(1.4rem,4vw,2.2rem);background:#fff;border-top:5px solid var(--red);border-radius:1rem}
.cookie-dialog__close{position:absolute;top:.8rem;right:.8rem;display:grid;place-items:center;width:44px;height:44px;color:var(--purple-dark);background:var(--purple-soft);border:0;border-radius:50%;font-size:1.5rem;cursor:pointer}
.cookie-dialog__eyebrow{color:var(--red-dark);font-size:.7rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.cookie-dialog h2{margin:.35rem 3rem .5rem 0;font-size:clamp(1.5rem,4vw,2.2rem)}
.cookie-dialog>p,.cookie-dialog__panel>p{color:var(--muted);line-height:1.65}.cookie-status{display:grid;margin:1.2rem 0;border:1px solid #e7dfec;border-radius:.8rem;overflow:hidden}
.cookie-status>div{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem}.cookie-status>div+div{border-top:1px solid #e7dfec}.cookie-status span{display:grid;gap:.2rem}.cookie-status small{color:var(--muted);line-height:1.45}
.cookie-status b{flex:0 0 auto;color:#176b43;font-size:.72rem}.cookie-status b.is-off{color:#6c6571}.cookie-dialog__external{padding:1rem;background:#f8f5fa;border-radius:.7rem;font-size:.78rem}
.cookie-dialog__actions{display:flex;align-items:center;flex-wrap:wrap;gap:1rem;margin-top:1.2rem}.document-legal-note{margin:1rem 0;padding:.8rem 1rem;color:#554d5e;background:#f6f1f8;border-left:3px solid #c70e19;border-radius:.3rem;font-size:.74rem;line-height:1.55}
.document-legal-note a{color:#6a164f;font-weight:700}
@media(max-width:58rem){.cookie-banner{bottom:calc(4.7rem + env(safe-area-inset-bottom));grid-template-columns:auto minmax(0,1fr)}.cookie-banner__accept{grid-column:1/-1;width:100%}.footer__legal{justify-content:flex-start}}
@media(max-width:34rem){.cookie-banner{grid-template-columns:1fr;padding:.95rem}.cookie-banner__mark{display:none}.cookie-table>div{grid-template-columns:1fr}.cookie-table>div:first-child{display:none}.cookie-status>div{align-items:flex-start;flex-direction:column}.cookie-status b{align-self:flex-start}.legal-page section{padding:1.15rem}}
@media print{.cookie-banner,.cookie-dialog,.footer-cookie-button,[data-cookie-settings]{display:none!important}}

/* Luxe navigatie, persoonlijk contact en subtiele fotobranding — 20260827. */
.mega-trigger{position:relative;display:flex;align-items:center;gap:.35rem;padding:1.95rem 0;color:inherit;background:none;border:0;font-size:.82rem;font-weight:800;white-space:nowrap}
.mega-trigger::after{content:"";position:absolute;right:0;bottom:1.45rem;left:0;height:2px;background:var(--brand-blue);transform:scaleX(0);transform-origin:left;transition:transform .2s}
.nav-cluster:hover .mega-trigger::after,.nav-cluster:focus-within .mega-trigger::after,.nav-cluster.is-open .mega-trigger::after{transform:scaleX(1)}
.nav-cluster.is-open .mega-panel{opacity:1;visibility:visible;transform:translateX(-50%)}
.mega-panel{width:min(76rem,calc(100vw - 2rem));grid-template-columns:1.25fr repeat(4,minmax(0,1fr));gap:0;padding:0;overflow:hidden;border:1px solid rgb(219 224 239/90%);border-top:4px solid #ffd84d;border-radius:0 0 1.35rem 1.35rem;box-shadow:0 2.2rem 5rem rgb(15 1 43/24%)}
.mega-panel .mega-intro{position:relative;min-height:20rem;display:flex;flex-direction:column;justify-content:flex-end;padding:1.6rem;color:#fff;background:radial-gradient(circle at 90% 8%,rgb(47 109 246/55%),transparent 34%),linear-gradient(145deg,var(--brand-ink),var(--brand-navy));border-radius:0}
.mega-panel .mega-intro::before,.mega-panel .mega-intro::after{display:none}
.mega-intro>small{color:#ffd84d!important;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.mega-intro>strong{margin:.55rem 0;color:#fff;font:700 1.45rem/1.1 var(--heading)}.mega-intro>p{margin:0 0 1.2rem;color:rgb(255 255 255/72%)!important;font-size:.76rem;line-height:1.6}.mega-intro>a{display:flex;justify-content:space-between;gap:1rem;padding:.82rem 1rem;color:var(--brand-ink);background:#ffd84d;border-radius:.7rem;font-size:.74rem;font-weight:900}
.mega-group{min-width:0;padding:1.35rem 1.05rem;background:#fff;border-left:1px solid #e7eaf4}
.mega-group>small{display:block;margin-bottom:.75rem;color:#6b7289;font-size:.59rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.mega-group>a{display:block;padding:.82rem .65rem;border-radius:.7rem;transition:background .2s,transform .2s}
.mega-group>a+a{border-top:1px solid #edf0f6}.mega-group>a:hover,.mega-group>a:focus-visible{background:var(--brand-blue-soft);transform:translateX(.12rem)}
.mega-group strong,.mega-group span{display:block}.mega-group strong{color:var(--brand-ink);font-size:.76rem}.mega-group span{margin-top:.15rem;color:#737b90;font-size:.62rem;line-height:1.35}

.hero .eyebrow{color:var(--brand-ink);background:#ffd84d;border:1px solid #ffe787;box-shadow:0 .75rem 1.8rem rgb(0 0 0/22%)}
.hero .eyebrow span{background:var(--brand-blue);box-shadow:0 0 0 4px rgb(255 255 255/55%)}

.branded-photo{position:relative;isolation:isolate}.project-gallery .branded-photo{display:block;overflow:hidden}.project-gallery .branded-photo>img{width:100%;aspect-ratio:4/3;object-fit:cover}
.image-brand{position:absolute;z-index:5;bottom:.65rem;display:grid;place-items:center;width:clamp(4.2rem,7vw,5.5rem);height:1.5rem;padding:.18rem .32rem;background:rgb(255 255 255/54%);border:1px solid rgb(255 255 255/46%);border-radius:.35rem;box-shadow:0 .2rem .6rem rgb(15 1 43/15%);backdrop-filter:blur(5px);pointer-events:none}
.image-brand--left{left:.65rem}.image-brand--right{right:.65rem}.image-brand img{width:100%!important;height:100%!important;min-height:0!important;aspect-ratio:auto!important;object-fit:contain!important;filter:none!important;opacity:.72}
.subpage-visual>.image-brand,.montage-photo>.image-brand,.project-card>.image-brand{bottom:4.4rem}.hero__image-wrap>.image-brand{bottom:.8rem}
.sfeer-gallery .branded-photo{display:block;width:100%;height:100%;overflow:hidden}.sfeer-gallery .branded-photo>img{width:100%;height:100%;object-fit:cover}.sfeer-gallery .image-brand{top:.65rem;bottom:auto}

.whatsapp-jan{position:fixed;z-index:98;right:1.2rem;bottom:1.2rem;display:flex;align-items:center;gap:.72rem;max-width:min(22rem,calc(100vw - 2rem));padding:.78rem 1rem;color:#fff;background:linear-gradient(135deg,#0f8f50,#1fc66a);border:1px solid rgb(255 255 255/42%);border-radius:999px;box-shadow:0 1rem 2.6rem rgb(5 90 43/30%);transition:transform .2s,box-shadow .2s}.whatsapp-jan:hover{transform:translateY(-.15rem);box-shadow:0 1.2rem 3rem rgb(5 90 43/38%)}
.whatsapp-jan span:last-child,.whatsapp-jan strong,.whatsapp-jan small{display:block}.whatsapp-jan strong{font-size:.82rem}.whatsapp-jan small{color:rgb(255 255 255/82%);font-size:.61rem}
.contact-details .contact-whatsapp{color:#fff;background:linear-gradient(135deg,#108c50,#20bd68)}.contact-details .contact-whatsapp span{color:rgb(255 255 255/82%)}
.page-card-grid--four{grid-template-columns:repeat(4,minmax(0,1fr))}

@media(max-width:72rem) and (min-width:58.01rem){.main-nav>a:nth-of-type(3),.main-nav>a:nth-of-type(4){display:none}.mega-trigger{font-size:.75rem}.mega-panel{grid-template-columns:1.1fr repeat(4,minmax(0,1fr))}}
@media(max-width:58rem){
  .mega-trigger{width:100%;justify-content:space-between;padding:1rem 0;border-bottom:1px solid var(--border);font-size:.88rem}.mega-trigger::after{display:none}
  .mega-panel{position:static;width:auto;display:none;grid-template-columns:1fr 1fr;margin:.6rem 0;padding:0;overflow:visible;border:1px solid #e4e8f2;border-top:3px solid #ffd84d;border-radius:.8rem;opacity:1;visibility:visible;transform:none!important;box-shadow:none}
  .nav-cluster.is-open .mega-panel{display:grid}.mega-panel .mega-intro{display:none}.mega-group{padding:.85rem;border-left:0}.mega-group:nth-of-type(even){border-left:1px solid #e7eaf4}.mega-group:nth-of-type(n+3){border-top:1px solid #e7eaf4}.mega-group>a{padding:.58rem .25rem}.mega-group span{display:none}
  .page-card-grid--four{grid-template-columns:1fr 1fr}.whatsapp-jan{display:none}
  .mobile-actions{position:fixed;z-index:99;right:0;bottom:0;left:0;display:grid;grid-template-columns:.8fr 1.2fr;padding:.42rem max(.55rem,env(safe-area-inset-left)) calc(.42rem + env(safe-area-inset-bottom)) max(.55rem,env(safe-area-inset-right));gap:.45rem;background:rgb(255 255 255/96%);box-shadow:0 -1rem 2.4rem rgb(15 1 43/16%);backdrop-filter:blur(14px)}
  .mobile-actions a{min-width:0;min-height:3.7rem;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem .65rem;border-radius:.75rem;font-size:.72rem;font-weight:800}.mobile-actions a span:last-child,.mobile-actions strong,.mobile-actions small{display:block;min-width:0}.mobile-actions small{font-size:.55rem;font-weight:600;white-space:nowrap}.mobile-actions .sticky-phone{color:var(--brand-ink);background:#f1f3fb;border:1px solid #dfe4f0}.mobile-actions .sticky-whatsapp{color:#fff;background:linear-gradient(135deg,#108c50,#20bd68);box-shadow:0 .45rem 1.2rem rgb(5 90 43/20%)}
  body{padding-bottom:calc(4.8rem + env(safe-area-inset-bottom))}.cookie-banner{bottom:calc(5.2rem + env(safe-area-inset-bottom))}
}
@media(max-width:38rem){.page-card-grid--four{grid-template-columns:1fr}.mobile-actions{grid-template-columns:.75fr 1.25fr}.mobile-actions a{font-size:.67rem;padding-inline:.45rem}.mobile-actions small{font-size:.5rem}.image-brand{width:4rem;height:1.35rem}.subpage-visual>.image-brand,.montage-photo>.image-brand,.project-card>.image-brand{bottom:4.1rem}}
@media(prefers-reduced-motion:reduce){.mega-group>a,.whatsapp-jan{transition:none}}
@media print{.whatsapp-jan,.mobile-actions,.image-brand{display:none!important}}

/* Definitieve layoutcorrectie en mobiele sitechrome — 20260827-mobile3. */
main,main section,main .container,main .container>*{min-width:0}

/* De section-class botste met het oorspronkelijke fotogrid met dezelfde naam. */
section.project-gallery{
  display:block;
  grid-template-columns:none;
  grid-auto-rows:auto;
  gap:0;
  margin-top:0;
}
section.project-gallery>.container{width:min(100% - 2rem,var(--container))}
.project-gallery__grid,.project-gallery__grid>*{min-width:0}

/* Persoonlijk contact in de donkerblauw/paarse huisstijl. */
.whatsapp-jan{
  isolation:isolate;
  overflow:hidden;
  gap:0;
  padding:.78rem 1rem;
  color:#fff;
  background:linear-gradient(135deg,var(--brand-ink) 0%,var(--brand-navy) 62%,#24368a 100%);
  border:1px solid rgb(154 181 255/48%);
  border-radius:1rem;
  box-shadow:0 1.2rem 3rem rgb(15 1 43/34%),inset 0 1px 0 rgb(255 255 255/13%);
}
.whatsapp-jan::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0 auto 0 0;
  width:4px;
  background:linear-gradient(#ffd84d,var(--brand-blue));
}
.whatsapp-jan:hover{
  transform:translateY(-.18rem);
  box-shadow:0 1.45rem 3.4rem rgb(15 1 43/42%),inset 0 1px 0 rgb(255 255 255/16%);
}
.whatsapp-jan strong{font-size:.79rem;line-height:1.2}
.whatsapp-jan small{margin-top:.16rem;color:#cbd5ff;font-size:.57rem;letter-spacing:.01em}
.contact-details .contact-whatsapp{
  color:#fff;
  background:linear-gradient(135deg,var(--brand-ink),var(--brand-navy) 65%,#24368a);
  border:1px solid rgb(154 181 255/32%);
  box-shadow:0 .9rem 2rem rgb(15 1 43/16%);
}
.contact-details .contact-whatsapp span{color:#ccd6ff}

@media(max-width:58rem){
  html{scroll-padding-top:6rem}
  body{padding-bottom:calc(5.35rem + env(safe-area-inset-bottom))}
  .container{width:min(100% - 2rem,var(--container))}
  h1,h2,h3{max-width:100%;word-break:normal;overflow-wrap:break-word}
  h1{font-size:clamp(2.55rem,9.5vw,4.25rem);line-height:1}
  h2{font-size:clamp(2.15rem,7.8vw,3.45rem);line-height:1.03}
  .subpage-hero h1,.subpage-hero--reviews h1,.subpage-hero--feedback h1{
    max-width:15ch;
    font-size:clamp(2.55rem,9.5vw,4rem);
    line-height:.98;
  }
  .hero__grid,.subpage-hero__inner,.choice-hero__grid,.content-split,.contact-grid,
  .page-cta__inner,.final-cta__inner,.section-heading--split,.montage__grid,
  .costs__grid,.business__grid,.quote__grid,.faq__grid{
    grid-template-columns:minmax(0,1fr);
  }
  .page-card-grid,.page-card-grid--four,.region-grid,.review-platforms,
  .review-platforms--large,.review-grid,.feedback-grid,.project-gallery__grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  section.project-gallery{grid-template-columns:none;grid-auto-rows:auto}
  .hero__actions,.section-actions{max-width:100%;flex-wrap:wrap}
  .hero__actions .button,.section-actions .button{max-width:100%}

  /* Luxe mobiele menulade in dezelfde merkstijl. */
  .menu-toggle{
    color:#fff;
    background:linear-gradient(145deg,var(--brand-ink),var(--brand-navy));
    border:1px solid rgb(47 109 246/38%);
    box-shadow:0 .55rem 1.25rem rgb(15 1 43/18%);
  }
  .menu-toggle span:not(.sr-only){background:#fff}
  .main-nav{
    width:min(92vw,25rem);
    min-height:100dvh;
    padding:5.3rem 1.15rem calc(6.3rem + env(safe-area-inset-bottom));
    color:#fff;
    background:radial-gradient(circle at 95% 3%,rgb(47 109 246/28%),transparent 28%),linear-gradient(165deg,var(--brand-ink),var(--brand-navy));
    border-left:1px solid rgb(154 181 255/25%);
    box-shadow:-2rem 0 5rem rgb(15 1 43/40%);
    overscroll-behavior:contain;
  }
  .menu-close{
    top:1rem;
    right:1rem;
    color:#fff;
    background:rgb(255 255 255/10%);
    border:1px solid rgb(255 255 255/18%);
    box-shadow:inset 0 1px 0 rgb(255 255 255/10%);
  }
  .main-nav>a:not(.button),.mega-trigger{
    min-height:3.55rem;
    display:flex;
    align-items:center;
    color:#fff;
    border-bottom:1px solid rgb(255 255 255/13%);
  }
  .main-nav>a[aria-current="page"]{color:#ffd84d}
  .mega-trigger{padding:1rem 0;font-size:.88rem}
  .mega-trigger>span{display:grid;place-items:center;width:1.8rem;height:1.8rem;background:rgb(255 255 255/10%);border-radius:.45rem}
  .mega-panel{
    grid-template-columns:minmax(0,1fr);
    gap:.45rem;
    margin:.65rem 0 .85rem;
    padding:.55rem;
    background:rgb(255 255 255/7%);
    border:1px solid rgb(255 255 255/13%);
    border-top:3px solid #ffd84d;
    border-radius:.85rem;
  }
  .mega-group,.mega-group:nth-of-type(even),.mega-group:nth-of-type(n+3){
    padding:.7rem;
    background:#fff;
    border:0;
    border-radius:.65rem;
  }
  .mega-group>small{margin-bottom:.35rem;color:#69718b}
  .mega-group>a{padding:.57rem .45rem}
  .mega-group>a+a{border-top:1px solid #e9edf7}
  .main-nav .nav-cta{
    min-height:4rem;
    margin-top:1rem;
    color:#fff;
    background:linear-gradient(135deg,var(--brand-blue),#5b80ff);
    border:1px solid rgb(255 255 255/22%);
    border-radius:.85rem;
    box-shadow:0 .9rem 2rem rgb(4 8 55/34%);
  }
  .menu-backdrop{background:rgb(15 1 43/72%);backdrop-filter:blur(3px)}

  /* Vaste mobiele contactbalk: donker merkvlak met blauwe actie. */
  .whatsapp-jan{display:none}
  .mobile-actions{
    grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);
    gap:.5rem;
    padding:.5rem max(.65rem,env(safe-area-inset-right)) calc(.5rem + env(safe-area-inset-bottom)) max(.65rem,env(safe-area-inset-left));
    background:linear-gradient(135deg,rgb(15 1 43/97%),rgb(17 22 79/97%));
    border-top:1px solid rgb(154 181 255/28%);
    box-shadow:0 -1.1rem 2.8rem rgb(15 1 43/30%);
    backdrop-filter:blur(16px);
  }
  .mobile-actions a{
    min-width:0;
    min-height:3.85rem;
    gap:.55rem;
    padding:.5rem .62rem;
    border-radius:.85rem;
  }
  .mobile-actions a.sticky-offerte{
    color:#fff;
    background:linear-gradient(135deg,#e20b17,#ff2732);
    border:1px solid rgb(255 255 255/24%);
    box-shadow:0 .55rem 1.45rem rgb(171 7 16/34%),inset 0 1px 0 rgb(255 255 255/15%);
  }
  .mobile-actions a.sticky-whatsapp{
    color:#fff;
    background:linear-gradient(135deg,#0b934d,#20c96d);
    border:1px solid rgb(255 255 255/22%);
    box-shadow:0 .55rem 1.45rem rgb(4 100 49/34%),inset 0 1px 0 rgb(255 255 255/16%);
  }
  .mobile-actions strong{color:inherit;font-size:.68rem;line-height:1.18}
  .mobile-actions small{margin-top:.12rem;color:rgb(255 255 255/72%);font-size:.5rem;line-height:1.2;white-space:normal}
  .cookie-banner{bottom:calc(5.8rem + env(safe-area-inset-bottom))}
}

@media(max-width:38rem){
  .section{padding-block:4.1rem}
  .subpage-hero{padding-block:3.75rem}
  .subpage-hero h1,.subpage-hero--reviews h1,.subpage-hero--feedback h1,
  .hero h1{font-size:clamp(2.25rem,10.8vw,3.25rem);line-height:.98}
  h2,.content-intro h2{font-size:clamp(1.95rem,9vw,2.7rem);line-height:1.04}
  .page-card-grid,.page-card-grid--four,.region-grid,.review-platforms,
  .review-platforms--large,.review-grid,.feedback-grid,.project-gallery__grid{
    grid-template-columns:minmax(0,1fr);
  }
  .hero__actions,.section-actions{display:grid;grid-template-columns:1fr}
  .hero__actions .button,.section-actions .button{width:100%}
  .subpage-visual{height:21rem}
  .mega-panel{grid-template-columns:minmax(0,1fr)}
  .mobile-actions{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
  .mobile-actions a{padding-inline:.45rem}
}

@media(max-width:22rem){
  .container{width:min(100% - 1.25rem,var(--container))}
  .mobile-actions strong{font-size:.63rem}
}

/* Conversiegerichte bewijsbalk en robuuste mobiele productcarrousel — 20260827-proofcalc2. */
.trust-strip{padding:.8rem 0 1rem;background:#fff;border-top:.3rem solid #ffd84d;border-bottom:1px solid #e5e1eb;box-shadow:0 1.3rem 3.4rem rgb(15 1 43/10%)}
.trust-strip__inner{display:grid;grid-template-columns:minmax(13rem,.72fr) minmax(0,3.28fr);align-items:center;gap:1rem}
.trust-strip__heading{min-width:0;display:flex;align-items:center;gap:.7rem;padding:.55rem .75rem;color:#fff;background:var(--brand-ink);border-radius:.8rem;box-shadow:0 .7rem 1.5rem rgb(15 1 43/16%)}
.trust-strip__heading div{min-width:0}.trust-strip__heading strong,.trust-strip__heading small{display:block}.trust-strip__heading strong{font-size:.72rem;line-height:1.3}.trust-strip__heading small{margin-top:.14rem;color:#c8c3d6;font-size:.52rem;line-height:1.25}
.trust-strip__pulse{position:relative;flex:0 0 auto;width:.65rem;height:.65rem;background:#ffd84d;border:0;border-radius:50%;box-shadow:0 0 0 .28rem rgb(255 216 77/16%)}
.trust-strip__pulse::after{content:"";position:absolute;inset:-.28rem;border:1px solid #ffd84d;border-radius:50%;animation:proof-pulse 2s ease-out infinite}
@keyframes proof-pulse{0%{opacity:1;transform:scale(.75)}75%,100%{opacity:0;transform:scale(1.65)}}
.trust-strip__grid{min-width:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem}
.trust-strip__grid>div,.trust-strip__grid>a{border:0}
.proof-card{position:relative;min-width:0;min-height:4.25rem;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.65rem;padding:.65rem .7rem;color:var(--brand-ink);background:#f8f7fa;border:1px solid #e6e2eb!important;border-radius:.8rem;text-decoration:none;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.proof-card:hover{transform:translateY(-2px);border-color:#cfc6dc!important;box-shadow:0 .65rem 1.4rem rgb(15 1 43/9%)}
.proof-card__mark{width:2.15rem;height:2.15rem;display:grid;place-items:center;color:#fff!important;background:var(--brand-blue);border-radius:.62rem;font:800 .68rem var(--heading)!important;letter-spacing:-.02em;box-shadow:0 .35rem .8rem rgb(19 32 105/18%)}
.proof-card__mark--google{color:transparent!important;background:conic-gradient(from -45deg,#4285f4 0 25%,#34a853 25% 45%,#fbbc05 45% 68%,#ea4335 68% 100%);background-clip:text;-webkit-background-clip:text;font-size:1.35rem!important;box-shadow:none}
.proof-card__mark--trustpilot{color:#fff!important;background:#00b67a;font-size:1.05rem!important;box-shadow:0 .35rem .8rem rgb(0 182 122/18%)}
.proof-card p{min-width:0;margin:0;color:#746d7c;font-size:.55rem;line-height:1.35}.proof-card p>strong{display:block;color:var(--brand-ink);font-size:.69rem;line-height:1.25;white-space:nowrap}.proof-card p>span{display:block;margin-top:.13rem;white-space:nowrap}
.proof-card__stars{display:inline!important;margin:0 0 0 .2rem!important;color:#f4b400!important;font-size:.48rem!important;letter-spacing:-.05em;white-space:nowrap}.proof-card__stars--green{color:#00a875!important}
.proof-card>i{color:var(--red);font-size:.72rem;font-style:normal;font-weight:900}.proof-card--price{background:#fff9df;border-color:#f2df8d!important}.proof-card--price .proof-card__mark{color:var(--brand-ink)!important;background:#ffd84d;box-shadow:0 .35rem .8rem rgb(218 176 0/18%)}
@media(max-width:72rem){.trust-strip__inner{grid-template-columns:minmax(0,1fr)}.trust-strip__heading{max-width:22rem}.trust-strip__grid>div,.trust-strip__grid>a{border:1px solid #e6e2eb}.trust-strip__grid>div:nth-child(-n+2){border-bottom:1px solid #e6e2eb}}
@media(max-width:38rem){
  .trust-strip{padding:.65rem 0 .8rem}.trust-strip__inner{gap:.65rem}.trust-strip__heading{max-width:none;padding:.62rem .72rem}.trust-strip__heading strong{font-size:.7rem}.trust-strip__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.48rem}.proof-card{min-height:4.55rem;grid-template-columns:auto minmax(0,1fr);gap:.55rem;padding:.62rem}.proof-card>i{display:none}.proof-card p>strong,.proof-card p>span{white-space:normal}.proof-card p>strong{font-size:.64rem}.proof-card p>span{font-size:.5rem}.proof-card__stars{display:block!important;margin:.12rem 0 0!important}
  .plinth-card-track{display:flex;grid-auto-flow:initial;grid-auto-columns:initial;width:100%;max-width:100%;gap:.65rem;margin-inline:0;padding:.1rem .05rem .7rem;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}
  .plinth-card{flex:0 0 calc(100% - 2.15rem);width:calc(100% - 2.15rem);min-width:0;grid-template-rows:9.5rem auto}
  .plinth-card>img{height:9.5rem}.plinth-card>span{min-height:4.2rem;padding:.8rem}.plinth-card strong{overflow-wrap:normal;font-size:.72rem}.plinth-card small{font-size:.52rem}
}
@media(max-width:22rem){.trust-strip__grid{grid-template-columns:minmax(0,1fr)}.plinth-card{flex-basis:calc(100% - 1.25rem);width:calc(100% - 1.25rem)}}
@media(prefers-reduced-motion:reduce){.trust-strip__pulse::after{animation:none}}

/* Marktvergelijking: dezelfde merkstijl, met een leesbare tabel op ieder scherm. */
.market-table-wrap{max-width:100%;overflow-x:auto;border:1px solid #e4dbea;border-radius:1.2rem;box-shadow:0 1rem 2.8rem rgb(61 24 95/8%);-webkit-overflow-scrolling:touch}
.market-table{width:100%;min-width:58rem;border-collapse:collapse;background:#fff;text-align:left}
.market-table th,.market-table td{padding:1rem 1.1rem;border-bottom:1px solid #ece7f1;vertical-align:top;font-size:.78rem;line-height:1.5}
.market-table thead th{color:#fff;background:var(--purple-deep);font-size:.7rem;letter-spacing:.03em}
.market-table tbody th{width:18%;color:var(--purple-dark);background:#faf8fc;font-weight:800}
.market-table__highlight{background:var(--purple-soft)!important}
.market-table thead .market-table__highlight{color:#fff;background:var(--purple)!important}
.market-table tbody .market-table__highlight{color:var(--purple-dark)}
.market-table tr:last-child th,.market-table tr:last-child td{border-bottom:0}
.comparison-note{max-width:78ch;margin:1.25rem 0 0;padding:1rem 1.15rem;color:#5a5262;background:#faf8fc;border-left:4px solid var(--purple);border-radius:.25rem .8rem .8rem .25rem;font-size:.75rem;line-height:1.65}
@media(max-width:38rem){.market-table th,.market-table td{padding:.85rem}.comparison-note{font-size:.72rem}}

/* Landelijk werkgebied. */
.region-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.region-link{display:block;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.region-link strong{display:block;margin-top:1rem;color:var(--purple-deep);font-size:.76rem}
.region-link:hover,.region-link:focus-visible{transform:translateY(-.2rem);border-color:#bac7ff;box-shadow:0 1.35rem 3rem rgb(42 16 63/12%)}
.location-hero .breadcrumb{max-width:100%;overflow-x:auto;white-space:nowrap;scrollbar-width:none}
.location-hero .breadcrumb::-webkit-scrollbar{display:none}
@media(max-width:58rem){.region-grid{grid-template-columns:1fr 1fr}}
@media(max-width:38rem){.region-grid{grid-template-columns:1fr}}

.national-service{background:linear-gradient(145deg,#fff,var(--purple-soft))}
.service-area-strip{padding-block:clamp(3.5rem,6vw,5rem);background:#fff}
.service-area-strip .content-split{grid-template-columns:minmax(0,52rem)}
.service-area-strip h2{font-size:clamp(2rem,4vw,3.6rem)}

/* Ruime desktopverhouding voor projectintro; voorkomt afbreken per woord. */
.projects .section-heading--split{
  max-width:none;
  grid-template-columns:minmax(0,1.35fr) minmax(18rem,.65fr);
  gap:clamp(2.5rem,6vw,6rem);
}
.projects .section-heading--split h2{max-width:15ch}
@media(max-width:58rem){
  .projects .section-heading--split{grid-template-columns:minmax(0,1fr);gap:1.35rem}
  .projects .section-heading--split h2{max-width:18ch}
}

/* Sfeerplinten: echte montagebeelden, profielkeuze en persoonlijk advies. */
.sfeer-hero__actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.55rem}
.sfeer-hero__advisor{max-width:49rem;margin-top:1rem!important;color:#645c6e!important;font-size:.74rem!important}
.sfeer-hero__visual{height:clamp(32rem,55vw,47rem)}
.sfeer-hero__visual img{object-position:center 58%}
.sfeer-results .content-intro,.sfeer-models .content-intro{max-width:58rem}
.sfeer-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:20rem;gap:1rem;margin-top:2.25rem}
.sfeer-gallery figure{position:relative;min-width:0;margin:0;overflow:hidden;border-radius:1.15rem;background:#e9e5eb;box-shadow:0 1rem 2.5rem rgb(48 25 61/10%)}
.sfeer-gallery__wide{grid-column:span 2}
.sfeer-gallery img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.sfeer-gallery figure:hover img{transform:scale(1.025)}
.sfeer-gallery figcaption{position:absolute;right:.75rem;bottom:.75rem;left:.75rem;padding:.72rem .85rem;color:#fff;background:linear-gradient(135deg,rgb(15 1 43/88%),rgb(20 24 83/84%));border:1px solid rgb(255 255 255/18%);border-radius:.7rem;font-size:.68rem;font-weight:700;line-height:1.35;backdrop-filter:blur(8px)}
.profile-catalog{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem;margin-top:2.25rem}
.profile-card{overflow:hidden;background:#fff;border:1px solid #e2dce8;border-radius:1rem;box-shadow:0 .8rem 2rem rgb(48 25 61/7%);transition:transform .2s ease,box-shadow .2s ease}
.profile-catalog>a.profile-card{display:block;color:inherit;text-decoration:none}
.profile-card>div:last-child>span{display:inline-block;margin-top:.65rem;color:var(--brand-purple,#63339a);font-size:.67rem;font-weight:900}
.profile-card:hover{transform:translateY(-.2rem);box-shadow:0 1.2rem 2.6rem rgb(48 25 61/12%)}
.profile-card>div:last-child{padding:1rem}
.profile-card h3{margin:0;color:var(--purple-deep);font-size:.88rem}
.profile-card p{margin:.45rem 0 0;color:#6b6472;font-size:.67rem;line-height:1.55}
.profile-visual{position:relative;height:9.25rem;overflow:hidden;background:linear-gradient(180deg,#e9e5e2 0 71%,#cec3b7 71% 74%,#9c7e66 74% 100%)}
.profile-visual:after{content:"";position:absolute;right:0;bottom:0;left:0;height:26%;background:repeating-linear-gradient(90deg,rgb(255 255 255/8%) 0 5rem,rgb(47 27 17/12%) 5.05rem 5.12rem);mix-blend-mode:multiply}
.profile-line{position:absolute;z-index:1;right:7%;bottom:24%;left:7%;height:37%;background:linear-gradient(90deg,#f8f8f6,#fff 44%,#e8e8e5);border-bottom:1px solid #c9c8c4;box-shadow:0 .55rem .7rem rgb(51 38 42/16%),inset 0 .13rem 0 rgb(255 255 255/95%)}
.profile-line:before,.profile-line:after{content:"";position:absolute;right:0;left:0;border-top:2px solid #d2d1ce}
.profile-line:before{top:21%}.profile-line:after{top:35%;border-top-width:1px}
.profile-line--modern{height:32%;border-radius:.08rem .08rem 0 0}.profile-line--modern:before{top:12%;border-color:#e2e1de}.profile-line--modern:after{display:none}
.profile-line--tijdloos{height:40%;clip-path:polygon(0 13%,3% 0,97% 0,100% 13%,100% 100%,0 100%)}
.profile-line--eigentijds{height:43%;border-radius:.45rem .45rem 0 0}.profile-line--eigentijds:before{top:14%;border-top:3px double #cecdca}
.profile-line--koloniaal{height:48%;clip-path:polygon(0 18%,4% 18%,4% 8%,8% 0,92% 0,96% 8%,96% 18%,100% 18%,100% 100%,0 100%)}.profile-line--koloniaal:before{top:24%}
.profile-line--retro{height:43%;clip-path:polygon(0 18%,2% 18%,5% 0,95% 0,98% 18%,100% 18%,100% 100%,0 100%)}.profile-line--retro:before{top:25%;border-top:4px double #cecdca}
.profile-line--romantisch{height:49%;border-radius:50% 50% 0 0/18% 18% 0 0}.profile-line--romantisch:before{top:18%;border-top:4px double #cecdca}
.profile-line--renaissance{height:55%;border-radius:1.2rem 1.2rem 0 0}.profile-line--renaissance:before{top:15%;border-top:6px double #cecdca}.profile-line--renaissance:after{top:38%;border-top:3px double #d4d3d0}
.profile-line--barok{height:59%;clip-path:polygon(0 20%,3% 20%,6% 5%,12% 0,88% 0,94% 5%,97% 20%,100% 20%,100% 100%,0 100%)}.profile-line--barok:before{top:24%;border-top:7px double #cdccc9}.profile-line--barok:after{top:47%;border-top:4px double #d4d3d0}
.profile-line--renovatie-klassiek{height:50%;border-radius:.8rem .8rem 0 0}.profile-line--renovatie-klassiek:before{top:18%;border-top:6px double #cdccc9}.profile-line--renovatie-klassiek:after{top:45%;border-top:3px solid #d4d3d0}
.profile-line--renovatie-modern{height:42%;box-shadow:0 .55rem .7rem rgb(51 38 42/16%),inset 0 .13rem 0 #fff,inset 0 0 0 .38rem #ececea}.profile-line--renovatie-modern:before{top:28%}.profile-line--renovatie-modern:after{display:none}
.special-options{display:flex;align-items:center;flex-wrap:wrap;gap:.55rem;margin-top:1.25rem;padding:1rem;background:var(--purple-deep);border-radius:.85rem;color:#fff}
.special-options strong{margin-right:.25rem;font-size:.72rem}.special-options span{padding:.4rem .65rem;background:rgb(255 255 255/10%);border:1px solid rgb(255 255 255/18%);border-radius:99rem;font-size:.62rem}
.catalog-note{max-width:72rem;margin:1rem auto 0;color:#706876;font-size:.63rem;text-align:center}
.sfeer-models .section-actions{justify-content:center}
.sfeer-advisor .purple-panel{display:flex;flex-direction:column;align-items:flex-start}
.sfeer-advisor .purple-panel .button{margin-top:.35rem}.sfeer-advisor .purple-panel>small{margin-top:.75rem;color:rgb(255 255 255/66%);font-size:.61rem}
.advisor-kicker{display:block;margin-bottom:.8rem;color:#9ab5ff;font-size:.58rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.text-link--light{color:#fff}
@media(max-width:68rem){.profile-catalog{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:58rem){
  .sfeer-hero__actions{display:grid;grid-template-columns:1fr}
  .sfeer-hero__actions .button{width:100%}
  .sfeer-gallery{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:18rem}
  .sfeer-gallery__wide{grid-column:span 2}
}
@media(max-width:38rem){
  .sfeer-hero__visual{height:28rem}
  .sfeer-gallery{grid-template-columns:minmax(0,1fr);grid-auto-rows:auto}
  .sfeer-gallery__wide{grid-column:auto}
  .sfeer-gallery figure{height:22rem}.sfeer-gallery figure:nth-child(1),.sfeer-gallery figure:nth-child(4){height:16.5rem}
  .profile-catalog{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}
  .profile-visual{height:7.5rem}.profile-card>div:last-child{padding:.85rem}.profile-card p{font-size:.62rem}
  .special-options{align-items:flex-start}.special-options strong{width:100%}
}
@media(max-width:24rem){.profile-catalog{grid-template-columns:minmax(0,1fr)}}

/* Visuele keuze-kaarten met echte geplaatste plinten — 20260827-photo4. */
.journey-card--visual{min-height:31rem;display:grid;grid-template-rows:minmax(0,1fr) 14.5rem;padding:0;background:#fff;border:1px solid #dfe3ee;border-top:4px solid var(--brand-blue);box-shadow:0 1.2rem 3rem rgb(15 1 43/9%)}
.journey-card--visual::after{content:"";position:absolute;z-index:3;right:1.35rem;bottom:13.92rem;left:1.35rem;height:.34rem;background:linear-gradient(90deg,var(--red) 0 22%,#fff 22% 24%,var(--brand-blue) 24% 100%);border-radius:999px;box-shadow:0 .25rem .8rem rgb(15 1 43/15%)}
.journey-card--visual .journey-card__body{position:relative;z-index:2;min-width:0;display:flex;flex-direction:column;padding:1.65rem 1.7rem 1.35rem;color:var(--brand-ink);letter-spacing:normal;text-transform:none}
.journey-card__body small{display:flex;align-items:center;gap:.55rem;color:var(--brand-blue);font-size:.62rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.journey-card__body small::before{content:attr(data-number);display:grid;place-items:center;width:2rem;height:2rem;color:#fff;background:var(--brand-ink);border-radius:.55rem;font-size:.66rem;letter-spacing:0;box-shadow:0 .45rem 1rem rgb(15 1 43/18%)}
.journey-card__body h3{margin:.95rem 0 .55rem;color:var(--brand-ink);font-size:clamp(1.55rem,2.35vw,2.15rem);line-height:1.02}
.journey-card__body p{margin:0;color:#687087;font-size:.8rem;line-height:1.62}
.journey-card__body strong{margin-top:auto;padding-top:.85rem;color:var(--red-dark);font-size:.74rem}
.journey-card__media{position:relative;min-width:0;height:100%;margin:0;overflow:hidden;background:#dfe3eb}
.journey-card__media>.branded-photo{display:block;width:100%;height:100%}
.journey-card__media img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.journey-card--visual:hover .journey-card__media>img,.journey-card--visual:hover .journey-card__media>.branded-photo>img{transform:scale(1.035)}
.journey-card__media figcaption{position:absolute;z-index:4;right:.8rem;bottom:.75rem;left:.8rem;width:max-content;max-width:calc(100% - 1.6rem);padding:.48rem .65rem;color:#fff;background:rgb(15 1 43/80%);border:1px solid rgb(255 255 255/22%);border-radius:.55rem;font-size:.58rem;font-weight:800;letter-spacing:.05em;backdrop-filter:blur(8px)}
.journey-card__media img[src*="bloemenbehang"]{object-position:center 78%}.journey-card__media img[src*="junglebehang"]{object-position:center 76%}.journey-card__media img[src*="modern-interieur"]{object-position:center 72%}
.project-card img[src*="bloemenbehang"],.project-card img[src*="junglebehang"],.project-card img[src*="modern-interieur"]{object-position:center 75%}
.sfeer-gallery img[src*="bloemenbehang"]{object-position:center 76%}.sfeer-gallery img[src*="junglebehang"]{object-position:center 72%}.sfeer-gallery img[src*="modern-interieur"]{object-position:center 70%}
@media(max-width:38rem){.journey-card--visual{min-height:0;grid-template-rows:auto 17rem}.journey-card--visual::after{bottom:16.42rem}.journey-card--visual .journey-card__body{padding:1.45rem 1.3rem 1.2rem}}

/* Gewone gele hero-belofte en definitieve mobiele calculator — 20260827-mobilecalc1. */
.hero .eyebrow{width:auto;max-width:100%;padding:0;color:#ffd84d;background:transparent;border:0;border-radius:0;box-shadow:none;letter-spacing:.08em}
.hero .eyebrow span{display:none}

@media(max-width:38rem){
  .calculator-section{padding-block:3.5rem 4.25rem}
  .calculator-section>.container{width:min(100% - 1rem,var(--container))}
  .calculator-heading{margin-bottom:1.4rem}
  .calculator-heading h2{margin-bottom:.8rem;font-size:clamp(2rem,10vw,2.75rem);line-height:1.02}
  .calculator-heading>p:not(.eyebrow){font-size:.88rem;line-height:1.6}
  .calculator-trust{display:grid;grid-template-columns:minmax(0,1fr);gap:.4rem;margin-top:1.1rem}
  .calculator-trust span{width:100%;padding:.58rem .7rem;font-size:.61rem;text-align:left}
  .calculator-shell{width:100%;min-width:0;border-radius:1rem;box-shadow:0 1.6rem 4rem rgb(5 1 30/34%)}
  .calculator-form,.calculator-result{min-width:0;padding:.85rem}
  .calculator-progress{grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem;margin:0 0 1rem;padding:.4rem;background:transparent;border:0}
  .calculator-progress>i{display:none}
  .progress-item{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;justify-items:start;gap:.35rem;padding:.45rem .38rem;background:#eef0f2;border:1px solid #d8dcdf;border-radius:.68rem}
  .progress-item span{width:1.55rem;height:1.55rem}
  .progress-item small{min-width:0;font-size:.43rem;line-height:1.2;letter-spacing:.02em;overflow-wrap:anywhere;text-align:left}
  .progress-item.is-active{background:#fff4f4;border-color:#efb5b8}
  .calculator-panel,.calculator-panel fieldset,.calculator-panel>div{min-width:0}
  .calculator-step{align-items:flex-start;gap:.65rem;margin-bottom:1rem}
  .step-badge{width:2.35rem;height:2.35rem;border-radius:.6rem;box-shadow:.22rem .22rem 0 var(--red)}
  .calculator-step h3{font-size:1.12rem;line-height:1.2}
  .step-kicker{font-size:.53rem}
  .plinth-picker__heading{align-items:flex-end;gap:.55rem}
  .plinth-picker legend{max-width:13rem;font-size:.69rem;line-height:1.35}
  .plinth-picker__nav{flex:0 0 auto}
  .plinth-picker__nav button{width:2.4rem;height:2.4rem}
  .plinth-card-track{grid-auto-columns:minmax(0,82%);gap:.55rem;margin-inline:-.1rem;padding:.1rem .1rem .6rem}
  .plinth-card{grid-template-rows:7.25rem auto;border-radius:.78rem}
  .plinth-card>img{height:7.25rem}
  .plinth-card>span{padding:.65rem}
  .plinth-card strong{font-size:.68rem}.plinth-card small{font-size:.5rem}
  .plinth-picker>small{font-size:.55rem;line-height:1.45}
  .product-selection-grid,.product-selection-grid--next,.custom-color-fields{grid-template-columns:minmax(0,1fr);gap:0}
  .calculator-form label{min-width:0;margin-bottom:.8rem;font-size:.7rem}
  .calculator-form input,.calculator-form select{min-height:3.15rem;padding:.72rem .78rem;font-size:1rem}
  .product-glance{grid-template-columns:minmax(0,1fr);border-radius:.75rem}
  .product-preview,.product-preview img{min-height:10.5rem;max-height:12rem}
  .product-glance__info{min-height:6.5rem;padding:.9rem .9rem .9rem 4rem}
  .product-glance__info strong{font-size:.82rem}.color-swatch{left:.9rem;width:2.15rem;height:2.15rem}
  .address-box{margin:.15rem 0 1rem;padding:.72rem;border-radius:.8rem}
  .address-box__heading{margin-bottom:.75rem}
  .address-entry-grid{grid-template-columns:minmax(0,1fr) minmax(5.8rem,.62fr);gap:.45rem}
  .address-entry-grid>label:nth-child(3),.address-entry-grid>.address-search{grid-column:1/-1}
  .address-result-grid{grid-template-columns:minmax(0,1fr);gap:0}
  .address-search{width:100%;min-height:3.15rem;margin-bottom:.6rem;font-size:.68rem}
  .address-status{padding:.65rem .7rem;font-size:.6rem;overflow-wrap:anywhere}
  .removal-choice{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.45rem}
  .removal-choice label span{min-height:3.5rem;padding:.65rem .45rem}
  .wizard-summary{padding:.8rem}.wizard-summary strong,.wizard-summary small{overflow-wrap:anywhere}
  .wizard-actions,.wizard-actions--next,.wizard-actions--final{grid-template-columns:minmax(0,1fr);gap:.55rem;margin-top:1.15rem;padding-top:1rem}
  .wizard-actions .button,.wizard-actions--final .calculator-submit,.wizard-back{width:100%;min-width:0;white-space:normal}
  .calculator-form .consent{font-size:.66rem;line-height:1.5}
  .calculator-submit .button__copy{text-align:left}
  .calculator-result{min-height:0;padding:1.2rem .9rem 1.35rem}
  .calculator-result h3{font-size:clamp(1.75rem,9vw,2.4rem);line-height:1.05}
  .result-icon{width:4rem;height:4rem;margin-bottom:1.3rem;font-size:1.5rem}
  .result-price{font-size:clamp(2.75rem,14vw,3.8rem)}
  .result-facts{gap:.45rem;margin:1.2rem 0}.result-facts div{padding:.7rem}
  .result-actions .button{min-width:0;padding-inline:.75rem;white-space:normal}
  .calculation-loader ol{margin-top:1.4rem;padding-top:1rem}
}

@media(max-width:22rem){
  .calculator-section>.container{width:min(100% - .7rem,var(--container))}
  .calculator-form,.calculator-result{padding:.68rem}
  .progress-item{grid-template-columns:1fr;justify-items:center;text-align:center}
  .progress-item small{text-align:center}
  .address-entry-grid{grid-template-columns:minmax(0,1fr)}
  .address-entry-grid>label,.address-entry-grid>.address-search{grid-column:1}
  .result-facts{grid-template-columns:minmax(0,1fr)}
}

/* Laatste mobiele carrouselregel: flex voorkomt Safari's smalle implicit-grid-kolommen. */
@media(max-width:38rem){
  .plinth-card-track{display:flex;grid-auto-flow:initial;grid-auto-columns:initial;width:100%;max-width:100%;gap:.65rem;margin-inline:0;padding:.1rem .05rem .7rem;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}
  .plinth-card{flex:0 0 calc(100% - 2.15rem);width:calc(100% - 2.15rem);min-width:0;grid-template-rows:9.5rem auto}
  .plinth-card>img{height:9.5rem}.plinth-card>span{min-height:4.2rem;padding:.8rem}
}
@media(max-width:22rem){.plinth-card{flex-basis:calc(100% - 1.25rem);width:calc(100% - 1.25rem)}}

/* Reviewpagina: rustige, bewijsgerichte hero — 20260827-reviewshero1. */
.reviews-hero{position:relative;overflow:hidden;color:#fff;background:radial-gradient(circle at 78% 10%,rgb(61 91 214/35%),transparent 27rem),linear-gradient(135deg,#0f012b 0%,#11164f 58%,#172979 100%);isolation:isolate}
.reviews-hero::before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(rgb(255 255 255/3%) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255/3%) 1px,transparent 1px);background-size:3.5rem 3.5rem;mask-image:linear-gradient(to bottom,#000,transparent 85%)}
.reviews-hero__glow{position:absolute;z-index:-1;right:-9rem;bottom:-13rem;width:34rem;height:34rem;background:#e20b17;border-radius:50%;filter:blur(9rem);opacity:.14}
.reviews-hero__grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(23rem,.82fr);align-items:center;gap:clamp(3rem,7vw,7rem);padding-block:clamp(4rem,7vw,6.8rem) clamp(4.5rem,8vw,7.2rem)}
.reviews-hero__content{min-width:0}.reviews-hero__crumbs{display:flex;align-items:center;gap:.55rem;margin-bottom:2.1rem;color:rgb(255 255 255/55%);font-size:.62rem;font-weight:700}.reviews-hero__crumbs a{color:#fff;text-decoration:none}.reviews-hero__eyebrow{display:flex;align-items:center;gap:.65rem;margin:0 0 1.1rem;color:#ffd84d;font-size:.61rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.reviews-hero__eyebrow span{width:2rem;height:2px;background:#ffd84d}
.reviews-hero h1{max-width:12ch;margin:0;color:#fff;font-size:clamp(3.35rem,6.1vw,6.25rem);line-height:.89;letter-spacing:-.045em;text-wrap:balance}.reviews-hero h1 em{color:#9ab5ff;font-style:normal}.reviews-hero__lead{max-width:60ch;margin:1.5rem 0 0;color:rgb(255 255 255/76%);font-size:.9rem;line-height:1.75}
.reviews-hero__scores{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin-top:1.7rem}.reviews-hero__scores>a{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.65rem;padding:.75rem;color:#fff;background:rgb(255 255 255/8%);border:1px solid rgb(255 255 255/15%);border-radius:.85rem;text-decoration:none;box-shadow:inset 0 1px 0 rgb(255 255 255/7%);transition:transform .2s ease,background .2s ease}.reviews-hero__scores>a:hover{transform:translateY(-2px);background:rgb(255 255 255/12%)}
.reviews-hero__logo{width:2.25rem;height:2.25rem;display:grid;place-items:center;border-radius:.62rem;font:800 1.2rem var(--heading)}.reviews-hero__logo--google{color:transparent;background:conic-gradient(from -45deg,#4285f4 0 25%,#34a853 25% 45%,#fbbc05 45% 68%,#ea4335 68% 100%);background-clip:text;-webkit-background-clip:text}.reviews-hero__logo--trustpilot{color:#fff;background:#00b67a}.reviews-hero__scores strong,.reviews-hero__scores small{display:block}.reviews-hero__scores strong{font-size:.72rem}.reviews-hero__scores small{margin-top:.18rem;color:rgb(255 255 255/66%);font-size:.5rem;line-height:1.35}.reviews-hero__scores b{color:#ffd84d;font-size:.48rem;letter-spacing:-.04em}.reviews-hero__scores a:last-child b{color:#35d69a}.reviews-hero__scores i{color:#9ab5ff;font-size:.68rem;font-style:normal}
.reviews-hero__actions{display:flex;align-items:center;flex-wrap:wrap;gap:.7rem;margin-top:1.35rem}.reviews-hero__actions .button{min-height:3.7rem}.reviews-hero__secondary{color:#fff;background:transparent;border:1px solid rgb(255 255 255/24%)}.reviews-hero__secondary:hover{background:rgb(255 255 255/8%)}.reviews-hero__note{max-width:65ch;margin:.9rem 0 0;color:rgb(255 255 255/46%);font-size:.52rem;line-height:1.5}
.reviews-hero__visual{position:relative;min-width:0;height:clamp(30rem,44vw,39rem);margin:0;overflow:visible}.reviews-hero__visual::before{content:"";position:absolute;z-index:-1;inset:-.75rem .75rem .75rem -.75rem;border:1px solid rgb(154 181 255/25%);border-radius:1.5rem}.reviews-hero__visual>img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 68%;border-radius:1.35rem;box-shadow:0 2.5rem 6rem rgb(4 1 25/48%)}.reviews-hero__visual::after{content:"";position:absolute;inset:52% 0 0;background:linear-gradient(transparent,rgb(15 1 43/84%));border-radius:0 0 1.35rem 1.35rem;pointer-events:none}
.reviews-hero__project{position:absolute;z-index:2;top:1.15rem;left:-1.1rem;display:flex;align-items:center;gap:.65rem;padding:.7rem .85rem;color:var(--brand-ink);background:#fff;border-radius:.8rem;box-shadow:0 1.2rem 2.7rem rgb(4 1 25/30%)}.reviews-hero__project>span{width:1.8rem;height:1.8rem;display:grid;place-items:center;color:#fff;background:var(--red);border-radius:.5rem;font-size:.68rem;font-weight:900}.reviews-hero__project p,.reviews-hero__project small,.reviews-hero__project strong{display:block;margin:0}.reviews-hero__project small{color:#72788b;font-size:.48rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.reviews-hero__project strong{margin-top:.12rem;font-size:.65rem}
.reviews-hero__visual blockquote{position:absolute;z-index:3;right:-1.5rem;bottom:2.7rem;width:min(20rem,84%);margin:0;padding:1.15rem 1.2rem 1.1rem 3.1rem;color:var(--brand-ink);background:#fff;border-left:.3rem solid #ffd84d;border-radius:.9rem;box-shadow:0 1.4rem 3.2rem rgb(4 1 25/38%)}.reviews-hero__visual blockquote>span{position:absolute;top:.7rem;left:1rem;color:var(--red);font:700 2.4rem var(--heading);line-height:1}.reviews-hero__visual blockquote p{margin:0;font-size:.72rem;font-weight:800;line-height:1.45}.reviews-hero__visual blockquote cite{display:block;margin-top:.35rem;color:#747a8b;font-size:.52rem;font-style:normal}.reviews-hero__visual figcaption{position:absolute;z-index:2;bottom:.85rem;left:1rem;color:rgb(255 255 255/65%);font-size:.5rem;font-weight:700}
.reviews-hero__proof{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:-1px;border-top:1px solid rgb(255 255 255/14%)}.reviews-hero__proof>div{display:flex;align-items:baseline;gap:.55rem;padding:1.15rem 1.25rem;border-right:1px solid rgb(255 255 255/14%)}.reviews-hero__proof>div:last-child{border-right:0}.reviews-hero__proof strong{color:#ffd84d;font:700 .85rem var(--heading)}.reviews-hero__proof span{color:rgb(255 255 255/62%);font-size:.58rem}
@media(max-width:58rem){.reviews-hero__grid{grid-template-columns:minmax(0,1fr);gap:3rem}.reviews-hero__content{max-width:46rem}.reviews-hero__visual{width:min(100%,38rem);height:32rem}.reviews-hero__visual blockquote{right:-.5rem}.reviews-hero__project{left:-.5rem}}
@media(max-width:38rem){.reviews-hero__grid{gap:2.35rem;padding-block:2.8rem 3.4rem}.reviews-hero__crumbs{margin-bottom:1.5rem}.reviews-hero h1{max-width:10ch;font-size:clamp(2.75rem,13vw,3.75rem);line-height:.91}.reviews-hero__lead{font-size:.8rem;line-height:1.65}.reviews-hero__scores{grid-template-columns:minmax(0,1fr)}.reviews-hero__scores>a{padding:.7rem}.reviews-hero__actions{display:grid;grid-template-columns:minmax(0,1fr)}.reviews-hero__actions .button{width:100%}.reviews-hero__visual{width:100%;height:25rem}.reviews-hero__visual::before{inset:-.45rem .45rem .45rem -.45rem}.reviews-hero__project{top:.8rem;left:.65rem}.reviews-hero__visual blockquote{right:.65rem;bottom:2.2rem;width:calc(100% - 1.3rem)}.reviews-hero__proof{grid-template-columns:minmax(0,1fr)}.reviews-hero__proof>div{padding:.8rem 0;border-right:0;border-bottom:1px solid rgb(255 255 255/12%)}.reviews-hero__proof>div:last-child{border-bottom:0}}
@media(max-width:22rem){.reviews-hero__visual{height:22rem}.reviews-hero__project strong{font-size:.58rem}.reviews-hero__visual blockquote{padding-right:.85rem}}

/* Compact bewijs, gevuld menu en leesbare prijsopbouw — 20260827-menuprice1. */
.trust-strip__inner{display:block}.trust-strip__grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.mobile-menu-brand{display:none}
.mega-panel .mega-intro{min-height:16.75rem;justify-content:flex-start;padding:1.25rem 1.35rem}
.mega-intro__brand{width:9.5rem;height:3.15rem;display:grid;place-items:center;margin-bottom:auto;padding:.35rem .6rem;background:#fff;border-radius:.6rem;box-shadow:0 .65rem 1.4rem rgb(4 1 25/22%)}
.mega-intro__brand img{width:100%;height:100%;display:block;object-fit:contain}
.mega-intro>strong{font-size:1.25rem}.mega-intro>p{margin-bottom:.8rem;font-size:.69rem}.mega-group{display:flex;flex-direction:column;padding:1.05rem .85rem}.mega-group>a{flex:1;display:flex;flex-direction:column;justify-content:center;padding:.62rem .5rem}
.calculator-color-note{max-width:58rem;margin:1rem auto 0;padding:.75rem .9rem;color:rgb(255 255 255/74%);background:rgb(255 255 255/7%);border:1px solid rgb(154 181 255/20%);border-left:3px solid #ffd84d;border-radius:0 .7rem .7rem 0;font-size:.64rem;line-height:1.55}.calculator-color-note strong{color:#ffd84d}
[data-calculator-result] .calculation-loader ol{border-top-color:rgb(23 19 41/12%)}
[data-calculator-result] .calculation-loader li{color:#5c5868;background:rgb(255 255 255/48%);border:1px solid rgb(23 19 41/8%)}
[data-calculator-result] .calculation-loader li::before{color:#625d6c;background:#fff;border-color:rgb(23 19 41/18%)}
[data-calculator-result] .calculation-loader li.is-active{color:#171329;background:#fff0f2;border-color:rgb(226 11 23/23%);box-shadow:0 .45rem 1.15rem rgb(23 19 41/6%)}
[data-calculator-result] .calculation-loader li.is-active::before{color:#fff;background:var(--red);border-color:var(--red)}
[data-calculator-result] .calculation-loader li.is-done{color:#266346;background:#edf8f2;border-color:#cde8da}
[data-calculator-result] .calculation-loader li.is-done::before{color:#fff;background:#168957;border-color:#168957}
@media(max-width:58rem){
  .mobile-menu-brand{min-height:4.45rem;display:flex!important;align-items:center;gap:.7rem;margin:-3.9rem 3.4rem 1rem 0;padding:.55rem .65rem!important;color:var(--brand-ink)!important;background:#fff;border:0!important;border-radius:.75rem;box-shadow:0 .7rem 1.5rem rgb(4 1 25/22%)}
  .mobile-menu-brand img{width:5.4rem;height:2.35rem;object-fit:contain}.mobile-menu-brand span,.mobile-menu-brand strong,.mobile-menu-brand small{display:block;min-width:0}.mobile-menu-brand strong{font-size:.65rem;line-height:1.2}.mobile-menu-brand small{margin-top:.12rem;color:#6e7488;font-size:.48rem;line-height:1.2}
  .trust-strip__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.calculator-color-note{margin-top:.75rem;text-align:left}
}
@media(max-width:22rem){.trust-strip__grid{grid-template-columns:minmax(0,1fr)}.mobile-menu-brand span{display:none}.mobile-menu-brand img{width:6.5rem}}

/* Projectonderschriften in de vaste huisstijl. */
section.project-gallery .project-gallery__grid figure{background:var(--brand-ink);border:1px solid rgb(25 39 111/18%);box-shadow:0 1rem 2.4rem rgb(15 1 43/13%)}
section.project-gallery .project-gallery__grid figcaption{position:relative;min-height:3.5rem;display:flex;align-items:center;padding:.85rem 1rem;color:#fff;background:linear-gradient(135deg,var(--brand-ink),var(--brand-navy));border-top:3px solid #ffd84d;font-size:.68rem;font-weight:700;line-height:1.4}
section.project-gallery .project-gallery__grid figcaption::after{content:"";position:absolute;right:1rem;width:.42rem;height:.42rem;background:var(--red);border-radius:50%;box-shadow:0 0 0 .22rem rgb(255 255 255/10%)}

/* Servicebelofte en De Plintenwijzer — 20260827-plintenwijzer1. */
.service-bar{background:linear-gradient(90deg,var(--brand-ink),#171858 72%,var(--brand-navy));border-bottom:2px solid #ffd84d}.service-bar__inner{justify-content:flex-start;gap:1rem}.service-bar__brand{color:#ffd84d!important;font-size:.62rem;letter-spacing:.1em;text-transform:uppercase}.service-bar__promise{color:#fff;font-size:.65rem;font-weight:700}.service-bar__promise--mobile{display:none}.service-bar__price{margin-left:auto;color:#cdd6ff;font-size:.6rem}.service-bar__inner>a{margin-left:0;padding:.34rem .65rem;color:var(--brand-ink);background:#ffd84d;border-radius:999px;font-size:.59rem;font-weight:900;white-space:nowrap;box-shadow:0 .35rem .8rem rgb(4 1 25/18%)}.service-bar__inner>a span{color:inherit}
.knowledge-teaser{background:linear-gradient(180deg,#fff,#f5f6fb)}.knowledge-teaser__grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(24rem,1.1fr);align-items:center;gap:clamp(2rem,7vw,6rem)}.knowledge-teaser__grid h2{max-width:13ch}.knowledge-teaser__grid>div:first-child>p:not(.eyebrow){max-width:60ch;color:#6b6f7c;line-height:1.7}.knowledge-teaser__grid .button{margin-top:1rem}.knowledge-teaser__topics{display:grid;gap:.7rem}.knowledge-teaser__topics>a{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.25rem 1rem;padding:1rem 1.15rem;color:var(--brand-ink);background:#fff;border:1px solid #e0e4ef;border-left:4px solid var(--brand-blue);border-radius:.8rem;text-decoration:none;box-shadow:0 .75rem 1.8rem rgb(15 1 43/7%);transition:transform .2s ease,box-shadow .2s ease}.knowledge-teaser__topics>a:hover{transform:translateX(.2rem);box-shadow:0 1rem 2.3rem rgb(15 1 43/11%)}.knowledge-teaser__topics span{grid-row:span 2;width:2.25rem;height:2.25rem;display:grid;place-items:center;color:#fff;background:var(--brand-ink);border-radius:.6rem;font:700 .65rem var(--heading)}.knowledge-teaser__topics strong{font-size:.78rem}.knowledge-teaser__topics small{color:#71788b;font-size:.59rem}
.guide-hero{position:relative;overflow:hidden;color:#fff;background:radial-gradient(circle at 82% 8%,rgb(47 109 246/35%),transparent 27rem),linear-gradient(135deg,var(--brand-ink),#11164f 60%,#172979);isolation:isolate}.guide-hero::before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(rgb(255 255 255/3%) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255/3%) 1px,transparent 1px);background-size:3.5rem 3.5rem;mask-image:linear-gradient(to bottom,#000,transparent 90%)}.guide-hero__grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(22rem,.72fr);align-items:center;gap:clamp(3rem,8vw,7rem);padding-block:clamp(4rem,8vw,7rem)}.guide-hero .breadcrumbs{margin-bottom:2rem}.guide-kicker{display:flex;align-items:center;gap:.65rem;margin:0 0 1rem;color:#ffd84d;font-size:.61rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.guide-kicker span{width:2rem;height:2px;background:#ffd84d}.guide-hero h1{max-width:12ch;margin:0;color:#fff;font-size:clamp(3.4rem,6.1vw,6.2rem);line-height:.9;letter-spacing:-.045em}.guide-hero h1 em{color:#9ab5ff;font-style:normal}.guide-lead{max-width:60ch;margin:1.45rem 0 0;color:rgb(255 255 255/76%);font-size:.9rem;line-height:1.75}.guide-hero__actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.45rem}.guide-button--ghost{color:#fff;background:transparent;border:1px solid rgb(255 255 255/24%)}.guide-button--ghost:hover{background:rgb(255 255 255/8%)}.guide-proof{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;margin:1.5rem 0 0;padding:1rem 0 0;border-top:1px solid rgb(255 255 255/13%);list-style:none}.guide-proof li{min-width:0}.guide-proof strong,.guide-proof span{display:block}.guide-proof strong{color:#fff;font-size:.68rem}.guide-proof span{margin-top:.12rem;color:rgb(255 255 255/50%);font-size:.51rem;line-height:1.35}.guide-hero__visual{position:relative;height:clamp(29rem,42vw,38rem);margin:0;overflow:hidden;border:1px solid rgb(255 255 255/20%);border-radius:1.3rem;box-shadow:0 2.5rem 6rem rgb(4 1 25/46%)}.guide-hero__visual::after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgb(15 1 43/91%))}.guide-hero__visual img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 65%}.guide-hero__visual figcaption{position:absolute;z-index:2;right:1.2rem;bottom:1.1rem;left:1.2rem}.guide-hero__visual figcaption span,.guide-hero__visual figcaption strong{display:block}.guide-hero__visual figcaption span{color:#ffd84d;font-size:.52rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.guide-hero__visual figcaption strong{margin-top:.25rem;color:#fff;font:700 1rem var(--heading)}
.guide-jump{position:sticky;z-index:20;top:6.6rem;color:#fff;background:rgb(15 1 43/96%);border-top:1px solid rgb(255 255 255/12%);border-bottom:1px solid rgb(154 181 255/18%);backdrop-filter:blur(14px)}.guide-jump .container{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}.guide-jump a{min-width:0;display:flex;align-items:center;justify-content:center;gap:.45rem;padding:.9rem .55rem;color:#fff;border-right:1px solid rgb(255 255 255/12%);font-size:.58rem;font-weight:800;text-align:center;text-decoration:none}.guide-jump a:last-child{border-right:0}.guide-jump a:hover{color:#ffd84d;background:rgb(255 255 255/6%)}.guide-jump span{color:#9ab5ff;font:700 .53rem var(--heading)}
.guide-intro{padding:clamp(4rem,7vw,6.5rem) 0 2rem}.guide-intro__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(22rem,.65fr);align-items:end;gap:clamp(2rem,7vw,7rem)}.guide-intro h2{max-width:15ch;margin-bottom:0}.guide-intro__grid>p{margin:0;color:#6c7180;line-height:1.75}
.guide-section{padding:clamp(3.5rem,6vw,5.5rem) 0;scroll-margin-top:10rem}.guide-section--soft{background:#f5f6fa}.guide-section__grid{display:grid;grid-template-columns:minmax(18rem,.68fr) minmax(0,1.32fr);align-items:start;gap:clamp(2.5rem,8vw,7.5rem)}.guide-section header{position:sticky;top:10.5rem;min-width:0}.guide-section header>span{width:3rem;height:3rem;display:grid;place-items:center;color:#fff;background:var(--brand-ink);border-radius:.75rem;font:700 .78rem var(--heading);box-shadow:.35rem .35rem 0 var(--red)}.guide-section header>p:first-of-type{margin:1.15rem 0 .55rem;color:var(--red);font-size:.59rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.guide-section h2{max-width:13ch;margin:0;font-size:clamp(2.15rem,4vw,3.8rem);line-height:1}.guide-section header>p:last-of-type{max-width:46ch;margin:1rem 0 1.15rem;color:#697080;font-size:.76rem;line-height:1.7}.guide-section header>a{color:var(--brand-blue);font-size:.7rem;font-weight:900;text-decoration:none}.guide-faqs{min-width:0;display:grid;gap:.65rem}.guide-faqs details{overflow:hidden;background:#fff;border:1px solid #e0e4ed;border-radius:.85rem;box-shadow:0 .65rem 1.6rem rgb(15 1 43/5%)}.guide-faqs summary{min-height:4.2rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.1rem;color:var(--brand-ink);cursor:pointer;font-size:.76rem;font-weight:800;line-height:1.4;list-style:none}.guide-faqs summary::-webkit-details-marker{display:none}.guide-faqs summary span{flex:0 0 auto;width:1.75rem;height:1.75rem;display:grid;place-items:center;color:#fff;background:var(--brand-navy);border-radius:.48rem;font-size:.85rem;transition:transform .2s ease,background .2s ease}.guide-faqs details[open] summary{border-bottom:1px solid #e8eaf0}.guide-faqs details[open] summary span{background:var(--red);transform:rotate(45deg)}.guide-faqs details>p{max-width:72ch;margin:0;padding:1rem 1.1rem 1.2rem;color:#606675;font-size:.72rem;line-height:1.75}
.guide-final{padding:clamp(4rem,7vw,6.5rem) 0;color:#fff;background:radial-gradient(circle at 85% 12%,rgb(47 109 246/30%),transparent 28%),linear-gradient(135deg,var(--brand-ink),var(--brand-navy))}.guide-final__grid{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:3rem}.guide-final h2{max-width:15ch;margin:.7rem 0;color:#fff}.guide-final p:not(.guide-kicker){max-width:58ch;color:rgb(255 255 255/70%)}.guide-final__grid>div:last-child{display:grid;gap:.65rem;min-width:15rem}
@media(max-width:58rem){.service-bar__brand,.service-bar__promise--desktop,.service-bar__price{display:none}.service-bar__promise--mobile{display:inline}.service-bar__inner{gap:.5rem}.service-bar__inner>a{margin-left:auto}.knowledge-teaser__grid,.guide-hero__grid,.guide-intro__grid,.guide-section__grid,.guide-final__grid{grid-template-columns:minmax(0,1fr)}.guide-hero__visual{width:min(100%,36rem);height:29rem}.guide-jump{top:5.3rem}.guide-jump .container{display:flex;overflow-x:auto;scrollbar-width:none}.guide-jump .container::-webkit-scrollbar{display:none}.guide-jump a{flex:0 0 auto;min-width:9rem}.guide-section header{position:static}.guide-final__grid>div:last-child{min-width:0;max-width:24rem}.knowledge-teaser__topics{min-width:0}}
@media(max-width:38rem){.service-bar__promise{max-width:12.5rem;overflow:hidden;text-overflow:ellipsis}.service-bar__inner>a{padding:.32rem .52rem;font-size:.54rem}.knowledge-teaser__grid{gap:1.7rem}.knowledge-teaser__topics>a{padding:.85rem}.guide-hero__grid{gap:2.35rem;padding-block:2.8rem 3.5rem}.guide-hero h1{font-size:clamp(2.75rem,13vw,3.8rem)}.guide-hero__actions{display:grid;grid-template-columns:minmax(0,1fr)}.guide-hero__actions .button{width:100%}.guide-proof{grid-template-columns:minmax(0,1fr);gap:.5rem}.guide-proof li{display:flex;justify-content:space-between;gap:1rem}.guide-hero__visual{height:23rem}.guide-intro{padding-top:3.5rem}.guide-section{padding-block:3.5rem}.guide-faqs summary{min-height:3.8rem;padding:.9rem;font-size:.7rem}.guide-faqs details>p{padding:.9rem;font-size:.68rem}.guide-final__grid>div:last-child{max-width:none}.guide-final .button{width:100%}}

/* Werkende contact- en offerteverzending — 20260827-formmail1. */
.contact-form-panel{min-width:0;padding:clamp(1.25rem,3vw,2rem);background:#fff;border:1px solid #e0e4ef;border-top:4px solid var(--brand-navy);border-radius:1rem;box-shadow:0 1.3rem 3.5rem rgb(15 1 43/9%)}
.contact-form{display:grid;gap:.85rem;margin-top:1.4rem}.contact-form label{display:grid;gap:.4rem;color:var(--brand-ink);font-size:.64rem;font-weight:800}.contact-form input,.contact-form select,.contact-form textarea{width:100%;min-width:0;min-height:3.35rem;padding:.75rem .85rem;color:#171329;background:#f7f8fb;border:1px solid #d9deea;border-radius:.65rem;font:500 16px/1.45 var(--body);outline:0;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.contact-form textarea{min-height:8.5rem;resize:vertical}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{background:#fff;border-color:var(--brand-blue);box-shadow:0 0 0 3px rgb(47 109 246/14%)}.contact-form .consent{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.65rem;color:#656b7c;font-size:.58rem;font-weight:600;line-height:1.55}.contact-form .consent input{width:1.15rem;min-height:1.15rem;margin-top:.05rem;padding:0}.contact-form .consent a{color:var(--brand-blue);font-weight:800}.form-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.contact-submit[disabled]{cursor:wait;opacity:.7}.contact-success{display:grid;gap:.2rem;padding:1rem;color:#155c3e;background:#edf8f2;border:1px solid #c8e7d7;border-radius:.75rem}.contact-success[hidden]{display:none}.contact-success strong{font-size:.72rem}.contact-success span{font-size:.61rem;line-height:1.55}.contact-form .form-status{margin:0;color:var(--red);font-size:.62rem;font-weight:700}.result-actions .is-sending{pointer-events:none;opacity:.72}
@media(max-width:58rem){.contact-form-panel{padding:1.25rem}.contact-form .form-row{grid-template-columns:minmax(0,1fr)}}

/* Verfijnde mobiele sitechrome — 20260827-mobile-luxe1. */
.mobile-menu-help{display:none}
:where(a,button,input,select,textarea):focus-visible{outline:3px solid #9ab5ff;outline-offset:3px}

@media(max-width:58rem){
  .site-header{box-shadow:0 .55rem 1.8rem rgb(15 1 43/8%)}
  .header__inner{min-height:5rem}
  .brand{width:8.25rem;height:4.4rem;flex-basis:8.25rem;padding:0;background:transparent;border-radius:0}

  .menu-toggle{
    position:relative;
    width:3.15rem;
    height:3.15rem;
    gap:.3rem;
    background:linear-gradient(145deg,#15185a,var(--brand-navy));
    border:1px solid rgb(154 181 255/42%);
    border-radius:1rem;
    box-shadow:0 .65rem 1.55rem rgb(15 1 43/22%),inset 0 1px 0 rgb(255 255 255/11%);
    transition:transform .2s ease,box-shadow .2s ease;
  }
  .menu-toggle::after{content:"Menu";position:absolute;right:calc(100% + .55rem);color:var(--brand-ink);font-size:.55rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
  .menu-toggle:active{transform:scale(.96)}
  .menu-toggle span:not(.sr-only){width:1.25rem;height:2px;border-radius:99px}

  .main-nav{
    width:min(90vw,23.5rem);
    padding:4.85rem 1rem calc(1.25rem + env(safe-area-inset-bottom));
    background:radial-gradient(circle at 96% 2%,rgb(74 101 220/34%),transparent 15rem),linear-gradient(165deg,#10022f 0%,#11164e 58%,#171f68 100%);
    border-left:1px solid rgb(154 181 255/32%);
    box-shadow:-2rem 0 5rem rgb(6 1 28/55%);
  }
  .menu-close{
    top:.85rem;
    right:.85rem;
    width:2.75rem;
    height:2.75rem;
    color:#fff;
    background:rgb(255 255 255/9%);
    border:1px solid rgb(255 255 255/18%);
    border-radius:.85rem;
    font-size:1.65rem;
  }
  .mobile-menu-brand{
    min-height:3.9rem;
    margin:-3.95rem 3.25rem .8rem 0;
    padding:.45rem .55rem!important;
    background:rgb(255 255 255/97%);
    border-radius:.7rem;
    box-shadow:0 .8rem 1.8rem rgb(4 1 25/26%);
  }
  .mobile-menu-brand img{width:5rem;height:2.1rem}
  .mobile-menu-brand strong{font-size:.61rem}.mobile-menu-brand small{font-size:.45rem}

  .main-nav>a:not(.button),.mega-trigger{
    min-height:3.05rem;
    padding:.72rem .15rem;
    border-bottom:1px solid rgb(255 255 255/11%);
    font-size:.8rem;
    letter-spacing:.01em;
  }
  .main-nav>a:not(.button)::before{content:"";width:.3rem;height:.3rem;margin-right:.65rem;background:#9ab5ff;border-radius:50%;opacity:.48}
  .main-nav>a:not(.button)[aria-current="page"]::before{background:#ffd84d;box-shadow:0 0 0 .22rem rgb(255 216 77/12%);opacity:1}
  .main-nav>a:not(.button){justify-content:flex-start}
  .main-nav>.mobile-menu-brand{min-height:3.9rem;margin:-3.95rem 3.25rem .8rem 0;padding:.45rem .55rem!important;border:0!important}
  .main-nav>.mobile-menu-brand::before{display:none}
  .mega-trigger{font-size:.8rem}
  .mega-trigger>span{margin-left:auto;width:1.65rem;height:1.65rem;transition:transform .2s ease}
  .nav-cluster.is-open .mega-trigger>span{transform:rotate(180deg)}

  .mega-panel{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:.4rem;
    margin:.45rem 0 .65rem;
    padding:.45rem;
    background:rgb(255 255 255/6%);
    border-color:rgb(255 255 255/14%);
    border-top-color:#9ab5ff;
  }
  .mega-group,.mega-group:nth-of-type(even),.mega-group:nth-of-type(n+3){
    min-width:0;
    padding:.55rem;
    background:rgb(255 255 255/96%);
    border:0;
    border-radius:.6rem;
  }
  .mega-group>small{margin-bottom:.22rem;font-size:.46rem;letter-spacing:.08em}
  .mega-group>a{min-height:2.25rem;padding:.4rem .28rem}
  .mega-group strong{font-size:.62rem;line-height:1.25}
  .mega-group span{display:none}

  .mobile-menu-help{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:.05rem .75rem;
    margin:.8rem 0 0;
    padding:.85rem .9rem;
    color:#fff;
    background:linear-gradient(135deg,rgb(154 181 255/16%),rgb(255 255 255/7%));
    border:1px solid rgb(154 181 255/24%);
    border-radius:.8rem;
    box-shadow:inset 0 1px 0 rgb(255 255 255/7%);
  }
  .mobile-menu-help>span{color:#9ab5ff;font-size:.48rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
  .mobile-menu-help strong,.mobile-menu-help small{display:block;grid-column:1}
  .mobile-menu-help strong{font-size:.69rem}.mobile-menu-help small{color:rgb(255 255 255/60%);font-size:.49rem}
  .mobile-menu-help>a{grid-column:2;grid-row:1/4;align-self:center;padding:.55rem .65rem;color:#fff;background:#158d50;border-radius:.6rem;font-size:.54rem;font-weight:900;white-space:nowrap}
  .mobile-menu-help>a span{margin-left:.25rem}
  .main-nav .nav-cta{min-height:3.55rem;margin-top:.55rem;padding:.6rem .8rem;border-radius:.8rem}
  .main-nav .nav-cta strong{font-size:.7rem}.main-nav .nav-cta small{font-size:.5rem}
  .menu-backdrop{background:rgb(8 1 31/76%);backdrop-filter:blur(5px)}
  body.menu-open .mobile-actions{opacity:0;pointer-events:none;transform:translateY(calc(100% + 1rem))}

  body{padding-bottom:calc(5.35rem + env(safe-area-inset-bottom))}
  .mobile-actions{
    right:max(.65rem,env(safe-area-inset-right));
    bottom:max(.6rem,env(safe-area-inset-bottom));
    left:max(.65rem,env(safe-area-inset-left));
    grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);
    gap:.42rem;
    padding:.38rem;
    background:linear-gradient(135deg,rgb(15 1 43/96%),rgb(24 31 103/95%));
    border:1px solid rgb(154 181 255/34%);
    border-radius:1.1rem;
    box-shadow:0 1.15rem 3rem rgb(15 1 43/36%),inset 0 1px 0 rgb(255 255 255/10%);
    backdrop-filter:blur(18px) saturate(125%);
    transition:opacity .22s ease,transform .22s ease;
  }
  .mobile-actions a{
    min-height:3.45rem;
    padding:.48rem .55rem;
    border-radius:.78rem;
    box-shadow:none!important;
    transition:transform .18s ease,filter .18s ease;
  }
  .mobile-actions a:active{transform:scale(.97);filter:brightness(.95)}
  .mobile-actions a.sticky-offerte{background:linear-gradient(145deg,#c90814,#f51d29);border-color:rgb(255 255 255/20%)}
  .mobile-actions a.sticky-whatsapp{background:linear-gradient(145deg,#087b40,#18ad5c);border-color:rgb(255 255 255/18%)}
  .mobile-actions strong{font-size:.66rem;letter-spacing:-.01em}
  .mobile-actions small{margin-top:.08rem;font-size:.47rem;white-space:nowrap}
  .cookie-banner{bottom:calc(5.7rem + env(safe-area-inset-bottom))}
}

@media(max-width:25rem){
  .menu-toggle::after{display:none}
  .main-nav{width:min(94vw,23.5rem)}
  .mobile-menu-help{grid-template-columns:minmax(0,1fr)}
  .mobile-menu-help>a{grid-column:1;grid-row:auto;margin-top:.55rem;text-align:center}
  .mobile-actions{right:.4rem;left:.4rem;gap:.32rem;padding:.32rem}
  .mobile-actions a{min-height:3.25rem;padding-inline:.35rem}
  .mobile-actions strong{font-size:.61rem}.mobile-actions small{font-size:.43rem}
}

/* Zakelijke projectpagina en laatste mobile-first verfijning — 20260827-projectb2b1. */
.b2b-hero{position:relative;overflow:hidden;color:#fff;background:radial-gradient(circle at 82% 12%,rgb(63 91 218/36%),transparent 28rem),linear-gradient(132deg,var(--brand-ink),#11164f 62%,#1b2d7d);isolation:isolate}
.b2b-hero::before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(rgb(255 255 255/3%) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255/3%) 1px,transparent 1px);background-size:3.6rem 3.6rem;mask-image:linear-gradient(to right,#000,transparent 88%)}
.b2b-hero__grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(22rem,.82fr);align-items:center;gap:clamp(3rem,7vw,7rem);padding-block:clamp(4rem,7vw,6.7rem)}
.b2b-hero__content{min-width:0}.b2b-breadcrumb{display:flex;gap:.55rem;margin-bottom:2rem;color:rgb(255 255 255/56%);font-size:.62rem;font-weight:700}.b2b-breadcrumb a{color:#fff}
.b2b-kicker{display:flex;align-items:center;gap:.65rem;margin:0 0 1rem;color:#ffd84d;font-size:.61rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.b2b-kicker span{width:2rem;height:2px;background:#ffd84d}
.b2b-hero h1{max-width:12ch;margin:0;color:#fff;font-size:clamp(3.45rem,6vw,6.15rem);line-height:.9;letter-spacing:-.045em}.b2b-lead{max-width:62ch;margin:1.45rem 0 0;color:rgb(255 255 255/77%);font-size:.93rem;line-height:1.75}
.b2b-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.55rem}.b2b-button--ghost{color:#fff;background:rgb(255 255 255/5%);border-color:rgb(255 255 255/28%)}.b2b-button--ghost:hover{background:rgb(255 255 255/11%)}
.b2b-proof{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin:2rem 0 0;padding:1.25rem 0 0;border-top:1px solid rgb(255 255 255/14%);list-style:none}.b2b-proof strong,.b2b-proof span{display:block}.b2b-proof strong{color:#fff;font-size:.67rem}.b2b-proof span{margin-top:.16rem;color:rgb(255 255 255/50%);font-size:.5rem;line-height:1.4}
.b2b-hero__visual{position:relative;min-width:0;height:clamp(31rem,43vw,39rem);margin:0;overflow:hidden;border:1px solid rgb(255 255 255/18%);border-radius:1.4rem;box-shadow:0 2.7rem 6rem rgb(4 1 25/46%)}.b2b-hero__visual::after{content:"";position:absolute;inset:48% 0 0;background:linear-gradient(transparent,rgb(15 1 43/90%))}.b2b-hero__visual>img,.b2b-hero__visual>.branded-photo,.b2b-hero__visual>.branded-photo>img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 72%}.b2b-hero__visual figcaption{position:absolute;z-index:2;right:1.2rem;bottom:1.1rem;left:1.2rem}.b2b-hero__visual figcaption span,.b2b-hero__visual figcaption strong{display:block}.b2b-hero__visual figcaption span{color:#ffd84d;font-size:.5rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.b2b-hero__visual figcaption strong{margin-top:.25rem;color:#fff;font:700 1rem var(--heading)}
.b2b-trust{background:#fff;border-bottom:1px solid #e3e7f0;box-shadow:0 1.2rem 3rem rgb(15 1 43/8%)}.b2b-trust__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.b2b-trust__grid>div{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);gap:.1rem .8rem;padding:1.25rem 1.4rem;border-right:1px solid #e3e7f0}.b2b-trust__grid>div:last-child{border-right:0}.b2b-trust span{grid-row:span 2;width:2rem;height:2rem;display:grid;place-items:center;color:#fff;background:var(--brand-navy);border-radius:.55rem;font:700 .62rem var(--heading)}.b2b-trust strong,.b2b-trust small{display:block}.b2b-trust strong{color:var(--brand-ink);font-size:.73rem}.b2b-trust small{color:#72798b;font-size:.54rem;line-height:1.35}
.b2b-audience{background:#f5f6fa}.b2b-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem}.b2b-card-grid article{position:relative;min-width:0;min-height:17rem;display:flex;flex-direction:column;padding:1.4rem;background:#fff;border:1px solid #e0e4ee;border-radius:1rem;box-shadow:0 .9rem 2rem rgb(15 1 43/6%);overflow:hidden}.b2b-card-grid article::after{content:"";position:absolute;right:-2rem;bottom:-2.6rem;width:8rem;height:5rem;background:linear-gradient(145deg,#fff,#dfe4ef);border:1px solid #d4d9e5;border-radius:.5rem;transform:rotate(-8deg);box-shadow:0 .7rem 1.4rem rgb(15 1 43/9%)}.b2b-card-grid article>span{width:2.2rem;height:2.2rem;display:grid;place-items:center;color:#fff;background:var(--brand-ink);border-radius:.6rem;font:700 .64rem var(--heading);box-shadow:.25rem .25rem 0 var(--red)}.b2b-card-grid h3{margin-top:1.35rem;font-size:1.35rem}.b2b-card-grid p{position:relative;z-index:1;color:#6a7181;font-size:.72rem;line-height:1.7}
.b2b-delivery{color:#fff;background:linear-gradient(132deg,var(--brand-ink),var(--brand-navy))}.b2b-delivery__grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(22rem,1.08fr);align-items:center;gap:clamp(3rem,8vw,7rem)}.b2b-delivery h2{max-width:13ch;color:#fff}.b2b-delivery__grid>div>p:not(.b2b-kicker){max-width:58ch;color:rgb(255 255 255/69%)}.b2b-included{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin-top:1.7rem}.b2b-included>div{display:flex;gap:.7rem;padding:.85rem;background:rgb(255 255 255/7%);border:1px solid rgb(255 255 255/13%);border-radius:.8rem}.b2b-included b{color:#ffd84d}.b2b-included strong,.b2b-included span{display:block}.b2b-included strong{color:#fff;font-size:.68rem}.b2b-included span{color:rgb(255 255 255/58%);font-size:.55rem;line-height:1.55}
.b2b-delivery__image{position:relative;min-width:0;height:35rem;margin:0;overflow:hidden;border:1px solid rgb(255 255 255/17%);border-radius:1.3rem;box-shadow:0 2.2rem 5rem rgb(4 1 25/40%)}.b2b-delivery__image::after{content:"";position:absolute;inset:52% 0 0;background:linear-gradient(transparent,rgb(15 1 43/88%))}.b2b-delivery__image>img,.b2b-delivery__image>.branded-photo,.b2b-delivery__image>.branded-photo>img{width:100%;height:100%;object-fit:cover;object-position:center}.b2b-delivery__image figcaption{position:absolute;z-index:2;right:1.1rem;bottom:1rem;left:1.1rem}.b2b-delivery__image strong,.b2b-delivery__image span{display:block;color:#fff}.b2b-delivery__image strong{font:700 1rem var(--heading)}.b2b-delivery__image span{margin-top:.15rem;color:rgb(255 255 255/66%);font-size:.58rem}
.b2b-process{background:#fff}.b2b-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;list-style:none;border:1px solid #e0e4ee;border-radius:1rem;overflow:hidden}.b2b-steps li{min-width:0;padding:1.4rem;border-right:1px solid #e0e4ee}.b2b-steps li:last-child{border-right:0}.b2b-steps span{width:2.25rem;height:2.25rem;display:grid;place-items:center;color:#fff;background:var(--brand-navy);border-radius:.55rem;font:700 .64rem var(--heading)}.b2b-steps h3{margin-top:2.4rem;font-size:1.25rem}.b2b-steps p{color:#6d7484;font-size:.69rem;line-height:1.7}
.b2b-gallery{background:#f5f6fa}.b2b-gallery__grid{display:grid;grid-template-columns:1.15fr .85fr .85fr;gap:.8rem}.b2b-gallery figure{position:relative;min-width:0;height:26rem;margin:0;overflow:hidden;background:#dfe4ed;border-radius:1rem;box-shadow:0 1rem 2.5rem rgb(15 1 43/10%)}.b2b-gallery figure::after{content:"";position:absolute;inset:52% 0 0;background:linear-gradient(transparent,rgb(15 1 43/86%))}.b2b-gallery img,.b2b-gallery .branded-photo,.b2b-gallery .branded-photo>img{width:100%;height:100%;object-fit:cover;object-position:center 72%}.b2b-gallery figcaption{position:absolute;z-index:2;right:.9rem;bottom:.8rem;left:.9rem;color:#fff;font-size:.64rem;font-weight:800}
.b2b-form-section{color:#fff;background:radial-gradient(circle at 10% 90%,rgb(47 109 246/25%),transparent 25rem),linear-gradient(135deg,var(--brand-ink),#151958)}.b2b-form-grid{display:grid;grid-template-columns:minmax(0,.75fr) minmax(25rem,1.25fr);align-items:start;gap:clamp(3rem,8vw,7rem)}.b2b-form-intro h2{max-width:12ch;color:#fff}.b2b-form-intro>p:not(.b2b-kicker),.b2b-form-intro li{color:rgb(255 255 255/66%)}.b2b-form-intro ul{display:grid;gap:.5rem;padding-left:1.1rem;margin:1.6rem 0}.b2b-form-intro>a{display:grid;gap:.1rem;margin-top:2rem;padding:1rem;color:#fff;background:rgb(255 255 255/7%);border:1px solid rgb(255 255 255/13%);border-left:3px solid #ffd84d;border-radius:.75rem}.b2b-form-intro>a strong{font-size:.68rem}.b2b-form-intro>a span{color:#9ab5ff;font-size:.61rem}.b2b-form-panel h3{font-size:2rem}.b2b-form-panel .contact-form label{font-size:.66rem}
.b2b-faq{background:#fff}.b2b-final{padding:clamp(4rem,7vw,6.5rem) 0;color:#fff;background:radial-gradient(circle at 86% 15%,rgb(47 109 246/28%),transparent 28rem),linear-gradient(135deg,var(--brand-ink),var(--brand-navy))}.b2b-final__grid{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:3rem}.b2b-final h2{max-width:14ch;margin:.7rem 0;color:#fff}.b2b-final p:not(.b2b-kicker){max-width:58ch;color:rgb(255 255 255/68%)}.b2b-final__grid>div:last-child{display:grid;gap:.65rem;min-width:17rem}

@media(max-width:58rem){
  .b2b-hero__grid,.b2b-delivery__grid,.b2b-form-grid,.b2b-final__grid{grid-template-columns:minmax(0,1fr)}
  .b2b-hero__visual,.b2b-delivery__image{width:min(100%,38rem);height:30rem}.b2b-trust__grid,.b2b-card-grid,.b2b-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.b2b-trust__grid>div:nth-child(2){border-right:0}.b2b-trust__grid>div:nth-child(-n+2){border-bottom:1px solid #e3e7f0}.b2b-card-grid article{min-height:15rem}.b2b-steps li:nth-child(2){border-right:0}.b2b-steps li:nth-child(-n+2){border-bottom:1px solid #e0e4ee}.b2b-gallery__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.b2b-gallery figure:first-child{grid-column:1/-1}.b2b-final__grid>div:last-child{max-width:25rem;min-width:0}
}
@media(max-width:38rem){
  body{padding-bottom:calc(4.7rem + env(safe-area-inset-bottom))}
  .subpage-hero,.content-section{overflow:clip}
  .b2b-hero__grid{gap:2.25rem;padding-block:2.65rem 3.2rem}.b2b-breadcrumb{margin-bottom:1.35rem}.b2b-hero h1{max-width:11ch;font-size:clamp(2.65rem,12.2vw,3.65rem);line-height:.92}.b2b-lead{font-size:.81rem;line-height:1.65}.b2b-actions{display:grid;grid-template-columns:minmax(0,1fr)}.b2b-actions .button{width:100%}.b2b-proof{grid-template-columns:minmax(0,1fr);gap:.45rem}.b2b-proof li{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.b2b-proof span{text-align:right}.b2b-hero__visual,.b2b-delivery__image{height:23rem}
  .b2b-trust__grid,.b2b-card-grid,.b2b-steps,.b2b-gallery__grid{grid-template-columns:minmax(0,1fr)}.b2b-trust__grid>div,.b2b-trust__grid>div:nth-child(2){border-right:0;border-bottom:1px solid #e3e7f0}.b2b-trust__grid>div:last-child{border-bottom:0}.b2b-card-grid article{min-height:13rem}.b2b-included{grid-template-columns:minmax(0,1fr)}.b2b-steps li,.b2b-steps li:nth-child(2){border-right:0;border-bottom:1px solid #e0e4ee}.b2b-steps li:last-child{border-bottom:0}.b2b-steps h3{margin-top:1.2rem}.b2b-gallery figure,.b2b-gallery figure:first-child{grid-column:1;height:21rem}.b2b-form-grid{gap:2rem}.b2b-final__grid>div:last-child{max-width:none}.b2b-final .button{width:100%}
  .mobile-actions{right:max(.45rem,env(safe-area-inset-right));bottom:max(.4rem,env(safe-area-inset-bottom));left:max(.45rem,env(safe-area-inset-left));padding:.3rem;border-radius:.95rem}.mobile-actions a{min-height:3.2rem}.mobile-actions strong{font-size:.63rem}.mobile-actions small{font-size:.44rem}
  .service-bar__promise{font-size:.58rem}.service-bar__inner>a{font-size:.51rem}
  .main-nav{width:min(94vw,23rem)}.mega-panel{grid-template-columns:minmax(0,1fr)}.mega-group{padding:.5rem}.mega-group>a{min-height:2.1rem}
  .breadcrumb,.b2b-breadcrumb{max-width:100%;overflow-x:auto;white-space:nowrap;scrollbar-width:none}
  .compare-table{border-radius:1rem}.compare-table>div{min-width:35rem}
  .contact-form input,.contact-form select,.contact-form textarea,.calculator-form input,.calculator-form select{font-size:16px}
}
@media(max-width:22rem){.b2b-hero h1{font-size:2.4rem}.b2b-trust__grid>div{padding:1rem}.b2b-card-grid article{padding:1.15rem}.mobile-actions small{display:none}}

@media(prefers-reduced-motion:reduce){
  .menu-toggle,.mega-trigger>span,.mobile-actions,.mobile-actions a{transition:none}
}

/* Echte sfeerbeelden in het profielassortiment — 20260827-sfeerbeelden1. */
.profile-visual{height:10.5rem;background:var(--brand-ink)}
.profile-visual::after{display:none}
.profile-visual>img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 72%;transition:transform .35s ease,filter .35s ease}
.profile-card:hover .profile-visual>img{transform:scale(1.035);filter:saturate(1.04)}
@media(max-width:58rem){.profile-visual{height:9rem}}
@media(max-width:38rem){.profile-visual{height:12rem}}
@media(prefers-reduced-motion:reduce){.profile-visual>img{transition:none}.profile-card:hover .profile-visual>img{transform:none}}

/* Definitieve visuele afwerklaag — contrast, rust en mobiele bediening. */
:root{
  --brand-purple:#63339a;
  --brand-purple-dark:#0f012b;
  --brand-purple-soft:#f1f3fb;
  --lilac:#becbff;
  --lilac-strong:#9cacf2;
}

/* Detailtemplates gebruiken verschillende generaties variabelen; deze laag houdt tekst leesbaar. */
.product-detail .breadcrumb,.product-page .breadcrumb,.plint-detail .breadcrumb,
.product-detail .breadcrumbs,.product-page .breadcrumbs,.plint-detail .breadcrumbs{color:#5d5368}
.product-detail .breadcrumb a,.product-page .breadcrumb a,.plint-detail .breadcrumb a,
.product-detail .breadcrumbs a,.product-page .breadcrumbs a,.plint-detail .breadcrumbs a{color:var(--brand-purple-dark)}
.product-detail .product-benefits,.product-page .product-benefits,.plint-detail .product-benefits,
.product-detail .benefit-strip,.product-page .benefit-strip,.plint-detail .benefit-strip{color:#fff;background:linear-gradient(135deg,var(--brand-purple-dark),var(--brand-navy))}
.product-detail .product-benefits p,.product-page .product-benefits p,.plint-detail .product-benefits p,
.product-detail .benefit-strip p,.product-page .benefit-strip p,.plint-detail .benefit-strip p{color:rgb(255 255 255/76%)}
.product-detail [class*="preselect"],.product-page [class*="preselect"],.plint-detail [class*="preselect"]{color:var(--brand-purple-dark);background:#eef1ff;border-color:#c9d1f3}

/* Desktop WhatsApp: compact tijdens scrollen, volledig bij hover of toetsenbordfocus. */
@media(min-width:58.01rem){
  .whatsapp-jan{right:1.35rem;bottom:1.35rem;min-width:3.35rem;min-height:3.35rem;padding:.72rem .9rem}
  .whatsapp-jan::after{content:"W";width:1.95rem;height:1.95rem;display:grid;place-items:center;flex:0 0 auto;color:#fff;background:#128c51;border:1px solid rgb(255 255 255/36%);border-radius:50%;font-size:.72rem;font-weight:900;order:-1}
  .whatsapp-jan>span{max-width:14rem;opacity:1;overflow:hidden;transition:max-width .24s ease,opacity .18s ease,margin .24s ease}
  .whatsapp-jan.is-compact{border-radius:999px;padding:.66rem}
  .whatsapp-jan.is-compact>span{max-width:0;margin:0;opacity:0}
  .whatsapp-jan.is-compact:hover,.whatsapp-jan.is-compact:focus-visible{border-radius:1rem;padding:.72rem .9rem}
  .whatsapp-jan.is-compact:hover>span,.whatsapp-jan.is-compact:focus-visible>span{max-width:14rem;margin-left:.65rem;opacity:1}
}

/* Binnenpagina's: minder loze herohoogte en beheerste titels. */
.subpage-hero{padding-block:clamp(3.5rem,6vw,5.4rem)}
.subpage-hero__inner{align-items:center}
.subpage-hero h1{max-width:15ch;font-size:clamp(2.9rem,5vw,4.75rem);line-height:.98}
.subpage-visual{max-height:34rem}
.subpage-visual img,.subpage-visual>.branded-photo,.subpage-visual>.branded-photo>img{height:100%;object-fit:cover}

/* Homepage: minder herhaling, kortere secties en echt zakelijk beeld. */
.page-index .hero__grid{min-height:auto;padding-block:clamp(3.3rem,6vw,5.2rem)}
.page-index .section{padding-block:clamp(4rem,6.5vw,6rem)}
.page-index .costs{padding-bottom:3.25rem}
.page-index .compare{padding-top:3.25rem;background:#f7f8fc}
.page-index .business-mark{position:relative;overflow:hidden;min-height:28rem;align-content:end;padding:2rem;background-image:linear-gradient(180deg,transparent 34%,rgb(15 1 43/88%)),url("public/assets/projects/plinten-laten-plaatsen-montageteam.webp?v=20260827-subtiel-logo1");background-size:cover;background-position:center 58%;border:1px solid rgb(255 255 255/18%);border-radius:1.25rem;box-shadow:0 2rem 5rem rgb(4 1 25/34%)}
.page-index .business-mark span,.page-index .business-mark strong,.page-index .business-mark em{position:relative;z-index:1;color:#fff;text-shadow:0 .2rem 1rem rgb(0 0 0/35%)}

/* Sfeerplinten: de plint en acties eerder in beeld. */
.page-sfeerplinten .sfeer-hero__visual{height:clamp(25rem,39vw,34rem)}
.page-sfeerplinten .sfeer-hero__visual img{object-position:center 72%}
.page-sfeerplinten .sfeer-hero__advisor{max-width:55ch;color:rgb(255 255 255/78%)!important}
.page-sfeerplinten .sfeer-hero__actions .button--dark{color:#fff;background:rgb(255 255 255/8%);border:1px solid rgb(255 255 255/34%);box-shadow:none}
.page-sfeerplinten .profile-card{overflow:hidden;border-color:#dfe3ee;box-shadow:0 .75rem 1.8rem rgb(15 1 43/7%)}

/* Keuzehulp: advies in donkerpaars; rood blijft de actie- en selectiekleur. */
.choice-hero{padding:clamp(3.5rem,6vw,5.5rem) 0 clamp(6rem,9vw,8rem);background:radial-gradient(circle at 85% 12%,rgb(47 109 246/30%),transparent 29rem),linear-gradient(135deg,var(--brand-purple-dark),var(--brand-navy) 68%,#24368a)}
.choice-hero h1{font-size:clamp(3rem,5.6vw,5.25rem)}
.choice-room{transform:none;border-color:rgb(190 203 255/34%)}
.choice-option.is-selected{background:#f5f2ff;border-color:var(--brand-purple);box-shadow:0 0 0 4px rgb(99 51 154/10%)}
.choice-option.is-selected .choice-option__number{background:var(--brand-purple)}

/* Reviews, contact en tevredenheid: sneller bij bewijs of keuze. */
.reviews-hero__grid{padding-block:clamp(3rem,5.5vw,5rem)}
.reviews-hero__visual{height:clamp(26rem,36vw,33rem)}
.reviews-hero__note,.review-disclaimer,.review-card p span{font-size:max(.62rem,12px)}
.page-contact .subpage-hero{padding-block:3.5rem}
.page-contact .subpage-visual{height:28rem}
.page-contact .content-section{padding-block:4rem}
.contact-response-note{margin:.55rem 0 0;color:#625d6d;font-size:.68rem;text-align:center}
.page-tevredenheid .subpage-hero--feedback{padding-block:3rem}
.page-tevredenheid .subpage-hero--feedback .subpage-hero__grid{grid-template-columns:minmax(0,1fr) minmax(18rem,.72fr);align-items:center}
.page-tevredenheid .subpage-hero--feedback figure img{min-height:20rem;max-height:25rem}
.page-tevredenheid .feedback-choice{padding-block:3.5rem}
.page-tevredenheid .feedback-card{border:1px solid #e2e5ef;box-shadow:0 .8rem 2rem rgb(15 1 43/7%)}

/* Plintenwijzer: direct zoeken en vanuit ieder antwoord door naar een prijs. */
.guide-search{padding:1rem 0;background:#eef1fa;border-bottom:1px solid #dfe4f1}
.guide-search .container{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:1rem}
.guide-search label{display:grid;gap:.38rem;max-width:42rem;color:var(--brand-purple-dark);font-size:.63rem;font-weight:900}
.guide-search input{width:100%;min-height:3.25rem;padding:.75rem 1rem;color:var(--brand-purple-dark);background:#fff;border:1px solid #cfd6e8;border-radius:.8rem;font-size:1rem;outline:0;box-shadow:0 .45rem 1.2rem rgb(15 1 43/5%)}
.guide-search input:focus{border-color:var(--brand-purple);box-shadow:0 0 0 4px rgb(99 51 154/10%)}
.guide-search p{min-width:9rem;margin:0;color:#646b7a;font-size:.65rem;text-align:right}
.guide-answer-link{display:block;margin-top:.8rem;color:var(--brand-purple)!important;font-weight:900;text-decoration:none!important}

/* Juridische pagina's en lange tekst: scanbaar en goed leesbaar op mobiel/print. */
.legal-page section+section{margin-top:1.25rem}
.legal-page section p,.legal-page section li{font-size:.92rem;line-height:1.8}
.legal-toc{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;margin:1.5rem 0;padding:1rem;background:#eef1fa;border:1px solid #dce2ef;border-radius:1rem}
.legal-toc strong{grid-column:1/-1;color:var(--brand-purple-dark)}
.legal-toc a{padding:.45rem .55rem;color:#4f4760!important;background:#fff;border-radius:.5rem;text-decoration:none!important;font-size:.7rem;font-weight:700}

/* Plaatspagina's behouden variatie, maar krijgen een compacter mobiel ritme. */
.page-location .location-hero .subpage-visual{height:32rem}
.page-location .page-card{border-top:3px solid var(--brand-navy)}

@media(max-width:58rem){
  .subpage-visual{max-height:none}
  .page-tevredenheid .subpage-hero--feedback .subpage-hero__grid{grid-template-columns:minmax(0,1fr)}
  .page-tevredenheid .subpage-hero--feedback figure{display:none}
  .guide-search .container{grid-template-columns:minmax(0,1fr)}.guide-search p{text-align:left}
}

@media(max-width:38rem){
  body{padding-bottom:calc(4.7rem + env(safe-area-inset-bottom))}
  .section,.content-section{padding-block:3.75rem}
  .subpage-hero{padding-block:2.75rem 3.25rem}
  .subpage-hero h1{font-size:clamp(2.35rem,10.8vw,3.25rem);line-height:1}
  .subpage-visual,.page-contact .subpage-visual,.page-location .location-hero .subpage-visual{height:22rem}
  .page-index .hero__grid{padding-block:2.7rem 3.2rem}
  .page-index .hero__image-wrap{aspect-ratio:4/3}
  .page-index .costs{padding-bottom:2.75rem}.page-index .compare{padding-top:2.75rem}
  .page-index .business-mark{min-height:20rem}
  .page-sfeerplinten .sfeer-hero__visual{height:22rem}
  .choice-hero{padding:2.8rem 0 6rem}.choice-hero h1{font-size:clamp(2.55rem,11.5vw,3.45rem)}
  .reviews-hero__grid{padding-block:2.6rem 3.2rem}.reviews-hero__visual{height:22rem}
  .page-contact .content-section{padding-block:3.25rem}.contact-grid{gap:1.5rem}
  .page-tevredenheid .feedback-choice{padding-block:3rem}.feedback-grid{gap:.8rem}.feedback-card{padding:1.2rem}
  .legal-toc{grid-template-columns:minmax(0,1fr)}
  .legal-page section p,.legal-page section li{font-size:.88rem;line-height:1.75}

  /* Maximaal circa 72px plus safe-area; inhoud en formuliertoetsen blijven vrij. */
  .mobile-actions{right:max(.45rem,env(safe-area-inset-right));bottom:max(.38rem,env(safe-area-inset-bottom));left:max(.45rem,env(safe-area-inset-left));height:auto;max-height:4.45rem;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.35rem;padding:.3rem;border-radius:.9rem;box-shadow:0 .85rem 2.2rem rgb(15 1 43/28%),inset 0 1px 0 rgb(255 255 255/9%)}
  .mobile-actions a{min-height:3.25rem;padding:.42rem .45rem;border-radius:.68rem}
  .mobile-actions strong{font-size:.62rem}.mobile-actions small{font-size:.43rem}

  /* Actieve pagina als lila navigatievlak, zonder extra losse witruimte. */
  .main-nav>a:not(.button)[aria-current="page"],.mega-group a[aria-current="page"]{color:#fff;background:rgb(154 181 255/16%);border-color:rgb(154 181 255/26%);border-radius:.55rem}
  .main-nav>a:not(.button)[aria-current="page"]{margin:.18rem 0;padding:.72rem}
  .main-nav{padding-bottom:6.1rem}
}

@media(max-width:22rem){
  .mobile-actions small{display:none}.mobile-actions a{min-height:3rem}
  .subpage-hero h1{font-size:2.2rem}
}

@media print{
  .legal-page section p,.legal-page section li{font-size:10.5pt;line-height:1.55}
}

/* Merkfavicon, productkeuze en laatste foutcorrecties — 20260827-favicon2. */
.whatsapp-brandmark{
  position:relative;
  z-index:2;
  width:1.95rem;
  height:1.95rem;
  flex:0 0 1.95rem;
  object-fit:cover;
  border:1px solid rgb(255 255 255/38%);
  border-radius:.55rem;
  box-shadow:0 .3rem .8rem rgb(0 0 0/22%);
  pointer-events:none;
}
.whatsapp-jan>span,.sticky-whatsapp>span{position:relative;z-index:2;pointer-events:none}
@media(min-width:58.01rem){
  .whatsapp-jan{gap:.65rem;cursor:pointer;pointer-events:auto}
  .whatsapp-jan::after{display:none!important;content:none!important}
  .whatsapp-jan.is-compact{gap:0}
  .whatsapp-jan.is-compact:hover,.whatsapp-jan.is-compact:focus-visible{gap:.65rem}
}
@media(max-width:58rem){
  .sticky-whatsapp .whatsapp-brandmark{width:1.7rem;height:1.7rem;flex-basis:1.7rem;border-radius:.45rem}
}
@media(max-width:24rem){.sticky-whatsapp .whatsapp-brandmark{width:1.45rem;height:1.45rem;flex-basis:1.45rem}}

/* De calculator en het assortiment tonen alleen het plintprofiel, niet een sfeerfoto. */
.plinth-card,.profile-visual{isolation:isolate;background:linear-gradient(155deg,#ddd7e4 0 42%,#a48872 42% 100%)}
.plinth-card::before,.profile-visual::before{
  content:"";
  position:absolute;
  z-index:1;
  inset:0 0 57%;
  background:linear-gradient(135deg,rgb(99 51 154/12%),rgb(47 109 246/7%));
  mix-blend-mode:multiply;
  pointer-events:none;
}
.plinth-card>img,.profile-visual>img{position:relative;z-index:0;object-fit:cover;object-position:center}
.plinth-card>span,.profile-card>div:last-child{position:relative;z-index:2}
.profile-catalog .profile-card:nth-child(3n+2) .profile-visual::before{background:linear-gradient(135deg,rgb(190 203 255/18%),rgb(99 51 154/8%))}
.profile-catalog .profile-card:nth-child(3n) .profile-visual::before{background:linear-gradient(135deg,rgb(185 158 133/15%),rgb(99 51 154/7%))}

/* De reviewfoto en reviewkaart blijven één begrensde hero-compositie. */
.reviews-hero__visual>.branded-photo{width:100%;height:100%;display:block;overflow:hidden;border-radius:1.35rem;box-shadow:0 2.5rem 6rem rgb(4 1 25/48%)}
.reviews-hero__visual>.branded-photo>img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 68%;box-shadow:none}
.reviews-hero__visual>.branded-photo>.image-brand{bottom:.8rem}

/* Elke werkgebiedkaart krijgt een rustige, herkenbare lokale verwijzing. */
.region-link{position:relative;isolation:isolate;overflow:hidden}
.region-link::after{
  content:attr(data-landmark);
  position:absolute;
  z-index:0;
  right:.85rem;
  bottom:.55rem;
  max-width:72%;
  color:rgb(38 49 119/5.5%);
  font:800 clamp(1.35rem,2.2vw,2.25rem)/.9 var(--heading);
  letter-spacing:-.04em;
  text-align:right;
  text-transform:uppercase;
  pointer-events:none;
}
.region-link>*{position:relative;z-index:1}
.region-link:hover::after{color:rgb(99 51 154/8%)}

/* SEO-productpagina's — rustig, luxe en direct naar de juiste calculator-keuze. */
.product-hero{padding:clamp(3rem,6vw,6rem) 0;background:linear-gradient(135deg,#f8f9ff,#eef0fa)}
.product-hero__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(20rem,.76fr);gap:clamp(2rem,6vw,6rem);align-items:center}
.product-breadcrumb{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:1.2rem;color:#596179;font-size:.78rem}.product-breadcrumb a{color:var(--brand-purple-dark);font-weight:800;text-decoration:none}
.product-hero h1{max-width:13ch;margin:.35rem 0 1rem;font-size:clamp(2.8rem,5.4vw,5rem);line-height:.94}.product-hero__lead{max-width:42rem;color:#565f75;font-size:clamp(1rem,1.6vw,1.18rem);line-height:1.75}
.product-hero__actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.6rem}.product-hero__visual{position:relative;min-height:31rem;margin:0;overflow:hidden;border-radius:1.4rem;box-shadow:0 2rem 4rem rgb(15 1 43/16%)}.product-hero__visual>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.product-hero__visual figcaption{position:absolute;right:1rem;bottom:1rem;left:1rem;padding:.8rem 1rem;color:#fff;background:rgb(15 1 43/82%);border:1px solid rgb(255 255 255/20%);border-radius:.8rem;backdrop-filter:blur(.5rem)}
.product-proof{padding:1.2rem 0;background:var(--brand-purple-dark);color:#fff}.product-proof__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.product-proof strong,.product-proof span{display:block}.product-proof strong{color:#fff}.product-proof span{margin-top:.2rem;color:#cbc7dd;font-size:.72rem}
.product-content{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(18rem,.8fr);gap:clamp(2rem,6vw,5rem);align-items:start}.product-content h2{margin-top:0;font-size:clamp(2rem,4vw,3.6rem)}.product-content p{color:#60677a;line-height:1.8}.product-facts{display:grid;gap:.7rem;margin:1.4rem 0 0;padding:0;list-style:none}.product-facts li{display:flex;gap:.7rem;padding:.8rem 0;border-bottom:1px solid #dfe3ef}.product-facts li::before{content:'✓';color:var(--brand-purple);font-weight:900}
.product-spec{position:sticky;top:7.5rem;padding:1.35rem;background:#fff;border:1px solid #dfe3ef;border-radius:1.2rem;box-shadow:0 1rem 2.5rem rgb(15 1 43/8%)}.product-spec h3{margin-top:0}.product-spec table{width:100%;border-collapse:collapse}.product-spec th,.product-spec td{padding:.7rem .2rem;border-bottom:1px solid #e4e7ef;text-align:left;font-size:.82rem}.product-spec th{color:#687087}.product-spec .button{margin-top:1rem;width:100%}
.product-advice{color:#fff;background:linear-gradient(135deg,var(--brand-purple-dark),#19296e)}.product-advice h2,.product-advice p{color:#fff}.product-advice__grid{display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:center}.product-advice p{max-width:48rem;color:#d3d5e3}.product-advice__actions{display:flex;flex-wrap:wrap;gap:.7rem}
@media(max-width:58rem){.product-hero__grid,.product-content,.product-advice__grid{grid-template-columns:1fr}.product-hero__visual{min-height:22rem}.product-proof__grid{grid-template-columns:1fr 1fr}.product-spec{position:static}.product-advice__actions{justify-content:flex-start}}
@media(max-width:38rem){.product-hero{padding:2rem 0 2.5rem}.product-hero h1{font-size:clamp(2.3rem,12vw,3.25rem)}.product-hero__visual{min-height:17rem}.product-proof__grid{grid-template-columns:1fr}.product-proof__grid>div{padding:.55rem 0;border-bottom:1px solid rgb(255 255 255/12%)}.product-hero__actions .button,.product-advice__actions .button{width:100%}}


/* Subtiele stadsbeelden op lokale landingspagina's — 20260827. */
.page-location .location-hero::before{
  background-image:linear-gradient(90deg,rgb(15 1 43/95%) 0%,rgb(15 1 43/88%) 48%,rgb(18 30 87/84%) 100%),var(--location-image),linear-gradient(rgb(255 255 255/4%) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255/4%) 1px,transparent 1px);
  background-position:center,center,center,center;
  background-size:cover,cover,3rem 3rem,3rem 3rem;
  background-repeat:no-repeat,no-repeat,repeat,repeat;
}
.page-location .location-hero .subpage-hero__inner{z-index:1}
.location-landmark-credit{position:absolute;z-index:2;right:clamp(.75rem,2vw,1.5rem);bottom:.7rem;display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .55rem;color:rgb(255 255 255/60%);background:rgb(8 4 32/30%);border:1px solid rgb(255 255 255/10%);border-radius:999px;font-size:.52rem;font-weight:700;letter-spacing:.04em;line-height:1.2;backdrop-filter:blur(6px)}
.location-landmark-credit:hover,.location-landmark-credit:focus-visible{color:#fff;border-color:rgb(255 255 255/34%)}
@media(max-width:38rem){
  .page-location .location-hero::before{background-image:linear-gradient(180deg,rgb(15 1 43/94%) 0%,rgb(15 1 43/88%) 58%,rgb(18 30 87/88%) 100%),var(--location-image),linear-gradient(rgb(255 255 255/4%) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255/4%) 1px,transparent 1px);background-position:center,62% center,center,center}
  .location-landmark-credit{right:.65rem;bottom:.45rem;max-width:calc(100% - 1.3rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}


/* Calculator-kaarten: rustige gekleurde wand, volledig plintprofiel en geen bruine strook — 20260827. */
.plinth-card{
  isolation:isolate;
  grid-template-rows:9.4rem auto;
  overflow:hidden;
  background:#fff;
  border-color:#d9dde4;
  box-shadow:0 .5rem 1.4rem rgb(15 1 43/8%);
}
.plinth-card::before{display:none;content:none;background:none;mix-blend-mode:normal;inset:auto}
.plinth-card.is-popular::before{
  display:block;
  content:"Meest gekozen";
  inset:.65rem auto auto .65rem;
  z-index:4;
  padding:.32rem .55rem;
  color:#fff;
  background:var(--red);
  border-radius:999px;
  font-size:.56rem;
  font-weight:900;
  letter-spacing:.04em;
  line-height:1;
  text-transform:uppercase;
  mix-blend-mode:normal;
}
.plinth-card>img{
  position:relative;
  z-index:0;
  width:100%;
  height:9.4rem;
  padding:.35rem;
  object-fit:contain;
  object-position:center bottom;
  background:linear-gradient(145deg,#e8ddd2,#d7c7b7);
}
.plinth-card:nth-child(4n+2)>img{background:linear-gradient(145deg,#dce7e1,#c8d7cf)}
.plinth-card:nth-child(4n+3)>img{background:linear-gradient(145deg,#e2dce9,#cdc5d8)}
.plinth-card:nth-child(4n+4)>img{background:linear-gradient(145deg,#e7e1d5,#d2c9b9)}
.plinth-card>span{
  position:relative;
  z-index:2;
  min-height:4.55rem;
  padding:.72rem .8rem .82rem;
  color:var(--ink);
  background:#fff;
  border-top:1px solid #e3e5e9;
}
.plinth-card.is-selected{border-color:var(--red);box-shadow:0 0 0 2px rgb(226 11 23/14%),0 .7rem 1.5rem rgb(15 1 43/10%)}


/* Mobiele header en gele conversieknoppen — 20260827. */
@media(max-width:58rem){
  .header__inner{
    min-height:4.65rem;
    gap:.75rem;
  }
  .header__inner>.brand{
    width:min(10.75rem,calc(100vw - 6rem));
    height:3.35rem;
    flex:0 1 10.75rem;
    padding:0;
    overflow:visible;
  }
  .header__inner>.brand img{
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    object-position:left center!important;
    filter:none!important;
  }
  .mobile-menu-brand{
    min-height:4.35rem;
    padding:.45rem .7rem!important;
    background:#fff;
    border:1px solid rgb(154 181 255/28%);
    border-radius:.75rem;
  }
  .mobile-menu-brand img{
    width:100%!important;
    height:3rem!important;
    object-fit:contain!important;
    object-position:left center!important;
  }
  .button--primary,
  .main-nav .nav-cta,
  .mobile-actions a.sticky-offerte{
    color:var(--brand-ink)!important;
    background:linear-gradient(145deg,#ffe36d,#ffd02f)!important;
    border-color:#f0bd14!important;
    box-shadow:0 .55rem 1.35rem rgb(173 126 0/22%),inset 0 1px 0 rgb(255 255 255/58%)!important;
  }
  .button--primary:hover,
  .button--primary:focus-visible,
  .main-nav .nav-cta:hover,
  .main-nav .nav-cta:focus-visible,
  .mobile-actions a.sticky-offerte:active{
    color:var(--brand-ink)!important;
    background:linear-gradient(145deg,#ffe97f,#ffc91f)!important;
  }
  .button--primary .button__copy small,
  .main-nav .nav-cta small,
  .mobile-actions a.sticky-offerte small{color:rgb(15 1 43/67%)!important}
}
@media(max-width:24rem){
  .header__inner>.brand{width:min(9.25rem,calc(100vw - 5.4rem));height:3rem;flex-basis:9.25rem}
  .menu-toggle::after{display:none}
}


/* Sfeerplinten zonder streep en herstel rode mobiele CTA's — 20260827. */
.profile-visual{
  isolation:isolate;
  background:linear-gradient(145deg,#e8ddd2,#d7c7b7);
}
.profile-catalog .profile-card:nth-child(4n+2) .profile-visual{background:linear-gradient(145deg,#dce7e1,#c8d7cf)}
.profile-catalog .profile-card:nth-child(4n+3) .profile-visual{background:linear-gradient(145deg,#e2dce9,#cdc5d8)}
.profile-catalog .profile-card:nth-child(4n+4) .profile-visual{background:linear-gradient(145deg,#e7e1d5,#d2c9b9)}
.profile-visual::before{
  display:none!important;
  content:none!important;
  background:none!important;
  mix-blend-mode:normal!important;
  inset:auto!important;
}
.profile-visual>img{
  position:relative;
  z-index:1;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 72%;
}

@media(max-width:58rem){
  .button--primary,
  .main-nav .nav-cta,
  .mobile-actions a.sticky-offerte{
    color:#fff!important;
    background:linear-gradient(145deg,#e20b17,#ff2732)!important;
    border-color:rgb(255 255 255/20%)!important;
    box-shadow:0 .55rem 1.45rem rgb(171 7 16/34%),inset 0 1px 0 rgb(255 255 255/15%)!important;
  }
  .button--primary:hover,
  .button--primary:focus-visible,
  .main-nav .nav-cta:hover,
  .main-nav .nav-cta:focus-visible,
  .mobile-actions a.sticky-offerte:active{
    color:#fff!important;
    background:linear-gradient(145deg,#c90814,#f51d29)!important;
  }
  .button--primary .button__copy small,
  .main-nav .nav-cta small,
  .mobile-actions a.sticky-offerte small{color:rgb(255 255 255/74%)!important}
}


/* TV-vermelding en video-impressie — 20260827. */
.tv-feature{position:relative;overflow:hidden;background:linear-gradient(145deg,#f6f3fa,#eef1fb)}
.tv-feature::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 88% 12%,rgb(99 51 154/12%),transparent 28rem);pointer-events:none}
.tv-feature__grid{position:relative;display:grid;grid-template-columns:minmax(16rem,.72fr) minmax(0,1.28fr);align-items:center;gap:clamp(2rem,6vw,5rem)}
.tv-feature__copy{max-width:34rem}
.tv-feature__label{display:inline-flex;align-items:center;gap:.55rem;margin:0 0 1rem;padding:.5rem .72rem;color:#fff;background:linear-gradient(135deg,var(--brand-ink),var(--brand-navy));border-radius:999px;font-size:.58rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
.tv-feature__label::before{content:"TV";width:1.7rem;height:1.7rem;display:grid;place-items:center;color:var(--brand-ink);background:#ffd84d;border-radius:50%;font-size:.52rem}
.tv-feature h2{margin-bottom:1rem;color:var(--brand-ink);font-size:clamp(2.35rem,4.5vw,4.25rem)}
.tv-feature__copy>p:last-child{margin:0;color:#646b7a}
.tv-feature__video{position:relative;min-width:0;overflow:hidden;background:var(--brand-ink);border:1px solid rgb(15 1 43/12%);border-radius:1.35rem;box-shadow:0 2rem 5rem rgb(15 1 43/18%);aspect-ratio:16/9}
.tv-feature__video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.tv-feature__video::after{content:"RTL Woontrends";position:absolute;z-index:2;right:.75rem;bottom:.7rem;padding:.4rem .6rem;color:#fff;background:rgb(15 1 43/74%);border:1px solid rgb(255 255 255/20%);border-radius:999px;font-size:.52rem;font-weight:800;pointer-events:none;backdrop-filter:blur(7px)}
@media(max-width:58rem){.tv-feature__grid{grid-template-columns:minmax(0,1fr)}.tv-feature__copy{max-width:42rem}}
@media(max-width:38rem){.tv-feature__label{font-size:.52rem}.tv-feature__video{border-radius:1rem}.tv-feature__video::after{right:.55rem;bottom:.5rem;font-size:.46rem}}


/* Definitief zichtbaar mobiel menulogo en compacte keuzehulpvideo — 20260827. */
@media(max-width:58rem){
  .main-nav>.mobile-menu-brand,
  .main-nav>.mobile-menu-brand[aria-current="page"]{
    min-height:4.55rem;
    display:flex!important;
    align-items:center;
    justify-content:flex-start;
    margin:-3.95rem 3.45rem .9rem 0;
    padding:.55rem .8rem!important;
    color:var(--brand-ink)!important;
    background:#fff!important;
    border:1px solid rgb(154 181 255/25%)!important;
    border-radius:.75rem;
    box-shadow:0 .75rem 1.7rem rgb(4 1 25/30%)!important;
  }
  .main-nav>.mobile-menu-brand::before{display:none!important;content:none!important}
  .main-nav>.mobile-menu-brand span{display:none!important}
  .main-nav>.mobile-menu-brand img{
    width:min(100%,11.5rem)!important;
    height:3.2rem!important;
    max-width:100%!important;
    object-fit:contain!important;
    object-position:left center!important;
    filter:contrast(1.22) saturate(1.08)!important;
  }
}
@media(max-width:24rem){
  .main-nav>.mobile-menu-brand{margin-right:3.2rem;padding-inline:.6rem!important}
  .main-nav>.mobile-menu-brand img{height:2.85rem!important}
}

.choice-tv{padding:2.6rem 0;background:#f2f4fb}
.choice-tv__card{max-width:66rem;display:grid;grid-template-columns:minmax(0,.88fr) minmax(21rem,1.12fr);align-items:center;gap:clamp(1.5rem,4vw,3rem);margin-inline:auto;padding:clamp(1.2rem,3vw,2rem);background:#fff;border:1px solid #dfe4f1;border-radius:1.25rem;box-shadow:0 1rem 2.8rem rgb(15 1 43/9%)}
.choice-tv__copy h2{margin:.65rem 0 .8rem;color:var(--brand-ink);font-size:clamp(1.75rem,3vw,2.7rem)}
.choice-tv__copy>p:last-child{margin:0;color:#687087;font-size:.78rem}
.choice-tv__label{display:inline-flex;margin:0;padding:.42rem .65rem;color:var(--brand-ink);background:#ffd84d;border-radius:999px;font-size:.52rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase}
.choice-tv__video{position:relative;width:100%;max-width:32rem;justify-self:end;overflow:hidden;background:var(--brand-ink);border-radius:.9rem;box-shadow:0 .85rem 2rem rgb(15 1 43/18%);aspect-ratio:16/9}
.choice-tv__video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
@media(max-width:48rem){.choice-tv__card{grid-template-columns:minmax(0,1fr);max-width:38rem}.choice-tv__video{max-width:30rem;justify-self:start}}
@media(max-width:38rem){.choice-tv{padding:1.8rem 0}.choice-tv__card{padding:1rem;border-radius:1rem}.choice-tv__video{border-radius:.75rem}}


/* Mobiel menu: lichte footervariant zonder wit logovlak — 20260827. */
@media(max-width:58rem){
  .main-nav>.mobile-menu-brand,
  .main-nav>.mobile-menu-brand[aria-current="page"]{
    min-height:4.25rem;
    margin:-3.9rem 3.35rem .85rem 0;
    padding:.25rem 0!important;
    background:transparent!important;
    border:0!important;
    border-radius:0;
    box-shadow:none!important;
  }
  .main-nav>.mobile-menu-brand img{
    width:min(100%,12.5rem)!important;
    height:3.55rem!important;
    object-fit:contain!important;
    object-position:left center!important;
    filter:drop-shadow(0 .25rem .45rem rgb(0 0 0/28%))!important;
  }
}
@media(max-width:24rem){
  .main-nav>.mobile-menu-brand{margin-right:3rem}
  .main-nav>.mobile-menu-brand img{height:3.15rem!important}
}


/* Donkere merkheader en tv-mediabewijs — 20260827. */
.site-header{
  background:linear-gradient(118deg,rgb(15 1 43/98%),rgb(24 31 92/98%) 62%,rgb(31 42 122/98%))!important;
  border-bottom:1px solid rgb(255 255 255/14%)!important;
  box-shadow:0 .65rem 1.8rem rgb(15 1 43/24%)!important;
}
.header__inner>.brand{
  width:11.25rem;
  padding:.25rem 0;
  background:transparent!important;
  border-radius:0;
}
.header__inner>.brand img{
  content:url("public/assets/de-plintenconcurrent-footer.png");
  object-fit:contain;
  filter:drop-shadow(0 .22rem .42rem rgb(0 0 0/24%))!important;
}
@media(min-width:58.01rem){
  .main-nav{color:#fff!important}
  .main-nav>a:not(.button),.main-nav>.nav-cluster>.mega-trigger{color:#fff}
  .main-nav>a:not(.button)::after,.main-nav>.nav-cluster>.mega-trigger::after{background:#ffd84d}
  .main-nav .mega-panel{color:var(--brand-ink)}
}
@media(max-width:58rem){
  .header__inner>.brand{width:10.4rem;height:4.5rem;flex-basis:10.4rem}
  .menu-toggle{background:rgb(255 255 255/12%)!important;border-color:rgb(255 255 255/28%)!important}
  .menu-toggle span:not(.sr-only){background:#fff!important}
}

.media-proof{position:relative;overflow:hidden;padding:clamp(2rem,4vw,3.2rem) 0;background:linear-gradient(135deg,#0f012b,#18205c 62%,#24338e);color:#fff}
.media-proof::before{content:"";position:absolute;inset:-8rem -5rem auto auto;width:24rem;height:24rem;background:radial-gradient(circle,rgb(255 216 77/20%),transparent 68%);pointer-events:none}
.media-proof__inner{position:relative;display:grid;grid-template-columns:minmax(14rem,.9fr) minmax(18rem,1.15fr) auto;align-items:center;gap:clamp(1.5rem,4vw,3.5rem)}
.media-proof__copy>span{display:block;margin-bottom:.35rem;color:#ffd84d;font-size:.58rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.media-proof__copy h2{margin:0 0 .45rem;color:#fff;font-size:clamp(1.55rem,2.6vw,2.5rem)}
.media-proof__copy p{max-width:32rem;margin:0;color:rgb(255 255 255/72%);font-size:.75rem;line-height:1.65}
.media-proof__logos{min-height:5.2rem;display:flex;align-items:center;justify-content:center;gap:1.35rem;padding:.75rem 1.15rem;background:rgb(255 255 255/96%);border:1px solid rgb(255 255 255/35%);border-radius:1rem;box-shadow:0 1rem 2.5rem rgb(4 1 25/26%)}
.media-proof__logos img:first-child{width:5.8rem;height:auto}
.media-proof__logos img:last-child{width:min(11.5rem,42vw);height:auto}
.media-proof__divider{width:1px;height:2.8rem;background:#d9ddea}
.media-proof__link{display:inline-flex;align-items:center;gap:.55rem;padding:.8rem 1rem;color:var(--brand-ink);background:#ffd84d;border-radius:.75rem;font-size:.7rem;font-weight:900;white-space:nowrap;box-shadow:0 .65rem 1.5rem rgb(0 0 0/18%)}
.media-proof__link:hover,.media-proof__link:focus-visible{background:#ffe477;transform:translateY(-1px)}
@media(max-width:68rem){.media-proof__inner{grid-template-columns:1fr 1fr}.media-proof__link{grid-column:1/-1;justify-self:start}}
@media(max-width:42rem){.media-proof__inner{grid-template-columns:1fr}.media-proof__logos{justify-content:flex-start}.media-proof__link{grid-column:auto}.media-proof__copy p{font-size:.72rem}}


/* Keuzehulp 2.0 + herstel witte header en uitsluitend licht logo in megamenu — 20260827. */
.site-header{
  background:rgb(255 255 255/97%)!important;
  border-bottom:1px solid #e8e1ef!important;
  box-shadow:0 .55rem 1.6rem rgb(61 24 95/9%)!important;
}
.header__inner>.brand{
  width:9.6rem;
  height:5.5rem;
  flex-basis:9.6rem;
  padding:.2rem .5rem;
  background:#fff!important;
  border-radius:.8rem;
}
.header__inner>.brand img{
  content:normal!important;
  filter:contrast(1.15) drop-shadow(0 .25rem .28rem rgb(61 24 95/15%))!important;
}
@media(min-width:58.01rem){
  .main-nav{color:var(--purple-dark)!important}
  .main-nav>a:not(.button),.main-nav>.nav-cluster>.mega-trigger{color:var(--purple-dark)}
  .main-nav>a:not(.button)::after,.main-nav>.nav-cluster>.mega-trigger::after{background:var(--purple)}
}
.mega-intro__brand{
  width:11.25rem;
  height:3.7rem;
  padding:0;
  background:transparent!important;
  border:0;
  border-radius:0;
  box-shadow:none;
}
.mega-intro__brand img{
  content:url("public/assets/de-plintenconcurrent-footer.png");
  filter:drop-shadow(0 .2rem .35rem rgb(0 0 0/22%));
}
@media(max-width:58rem){
  .header__inner>.brand{width:8.25rem;height:4.4rem;flex-basis:8.25rem;padding:0;background:transparent!important}
  .menu-toggle{background:var(--surface-soft)!important;border-color:var(--border)!important}
  .menu-toggle span:not(.sr-only){background:var(--ink)!important}
}

.choice-hero__lead{max-width:61ch}
.choice-room__wall{background:linear-gradient(145deg,#75677e,#5c4e66)}
.choice-room__plinth{background:#65586e}
.choice-room__badge small{color:#ffd84d}

.quick-choice{padding-top:0}
.quick-progress{
  width:min(100% - 2rem,64rem);
  display:grid;
  grid-template-columns:auto minmax(12rem,1fr);
  align-items:center;
  gap:clamp(1rem,4vw,3rem);
  margin:0 auto 1.2rem;
  padding:1rem 1.25rem;
  color:#fff;
  background:linear-gradient(135deg,var(--brand-ink),var(--brand-navy));
  border:1px solid rgb(255 255 255/14%);
  border-radius:1rem;
  box-shadow:0 1.1rem 2.8rem rgb(15 1 43/22%);
}
.quick-progress>div:first-child{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}
.quick-progress strong{font-size:.72rem}
.quick-progress span{color:rgb(255 255 255/62%);font-size:.58rem}
.quick-progress__track{height:.42rem;overflow:hidden;background:rgb(255 255 255/14%);border-radius:999px}
.quick-progress__track i{width:20%;height:100%;display:block;background:linear-gradient(90deg,#ffd84d,#ffed9a);border-radius:inherit;transition:width .28s ease}

.quick-choice .choice-assistant{
  grid-template-columns:minmax(17rem,.58fr) minmax(0,1.42fr);
  max-width:80rem;
  border-color:#ded7e9;
  box-shadow:0 2.3rem 6rem rgb(39 15 68/14%);
}
.quick-choice .choice-assistant__intro{
  background:
    radial-gradient(circle at 4% 92%,rgb(226 11 23/26%),transparent 32%),
    radial-gradient(circle at 94% 8%,rgb(138 94 190/34%),transparent 28%),
    linear-gradient(155deg,var(--brand-ink),var(--brand-navy));
}
.quick-choice .choice-assistant__intro h2{font-size:clamp(2rem,3.5vw,3.25rem)}
.quick-choice .choice-assistant__principle{border-color:rgb(255 216 77/24%);background:rgb(255 216 77/9%)}
.quick-choice .choice-assistant__principle>span{color:var(--brand-ink);background:#ffd84d}
.quick-benefits{display:grid;gap:.65rem;margin:1.5rem 0;padding:0;list-style:none}
.quick-benefits li{display:flex;align-items:center;gap:.7rem;padding:.7rem;border:1px solid rgb(255 255 255/11%);border-radius:.75rem;background:rgb(255 255 255/5%)}
.quick-benefits li>span{width:2rem;height:2rem;display:grid;place-items:center;flex:0 0 auto;color:#ffd84d;background:rgb(255 216 77/10%);border-radius:.5rem;font-size:.52rem;font-weight:900}
.quick-benefits strong,.quick-benefits small{display:block}.quick-benefits strong{font-size:.68rem}.quick-benefits small{margin-top:.1rem;color:rgb(255 255 255/57%);font-size:.55rem;line-height:1.45}

.quick-choice__card{padding:clamp(1.25rem,3.6vw,3rem);background:linear-gradient(180deg,#fff,#fcfbfd)}
.quick-choice .choice-step>h2{max-width:19ch;color:var(--brand-ink);font-size:clamp(1.85rem,3.4vw,3.05rem);text-wrap:balance}
.quick-choice .choice-step>p{max-width:62ch;color:#687087}
.quick-choice .choice-step__top strong{color:var(--brand-ink);background:#f0eafa}
.quick-choice .choice-option{
  min-width:0;
  padding:1rem;
  border:1px solid #ddd8e7;
  border-radius:1rem;
  background:#fff;
  box-shadow:0 .45rem 1.2rem rgb(33 13 61/5%);
  transition:border-color .18s,box-shadow .18s,transform .18s;
}
.quick-choice .choice-option:hover{border-color:#b8a8cc;box-shadow:0 .8rem 1.8rem rgb(33 13 61/10%);transform:translateY(-2px)}
.quick-choice .choice-option.is-selected{border-color:var(--red);box-shadow:0 0 0 3px rgb(226 11 23/10%),0 .9rem 2rem rgb(33 13 61/11%);background:#fffafa}
.quick-choice .choice-option.is-selected::after{content:"✓";position:absolute;z-index:4;top:.7rem;right:.7rem;width:1.7rem;height:1.7rem;display:grid;place-items:center;color:#fff;background:var(--red);border-radius:50%;font-size:.65rem;font-style:normal;font-weight:900}
.quick-choice .choice-option strong{color:var(--brand-ink)}
.quick-choice .choice-option small{color:#72798a;line-height:1.45}
.quick-choice .choice-option__tag{z-index:3;color:var(--brand-ink);background:#ffd84d}

.quick-option__scene{position:relative;height:7.4rem;display:block;overflow:hidden;margin:-.2rem -.2rem .85rem;background:#ded6cd;border-radius:.72rem}
.quick-option__scene::before{content:"";position:absolute;inset:0 0 1.35rem;background:linear-gradient(135deg,#d4c8be,#eee8e2)}
.quick-option__scene::after{content:"";position:absolute;right:0;bottom:0;left:0;height:1.35rem;background:repeating-linear-gradient(100deg,#8e745b 0 1.6rem,#a98d70 1.65rem 3.2rem)}
.quick-option__scene i{position:absolute;z-index:2;right:0;bottom:1.35rem;left:0;height:.5rem;background:#f8f7f4;box-shadow:0 -.08rem .18rem rgb(0 0 0/14%)}
.quick-option__scene b{position:absolute;z-index:2;right:16%;bottom:1.85rem;width:1.6rem;height:3.6rem;background:rgb(15 1 43/22%);border-radius:.35rem .35rem 0 0}
.quick-option__scene--compact i{height:.34rem}.quick-option__scene--standard i{height:.65rem}.quick-option__scene--character i{height:1rem;background:#f0e7dc}
.quick-option__scene--character::before{background:linear-gradient(135deg,#87909a,#c0b3a6)}

.quick-style{min-height:9.5rem;text-align:left}
.quick-style__palette{display:flex;height:3.6rem;overflow:hidden;margin:0 0 .8rem;border-radius:.65rem}
.quick-style__palette i{flex:1}.quick-style__palette--sober i:nth-child(1){background:#e9e6df}.quick-style__palette--sober i:nth-child(2){background:#b9b6ae}.quick-style__palette--sober i:nth-child(3){background:#5f6266}
.quick-style__palette--natural i:nth-child(1){background:#d9c3a5}.quick-style__palette--natural i:nth-child(2){background:#b48b5d}.quick-style__palette--natural i:nth-child(3){background:#6f7a62}
.quick-style__palette--luxury i:nth-child(1){background:#172047}.quick-style__palette--luxury i:nth-child(2){background:#574032}.quick-style__palette--luxury i:nth-child(3){background:#c7a75b}
.quick-style__palette--classic i:nth-child(1){background:#ece4d7}.quick-style__palette--classic i:nth-child(2){background:#8d6c55}.quick-style__palette--classic i:nth-child(3){background:#6e3340}

.quick-floor{text-align:left}.quick-floor__sample{height:4.6rem;display:block;margin:0 0 .8rem;border-radius:.65rem;box-shadow:inset 0 0 0 1px rgb(0 0 0/8%)}
.quick-floor__sample--light{background:repeating-linear-gradient(98deg,#d8bd98 0 2.2rem,#c9a97e 2.25rem 4.5rem)}
.quick-floor__sample--dark{background:repeating-linear-gradient(98deg,#5a3e2e 0 2.2rem,#765440 2.25rem 4.5rem)}
.quick-floor__sample--cool{background:linear-gradient(135deg,#b7babd,#858b91)}
.quick-floor__sample--pattern{background:repeating-linear-gradient(45deg,#b58a60 0 1.3rem,#d1ad83 1.35rem 2.6rem,#8e6749 2.65rem 3.9rem)}

.quick-color{text-align:left}.quick-color__scene{position:relative;height:4.8rem;display:block;overflow:hidden;margin:0 0 .8rem;border-radius:.65rem;background:#aa8b7b}
.quick-color__scene::after{content:"";position:absolute;inset:auto 0 0;height:1.05rem;background:#9a7454}
.quick-color__scene i{position:absolute;z-index:2;right:0;bottom:1.05rem;left:0;height:.55rem;background:#aa8b7b}
.quick-color__scene--floor i{background:#9a7454}.quick-color__scene--white i{background:#fff}.quick-color__scene--contrast i{background:#252832}
.quick-color__scene--floor{background:#e2dbd3}.quick-color__scene--white{background:#d5c9bd}.quick-color__scene--contrast{background:#eee9e2}
.quick-color--trend{border-color:#c9b06a!important}

.quick-practical{display:flex!important;align-items:center;gap:.85rem;text-align:left}
.quick-practical>span{width:2.8rem;height:2.8rem;display:grid;place-items:center;flex:0 0 auto;color:var(--brand-ink);background:#f0eafa;border-radius:.75rem;font-size:1rem;font-weight:900}
.quick-practical>div{min-width:0}.quick-practical strong,.quick-practical small{display:block}

.quick-result__hero{display:grid;grid-template-columns:9rem minmax(0,1fr);align-items:center;gap:1.2rem;margin:1.2rem 0;padding:1.2rem;color:#fff;background:linear-gradient(135deg,var(--brand-ink),var(--brand-navy));border-radius:1rem}
.quick-result__hero>div:last-child>span{color:#ffd84d;font-size:.55rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em}
.quick-result__hero h3{margin:.25rem 0 .45rem;color:#fff;font-size:clamp(1.45rem,3vw,2.35rem)}
.quick-result__hero p{margin:0;color:rgb(255 255 255/68%);font-size:.69rem}
.quick-result__profile{position:relative;height:7rem;overflow:hidden;background:#8b7a70;border-radius:.75rem}
.quick-result__profile::after{content:"";position:absolute;inset:auto 0 0;height:1.65rem;background:#8d6547}
.quick-result__profile i{position:absolute;z-index:2;right:0;bottom:1.65rem;left:0;height:.8rem;background:#8b7a70;border-top:.14rem solid rgb(255 255 255/35%)}
.quick-result__profile b{position:absolute;z-index:3;right:0;bottom:2.45rem;left:0;height:.18rem;background:rgb(255 255 255/22%)}
.quick-result__profile[data-style="natural"]{background:#c5aa86}.quick-result__profile[data-style="natural"] i{background:#c5aa86}
.quick-result__profile[data-style="luxury"]{background:#252b54}.quick-result__profile[data-style="luxury"] i{height:1.15rem;background:#252b54}
.quick-result__profile[data-style="classic"]{background:#e1d4c2}.quick-result__profile[data-style="classic"] i{height:1.25rem;background:linear-gradient(#e1d4c2 0 35%,#b7a58d 36% 48%,#e1d4c2 49%)}

.quick-result__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}
.quick-result__grid article{position:relative;min-width:0;padding:1rem;background:#fff;border:1px solid #e0dbe8;border-radius:.9rem}
.quick-result__grid article>span{position:absolute;top:.75rem;right:.75rem;color:#c7bdd4;font-size:.55rem;font-weight:900}
.quick-result__grid small{display:block;margin-bottom:.35rem;color:var(--red-dark);font-size:.52rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.quick-result__grid strong{display:block;padding-right:1.6rem;color:var(--brand-ink);font-size:.84rem;line-height:1.35}
.quick-result__grid p{margin:.45rem 0 0;color:#6c7382;font-size:.63rem;line-height:1.55}
.quick-result__choices{display:flex;flex-wrap:wrap;gap:.4rem;margin:1rem 0}
.quick-result__choices span{padding:.4rem .55rem;color:#50465e;background:#f1edf6;border-radius:999px;font-size:.55rem;font-weight:800}
.quick-result__note{padding:.75rem .85rem;color:#655d70;background:#fbf8ee;border:1px solid #eadba9;border-radius:.75rem;font-size:.62rem;line-height:1.55}

@media(max-width:64rem){
  .quick-choice .choice-assistant{grid-template-columns:1fr}
  .quick-choice .choice-assistant__intro{padding-bottom:2rem}
  .quick-benefits{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:48rem){
  .quick-progress{width:100%;grid-template-columns:1fr;padding:.85rem 1rem}
  .quick-progress>div:first-child{align-items:flex-start;flex-direction:column;gap:.15rem}
  .quick-benefits{grid-template-columns:1fr}
  .quick-choice .choice-options--three,.quick-style-grid,.quick-floor-grid,.quick-color-grid,.quick-practical-grid{grid-template-columns:1fr}
  .quick-choice .choice-option{min-height:0}
  .quick-result__hero{grid-template-columns:6.5rem minmax(0,1fr)}
  .quick-result__grid{grid-template-columns:1fr}
}
@media(max-width:30rem){
  .quick-choice__card{padding:1rem}
  .quick-result__hero{grid-template-columns:1fr}
  .quick-result__profile{height:5rem}
}
@media(prefers-reduced-motion:reduce){.quick-progress__track i,.quick-choice .choice-option{transition:none}}


/* Echte Woontrends-media en echte ton-sur-tonfoto — 20260828. */
.tv-home{position:relative;overflow:hidden;padding:clamp(3.5rem,7vw,6.5rem) 0;color:#fff;background:linear-gradient(135deg,var(--brand-ink),var(--brand-navy) 58%,#26369a)}
.tv-home::before{content:"";position:absolute;inset:-12rem -8rem auto auto;width:34rem;height:34rem;background:radial-gradient(circle,rgb(63 177 224/22%),transparent 67%);pointer-events:none}
.tv-home__grid{position:relative;display:grid;grid-template-columns:minmax(7rem,9rem) minmax(24rem,1.35fr) minmax(18rem,.8fr);align-items:center;gap:clamp(1.25rem,3.5vw,3.25rem)}
.tv-home__brand{min-width:0;margin:0;text-align:center}
.tv-home__brand img{width:100%;height:auto;display:block;background:#fff;border:1px solid rgb(255 255 255/28%);border-radius:1rem;box-shadow:0 1.4rem 3rem rgb(4 1 25/30%)}
.tv-home__brand figcaption{margin-top:.55rem;color:rgb(255 255 255/58%);font-size:.5rem}
.tv-home__video{position:relative;min-width:0;overflow:hidden;background:#070415;border:1px solid rgb(255 255 255/18%);border-radius:1.2rem;box-shadow:0 1.7rem 4rem rgb(4 1 25/35%);aspect-ratio:16/9}
.tv-home__video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.tv-home__copy{min-width:0}
.tv-home__eyebrow{display:inline-flex;margin-bottom:.8rem;padding:.4rem .62rem;color:var(--brand-ink);background:#ffd84d;border-radius:999px;font-size:.52rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
.tv-home__copy h2{margin:0 0 .75rem;color:#fff;font-size:clamp(2rem,3.4vw,3.4rem);text-wrap:balance}
.tv-home__copy p{margin:0 0 1.2rem;color:rgb(255 255 255/70%);font-size:.73rem;line-height:1.7}
.tv-home__copy .button{width:fit-content}

.choice-room--photo{background:#b88484;transform:rotate(1deg)}
.choice-room--photo>img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 68%}
.choice-room--photo .choice-room__badge{margin:0}
.choice-room--photo .choice-room__badge span{display:block;margin-top:.25rem;color:#696171;font-size:.58rem;line-height:1.45}

@media(max-width:68rem){
  .tv-home__grid{grid-template-columns:8rem minmax(0,1fr)}
  .tv-home__video{grid-column:1/-1;grid-row:2}
  .tv-home__copy{grid-column:2;grid-row:1}
}
@media(max-width:42rem){
  .tv-home{padding:3rem 0}
  .tv-home__grid{grid-template-columns:6.5rem minmax(0,1fr);align-items:start;gap:1rem}
  .tv-home__brand figcaption{font-size:.44rem}
  .tv-home__copy h2{font-size:clamp(1.65rem,8vw,2.25rem)}
  .tv-home__copy p{font-size:.67rem}
  .tv-home__copy .button{padding:.72rem .82rem;font-size:.62rem}
  .tv-home__video{margin-top:.5rem;border-radius:.85rem}
}
@media(max-width:29rem){
  .tv-home__grid{grid-template-columns:1fr}
  .tv-home__brand{width:7.5rem}
  .tv-home__copy{grid-column:1;grid-row:2}
  .tv-home__video{grid-row:3}
}


/* Keuzehulp: echte projectbeelden en lichte eindsectie — 20260828. */
.quick-choice .choice-options--three .choice-option{min-height:16rem;overflow:hidden}
.quick-option__scene--photo{
  width:calc(100% + 2.3rem);
  height:9rem;
  flex:0 0 auto;
  margin:-1.15rem -1.15rem 1rem;
  background:#ece8e2;
  border-radius:1rem 1rem .75rem .75rem;
}
.quick-option__scene--photo::before,.quick-option__scene--photo::after{content:none}
.quick-option__scene--photo img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .28s ease}
.quick-choice .choice-option:hover .quick-option__scene--photo img{transform:scale(1.025)}
.quick-choice .choice-option.is-selected .quick-option__scene--photo{box-shadow:inset 0 0 0 3px var(--red)}
.choice-final{
  padding:clamp(4rem,8vw,7rem) 0;
  color:var(--brand-ink);
  background:
    radial-gradient(circle at 100% 0,rgb(226 11 23/8%),transparent 32%),
    linear-gradient(145deg,#fff 0%,#f7f4ef 60%,#efe9e1 100%);
  border-top:1px solid #e5ddd3;
}
.choice-final__inner{grid-template-columns:minmax(18rem,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(2rem,6vw,5.5rem)}
.choice-final__media{position:relative;min-width:0;margin:0}
.choice-final__media img{width:100%;aspect-ratio:9/6.2;display:block;object-fit:cover;border-radius:1.35rem;box-shadow:0 1.5rem 3.5rem rgb(30 22 16/14%)}
.choice-final__media figcaption{position:absolute;right:1rem;bottom:1rem;left:1rem;display:flex;align-items:center;gap:.55rem;padding:.75rem .9rem;color:var(--brand-ink);background:rgb(255 255 255/90%);border:1px solid rgb(255 255 255/75%);border-radius:.8rem;box-shadow:0 .8rem 2rem rgb(15 1 43/12%);font-size:.68rem;font-weight:800;backdrop-filter:blur(10px)}
.choice-final__media figcaption span{width:1.45rem;height:1.45rem;display:grid;place-items:center;flex:0 0 auto;color:#fff;background:var(--red);border-radius:50%}
.choice-final h2{max-width:13ch;margin:.45rem 0 1rem;color:var(--brand-ink);font-size:clamp(2.55rem,5vw,4.8rem);line-height:.98;text-wrap:balance}
.choice-final__copy>p:not(.eyebrow){max-width:58ch;color:#5f6170;font-size:.95rem;line-height:1.7}
.choice-final__benefits{display:grid;gap:.65rem;margin:1.6rem 0 1.8rem;padding:0;list-style:none}
.choice-final__benefits li{display:flex;align-items:center;gap:.8rem;color:var(--brand-ink);font-weight:750}
.choice-final__benefits span{width:2rem;height:2rem;display:grid;place-items:center;flex:0 0 auto;color:var(--red);background:#fff;border:1px solid #e6ddd4;border-radius:50%;font:800 .58rem var(--heading)}
.choice-final__actions{display:flex;align-items:center;flex-wrap:wrap;gap:1rem}
.choice-final__link{padding:.75rem .2rem;color:var(--brand-ink);border-bottom:1px solid currentColor;font-size:.75rem;font-weight:800}
.choice-final__link:hover{color:var(--red)}
@media(max-width:58rem){
  .choice-final__inner{grid-template-columns:1fr}
  .choice-final__media{width:min(100%,38rem)}
  .choice-final h2{max-width:16ch}
}
@media(max-width:46rem){
  .quick-choice .choice-options--three .choice-option{min-height:0}
  .quick-option__scene--photo{height:clamp(9rem,48vw,13rem)}
  .choice-final{padding:3.5rem 0}
  .choice-final__actions{align-items:stretch;flex-direction:column}
  .choice-final__actions .button{width:100%}
  .choice-final__link{align-self:center}
}
@media(prefers-reduced-motion:reduce){.quick-option__scene--photo img{transition:none}.quick-choice .choice-option:hover .quick-option__scene--photo img{transform:none}}


/* Compact Woontrends-blok op de keuzehulp — 20260828. */
.choice-tv-mini{padding-top:clamp(2.75rem,6vw,5rem);padding-bottom:clamp(2.75rem,6vw,5rem);background:#fff}
.choice-tv-mini__card{display:grid;grid-template-columns:minmax(20rem,1.15fr) minmax(18rem,.85fr);align-items:center;gap:clamp(1.5rem,4vw,3.5rem);max-width:65rem;margin-inline:auto;padding:clamp(1rem,2.5vw,1.5rem);background:linear-gradient(145deg,#f8f5f0,#fff);border:1px solid #e7ded4;border-radius:1.4rem;box-shadow:0 1.2rem 3rem rgb(30 22 16/9%)}
.choice-tv-mini__video{position:relative;min-width:0;overflow:hidden;aspect-ratio:16/9;background:#0f012b;border-radius:1rem;box-shadow:0 1rem 2.5rem rgb(15 1 43/16%)}
.choice-tv-mini__video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.choice-tv-mini__copy{min-width:0;padding:clamp(.25rem,1vw,.75rem)}
.choice-tv-mini__brand{display:flex;align-items:center;gap:.8rem;margin-bottom:1.2rem}
.choice-tv-mini__brand img{width:3.1rem;height:4.8rem;display:block;object-fit:cover;object-position:center;background:#fff;border:1px solid #ded5ca;border-radius:.55rem}
.choice-tv-mini__brand span{color:var(--brand-ink);font:.72rem/1.3 var(--heading);font-weight:800;text-transform:uppercase;letter-spacing:.07em}
.choice-tv-mini h2{max-width:14ch;margin:.5rem 0 .85rem;color:var(--brand-ink);font-size:clamp(2rem,4vw,3.45rem);line-height:1.02;text-wrap:balance}
.choice-tv-mini__copy>p:not(.eyebrow){max-width:48ch;color:#666976;font-size:.82rem;line-height:1.7}
.choice-tv-mini__link{display:inline-flex;align-items:center;gap:.55rem;margin-top:.55rem;padding:.65rem 0;color:var(--brand-ink);border-bottom:1px solid currentColor;font-size:.72rem;font-weight:800}
.choice-tv-mini__link:hover{color:var(--red)}
@media(max-width:52rem){.choice-tv-mini__card{grid-template-columns:1fr}.choice-tv-mini__copy{padding:.5rem}.choice-tv-mini h2{max-width:18ch}}
@media(max-width:32rem){.choice-tv-mini__card{padding:.75rem;border-radius:1rem}.choice-tv-mini__video{border-radius:.75rem}.choice-tv-mini__brand{margin-top:.35rem}}


/* Keuzehulp: advies direct doorzetten naar complete offerte — 20260828. */
.choice-quote{padding:clamp(4rem,8vw,7rem) 0;background:linear-gradient(145deg,#0f012b 0%,#161b63 62%,#25369b 100%)}
.choice-quote[hidden]{display:none}
.choice-quote__heading{max-width:61rem;margin:0 auto clamp(2rem,4vw,3.25rem);text-align:center}
.choice-quote__heading h2{max-width:18ch;margin:.55rem auto 1rem;color:#fff;font-size:clamp(2.5rem,5vw,4.7rem);line-height:.98;text-wrap:balance}
.choice-quote__heading>p:not(.eyebrow){max-width:68ch;margin-inline:auto;color:rgb(255 255 255/72%);font-size:.88rem;line-height:1.7}
.choice-quote__advice{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;margin-top:1.5rem;text-align:left}
.choice-quote__advice span{min-width:0;padding:.9rem 1rem;background:rgb(255 255 255/10%);border:1px solid rgb(255 255 255/17%);border-radius:.85rem;backdrop-filter:blur(8px)}
.choice-quote__advice small,.choice-quote__advice strong{display:block}
.choice-quote__advice small{margin-bottom:.22rem;color:#ffd84d;font-size:.52rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.choice-quote__advice strong{color:#fff;font-size:.72rem;line-height:1.35;overflow-wrap:anywhere}
.choice-quote .calculator-shell{margin-top:0}
.choice-quote .calculator-panel[data-panel="1"]{display:none!important}
.choice-quote .calculator-progress [data-progress-step="1"],.choice-quote .calculator-progress>i:first-of-type{display:none}
.choice-quote .calculator-progress{grid-template-columns:auto 1fr auto}
.choice-quote .calculator-progress [data-progress-step="2"] span::after{content:""}
.choice-quote .calculator-result{background:#f7f5f1}
@media(max-width:46rem){
  .choice-quote__advice{grid-template-columns:1fr}
  .choice-quote{padding:3.5rem 0}
  .choice-quote__heading{text-align:left}
  .choice-quote__heading h2{margin-inline:0}
  .choice-quote__heading>p:not(.eyebrow){margin-inline:0}
}


/* Homepage vakwerk: premium kaartpresentatie — 20260828. */
.detail-lab--premium{padding:clamp(4rem,8vw,7.5rem) 0;background:linear-gradient(145deg,#fff 0%,#fbfbfd 64%,#f5f6fa 100%)}
.detail-lab--premium .detail-lab__head{display:grid;grid-template-columns:minmax(30rem,1.08fr) minmax(19rem,.78fr) auto;align-items:end;gap:clamp(1.5rem,2.5vw,2.75rem);margin-bottom:clamp(2rem,4vw,3.4rem)}
.detail-lab--premium .detail-lab__head>div,.detail-lab--premium .detail-lab__head>p{min-width:0}
.detail-lab--premium .detail-lab__head h2{max-width:15ch;margin:.55rem 0 0;color:var(--brand-ink);font-size:clamp(2.6rem,3.8vw,4rem);line-height:.98;text-wrap:balance}
.detail-lab--premium .detail-lab__head>p{max-width:46ch;margin:0;color:#56596a;font-size:.88rem;line-height:1.75}
.detail-lab--premium .detail-lab__cta{white-space:nowrap}
.detail-grid--premium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1rem,2vw,1.6rem)}
.detail-grid--premium .detail-card{min-width:0;display:flex;flex-direction:column;padding:.85rem;background:#fff;border:1px solid #dedee8;border-radius:1.25rem;box-shadow:0 1rem 2.5rem rgb(15 1 43/5%);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.detail-grid--premium .detail-card:hover{transform:translateY(-4px);border-color:#c9c8d6;box-shadow:0 1.4rem 3rem rgb(15 1 43/10%)}
.detail-grid--premium .detail-card__media{position:relative;overflow:hidden;aspect-ratio:3/2;background:#ece8e2;border-radius:.9rem}
.detail-grid--premium .detail-card__media img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .32s ease}
.detail-grid--premium .detail-card:hover .detail-card__media img{transform:scale(1.025)}
.detail-grid--premium .detail-number{position:absolute;z-index:2;top:1rem;left:1rem;width:3.15rem;height:3.15rem;display:grid;place-items:center;margin:0;color:#fff;background:var(--red);border-radius:50%;font:800 .76rem var(--heading);box-shadow:0 .6rem 1.5rem rgb(226 11 23/25%)}
.detail-grid--premium .detail-card__body{display:flex;flex:1;flex-direction:column;padding:1rem .35rem .25rem}
.detail-grid--premium .detail-card h3{margin:0;color:var(--brand-ink);font-size:clamp(1.45rem,2vw,2rem)}
.detail-grid--premium .detail-card p{margin:.65rem 0 1.3rem;color:#666a7a;font-size:.78rem;line-height:1.65}
.detail-grid--premium .detail-card__link{display:inline-flex;align-items:center;gap:.7rem;margin-top:auto;color:var(--brand-ink);font-size:.72rem;font-weight:800}
.detail-grid--premium .detail-card__link span{width:2.1rem;height:2.1rem;display:grid;place-items:center;flex:0 0 auto;color:#fff;background:var(--red);border-radius:50%;transition:transform .2s ease}
.detail-grid--premium .detail-card__link:hover{color:var(--red)}
.detail-grid--premium .detail-card__link:hover span{transform:translateX(3px)}
@media(max-width:72rem){
  .detail-lab--premium .detail-lab__head{grid-template-columns:1fr 1fr}
  .detail-lab--premium .detail-lab__cta{width:max-content}
}
@media(max-width:52rem){
  .detail-lab--premium .detail-lab__head{grid-template-columns:1fr;align-items:start}
  .detail-lab--premium .detail-lab__head h2{max-width:15ch}
  .detail-lab--premium .detail-lab__cta{width:100%}
  .detail-grid--premium{grid-template-columns:1fr}
  .detail-grid--premium .detail-card{padding:.75rem}
  .detail-grid--premium .detail-card__media{aspect-ratio:16/10}
}
@media(prefers-reduced-motion:reduce){
  .detail-grid--premium .detail-card,.detail-grid--premium .detail-card__media img,.detail-grid--premium .detail-card__link span{transition:none}
  .detail-grid--premium .detail-card:hover,.detail-grid--premium .detail-card:hover .detail-card__media img{transform:none}
}


/* Hero-eenheid: breadcrumb, rood lijnlabel en titel op alle hoofdpagina's */
.hero-kicker,
.subpage-hero .eyebrow,
.choice-hero .eyebrow,
.reviews-hero .reviews-hero__eyebrow,
.guide-hero .guide-kicker,
.b2b-hero .b2b-kicker,
.product-detail-hero .eyebrow,
.product-hero .eyebrow,
.sfeer-hero .eyebrow {
  display:flex;
  align-items:center;
  gap:.75rem;
  margin:0 0 1.15rem;
  color:#fff;
  font-family:var(--body);
  font-size:.68rem;
  font-weight:800;
  line-height:1.35;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.hero-kicker > span,
.subpage-hero .eyebrow > span,
.choice-hero .eyebrow > span,
.reviews-hero .reviews-hero__eyebrow > span,
.guide-hero .guide-kicker > span,
.b2b-hero .b2b-kicker > span,
.product-detail-hero .eyebrow > span,
.product-hero .eyebrow > span,
.sfeer-hero .eyebrow > span {
  display:block;
  width:2rem;
  height:2px;
  flex:0 0 2rem;
  background:var(--red);
  border-radius:999px;
}
.subpage-hero .breadcrumb,
.choice-hero .breadcrumbs,
.reviews-hero .reviews-hero__crumbs,
.guide-hero .breadcrumbs,
.b2b-hero .b2b-breadcrumb,
.product-detail-hero .breadcrumb,
.product-hero .breadcrumb {
  margin-bottom:1.15rem;
}
.product-hero .eyebrow,
.product-hero .hero-kicker {
  color:var(--ink);
}
@media (max-width:47.99rem) {
  .hero-kicker,
  .subpage-hero .eyebrow,
  .choice-hero .eyebrow,
  .reviews-hero .reviews-hero__eyebrow,
  .guide-hero .guide-kicker,
  .b2b-hero .b2b-kicker,
  .product-detail-hero .eyebrow,
  .product-hero .eyebrow,
  .sfeer-hero .eyebrow {
    gap:.65rem;
    margin-bottom:.95rem;
    font-size:.62rem;
    letter-spacing:.1em;
  }
  .hero-kicker > span,
  .subpage-hero .eyebrow > span,
  .choice-hero .eyebrow > span,
  .reviews-hero .reviews-hero__eyebrow > span,
  .guide-hero .guide-kicker > span,
  .b2b-hero .b2b-kicker > span,
  .product-detail-hero .eyebrow > span,
  .product-hero .eyebrow > span,
  .sfeer-hero .eyebrow > span {
    width:1.7rem;
    flex-basis:1.7rem;
  }
}


/* Keuzehulp UX 20260828: echte beelden, positief taalgebruik en directe offertestroom */
.choice-workspace--visual{
  padding:clamp(2.5rem,6vw,5.5rem) 0;
  background:
    radial-gradient(circle at 92% 4%,rgb(226 11 23/7%),transparent 30rem),
    linear-gradient(180deg,#f7f8fb 0%,#fff 72%);
}
.choice-workspace--visual .quick-progress{
  margin-bottom:1.5rem;
  padding:1rem 1.15rem;
  border:1px solid #e2e5ee;
  border-radius:1rem;
  background:rgb(255 255 255/94%);
  box-shadow:0 .75rem 2.2rem rgb(19 13 46/7%);
}
.choice-assistant--visual{
  display:grid;
  grid-template-columns:minmax(15.5rem,19rem) minmax(0,1fr);
  gap:clamp(1.25rem,3vw,2.5rem);
  align-items:start;
}
.choice-assistant--visual > *{min-width:0}
.choice-assistant--visual .choice-assistant__intro{
  position:sticky;
  top:8rem;
  padding:clamp(1.35rem,2.5vw,2rem);
  border:1px solid rgb(255 255 255/10%);
  border-radius:1.35rem;
  color:rgb(255 255 255/78%);
  background:
    radial-gradient(circle at 100% 0%,rgb(226 11 23/25%),transparent 18rem),
    linear-gradient(145deg,#18102f,#100b24);
  box-shadow:0 1.25rem 3.5rem rgb(17 10 43/18%);
}
.choice-assistant--visual .choice-assistant__intro h2,
.choice-assistant--visual .choice-assistant__intro strong{color:#fff}
.choice-assistant--visual .choice-assistant__intro .eyebrow{color:#fff}
.choice-assistant--visual .choice-assistant__intro .eyebrow span{background:var(--red)}
.choice-assistant--visual .quick-benefits li{
  border-color:rgb(255 255 255/12%);
}
.choice-assistant--visual .quick-benefits li > span{
  color:#fff;
  background:rgb(255 255 255/9%);
}
.choice-assistant--visual .quick-benefits small{color:rgb(255 255 255/62%)}
.choice-assistant--visual .choice-assistant__principle{
  color:#fff;
  border-color:rgb(255 255 255/14%);
  background:rgb(255 255 255/8%);
}
.choice-assistant--visual .quick-choice__card{
  padding:clamp(1.1rem,3vw,2rem);
  border:1px solid #e0e3ec;
  border-radius:1.4rem;
  background:#fff;
  box-shadow:0 1.5rem 4rem rgb(21 13 56/9%);
}
.choice-assistant--visual .choice-step > h2{
  max-width:19ch;
  margin-bottom:.45rem;
  font-size:clamp(1.65rem,3vw,2.55rem);
  line-height:1.06;
  text-wrap:balance;
}
.choice-assistant--visual .choice-step > p{
  max-width:62ch;
  margin-bottom:1.35rem;
  color:#687083;
}
.ux-choice-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1rem;
}
.ux-choice-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}
.ux-choice-option{
  position:relative;
  display:flex!important;
  min-width:0;
  min-height:100%;
  padding:0!important;
  overflow:hidden;
  text-align:left;
  border:1px solid #dfe2ea!important;
  border-radius:1rem!important;
  color:var(--ink);
  background:#fff!important;
  box-shadow:0 .5rem 1.4rem rgb(26 18 57/5%);
  transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;
}
.ux-choice-option:hover{
  transform:translateY(-2px);
  border-color:rgb(226 11 23/45%)!important;
  box-shadow:0 1rem 2.2rem rgb(26 18 57/11%);
}
.ux-choice-option:focus-visible{
  outline:3px solid rgb(226 11 23/24%);
  outline-offset:3px;
}
.ux-choice-option.is-selected{
  border-color:var(--red)!important;
  box-shadow:0 0 0 3px rgb(226 11 23/12%),0 1rem 2.4rem rgb(226 11 23/13%);
}
.ux-choice-option.is-selected::after{
  content:"✓";
  position:absolute;
  top:.7rem;
  right:.7rem;
  z-index:3;
  display:grid;
  width:2rem;
  height:2rem;
  place-items:center;
  border:2px solid #fff;
  border-radius:50%;
  color:#fff;
  font-weight:900;
  background:var(--red);
  box-shadow:0 .4rem 1rem rgb(16 11 40/22%);
}
.ux-choice-option .choice-option__tag{
  position:absolute;
  z-index:2;
  top:.7rem;
  left:.7rem;
  margin:0;
  color:#fff;
  border:1px solid rgb(255 255 255/42%);
  background:rgb(18 11 42/88%);
  backdrop-filter:blur(8px);
}
.ux-choice-option__media{
  display:block;
  width:100%;
  height:clamp(8.5rem,14vw,11rem);
  flex:0 0 auto;
  overflow:hidden;
  background:#e9e8ed;
}
.ux-choice-option__media img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 72%;
  transition:transform .35s ease;
}
.ux-choice-option:hover .ux-choice-option__media img,
.ux-choice-option.is-selected .ux-choice-option__media img{transform:scale(1.035)}
.ux-choice-option__copy{
  display:flex;
  min-width:0;
  flex:1;
  flex-direction:column;
  align-items:flex-start;
  padding:1rem;
}
.ux-choice-option__copy strong{
  margin:0 0 .35rem;
  color:#17102e;
  font-family:var(--heading);
  font-size:clamp(1rem,1.7vw,1.25rem);
  line-height:1.15;
}
.ux-choice-option__copy small{
  display:block;
  color:#687083;
  font-size:.79rem;
  line-height:1.5;
}
.ux-choice-option__select{
  display:flex;
  width:100%;
  align-items:center;
  justify-content:space-between;
  gap:.5rem;
  margin-top:auto;
  padding-top:.9rem;
  color:#a30a14;
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.02em;
}
.ux-choice-option.is-selected .ux-choice-option__select{color:var(--red)}
.quick-result__hero--photo{
  display:grid;
  grid-template-columns:minmax(15rem,.8fr) minmax(0,1.2fr);
  gap:clamp(1.25rem,3vw,2.25rem);
  align-items:stretch;
}
.quick-result__photo{
  position:relative;
  min-width:0;
  min-height:18rem;
  margin:0;
  overflow:hidden;
  border-radius:1.1rem;
  background:#ececf0;
  box-shadow:0 1rem 2.6rem rgb(17 11 40/15%);
}
.quick-result__photo img{
  width:100%;
  height:100%;
  min-height:18rem;
  object-fit:cover;
  object-position:center 72%;
}
.quick-result__photo figcaption{
  position:absolute;
  right:.75rem;
  bottom:.75rem;
  left:.75rem;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.75rem;
  padding:.75rem .85rem;
  border:1px solid rgb(255 255 255/20%);
  border-radius:.75rem;
  color:#fff;
  font-size:.72rem;
  font-weight:800;
  background:rgb(18 11 42/88%);
  backdrop-filter:blur(10px);
}
.quick-result__photo figcaption a{color:#fff;text-decoration:underline;text-underline-offset:3px}
.quick-result__summary{
  display:flex;
  min-width:0;
  flex-direction:column;
  justify-content:center;
}
.quick-result__summary > span{
  color:var(--red);
  font-size:.7rem;
  font-weight:900;
  letter-spacing:.11em;
  text-transform:uppercase;
}
.quick-result__summary h3{
  margin:.5rem 0 .75rem;
  font-size:clamp(1.55rem,3vw,2.55rem);
  line-height:1.08;
}
.quick-result__summary p{color:#626a7b}
.quick-result__trust{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}
.quick-result__trust span{
  padding:.45rem .65rem;
  border:1px solid #dfe2ea;
  border-radius:999px;
  color:#383146;
  background:#fff;
  font-size:.7rem;
  font-weight:800;
}
.choice-price-bridge{
  margin-top:1.5rem;
  padding:clamp(1.25rem,3vw,2rem);
  border:1px solid rgb(226 11 23/20%);
  border-radius:1.2rem;
  background:linear-gradient(135deg,#fff5f5,#fff 62%);
  box-shadow:0 1rem 2.8rem rgb(226 11 23/8%);
}
.choice-price-bridge h3{
  max-width:22ch;
  margin:.95rem 0 .45rem;
  font-size:clamp(1.4rem,2.8vw,2.1rem);
  line-height:1.08;
}
.choice-price-bridge > p{max-width:62ch;color:#646b7a}
.choice-price-bridge__steps{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.55rem;
  color:#30283f;
  font-size:.72rem;
  font-weight:800;
}
.choice-price-bridge__steps span{display:flex;align-items:center;gap:.4rem}
.choice-price-bridge__steps b{
  display:grid;
  width:1.45rem;
  height:1.45rem;
  place-items:center;
  border-radius:50%;
  color:#fff;
  background:#18102f;
}
.choice-price-bridge__steps i{color:var(--red);font-style:normal}
.choice-price-bridge .button{margin-top:1rem}
.choice-price-bridge__reassurance{
  display:block;
  margin-top:.8rem;
  color:#686f7d;
  text-align:center;
  font-size:.72rem;
}
.choice-conversion--secondary{
  grid-template-columns:repeat(2,minmax(0,1fr));
  margin-top:1rem;
}
.choice-quote__heading{
  max-width:58rem;
  margin-bottom:1.5rem;
}
.choice-quote__heading > p:not(.eyebrow){max-width:68ch}
.choice-quote .calculator-submit{
  box-shadow:0 .85rem 2.2rem rgb(226 11 23/24%);
}
@media (max-width:62rem){
  .choice-assistant--visual{grid-template-columns:1fr}
  .choice-assistant--visual .choice-assistant__intro{position:relative;top:auto}
}
@media (max-width:48rem){
  .choice-workspace--visual{padding:2.25rem 0 3.5rem}
  .choice-assistant--visual .quick-choice__card{padding:1rem}
  .ux-choice-grid,
  .ux-choice-grid--three{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}
  .ux-choice-grid--three .ux-choice-option:first-child{grid-column:1/-1}
  .ux-choice-option__media{height:7.5rem}
  .ux-choice-option__copy{padding:.8rem}
  .ux-choice-option__copy strong{font-size:1rem}
  .ux-choice-option__copy small{font-size:.72rem;line-height:1.42}
  .ux-choice-option__select{font-size:.66rem}
  .quick-result__hero--photo{grid-template-columns:1fr}
  .quick-result__photo,.quick-result__photo img{min-height:15rem}
  .choice-price-bridge__steps i{display:none}
}
@media (max-width:24rem){
  .ux-choice-grid,
  .ux-choice-grid--three{grid-template-columns:1fr}
  .ux-choice-grid--three .ux-choice-option:first-child{grid-column:auto}
  .ux-choice-option__media{height:9rem}
  .choice-conversion--secondary{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
  .ux-choice-option,.ux-choice-option__media img{transition:none}
}


/* Homepage keuze-kaarten 20260828: beeld eerst, kortere keuze en duidelijke vervolgactie */
.journey--ux{background:linear-gradient(180deg,#fff,#f7f8fb)}
.journey--ux .section-heading{margin-bottom:2rem}
.journey-grid--ux{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1.1rem;
}
.journey-card--ux{
  position:relative;
  display:flex;
  min-width:0;
  overflow:hidden;
  flex-direction:column;
  border:1px solid #dfe2ea;
  border-top:3px solid var(--red);
  border-radius:1.2rem;
  background:#fff;
  box-shadow:0 1rem 3rem rgb(22 15 51/8%);
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.journey-card--ux:hover{
  transform:translateY(-4px);
  border-color:rgb(226 11 23/38%);
  box-shadow:0 1.4rem 3.5rem rgb(22 15 51/14%);
}
.journey-card--ux:focus-visible{outline:3px solid rgb(226 11 23/22%);outline-offset:4px}
.journey-card--ux .journey-card__media{
  order:0;
  height:clamp(13rem,20vw,17rem);
  margin:0;
  overflow:hidden;
  background:#eae9ee;
}
.journey-card--ux .journey-card__media::before,
.journey-card--ux .journey-card__media::after{display:none}
.journey-card--ux .journey-card__media img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 72%;
  transition:transform .35s ease;
}
.journey-card--ux:hover .journey-card__media img{transform:scale(1.035)}
.journey-card--ux .journey-card__media figcaption{
  position:absolute;
  top:auto;
  right:.75rem;
  bottom:.75rem;
  left:.75rem;
  width:auto;
  padding:.55rem .65rem;
  border:1px solid rgb(255 255 255/24%);
  border-radius:.65rem;
  color:#fff;
  font-size:.66rem;
  font-weight:800;
  background:rgb(19 12 43/84%);
  backdrop-filter:blur(8px);
}
.journey-card--ux .journey-card__body{
  order:1;
  display:flex;
  min-height:16rem;
  flex:1;
  flex-direction:column;
  padding:1.35rem;
}
.journey-card--ux .journey-card__body small{
  display:flex;
  align-items:center;
  gap:.55rem;
  color:var(--red);
  font-size:.68rem;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.journey-card--ux .journey-card__body small::before{
  content:attr(data-number);
  display:grid;
  width:1.75rem;
  height:1.75rem;
  place-items:center;
  border-radius:.45rem;
  color:#fff;
  font-size:.62rem;
  background:#18102f;
}
.journey-card--ux .journey-card__body h3{
  max-width:none;
  margin:.9rem 0 .5rem;
  color:#18102f;
  font-size:clamp(1.55rem,2.6vw,2.2rem);
  line-height:1.03;
}
.journey-card--ux .journey-card__body p{
  margin-bottom:1rem;
  color:#677083;
  font-size:.9rem;
  line-height:1.55;
}
.journey-card--ux .journey-card__body > strong{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  margin-top:auto;
  padding-top:1rem;
  border-top:1px solid #ececf1;
  color:#aa0913;
  font-size:.82rem;
}
.journey-card--ux .journey-card__body > strong b{font-size:1.1rem}
.journey-card__recommendation{
  position:absolute;
  z-index:3;
  top:.8rem;
  right:.8rem;
  padding:.48rem .65rem;
  border:1px solid rgb(255 255 255/34%);
  border-radius:999px;
  color:#fff;
  font-size:.64rem;
  font-weight:900;
  letter-spacing:.04em;
  text-transform:uppercase;
  background:var(--red);
  box-shadow:0 .55rem 1.2rem rgb(226 11 23/24%);
}
.journey-assist{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:1rem;
  align-items:center;
  margin-top:1.25rem;
  padding:1rem 1.15rem;
  border:1px solid #dedfe7;
  border-radius:1rem;
  background:#fff;
  box-shadow:0 .8rem 2.2rem rgb(22 15 51/6%);
}
.journey-assist > span{
  display:grid;
  width:2.6rem;
  height:2.6rem;
  place-items:center;
  border-radius:.75rem;
  color:#fff;
  font-family:var(--heading);
  font-size:1.3rem;
  font-weight:800;
  background:#18102f;
}
.journey-assist div{min-width:0}
.journey-assist strong{display:block;color:#18102f}
.journey-assist small{display:block;color:#6b7180}
.journey-assist > b{color:var(--red);font-size:.82rem}
@media(max-width:56rem){
  .journey-grid--ux{grid-template-columns:1fr}
  .journey-card--ux{display:grid;grid-template-columns:minmax(13rem,.9fr) minmax(0,1.1fr)}
  .journey-card--ux .journey-card__media{height:100%;min-height:17rem}
  .journey-card--ux .journey-card__body{min-height:17rem}
}
@media(max-width:40rem){
  .journey-card--ux{display:flex}
  .journey-card--ux .journey-card__media{height:13.5rem;min-height:0}
  .journey-card--ux .journey-card__body{min-height:14.5rem}
  .journey-assist{grid-template-columns:auto 1fr}
  .journey-assist > b{grid-column:2}
}
@media(prefers-reduced-motion:reduce){
  .journey-card--ux,.journey-card--ux .journey-card__media img{transition:none}
}


/* Contrastcorrectie voortgang keuzehulp */
.choice-workspace--visual .quick-progress > div:first-child strong{color:#18102f!important}
.choice-workspace--visual .quick-progress > div:first-child span{color:#6c7280!important}
.choice-workspace--visual .quick-progress__track{background:#e9eaf0!important}
.choice-workspace--visual .quick-progress__track > i{
  background:var(--red)!important;
  background-image:none!important;
  box-shadow:0 0 0 .2rem rgb(226 11 23/8%);
}


/* Websitebreed designsysteem 20260828: één taal voor kaders, knoppen en interactie */
:root{
  --ui-card-radius:1.125rem;
  --ui-inner-radius:.875rem;
  --ui-control-radius:.8rem;
  --ui-pill-radius:999px;
  --ui-border:#dfe2ea;
  --ui-border-strong:#cfd3de;
  --ui-card-shadow:0 .85rem 2.4rem rgb(20 13 48/7%);
  --ui-card-shadow-hover:0 1.25rem 3rem rgb(20 13 48/13%);
  --ui-focus:0 0 0 4px rgb(226 11 23/14%);
}

/* Primaire en secundaire knoppen */
.button,
.address-search,
.contact-submit{
  min-height:3.35rem;
  border-radius:var(--ui-pill-radius)!important;
  font-weight:800;
  letter-spacing:0;
  transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease,border-color .2s ease;
}
.button--primary,
.button--dark,
.address-search,
.contact-submit{
  color:#fff;
  border-color:rgb(255 255 255/14%)!important;
  background:linear-gradient(180deg,var(--red-bright),var(--red))!important;
  box-shadow:0 .7rem 1.8rem rgb(226 11 23/27%)!important;
}
.button--primary:hover,
.button--dark:hover,
.address-search:hover,
.contact-submit:hover{
  transform:translateY(-2px);
  color:#fff;
  border-color:var(--red-dark)!important;
  background:linear-gradient(180deg,#ff3943,var(--red-dark))!important;
  box-shadow:0 1rem 2.2rem rgb(226 11 23/38%)!important;
}
.button--ghost,
.guide-button--ghost,
.b2b-button--ghost{
  border-color:rgb(255 255 255/38%)!important;
  border-radius:var(--ui-pill-radius)!important;
  background:rgb(255 255 255/7%)!important;
  box-shadow:none!important;
}
.button--ghost-dark{
  color:#18102f;
  border:1px solid var(--ui-border-strong)!important;
  border-radius:var(--ui-pill-radius)!important;
  background:#fff!important;
  box-shadow:none!important;
}
.button--light{
  border:1px solid rgb(255 255 255/75%)!important;
  border-radius:var(--ui-pill-radius)!important;
  box-shadow:0 .7rem 1.8rem rgb(0 0 0/12%);
}
.button:focus-visible,
.address-search:focus-visible,
.contact-submit:focus-visible{
  outline:3px solid rgb(226 11 23/30%);
  outline-offset:3px;
}

/* Grote witte contentkaarten */
:where(
  .page-card,
  .review-card,
  .feedback-card,
  .profile-card,
  .detail-card,
  .journey-card--ux,
  .quick-choice__card,
  .choice-card,
  .contact-form-panel,
  .calculator-form,
  .legal-company-card,
  .choice-tv-mini__card,
  .project-gallery figure
){
  min-width:0;
  border:1px solid var(--ui-border)!important;
  border-radius:var(--ui-card-radius)!important;
  box-shadow:var(--ui-card-shadow)!important;
}

/* Compacte selecties en bewijskaarten */
:where(
  .proof-card,
  .plinth-card,
  .choice-cta,
  .choice-summary > div,
  .choice-editorial__rules article,
  .address-box,
  .product-glance,
  .contact-details > a,
  .contact-details > div
){
  border-color:var(--ui-border)!important;
  border-radius:var(--ui-inner-radius)!important;
}

/* Donkere kaders houden dezelfde vorm, maar hun eigen achtergrond */
:where(
  .purple-panel,
  .calculator-result,
  .choice-assistant__intro,
  .page-cta__inner,
  .final-cta__inner
){
  border-radius:var(--ui-card-radius);
}

/* Media binnen kaarten */
:where(
  .detail-card__media,
  .journey-card__media,
  .product-preview,
  .quick-result__photo,
  .project-gallery figure img
){
  border-radius:var(--ui-inner-radius);
}

/* Alleen interactieve kaarten bewegen */
:where(
  a.journey-card,
  a.profile-card,
  a.proof-card,
  a.choice-cta,
  button.plinth-card,
  button.choice-option
){
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
:where(
  a.journey-card,
  a.profile-card,
  a.proof-card,
  a.choice-cta,
  button.plinth-card,
  button.choice-option
):hover{
  transform:translateY(-3px);
  border-color:rgb(226 11 23/38%)!important;
  box-shadow:var(--ui-card-shadow-hover)!important;
}

/* Formuliervelden horen bij hetzelfde systeem */
:where(
  .quote-form,
  .calculator-form,
  .contact-form,
  .b2b-form
) :where(input,select,textarea){
  min-height:3.15rem;
  border:1px solid var(--ui-border-strong);
  border-radius:var(--ui-control-radius)!important;
  background:#f8f9fb;
}
:where(
  .quote-form,
  .calculator-form,
  .contact-form,
  .b2b-form
) :where(input,select,textarea):focus{
  border-color:var(--red)!important;
  box-shadow:var(--ui-focus)!important;
}

/* Veelgestelde vragen als rustige, herkenbare kaders */
:where(.faq__items,.choice-faq,.guide-faqs,.b2b-faq) details{
  margin-bottom:.65rem;
  overflow:hidden;
  border:1px solid var(--ui-border)!important;
  border-radius:var(--ui-inner-radius)!important;
  background:#fff;
  box-shadow:0 .45rem 1.25rem rgb(20 13 48/4%);
}
:where(.faq__items,.choice-faq,.guide-faqs,.b2b-faq) details:last-child{border-bottom:1px solid var(--ui-border)!important}
:where(.faq__items,.choice-faq,.guide-faqs,.b2b-faq) summary{padding:1rem 1.1rem!important}
:where(.faq__items,.choice-faq,.guide-faqs,.b2b-faq) details > :not(summary){padding-right:1.1rem;padding-left:1.1rem}
:where(.faq__items,.choice-faq,.guide-faqs,.b2b-faq) details[open]{
  border-color:rgb(226 11 23/30%)!important;
  box-shadow:0 .65rem 1.5rem rgb(226 11 23/7%);
}

/* Mobiele actiebalk: dezelfde knoptaal */
@media(max-width:58rem){
  .mobile-actions{
    gap:.35rem;
    padding:.45rem .45rem calc(.45rem + env(safe-area-inset-bottom));
    border-top:1px solid var(--ui-border);
  }
  .mobile-actions a{
    min-height:3.65rem;
    border-radius:var(--ui-pill-radius);
  }
  .mobile-actions a:first-child{background:#f1f2f6}
  .mobile-actions a:last-child{
    background:linear-gradient(180deg,var(--red-bright),var(--red));
    box-shadow:0 .6rem 1.4rem rgb(226 11 23/24%);
  }
}
@media(prefers-reduced-motion:reduce){
  .button,
  .address-search,
  .contact-submit,
  a.journey-card,
  a.profile-card,
  a.proof-card,
  a.choice-cta,
  button.plinth-card,
  button.choice-option{transition:none!important}
}


/* Zichtbare merk-eenheid 20260828-system3 */
:where(
  .page-card,
  .review-card,
  .feedback-card,
  .profile-card,
  .detail-card,
  .journey-card--ux,
  .quick-choice__card,
  .choice-card,
  .contact-form-panel,
  .calculator-form,
  .legal-company-card,
  .choice-tv-mini__card
){
  border-top:3px solid var(--red)!important;
}
:where(.page-card__number,.feedback-card__icon,.detail-number,.step-badge){
  color:#fff!important;
  background:var(--red)!important;
  box-shadow:0 .55rem 1.25rem rgb(226 11 23/22%);
}
:where(.page-card,.profile-card,.detail-card,.review-card,.feedback-card) h3{
  color:#18102f;
}
:where(.page-card,.profile-card,.detail-card) :where(a:not(.button),.detail-card__link){
  color:var(--red-dark)!important;
  font-weight:800;
}
:where(.page-card,.profile-card,.detail-card) :where(a:not(.button),.detail-card__link) span{
  color:#fff;
  background:var(--red)!important;
}
.choice-step__top > strong,
.step-kicker,
.journey-card--ux .journey-card__body small{
  color:var(--red)!important;
}
.page-cta .button--primary,
.final-cta .button--primary,
.hero .button--primary,
.subpage-hero .button--primary{
  box-shadow:0 .75rem 1.9rem rgb(226 11 23/34%),0 0 0 1px rgb(255 255 255/10%) inset!important;
}
@media(max-width:48rem){
  :where(
    .page-card,
    .review-card,
    .feedback-card,
    .profile-card,
    .detail-card,
    .journey-card--ux,
    .quick-choice__card,
    .choice-card,
    .contact-form-panel,
    .calculator-form
  ){border-top-width:3px!important}
}


/* Homepage premium customer journey 20260828-system4 */
body.home-premium{
  --home-ink:#18102f;
  --home-muted:#646b7d;
  --home-surface:#fff;
  --home-soft:#f5f4f7;
  --home-radius:1.5rem;
  --home-shadow:0 1.15rem 3.6rem rgb(24 16 47/10%);
  --home-shadow-hover:0 1.6rem 4.2rem rgb(24 16 47/16%);
}

/* Eén herkenbare knop op de homepage */
body.home-premium :where(.button,.journey-card__body > strong,.detail-card__link){
  min-height:3.25rem;
  border:0!important;
  border-radius:999px!important;
  font-weight:800;
}
body.home-premium :where(.button--primary,.button--dark,.button--light){
  color:#fff!important;
  background:linear-gradient(180deg,#ff2632,#df0815)!important;
  box-shadow:0 .75rem 1.8rem rgb(226 11 23/27%)!important;
}
body.home-premium :where(.button--primary,.button--dark,.button--light):hover{
  transform:translateY(-2px);
  color:#fff!important;
  background:linear-gradient(180deg,#ff3943,#b80711)!important;
  box-shadow:0 1rem 2.4rem rgb(226 11 23/36%)!important;
}

/* Productkeuze: fotografie en voordeel vóór het kader */
body.home-premium .journey--ux{
  background:linear-gradient(180deg,#fff 0%,#f6f5f8 100%);
}
body.home-premium .journey--ux .section-heading{
  margin-bottom:2.25rem;
}
body.home-premium .journey-grid--ux{
  gap:1.35rem;
}
body.home-premium .journey-card--ux{
  border:1px solid rgb(24 16 47/8%)!important;
  border-top:1px solid rgb(24 16 47/8%)!important;
  border-radius:var(--home-radius)!important;
  background:var(--home-surface);
  box-shadow:var(--home-shadow)!important;
}
body.home-premium .journey-card--ux:hover{
  transform:translateY(-6px);
  border-color:rgb(226 11 23/20%)!important;
  box-shadow:var(--home-shadow-hover)!important;
}
body.home-premium .journey-card--ux .journey-card__media{
  height:clamp(14rem,21vw,18rem);
  margin:.75rem .75rem 0;
  border-radius:1.05rem!important;
}
body.home-premium .journey-card--ux .journey-card__media figcaption{
  right:.7rem;
  bottom:.7rem;
  left:.7rem;
  border:0;
  border-radius:.75rem;
  background:rgb(24 16 47/86%);
}
body.home-premium .journey-card--ux .journey-card__body{
  min-height:16.5rem;
  padding:1.45rem;
}
body.home-premium .journey-card--ux .journey-card__body h3{
  margin:.85rem 0 .6rem;
  font-size:clamp(1.65rem,2.35vw,2.15rem);
  letter-spacing:-.025em;
}
body.home-premium .journey-card--ux .journey-card__body p{
  color:var(--home-muted);
  font-size:.94rem;
}
body.home-premium .journey-card--ux .journey-card__body > strong{
  width:max-content;
  max-width:100%;
  justify-content:flex-start;
  margin-top:auto;
  padding:.82rem 1.05rem;
  color:#fff!important;
  background:linear-gradient(180deg,#ff2632,#df0815);
  box-shadow:0 .65rem 1.45rem rgb(226 11 23/22%);
}
body.home-premium .journey-card--ux .journey-card__body > strong b{
  display:grid;
  width:1.45rem;
  height:1.45rem;
  place-items:center;
  border-radius:50%;
  color:var(--red);
  background:#fff;
}
body.home-premium .journey-card__recommendation{
  top:1.35rem;
  right:1.35rem;
  padding:.55rem .75rem;
}

/* De keuzehulp is de logische volgende stap, niet een losse dunne balk */
body.home-premium .journey-assist{
  grid-template-columns:auto minmax(0,1fr) auto;
  margin-top:1.5rem;
  padding:1.35rem 1.45rem;
  border:0;
  border-radius:1.25rem;
  color:#fff;
  background:linear-gradient(120deg,#160d33,#2a1950);
  box-shadow:0 1rem 2.6rem rgb(24 16 47/18%);
}
body.home-premium .journey-assist > span{
  color:#18102f;
  background:#fff;
}
body.home-premium .journey-assist strong{color:#fff;font-size:1.05rem}
body.home-premium .journey-assist small{margin-top:.2rem;color:rgb(255 255 255/70%)}
body.home-premium .journey-assist > b{
  display:flex;
  min-height:3.25rem;
  align-items:center;
  padding:.8rem 1.1rem;
  border-radius:999px;
  color:#fff;
  background:linear-gradient(180deg,#ff2632,#df0815);
  box-shadow:0 .65rem 1.45rem rgb(226 11 23/28%);
}

/* Vakwerkkaarten spreken exact dezelfde taal */
body.home-premium .detail-lab--premium{
  background:#f6f5f8;
}
body.home-premium .detail-grid--premium{
  gap:1.35rem;
}
body.home-premium .detail-grid--premium .detail-card{
  overflow:hidden;
  border:1px solid rgb(24 16 47/8%)!important;
  border-top:1px solid rgb(24 16 47/8%)!important;
  border-radius:var(--home-radius)!important;
  background:#fff;
  box-shadow:var(--home-shadow)!important;
}
body.home-premium .detail-grid--premium .detail-card__media{
  margin:.75rem .75rem 0;
  border-radius:1.05rem!important;
}
body.home-premium .detail-grid--premium .detail-card__body{
  display:flex;
  min-height:14.25rem;
  flex-direction:column;
  padding:1.4rem 1.45rem 1.5rem;
}
body.home-premium .detail-grid--premium .detail-card h3{
  color:var(--home-ink);
  letter-spacing:-.02em;
}
body.home-premium .detail-grid--premium .detail-card p{
  color:var(--home-muted);
}
body.home-premium .detail-grid--premium .detail-card__link{
  display:inline-flex;
  width:max-content;
  max-width:100%;
  align-items:center;
  gap:.6rem;
  margin-top:auto;
  padding:.78rem 1rem;
  color:#fff!important;
  background:linear-gradient(180deg,#ff2632,#df0815);
  box-shadow:0 .65rem 1.45rem rgb(226 11 23/22%);
}
body.home-premium .detail-grid--premium .detail-card__link span{
  display:grid;
  width:1.45rem;
  height:1.45rem;
  place-items:center;
  color:var(--red)!important;
  border-radius:50%;
  background:#fff!important;
}
body.home-premium .detail-grid--premium .detail-number{
  width:3rem;
  height:3rem;
  border-radius:50%;
}

@media(max-width:56rem){
  body.home-premium .journey-card--ux .journey-card__media{margin:.65rem}
  body.home-premium .journey-card--ux .journey-card__body{min-height:17rem}
}
@media(max-width:40rem){
  body.home-premium .journey-card--ux .journey-card__media{
    height:14rem;
    margin:.65rem .65rem 0;
  }
  body.home-premium .journey-card--ux .journey-card__body{min-height:15.5rem;padding:1.2rem}
  body.home-premium .journey-card--ux .journey-card__body > strong{
    width:100%;
    justify-content:space-between;
  }
  body.home-premium .journey-assist{
    grid-template-columns:auto 1fr;
    padding:1.1rem;
  }
  body.home-premium .journey-assist > b{
    grid-column:1/-1;
    justify-content:center;
  }
  body.home-premium .detail-grid--premium .detail-card__body{min-height:13rem}
  body.home-premium .detail-grid--premium .detail-card__link{width:100%;justify-content:flex-start}
}


/* Verfijnd fotolabel homepage 20260828-system5 */
body.home-premium .journey-card--ux .journey-card__media figcaption{
  right:auto;
  bottom:.7rem;
  left:.7rem;
  display:inline-flex;
  width:max-content;
  max-width:calc(100% - 1.4rem);
  align-items:center;
  gap:.42rem;
  padding:.46rem .68rem;
  overflow:hidden;
  border:1px solid rgb(255 255 255/32%);
  border-radius:999px;
  color:#fff;
  font-size:.64rem;
  line-height:1;
  white-space:nowrap;
  text-overflow:ellipsis;
  background:rgb(24 16 47/76%);
  box-shadow:0 .45rem 1rem rgb(24 16 47/18%);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
body.home-premium .journey-card--ux .journey-card__media figcaption::before{
  content:"✓";
  display:grid;
  width:1.15rem;
  height:1.15rem;
  flex:0 0 1.15rem;
  place-items:center;
  border-radius:50%;
  color:#18102f;
  font-size:.65rem;
  font-weight:900;
  background:#fff;
}


/* Vrije fotografie en plintfocus homepage 20260828-system6 */
/* Geen enkele badge of knop ligt nog boven een projectfoto of watermerk. */
body.home-premium .journey-card--ux .journey-card__media figcaption,
body.home-premium .journey-card__recommendation,
body.home-premium .detail-grid--premium .detail-number{
  display:none!important;
}
body.home-premium .journey-card--recommended .journey-card__body small::after{
  content:"Meest gekozen";
  margin-left:auto;
  padding:.4rem .6rem;
  border-radius:999px;
  color:#fff;
  font-size:.58rem;
  letter-spacing:.035em;
  background:var(--red);
}
body.home-premium .journey-card--ux .journey-card__media img{
  object-position:center bottom;
}

/* Nummering verhuist van de foto naar het tekstvlak. */
body.home-premium .detail-grid--premium{
  counter-reset:home-details;
}
body.home-premium .detail-grid--premium .detail-card{
  counter-increment:home-details;
}
body.home-premium .detail-grid--premium .detail-card__body::before{
  content:"0" counter(home-details);
  display:grid;
  width:2.2rem;
  height:2.2rem;
  margin-bottom:.8rem;
  place-items:center;
  border-radius:.65rem;
  color:#fff;
  font-size:.68rem;
  font-weight:900;
  background:var(--red);
  box-shadow:0 .45rem 1rem rgb(226 11 23/20%);
}

/* De beeldsnede houdt de plintlijn en vloer in beeld. */
body.home-premium .detail-grid--premium .detail-card__media{
  aspect-ratio:4/3;
  height:auto!important;
  min-height:0!important;
}
body.home-premium .detail-grid--premium .detail-card__media img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center bottom;
}
body.home-premium .detail-grid--premium .detail-card:nth-child(1) .detail-card__media img{
  object-position:center 88%;
}
body.home-premium .detail-grid--premium .detail-card:nth-child(2) .detail-card__media img{
  object-position:center 82%;
}
body.home-premium .detail-grid--premium .detail-card:nth-child(3) .detail-card__media img{
  object-position:center 100%;
}

@media(max-width:40rem){
  body.home-premium .journey-card--ux .journey-card__media{
    height:16rem;
  }
  body.home-premium .detail-grid--premium .detail-card__media{
    aspect-ratio:4/3;
  }
  body.home-premium .detail-grid--premium .detail-card__body{
    min-height:14rem;
    padding-top:1.2rem;
  }
}


/* Conversiegerichte UX-afwerklaag 20260828-system7 */
:root{--whatsapp:#16a45c;--whatsapp-dark:#0c7d43}

/* Compacte privacykennisgeving zonder de klantreis af te dekken */
.cookie-banner{
  left:1rem!important;
  bottom:1rem!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  width:min(41rem,calc(100% - 2rem))!important;
  gap:.8rem!important;
  padding:.72rem .8rem!important;
  color:#18102f!important;
  background:rgb(255 255 255/97%)!important;
  border:1px solid #dfe2ea!important;
  border-radius:.9rem!important;
  box-shadow:0 1rem 3rem rgb(24 16 47/16%)!important;
  transform:none!important;
  backdrop-filter:blur(14px);
}
.cookie-banner__mark{display:none!important}
.cookie-banner__copy strong{margin:0!important;color:#18102f;font-size:.78rem!important}
.cookie-banner__copy p{margin:.08rem 0 0!important;color:#6a7080!important;font-size:.65rem!important;line-height:1.35!important}
.cookie-banner__links{margin-top:.25rem!important}
.cookie-banner__links a,.cookie-banner__links button{color:#4f5667!important;font-size:.62rem!important}
.cookie-banner__accept{
  min-height:2.65rem!important;
  padding:.55rem .85rem!important;
  color:#fff!important;
  background:#18102f!important;
  border-radius:999px!important;
}
.cookie-banner__accept:hover{background:#2c2050!important}

/* WhatsApp is altijd groen en blijft vrij van cookie- en formulierlagen */
.whatsapp-jan{
  color:#fff!important;
  background:linear-gradient(135deg,var(--whatsapp-dark),var(--whatsapp))!important;
  border-color:rgb(255 255 255/38%)!important;
  box-shadow:0 1rem 2.7rem rgb(12 125 67/28%)!important;
}
.whatsapp-jan:hover{box-shadow:0 1.25rem 3.1rem rgb(12 125 67/38%)!important}
.whatsapp-jan::after{background:#fff!important;color:var(--whatsapp-dark)!important}
.mobile-actions .sticky-whatsapp{
  color:#fff!important;
  background:linear-gradient(135deg,var(--whatsapp-dark),var(--whatsapp))!important;
  box-shadow:0 .55rem 1.35rem rgb(12 125 67/24%)!important;
}
.mobile-actions .sticky-offerte{
  color:#fff!important;
  background:linear-gradient(180deg,#ff2632,#df0815)!important;
  box-shadow:0 .55rem 1.35rem rgb(226 11 23/22%)!important;
}
@media(min-width:58.01rem){
  body.cookie-notice-open .whatsapp-jan{bottom:6.25rem!important}
}
@media(max-width:58rem){
  .cookie-banner{
    bottom:calc(5.25rem + env(safe-area-inset-bottom))!important;
    grid-template-columns:minmax(0,1fr) auto!important;
  }
  .cookie-banner__copy p{display:none}
}
@media(max-width:30rem){
  .cookie-banner{left:.6rem!important;width:calc(100% - 1.2rem)!important;padding:.65rem!important}
  .cookie-banner__copy strong{font-size:.72rem!important}
  .cookie-banner__links{gap:.25rem .6rem!important}
  .cookie-banner__links a,.cookie-banner__links button{font-size:.57rem!important}
  .cookie-banner__accept{min-height:2.5rem!important;padding:.5rem .72rem!important;font-size:.72rem!important}
}

/* Eén duidelijke actiehiërarchie */
.subpage-hero .button--secondary,
.subpage-hero .button--ghost{
  color:#fff!important;
  background:rgb(255 255 255/7%)!important;
  border:1px solid rgb(255 255 255/34%)!important;
  box-shadow:none!important;
}
.subpage-hero .button--secondary:hover,
.subpage-hero .button--ghost:hover{
  background:rgb(255 255 255/14%)!important;
  border-color:rgb(255 255 255/58%)!important;
}

/* Watermerken buiten de drukke onderrand van projectfoto's */
.subpage-visual>.image-brand,
.montage-photo>.image-brand,
.project-card>.image-brand{
  top:.75rem!important;
  right:.75rem!important;
  bottom:auto!important;
  left:auto!important;
  z-index:4!important;
}

/* Kortere homepage: de overblijvende secties dragen elk één taak */
body.home-premium .section,
body.home-premium .content-section{padding-block:clamp(4rem,6.2vw,6rem)}
body.home-premium .quote{scroll-margin-top:7rem}
body.home-premium .detail-lab--premium{background:#fff}
body.home-premium .process{background:#f6f5f8}
body.home-premium .review-proof{background:#fff}

/* Keuzehulp: resultaat en prijs vormen één directe lijn */
.choice-result.quick-result .choice-price-bridge{margin-top:1.5rem}
.choice-result.quick-result .choice-price-bridge .button--primary{max-width:46rem}
@media(max-width:62rem){
  .choice-assistant--visual .choice-assistant__intro{position:relative!important;top:auto!important}
}


/* Dynamische kleurindicatie en verfijnde mobiele actiebalk 20260828-system8 */
.custom-color-fields input[type="color"]{
  width:100%;
  min-height:4.1rem;
  padding:.42rem;
  border-radius:1rem!important;
  background:#fff;
  cursor:pointer;
}
.custom-color-fields input[type="color"]::-webkit-color-swatch-wrapper{padding:0}
.custom-color-fields input[type="color"]::-webkit-color-swatch{border:0;border-radius:.75rem}
.custom-color-fields input[type="color"]::-moz-color-swatch{border:0;border-radius:.75rem}

/* Desktop behoudt de rustige premiumknop uit het eerdere ontwerp. */
@media(min-width:58.01rem){
  .whatsapp-jan{
    background:linear-gradient(135deg,#0f012b 0%,#15265f 100%)!important;
    border-color:rgb(111 139 231/62%)!important;
    box-shadow:inset 4px 0 0 var(--whatsapp),0 1rem 2.7rem rgb(15 1 43/26%)!important;
  }
  .whatsapp-jan:hover{
    border-color:rgb(52 200 113/70%)!important;
    box-shadow:inset 4px 0 0 var(--whatsapp),0 1.2rem 3rem rgb(15 1 43/34%)!important;
  }
}

/* Mobiel: lager, rustiger en zonder het dikke dubbele kader. */
@media(max-width:58rem){
  .mobile-actions{
    grid-template-columns:1fr 1fr!important;
    gap:.38rem!important;
    padding:.38rem max(.45rem,env(safe-area-inset-left)) calc(.38rem + env(safe-area-inset-bottom)) max(.45rem,env(safe-area-inset-right))!important;
    background:rgb(15 1 43/94%)!important;
    border-top:1px solid rgb(255 255 255/15%)!important;
    border-radius:1rem 1rem 0 0!important;
    box-shadow:0 -.75rem 2rem rgb(15 1 43/18%)!important;
  }
  .mobile-actions a{
    min-height:3.25rem!important;
    padding:.42rem .65rem!important;
    border-radius:.85rem!important;
    line-height:1.15!important;
  }
  .mobile-actions .sticky-offerte{
    border:1px solid rgb(255 255 255/26%)!important;
    box-shadow:0 .4rem 1rem rgb(226 11 23/19%)!important;
  }
  .mobile-actions .sticky-whatsapp{
    position:relative;
    overflow:hidden;
    background:linear-gradient(135deg,#0f012b,#15265f)!important;
    border:1px solid rgb(52 200 113/58%)!important;
    box-shadow:inset 3px 0 0 var(--whatsapp),0 .4rem 1rem rgb(15 1 43/18%)!important;
  }
  .mobile-actions .sticky-whatsapp .whatsapp-brandmark{
    width:1.6rem!important;
    height:1.6rem!important;
    flex-basis:1.6rem!important;
    border:1px solid rgb(52 200 113/55%);
    border-radius:.45rem;
  }
  .mobile-actions strong{font-size:.72rem!important}
  .mobile-actions small{font-size:.52rem!important;color:rgb(255 255 255/72%)!important}
  body{padding-bottom:calc(4.35rem + env(safe-area-inset-bottom))!important}
  .cookie-banner{bottom:calc(4.8rem + env(safe-area-inset-bottom))!important}
}
@media(max-width:24rem){
  .mobile-actions strong{font-size:.66rem!important}
  .mobile-actions small{display:none!important}
  .mobile-actions a{min-height:3rem!important;padding:.38rem!important}
}

/* Beeldvullende calculatorfoto's — 20260828-system10 */
.plinth-card>img{
  width:100%;
  height:100%;
  min-height:8.8rem;
  display:block;
  object-fit:cover;
  object-position:center bottom;
  background:#eef0f3;
}
.product-preview img{
  width:100%;
  height:100%;
  min-height:13rem;
  max-height:17rem;
  display:block;
  object-fit:cover;
  object-position:center bottom;
  background:#eef0f3;
}
body.home-premium .journey-grid--ux .journey-card:nth-child(3) .journey-card__media img{object-position:center 72%}

/* Luxe keuzehulp: royale fotografie en premium interactie — 20260828-system11 */
.choice-assistant-page .choice-workspace--visual{
  background:
    radial-gradient(circle at 88% 12%,rgb(226 11 23/6%),transparent 28rem),
    linear-gradient(180deg,#f8f8fb 0%,#fff 74%);
}
.choice-assistant-page .choice-assistant--visual{max-width:84rem;gap:clamp(1.4rem,3vw,2.75rem)}
.choice-assistant-page .choice-assistant--visual .quick-choice__card{
  border-color:#dedfe7;
  border-radius:1.55rem;
  box-shadow:0 1.8rem 5rem rgb(18 11 42/10%);
}
.choice-assistant-page .quick-progress__track i{
  transition:width 300ms cubic-bezier(.22,1,.36,1);
}
.choice-assistant-page .choice-step.is-active{
  animation:choice-luxe-step-in 300ms cubic-bezier(.22,1,.36,1) both;
}
@keyframes choice-luxe-step-in{
  from{opacity:0;transform:translateY(.55rem)}
  to{opacity:1;transform:none}
}
.choice-assistant-page .ux-choice-grid{gap:1.1rem}
.choice-assistant-page .ux-choice-option{
  isolation:isolate;
  border-color:#d9dbe4!important;
  border-radius:1.15rem!important;
  background:#fff!important;
  box-shadow:0 .65rem 1.8rem rgb(18 11 42/7%);
  transition:
    transform 300ms cubic-bezier(.22,1,.36,1),
    border-color 300ms ease,
    box-shadow 300ms ease,
    background-color 300ms ease;
}
@media(hover:hover){
  .choice-assistant-page .ux-choice-option:hover{
    transform:translateY(-.3rem);
    border-color:rgb(226 11 23/48%)!important;
    box-shadow:0 1.35rem 3rem rgb(18 11 42/14%);
  }
}
.choice-assistant-page .ux-choice-option:active{transform:translateY(-.08rem) scale(.995)}
.choice-assistant-page .ux-choice-option.is-selected{
  border-color:var(--red)!important;
  background:#fff!important;
  box-shadow:
    inset 0 0 0 1px var(--red),
    0 0 0 4px rgb(226 11 23/9%),
    0 1.3rem 3.1rem rgb(18 11 42/14%);
}
.choice-assistant-page .ux-choice-option.is-selected::after{
  top:.85rem;
  right:.85rem;
  width:1.9rem;
  height:1.9rem;
  border:2px solid #fff;
  box-shadow:0 .45rem 1.1rem rgb(18 11 42/24%);
}
.choice-assistant-page .ux-choice-option.is-confirmed::after{
  animation:choice-confirm-in 300ms cubic-bezier(.22,1,.36,1) both;
}
@keyframes choice-confirm-in{
  0%{opacity:0;transform:scale(.72)}
  65%{opacity:1;transform:scale(1.08)}
  100%{opacity:1;transform:scale(1)}
}
.choice-assistant-page .ux-choice-option__media{
  position:relative;
  height:clamp(12rem,18vw,15rem);
  background:#e7e5e8;
}
.choice-assistant-page .ux-choice-option__media::after{
  content:"";
  position:absolute;
  z-index:1;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg,rgb(15 1 43/2%) 55%,rgb(15 1 43/13%));
  box-shadow:inset 0 0 0 1px rgb(255 255 255/13%);
  transition:box-shadow 300ms ease,background 300ms ease;
}
.choice-assistant-page .ux-choice-option.is-selected .ux-choice-option__media::after{
  background:linear-gradient(180deg,transparent 62%,rgb(226 11 23/11%));
  box-shadow:inset 0 0 0 2px rgb(226 11 23/72%);
}
.choice-assistant-page .ux-choice-option__media img{
  filter:saturate(1.035) contrast(1.025);
  transform:scale(1.002);
  transition:transform 300ms cubic-bezier(.22,1,.36,1),filter 300ms ease;
}
@media(hover:hover){
  .choice-assistant-page .ux-choice-option:hover .ux-choice-option__media img{transform:scale(1.028)}
}
.choice-assistant-page .ux-choice-option.is-selected .ux-choice-option__media img{
  filter:saturate(1.06) contrast(1.035);
  transform:scale(1.018);
}
.choice-assistant-page .ux-choice-option__copy{padding:1.1rem 1.15rem 1.15rem}
.choice-assistant-page .ux-choice-option__copy strong{
  font-size:clamp(1.05rem,1.7vw,1.3rem);
  letter-spacing:-.015em;
}
.choice-assistant-page .ux-choice-option__select{
  margin-top:1rem;
  padding-top:.8rem;
  border-top:1px solid #ece9ef;
  transition:color 300ms ease,border-color 300ms ease;
}
.choice-assistant-page .ux-choice-option__select b{transition:transform 300ms cubic-bezier(.22,1,.36,1)}
@media(hover:hover){
  .choice-assistant-page .ux-choice-option:hover .ux-choice-option__select b{transform:translateX(.25rem)}
}
.choice-assistant-page .ux-choice-option.is-selected .ux-choice-option__select{
  color:var(--red);
  border-color:rgb(226 11 23/24%);
}
.choice-assistant-page .choice-navigation .button{
  transition:transform 300ms cubic-bezier(.22,1,.36,1),box-shadow 300ms ease,opacity 300ms ease;
}
.choice-assistant-page .choice-navigation .button:not(:disabled){
  box-shadow:0 .8rem 2rem rgb(226 11 23/20%);
}
@media(max-width:48rem){
  .choice-assistant-page .ux-choice-option__media{height:11rem}
}
@media(max-width:36rem){
  .choice-assistant-page .ux-choice-grid,
  .choice-assistant-page .ux-choice-grid--three{grid-template-columns:1fr}
  .choice-assistant-page .ux-choice-grid--three .ux-choice-option:first-child{grid-column:auto}
  .choice-assistant-page .ux-choice-option__media{height:clamp(12rem,58vw,15rem)}
  .choice-assistant-page .ux-choice-option__copy{padding:1rem}
}
@media(prefers-reduced-motion:reduce){
  .choice-assistant-page .choice-step.is-active{animation:none!important}
  .choice-assistant-page .ux-choice-option,
  .choice-assistant-page .ux-choice-option::after,
  .choice-assistant-page .ux-choice-option__media::after,
  .choice-assistant-page .ux-choice-option__media img,
  .choice-assistant-page .ux-choice-option__select,
  .choice-assistant-page .ux-choice-option__select b,
  .choice-assistant-page .choice-navigation .button,
  .choice-assistant-page .quick-progress__track i{transition:none!important;animation:none!important}
}

/* Calculatorfoto's volledig zichtbaar zonder beeldrand — 20260828-system12 */
.plinth-card{grid-template-rows:10rem auto}
.plinth-card:not(.is-selected){
  border-color:transparent!important;
  box-shadow:0 .55rem 1.45rem rgb(15 1 43/8%);
}
.plinth-card>img{
  width:100%;
  height:10rem;
  min-height:10rem;
  padding:0;
  border:0!important;
  outline:0;
  object-fit:contain;
  object-position:center;
  background:#f3f1ed;
  box-shadow:none!important;
}
.product-preview{
  min-height:15rem;
  border:0!important;
  background:#f3f1ed;
  box-shadow:none;
}
.product-preview::after{display:none!important}
.product-preview img{
  width:100%;
  height:100%;
  min-height:15rem;
  max-height:19rem;
  padding:0;
  border:0!important;
  outline:0;
  object-fit:contain;
  object-position:center;
  background:#f3f1ed;
  box-shadow:none!important;
}
.preview-zoom{top:.65rem;right:.65rem;bottom:auto}
@media(max-width:38rem){
  .plinth-card{grid-template-rows:9.5rem auto}
  .plinth-card>img{height:9.5rem;min-height:9.5rem}
  .product-preview,.product-preview img{min-height:13rem}
}


/* Reviewmerken in herkenbare officiële kleuren — 20260828-system12 */
.review-platform{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:.75rem;
  min-height:5.25rem;
  transition:transform 300ms ease,border-color 300ms ease,box-shadow 300ms ease;
}
.review-platform:hover{
  transform:translateY(-3px);
  box-shadow:0 1rem 2.2rem rgb(15 1 43/11%);
}
.review-platform__mark{
  width:2.55rem;
  height:2.55rem;
  display:grid;
  place-items:center;
  border-radius:.72rem;
  font:800 1.38rem/1 var(--heading);
}
.review-platform__copy{min-width:0;display:block}
.review-platform__copy strong,.review-platform__copy>span{display:block}
.review-platform__copy>span{margin-top:.18rem;font-size:.78rem}
.review-platform>i{color:#81798b;font-style:normal}
.review-platform--google .review-platform__mark{
  color:transparent;
  background:conic-gradient(from -45deg,#4285f4 0 25%,#34a853 25% 45%,#fbbc05 45% 68%,#ea4335 68% 100%);
  background-clip:text;
  -webkit-background-clip:text;
}
.review-platform--google .review-platform__copy>span{color:#f9ab00}
.review-platform--google:hover{border-color:rgb(66 133 244/38%)!important}
.review-platform--trustpilot .review-platform__mark{color:#fff;background:#00b67a}
.review-platform--trustpilot .review-platform__copy>span{color:#00a86b}
.review-platform--trustpilot:hover{border-color:rgb(0 182 122/42%)!important}
.review-card--google .review-card__stars{color:#f9ab00}
.review-card--google p span{color:#4285f4}
.review-card--trustpilot .review-card__stars,
.review-card--trustpilot p span{color:#00a86b}
.review-proof .section-actions{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:.8rem 1.1rem;
  margin-top:1.3rem;
}
.review-proof .section-actions>*{margin:0}
@media(max-width:38rem){
  .review-platforms{grid-template-columns:minmax(0,1fr)}
  .review-proof .section-actions{display:grid;grid-template-columns:minmax(0,1fr)}
  .review-proof .section-actions .button,
  .review-proof .section-actions .text-link{width:100%;justify-content:center;text-align:center}
}


/* Mobiele UX-correcties 20260828-final-mobile1 */
@media(max-width:58rem){
  .mobile-actions .sticky-whatsapp{
    color:#fff!important;
    background:linear-gradient(135deg,#08783f 0%,#16a85b 56%,#25d366 100%)!important;
    border:1px solid #48df8c!important;
    box-shadow:0 .5rem 1.25rem rgb(8 120 63/28%)!important;
  }
  .mobile-actions .sticky-whatsapp .whatsapp-brandmark{
    background:rgb(6 102 52/28%)!important;
    border-color:rgb(255 255 255/38%)!important;
  }
}
body.home-premium .journey-card--ux .journey-card__body > strong b,
body.home-premium .detail-grid--premium .detail-card__link span{
  display:inline-grid!important;
  width:1.7rem!important;
  height:1.7rem!important;
  min-width:1.7rem!important;
  flex:0 0 1.7rem!important;
  place-items:center!important;
  padding:0!important;
  border-radius:50%!important;
  font-family:Arial,sans-serif!important;
  font-size:1rem!important;
  font-weight:700!important;
  line-height:1!important;
  text-align:center!important;
}
@media(max-width:40rem){
  body.home-premium .detail-grid--premium .detail-card:nth-child(3) .detail-card__media{
    aspect-ratio:16/9!important;
  }
  body.home-premium .detail-grid--premium .detail-card:nth-child(3) .detail-card__media img{
    object-position:center bottom!important;
  }
  .choice-assistant-page .choice-room--photo .choice-room__badge{
    display:none!important;
  }
  .choice-assistant-page .choice-room--photo > img{
    object-position:center 76%!important;
  }
}
@media(prefers-reduced-motion:reduce){
  .mobile-actions .sticky-whatsapp{transition:none!important}
}
/* Compacte premium keuze-kaarten — 20260828-cards-refresh1 */
body.home-premium .journey-grid--ux{
  align-items:stretch;
  gap:clamp(1rem,2vw,1.35rem);
}
body.home-premium .journey-card--ux{
  min-height:0!important;
  padding:0!important;
  overflow:hidden;
  border:1px solid #e4e1e9!important;
  border-radius:1.4rem!important;
  background:#fff;
  box-shadow:0 .9rem 2.8rem rgb(24 16 47/8%)!important;
}
body.home-premium .journey-card--ux:hover{
  transform:translateY(-5px);
  border-color:rgb(226 11 23/24%)!important;
  box-shadow:0 1.5rem 3.8rem rgb(24 16 47/14%)!important;
}
body.home-premium .journey-card--ux .journey-card__media{
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  aspect-ratio:16/10;
  border-radius:0!important;
  background:#eeebf0;
}
body.home-premium .journey-card--ux .journey-card__media img{
  object-fit:cover;
  transition:transform .4s cubic-bezier(.22,1,.36,1);
}
body.home-premium .journey-card--ux:nth-child(1) .journey-card__media img,
body.home-premium .journey-card--ux:nth-child(2) .journey-card__media img{
  object-position:center bottom;
}
body.home-premium .journey-card--ux:nth-child(3) .journey-card__media img{
  object-position:center 72%;
}
body.home-premium .journey-card--ux:hover .journey-card__media img{
  transform:scale(1.025);
}
body.home-premium .journey-card--ux .journey-card__body{
  min-height:14.25rem!important;
  padding:1.35rem 1.4rem 1.3rem!important;
  text-transform:none!important;
}
body.home-premium .journey-card--ux .journey-card__body small{
  gap:.6rem;
  color:var(--red-dark)!important;
  font-size:.67rem;
  letter-spacing:.08em;
  text-transform:uppercase;
}
body.home-premium .journey-card--ux .journey-card__body small::before{
  width:1.8rem;
  height:1.8rem;
  flex:0 0 1.8rem;
  border-radius:.5rem;
  box-shadow:0 .35rem .8rem rgb(24 16 47/18%);
}
body.home-premium .journey-card--ux .journey-card__body h3{
  margin:.95rem 0 .55rem;
  font-size:clamp(1.7rem,2.3vw,2.05rem);
  line-height:1.04;
}
body.home-premium .journey-card--ux .journey-card__body p{
  margin:0 0 1rem;
  color:#687084;
  font-family:var(--body);
  font-size:.92rem;
  font-weight:500;
  line-height:1.58;
  letter-spacing:0;
  text-transform:none;
}
body.home-premium .journey-card--ux .journey-card__body > strong{
  width:100%;
  max-width:none;
  min-height:2.9rem!important;
  justify-content:space-between;
  gap:1rem;
  margin-top:auto;
  padding:1rem 0 0!important;
  border-top:1px solid #ece9f0!important;
  border-radius:0!important;
  color:var(--red-dark)!important;
  background:transparent!important;
  box-shadow:none!important;
  font-size:.78rem;
}
body.home-premium .journey-card--ux .journey-card__body > strong b{
  display:inline-grid!important;
  width:2rem!important;
  height:2rem!important;
  min-width:2rem!important;
  flex:0 0 2rem!important;
  place-items:center!important;
  overflow:hidden;
  color:transparent!important;
  background:var(--red)!important;
  border-radius:50%!important;
  box-shadow:0 .4rem 1rem rgb(226 11 23/20%);
  font-size:0!important;
}
body.home-premium .journey-card--ux .journey-card__body > strong b::before{
  content:"";
  width:.85rem;
  height:.85rem;
  background:#fff;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 12h14m-6-6 6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 12h14m-6-6 6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;
}
body.home-premium .journey-card__recommendation{
  display:block!important;
  top:1rem;
  right:1rem;
  padding:.45rem .68rem;
  border:1px solid rgb(255 255 255/42%);
  box-shadow:0 .5rem 1.2rem rgb(226 11 23/25%);
}
body.home-premium .journey-card--recommended .journey-card__body small::after{
  display:none;
}
@media(max-width:56rem){
  body.home-premium .journey-card--ux{
    display:grid;
    grid-template-columns:minmax(13rem,.9fr) minmax(0,1.1fr);
  }
  body.home-premium .journey-card--ux .journey-card__media{
    height:100%!important;
    min-height:15rem!important;
    aspect-ratio:auto;
  }
  body.home-premium .journey-card--ux .journey-card__body{
    min-height:15rem!important;
  }
}
@media(max-width:40rem){
  body.home-premium .journey-card--ux{display:flex}
  body.home-premium .journey-card--ux .journey-card__media{
    height:auto!important;
    min-height:0!important;
    aspect-ratio:16/10;
  }
  body.home-premium .journey-card--ux .journey-card__body{
    min-height:0!important;
    padding:1.2rem!important;
  }
  body.home-premium .journey-card--ux .journey-card__body > strong{
    margin-top:.6rem;
  }
}
@media(prefers-reduced-motion:reduce){
  body.home-premium .journey-card--ux,
  body.home-premium .journey-card--ux .journey-card__media img{
    transition:none!important;
  }
}


/* Mobiele calculatorflow en egale productfoto's — 20260828-calcflow1 */
.plinth-card{
  grid-template-rows:auto 1fr;
}
.plinth-card>img{
  width:100%;
  height:auto;
  aspect-ratio:16/10;
  display:block;
  object-fit:cover;
  object-position:center;
  background:#f4f2ee!important;
}
@media(max-width:46rem){
  .plinth-card-track{
    grid-auto-columns:minmax(15.5rem,82%);
    gap:.8rem;
  }
  .plinth-card{
    border-radius:1rem;
  }
  .plinth-card>img{
    height:auto;
    aspect-ratio:16/10;
  }
  .plinth-card>span{
    min-height:4.4rem;
    padding:.8rem .9rem;
  }
}

/* Eén homepage-kaartfamilie voor het vakwerkblok — 20260828-homecards2 */
body.home-premium .detail-grid--premium{
  gap:clamp(1rem,1.8vw,1.35rem);
}
body.home-premium .detail-grid--premium .detail-card{
  padding:0;
  overflow:hidden;
  background:#fff;
  border:1px solid #dedee8;
  border-radius:1.35rem;
  box-shadow:0 .9rem 2.5rem rgb(15 1 43/7%);
}
body.home-premium .detail-grid--premium .detail-card:hover{
  transform:translateY(-3px);
  border-color:#c9c8d6;
  box-shadow:0 1.25rem 2.8rem rgb(15 1 43/11%);
}
body.home-premium .detail-grid--premium .detail-card__media{
  overflow:visible;
  aspect-ratio:16/10;
  background:#ece8e2;
  border-radius:0;
}
body.home-premium .detail-grid--premium .detail-card__media img{
  border-radius:0;
  object-fit:cover;
}
body.home-premium .detail-grid--premium .detail-number{
  top:auto;
  bottom:-1.05rem;
  left:1.1rem;
  width:2.2rem;
  height:2.2rem;
  color:#fff;
  background:var(--brand-ink,#0f012b);
  border:2px solid #fff;
  border-radius:.55rem;
  font-size:.62rem;
  box-shadow:0 .45rem 1rem rgb(15 1 43/20%);
}
body.home-premium .detail-grid--premium .detail-card__body{
  padding:1.65rem 1.15rem 1rem;
}
body.home-premium .detail-grid--premium .detail-card h3{
  font-size:clamp(1.45rem,2vw,1.85rem);
  line-height:1.05;
}
body.home-premium .detail-grid--premium .detail-card p{
  margin:.65rem 0 1rem;
  font-size:.76rem;
  line-height:1.6;
}
body.home-premium .detail-grid--premium .detail-card__link{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.75rem;
  margin-top:auto;
  padding:.85rem 0 0;
  color:var(--brand-ink,#0f012b)!important;
  background:transparent!important;
  border:0;
  border-top:1px solid #ececf1;
  border-radius:0!important;
  box-shadow:none!important;
  font-size:.69rem;
  font-weight:800;
}
body.home-premium .detail-grid--premium .detail-card__link span{
  order:2;
  width:2rem;
  height:2rem;
  color:#fff;
  background:var(--red);
}
body.home-premium .detail-grid--premium .detail-card__link:hover{
  color:var(--red)!important;
}
@media(max-width:52rem){
  body.home-premium .detail-grid--premium .detail-card{
    border-radius:1.15rem;
  }
  body.home-premium .detail-grid--premium .detail-card__body{
    padding:1.55rem 1rem .9rem;
  }
}


/* Eindcorrectie kaartlabels en mobiele beeldverhouding — 20260828-cardsfinal1 */
body.home-premium .detail-grid--premium .detail-number{
  background:#0f012b!important;
}
@media(max-width:46rem){
  .plinth-card>img{
    height:9.6rem!important;
    aspect-ratio:auto;
    align-self:start;
  }
}


/* Projectenpagina — eigen fotografie en rustige premium galerij — 20260828-projectspage1 */
.projects-page{background:#faf9f6}
.projects-hero{position:relative;padding:clamp(3rem,6vw,6rem) 0 clamp(4rem,7vw,7rem);overflow:hidden;background:linear-gradient(145deg,#0f012b 0%,#1d0b3c 58%,#3b102f 100%)}
.projects-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 10% 15%,rgb(226 11 23/18%),transparent 28%),linear-gradient(rgb(255 255 255/4%) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255/4%) 1px,transparent 1px);background-size:auto,3.5rem 3.5rem,3.5rem 3.5rem;pointer-events:none}
.projects-hero__grid{position:relative;display:grid;grid-template-columns:minmax(0,.9fr) minmax(28rem,1.1fr);align-items:center;gap:clamp(2rem,5vw,5rem)}
.projects-hero__copy{min-width:0;color:#fff}
.projects-hero .breadcrumb{margin-bottom:2rem;color:rgb(255 255 255/68%)}
.projects-hero .breadcrumb a{color:#fff}
.projects-hero .hero-kicker{color:#fff}
.projects-hero h1{max-width:10ch;margin:.5rem 0 1.2rem;color:#fff;font-size:clamp(3.2rem,6.6vw,6.6rem);line-height:.88;letter-spacing:-.055em;text-wrap:balance}
.projects-hero__copy>p:not(.hero-kicker){max-width:58ch;color:rgb(255 255 255/76%);font-size:clamp(.93rem,1.4vw,1.08rem);line-height:1.75}
.projects-hero .button--ghost{color:#fff;border-color:rgb(255 255 255/32%)}
.projects-hero__proof{display:flex;flex-wrap:wrap;gap:.55rem;margin:1.6rem 0 0;padding:0;list-style:none}
.projects-hero__proof li{padding:.5rem .72rem;color:rgb(255 255 255/86%);background:rgb(255 255 255/8%);border:1px solid rgb(255 255 255/15%);border-radius:999px;font-size:.62rem;font-weight:800}
.projects-hero__visual{position:relative;min-width:0;margin:0;overflow:hidden;aspect-ratio:16/10;border:1px solid rgb(255 255 255/18%);border-radius:1.6rem;box-shadow:0 2.4rem 5rem rgb(0 0 0/36%)}
.projects-hero__visual::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 56%,rgb(15 1 43/78%));pointer-events:none}
.projects-hero__visual img{width:100%;height:100%;display:block;object-fit:cover}
.projects-hero__visual figcaption{position:absolute;z-index:2;right:1.35rem;bottom:1.25rem;left:1.35rem;display:flex;align-items:end;justify-content:space-between;gap:1rem;color:#fff}
.projects-hero__visual small{font-size:.56rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
.projects-hero__visual strong{max-width:21rem;font-size:.84rem;line-height:1.4;text-align:right}
.projects-intro{padding:clamp(3.8rem,7vw,6.5rem) 0;background:#fff}
.projects-intro__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(20rem,.75fr);align-items:end;gap:clamp(2rem,5vw,5rem)}
.projects-intro h2{max-width:12ch;margin:.4rem 0 0;font-size:clamp(2.7rem,5vw,5rem);line-height:.92}
.projects-intro__grid>p{max-width:58ch;margin:0;color:#626574;font-size:.9rem;line-height:1.8}
.projects-showcase{padding:clamp(4rem,8vw,7rem) 0;background:linear-gradient(145deg,#eceff2,#f8f7f3 66%)}
.projects-showcase__head{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:2.5rem}
.projects-showcase__head h2{max-width:15ch;margin:.45rem 0 0;font-size:clamp(2.6rem,4.5vw,4.7rem);line-height:.94}
.projects-cases{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(.8rem,1.6vw,1.25rem)}
.project-case{grid-column:span 4;min-width:0;margin:0;overflow:hidden;background:#fff;border:1px solid #dcdfe3;border-radius:1.25rem;box-shadow:0 1rem 2.5rem rgb(15 1 43/7%);transition:transform .22s ease,box-shadow .22s ease}
.project-case--wide{grid-column:span 8}.project-case--narrow{grid-column:span 4}.project-case--half{grid-column:span 6}
.project-case:hover{transform:translateY(-3px);box-shadow:0 1.4rem 3rem rgb(15 1 43/12%)}
.project-case figure{position:relative;margin:0;overflow:hidden;aspect-ratio:16/10}
.project-case img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .35s ease}
.project-case:hover img{transform:scale(1.025)}
.project-case figure::after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(180deg,transparent,rgb(15 1 43/88%));pointer-events:none}
.project-case figcaption{position:absolute;z-index:2;right:1rem;bottom:.9rem;left:1rem;display:grid;gap:.2rem;color:#fff}
.project-case figcaption span{color:#ff8d94;font-size:.53rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.project-case figcaption strong{max-width:36rem;font-size:clamp(.76rem,1.2vw,.92rem);line-height:1.35}
.projects-choice{padding:clamp(4rem,8vw,7rem) 0;background:#fff}
.projects-choice__grid{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:clamp(2rem,6vw,6rem);padding:clamp(1.5rem,4vw,3.25rem);background:#f7f5f2;border:1px solid #dedfe2;border-radius:1.5rem}
.projects-choice h2{max-width:15ch;margin:.45rem 0 .9rem;font-size:clamp(2.4rem,4vw,4.25rem);line-height:.95}
.projects-choice p{max-width:64ch;color:#626574;line-height:1.75}
.projects-choice__actions{display:grid;gap:.75rem;min-width:17rem}
.projects-choice__actions .button{width:100%}
@media(max-width:64rem){
  .projects-hero__grid{grid-template-columns:1fr}.projects-hero__copy{max-width:48rem}.projects-hero__visual{max-width:54rem}
  .projects-cases{grid-template-columns:repeat(2,minmax(0,1fr))}
  .project-case,.project-case--wide,.project-case--narrow,.project-case--half{grid-column:auto}
}
@media(max-width:46rem){
  .projects-hero{padding-top:2rem}.projects-hero__grid{gap:2rem}.projects-hero h1{font-size:clamp(3rem,15vw,4.5rem)}
  .projects-hero__visual{border-radius:1.1rem}.projects-hero__visual figcaption{right:.9rem;bottom:.85rem;left:.9rem;display:grid}.projects-hero__visual strong{text-align:left}
  .projects-hero__proof{gap:.4rem}.projects-hero__proof li{font-size:.56rem}
  .projects-intro__grid,.projects-choice__grid{grid-template-columns:1fr}.projects-intro__grid{gap:1.3rem}
  .projects-showcase__head{display:grid;align-items:start}.projects-showcase__head .text-link{width:max-content}
  .projects-cases{grid-template-columns:1fr;gap:.85rem}
  .project-case figure{aspect-ratio:16/10}
  .projects-choice__grid{padding:1.25rem}.projects-choice__actions{min-width:0;width:100%}
}
@media(prefers-reduced-motion:reduce){.project-case,.project-case img{transition:none}.project-case:hover,.project-case:hover img{transform:none}}


/* Mobiele beeldcorrecties en projectenkaart-herstel — 20260828-mobilevisualfix1 */
.quick-result__hero .quick-result__summary p{
  color:rgb(255 255 255/84%);
}
.project-case figure > .branded-photo{
  display:block;
  width:100%;
  height:100%;
  overflow:hidden;
}
.project-case figure > img,
.project-case figure > .branded-photo > img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  transition:transform .35s ease;
}
.project-case:hover figure > img,
.project-case:hover figure > .branded-photo > img{
  transform:scale(1.025);
}
@media(max-width:46rem){
  .plinth-card{background:#fff}
  .plinth-card>img{
    width:100%!important;
    height:11.5rem!important;
    padding:.35rem!important;
    object-fit:contain!important;
    object-position:center!important;
    background:#fff!important;
  }
  .quick-result__hero .quick-result__summary p{
    color:#fff;
    font-size:.78rem;
    line-height:1.65;
  }
  .project-case figure > .branded-photo{min-height:0}
}


/* Pre-launch leesbaarheid en stabiele mobiele bediening — 20260828-prelaunch1 */
.calculator-progress .progress-item span{font-size:.72rem}
.calculator-progress .progress-item small{font-size:.68rem}
.step-kicker{font-size:.72rem}
.plinth-card strong{font-size:.8rem}
.plinth-card small{font-size:.68rem}
.plinth-picker>small{font-size:.68rem;line-height:1.55}
.choice-assistant__intro .quick-benefits span{font-size:.62rem}
.choice-assistant__intro .quick-benefits strong{font-size:.75rem}
.choice-assistant__intro .quick-benefits small{font-size:.68rem;line-height:1.5}
.choice-assistant__principle small{font-size:.68rem}
.choice-step__top span,.choice-step__top strong{font-size:.7rem}
.ux-choice-option .choice-option__tag{font-size:.68rem;line-height:1.25}
@media(max-width:46rem){
  .calculator-progress .progress-item span{font-size:.72rem}
  .calculator-progress .progress-item small{font-size:.68rem}
  .step-kicker{font-size:.7rem}
  .plinth-card strong{font-size:.82rem}
  .plinth-card small{font-size:.68rem}
  .plinth-picker>small{font-size:.7rem}
  .choice-assistant__intro .quick-benefits strong{font-size:.8rem}
  .choice-assistant__intro .quick-benefits small{font-size:.7rem}
  .choice-step__top span,.choice-step__top strong{font-size:.72rem}
}


/* 20260828-launchcheck1: stabiele projectbeelden en gebalanceerde afsluitende CTA */
section.project-gallery .project-gallery__grid figure > .branded-photo {
  display: block;
  width: 100%;
  min-height: 0;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  background: #eceaf0;
}
section.project-gallery .project-gallery__grid figure > img,
section.project-gallery .project-gallery__grid figure > .branded-photo > img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 0;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  object-position: center;
}
body.home-premium .final-cta {
  min-height: 0;
  padding: clamp(3.5rem, 6vw, 5.75rem) 0;
}
body.home-premium .final-cta__inner {
  grid-template-columns: minmax(0, 1.12fr) minmax(22rem, .88fr);
  align-items: center;
  gap: clamp(2.5rem, 7vw, 7rem);
}
body.home-premium .final-cta__headline,
body.home-premium .final-cta__action {
  align-self: center;
}
body.home-premium .final-cta h2 {
  max-width: 10.5ch;
  margin-bottom: 0;
  font-size: clamp(3.3rem, 6vw, 5.9rem);
  line-height: .94;
  text-wrap: balance;
}
body.home-premium .final-cta__action {
  position: relative;
  padding: clamp(1.5rem, 2.7vw, 2.35rem);
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 1.5rem;
  background: linear-gradient(145deg, rgba(255,255,255,.1), rgba(255,255,255,.045));
  box-shadow: 0 1.5rem 4rem rgba(0, 0, 0, .18);
}
body.home-premium .final-cta__action > p {
  max-width: 34rem;
  margin: 0 0 1.25rem;
  color: rgba(255, 255, 255, .86);
  font-size: clamp(1rem, 1.25vw, 1.15rem);
  line-height: 1.6;
}
body.home-premium .final-cta__proof {
  display: grid;
  gap: .7rem;
  margin: 0 0 1.5rem;
  padding: 0;
  list-style: none;
}
body.home-premium .final-cta__proof li {
  display: flex;
  align-items: center;
  gap: .7rem;
  color: #fff;
  font-weight: 750;
}
body.home-premium .final-cta__proof li span {
  display: inline-grid;
  width: 1.65rem;
  height: 1.65rem;
  flex: 0 0 1.65rem;
  place-items: center;
  border-radius: 50%;
  color: #0f0a35;
  background: #fff;
  font-size: .85rem;
  font-weight: 900;
}
body.home-premium .final-cta__action .button {
  width: fit-content;
  max-width: 100%;
}
@media (max-width: 62rem) {
  body.home-premium .final-cta__inner {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
  body.home-premium .final-cta h2 {
    max-width: 12ch;
    font-size: clamp(3rem, 10vw, 5.25rem);
  }
  body.home-premium .final-cta__action {
    width: 100%;
  }
}
@media (max-width: 40rem) {
  body.home-premium .final-cta {
    padding: 3.25rem 0;
  }
  body.home-premium .final-cta h2 {
    font-size: clamp(2.65rem, 14vw, 4rem);
    line-height: .95;
  }
  body.home-premium .final-cta__action {
    padding: 1.25rem;
    border-radius: 1.25rem;
  }
  body.home-premium .final-cta__action .button {
    width: 100%;
  }
}


/* 20260828-calcclean1: projectbeelden op Safari direct en stabiel tonen */
.project-showcase .project-case figure,
.projects-page .project-case figure {
  min-height: 0;
  background: #e9e7ec;
}
.project-showcase .project-case figure > .branded-photo,
.projects-page .project-case figure > .branded-photo {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 0;
  overflow: hidden;
}
.project-showcase .project-case figure > img,
.project-showcase .project-case figure > .branded-photo > img,
.projects-page .project-case figure > img,
.projects-page .project-case figure > .branded-photo > img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 0;
  object-fit: cover;
  object-position: center;
}


/* 20260828-anchor1: native fallback voor de calculatorsprong */
#offerte .calculator-shell {
  scroll-margin-top: 7.5rem;
}
@media (max-width: 62rem) {
  #offerte .calculator-shell {
    scroll-margin-top: 6.75rem;
  }
}


/* 20260828-projectfill1: smalle desktopkaarten vullen de volledige galerijrij */
@media (min-width: 64.0625rem) {
  .projects-cases > .project-case--narrow {
    display: grid;
  }
  .projects-cases > .project-case--narrow > figure {
    width: 100%;
    height: 100%;
    min-height: 100%;
    aspect-ratio: auto;
  }
  .projects-cases > .project-case--narrow > figure > .branded-photo,
  .projects-cases > .project-case--narrow > figure > img,
  .projects-cases > .project-case--narrow > figure > .branded-photo > img {
    width: 100%;
    height: 100%;
    min-height: 100%;
  }
}


/* 20260828-choiceflow1: iedere keuzevraag volledig onder de vaste header */
.choice-card#start-keuzehulp {
  scroll-margin-top: 7rem;
}
@media (max-width: 62rem) {
  .choice-card#start-keuzehulp {
    scroll-margin-top: 6.75rem;
  }
}


/* 20260828-contactpro1: professionele contactpagina in de bestaande huisstijl */
.contact-page-pro{background:#f6f5f2}
.contact-page-pro .contact-hero{padding-block:clamp(3.25rem,6vw,5.75rem);background:radial-gradient(circle at 8% 20%,rgb(226 11 23/10%),transparent 26rem),linear-gradient(135deg,#f7f5f2,#eceff4)}
.contact-hero__grid{align-items:center}
.contact-hero__copy{min-width:0}
.contact-hero__copy h1{max-width:10ch;margin:.5rem 0 1.15rem;font-size:clamp(3.2rem,6.1vw,6rem);line-height:.9;letter-spacing:-.05em;text-wrap:balance}
.contact-hero__copy>p:not(.hero-kicker){max-width:58ch;color:#5f6472;font-size:clamp(.9rem,1.25vw,1.04rem);line-height:1.75}
.contact-hero__proof{display:flex;flex-wrap:wrap;gap:.55rem;margin:1.4rem 0 0;padding:0;list-style:none}
.contact-hero__proof li{display:flex;align-items:center;gap:.45rem;padding:.5rem .7rem;color:var(--brand-ink);background:rgb(255 255 255/72%);border:1px solid #dcdfe7;border-radius:999px;font-size:.62rem;font-weight:850}
.contact-hero__proof li::before{content:"✓";color:var(--red);font-weight:950}
.contact-hero__visual{height:clamp(25rem,38vw,34rem);aspect-ratio:auto;border-radius:1.5rem;box-shadow:0 2rem 4.5rem rgb(15 1 43/16%)}
.contact-hero__visual img,.contact-hero__visual .branded-photo,.contact-hero__visual .branded-photo>img{width:100%;height:100%;object-fit:cover;object-position:center 45%}
.contact-main{padding-block:clamp(4rem,7vw,6.75rem);background:linear-gradient(180deg,#fff,#f7f6f3)}
.contact-pro-grid{display:grid;grid-template-columns:minmax(20rem,.78fr) minmax(0,1.22fr);align-items:start;gap:clamp(2rem,5vw,4.75rem)}
.contact-side{position:sticky;top:8rem;min-width:0}
.contact-side>h2{max-width:12ch;margin:.5rem 0 .8rem;font-size:clamp(2.35rem,3.7vw,3.8rem);line-height:.96}
.contact-side__lead{max-width:48ch;margin:0 0 1.5rem;color:#656a78;font-size:.8rem;line-height:1.7}
.contact-channels{display:grid;gap:.7rem}
.contact-channel{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.85rem;min-width:0;padding:1rem 1.05rem;color:var(--brand-ink);background:#fff;border:1px solid #dfe2e8;border-radius:1rem;box-shadow:0 .7rem 1.8rem rgb(15 1 43/6%);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.contact-channel:hover{transform:translateY(-2px);border-color:#c9ced9;box-shadow:0 1rem 2.2rem rgb(15 1 43/10%)}
.contact-channel__number{width:2.35rem;height:2.35rem;display:grid;place-items:center;flex:0 0 auto;color:#fff;background:var(--brand-navy);border-radius:.65rem;font:700 .62rem var(--heading)}
.contact-channel>span:nth-child(2){min-width:0;display:grid;gap:.08rem}
.contact-channel small{color:#7a7f8d;font-size:.54rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
.contact-channel strong{font-size:.76rem}
.contact-channel em{min-width:0;color:#5f6574;font-size:.62rem;font-style:normal;overflow-wrap:anywhere}
.contact-channel>b{width:1.9rem;height:1.9rem;display:grid;place-items:center;color:var(--red);background:#fff;border-radius:50%;font-size:.8rem}
.contact-channel--whatsapp{color:#fff;background:linear-gradient(135deg,#087a43,#13a85b);border-color:#1bb76a;box-shadow:0 1rem 2.2rem rgb(8 122 67/18%)}
.contact-channel--whatsapp .contact-channel__number{color:#087a43;background:#fff}
.contact-channel--whatsapp small,.contact-channel--whatsapp em{color:rgb(255 255 255/78%)}
.contact-prep{margin-top:1.1rem;padding:1.25rem;color:#fff;background:linear-gradient(145deg,var(--brand-ink),var(--brand-navy));border-radius:1.1rem;box-shadow:0 1rem 2.4rem rgb(15 1 43/15%)}
.contact-prep .eyebrow{color:#ff9ca2}
.contact-prep h3{margin:.45rem 0 .8rem;color:#fff;font-size:1.25rem}
.contact-prep ul{display:grid;gap:.55rem;margin:0;padding:0;list-style:none}
.contact-prep li{display:flex;gap:.55rem;color:rgb(255 255 255/78%);font-size:.66rem;line-height:1.5}
.contact-prep li::before{content:"✓";color:#fff;font-weight:900}
.contact-address{display:flex;align-items:center;gap:.8rem;margin-top:.8rem;padding:.9rem 1rem;color:var(--brand-ink);background:#eeece8;border:1px solid #ddd9d2;border-radius:.9rem}
.contact-address>span{width:2rem;height:2rem;display:grid;place-items:center;background:#fff;border-radius:.55rem}
.contact-address>div{display:grid;gap:.05rem}
.contact-address small{color:#777b85;font-size:.52rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.contact-address strong{font-size:.68rem}
.contact-address em{color:#626775;font-size:.6rem;font-style:normal}
.contact-form-panel--pro{padding:clamp(1.5rem,3.4vw,2.75rem);border-top-color:var(--red)!important;border-radius:1.35rem;box-shadow:0 1.7rem 4.5rem rgb(15 1 43/10%)}
.contact-form-intro h2{max-width:13ch;margin:.45rem 0 .8rem;font-size:clamp(2.5rem,4vw,4.25rem);line-height:.95}
.contact-form-intro>p:not(.eyebrow){max-width:58ch;color:#656b7a;font-size:.78rem;line-height:1.7}
.contact-form-promises{display:flex;flex-wrap:wrap;gap:.55rem;margin:1rem 0 0;padding:0;list-style:none}
.contact-form-promises li{padding:.45rem .65rem;color:var(--brand-ink);background:#f1f3f8;border:1px solid #e0e4ed;border-radius:999px;font-size:.58rem;font-weight:800}
.contact-form-promises li::before{content:"✓ ";color:var(--red)}
.contact-form-panel--pro .contact-form{gap:1rem;margin-top:1.65rem}
.contact-form-panel--pro .contact-form label{font-size:.69rem}
.contact-form-panel--pro .contact-form label>small{margin-left:.25rem;color:#8a8e99;font-size:.53rem;font-weight:650}
.contact-form-panel--pro .contact-form input,.contact-form-panel--pro .contact-form select,.contact-form-panel--pro .contact-form textarea{background:#fafafa;border-color:#d7dbe3}
.contact-form-panel--pro .contact-submit{min-height:4rem;margin-top:.15rem}
@media(max-width:58rem){
  .contact-page-pro .contact-hero{padding-block:2.75rem 3.5rem}
  .contact-hero__grid,.contact-pro-grid{grid-template-columns:minmax(0,1fr)}
  .contact-hero__visual{width:min(100%,38rem);height:27rem}
  .contact-side{position:static}
  .contact-form-panel--pro{padding:1.35rem}
}
@media(max-width:38rem){
  .contact-hero__copy h1{font-size:clamp(2.8rem,14vw,4rem)}
  .contact-hero__visual{height:22rem;border-radius:1.15rem}
  .contact-hero__proof{display:grid;grid-template-columns:1fr 1fr}
  .contact-hero__proof li:last-child{grid-column:1/-1}
  .contact-channel{padding:.9rem}
  .contact-form-promises{display:grid}
  .contact-form-promises li{width:fit-content}
  .contact-form-panel--pro .contact-form .form-row{grid-template-columns:minmax(0,1fr)}
}


/* 20260828-contactpro2: donkere contacthero in de merkkleuren */
.contact-page-pro .contact-hero{
  position:relative;
  color:#fff;
  background:
    radial-gradient(circle at 82% 15%,rgb(47 109 246/30%),transparent 30rem),
    radial-gradient(circle at 8% 82%,rgb(226 11 23/18%),transparent 24rem),
    linear-gradient(135deg,var(--brand-ink) 0%,#11164f 62%,#1c245f 100%);
  box-shadow:inset 0 -1px 0 rgb(255 255 255/10%);
}
.contact-page-pro .contact-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(rgb(255 255 255/4%) 1px,transparent 1px),
    linear-gradient(90deg,rgb(255 255 255/4%) 1px,transparent 1px);
  background-size:3.5rem 3.5rem;
  mask-image:linear-gradient(90deg,#000,transparent 70%);
  pointer-events:none;
}
.contact-page-pro .contact-hero__grid{position:relative;z-index:1}
.contact-page-pro .contact-hero h1{color:#fff}
.contact-page-pro .contact-hero .hero-kicker{color:#ff9ca2}
.contact-page-pro .contact-hero .hero-kicker>span{background:var(--red)}
.contact-page-pro .contact-hero__copy>p:not(.hero-kicker){color:rgb(255 255 255/76%)}
.contact-page-pro .contact-hero .breadcrumb{color:rgb(255 255 255/58%)}
.contact-page-pro .contact-hero .breadcrumb a{color:#fff}
.contact-page-pro .contact-hero .button--ghost{
  color:#fff;
  background:rgb(255 255 255/7%);
  border-color:rgb(255 255 255/34%);
}
.contact-page-pro .contact-hero .button--ghost:hover{background:rgb(255 255 255/13%)}
.contact-page-pro .contact-hero__proof li{
  color:#fff;
  background:rgb(255 255 255/8%);
  border-color:rgb(255 255 255/18%);
}
.contact-page-pro .contact-hero__proof li::before{color:#ff7d84}
.contact-page-pro .contact-hero__visual{
  border:1px solid rgb(255 255 255/20%);
  box-shadow:0 2rem 5rem rgb(0 0 0/34%);
}


/* 20260828-contactpro3: landelijke afhaalroute en maatwerkvoorstel */
.contact-pickup{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:start;
  gap:1rem;
  margin-top:.85rem;
  padding:1.2rem;
  color:#fff;
  background:
    radial-gradient(circle at 100% 0,rgb(47 109 246/30%),transparent 12rem),
    linear-gradient(145deg,var(--brand-ink),var(--brand-navy));
  border:1px solid rgb(154 181 255/24%);
  border-radius:1.1rem;
  box-shadow:0 1rem 2.5rem rgb(15 1 43/16%);
}
.contact-pickup__count{
  width:3.25rem;
  height:3.25rem;
  display:grid;
  place-items:center;
  color:#fff;
  background:var(--red);
  border-radius:.85rem;
  box-shadow:.35rem .35rem 0 rgb(255 255 255/12%);
  font:700 1.45rem var(--heading);
}
.contact-pickup>div{min-width:0}
.contact-pickup small{
  display:block;
  margin:.05rem 0 .35rem;
  color:#ff9ca2;
  font-size:.54rem;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.contact-pickup strong{
  display:block;
  color:#fff;
  font-size:.82rem;
  line-height:1.35;
}
.contact-pickup p{
  margin:.55rem 0 .8rem;
  color:rgb(255 255 255/72%);
  font-size:.62rem;
  line-height:1.65;
}
.contact-pickup a{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  padding:.55rem .7rem;
  color:var(--brand-ink);
  background:#fff;
  border-radius:999px;
  font-size:.58rem;
  font-weight:900;
}
.contact-pickup a span{color:var(--red)}
@media(max-width:38rem){
  .contact-pickup{grid-template-columns:minmax(0,1fr)}
  .contact-pickup__count{width:3rem;height:3rem}
  .contact-pickup a{width:100%;justify-content:space-between}
}

/* AFHAALLOCATIES 20260828 */
.page-pickup{background:#f7f5f2}.page-pickup .site-header{background:rgb(255 255 255/96%)}
.pickup-hero{position:relative;overflow:hidden;color:#fff;background:linear-gradient(135deg,#0f012b 0%,#151042 62%,#220c3a 100%)}
.pickup-hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgb(255 255 255/3%) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255/3%) 1px,transparent 1px);background-size:3.4rem 3.4rem;mask-image:linear-gradient(90deg,#000,transparent 75%)}
.pickup-hero__glow{position:absolute;width:34rem;height:34rem;right:-9rem;top:-12rem;border-radius:50%;background:radial-gradient(circle,rgb(226 11 23/34%),transparent 68%);filter:blur(1rem)}
.pickup-hero__grid{position:relative;min-height:43rem;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(20rem,.8fr);align-items:center;gap:clamp(3rem,7vw,7rem);padding-block:clamp(4.5rem,8vw,7rem)}
.pickup-hero .breadcrumb{margin-bottom:2rem}.pickup-hero .breadcrumb,.pickup-hero .breadcrumb a{color:rgb(255 255 255/66%)}
.pickup-hero h1{max-width:12ch;margin-block:1rem 1.4rem;color:#fff;font-size:clamp(3.5rem,7vw,6.8rem)}.pickup-hero h1 em{color:#ff626a;font-style:normal}
.pickup-hero__intro{max-width:43rem;color:rgb(255 255 255/73%);font-size:clamp(1.02rem,1.5vw,1.2rem)}
.pickup-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:1.3rem;margin:3rem 0 0;padding:2rem 0 0;border-top:1px solid rgb(255 255 255/15%);list-style:none}.pickup-proof strong,.pickup-proof span{display:block}.pickup-proof strong{color:#fff;font:600 1rem var(--heading)}.pickup-proof span{margin-top:.25rem;color:rgb(255 255 255/55%);font-size:.72rem;line-height:1.45}
.pickup-hero__visual{position:relative;margin:0;padding:.75rem;border:1px solid rgb(255 255 255/15%);border-radius:1.8rem;background:rgb(255 255 255/7%);box-shadow:0 2rem 5rem rgb(0 0 0/28%);transform:rotate(1.2deg)}.pickup-hero__visual img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center;border-radius:1.25rem}.pickup-hero__visual figcaption{position:absolute;right:1.6rem;bottom:1.6rem;left:1.6rem;padding:1rem 1.2rem;color:#fff;background:rgb(15 1 43/86%);border:1px solid rgb(255 255 255/14%);border-radius:1rem;backdrop-filter:blur(12px)}.pickup-hero__visual figcaption span,.pickup-hero__visual figcaption strong{display:block}.pickup-hero__visual figcaption span{color:#ff7a81;font-size:.65rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.pickup-hero__visual figcaption strong{margin-top:.3rem;font:600 1.15rem var(--heading)}
.pickup-process{background:#fff}.pickup-process .section-heading h2{max-width:12ch}.pickup-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin:0;padding:0;list-style:none;counter-reset:steps}.pickup-steps>li{min-width:0;display:flex;gap:1rem;padding:1.5rem;border:1px solid var(--border);border-radius:1.4rem;background:#fff;box-shadow:0 1rem 3rem rgb(15 1 43/7%)}.pickup-steps>li>span{width:2.8rem;height:2.8rem;flex:0 0 auto;display:grid;place-items:center;color:#fff;background:#0f012b;border-radius:.75rem;font-size:.72rem;font-weight:800}.pickup-steps small{color:var(--red);font-size:.66rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.pickup-steps h3{margin:.35rem 0 .7rem;font-size:1.25rem}.pickup-steps p{margin:0;color:var(--muted);font-size:.84rem;line-height:1.55}
.pickup-assortment{padding-block:clamp(5rem,9vw,8rem);color:#fff;background:#0f012b}.pickup-assortment__intro{max-width:52rem;margin-bottom:3rem}.pickup-assortment h2{max-width:13ch;color:#fff}.pickup-assortment__intro>p:last-child{max-width:45rem;color:rgb(255 255 255/66%)}.pickup-assortment__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.pickup-assortment__grid>a{min-width:0;overflow:hidden;display:grid;grid-template-rows:15rem 1fr;border:1px solid rgb(255 255 255/13%);border-radius:1.4rem;background:rgb(255 255 255/7%);transition:transform .2s,border-color .2s}.pickup-assortment__grid>a:hover,.pickup-assortment__grid>a:focus-visible{transform:translateY(-.35rem);border-color:rgb(255 98 106/70%)}.pickup-assortment__grid img{width:100%;height:100%;object-fit:cover}.pickup-assortment__grid>a>span{display:flex;min-width:0;flex-direction:column;padding:1.25rem}.pickup-assortment__grid small{color:#ff7a81;font-size:.66rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.pickup-assortment__grid strong{margin:.35rem 0 1.2rem;color:#fff;font:600 1.2rem/1.15 var(--heading)}.pickup-assortment__grid em{margin-top:auto;color:rgb(255 255 255/73%);font-size:.75rem;font-style:normal;font-weight:700}
.pickup-locations{background:#f7f5f2;scroll-margin-top:7rem}.pickup-locations .section-heading h2{max-width:13ch}.pickup-location-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.pickup-location-grid article,.pickup-location-note{min-width:0;min-height:17rem;display:flex;gap:1rem;padding:1.5rem;background:#fff;border:1px solid #e5e1de;border-radius:1.35rem;box-shadow:0 1rem 3rem rgb(15 1 43/6%)}.pickup-location-grid article>span{width:2.7rem;height:2.7rem;flex:0 0 auto;display:grid;place-items:center;color:#fff;background:#0f012b;border-radius:.7rem;font-size:.7rem;font-weight:800}.pickup-location-grid article>div{min-width:0;display:flex;flex-direction:column}.pickup-location-grid small{color:var(--red);font-size:.63rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.pickup-location-grid h3{margin:.45rem 0 .8rem;font-size:1.35rem}.pickup-location-grid address{color:var(--muted);font-size:.85rem;font-style:normal;line-height:1.65}.pickup-location-grid article a{margin-top:auto;padding-top:1rem;color:#0f012b;font-size:.78rem;font-weight:800}.pickup-location-grid article a b{color:var(--red)}.pickup-location-note{grid-column:span 1;display:block;color:#fff;background:linear-gradient(145deg,#e20b17,#ad0711);border-color:transparent;box-shadow:0 1.2rem 3rem rgb(226 11 23/22%)}.pickup-location-note small{color:rgb(255 255 255/75%)}.pickup-location-note h3{color:#fff}.pickup-location-note p{color:rgb(255 255 255/76%);font-size:.85rem}.pickup-location-note a{display:inline-flex;margin-top:.6rem;color:#fff;font-weight:800;text-decoration:underline;text-underline-offset:.25rem}
.pickup-request{color:#fff;background:linear-gradient(135deg,#10022d,#171443);scroll-margin-top:7rem}.pickup-request__grid{display:grid;grid-template-columns:minmax(0,.75fr) minmax(28rem,1fr);align-items:start;gap:clamp(3rem,7vw,7rem)}.pickup-request__copy{position:sticky;top:9rem}.pickup-request__copy h2{max-width:10ch;color:#fff}.pickup-request__copy>p{max-width:39rem;color:rgb(255 255 255/69%)}.pickup-request__copy>ul{display:grid;gap:.75rem;margin:2rem 0;padding:0;list-style:none}.pickup-request__copy li{display:flex;gap:.7rem;align-items:center;color:rgb(255 255 255/79%);font-weight:700}.pickup-request__copy li span{color:#ff656d}.pickup-whatsapp{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:2rem;padding:1.15rem 1.3rem;border:1px solid rgb(255 255 255/17%);border-radius:1rem;background:rgb(255 255 255/7%)}.pickup-whatsapp strong,.pickup-whatsapp span{display:block}.pickup-whatsapp strong{color:#fff}.pickup-whatsapp span{color:#7ee9a4;font-size:.78rem;font-weight:800}.pickup-form-panel{padding:clamp(1.4rem,4vw,2.6rem);color:var(--text);background:#fff;border-radius:1.6rem;box-shadow:0 2rem 5rem rgb(0 0 0/24%)}.pickup-form-panel h3{font-size:clamp(2rem,4vw,3rem)}.pickup-form-panel .contact-form-intro>p:last-child{color:var(--muted)}.pickup-form-panel input,.pickup-form-panel select,.pickup-form-panel textarea{font-size:1rem}.pickup-form-panel .contact-success{margin-top:1rem}
.pickup-faq{background:#fff}.pickup-faq__grid{display:grid;grid-template-columns:.65fr 1fr;gap:clamp(3rem,7vw,7rem)}.pickup-faq__grid>div:first-child{position:sticky;top:9rem;align-self:start}.pickup-faq__grid>div:first-child h2{max-width:10ch}.pickup-faq__grid>div:first-child>p:last-child{max-width:34rem;color:var(--muted)}.pickup-faq details{border-bottom:1px solid var(--border)}.pickup-faq summary{padding:1.4rem 2.8rem 1.4rem 0;color:var(--ink);font:600 1.2rem var(--heading);cursor:pointer;list-style:none}.pickup-faq summary::-webkit-details-marker{display:none}.pickup-faq summary::after{content:"+";float:right;margin-right:-2.3rem;color:var(--red);font:500 1.6rem var(--body)}.pickup-faq details[open] summary::after{content:"−"}.pickup-faq details p{max-width:60ch;padding:0 0 1.4rem;color:var(--muted)}
.pickup-final{padding-block:clamp(4rem,7vw,6rem);color:#fff;background:#0f012b}.pickup-final__inner{display:flex;align-items:center;justify-content:space-between;gap:2rem}.pickup-final small{color:#ff737a;font-size:.68rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.pickup-final h2{margin:.4rem 0 .7rem;color:#fff}.pickup-final p{margin:0;color:rgb(255 255 255/66%)}
@media(max-width:68rem){.pickup-steps{grid-template-columns:repeat(2,1fr)}.pickup-assortment__grid,.pickup-location-grid{grid-template-columns:repeat(2,1fr)}.pickup-request__grid{grid-template-columns:1fr}.pickup-request__copy,.pickup-faq__grid>div:first-child{position:static}}
@media(max-width:52rem){.pickup-hero__grid{min-height:auto;grid-template-columns:1fr;padding-block:3.5rem 5rem}.pickup-hero__copy{min-width:0}.pickup-hero h1{font-size:clamp(3rem,14vw,5rem)}.pickup-hero__visual{max-width:32rem;margin-inline:auto;transform:none}.pickup-proof{gap:.75rem}.pickup-proof strong{font-size:.86rem}.pickup-process .section-heading h2,.pickup-locations .section-heading h2{max-width:none}.pickup-faq__grid{grid-template-columns:1fr}.pickup-final__inner{align-items:flex-start;flex-direction:column}}
@media(max-width:38rem){.pickup-hero .breadcrumb{margin-bottom:1.4rem}.pickup-hero .hero__actions{align-items:stretch;flex-direction:column}.pickup-hero .hero__actions .button{width:100%}.pickup-proof{grid-template-columns:1fr;gap:.7rem}.pickup-proof li{padding:.75rem 0;border-bottom:1px solid rgb(255 255 255/10%)}.pickup-proof span{margin:0}.pickup-hero__visual img{aspect-ratio:4/3}.pickup-steps,.pickup-assortment__grid,.pickup-location-grid{grid-template-columns:1fr}.pickup-steps>li{padding:1.2rem}.pickup-assortment__grid>a{grid-template-rows:13rem 1fr}.pickup-location-grid article,.pickup-location-note{min-height:15rem}.pickup-request__grid{gap:2.5rem}.pickup-request__copy h2{max-width:none}.pickup-whatsapp{align-items:flex-start;flex-direction:column}.pickup-form-panel{padding:1.15rem;border-radius:1.15rem}.pickup-final .button{width:100%}}
@media(prefers-reduced-motion:reduce){.pickup-assortment__grid>a{transition:none}}

/* VISUELE BESTELAANVRAAG AFHALEN 20260828 */
.pickup-form-panel--order{padding:clamp(1.25rem,3vw,2.2rem)}
.pickup-order-step{margin:0 0 2rem;padding:0;border:0}.pickup-order-step>legend{width:100%;margin-bottom:1rem;color:var(--ink);font:600 1.2rem var(--heading)}.pickup-order-step>legend span{display:inline-grid;width:2rem;height:2rem;margin-right:.55rem;place-items:center;color:#fff;background:#0f012b;border-radius:.55rem;font:800 .7rem var(--body)}
.pickup-product-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.pickup-product-card{position:relative;min-width:0;overflow:hidden;display:grid;grid-template-rows:9.5rem 1fr;border:1px solid var(--border);border-radius:1rem;background:#fff;cursor:pointer;transition:border-color .2s,box-shadow .2s,transform .2s}.pickup-product-card:hover{transform:translateY(-2px);border-color:#c6bdc9}.pickup-product-card input{position:absolute;top:.7rem;right:.7rem;z-index:2;width:1.35rem;height:1.35rem;margin:0;accent-color:var(--red)}.pickup-product-card img{width:100%;height:100%;padding:.45rem;object-fit:contain;object-position:center;background:linear-gradient(145deg,#f8f8f6,#ececea)}.pickup-product-card>span{min-width:0;display:grid;align-content:start;gap:.25rem;padding:.85rem}.pickup-product-card small{color:var(--red-dark);font-size:.58rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.pickup-product-card strong{color:var(--ink);font:600 .92rem/1.22 var(--heading)}.pickup-product-card:has(input:checked){border-color:var(--red);box-shadow:0 0 0 2px rgb(226 11 23/14%),0 .8rem 2rem rgb(15 1 43/10%)}.pickup-product-card:has(input:focus-visible){outline:3px solid rgb(226 11 23/25%);outline-offset:2px}
.pickup-order-pair{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.pickup-order-pair label{min-width:0}
.pickup-color-picker{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.65rem}.pickup-color-option{position:relative;min-width:0;display:grid;grid-template-columns:2.1rem 1fr;align-items:center;gap:.65rem;min-height:4.5rem;padding:.65rem;border:1px solid var(--border);border-radius:.9rem;background:#fff;cursor:pointer}.pickup-color-option input{position:absolute;opacity:0;pointer-events:none}.pickup-color-option i{width:2.1rem;height:2.1rem;border:1px solid rgb(15 1 43/18%);border-radius:50%;background:var(--swatch);box-shadow:inset 0 0 0 3px #fff}.pickup-color-option span{min-width:0;display:grid;line-height:1.2}.pickup-color-option strong{color:var(--ink);font-size:.72rem}.pickup-color-option small{color:var(--muted);font-size:.58rem}.pickup-color-option:has(input:checked){border-color:var(--red);box-shadow:0 0 0 2px rgb(226 11 23/13%)}.pickup-color-option:has(input:focus-visible){outline:3px solid rgb(226 11 23/25%);outline-offset:2px}.pickup-color-option.is-unavailable{display:none}
.pickup-order-summary{margin:1rem 0 1.5rem;padding:1rem 1.1rem;color:#fff;background:#0f012b;border-radius:1rem}.pickup-order-summary small,.pickup-order-summary strong{display:block}.pickup-order-summary small{margin-bottom:.3rem;color:#ff7880;font-size:.62rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.pickup-order-summary strong{font-size:.8rem;line-height:1.5}
.pickup-meter-result{margin-top:1rem;padding:1rem 1.1rem;color:#0f012b;background:#f3f0f6;border:1px solid #ded7e4;border-radius:.9rem;font-size:.88rem;font-weight:800}
.pickup-order-promotion{margin-top:.65rem;padding:.85rem 1rem;color:#6a5410;background:#fff9dc;border:1px solid #e9d66a;border-radius:.9rem;font-size:.78rem;font-weight:800}.pickup-order-promotion.is-earned{color:#0d542c;background:#e9f8ef;border-color:#72ce98}
.pickup-offer{display:flex;align-items:center;gap:1rem;max-width:43rem;margin:1.4rem 0 0;padding:1rem 1.1rem;color:#fff;background:linear-gradient(135deg,rgb(226 11 23/92%),rgb(166 5 15/92%));border:1px solid rgb(255 255 255/17%);border-radius:1rem;box-shadow:0 1rem 2.6rem rgb(226 11 23/24%)}.pickup-offer>span{width:2.65rem;height:2.65rem;flex:0 0 auto;display:grid;place-items:center;color:#e20b17;background:#fff;border-radius:.75rem;font-size:1.25rem}.pickup-offer strong,.pickup-offer small{display:block}.pickup-offer strong{font:600 1rem var(--heading)}.pickup-offer small{margin-top:.15rem;color:rgb(255 255 255/78%);font-size:.69rem}
.pickup-quality{background:#fff}.pickup-quality__heading{display:flex;align-items:end;justify-content:space-between;gap:2rem}.pickup-quality__heading h2{max-width:14ch}.pickup-quality__trust{flex:0 0 auto;display:grid;padding:1.2rem 1.4rem;color:#fff;background:#0f012b;border-radius:1rem;text-align:right}.pickup-quality__trust strong{color:#fff;font:600 2.2rem/1 var(--heading)}.pickup-quality__trust span{margin-top:.25rem;color:rgb(255 255 255/68%);font-size:.7rem}.pickup-quality__intro{max-width:55rem;margin:0 0 2.5rem;color:var(--muted);font-size:1.02rem}.pickup-compare{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.pickup-compare article{padding:clamp(1.4rem,3vw,2.2rem);border:1px solid var(--border);border-radius:1.4rem}.pickup-compare__ours{background:linear-gradient(145deg,#130632,#21134c);box-shadow:0 1.4rem 3.5rem rgb(15 1 43/14%)}.pickup-compare__standard{background:#f6f4f1}.pickup-compare__label{display:inline-flex;padding:.42rem .7rem;color:var(--red-dark);background:#fff;border-radius:999px;font-size:.62rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.pickup-compare__ours .pickup-compare__label{color:#fff;background:var(--red)}.pickup-compare h3{margin:1rem 0 1.3rem}.pickup-compare__ours h3{color:#fff}.pickup-compare ul{display:grid;gap:1rem;margin:0;padding:0;list-style:none}.pickup-compare li{display:grid;grid-template-columns:1.8rem 1fr;gap:.7rem;align-items:start}.pickup-compare li>b{width:1.8rem;height:1.8rem;display:grid;place-items:center;border-radius:.55rem;font-size:.72rem}.pickup-compare__ours li>b{color:#fff;background:var(--red)}.pickup-compare__standard li>b{color:#8d6711;background:#ffea9b}.pickup-compare li span,.pickup-compare li strong{display:block}.pickup-compare li strong{margin-bottom:.15rem;font-size:.84rem}.pickup-compare__ours li{color:rgb(255 255 255/65%)}.pickup-compare__ours li strong{color:#fff}.pickup-compare__standard li{color:var(--muted)}.pickup-compare__standard li strong{color:var(--ink)}.pickup-compare__standard>p{margin:1.3rem 0 0;padding-top:1.2rem;color:var(--muted);border-top:1px solid var(--border);font-size:.7rem}.pickup-quality__deal{display:flex;align-items:center;justify-content:space-between;gap:2rem;margin-top:1rem;padding:1.4rem 1.6rem;color:#fff;background:var(--red);border-radius:1.2rem}.pickup-quality__deal small,.pickup-quality__deal strong,.pickup-quality__deal span{display:block}.pickup-quality__deal small{font-size:.6rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.pickup-quality__deal strong{margin:.2rem 0;color:#fff;font:600 1.35rem var(--heading)}.pickup-quality__deal span{color:rgb(255 255 255/78%);font-size:.75rem}.pickup-quality__deal .button{color:var(--red);background:#fff;box-shadow:none}
.pickup-order-note{margin:-.25rem 0 1.4rem;color:var(--muted);font-size:.76rem}.pickup-order-note strong{color:var(--ink)}
.pickup-step-intro{max-width:48rem;margin:-.25rem 0 1.15rem;color:var(--muted);font-size:.78rem;line-height:1.65}.pickup-meter-inputs{align-items:end}.pickup-cutloss-help{display:grid;gap:.2rem;margin-top:.75rem;padding:.85rem 1rem;color:#0f012b;background:#fff8d9;border:1px solid #ead36b;border-radius:.9rem}.pickup-cutloss-help strong{font-size:.75rem}.pickup-cutloss-help span{color:#66581e;font-size:.68rem;line-height:1.5}.pickup-cutloss-help b{color:#0f012b}
.pickup-fulfillment-picker{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.pickup-fulfillment-picker label{position:relative;display:grid;grid-template-columns:2.6rem 1fr;grid-template-rows:auto auto;column-gap:.8rem;min-height:5.7rem;padding:1rem;border:1px solid var(--border);border-radius:1rem;background:#fff;cursor:pointer}.pickup-fulfillment-picker input{position:absolute;opacity:0}.pickup-fulfillment-picker label>span{grid-row:1/3;width:2.6rem;height:2.6rem;display:grid;place-items:center;color:#fff;background:#0f012b;border-radius:.75rem;font-size:1.15rem}.pickup-fulfillment-picker strong{align-self:end;color:var(--ink);font:.95rem var(--heading)}.pickup-fulfillment-picker small{align-self:start;color:var(--muted);font-size:.64rem}.pickup-fulfillment-picker label:has(input:checked){border-color:var(--red);box-shadow:0 0 0 2px rgb(226 11 23/13%)}.pickup-fulfillment-picker label:has(input:checked)>span{background:var(--red)}.pickup-fulfillment-picker label:has(input:focus-visible){outline:3px solid rgb(226 11 23/25%);outline-offset:2px}
.pickup-fulfillment-detail,.pickup-shipping-note{margin-top:.8rem;padding:1rem 1.1rem;border-radius:1rem}.pickup-fulfillment-detail{background:#f5f3f7;border:1px solid #ddd6e5}.pickup-fulfillment-detail p{margin:.6rem 0 0;color:var(--muted);font-size:.7rem}.pickup-shipping-note{display:grid;gap:.2rem;color:#fff;background:linear-gradient(135deg,#130632,#261255)}.pickup-shipping-note[hidden],.pickup-fulfillment-detail[hidden]{display:none}.pickup-shipping-note strong{color:#fff;font:.95rem var(--heading)}.pickup-shipping-note span{color:rgb(255 255 255/74%);font-size:.7rem;line-height:1.5}
.pickup-address-row{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(7rem,.7fr) minmax(6rem,.55fr);gap:1rem}.pickup-address-row label{min-width:0}.pickup-postcode-status{display:block;min-height:1.15rem;margin-top:.3rem;font-size:.63rem;font-weight:700}.pickup-postcode-status.is-valid{color:#0d7139}.pickup-postcode-status.is-invalid{color:var(--red-dark)}
.pickup-assortment__grid>a{display:flex!important;flex-direction:column;isolation:isolate;overflow:hidden}.pickup-assortment__grid>a>img{flex:0 0 auto;width:100%;height:15rem!important;padding:.55rem;object-fit:contain!important;object-position:center;background:linear-gradient(145deg,#f6f5f2,#ece9e4)}.pickup-assortment__grid>a>span{position:relative;z-index:2;flex:1;width:100%;min-height:9.2rem}.pickup-assortment__grid em{display:inline!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important;color:#fff!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;filter:none!important;opacity:1!important}
@media(max-width:68rem){.pickup-color-picker{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:52rem){.pickup-quality__heading{align-items:start;flex-direction:column}.pickup-quality__trust{text-align:left}.pickup-compare{grid-template-columns:1fr}.pickup-quality__deal{align-items:flex-start;flex-direction:column}}
@media(max-width:38rem){.pickup-order-step{margin-bottom:3rem}.pickup-order-step>legend{display:flex;align-items:center;font-size:1.05rem;line-height:1.25}.pickup-order-step>legend span{flex:0 0 auto}.pickup-product-picker{grid-template-columns:1fr;gap:.8rem}.pickup-product-card{grid-template-columns:7rem 1fr;grid-template-rows:minmax(6.6rem,auto)}.pickup-product-card>span{align-content:center;padding:.9rem}.pickup-product-card strong{font-size:.85rem}.pickup-order-pair,.pickup-fulfillment-picker,.pickup-address-row{grid-template-columns:1fr}.pickup-color-picker{grid-template-columns:1fr;gap:.7rem}.pickup-color-option{grid-template-columns:2.25rem 1fr;min-height:4.65rem;padding:.8rem 1rem;border-radius:1rem}.pickup-color-option i{width:2.25rem;height:2.25rem}.pickup-order-note{margin-top:.9rem;line-height:1.55}.pickup-meter-result{margin-top:1rem;line-height:1.55}.pickup-quality__deal .button{width:100%}.pickup-assortment__grid>a>img{height:12rem!important}.pickup-assortment__grid>a>span{min-height:0}}
@media(max-width:21rem){.pickup-product-picker,.pickup-color-picker{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.pickup-product-card{transition:none}}

/* LICHTE STADSACHTERGRONDEN AFHAALKAARTEN 20260828 */
.pickup-location-grid article{position:relative;isolation:isolate;overflow:hidden;background:#fff}
.pickup-location-grid article>.pickup-location-bg{position:absolute;inset:0;z-index:0;width:100%;height:100%;padding:0;object-fit:cover;object-position:center;opacity:.3;filter:none;transition:opacity .25s,transform .35s}
.pickup-location-grid article::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(105deg,rgb(255 255 255/95%) 0%,rgb(255 255 255/88%) 51%,rgb(255 255 255/70%) 100%)}
.pickup-location-grid article::after{content:attr(data-city);position:absolute;right:-.08em;bottom:-.18em;z-index:1;max-width:95%;overflow:hidden;color:rgb(15 1 43/5%);font:600 clamp(2.2rem,3.5vw,4.2rem)/.9 var(--heading);letter-spacing:-.05em;white-space:nowrap}
.pickup-location-grid article>span,.pickup-location-grid article>div{position:relative;z-index:2}
.pickup-location-grid article:hover>.pickup-location-bg{opacity:.4;transform:scale(1.025)}
@media(max-width:38rem){.pickup-location-grid article>.pickup-location-bg{opacity:.28}.pickup-location-grid article::before{background:linear-gradient(105deg,rgb(255 255 255/97%),rgb(255 255 255/78%))}.pickup-location-grid article::after{font-size:2.7rem}}
@media(prefers-reduced-motion:reduce){.pickup-location-grid article>.pickup-location-bg{transition:none}}

.pickup-location-grid article a{display:inline-flex;align-items:center;gap:.5rem;width:max-content;max-width:100%;padding:.62rem .8rem;color:#0f012b;background:rgb(255 255 255/82%);border:1px solid rgb(15 1 43/12%);border-radius:999px;box-shadow:0 .45rem 1.1rem rgb(15 1 43/7%);line-height:1}
.pickup-route-icon{width:1rem;height:1rem;flex:0 0 auto;fill:none;stroke:var(--red);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}
.pickup-location-grid article a:hover .pickup-route-icon{transform:translate(2px,-2px)}
@media(prefers-reduced-motion:reduce){.pickup-route-icon{transition:none}}


/* Compacte privacy- en cookielaag — 20260829 */
.cookie-banner{width:min(58rem,calc(100% - 1.5rem));grid-template-columns:auto minmax(0,1fr) auto;gap:.75rem;bottom:.75rem;padding:.7rem .8rem;color:#fff;background:linear-gradient(110deg,var(--brand-navy),var(--brand-blue));border:1px solid rgb(190 203 255/32%);border-top:3px solid #ffd84d;border-radius:.85rem;box-shadow:0 .8rem 2.3rem rgb(15 1 43/28%)}
.cookie-banner__mark{width:2rem;height:2rem;color:var(--brand-navy);background:#ffd84d;border-radius:50%;font-size:.72rem}
.cookie-banner__copy strong{margin:0;font-size:.78rem}.cookie-banner__copy p{margin:.08rem 0 0;color:rgb(255 255 255/72%);font-size:.63rem;line-height:1.4}
.cookie-banner__copy>a{display:inline-block;margin-top:.18rem;color:var(--brand-lilac);font-size:.59rem;font-weight:800;text-decoration:underline;text-underline-offset:.12rem}
.cookie-banner__actions{display:flex;align-items:center;gap:.4rem}.cookie-choice{min-height:36px;padding:.45rem .68rem;border:1px solid transparent;border-radius:999px;font:800 .61rem var(--body);white-space:nowrap;cursor:pointer}
.cookie-choice--primary{color:#fff;background:var(--red)}.cookie-choice--primary:hover{background:var(--red-dark)}
.cookie-choice--quiet{color:#fff;background:transparent;border-color:rgb(255 255 255/30%)}.cookie-choice--outline{color:var(--brand-navy);background:var(--brand-lilac)}
.cookie-choice--outline-dark{color:var(--brand-navy);background:#fff;border-color:#d9ddef}
.cookie-dialog__panel{border-top-color:#ffd84d;box-shadow:inset 0 .32rem 0 var(--brand-blue)}
.cookie-dialog__eyebrow{color:var(--brand-blue)}.cookie-dialog h2{color:var(--brand-navy)}
.cookie-status>label{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;cursor:pointer}.cookie-status>label+label,.cookie-status>div+label{border-top:1px solid #e7dfec}
.cookie-status input{width:2.6rem;height:1.45rem;flex:0 0 auto;appearance:none;background:#c9ced8;border-radius:999px;cursor:pointer;transition:background .2s}
.cookie-status input::before{content:"";display:block;width:1.05rem;height:1.05rem;margin:.2rem;background:#fff;border-radius:50%;box-shadow:0 .12rem .3rem rgb(0 0 0/20%);transition:transform .2s}
.cookie-status input:checked{background:var(--brand-blue)}.cookie-status input:checked::before{transform:translateX(1.15rem)}
.cookie-dialog__actions{gap:.55rem}.cookie-dialog__actions+.text-link{display:inline-block;margin-top:.85rem;font-size:.72rem}
.legal-hero{position:relative;margin:0 0 1.2rem;padding:clamp(1.5rem,4vw,2.7rem);overflow:hidden;color:#fff;background:radial-gradient(circle at 90% 10%,rgb(47 109 246/55%),transparent 34%),linear-gradient(135deg,var(--brand-navy),var(--brand-blue));border-top:5px solid #ffd84d;border-radius:1.15rem;box-shadow:0 1.3rem 3rem rgb(15 1 43/16%)}
.legal-hero .eyebrow{color:#ffd84d}.legal-hero .eyebrow span{background:#ffd84d}.legal-hero h1{margin-bottom:.65rem;color:#fff}.legal-hero .legal-update{color:var(--brand-navy);background:var(--brand-lilac)}
.legal-hero .legal-lead{margin:0;color:rgb(255 255 255/78%)}
.legal-principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;margin-top:1.35rem}
.legal-principles span{padding:.65rem .75rem;color:#fff;background:rgb(255 255 255/9%);border:1px solid rgb(190 203 255/24%);border-radius:.65rem;font-size:.68rem;font-weight:800}
@media(max-width:58rem){.cookie-banner{bottom:calc(4.7rem + env(safe-area-inset-bottom));padding:.58rem .65rem;grid-template-columns:minmax(0,1fr) auto}.cookie-banner__mark{display:none}.cookie-banner__actions{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr)}.cookie-choice{width:100%;min-height:32px;padding-inline:.35rem}.legal-principles{grid-template-columns:1fr}}
@media(max-width:34rem){.cookie-banner{width:calc(100% - .8rem);padding:.62rem}.cookie-banner__copy p{font-size:.6rem}.cookie-banner__actions{gap:.25rem}.cookie-choice{min-height:34px;font-size:.55rem}.cookie-status>label{align-items:flex-start}.cookie-status input{margin-top:.15rem}}