/* <inline asset> */
@charset "UTF-8"; 

/* /vd_offerte_configurator/static/src/scss/configurator.scss */
 .s_vd_offerte_hero, .s_vd_offerte{--vv-r-panel: var(--cs-fz-radius-panel, 28px); --vv-r-card: var(--cs-fz-radius-card, 22px); --vv-r-row: var(--vd-fz-radius-row, 18px); --vv-r-tile: var(--cs-fz-radius-tile, 16px); --vv-r-pill: 999px; --vv-ink: var(--o-color-5, #1f1d1a); --vv-muted: var(--vd-fz-faint, color-mix(in srgb, var(--o-color-5, #1f1d1a) 60%, #fff)); --vv-pure: var(--vd-fz-pure, var(--o-color-4, #fff)); --vv-tint: var(--vd-fz-tint, color-mix(in srgb, var(--o-color-1, #fc7f00) 13%, #fff)); --vv-tint-ink: var(--vd-fz-tint-ink, color-mix(in srgb, var(--o-color-1, #fc7f00) 62%, var(--o-color-5, #1f1d1a))); --vv-line: var(--vd-fz-line, rgba(0, 0, 0, 0.13)); --vv-line-strong: var(--vd-fz-line-strong, rgba(0, 0, 0, 0.24)); --vv-knop: var(--vd-st-knop, var(--o-color-5, #1f1d1a)); --vv-knop-tekst: var(--vd-st-knop-tekst, var(--o-color-4, #fff)); --vv-knop-hover: color-mix(in srgb, var(--vv-knop) 88%, var(--vv-knop-tekst)); --vv-kraal: var(--vd-st-kraal, var(--o-color-1, #fc7f00)); --vv-kraal-tekst: var(--vd-st-kraal-tekst, var(--o-color-5, #1f1d1a)); --vv-shadow-sheet: var(--vd-fz-shadow-sheet, 0 1px 2px rgba(0, 0, 0, 0.05), 0 8px 22px -14px rgba(0, 0, 0, 0.22), 0 0 0 1px rgba(0, 0, 0, 0.05)); --vv-shadow-hover: var(--vd-fz-shadow-sheet-hover, 0 2px 5px rgba(0, 0, 0, 0.06), 0 14px 30px -16px rgba(0, 0, 0, 0.28), 0 0 0 1px rgba(0, 0, 0, 0.06)); --vv-shadow-float: var(--vd-fz-shadow-float, 0 1px 2px rgba(0, 0, 0, 0.05), 0 4px 12px -6px rgba(0, 0, 0, 0.18), 0 0 0 1px rgba(0, 0, 0, 0.06)); --vv-shadow-knop: var(--vd-fz-shadow-knop, 0 1px 2px rgba(0, 0, 0, 0.14), 0 6px 14px -8px rgba(0, 0, 0, 0.4)); --vv-glass: var(--vd-fz-glass, rgba(255, 255, 255, 0.88)); --vv-glass-rim: var(--vd-fz-rim, rgba(255, 255, 255, 0.85)); --vv-dur: var(--cs-motion-dur-base, 200ms); --vv-ease: var(--cs-motion-ease-out, ease-out); --vv-tag-bg: color-mix(in srgb, var(--o-color-5, #1f1d1a) 62%, transparent); --vv-oplicht: var(--vv-tint); --vv-seg-hover: color-mix(in srgb, var(--vv-pure) 55%, transparent); --vv-glass-kaart: color-mix(in srgb, var(--vv-glass) 78%, transparent); --vv-blur: var(--cs-fz-blur, blur(22px) saturate(160%)); --vv-spoor: color-mix(in srgb, var(--o-color-5, #1f1d1a) 7%, var(--o-color-4, #fff)); --vv-spoor-schaduw: color-mix(in srgb, var(--o-color-5, #1f1d1a) 12%, transparent); --vv-spoor-tekst: color-mix(in srgb, var(--o-color-5, #1f1d1a) 70%, var(--o-color-4, #fff)); --vv-kamer-min: min(100%, max(14.5rem, calc((100% - 1.2rem) / 3)));}.o_vd_offerte_root{--vv-accent-c: var(--vv-accent, var(--vd-st-accent, var(--o-color-1, #fc7f00))); --vv-rim: var(--vd-fz-accent-rim, color-mix(in srgb, var(--vv-accent-c) 40%, transparent)); --vv-rim-zacht: color-mix(in srgb, var(--vv-accent-c) 22%, transparent);}.o_vd_offerte_root[style*="--vv-accent"]{--vv-rim: color-mix(in srgb, var(--vv-accent-c) 40%, transparent);}.s_vd_offerte{padding: 1rem 0 3rem;}.s_vd_offerte_hero{padding: 1.3rem 0 .2rem;}.o_vd_offerte_loading{padding: 3rem 0; color: var(--vv-muted);}.vv-off-h1{font-size: 1.6rem; color: var(--vv-ink); margin: 0 0 .3rem;}@media (min-width: 576px){.vv-off-h1{font-size: 2rem;}}@media (min-width: 992px){.vv-off-h1{font-size: 2.4rem;}}.vv-off-lead{color: var(--vv-muted); margin: 0; font-size: 1rem; text-align: left;}@media (min-width: 992px){.vv-off-lead{white-space: nowrap;}}.vv-off-switch{margin: .5rem 0 0; font-size: .9rem;}.vv-off-switch a{color: var(--vv-tint-ink); text-decoration: none; border-bottom: 1px dashed var(--vv-line-strong); padding-bottom: 1px;}.vv-off-switch a:hover{border-bottom-style: solid;}.o_vd_offerte_root{color: var(--vv-ink);}.o_vd_offerte_root{--vv-focus: var(--vd-ring, var(--o-color-5, #1f1d1a));}.o_vd_offerte_root :focus-visible{outline: 2px solid var(--vv-focus); outline-offset: 2px;}.vv-off-grid{display: grid; grid-template-columns: minmax(0, 1fr) 440px; gap: 2rem; align-items: start;}@media (max-width: 1200px){.vv-off-grid{grid-template-columns: minmax(0, 1fr) 380px; gap: 1.5rem;}}@media (max-width: 900px){.vv-off-grid{grid-template-columns: minmax(0, 1fr);}}.vv-off-progress{margin-bottom: .8rem;}.vv-off-progress-label{font-size: .82rem; color: var(--vv-muted); margin-bottom: .4rem; font-weight: 600;}.vv-off-progress-track{height: 6px; background: var(--vv-line); border-radius: var(--vv-r-pill); overflow: hidden;}.vv-off-progress-fill{width: 100%; height: 100%; background: var(--vv-accent-c); border-radius: var(--vv-r-pill); transform-origin: left center; transition: transform var(--vv-dur) var(--vv-ease);}@media (prefers-reduced-motion: reduce){.vv-off-progress-fill{transition: none;}}.vv-off-step{position: relative; padding: 1rem 1.25rem 1.25rem; background: var(--vv-glass-kaart); border: 1px solid var(--vv-glass-rim); border-radius: var(--vv-r-panel); box-shadow: var(--vv-shadow-sheet);}@media (min-width: 901px){.vv-off-step{-webkit-backdrop-filter: var(--vv-blur); backdrop-filter: var(--vv-blur);}}@media (max-width: 560px){.vv-off-step{padding: .8rem .8rem 1rem;}}.vv-off-step:has(.vv-off-uitleg-paneel:not([hidden])){z-index: 7;}.vv-off-step-title{font-size: 1.35rem; margin: 0 0 .2rem; color: var(--vv-ink); display: flex; align-items: center; gap: .5rem; flex-wrap: wrap;}@media (max-width: 560px){.vv-off-step-title{font-size: 1.2rem;}}.vv-off-step-help, .vv-off-opthelp{color: var(--vv-muted); font-size: .9rem; margin-bottom: 1rem;}.vv-off-uitleg{position: relative; display: inline-flex; flex: 0 0 auto; margin-left: auto;}.vv-off-uitleg-knop{width: 26px; height: 26px; flex: 0 0 auto; padding: 0; display: inline-flex; align-items: center; justify-content: center; border: 1px solid var(--vv-line-strong); border-radius: 50%; background: var(--vv-pure); color: var(--vv-muted); font-size: .72rem; cursor: pointer;}.vv-off-uitleg-knop:hover, .vv-off-uitleg-knop[aria-expanded='true']{border-color: var(--vv-accent-c); color: var(--vv-ink); background: var(--vv-tint);}.vv-off-uitleg-paneel{position: absolute; top: calc(100% + .4rem); left: 0; z-index: 20; width: min(30rem, 78vw); padding: .9rem 1rem; background: var(--vv-pure); border-radius: var(--vv-r-tile); box-shadow: var(--vv-shadow-float); font-size: .88rem; font-weight: 400; line-height: 1.5; color: var(--vv-ink); text-align: left;}.vv-off-uitleg-paneel p{margin: 0 0 .5rem;}.vv-off-uitleg-paneel p:last-child{margin-bottom: 0;}.vv-off-uitleg-paneel a{color: var(--vv-tint-ink);}@media (max-width: 560px){.vv-off-uitleg-paneel{left: auto; right: 0;}}.vv-off-uitleg-sluit{position: absolute; top: .35rem; right: .4rem; width: 28px; height: 28px; padding: 0; border: 0; border-radius: 50%; background: none; color: var(--vv-muted); font-size: 1.25rem; line-height: 1; cursor: pointer; display: flex; align-items: center; justify-content: center;}.vv-off-uitleg-sluit:hover, .vv-off-uitleg-sluit:focus-visible{background: var(--vv-tint); color: var(--vv-ink);}.vv-off-uitleg-tekst{padding-right: 1.6rem;}.vv-off-step-body{margin-top: .75rem;}.vv-off-optgroup{margin-bottom: 1.6rem;}.vv-off-optlabel{font-weight: 700; font-size: 1rem; margin-bottom: .6rem; display: flex; align-items: center; gap: .5rem;}.vv-off-cards{display: grid; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: 1rem;}.vv-off-cards.is-swatch{grid-template-columns: repeat(auto-fill, minmax(132px, 1fr)); gap: .7rem;}.vv-off-card, .vv-off-check{display: flex; flex-direction: column; align-items: stretch; gap: .15rem; padding: 0; border: 0; border-radius: var(--vv-r-card); background: var(--vv-pure); box-shadow: var(--vv-shadow-sheet); cursor: pointer; text-align: left; position: relative; overflow: hidden; color: var(--vv-ink); transition: transform var(--vv-dur) var(--vv-ease);}@media (hover: hover){.vv-off-card:hover, .vv-off-check:hover{box-shadow: var(--vv-shadow-hover); transform: translateY(-2px);}}.vv-off-card.is-on, .vv-off-check.is-on{box-shadow: 0 0 0 2px var(--vv-accent-c), 0 0 0 6px var(--vv-rim-zacht), var(--vv-shadow-sheet);}.vv-off-card.is-on::after, .vv-off-check.is-on::after{content: '✓'; position: absolute; top: .6rem; right: .6rem; z-index: 2; width: 28px; height: 28px; border-radius: 50%; background: var(--vv-kraal); color: var(--vv-kraal-tekst); font-weight: 800; font-size: .85rem; display: grid; place-items: center; box-shadow: var(--vv-shadow-float);}@media (prefers-reduced-motion: reduce){.vv-off-card, .vv-off-check{transition: none;}.vv-off-card:hover, .vv-off-check:hover{transform: none;}}.vv-off-check{padding: .85rem 1rem; border-radius: var(--vv-r-row);}.vv-off-card-img, .vv-off-swatch-img{width: 100%; aspect-ratio: 4 / 3; height: auto; object-fit: cover; display: block; background: var(--vv-tint); margin: 0;}.vv-off-card-ph{width: 100%; aspect-ratio: 4 / 3; background: var(--vv-tint);}.is-swatch .vv-off-card-img, .is-swatch .vv-off-card-ph{aspect-ratio: 1 / 1;}.is-swatch .vv-off-card-body{padding: .5rem .6rem .6rem;}.is-swatch .vv-off-card-name{font-size: .86rem;}.vv-off-cards.is-compact{grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: .7rem;}@media (max-width: 560px){.vv-off-cards.is-compact{grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .55rem;}}.vv-off-cards.is-compact .vv-off-card{border-radius: var(--vv-r-row);}.vv-off-cards.is-compact .vv-off-card-body{padding: .85rem 2.6rem .85rem 1rem;}.vv-off-cards.is-compact .vv-off-card.is-on::after{width: 24px; height: 24px; top: .55rem; right: .55rem; font-size: .75rem;}.vv-off-card-body{padding: .75rem .9rem .9rem; display: flex; flex-direction: column; gap: .1rem;}.vv-off-card-name, .vv-off-check-name{font-weight: 700; font-size: 1rem; color: var(--vv-ink);}.vv-off-card-desc{font-size: .82rem; color: var(--vv-muted); line-height: 1.35;}.vv-off-delta{font-size: .86rem; color: var(--vv-tint-ink); font-weight: 700; margin-top: .35rem;}.vv-off-checks{display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: .7rem;}.vv-off-catalog-keuze{display: flex; align-items: center; gap: .8rem; margin-bottom: 1rem; padding: .7rem .9rem; background: var(--vv-tint); border-radius: var(--vv-r-row); box-shadow: 0 0 0 2px var(--vv-rim);}.vv-off-catalog-keuze-img{width: 56px; height: 42px; object-fit: cover; border-radius: 10px; flex: 0 0 auto;}.vv-off-catalog-keuze-txt{font-size: .92rem; line-height: 1.35;}.vv-off-catalog-keuze-prijs{color: var(--vv-tint-ink); font-weight: 700; white-space: nowrap;}.vv-off-catalog-wis{margin-left: auto; flex: 0 0 auto; background: none; border: 0; padding: .3rem .6rem; color: var(--vv-muted); font-size: .82rem; font-weight: 600; text-decoration: underline; cursor: pointer; border-radius: var(--vv-r-pill);}.vv-off-catalog-wis:hover{color: var(--vv-ink); background: var(--vv-tint);}.vv-off-catalog-tools{display: flex; align-items: center; gap: .8rem; margin-bottom: .8rem; flex-wrap: wrap;}.vv-off-catalog-tools > .vv-off-optlabel{margin: 0; flex: 0 0 auto;}.vv-off-catalog-search{flex: 1 1 260px; max-width: 420px;}.vv-off-catalog-verder{flex: 0 0 auto; padding: .7rem 1.4rem; margin-left: auto;}.vv-off-herkomst{display: flex; align-items: center; gap: .5rem; margin: 0 0 1rem; padding: .6rem 1rem; border-radius: var(--vv-r-pill); background: var(--vv-pure); box-shadow: var(--vv-shadow-float); color: var(--vv-ink); text-decoration: none; font-size: .88rem; line-height: 1.3;}.vv-off-herkomst:hover{color: var(--vv-ink); box-shadow: 0 0 0 2px var(--vv-rim), var(--vv-shadow-float);}.vv-off-herkomst .oi{color: var(--vv-muted); flex: 0 0 auto;}.vv-off-herkomst-txt{flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}.vv-off-herkomst-pre{color: var(--vv-muted);}.vv-off-herkomst-actie{flex: 0 0 auto; font-weight: 600; color: var(--vv-tint-ink);}@media (max-width: 560px){.vv-off-herkomst-actie{display: none;}}.vv-off-gekozen{position: relative; display: flex; align-items: center; gap: .7rem; margin-top: 1rem; padding-top: 1rem; border-top: 1px solid var(--vv-line); text-align: left;}.vv-off-gekozen + .vv-off-gekozen{margin-top: .5rem; padding-top: .5rem;}.vv-off-gekozen-img{width: 52px; height: 40px; object-fit: cover; border-radius: 10px; flex: 0 0 auto;}.vv-off-gekozen-txt{display: flex; flex-direction: column; min-width: 0; flex: 1 1 auto;}.vv-off-gekozen-label{font-size: .72rem; text-transform: uppercase; letter-spacing: .4px; color: var(--vv-muted); font-weight: 700;}.vv-off-gekozen-naam{font-weight: 700; font-size: .9rem; color: var(--vv-ink); line-height: 1.25; overflow: hidden; text-overflow: ellipsis;}.vv-off-gekozen-prijs{font-size: .8rem; color: var(--vv-tint-ink); font-weight: 600;}.vv-off-gekozen-levering{font-size: .76rem; color: var(--vv-muted); line-height: 1.35; margin-top: .1rem;}.vv-off-gekozen-geleverd{font-size: .73rem; color: var(--vv-muted); opacity: .85; line-height: 1.3;}@keyframes vv-off-oplicht{0%{opacity: 1;}100%{opacity: 0;}}.vv-off-gekozen.is-nieuw::before{content: ""; position: absolute; inset: -.25rem -.5rem; z-index: -1; border-radius: 12px; background: var(--vv-oplicht); animation: vv-off-oplicht 1.4s ease-out forwards;}@media (prefers-reduced-motion: reduce){.vv-off-gekozen.is-nieuw::before{animation: none; opacity: .6;}}.vv-off-keuzelijst{position: relative; z-index: 0;}.vv-off-gekozen-bedrag{font-size: .85rem; font-weight: 700; color: var(--vv-ink); white-space: nowrap; margin-left: auto; align-self: flex-start; padding-left: .4rem;}.vv-off-gekozen-bolletje{width: 52px; height: 40px; flex: 0 0 auto; border-radius: 10px; background: var(--vv-tint); position: relative;}.vv-off-gekozen-bolletje::after{content: ""; position: absolute; inset: 0; margin: auto; width: 10px; height: 10px; border-radius: 50%; background: var(--vv-muted);}.vv-off-gekozen-bolletje[data-soort="material"]::after{background: var(--vv-tint-ink);}.vv-off-gekozen-bolletje[data-soort="labor"]::after{background: var(--vv-accent-c);}.vv-off-keuzelijst-voet{margin-top: .6rem; font-size: .72rem; color: var(--vv-muted); text-align: right;}.vv-off-afgeleid{grid-column: 1 / -1; display: flex; flex-direction: column; gap: .2rem; padding: .8rem 1rem; border-radius: var(--vv-r-row); background: var(--vv-tint); color: var(--vv-muted); font-size: .88rem; line-height: 1.45;}.vv-off-afgeleid strong{color: var(--vv-ink);}.vv-off-afgeleid .vv-off-delta{margin: 0 0 0 .6rem;}.vv-off-afgeleid-kop{display: flex; flex-wrap: wrap; align-items: baseline;}.vv-off-regels-host{margin-bottom: .9rem;}.vv-off-regels-leeg{font-size: .84rem; color: var(--vv-muted); line-height: 1.45; border: 1px dashed var(--vv-line-strong); border-radius: var(--vv-r-row); padding: .75rem .9rem;}.vv-off-regels{display: flex; flex-direction: column; gap: .55rem;}.vv-off-regel{display: flex; align-items: center; gap: .6rem; border-radius: var(--vv-r-row); padding: .5rem .7rem; background: var(--vv-pure); box-shadow: var(--vv-shadow-sheet);}.vv-off-regel-img, .vv-off-regel-ph{flex: 0 0 auto; width: 44px; height: 44px; border-radius: 10px; object-fit: cover; background: var(--vv-tint);}.vv-off-regel-naam{flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; font-size: .86rem; line-height: 1.25; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}.vv-off-regel-naam > span{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}.vv-off-regel-nr{font-size: .7rem; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; color: var(--vv-tint-ink);}.vv-off-regel-invoer{flex: 0 0 auto; display: flex; align-items: center; gap: .3rem;}.vv-off-regel-invoer .vv-off-inp{width: 4.6rem;}.vv-off-regel-uit{flex: 0 0 auto; font-size: .78rem; color: var(--vv-muted); white-space: nowrap; min-width: 5.5rem;}.vv-off-regel-del{flex: 0 0 auto; border: none; background: none; color: var(--vv-muted); font-size: 1.3rem; line-height: 1; cursor: pointer; padding: 0 .2rem;}.vv-off-regel-del:hover{color: #b3261e;}.vv-off-regels-tot{margin-top: .5rem; font-size: .86rem;}.vv-off-regels-schat, .vv-off-regels-tip{color: var(--vv-muted);}@media (max-width: 560px){.vv-off-regel{flex-wrap: wrap;}.vv-off-regel-naam{flex: 1 1 60%;}.vv-off-regel-uit{min-width: 0;}}.vv-off-compactrij{display: flex; flex-wrap: wrap; gap: .6rem 2rem; align-items: flex-start; margin-bottom: 1.4rem;}.vv-off-compactrij > .vv-off-optgroup{margin: 0; flex: 1 1 22rem; min-width: 0;}.vv-off-optgroup--inline{display: flex; align-items: center; flex-wrap: wrap; gap: .4rem .8rem;}.vv-off-optgroup--inline .vv-off-optlabel{margin: 0; flex: 1 1 0; min-width: 0;}.vv-off-optgroup--inline > *:not(.vv-off-optlabel){flex: 0 0 auto; margin-left: auto;}.vv-off-optgroup--inline .vv-off-numrow{margin: 0;}.vv-off-chips{display: flex; flex-direction: column; gap: .45rem; margin-bottom: 1rem;}.vv-off-facet{display: flex; flex-wrap: wrap; align-items: center; gap: .4rem;}.vv-off-facet-label{font-size: .78rem; text-transform: uppercase; letter-spacing: .04em; color: var(--vv-muted); margin-right: .15rem; min-width: 3.4rem;}@media (max-width: 640px){.vv-off-facet{align-items: flex-start;}.vv-off-facet-label{min-width: 100%; margin-bottom: .1rem;}}.vv-off-geen-rij{margin: -.4rem 0 .9rem;}.vv-off-geen{flex: 0 0 auto; border: 1px solid var(--vv-line-strong); background: none; border-radius: var(--vv-r-pill); padding: .4rem .95rem; font-size: .86rem; color: var(--vv-muted); cursor: pointer;}.vv-off-geen:hover{border-color: var(--vv-ink); color: var(--vv-ink);}.vv-off-geen.is-actief{border-color: var(--vv-ink); color: var(--vv-ink); font-weight: 600;}.vv-off-chip{display: inline-flex; align-items: center; gap: .35rem; padding: .4rem .9rem; border: 0; border-radius: var(--vv-r-pill); background: var(--vv-tint); cursor: pointer; font-size: .86rem; font-weight: 600; color: var(--vv-ink);}.vv-off-chip:hover{box-shadow: inset 0 0 0 1px var(--vv-line-strong);}.vv-off-chip.is-on{background: var(--vv-knop); color: var(--vv-knop-tekst);}.vv-off-chip-n{font-size: .76rem; color: var(--vv-muted); font-weight: 500;}.is-on .vv-off-chip-n{color: inherit; opacity: .75;}.vv-off-card-pack{font-size: .76rem; color: var(--vv-muted); margin-top: .1rem;}.vv-off-catalog-foot{display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-top: 1rem; flex-wrap: wrap;}.vv-off-catalog-telling{font-size: .85rem; color: var(--vv-muted);}.vv-off-catalog-laden{padding: 2rem 0; color: var(--vv-muted); grid-column: 1 / -1; text-align: center;}.vv-off-catalog-fout{grid-column: 1 / -1; padding: 1rem; border-radius: var(--vv-r-row); background: rgba(180, 120, 30, 0.12); color: #9a5b12; font-size: .9rem;}.vv-off-toggle{display: inline-flex; align-items: center; gap: .6rem; padding: .65rem 1.05rem; border: 0; border-radius: var(--vv-r-pill); background: var(--vv-tint); color: var(--vv-ink); cursor: pointer; font-weight: 600;}.vv-off-toggle .vv-off-toggle-dot{width: 18px; height: 18px; border-radius: 50%; border: 2px solid var(--vv-line-strong); background: var(--vv-pure);}.vv-off-toggle:hover{box-shadow: inset 0 0 0 1px var(--vv-line-strong);}.vv-off-toggle.is-on{background: var(--vv-pure); box-shadow: 0 0 0 2px var(--vv-accent-c);}.vv-off-toggle.is-on .vv-off-toggle-dot{background: var(--vv-accent-c); border-color: var(--vv-accent-c);}.vv-off-stepper{display: inline-flex; align-items: center; gap: .5rem;}.vv-off-step-btn{width: 48px; height: 48px; border-radius: var(--vv-r-tile); border: 1px solid var(--vv-line-strong); background: var(--vv-pure); font-size: 1.5rem; line-height: 1; cursor: pointer; color: var(--vv-ink); font-weight: 700;}.vv-off-step-btn:hover{border-color: var(--vv-accent-c);}.vv-off-step-input, .vv-off-m2-input{width: 96px; height: 48px; text-align: center; font-size: 1.3rem; font-weight: 700; border: 1px solid var(--vv-line-strong); border-radius: var(--vv-r-tile); background: var(--vv-pure); color: var(--vv-ink);}.vv-off-step-input:focus, #wrapwrap .vv-off-step-input:focus, .vv-off-m2-input:focus, #wrapwrap .vv-off-m2-input:focus{outline: 0; border-color: var(--vv-accent-c); box-shadow: 0 0 0 3px var(--vv-rim);}.vv-off-stepper-unit{color: var(--vv-muted); margin-top: .4rem;}.vv-off-tabs{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2px; max-width: 30rem; padding: 4px; margin-bottom: .7rem; border-radius: var(--vv-r-pill); background: var(--vv-spoor); box-shadow: inset 0 1px 3px var(--vv-spoor-schaduw);}@media (max-width: 560px){.vv-off-tabs{max-width: none;}}.vv-off-tab{min-height: 44px; padding: .3rem .9rem; border: 0; border-radius: var(--vv-r-pill); background: none; color: var(--vv-spoor-tekst); cursor: pointer; font-weight: 700; font-size: .95rem; line-height: 1.2; text-align: center; transition: transform var(--vv-dur) var(--vv-ease);}@media (hover: hover){.vv-off-tab:hover{color: var(--vv-ink); background: var(--vv-seg-hover);}}.vv-off-tab:active{transform: scale(0.98);}.vv-off-tab[aria-selected="true"]{background: var(--vv-pure); color: var(--vv-ink); box-shadow: 0 0 0 1.5px var(--vv-ink), var(--vv-shadow-float);}@media (max-width: 400px){.vv-off-tab{font-size: .88rem; padding: .3rem .5rem;}}@media (prefers-reduced-motion: reduce){.vv-off-tab{transition: none;}.vv-off-tab:active{transform: none;}}.vv-off-measure-note{margin: 0 0 .6rem; font-size: .86rem; color: var(--vv-muted); line-height: 1.4; max-width: 44rem;}.vv-off-m2-blok{display: flex; flex-wrap: wrap; align-items: center; gap: .5rem 1.2rem;}.vv-off-m2-blok .vv-off-measure-note{flex: 1 1 18rem; margin: 0;}.vv-off-m2-row{display: flex; align-items: stretch; gap: .6rem; flex: 0 0 15rem; max-width: 15rem;}.vv-off-m2-input{flex: 1 1 auto; min-width: 0; width: auto; font-size: 1.35rem !important; font-weight: 700; padding: .5rem .8rem !important; text-align: right;}.vv-off-m2-unit{flex: 0 0 auto; display: flex; align-items: center; padding: 0 1.1rem; font-size: 1.25rem; color: var(--vv-tint-ink); font-weight: 700; background: var(--vv-tint); border-radius: var(--vv-r-tile);}.vv-off-rooms{display: grid; gap: .6rem; grid-template-columns: repeat(auto-fill, minmax(var(--vv-kamer-min, 14.5rem), 1fr));}.vv-off-room-wrap{min-width: 0; padding: .5rem .7rem .7rem; border-radius: var(--vv-r-row); background: var(--vv-pure); box-shadow: var(--vv-shadow-sheet);}.vv-off-room-kop{display: flex; align-items: center; gap: .5rem; min-height: 28px; margin-bottom: .5rem;}.vv-off-room-num{font-size: .78rem; font-weight: 700; color: var(--vv-tint-ink);}.vv-off-room-m2{margin-left: auto; font-weight: 700; color: var(--vv-ink); white-space: nowrap; font-size: .92rem; font-variant-numeric: tabular-nums;}.vv-off-room-del{flex: 0 0 auto; border: none; background: none; color: var(--vv-muted); font-size: 1.3rem; line-height: 1; cursor: pointer; padding: 0 .1rem;}.vv-off-room-del:hover{color: var(--vv-ink);}.vv-off-room-wrap .vv-off-room-del{flex: 0 0 auto; width: 44px; height: 44px; margin: -.5rem -.7rem -.5rem -.3rem; padding: 0; display: inline-flex; align-items: center; justify-content: center; border: 0; border-radius: 50%; background: none; color: var(--vv-muted); font-size: 1.3rem; line-height: 1; cursor: pointer;}@media (hover: hover){.vv-off-room-wrap .vv-off-room-del:hover{color: var(--vv-ink); background: var(--vv-tint);}}.vv-off-room-wrap .vv-off-room-del:focus-visible, #wrapwrap .vv-off-room-wrap .vv-off-room-del:focus-visible{outline: 2px solid var(--vv-focus); outline-offset: -4px;}.vv-off-room{display: flex; align-items: center; gap: .4rem;}.vv-off-x{flex: 0 0 auto; color: var(--vv-muted);}.vv-off-maat{position: relative; display: block; flex: 1 1 0; min-width: 0;}.vv-off-maat .vv-off-inp{min-height: 44px; padding: .6rem 1.4rem .6rem .55rem; -moz-appearance: textfield; appearance: textfield;}.vv-off-maat .vv-off-inp::-webkit-outer-spin-button, .vv-off-maat .vv-off-inp::-webkit-inner-spin-button{-webkit-appearance: none; margin: 0;}.vv-off-maat-eenheid{position: absolute; top: 0; bottom: 0; right: .55rem; display: flex; align-items: center; color: var(--vv-muted); font-size: .85rem; pointer-events: none;}.vv-off-add-room{display: flex; align-items: center; justify-content: center; gap: .4rem; min-height: 48px; min-width: 0; margin: 0; padding: .6rem 1rem; border: 1px dashed var(--vv-line-strong); border-radius: var(--vv-r-row); background: none; color: var(--vv-ink); font-weight: 600; cursor: pointer; transition: transform var(--vv-dur) var(--vv-ease);}@media (hover: hover){.vv-off-add-room:hover{border-color: var(--vv-ink); background: var(--vv-tint);}}.vv-off-add-room:active{transform: scale(0.98);}@media (prefers-reduced-motion: reduce){.vv-off-add-room{transition: none;}.vv-off-add-room:active{transform: none;}}.vv-off-meetvoet{display: flex; flex-wrap: wrap; align-items: center; gap: .6rem 1.2rem; margin-top: .75rem;}.vv-off-m2{flex: 1 1 15rem; min-width: 0; min-height: 50px; margin: 0; display: flex; flex-wrap: wrap; align-items: baseline; align-content: center; gap: 0 .55rem; padding: .4rem .9rem; background: var(--vv-tint); border-radius: var(--vv-r-row);}.vv-off-m2-label{font-size: .74rem; font-weight: 700; text-transform: uppercase; letter-spacing: .5px; color: var(--vv-tint-ink);}.vv-off-m2-num{font-size: 1.3rem; font-weight: 800; color: var(--vv-ink); white-space: nowrap; font-variant-numeric: tabular-nums; font-family: var(--set-headings-font, var(--body-font-family));}.vv-off-m2-sub{font-size: .85rem; color: var(--vv-muted);}.vv-off-m2-sub:empty{display: none;}.vv-off-survey-tools{margin: .4rem 0 .3rem;}.vv-off-survey-toolrow{display: flex; gap: .5rem; flex-wrap: wrap; align-items: center;}.vv-off-survey-toolrow .vv-off-inp{flex: 1; min-width: 120px;}.vv-off-survey-fill{border: 1px solid var(--vv-line-strong); background: var(--vv-pure); color: var(--vv-ink); padding: .7rem 1.1rem; border-radius: var(--vv-r-pill); cursor: pointer; font-weight: 700; white-space: nowrap;}.vv-off-survey-fill:hover{border-color: var(--vv-ink); background: var(--vv-tint);}.vv-off-survey-hint{font-size: .82rem; color: var(--vv-muted); margin: .3rem 0 .7rem;}.vv-off-survey{display: flex; flex-direction: column; gap: .35rem;}.vv-off-survey-head, .vv-off-survey-row{display: grid; grid-template-columns: 26px 78px 1fr 1fr 1.4fr 30px; gap: .4rem; align-items: center;}.vv-off-survey-head{font-size: .72rem; color: var(--vv-muted); font-weight: 700; text-transform: uppercase; letter-spacing: .3px; padding: 0 .1rem;}.vv-off-survey-head span:first-child{text-align: center;}.vv-off-survey-idx{text-align: center; font-weight: 700; color: var(--vv-muted); font-size: .85rem;}.vv-off-inp-sm{padding: .5rem .5rem !important; font-size: 15px !important;}.vv-off-inp-xs{padding: .5rem .35rem !important; font-size: 14px !important;}.vv-off-survey-bw{display: flex; gap: .3rem;}.vv-off-survey-bw .vv-off-inp{flex: 1; min-width: 0;}.vv-off-survey-totals{margin-top: .9rem;}.vv-off-survey-sum{display: flex; flex-wrap: wrap; gap: .4rem .9rem; padding: .75rem 1rem; background: var(--vv-tint); border-radius: var(--vv-r-row); font-size: .9rem; color: var(--vv-muted);}.vv-off-survey-sum b{color: var(--vv-ink);}.vv-off-blondel{margin-top: .5rem; font-size: .84rem; padding: .5rem .85rem; border-radius: var(--vv-r-tile);}.vv-off-blondel b{font-weight: 700;}.vv-off-blondel.is-ok{background: rgba(72, 140, 72, 0.12); color: #2f6b2f;}.vv-off-blondel.is-warn{background: rgba(180, 120, 30, 0.14); color: #9a5b12;}@media (max-width: 560px){.vv-off-survey-head{display: none;}.vv-off-survey-row{grid-template-columns: 22px 1fr 1fr; grid-auto-flow: row; row-gap: .3rem;}.vv-off-survey-row .vv-off-survey-bw{grid-column: 2 / 4;}}.vv-off-inp, .vv-off-select, .vv-off-textarea{width: 100%; padding: .7rem .85rem; border: 1px solid var(--vv-line-strong); border-radius: var(--vv-r-tile); font-size: 16px; font-family: inherit; background: var(--vv-pure); color: var(--vv-ink);}.vv-off-inp:focus, #wrapwrap .vv-off-inp:focus, .vv-off-select:focus, #wrapwrap .vv-off-select:focus, .vv-off-textarea:focus, #wrapwrap .vv-off-textarea:focus{outline: 0; border-color: var(--vv-accent-c); box-shadow: 0 0 0 3px var(--vv-rim);}.vv-off-num{max-width: 140px;}.vv-off-numrow{display: flex; align-items: center; gap: .6rem; flex-wrap: wrap;}.vv-off-num-unit{color: var(--vv-muted); font-size: .9rem;}.vv-off-verlies{position: relative; flex: 0 1 auto; min-width: 0; display: flex; flex-wrap: wrap; align-items: center; gap: .4rem .6rem;}@media (max-width: 560px){.vv-off-verlies{flex: 1 1 100%;}}.vv-off-verlies-kop{display: inline-flex; align-items: center; gap: .35rem; font-size: .82rem; font-weight: 600; color: var(--vv-muted);}.vv-off-verlies-kop .vv-off-uitleg{position: static; margin-left: 0;}.vv-off-verlies-kop .vv-off-uitleg-knop{position: relative;}.vv-off-verlies-kop .vv-off-uitleg-knop::after{content: ""; position: absolute; inset: -9px;}.vv-off-keuzeseg{display: inline-grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); gap: 2px; padding: 3px; border-radius: var(--vv-r-pill); background: var(--vv-spoor);}@media (max-width: 560px){.vv-off-keuzeseg{display: grid; flex: 1 1 auto;}}.vv-off-keuzeseg button{min-height: 44px; min-width: 4rem; padding: .15rem .55rem; border: 0; border-radius: var(--vv-r-pill); background: transparent; color: var(--vv-spoor-tekst); cursor: pointer; display: flex; flex-direction: column; align-items: center; justify-content: center; font-size: .9rem; line-height: 1.15; transition: transform var(--vv-dur) var(--vv-ease);}.vv-off-keuzeseg button b{font-weight: 700; font-variant-numeric: tabular-nums;}.vv-off-keuzeseg button small{font-size: .72rem; font-weight: 500; white-space: nowrap;}@media (max-width: 560px){.vv-off-keuzeseg button{min-width: 0; padding-inline: .1rem;}.vv-off-keuzeseg button small{font-size: .68rem;}}@media (hover: hover){.vv-off-keuzeseg button:hover{color: var(--vv-ink);}}.vv-off-keuzeseg button:active{transform: scale(0.97);}.vv-off-keuzeseg button[aria-pressed="true"]{background: var(--vv-pure); color: var(--vv-ink); box-shadow: 0 0 0 1px var(--vv-line-strong);}@media (prefers-reduced-motion: reduce){.vv-off-keuzeseg button{transition: none;}.vv-off-keuzeseg button:active{transform: none;}}.vv-off-verlies--vink{flex: 1 1 100%; flex-wrap: nowrap; align-items: flex-start; gap: .6rem; max-width: 32.5rem; padding: .75rem .9rem; background: var(--vv-tint); border-radius: var(--vv-r-row); cursor: pointer;}.vv-off-verlies--vink:hover{box-shadow: inset 0 0 0 1px var(--vv-line-strong);}.vv-off-verlies-vink{width: 18px; height: 18px; flex: 0 0 auto; margin-top: .1rem; accent-color: var(--vv-knop);}.vv-off-verlies-txt{display: flex; flex-direction: column; font-size: .88rem; font-weight: 600; color: var(--vv-ink);}.vv-off-verlies-hint{font-size: .78rem; font-weight: 400; color: var(--vv-muted); margin-top: .1rem;}.vv-off-num-schatting{flex: 1 1 16rem; min-width: 0; font-size: .8rem; line-height: 1.4; color: var(--vv-muted); background: var(--vv-tint); border-radius: var(--vv-r-tile); padding: .5rem .75rem; align-self: center;}@media (max-width: 620px){.vv-off-num-schatting{flex: 1 0 100%;}}.vv-off-contact{display: grid; grid-template-columns: 1fr 1fr; gap: .8rem;}@media (max-width: 560px){.vv-off-contact{grid-template-columns: 1fr;}}.vv-off-field{display: flex; flex-direction: column; gap: .25rem;}.vv-off-field-lbl{font-size: .82rem; color: var(--vv-muted); font-weight: 600;}.vv-off-textarea{margin-top: .8rem;}.vv-off-photo{margin-top: .8rem; display: flex; align-items: center; gap: .8rem; flex-wrap: wrap;}.vv-off-photo-btn{display: inline-flex; align-items: center; gap: .4rem; border: 1px dashed var(--vv-line-strong); border-radius: var(--vv-r-pill); padding: .6rem 1.1rem; cursor: pointer; color: var(--vv-ink); font-weight: 600; font-size: .9rem;}.vv-off-photo-btn:hover{border-color: var(--vv-ink); background: var(--vv-tint);}.vv-off-photo-input{position: absolute; width: 1px; height: 1px; opacity: 0; overflow: hidden;}.vv-off-photo-thumb{display: flex;}.vv-off-photo-img{width: 66px; height: 66px; object-fit: cover; border-radius: var(--vv-r-tile); box-shadow: var(--vv-shadow-float);}.vv-off-consent{font-size: .78rem; color: var(--vv-muted); margin-top: .8rem;}.vv-off-consent a{color: var(--vv-tint-ink);}.vv-off-summary{border-radius: var(--vv-r-card); overflow: hidden; background: var(--vv-pure); box-shadow: var(--vv-shadow-sheet);}.vv-off-sumkop{padding: .6rem 1.1rem; background: var(--vv-tint); font-size: .74rem; font-weight: 800; text-transform: uppercase; letter-spacing: .5px; color: var(--vv-tint-ink);}.vv-off-sumsub{display: flex; justify-content: space-between; gap: 1rem; padding: .6rem 1.1rem; border-bottom: 1px solid var(--vv-line); font-weight: 700; color: var(--vv-ink);}.vv-off-sumline-detail{display: block; font-size: .78rem; color: var(--vv-muted); font-weight: 400; line-height: 1.4; margin-top: .15rem;}.vv-off-sumline{display: flex; justify-content: space-between; gap: 1rem; padding: .65rem 1.1rem; border-bottom: 1px solid var(--vv-line);}.vv-off-sumline-amt{font-weight: 700; white-space: nowrap;}.vv-off-sumtotaal{padding: .7rem 1.1rem .9rem; background: var(--vv-pure);}.vv-off-sumtot-rij{display: flex; justify-content: space-between; gap: 1rem; padding: .2rem 0; font-size: .92rem; color: var(--vv-muted);}.vv-off-sumtot-rij > :last-child{white-space: nowrap; color: var(--vv-ink);}.vv-off-sumtot-rij.is-totaal{margin-top: .35rem; padding-top: .55rem; border-top: 1px solid var(--vv-line-strong); font-size: 1.05rem; font-weight: 700; color: var(--vv-ink);}.vv-off-sumtot-rij.is-totaal strong{font-size: 1.2rem;}.vv-off-disclaimer, .vv-off-consent{font-size: .8rem; color: var(--vv-muted);}.vv-off-disclaimer{margin-top: 1rem; background: var(--vv-tint); border-radius: var(--vv-r-row); padding: .85rem 1.1rem;}.vv-off-disclaimer p:last-child{margin-bottom: 0;}.vv-off-side{align-self: stretch; display: flex; flex-direction: column; gap: 1rem;}.vv-off-preview{background: var(--vv-tint); border-radius: var(--vv-r-card); box-shadow: var(--vv-shadow-sheet); padding: 1.1rem; min-height: 320px; display: flex; flex-direction: column; justify-content: center; text-align: center;}.vv-off-ladetotaal, .vv-off-keuzetab, .vv-off-keuzescrim{display: none;}.vv-off-keuzeblok{background: var(--vv-pure); border-radius: var(--vv-r-card); box-shadow: var(--vv-shadow-sheet); padding: .2rem 1.2rem 1rem; text-align: left;}.vv-off-keuzeblok:empty{display: none;}.vv-off-keuzeblok .vv-off-gekozen:first-child{border-top: 0; margin-top: .9rem; padding-top: 0;}.vv-off-preview-img{max-width: 100%; border-radius: var(--vv-r-row);}.vv-off-preview svg{width: 100%; height: auto;}.vv-off-preview-generic{color: var(--vv-muted); font-weight: 600;}.vv-off-preview:has(.vv-off-floor){padding: 0; overflow: hidden; background: var(--vv-tint); min-height: 0; display: block;}.vv-off-stair{width: 100%; text-align: center;}.vv-off-floor{position: relative; width: 100%; line-height: 0;}.vv-off-floor svg{display: block; width: 100%; height: auto;}.vv-off-floor-tag{position: absolute; left: .8rem; bottom: .8rem; z-index: 2; padding: .32rem .8rem; border-radius: var(--vv-r-pill); background: var(--vv-tag-bg); -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); color: #fff; font-size: .78rem; font-weight: 700; line-height: 1.3; letter-spacing: .01em; white-space: nowrap; display: inline-block; max-width: calc(100% - 1.6rem); overflow: hidden; text-overflow: ellipsis;}@media (max-width: 900px){.vv-off-floor-tag-woord{position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap;}}.vv-off-stair-cap{margin-top: .5rem; font-weight: 700; color: var(--vv-tint-ink); font-size: .9rem;}.vv-off-3d{width: 100%; min-height: 300px; cursor: grab; touch-action: none;}.vv-off-3d canvas{width: 100% !important; height: auto !important; display: block;}.vv-off-3d:active{cursor: grabbing;}.vv-off-3d-hint{margin-top: .4rem; font-size: .75rem; color: var(--vv-muted); display: flex; align-items: center; justify-content: center; gap: .3rem;}.vv-off-3d-hint::before{content: "↻"; font-size: 1rem;}.vv-off-3d-loading{min-height: 200px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .7rem; color: var(--vv-muted);}.vv-off-3d-loadtxt{font-size: .82rem;}.vv-off-spin{width: 34px; height: 34px; border-radius: 50%; border: 3px solid var(--vv-line); border-top-color: var(--vv-accent-c); animation: vv-off-spin .8s linear infinite;}@keyframes vv-off-spin{to{transform: rotate(360deg);}}.vv-off-pricebar{background: var(--vv-tint); color: var(--vv-ink); border-radius: var(--vv-r-row); padding: .6rem 1rem; flex: 1 1 auto; min-width: 0;}.vv-off-price-hoofd{display: flex; align-items: baseline; gap: .1rem .7rem; flex-wrap: wrap;}.vv-off-price-basis{font-size: .78rem; color: var(--vv-muted); margin-top: .15rem;}.vv-off-price-label{font-size: .74rem; color: var(--vv-tint-ink); text-transform: uppercase; letter-spacing: .5px; font-weight: 700; white-space: nowrap;}.vv-off-price-big{font-size: 1.6rem; font-weight: 800; line-height: 1.1; white-space: nowrap; color: var(--vv-ink); transition: opacity var(--vv-dur) var(--vv-ease);}.vv-off-price-big.is-loading, .vv-off-price-big.is-stale{opacity: .55;}.vv-off-price-excl{font-size: .85rem; color: var(--vv-muted); white-space: nowrap;}.vv-off-price-note{font-size: .72rem; color: var(--vv-muted); margin-top: .1rem;}.vv-off-price-fout{font-size: .75rem; font-weight: 700; margin-top: .15rem; color: #b3261e;}.vv-off-price-opnieuw{padding: 0; border: 0; background: none; color: inherit; font: inherit; text-decoration: underline; cursor: pointer;}.vv-off-price-wait{font-size: 1.15rem; font-weight: 700; line-height: 1.3; margin: .2rem 0 .1rem;}.vv-off-bottombar{position: sticky; bottom: .75rem; z-index: 6; display: flex; align-items: center; gap: 1rem; flex-wrap: wrap; margin-top: 1rem; padding: .6rem; background: var(--vv-glass); -webkit-backdrop-filter: blur(14px) saturate(1.2); backdrop-filter: blur(14px) saturate(1.2); border: 1px solid var(--vv-glass-rim); border-radius: var(--vv-r-panel); box-shadow: var(--vv-shadow-float);}.vv-off-bottombar .vv-off-pricebar{border-radius: calc(var(--vv-r-panel) - .6rem);}@media (max-width: 620px){.vv-off-bottombar{padding: .5rem; gap: .5rem;}}.vv-off-nav{display: flex; gap: .6rem; margin: 0 0 0 auto; align-items: center; flex: 0 0 auto;}@media (max-width: 560px){.vv-off-nav{flex-wrap: wrap; flex: 1 1 auto; min-width: 0; justify-content: flex-end;}}.vv-off-btn{min-height: 48px; padding: .75rem 1.6rem; border-radius: var(--vv-r-pill); border: 1px solid transparent; font-weight: 700; font-size: 1rem; line-height: 1.2; cursor: pointer; text-decoration: none; display: inline-flex; align-items: center; justify-content: center; gap: .45rem; transition: transform var(--vv-dur) var(--vv-ease);}.vv-off-btn:active{transform: translateY(1px);}.vv-off-btn:disabled{opacity: .6; cursor: default;}@media (prefers-reduced-motion: reduce){.vv-off-btn{transition: none;}}.vv-off-btn-primary{background: var(--vv-knop); color: var(--vv-knop-tekst); margin-left: auto; box-shadow: var(--vv-shadow-knop);}.vv-off-btn-primary:hover{background: var(--vv-knop-hover); color: var(--vv-knop-tekst);}.vv-off-btn-ghost{background: transparent; border-color: var(--vv-line-strong); color: var(--vv-ink);}.vv-off-btn-ghost:hover{border-color: var(--vv-ink); color: var(--vv-ink);}.vv-off-btn.is-disabled{opacity: .45; cursor: not-allowed; box-shadow: none;}.vv-off-btn.is-disabled:hover{background: var(--vv-knop);}.vv-off-btn.is-disabled:active{transform: none;}.vv-off-nav-hint{font-size: .86rem; color: var(--vv-muted); align-self: center; margin-left: auto; padding-right: .8rem; text-align: right; max-width: 34ch;}@media (max-width: 560px){.vv-off-nav-hint{order: -1; margin-left: 0; padding-right: 0; text-align: left; max-width: none; flex: 1 1 100%;}}.vv-off-error{color: #b3261e; background: #fdeceb; border-radius: var(--vv-r-tile); padding: .65rem .9rem; margin-top: .8rem; font-size: .9rem;}.vv-off-thanks{text-align: center; padding: 2rem 1rem; max-width: 520px; margin: 0 auto;}.vv-off-thanks-icon{width: 64px; height: 64px; border-radius: 50%; background: var(--vv-kraal); color: var(--vv-kraal-tekst); font-size: 2rem; display: flex; align-items: center; justify-content: center; margin: 0 auto 1rem; box-shadow: var(--vv-shadow-float);}.vv-off-thanks-ref{color: var(--vv-muted);}.vv-off-thanks-price{font-size: 2rem; font-weight: 800; color: var(--vv-ink); margin: .3rem 0 1rem; white-space: nowrap;}.vv-off-thanks-note{color: var(--vv-muted); margin-bottom: 1.4rem;}.vv-off-thanks-drawing{margin: 1rem auto 1.2rem; max-width: 480px; border-radius: var(--vv-r-card); padding: .9rem; background: var(--vv-pure); box-shadow: var(--vv-shadow-sheet);}.vv-off-thanks-drawing svg{max-width: 100%; height: auto;}.vv-off-thanks-actions{display: flex; flex-direction: column; gap: .6rem; max-width: 360px; margin: 0 auto 1rem;}.vv-off-thanks-actions .vv-off-btn{margin: 0; width: 100%; justify-content: center; text-align: center; font-size: 1.02rem; padding: .85rem 1rem;}.vv-off-btn-call{background: transparent; border-color: var(--vv-line-strong); color: var(--vv-ink);}.vv-off-btn-call:hover{border-color: var(--vv-ink); color: var(--vv-ink);}.vv-off-thanks-secondary{display: flex; flex-direction: column; gap: .5rem; margin-top: 1rem; align-items: center; padding-top: 1rem; border-top: 1px solid var(--vv-line);}.vv-off-thanks-link{color: var(--vv-tint-ink); text-decoration: none; font-weight: 600; font-size: .92rem; display: inline-flex; align-items: center; gap: .4rem;}.vv-off-thanks-link:hover{text-decoration: underline;}.vv-off-picker-title{font-size: 1.6rem; text-align: center; margin: 0 0 1.4rem;}.vv-off-picker-intro{max-width: 52ch; margin: -1rem auto 1.4rem; text-align: center; color: var(--vv-muted);}.vv-off-picker-back{min-height: 44px; margin-bottom: .5rem; padding-inline: 0;}.vv-off-picker{display: grid; gap: 1.1rem; grid-template-columns: repeat(4, minmax(0, 1fr));}@media (max-width: 1100px){.vv-off-picker{grid-template-columns: repeat(3, minmax(0, 1fr));}}@media (max-width: 780px){.vv-off-picker{grid-template-columns: repeat(2, minmax(0, 1fr));}}@media (max-width: 460px){.vv-off-picker{grid-template-columns: minmax(0, 1fr);}}.vv-off-tile{display: flex; flex-direction: column; align-items: flex-start; gap: .35rem; text-align: left; border: 0; border-radius: var(--vv-r-card); background: var(--vv-pure); padding: 0; overflow: hidden; cursor: pointer; box-shadow: var(--vv-shadow-sheet); color: var(--vv-ink); transition: transform var(--vv-dur) var(--vv-ease);}@media (hover: hover){.vv-off-tile:hover{transform: translateY(-3px); box-shadow: var(--vv-shadow-hover);}}@media (prefers-reduced-motion: reduce){.vv-off-tile{transition: none;}.vv-off-tile:hover{transform: none;}}.vv-off-tile-img{width: 100%; height: 130px; object-fit: cover;}.vv-off-tile-ph{width: 100%; height: 130px; display: flex; align-items: center; justify-content: center; background: var(--vv-tint); color: var(--vv-accent, var(--vv-tint-ink)); font-size: 2.2rem;}.vv-off-tile-name{font-weight: 700; font-size: 1.08rem; padding: .75rem 1rem 0;}.vv-off-tile-desc{color: var(--vv-muted); font-size: .82rem; padding: 0 1rem 1rem;}.vv-off-tile-desc p{margin: 0;}.vv-off-tile-group .vv-off-tile-ph{height: 112px;}@media (max-width: 900px){.o_vd_offerte_root{--vv-lade: min(22rem, 88vw);}.vv-off-main{order: 1;}.vv-off-side{display: flex; flex-direction: column; gap: .8rem; position: fixed; top: 0; right: 0; bottom: 0; z-index: 1047; width: var(--vv-lade, 22rem); max-width: 88vw; margin: 0; padding: 1rem 1rem 0; background: var(--vd-fz-lade, var(--vv-pure)); border-radius: var(--vv-r-panel) 0 0 var(--vv-r-panel); overflow-y: auto; overscroll-behavior: contain; box-shadow: var(--vv-shadow-hover); transform: translateX(100%); transition: transform var(--vv-dur) var(--vv-ease); visibility: hidden;}.vv-off-side.is-open{transform: translateX(0); visibility: visible;}}@media (max-width: 900px) and (prefers-reduced-motion: reduce){.vv-off-side{transition: none;}}@media (max-width: 900px){.vv-off-preview{order: 1; min-height: 200px; padding: .8rem; flex: 0 0 auto;}.vv-off-keuzeblok{order: 2; flex: 1 0 auto; border-radius: var(--vv-r-row); padding: 0 1rem .8rem; background: var(--vv-pure); box-shadow: var(--vv-shadow-sheet);}.vv-off-ladetotaal{display: block; order: 3; position: sticky; bottom: 0; z-index: 2; margin: 0 -1rem; padding: .8rem 1.1rem; background: var(--vv-knop); color: var(--vv-knop-tekst);}.vv-off-ladetotaal:empty{display: none;}.vv-off-ladetotaal-rij{display: flex; align-items: baseline; justify-content: space-between; gap: .6rem; font-size: .9rem;}.vv-off-ladetotaal-rij strong{font-size: 1.25rem; font-weight: 800; white-space: nowrap;}.vv-off-ladetotaal-excl{font-size: .75rem; opacity: .8; text-align: right;}.vv-off-ladetotaal-fout{font-size: .75rem; font-weight: 700; text-align: right;}.vv-off-keuzetab{display: flex; position: fixed; top: 50%; right: 0; z-index: 1048; transform: translateY(-50%); flex-direction: column; align-items: center; gap: .15rem; padding: .75rem .55rem; border: 0; border-radius: var(--vv-r-tile) 0 0 var(--vv-r-tile); background: var(--vv-knop); color: var(--vv-knop-tekst); cursor: pointer; box-shadow: var(--vv-shadow-float); transition: transform var(--vv-dur) var(--vv-ease);}.vv-off-keuzetab.is-leeg{display: none;}.vv-off-keuzetab.is-open{transform: translateY(-50%) translateX(calc(-1 * var(--vv-lade, 22rem)));}.vv-off-keuzetab .oi{font-size: .95rem;}}@media (max-width: 900px) and (prefers-reduced-motion: reduce){.vv-off-keuzetab{transition: none;}}@media (max-width: 900px){.vv-off-keuzetab-n{font-size: .72rem; font-weight: 800; line-height: 1; background: var(--vv-kraal); color: var(--vv-kraal-tekst); border-radius: var(--vv-r-pill); padding: .14rem .38rem;}.vv-off-keuzescrim{display: block; position: fixed; inset: 0; z-index: 1046; background: var(--vv-tag-bg); opacity: 0; visibility: hidden; transition: opacity var(--vv-dur) var(--vv-ease);}.vv-off-keuzescrim.is-open{opacity: .45; visibility: visible;}.vv-off-bottombar{bottom: .5rem;}.vv-off-bottombar .vv-off-price-big{font-size: 1.3rem;}.vv-off-bottombar .vv-off-price-note{display: none;}.vv-off-bottombar .vv-off-btn{padding: .65rem 1.15rem; min-height: 44px;}}