.bvpi{--bv-accent:#395B63;--bv-donker:#064635;--bv-tekst:#333;--bv-rust:#F4F5F4;--bv-lijn:#DCE0DE;--bv-fout:#b3261e;color:var(--bv-tekst);font-family:'Open Sans',sans-serif;font-size:16px;line-height:1.55;box-sizing:border-box;max-width:1180px;margin:0 auto;padding:24px 20px 48px}
.bvpi *,.bvpi *:before,.bvpi *:after{box-sizing:border-box}
.bvpi [hidden]{display:none!important}
.bvpi-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;position:relative;border:0;border-radius:4px;padding:14px 22px;font:600 16px/1.2 'Open Sans',sans-serif;text-decoration:none;cursor:pointer;transition:transform .3s;-webkit-tap-highlight-color:transparent}
.bvpi-btn:before{content:"";position:absolute;z-index:-1;top:100%;left:5%;height:10px;width:90%;opacity:0;background:radial-gradient(ellipse at center,rgba(0,0,0,.35) 0,transparent 80%);transition:transform .3s,opacity .3s;pointer-events:none}
.bvpi-btn:hover{transform:translateY(-5px)}
.bvpi-btn:hover:before{opacity:1;transform:translateY(5px)}
.bvpi-btn-primair{background:var(--bv-accent);color:#fff!important}
.bvpi-btn-primair:focus-visible{outline:3px solid var(--bv-donker);outline-offset:2px}
.bvpi-btn-tweede{background:#fff;color:var(--bv-accent)!important;box-shadow:inset 0 0 0 1px var(--bv-accent)}
.bvpi-btn-vol{width:100%}
.bvpi-btn[disabled]{opacity:.6;cursor:wait;transform:none}
.bvpi .bvpi-h1{font-family:'Open Sans',sans-serif!important;font-weight:700!important;font-size:34px!important;line-height:1.15!important;letter-spacing:0;margin:4px 0 14px!important;padding:0;color:var(--bv-tekst)!important}
.bvpi .bvpi-h2{font-family:'Open Sans',sans-serif!important;font-weight:700!important;font-size:20px!important;line-height:1.25!important;margin:0 0 14px!important;padding:0;color:var(--bv-tekst)!important}
.bvpi a,.bvpi a *{text-decoration:none!important}
body:has(.bvpi) #ht-ctc-chat{display:none!important}
.bvpi-geen-wa{margin:-2px 0 14px}
.bvpi-label{font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--bv-accent);font-weight:600;margin:0}
.bvpi-hulp{font-size:15px;color:#555;margin:0 0 12px}
.bvpi-klein{font-size:13.5px;margin-top:10px}
.bvpi-fout{color:var(--bv-fout);font-size:14.5px;font-weight:600;margin:10px 0 0}
/* overzicht */
.bvpi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:22px}
.bvpi-tegel{display:flex;flex-direction:column;background:#fff;border:1px solid var(--bv-lijn);border-radius:8px;overflow:hidden;text-decoration:none;color:inherit;transition:transform .3s,box-shadow .3s}
a.bvpi-tegel:hover{transform:translateY(-5px);box-shadow:0 12px 24px -12px rgba(0,0,0,.25)}
.bvpi-tegel-foto{display:block;aspect-ratio:4/3;overflow:hidden;background:var(--bv-rust)}
.bvpi-tegel-foto img{width:100%;height:100%;object-fit:cover;display:block}
.bvpi-tegel-tekst{display:flex;flex-direction:column;gap:6px;padding:16px 18px 18px;flex:1}
.bvpi-tegel-naam{font-weight:700;font-size:18px;color:var(--bv-tekst)}
.bvpi-tegel-kort{font-size:15px;color:#555;flex:1}
.bvpi-tegel-cta{font-weight:600;color:var(--bv-accent);margin-top:6px}
.bvpi-tegel.is-binnenkort{opacity:.55}
.bvpi-tegel.is-binnenkort .bvpi-tegel-cta{color:#777}
/* product */
.bvpi-terug{display:inline-block;color:var(--bv-accent);text-decoration:none;font-weight:600;font-size:15px;margin-bottom:16px}
.bvpi-product-kop{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:32px;align-items:center;margin-bottom:28px}
.bvpi-product-foto img{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;border-radius:8px;display:block}
.bvpi-product-intro p{margin:0 0 14px}
.bvpi-kenmerken{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.bvpi .bvpi-kenmerken,.bvpi .bvpi-kenmerken li{margin:0!important;padding-left:0!important}
.bvpi .bvpi-kenmerken li{padding:6px 10px!important}
.bvpi-kenmerken li{background:var(--bv-rust);border-radius:4px;padding:6px 10px;font-size:14px}
.bvpi-kenmerken li:before{content:"\2713";color:var(--bv-accent);font-weight:700;margin-right:6px}
.bvpi-form{max-width:820px}
.bvpi-product .bvpi-form{margin:0 auto}
.bvpi-bewerk-melding{background:#fff6dd;border:1px solid #f1d98a;border-radius:4px;padding:10px 14px;margin-bottom:16px;font-size:15px}
.bvpi-stap{background:#fff;border:1px solid var(--bv-lijn);border-radius:8px;padding:20px 20px 22px;margin-bottom:16px}
.bvpi-stap.is-fout{border-color:var(--bv-fout)}
.bvpi-stap-kop{display:flex;align-items:center;gap:12px;margin-bottom:14px;flex-wrap:wrap}
.bvpi-nr{width:28px;height:28px;border-radius:50%;background:var(--bv-accent);color:#fff;font-weight:700;font-size:14px;display:inline-flex;align-items:center;justify-content:center;flex:none}
.bvpi-stap-titel{font-weight:700;font-size:18px}
.bvpi-keuze{margin-left:auto;font-size:14px;color:var(--bv-accent);font-weight:600}
.bvpi-rij{display:flex;gap:14px;flex-wrap:wrap}
.bvpi-rij>.bvpi-veld{flex:1 1 140px}
.bvpi-rij>.bvpi-breed{flex:3 1 240px}
.bvpi-veld{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}
.bvpi-veld>span{font-size:14px;font-weight:600}
.bvpi input[type=text],.bvpi input[type=email],.bvpi input[type=tel],.bvpi input[type=number],.bvpi textarea{width:100%;border:1px solid #c9cfcc;border-radius:4px;padding:12px 12px;font:16px/1.3 'Open Sans',sans-serif;color:var(--bv-tekst);background:#fff;box-shadow:none;margin:0}
.bvpi input:focus,.bvpi textarea:focus{outline:none;border-color:var(--bv-accent);box-shadow:0 0 0 3px rgba(57,91,99,.18)}
.bvpi input.is-fout{border-color:var(--bv-fout)}
.bvpi-aantal{display:flex;align-items:stretch;border:1px solid #c9cfcc;border-radius:4px;overflow:hidden;width:132px}
.bvpi-aantal button{width:40px;border:0;background:var(--bv-rust);font-size:20px;color:var(--bv-tekst);cursor:pointer;padding:0}
.bvpi .bvpi-aantal input{border:0;border-radius:0;text-align:center;padding:12px 0;-moz-appearance:textfield}
.bvpi-aantal input::-webkit-inner-spin-button{-webkit-appearance:none}
.bvpi-vink{display:inline-flex;align-items:center;gap:8px;font-size:15px;cursor:pointer}
.bvpi-vink input{width:18px;height:18px;accent-color:var(--bv-accent)}
.bvpi-frames{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:10px}
.bvpi-frame{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 6px;border:1px solid var(--bv-lijn);border-radius:8px;cursor:pointer;text-align:center;transition:border-color .2s,box-shadow .2s}
.bvpi-frame input{position:absolute;opacity:0;pointer-events:none}
.bvpi-frame-bol{width:40px;height:40px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.18)}
.bvpi-frame-bol.is-anders{background:conic-gradient(#c45445,#f0e869,#8d9c0d,#587cbe,#ac6bc7,#c45445)}
.bvpi-frame-naam{font-size:14px;font-weight:600;line-height:1.25}
.bvpi-frame-naam small{display:block;font-weight:400;color:#777;font-size:12.5px}
.bvpi-frame:has(input:checked){border-color:var(--bv-accent);box-shadow:0 0 0 2px var(--bv-accent)}
.bvpi-frame:has(input:focus-visible){outline:3px solid var(--bv-donker);outline-offset:2px}
.bvpi-frame-anders{margin-top:12px;max-width:360px}
.bvpi-soorten{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}
.bvpi-soort{border:1px solid var(--bv-lijn);background:#fff;border-radius:4px;padding:9px 14px;font:600 14.5px/1.2 'Open Sans',sans-serif;color:var(--bv-tekst);cursor:pointer}
.bvpi-soort.is-actief{background:var(--bv-accent);border-color:var(--bv-accent);color:#fff}
.bvpi-soort .bvpi-soort-tel{font-weight:400;opacity:.8;margin-left:4px}
.bvpi-kleuren{display:flex;gap:6px;flex-wrap:wrap;margin:4px 0 14px}
.bvpi-kleur{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--bv-lijn);background:#fff;border-radius:999px;padding:5px 11px 5px 7px;font:13.5px/1.2 'Open Sans',sans-serif;color:var(--bv-tekst);cursor:pointer}
.bvpi-kleur[data-kleur=""]{padding-left:11px}
.bvpi-kleur span{width:16px;height:16px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.18)}
.bvpi-kleur.is-actief{border-color:var(--bv-accent);box-shadow:0 0 0 1px var(--bv-accent);font-weight:600}
.bvpi-stoffen{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:10px}
.bvpi-stof{position:relative;display:block;border:0;padding:0;background:none;cursor:pointer;text-align:left;border-radius:8px}
.bvpi-stof img{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;border-radius:8px;display:block;background:var(--bv-rust);box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}
.bvpi-stof-code{display:block;font-size:13px;font-weight:600;padding:5px 2px 0;color:var(--bv-tekst)}
.bvpi-stof.is-gekozen img{box-shadow:0 0 0 3px var(--bv-accent)}
.bvpi-stof.is-gekozen:after{content:"\2713";position:absolute;top:6px;left:6px;width:24px;height:24px;border-radius:50%;background:var(--bv-accent);color:#fff;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center}
.bvpi-stof:focus-visible{outline:3px solid var(--bv-donker);outline-offset:2px}
.bvpi-luxe{position:absolute;top:6px;right:6px;background:#fff;color:var(--bv-donker);font-size:11px;font-weight:700;border-radius:3px;padding:2px 6px;letter-spacing:.03em}
.bvpi-zoom{position:absolute;right:6px;bottom:30px;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.92);color:var(--bv-tekst);display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px rgba(0,0,0,.2)}
.bvpi-zoom:before{content:"";width:16px;height:16px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 2a8 8 0 0 1 6.32 12.9l5.4 5.4-1.42 1.4-5.4-5.38A8 8 0 1 1 10 2zm0 2a6 6 0 1 0 0 12 6 6 0 0 0 0-12zm1 2v3h3v2h-3v3H9v-3H6V9h3V6h2z'/%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 d='M10 2a8 8 0 0 1 6.32 12.9l5.4 5.4-1.42 1.4-5.4-5.38A8 8 0 1 1 10 2zm0 2a6 6 0 1 0 0 12 6 6 0 0 0 0-12zm1 2v3h3v2h-3v3H9v-3H6V9h3V6h2z'/%3E%3C/svg%3E") center/contain no-repeat}
.bvpi-geen{grid-column:1/-1;color:#666;font-size:15px;margin:6px 0}
.bvpi-actie{position:sticky;bottom:0;z-index:5;display:flex;align-items:center;gap:16px;justify-content:space-between;background:#fff;border-top:1px solid var(--bv-lijn);padding:14px 0 calc(14px + env(safe-area-inset-bottom));margin-top:8px}
.bvpi-actie-samenvatting{font-size:14px;color:#555;min-width:0}
.bvpi-actie-samenvatting strong{color:var(--bv-tekst)}
.bvpi-keuzes{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px}
.bvpi-keuzeknop{position:relative;display:flex;flex-direction:column;gap:2px;padding:14px 16px;border:1px solid var(--bv-lijn);border-radius:8px;cursor:pointer;transition:border-color .2s,box-shadow .2s}
.bvpi-keuzeknop input{position:absolute;opacity:0;pointer-events:none}
.bvpi-keuzeknop-titel{font-weight:700;font-size:15.5px}
.bvpi-keuzeknop small{color:#666;font-size:13.5px}
.bvpi-keuzeknop:has(input:checked){border-color:var(--bv-accent);box-shadow:0 0 0 2px var(--bv-accent)}
.bvpi-keuzeknop:has(input:focus-visible){outline:3px solid var(--bv-donker);outline-offset:2px}
.bvpi-frame-bol.is-structuur{background-image:radial-gradient(rgba(255,255,255,.3) 1px,transparent 1.6px);background-size:5px 5px}
.bvpi-notitie{background:#fff6dd;border:1px solid #f1d98a;border-radius:4px;padding:10px 14px;font-size:14.5px;margin:0 0 12px}
.bvpi-let-op{margin:12px 0 0}
@media (max-width:767px){.bvpi-keuzes{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* aanvraag */
.bvpi-aanvraag-kolommen{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:36px;align-items:start}
.bvpi-klant{background:var(--bv-rust);border-radius:8px;padding:22px;position:sticky;top:110px}
.bvpi-hp{position:absolute!important;left:-9999px!important;height:1px;overflow:hidden}
.bvpi-pc{font-size:14.5px;margin:-4px 0 12px;padding:8px 12px;border-radius:4px;background:#fff}
.bvpi-adres{font-size:14.5px;margin:-4px 0 10px;color:#333}
.bvpi-adres.is-fout{color:#7a4b00}
.bvpi-pc.is-binnen{color:var(--bv-donker)}
.bvpi-pc.is-rand,.bvpi-pc.is-buiten{color:#7a4b00}
.bvpi-link-plus{display:inline-block;margin-top:6px;color:var(--bv-accent);font-weight:600;text-decoration:none}
.bvpi-aanvraag-leeg,.bvpi-aanvraag-klaar{max-width:620px;margin:20px auto;text-align:center}
.bvpi-aanvraag-klaar p{margin:0 0 14px}
.bvpi-vinkje{width:64px;height:64px;border-radius:50%;background:var(--bv-accent);color:#fff;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}
/* regels (aanvraagpagina en mandje) */
.bvpi-regel{display:flex;gap:14px;padding:14px 0;border-bottom:1px solid var(--bv-lijn)}
.bvpi-regel:first-child{padding-top:0}
.bvpi-regel-beeld{position:relative;flex:none;width:64px;height:64px}
.bvpi-regel-beeld img{width:64px;height:64px;object-fit:cover;border-radius:8px;display:block;background:var(--bv-rust)}
.bvpi-regel-beeld .bvpi-regel-frame{position:absolute;right:-4px;bottom:-4px;width:20px;height:20px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px rgba(0,0,0,.15)}
.bvpi-regel-info{flex:1;min-width:0;font-size:14.5px;line-height:1.45}
.bvpi-regel-naam{font-weight:700;font-size:15.5px;color:var(--bv-tekst)}
.bvpi-regel-sub{color:#555}
.bvpi-regel-acties{display:flex;gap:14px;margin-top:6px;flex-wrap:wrap}
.bvpi-regel-acties a,.bvpi-regel-acties button{background:none;border:0;padding:0;font:600 13.5px/1.3 'Open Sans',sans-serif;color:var(--bv-accent);cursor:pointer;text-decoration:none}
.bvpi-regel-acties .bvpi-weg{color:#8a8a8a}
/* header-knop, lade en lightbox: buiten .bvpi, dus eigen variabelen */
.bvpi-mandknop{--bv-accent:#395B63;position:absolute;right:16px;top:50%;transform:translateY(-50%);z-index:20;display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid #DCE0DE;border-radius:999px;padding:8px 14px 8px 11px;color:#333;font:600 14px/1 'Open Sans',sans-serif;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.06);transition:box-shadow .2s}
.bvpi-mandknop:hover{box-shadow:0 4px 14px rgba(0,0,0,.12)}
.bvpi-mandknop svg{width:22px;height:22px;color:var(--bv-accent)}
.bvpi-mandknop-tel{min-width:20px;height:20px;border-radius:10px;background:var(--bv-accent);color:#fff;font-size:12px;display:inline-flex;align-items:center;justify-content:center;padding:0 6px}
.bvpi-mandknop.is-vast{position:fixed;top:14px;transform:none;z-index:9990}
.bvpi-mandknop.is-plop .bvpi-mandknop-tel{animation:bvpiplop .5s}
@keyframes bvpiplop{0%{transform:scale(1)}40%{transform:scale(1.45)}100%{transform:scale(1)}}
@media (max-width:767px){.bvpi-mandknop{right:10px;padding:8px 10px}.bvpi-mandknop-label{display:none}}
.bvpi-lade-achter{position:fixed;inset:0;background:rgba(20,28,26,.45);z-index:99998;opacity:0;transition:opacity .25s}
.bvpi-lade{--bv-accent:#395B63;--bv-donker:#064635;--bv-lijn:#DCE0DE;--bv-rust:#F4F5F4;position:fixed;top:0;right:0;bottom:0;width:min(420px,100vw);background:#fff;z-index:99999;display:flex;flex-direction:column;transform:translateX(100%);transition:transform .3s ease;font-family:'Open Sans',sans-serif;color:#333;box-shadow:-10px 0 30px rgba(0,0,0,.15)}
.bvpi-lade *,.bvpi-lade *:before{box-sizing:border-box}
.bvpi-lade.is-open{transform:none}
.bvpi-lade-achter.is-open{opacity:1}
.bvpi-lade-kop{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--bv-lijn)}
.bvpi-lade-titel{font-weight:700;font-size:18px}
.bvpi-lade-sluit{background:none;border:0;font-size:28px;line-height:1;color:#555;cursor:pointer;padding:4px 8px}
.bvpi-min-melding{background:#fff7e0;border-left:4px solid #d9a400;color:#5c4400;font-size:14.5px;line-height:1.5;padding:12px 14px;margin:0 0 16px;border-radius:4px}
.bvpi-lade-min{margin:0;border-radius:0}
.bvpi-min-melding[hidden]{display:none!important}
.bvpi-lade-melding{background:#e8f1ee;color:var(--bv-donker);font-size:14.5px;font-weight:600;padding:10px 20px}
.bvpi-lade-lijst{flex:1;overflow-y:auto;padding:16px 20px;-webkit-overflow-scrolling:touch}
.bvpi-lade-leeg{color:#555;font-size:15px}
.bvpi-lade-leeg a{color:var(--bv-accent);font-weight:600}
.bvpi-lade-voet{border-top:1px solid var(--bv-lijn);padding:16px 20px calc(16px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:10px}
.bvpi-lade-voet .bvpi-btn{width:100%}
.bvpi-lade-voet p{margin:0;font-size:13px;color:#666;text-align:center}
.bvpi-lade .bvpi-btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:4px;padding:14px 22px;font:600 16px/1.2 'Open Sans',sans-serif;text-decoration:none;cursor:pointer}
.bvpi-lade .bvpi-btn-primair{background:var(--bv-accent);color:#fff}
.bvpi-lade .bvpi-btn-tweede{background:#fff;color:var(--bv-accent);box-shadow:inset 0 0 0 1px var(--bv-accent)}
.bvpi-lade .bvpi-regel{display:flex;gap:14px;padding:14px 0;border-bottom:1px solid var(--bv-lijn)}
.bvpi-lade .bvpi-regel-beeld{position:relative;flex:none;width:56px;height:56px}
.bvpi-lade .bvpi-regel-beeld img{width:56px;height:56px;object-fit:cover;border-radius:8px;display:block;background:var(--bv-rust)}
.bvpi-lade .bvpi-regel-beeld .bvpi-regel-frame{position:absolute;right:-4px;bottom:-4px;width:18px;height:18px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px rgba(0,0,0,.15)}
.bvpi-lade .bvpi-regel-info{flex:1;min-width:0;font-size:14px;line-height:1.45}
.bvpi-lade .bvpi-regel-naam{font-weight:700;font-size:15px}
.bvpi-lade .bvpi-regel-sub{color:#555}
.bvpi-lade .bvpi-regel-acties{display:flex;gap:14px;margin-top:6px}
.bvpi-lade .bvpi-regel-acties a,.bvpi-lade .bvpi-regel-acties button{background:none;border:0;padding:0;font:600 13px/1.3 'Open Sans',sans-serif;color:var(--bv-accent);cursor:pointer;text-decoration:none}
.bvpi-lade .bvpi-regel-acties .bvpi-weg{color:#8a8a8a}
html.bvpi-lade-open{overflow:hidden}
html.bvpi-lade-open #ht-ctc-chat{display:none!important}
.bvpi .bvpi-btn-primair:hover,.bvpi .bvpi-btn-primair:focus,.bvpi-lade .bvpi-btn-primair:hover,.bvpi-lade .bvpi-btn-primair:focus{background:var(--bv-accent)!important;color:#fff!important}
.bvpi .bvpi-btn-tweede:hover,.bvpi .bvpi-btn-tweede:focus,.bvpi-lade .bvpi-btn-tweede:hover,.bvpi-lade .bvpi-btn-tweede:focus{background:#fff!important;color:var(--bv-accent)!important}
.bvpi-lade .bvpi-lade-sluit,.bvpi-lade .bvpi-lade-sluit:hover,.bvpi-lade .bvpi-lade-sluit:focus{background:none!important;color:#555!important;box-shadow:none!important;border:0!important}
.bvpi-regel-acties button,.bvpi-regel-acties button:hover,.bvpi-regel-acties button:focus{background:none!important;box-shadow:none!important;border:0!important;text-decoration:none!important}
.bvpi .bvpi-soort:not(.is-actief):hover,.bvpi .bvpi-soort:not(.is-actief):focus{background:var(--bv-rust)!important;color:var(--bv-tekst)!important}
.bvpi .bvpi-soort.is-actief:hover,.bvpi .bvpi-soort.is-actief:focus{background:var(--bv-accent)!important;color:#fff!important}
.bvpi .bvpi-kleur:hover,.bvpi .bvpi-kleur:focus{background:var(--bv-rust)!important;color:var(--bv-tekst)!important}
.bvpi .bvpi-stof:hover,.bvpi .bvpi-stof:focus{background:none!important;box-shadow:none!important}
.bvpi .bvpi-aantal button:hover,.bvpi .bvpi-aantal button:focus{background:var(--bv-lijn)!important;color:var(--bv-tekst)!important}
.bvpi-mandknop:hover,.bvpi-mandknop:focus{background:#fff!important;color:#333!important}
.bvpi-mandknop[hidden],.bvpi-lade[hidden],.bvpi-lade-achter[hidden],.bvpi-lade [hidden]{display:none!important}
.bvpi-stap-modal{position:fixed;inset:0;z-index:99999;background:rgba(20,28,26,.45);display:flex;align-items:center;justify-content:center;padding:16px;opacity:0;transition:opacity .2s;font-family:'Open Sans',sans-serif;color:#333}
.bvpi-stap-modal.is-open{opacity:1}
.bvpi-stap-modal[hidden]{display:none!important}
.bvpi-stap-modal *{box-sizing:border-box}
.bvpi-stap-doos{position:relative;background:#fff;border-radius:8px;width:min(480px,100%);padding:26px 24px 22px;box-shadow:0 20px 40px rgba(0,0,0,.18);transform:translateY(12px);transition:transform .2s}
.bvpi-stap-modal.is-open .bvpi-stap-doos{transform:none}
.bvpi-stap-modal .bvpi-stap-sluit,.bvpi-stap-modal .bvpi-stap-sluit:hover,.bvpi-stap-modal .bvpi-stap-sluit:focus{position:absolute;top:8px;right:10px;background:none!important;border:0!important;box-shadow:none!important;font-size:28px;line-height:1;color:#555!important;cursor:pointer;padding:4px 8px}
.bvpi-toegevoegd{display:flex;align-items:center;gap:10px;font-weight:700;font-size:19px;margin:0 30px 14px 0;color:#064635}
.bvpi-stap-vink{flex:none;width:28px;height:28px;border-radius:50%;background:#395B63;position:relative}
.bvpi-stap-vink:after{content:"";position:absolute;left:10px;top:6px;width:7px;height:12px;border:solid #fff;border-width:0 2.5px 2.5px 0;transform:rotate(45deg)}
.bvpi-stap-regel .bvpi-regel{display:flex;gap:14px;padding:12px;background:#F4F5F4;border-radius:8px}
.bvpi-stap-regel .bvpi-regel-beeld{position:relative;flex:none;width:56px;height:56px}
.bvpi-stap-regel .bvpi-regel-beeld img{width:56px;height:56px;object-fit:cover;border-radius:6px;display:block;background:#fff}
.bvpi-stap-regel .bvpi-regel-frame{position:absolute;right:-4px;bottom:-4px;width:18px;height:18px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px rgba(0,0,0,.15)}
.bvpi-stap-regel .bvpi-regel-info{flex:1;min-width:0;font-size:14px;line-height:1.45}
.bvpi-stap-regel .bvpi-regel-naam{font-weight:700;font-size:15px}
.bvpi-stap-regel .bvpi-regel-sub{color:#555}
.bvpi-stap-regel .bvpi-regel-acties{display:none}
.bvpi-stap-teller{margin:12px 0 16px;font-size:14.5px;color:#555}
.bvpi-stap-knoppen{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.bvpi-stap-modal .bvpi-btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:4px;padding:14px 16px;font:600 15.5px/1.2 'Open Sans',sans-serif;text-decoration:none;cursor:pointer;text-align:center;text-transform:none;letter-spacing:0}
.bvpi-stap-modal .bvpi-btn-primair,.bvpi-stap-modal .bvpi-btn-primair:hover,.bvpi-stap-modal .bvpi-btn-primair:focus{background:#395B63!important;color:#fff!important}
.bvpi-stap-modal .bvpi-btn-tweede,.bvpi-stap-modal .bvpi-btn-tweede:hover,.bvpi-stap-modal .bvpi-btn-tweede:focus{background:#fff!important;color:#395B63!important;box-shadow:inset 0 0 0 1px #395B63!important}
.bvpi-stap-hulp{margin:14px 0 0;font-size:13.5px;color:#666;line-height:1.5}
.bvpi-stap-hulp a{color:#395B63;font-weight:600}
@media(max-width:520px){.bvpi-stap-modal{align-items:flex-end;padding:0}.bvpi-stap-doos{width:100%;border-radius:12px 12px 0 0;padding:24px 18px calc(18px + env(safe-area-inset-bottom))}.bvpi-stap-knoppen{grid-template-columns:1fr}.bvpi-stap-knoppen .bvpi-btn-primair{order:-1}}
.bvpi-lightbox{position:fixed;inset:0;z-index:100000;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;padding:20px;flex-direction:column;gap:12px;cursor:zoom-out}
.bvpi-lightbox img{max-width:min(700px,100%);max-height:80vh;border-radius:8px;display:block}
.bvpi-lightbox span{color:#fff;font:600 15px 'Open Sans',sans-serif}
@media (max-width:900px){.bvpi-aanvraag-kolommen{grid-template-columns:1fr}.bvpi-klant{position:static}}
@media (max-width:767px){
.bvpi{padding:16px 16px 32px}
.bvpi .bvpi-h1{font-size:28px!important}
.bvpi-product-kop{grid-template-columns:1fr;gap:16px;margin-bottom:20px}
.bvpi-product-foto img{aspect-ratio:16/10}
.bvpi-stap{padding:16px 14px 18px}
.bvpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.bvpi-tegel-tekst{padding:12px 12px 14px}
.bvpi-tegel-naam{font-size:15.5px}
.bvpi-tegel-kort{font-size:13.5px}
.bvpi-tegel-foto{aspect-ratio:1/1}
.bvpi-frames{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.bvpi-stoffen{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.bvpi-soorten{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.bvpi-soort{padding:10px 8px;line-height:1.3;text-align:center;white-space:normal}
.bvpi-actie{flex-direction:column;align-items:stretch;gap:8px;padding-top:10px}
.bvpi-actie .bvpi-btn{width:100%}
.bvpi-actie-samenvatting{text-align:center}
}