.vh-saw-box--button{width:100%;border:1px solid #b9dcec;background:#f3fbff;text-align:left;cursor:pointer}.vh-saw-modal[hidden]{display:none}.vh-saw-modal{position:fixed;inset:0;z-index:9998;background:rgba(5,30,47,.68);display:grid;place-items:center;padding:20px;backdrop-filter:blur(3px)}.vh-saw-dialog{position:relative;width:min(920px,100%);max-height:94vh;overflow:auto;background:#fff;border-radius:18px;padding:28px;box-shadow:0 24px 70px rgba(0,0,0,.28)}.vh-saw-close{position:absolute;right:16px;top:12px;border:0;background:transparent;font-size:32px;cursor:pointer;color:#24475e}.vh-saw-title-row{display:grid;grid-template-columns:58px minmax(0,1fr);gap:15px;align-items:start;padding-right:38px}.vh-saw-title-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:#e9f6fb;color:#0579a8}.vh-saw-title-icon svg{width:34px;height:34px}.vh-saw-title-row h2{margin:3px 0 5px;color:#0b3149;font-size:1.7rem}.vh-saw-title-row p{margin:0;color:#5f7888;line-height:1.5}.vh-saw-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0 12px}.vh-saw-steps span{display:flex;align-items:center;gap:8px;padding:9px 10px;border:1px solid #dceaf0;border-radius:10px;background:#f8fbfc;color:#526f80;font-size:.75rem;font-weight:800}.vh-saw-steps b{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#087cab;color:#fff;font-size:.73rem}.vh-saw-source{padding:13px 15px;background:#f5f9fb;border:1px solid #d9e5eb;border-radius:11px;margin:12px 0}.vh-saw-source>div{display:grid;gap:2px}.vh-saw-source span{color:#69818f;font-size:.7rem;text-transform:uppercase;font-weight:900;letter-spacing:.06em}.vh-saw-source strong{color:#153e56;font-size:.95rem}.vh-saw-source small{color:#667e8d;font-size:.76rem}.vh-saw-toolbar{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:14px 0 8px}.vh-saw-toolbar label{display:grid;gap:5px;color:#355166;font-size:.75rem;font-weight:850}.vh-saw-toolbar select{min-width:190px;padding:9px 10px;border:1px solid #bdd1dd;border-radius:8px;background:#fff;color:#173c53;font-weight:750}.vh-saw-toolbar small{max-width:430px;color:#708793;font-size:.72rem;text-align:right}.vh-saw-rows{display:grid;gap:8px}.vh-saw-row{display:grid;grid-template-columns:minmax(150px,1.25fr) 1fr 1fr 90px 42px;gap:9px;padding:11px;border:1px solid #e0e9ee;border-radius:11px;background:#fbfdfe}.vh-saw-row label{font-size:11px;font-weight:850;color:#365267}.vh-saw-row label>span{float:right;color:#78909d;font-size:.67rem;font-weight:700}.vh-saw-row input{width:100%;margin-top:5px;padding:10px;border:1px solid #c9d8e2;border-radius:8px;background:#fff}.vh-saw-row input:focus{outline:2px solid rgba(7,143,197,.18);border-color:#078fc5}.vh-saw-row.is-linear{grid-template-columns:minmax(150px,1.35fr) 1fr 90px 42px}.vh-saw-row.is-linear .saw-width{display:none}.vh-saw-remove{align-self:end;height:40px;border:1px solid #d9dee3;background:#fff;border-radius:8px;color:#9d3b3b;font-size:20px;cursor:pointer}.vh-saw-add{margin-top:10px}.vh-saw-live-error{margin-top:10px;padding:10px 12px;border-radius:9px;background:#fff7e8;border:1px solid #efd89e;color:#7c5b18;font-size:.78rem}.vh-saw-calculation{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(250px,.75fr);gap:12px;margin:16px 0}.vh-saw-summary{margin:0;padding:16px;border:1px solid #cfe2ec;border-radius:12px;background:#f7fbfd;line-height:1.45}.vh-saw-empty{display:grid;gap:4px;min-height:105px;align-content:center}.vh-saw-empty strong{color:#183e55}.vh-saw-empty span{color:#708793;font-size:.78rem}.vh-saw-result-head{display:grid;grid-template-columns:1fr auto;align-items:end;gap:2px 10px;padding-bottom:12px;border-bottom:1px solid #dce8ee}.vh-saw-result-head span{color:#557080;font-size:.72rem;font-weight:900;text-transform:uppercase}.vh-saw-result-head strong{grid-row:1/3;grid-column:2;font-size:1.6rem;color:#0b3149}.vh-saw-result-head small{color:#7a8f9b;font-size:.7rem}.vh-saw-result-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin:12px 0}.vh-saw-result-grid>div{display:grid;gap:3px;padding:9px;border-radius:8px;background:#fff;border:1px solid #e0e9ee}.vh-saw-result-grid small{color:#718795;font-size:.68rem}.vh-saw-result-grid strong{color:#173f57;font-size:.8rem}.vh-saw-costs{margin:0}.vh-saw-costs>div{display:flex;justify-content:space-between;gap:14px;padding:6px 0;border-bottom:1px solid #e2ebef}.vh-saw-costs>div:last-child{border-bottom:0}.vh-saw-costs dt{color:#5f7785;font-size:.76rem}.vh-saw-costs dd{margin:0;color:#173d54;font-weight:850;font-size:.78rem}.vh-saw-costs .total{padding-top:9px}.vh-saw-costs .total dt,.vh-saw-costs .total dd{font-size:.9rem;color:#0b3149;font-weight:950}.vh-saw-summary>p{margin:10px 0 0;color:#718795;font-size:.69rem;line-height:1.45}.vh-saw-plan-preview{display:grid;align-content:start;gap:6px;padding:14px;border:1px solid #dce8ee;border-radius:12px;background:#fff;min-height:150px}.vh-saw-plan-preview:empty{display:none}.vh-saw-plan-preview>strong{color:#173e56;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em}.vh-saw-plan-preview>span{padding:7px 8px;border-radius:7px;background:#f5f8fa;color:#4f6978;font-size:.72rem}.vh-saw-plan-preview>em{color:#718895;font-size:.68rem;font-style:normal}.vh-saw-actions{display:flex;gap:10px;flex-wrap:wrap}.vh-saw-actions .vh-primary-button:disabled{opacity:.45;cursor:not-allowed}.vh-saw-error{margin-top:12px;color:#9c2525;background:#fff1f1;border:1px solid #ffd0d0;padding:10px;border-radius:8px}.vh-saw-size-list{display:flex!important;flex-direction:row!important;flex-wrap:wrap;gap:5px;margin:5px 0}.vh-saw-size-list span{padding:4px 6px;border:1px solid #cde2ed;border-radius:5px;background:#fff;color:#24516b;font-size:10px}.vh-saw-size-list span.is-selected{border-color:#078fc5;background:#e8f6fb;color:#006e9d}.vh-saw-size-caption{margin-top:5px!important;font-size:9px!important;font-weight:900!important;text-transform:uppercase!important;color:#78909d!important}
@media(max-width:760px){.vh-saw-modal{padding:0;place-items:end}.vh-saw-dialog{width:100%;max-height:96vh;border-radius:18px 18px 0 0;padding:22px 16px}.vh-saw-title-row{grid-template-columns:46px 1fr;gap:10px}.vh-saw-title-icon{width:44px;height:44px}.vh-saw-title-row h2{font-size:1.4rem}.vh-saw-steps{grid-template-columns:1fr}.vh-saw-toolbar{display:grid;align-items:start}.vh-saw-toolbar small{text-align:left}.vh-saw-row,.vh-saw-row.is-linear{grid-template-columns:1fr 1fr 70px 38px}.vh-saw-row .saw-label{grid-column:1/-1}.vh-saw-row.is-sheet .saw-length{grid-column:1}.vh-saw-row.is-sheet .saw-width{grid-column:2}.vh-saw-row.is-linear .saw-width{display:none}.vh-saw-calculation{grid-template-columns:1fr}.vh-saw-actions>*{width:100%}}
.vh-saw-row-actions{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-top:10px}.vh-saw-keep-rest{display:flex;align-items:center;gap:8px;font-size:.78rem;font-weight:800;color:#31566c}.vh-saw-keep-rest input{width:18px;height:18px;accent-color:#078fc5}.vh-saw-alternative{margin-top:10px;padding:12px 14px;border:1px solid #cfe2ba;background:#f5fbef;border-radius:10px;color:#365729;font-size:.78rem}.vh-saw-alternative strong{display:block;margin-bottom:5px}.vh-saw-alternative button{margin-top:8px;border:1px solid #8fba65;background:#fff;color:#315c19;padding:8px 10px;border-radius:7px;font-weight:850;cursor:pointer}.vh-saw-plan-preview svg{width:100%;height:auto;display:block;border:1px solid #dce8ee;border-radius:8px;background:#fff}.vh-saw-plan-caption{display:flex;justify-content:space-between;gap:8px;align-items:center}.vh-saw-plan-caption small{color:#718895}.vh-saw-plan-list{display:grid;gap:5px}.vh-saw-plan-list span{padding:6px 8px;border-radius:6px;background:#f5f8fa;color:#4f6978;font-size:.7rem}@media(max-width:760px){.vh-saw-row-actions{align-items:flex-start;flex-direction:column}.vh-saw-calculation{grid-template-columns:1fr}.vh-saw-plan-preview{min-height:0}}

/* UX 108 - slimme, klantvriendelijke zaaghulp */
.vh-saw-promise{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0 16px}.vh-saw-promise span{background:#eef9f3;border:1px solid #c5ead4;color:#17643a;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:800}.vh-saw-steps span.active{background:#e8f6fc;border-color:#8dcce7;color:#075f89}.vh-saw-quick{display:grid;grid-template-columns:180px 1fr;gap:14px;align-items:center;margin:12px 0 16px;padding:12px 14px;border:1px solid #d7e8f1;border-radius:12px;background:#fbfdfe}.vh-saw-quick>div:first-child strong,.vh-saw-quick>div:first-child small{display:block}.vh-saw-quick>div:first-child small{margin-top:3px;color:#6b8291;font-size:11px}.vh-saw-quick>div:last-child{display:flex;gap:8px;flex-wrap:wrap}.vh-saw-quick button{appearance:none;border:1px solid #a7cfe2;background:white;color:#064f7b;border-radius:10px;padding:9px 12px;cursor:pointer;text-align:left;min-width:120px}.vh-saw-quick button:hover{border-color:#078ac2;background:#f2fbff}.vh-saw-quick button b,.vh-saw-quick button span{display:block}.vh-saw-quick button span{font-size:11px;color:#607888;margin-top:2px}.vh-saw-result-lead{font-size:14px;line-height:1.5}.vh-saw-note{margin-top:12px;padding:10px 12px;background:#f3faf6;border-radius:9px;color:#315e48;font-size:12px}.vh-saw-plan-heading{display:flex;justify-content:space-between;gap:12px;align-items:flex-end;margin-bottom:10px}.vh-saw-plan-heading span{font-size:11px;color:#6c8291}.vh-saw-best{border:1px solid #b8ddca;background:#f1faf5;border-radius:12px;padding:14px 16px;display:grid;gap:5px;margin:10px 0}.vh-saw-best>span{font-size:11px;font-weight:900;letter-spacing:.06em;color:#148047}.vh-saw-best>strong{font-size:15px;color:#123e2a}.vh-saw-best>small{color:#557466;line-height:1.45}.vh-saw-best.is-saving{background:#ecf9f1;border-color:#78c99d;box-shadow:0 6px 18px rgba(20,128,71,.08)}.vh-saw-best button{justify-self:start;border:0;background:#148047;color:#fff;font-weight:800;border-radius:9px;padding:9px 13px;cursor:pointer;margin-top:4px}.vh-saw-best button:hover{background:#0e693a}.vh-saw-empty.is-loading{position:relative;overflow:hidden}.vh-saw-empty.is-loading:after{content:"";display:block;height:3px;margin-top:12px;background:linear-gradient(90deg,#0b85bd 0 35%,#dcecf4 35% 100%);background-size:220% 100%;animation:vhSawLoad 1.2s linear infinite}@keyframes vhSawLoad{to{background-position:-220% 0}}.vh-saw-row label>input:focus{outline:3px solid rgba(0,139,203,.12);border-color:#008bcb}.vh-saw-row .saw-label input::placeholder{color:#98a9b4}.vh-saw-source strong{font-size:15px}.vh-saw-live-error{border-radius:10px}.vh-saw-actions [data-saw-add-cart]:not(:disabled){box-shadow:0 5px 14px rgba(0,139,203,.18)}
@media(max-width:760px){.vh-saw-promise{gap:6px}.vh-saw-promise span{font-size:11px;padding:6px 8px}.vh-saw-quick{grid-template-columns:1fr}.vh-saw-quick>div:last-child{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.vh-saw-quick button{min-width:0}.vh-saw-plan-heading{display:block}.vh-saw-plan-heading span{display:block;margin-top:3px}}

/* Compacte bestelmatrix voor productvarianten */
.vh-variant-select-compat,.vh-variant-qty-compat,.vh-variant-add-compat{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;opacity:0!important;pointer-events:none!important}
.vh-variant-matrix-intro{margin:0 0 12px;color:#627d8e;font-size:14px;line-height:1.45}.vh-variant-jump{display:flex!important;justify-content:center;margin:8px 0 0;text-decoration:none}
.vh-variant-matrix{max-width:940px;margin:28px auto 18px;padding:22px;background:#fff;border:1px solid #d7e4ec;border-radius:14px;box-shadow:0 8px 28px rgba(20,57,79,.05);scroll-margin-top:120px}
.vh-variant-matrix-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:16px}.vh-variant-matrix-head span{display:block;color:#0088c8;font-size:12px;font-weight:800;letter-spacing:.08em}.vh-variant-matrix-head h2{margin:3px 0 4px;font-size:25px;color:#082f49}.vh-variant-matrix-head p{margin:0;color:#60798a;font-size:14px}.vh-variant-matrix-head>small{color:#60798a;white-space:nowrap}
.vh-variant-table{border:1px solid #d7e4ec;border-radius:11px;overflow:hidden}.vh-variant-table-header,.vh-variant-row{display:grid;grid-template-columns:minmax(170px,1.5fr) minmax(150px,1.1fr) minmax(125px,.9fr) 132px 112px;gap:12px;align-items:center}.vh-variant-table-header{padding:10px 14px;background:#f3f8fb;color:#496779;font-size:12px;font-weight:800}.vh-variant-row{padding:12px 14px;border-top:1px solid #e2ebf0;transition:background .15s,border-color .15s}.vh-variant-row:first-of-type{border-top:0}.vh-variant-row:hover,.vh-variant-row.is-selected{background:#f7fbfd}.vh-variant-row.is-selected{box-shadow:inset 3px 0 0 #008acb}.vh-variant-row.is-out{opacity:.72;background:#fafbfc}
.vh-variant-size strong,.vh-variant-stock strong,.vh-variant-price strong{display:block;color:#123d56;font-size:14px}.vh-variant-size small,.vh-variant-stock small,.vh-variant-price small{display:block;margin-top:2px;color:#718795;font-size:11px}.vh-variant-stock{position:relative;padding-left:16px}.vh-variant-dot{position:absolute;left:0;top:4px;width:9px;height:9px;border-radius:50%;background:#16a34a}.vh-variant-row.is-out .vh-variant-dot{background:#c2413a}.vh-variant-price details{margin-top:4px}.vh-variant-price summary{cursor:pointer;color:#087cab;font-size:11px;font-weight:700}.vh-variant-price details span{display:block;color:#5a7382;font-size:10px;margin-top:2px}
.vh-variant-qty{display:grid;grid-template-columns:34px 54px 34px;align-items:center;gap:4px}.vh-variant-qty button{width:34px;height:34px;border:1px solid #b9d0df;border-radius:9px;background:#eef6fa;color:#075b89;font-size:20px;font-weight:800;cursor:pointer}.vh-variant-qty input{width:54px;height:34px;border:1px solid #b9d0df;border-radius:9px;text-align:center;font-weight:800;color:#123d56;background:#fff}.vh-variant-row.has-qty .vh-variant-qty input{border-color:#008acb;box-shadow:0 0 0 2px rgba(0,138,203,.1)}
.vh-variant-action button{width:100%;min-height:36px;border:0;border-radius:8px;background:#008acb;color:#fff;font-size:12px;font-weight:800;cursor:pointer}.vh-variant-action button:disabled{background:#dbe7ed;color:#8397a3;cursor:not-allowed}.vh-variant-matrix-foot{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:12px;color:#587283;font-size:11px}
@media(max-width:820px){.vh-variant-matrix{margin:20px 12px;padding:16px}.vh-variant-matrix-head{align-items:start;flex-direction:column;gap:4px}.vh-variant-matrix-head>small{white-space:normal}.vh-variant-table-header{display:none}.vh-variant-row{grid-template-columns:1fr auto;grid-template-areas:"size price" "stock stock" "qty action";gap:9px 12px;padding:13px}.vh-variant-size{grid-area:size}.vh-variant-price{grid-area:price;text-align:right}.vh-variant-stock{grid-area:stock}.vh-variant-qty{grid-area:qty}.vh-variant-action{grid-area:action;min-width:108px}.vh-variant-row.is-selected{box-shadow:inset 3px 0 0 #008acb}}
@media(max-width:460px){.vh-variant-row{grid-template-columns:1fr;grid-template-areas:"size" "stock" "price" "qty" "action"}.vh-variant-price{text-align:left}.vh-variant-qty{grid-template-columns:38px 62px 38px}.vh-variant-qty button{width:38px}.vh-variant-qty input{width:62px}.vh-variant-action button{min-height:40px}}

/* Productpagina 110 - maten direct naast de productfoto */
@media(min-width:1025px){
  .vh-product-main.has-variant-matrix{grid-template-columns:minmax(0,1.02fr) minmax(560px,.98fr);gap:24px 30px;align-items:start}
  .vh-product-main.has-variant-matrix>.vh-gallery{grid-column:1;grid-row:1 / span 3;position:sticky;top:118px}
  .vh-product-main.has-variant-matrix>.vh-product-info{grid-column:2;grid-row:1;padding-top:0}
  .vh-product-main.has-variant-matrix>.vh-variant-matrix{grid-column:2;grid-row:2;width:100%;max-width:none;margin:4px 0 0;padding:15px 16px;box-shadow:none;border-radius:10px}
  .vh-product-main.has-variant-matrix>.vh-buybox{grid-column:2;grid-row:3;margin:0;box-shadow:none}
  .vh-product-main.has-variant-matrix .vh-variant-matrix-head{margin-bottom:10px;align-items:start}
  .vh-product-main.has-variant-matrix .vh-variant-matrix-head h2{font-size:20px;margin-top:2px}
  .vh-product-main.has-variant-matrix .vh-variant-matrix-head p{font-size:12px;line-height:1.35}
  .vh-product-main.has-variant-matrix .vh-variant-matrix-head>small{display:none}
  .vh-product-main.has-variant-matrix .vh-variant-table-header,.vh-product-main.has-variant-matrix .vh-variant-row{grid-template-columns:minmax(145px,1.3fr) minmax(115px,.9fr) minmax(105px,.8fr) minmax(176px,1fr);gap:8px}
  .vh-product-main.has-variant-matrix .vh-variant-table-header{padding:8px 10px;font-size:11px}
  .vh-product-main.has-variant-matrix .vh-variant-row{padding:9px 10px}
  .vh-product-main.has-variant-matrix .vh-variant-size strong,.vh-product-main.has-variant-matrix .vh-variant-stock strong,.vh-product-main.has-variant-matrix .vh-variant-price strong{font-size:12px}
  .vh-product-main.has-variant-matrix .vh-variant-size small,.vh-product-main.has-variant-matrix .vh-variant-stock small,.vh-product-main.has-variant-matrix .vh-variant-price small{font-size:10px}
  .vh-product-main.has-variant-matrix .vh-variant-order{display:flex;align-items:center;justify-content:flex-end;gap:7px;min-width:0}
  .vh-product-main.has-variant-matrix .vh-variant-qty{grid-template-columns:28px 42px 28px;gap:3px}
  .vh-product-main.has-variant-matrix .vh-variant-qty button{width:28px;height:30px;font-size:17px;border-radius:7px}
  .vh-product-main.has-variant-matrix .vh-variant-qty input{width:42px;height:30px;border-radius:7px}
  .vh-product-main.has-variant-matrix .vh-variant-action{min-width:78px}
  .vh-product-main.has-variant-matrix .vh-variant-action button{min-height:30px;padding:0 8px;font-size:10px;white-space:nowrap}
  .vh-product-main.has-variant-matrix .vh-variant-matrix-foot{margin-top:8px;font-size:10px;gap:5px 14px}
  .vh-product-main.has-variant-matrix .vh-variant-jump,.vh-product-main.has-variant-matrix .vh-variant-matrix-intro{display:none!important}
}
@media(min-width:761px) and (max-width:1024px){
  .vh-product-main.has-variant-matrix{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,1fr);gap:20px}
  .vh-product-main.has-variant-matrix>.vh-gallery{grid-column:1;grid-row:1 / span 3}
  .vh-product-main.has-variant-matrix>.vh-product-info{grid-column:2;grid-row:1}
  .vh-product-main.has-variant-matrix>.vh-variant-matrix{grid-column:2;grid-row:2;margin:0;padding:14px;max-width:none}
  .vh-product-main.has-variant-matrix>.vh-buybox{grid-column:2;grid-row:3;margin:0}
  .vh-product-main.has-variant-matrix .vh-variant-table-header{display:none}
  .vh-product-main.has-variant-matrix .vh-variant-row{grid-template-columns:1fr auto;grid-template-areas:"size price" "stock stock" "order order";gap:7px;padding:10px}
  .vh-product-main.has-variant-matrix .vh-variant-size{grid-area:size}.vh-product-main.has-variant-matrix .vh-variant-price{grid-area:price;text-align:right}.vh-product-main.has-variant-matrix .vh-variant-stock{grid-area:stock}.vh-product-main.has-variant-matrix .vh-variant-order{grid-area:order;display:flex;justify-content:space-between;align-items:center;gap:8px}
}
@media(max-width:760px){
  .vh-product-main.has-variant-matrix>.vh-variant-matrix{order:3;margin:0;width:100%;padding:14px}
  .vh-product-main.has-variant-matrix>.vh-buybox{order:4}
  .vh-product-main.has-variant-matrix .vh-variant-order{grid-area:action;display:grid;grid-template-columns:1fr;gap:7px}
  .vh-product-main.has-variant-matrix .vh-variant-action button{min-height:40px}
}

/* 112.0 - compact lengte-/matenoverzicht naast de productfoto */
.vh-product-main.has-variant-matrix>.vh-variant-matrix--compact{padding:12px 14px;margin:2px 0 0;border-radius:10px;box-shadow:none;background:#fff}
.vh-product-main.has-variant-matrix>.vh-variant-matrix--compact .vh-variant-matrix-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 8px}
.vh-product-main.has-variant-matrix>.vh-variant-matrix--compact .vh-variant-matrix-head span{font-size:10px;letter-spacing:.07em}
.vh-product-main.has-variant-matrix>.vh-variant-matrix--compact .vh-variant-matrix-head h2{font-size:18px;line-height:1.15;margin:1px 0 0}
.vh-product-main.has-variant-matrix>.vh-variant-matrix--compact .vh-variant-matrix-head>small{display:block!important;font-size:10px;color:#6b8290;white-space:nowrap}
.vh-product-main.has-variant-matrix>.vh-variant-matrix--compact .vh-variant-table{border-radius:9px}
.vh-product-main.has-variant-matrix>.vh-variant-matrix--compact .vh-variant-table-header,
.vh-product-main.has-variant-matrix>.vh-variant-matrix--compact .vh-variant-row{grid-template-columns:72px minmax(105px,1fr) minmax(92px,.85fr) minmax(166px,1.2fr);gap:7px}
.vh-product-main.has-variant-matrix>.vh-variant-matrix--compact .vh-variant-table-header{padding:6px 9px;font-size:9px;letter-spacing:.02em}
.vh-product-main.has-variant-matrix>.vh-variant-matrix--compact .vh-variant-row{padding:7px 9px;min-height:48px}
.vh-product-main.has-variant-matrix>.vh-variant-matrix--compact .vh-variant-size strong{font-size:13px;white-space:nowrap}
.vh-product-main.has-variant-matrix>.vh-variant-matrix--compact .vh-variant-stock{padding-left:13px}
.vh-product-main.has-variant-matrix>.vh-variant-matrix--compact .vh-variant-dot{width:7px;height:7px;top:4px}
.vh-product-main.has-variant-matrix>.vh-variant-matrix--compact .vh-variant-stock strong,
.vh-product-main.has-variant-matrix>.vh-variant-matrix--compact .vh-variant-price strong{font-size:11px;line-height:1.2}
.vh-product-main.has-variant-matrix>.vh-variant-matrix--compact .vh-variant-price small{font-size:9px;margin-top:1px}
.vh-product-main.has-variant-matrix>.vh-variant-matrix--compact .vh-variant-price details{margin-top:2px}
.vh-product-main.has-variant-matrix>.vh-variant-matrix--compact .vh-variant-price summary{font-size:9px}
.vh-product-main.has-variant-matrix>.vh-variant-matrix--compact .vh-variant-order{display:flex;align-items:center;justify-content:flex-end;gap:5px;min-width:0}
.vh-product-main.has-variant-matrix>.vh-variant-matrix--compact .vh-variant-qty{grid-template-columns:26px 38px 26px;gap:2px}
.vh-product-main.has-variant-matrix>.vh-variant-matrix--compact .vh-variant-qty button{width:26px;height:28px;border-radius:7px;font-size:16px}
.vh-product-main.has-variant-matrix>.vh-variant-matrix--compact .vh-variant-qty input{width:38px;height:28px;border-radius:7px;font-size:12px}
.vh-product-main.has-variant-matrix>.vh-variant-matrix--compact .vh-variant-action{min-width:56px}
.vh-product-main.has-variant-matrix>.vh-variant-matrix--compact .vh-variant-action button{min-height:28px;padding:0 9px;border-radius:7px;font-size:10px;white-space:nowrap}
.vh-product-main.has-variant-matrix>.vh-variant-matrix--compact .vh-variant-matrix-foot{margin-top:6px;font-size:9px;color:#6b8290}
.vh-product-main.has-variant-matrix>.vh-buybox--services{padding:14px 16px}
.vh-product-main.has-variant-matrix>.vh-buybox--services>h2{font-size:15px;margin:0 0 9px}
.vh-product-main.has-variant-matrix>.vh-buybox--services .vh-quote-button{min-height:36px}

@media(min-width:1181px){
  .vh-product-main.has-variant-matrix{grid-template-columns:minmax(0,1.03fr) minmax(500px,.97fr);gap:18px 28px}
  .vh-product-main.has-variant-matrix>.vh-gallery{grid-column:1;grid-row:1 / span 3;position:sticky;top:118px}
  .vh-product-main.has-variant-matrix>.vh-product-info{grid-column:2;grid-row:1}
  .vh-product-main.has-variant-matrix>.vh-variant-matrix{grid-column:2;grid-row:2}
  .vh-product-main.has-variant-matrix>.vh-buybox{grid-column:2;grid-row:3}
}
@media(max-width:1180px) and (min-width:821px){
  .vh-product-main.has-variant-matrix>.vh-variant-matrix--compact .vh-variant-table-header{display:none}
  .vh-product-main.has-variant-matrix>.vh-variant-matrix--compact .vh-variant-row{grid-template-columns:82px 1fr auto;grid-template-areas:"size stock price" "order order order";gap:5px 10px}
  .vh-product-main.has-variant-matrix>.vh-variant-matrix--compact .vh-variant-size{grid-area:size}.vh-product-main.has-variant-matrix>.vh-variant-matrix--compact .vh-variant-stock{grid-area:stock}.vh-product-main.has-variant-matrix>.vh-variant-matrix--compact .vh-variant-price{grid-area:price;text-align:right}.vh-product-main.has-variant-matrix>.vh-variant-matrix--compact .vh-variant-order{grid-area:order;justify-content:flex-end}
}
@media(max-width:820px){
  .vh-product-main.has-variant-matrix>.vh-variant-matrix--compact{margin:0;padding:12px}
  .vh-product-main.has-variant-matrix>.vh-variant-matrix--compact .vh-variant-table-header{display:none}
  .vh-product-main.has-variant-matrix>.vh-variant-matrix--compact .vh-variant-row{grid-template-columns:1fr auto;grid-template-areas:"size price" "stock stock" "order order";gap:5px 10px;padding:9px}
  .vh-product-main.has-variant-matrix>.vh-variant-matrix--compact .vh-variant-size{grid-area:size}.vh-product-main.has-variant-matrix>.vh-variant-matrix--compact .vh-variant-price{grid-area:price;text-align:right}.vh-product-main.has-variant-matrix>.vh-variant-matrix--compact .vh-variant-stock{grid-area:stock}.vh-product-main.has-variant-matrix>.vh-variant-matrix--compact .vh-variant-order{grid-area:order;justify-content:space-between}
  .vh-product-main.has-variant-matrix>.vh-buybox--services{margin-top:0}
}
@media(max-width:460px){
  .vh-product-main.has-variant-matrix>.vh-variant-matrix--compact .vh-variant-row{grid-template-columns:1fr;grid-template-areas:"size" "stock" "price" "order"}
  .vh-product-main.has-variant-matrix>.vh-variant-matrix--compact .vh-variant-price{text-align:left}
  .vh-product-main.has-variant-matrix>.vh-variant-matrix--compact .vh-variant-order{align-items:center;gap:8px}
  .vh-product-main.has-variant-matrix>.vh-variant-matrix--compact .vh-variant-action{flex:1}
  .vh-product-main.has-variant-matrix>.vh-variant-matrix--compact .vh-variant-action button{width:100%;min-height:34px}
}

/* 113.0 - productvariantregels: vaste uitlijning en leesbaarheid */
@media (min-width:1181px){
  .vh-product-main.has-variant-matrix>.vh-variant-matrix--compact .vh-variant-table-header,
  .vh-product-main.has-variant-matrix>.vh-variant-matrix--compact .vh-variant-row{
    grid-template-columns:minmax(0,2.25fr) minmax(112px,.95fr) minmax(82px,.72fr) minmax(154px,1.15fr);
    column-gap:14px;
  }
  .vh-product-main.has-variant-matrix>.vh-variant-matrix--compact .vh-variant-table-header{
    padding:8px 12px;
    font-size:10px;
    line-height:1.2;
  }
  .vh-product-main.has-variant-matrix>.vh-variant-matrix--compact .vh-variant-row{
    min-height:62px;
    padding:10px 12px;
    align-items:center;
  }
}

.vh-product-main.has-variant-matrix>.vh-variant-matrix--compact .vh-variant-table-header>*,
.vh-product-main.has-variant-matrix>.vh-variant-matrix--compact .vh-variant-row>*{
  min-width:0;
}

.vh-product-main.has-variant-matrix>.vh-variant-matrix--compact .vh-variant-row:nth-child(odd){
  background:#ffffff;
}
.vh-product-main.has-variant-matrix>.vh-variant-matrix--compact .vh-variant-row:nth-child(even){
  background:#f3f8fb;
}

.vh-product-main.has-variant-matrix>.vh-variant-matrix--compact .vh-variant-size{
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-self:stretch;
  min-width:0;
}
.vh-product-main.has-variant-matrix>.vh-variant-matrix--compact .vh-variant-size strong{
  display:block;
  max-width:100%;
  white-space:normal;
  overflow-wrap:anywhere;
  word-break:normal;
  line-height:1.22;
  font-size:12px;
}
.vh-product-main.has-variant-matrix>.vh-variant-matrix--compact .vh-variant-size small{
  display:block;
  margin-top:4px;
  line-height:1.2;
  font-size:9px;
}

.vh-product-main.has-variant-matrix>.vh-variant-matrix--compact .vh-variant-stock{
  display:flex;
  align-items:center;
  gap:6px;
  min-width:0;
  padding-left:0;
}
.vh-product-main.has-variant-matrix>.vh-variant-matrix--compact .vh-variant-dot{
  position:static;
  flex:0 0 7px;
}
.vh-product-main.has-variant-matrix>.vh-variant-matrix--compact .vh-variant-stock strong{
  min-width:0;
  white-space:normal;
  overflow-wrap:break-word;
  line-height:1.2;
}

.vh-product-main.has-variant-matrix>.vh-variant-matrix--compact .vh-variant-price{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;
  text-align:left;
}
.vh-product-main.has-variant-matrix>.vh-variant-matrix--compact .vh-variant-price strong{
  white-space:nowrap;
  line-height:1.15;
  font-size:11px;
}
.vh-product-main.has-variant-matrix>.vh-variant-matrix--compact .vh-variant-price small{
  margin-top:3px;
  white-space:normal;
  line-height:1.15;
}

.vh-product-main.has-variant-matrix>.vh-variant-matrix--compact .vh-variant-order{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:7px;
  min-width:0;
  white-space:nowrap;
}
.vh-product-main.has-variant-matrix>.vh-variant-matrix--compact .vh-variant-qty{
  flex:0 0 auto;
}
.vh-product-main.has-variant-matrix>.vh-variant-matrix--compact .vh-variant-action{
  flex:0 0 auto;
}

@media (min-width:821px) and (max-width:1180px){
  .vh-product-main.has-variant-matrix>.vh-variant-matrix--compact .vh-variant-row{
    min-height:74px;
    padding:11px 12px;
  }
  .vh-product-main.has-variant-matrix>.vh-variant-matrix--compact .vh-variant-size strong{
    white-space:normal;
    overflow-wrap:anywhere;
    line-height:1.22;
  }
}

/* 120.0 - zaagtool CTA duidelijk actief en offerte secundair */
.vh-saw-highlight{display:grid;gap:12px;padding:16px;border:1px solid #bfe0f0;border-radius:12px;background:linear-gradient(180deg,#f4fbff 0%,#ebf7fd 100%);margin:6px 0 14px;box-shadow:0 10px 26px rgba(0,75,135,.07)}
.vh-saw-highlight__badge{display:inline-flex;align-items:center;justify-self:start;padding:6px 10px;border-radius:999px;background:#e9f7ef;border:1px solid #c7e7d1;color:#17643a;font-size:11px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}
.vh-saw-highlight__head{display:grid;grid-template-columns:minmax(0,1fr) 52px;gap:14px;align-items:start}
.vh-saw-highlight__head h3{margin:0;color:#0b3149;font-size:22px;line-height:1.1}
.vh-saw-highlight__head p{margin:6px 0 0;color:#4e6879;font-size:13px;line-height:1.5}
.vh-saw-highlight__icon{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:#fff;color:#0579a8;border:1px solid #cfe5f0;box-shadow:0 4px 12px rgba(5,121,168,.08)}
.vh-saw-highlight__icon svg{width:30px;height:30px}
.vh-saw-box--button{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:58px;padding:15px 16px;border:1px solid #0579a8;border-radius:12px;background:#008acb;color:#fff;text-align:left;cursor:pointer;box-shadow:0 8px 20px rgba(0,138,203,.22)}
.vh-saw-box--button:hover{background:#047db6;border-color:#047db6}
.vh-saw-box--button:focus-visible{outline:3px solid rgba(0,138,203,.22);outline-offset:2px}
.vh-saw-box--button .vh-saw-box__content{display:grid;gap:3px;min-width:0}
.vh-saw-box--button b{font-size:18px;line-height:1.15;color:#fff}
.vh-saw-box--button small{font-size:12px;line-height:1.35;color:rgba(255,255,255,.92);margin:0}
.vh-saw-box--button strong{color:#fff;font-size:14px;font-weight:900;white-space:nowrap}
.vh-saw-highlight .vh-saw-size-caption{margin-top:0!important;font-size:10px!important;color:#527184!important}
.vh-saw-highlight .vh-saw-size-list{margin:0}
.vh-saw-highlight .vh-saw-size-list span,.vh-saw-highlight .vh-saw-size-list em{padding:5px 8px;border:1px solid #c7dfeb;border-radius:999px;background:#fff;color:#1e516c;font-size:11px;font-style:normal}
.vh-quote-button--muted{min-height:40px;margin:0;border-style:dashed;color:#35556b;background:#fff}
.vh-buybox--services>h2{margin-bottom:12px}
@media(max-width:760px){
  .vh-saw-highlight{padding:14px}
  .vh-saw-highlight__head{grid-template-columns:1fr 42px;gap:10px}
  .vh-saw-highlight__head h3{font-size:20px}
  .vh-saw-highlight__icon{width:42px;height:42px;border-radius:10px}
  .vh-saw-highlight__icon svg{width:24px;height:24px}
  .vh-saw-box--button{padding:14px}
  .vh-saw-box--button b{font-size:16px}
  .vh-saw-box--button strong{font-size:13px}
}

/* 120.1 - zaagtool bovenaan en onbewerkt bestellen secundair */
.vh-saw-highlight{margin-top:4px;margin-bottom:16px}
.vh-saw-highlight__head{grid-template-columns:52px minmax(0,1fr)}
.vh-saw-highlight__head h3{margin:2px 0 0}
.vh-saw-launch{width:100%;min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #0079b2;border-radius:9px;background:#008acb;color:#fff;padding:0 16px;font:inherit;font-size:16px;font-weight:900;cursor:pointer;box-shadow:0 8px 20px rgba(0,138,203,.18)}
.vh-saw-launch:hover{background:#047db6}
.vh-saw-launch:focus-visible{outline:3px solid rgba(0,138,203,.22);outline-offset:2px}
.vh-saw-launch strong{font-size:20px;line-height:1}
.vh-saw-quote-link{display:block;color:#345f76;text-decoration:none;font-size:11px;font-weight:800;line-height:1.4}
.vh-saw-quote-link:hover{text-decoration:underline}
.vh-raw-order{margin-top:4px;padding-top:14px;border-top:1px solid #dce7ed}
.vh-raw-order__label{display:block;margin-bottom:7px;color:#6d7f8b;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}
.vh-raw-order .vh-field{margin-top:8px}
.vh-buy-button--secondary{background:#fff!important;color:#0b4f7a!important;border:1px solid #9fc2d7!important;box-shadow:none!important}
.vh-buy-button--secondary:hover:not(:disabled){background:#f4f9fc!important;border-color:#6fa7c7!important}
.vh-buy-button--secondary:disabled{background:#f3f5f6!important;color:#8d9aa3!important;border-color:#d4dce1!important}
.vh-mobile-sticky-buy--saw button{background:#008acb!important;color:#fff!important}
@media(max-width:760px){
  .vh-saw-highlight__head{grid-template-columns:42px minmax(0,1fr)}
  .vh-saw-launch{min-height:52px;font-size:15px}
  .vh-raw-order{padding-top:12px}
}

/* 120.1 - professionele Zaagtool UX, expliciete icon sizing en 3-stappenflow */
.vh-saw-highlight{
  display:grid;
  gap:11px;
  margin:8px 0 14px;
  padding:14px;
  border:1px solid #c7dfec;
  border-radius:10px;
  background:#f5fbfe;
  box-shadow:none;
  overflow:hidden;
}
.vh-saw-highlight__head{
  display:grid;
  grid-template-columns:32px minmax(0,1fr);
  gap:10px;
  align-items:start;
}
.vh-saw-highlight__icon{
  display:grid;
  place-items:center;
  width:32px;
  height:32px;
  min-width:32px;
  max-width:32px;
  min-height:32px;
  max-height:32px;
  border-radius:8px;
  background:#fff;
  border:1px solid #cfe3ee;
  color:#0579a8;
  overflow:hidden;
  flex:0 0 32px;
}
.vh-saw-highlight__icon img,
.vh-saw-highlight__icon .vh-saw-blade-icon{
  display:block!important;
  width:22px!important;
  height:22px!important;
  min-width:22px!important;
  max-width:22px!important;
  min-height:22px!important;
  max-height:22px!important;
  object-fit:contain!important;
  margin:0!important;
  transform:none!important;
  position:static!important;
}
.vh-saw-highlight__badge{
  display:inline-flex;
  width:max-content;
  max-width:100%;
  padding:3px 7px;
  border-radius:999px;
  background:#eaf7ef;
  border:1px solid #c7e6d1;
  color:#17643a;
  font-size:9px;
  font-weight:900;
  line-height:1.25;
  letter-spacing:.045em;
  text-transform:uppercase;
}
.vh-saw-highlight__head h3{
  margin:6px 0 2px;
  color:#0b3149;
  font-size:18px;
  line-height:1.15;
}
.vh-saw-highlight__head p{
  margin:0;
  color:#536c7c;
  font-size:11px;
  line-height:1.45;
}
.vh-saw-launch{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  width:100%;
  min-height:44px;
  padding:0 14px;
  border:0;
  border-radius:7px;
  background:#008acb;
  color:#fff;
  font:inherit;
  font-size:13px;
  font-weight:900;
  cursor:pointer;
  box-shadow:none;
}
.vh-saw-launch:hover{background:#007bb5}
.vh-saw-launch:focus-visible{outline:3px solid rgba(0,138,203,.22);outline-offset:2px}
.vh-saw-launch span{min-width:0;color:inherit;font-size:inherit!important}
.vh-saw-launch strong{color:inherit;font-size:16px;line-height:1}
.vh-saw-quote-link{
  display:block;
  color:#536c7c;
  font-size:10px;
  line-height:1.35;
  text-decoration:none;
}
.vh-saw-quote-link:hover{color:#004b87;text-decoration:underline}

.vh-saw-modal{
  position:fixed;
  inset:0;
  z-index:9998;
  display:grid;
  place-items:center;
  padding:24px;
  background:rgba(5,30,47,.68);
  backdrop-filter:blur(3px);
}
.vh-saw-modal[hidden]{display:none!important}
.vh-saw-dialog{
  position:relative;
  width:min(880px,100%);
  max-height:min(90vh,860px);
  overflow:auto;
  overflow-x:hidden;
  padding:24px;
  border-radius:16px;
  background:#fff;
  box-shadow:0 24px 70px rgba(0,0,0,.28);
  color:#173e56;
}
.vh-saw-close{
  position:absolute;
  z-index:3;
  right:14px;
  top:12px;
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  padding:0;
  border:0;
  border-radius:50%;
  background:#f4f7f9;
  color:#24475e;
  font-size:26px;
  line-height:1;
  cursor:pointer;
}
.vh-saw-header{
  display:grid;
  grid-template-columns:36px minmax(0,1fr);
  gap:12px;
  align-items:start;
  padding:0 50px 14px 0;
}
.vh-saw-title-icon{
  display:grid;
  place-items:center;
  width:36px;
  height:36px;
  min-width:36px;
  max-width:36px;
  min-height:36px;
  max-height:36px;
  border-radius:9px;
  background:#e9f6fb;
  border:1px solid #d3e9f2;
  overflow:hidden;
  flex:0 0 36px;
}
.vh-saw-title-icon img,
.vh-saw-title-icon .vh-saw-blade-icon{
  display:block!important;
  width:24px!important;
  height:24px!important;
  min-width:24px!important;
  max-width:24px!important;
  min-height:24px!important;
  max-height:24px!important;
  object-fit:contain!important;
  margin:0!important;
  transform:none!important;
  position:static!important;
}
.vh-saw-header .vh-kicker{font-size:9px;letter-spacing:.07em}
.vh-saw-header h2{margin:2px 0 1px;color:#0b3149;font-size:25px;line-height:1.1}
.vh-saw-header p{margin:0;color:#647c8b;font-size:12px;font-weight:700;line-height:1.35}
.vh-saw-source{
  margin:0 0 14px;
  padding:10px 12px;
  border:1px solid #dce7ed;
  border-radius:9px;
  background:#f7fafc;
}
.vh-saw-source>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 14px;align-items:center}
.vh-saw-source span{grid-column:1/-1;color:#748994;font-size:9px;font-weight:900;letter-spacing:.055em;text-transform:uppercase}
.vh-saw-source strong{min-width:0;color:#173e56;font-size:13px;line-height:1.25;overflow-wrap:anywhere}
.vh-saw-source small{color:#647c8b;font-size:10px;text-align:right;line-height:1.35}
.vh-saw-steps{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  margin:0 0 18px;
}
.vh-saw-steps span{
  display:flex;
  align-items:center;
  gap:7px;
  min-width:0;
  padding:8px 10px;
  border:1px solid #dce7ed;
  border-radius:8px;
  background:#f8fafb;
  color:#6a7f8c;
  font-size:11px;
  font-weight:850;
}
.vh-saw-steps b{
  display:grid;
  place-items:center;
  width:22px;
  height:22px;
  flex:0 0 22px;
  border-radius:50%;
  background:#dce8ee;
  color:#355b70;
  font-size:10px;
}
.vh-saw-steps span.active{border-color:#8dcce7;background:#eef8fc;color:#075f89}
.vh-saw-steps span.active b{background:#078fc5;color:#fff}
.vh-saw-steps span.done{border-color:#c9e6d5;background:#f4fbf7;color:#237047}
.vh-saw-steps span.done b{background:#2c9a61;color:#fff}
.vh-saw-stage[hidden]{display:none!important}
.vh-saw-stage{min-width:0}
.vh-saw-stage__intro{
  display:flex;
  justify-content:space-between;
  align-items:start;
  gap:18px;
  margin-bottom:12px;
}
.vh-saw-stage__intro h3{margin:0 0 4px;color:#0b3149;font-size:19px;line-height:1.2}
.vh-saw-stage__intro p{max-width:590px;margin:0;color:#647c8b;font-size:12px;line-height:1.5}
.vh-saw-unit-control{display:flex;align-items:center;gap:6px;white-space:nowrap;color:#637988;font-size:10px;font-weight:850}
.vh-saw-unit-control select{height:32px;padding:0 26px 0 9px;border:1px solid #c5d6df;border-radius:7px;background:#fff;color:#173e56;font:inherit;font-size:11px;font-weight:800}
.vh-saw-quick{
  display:grid;
  grid-template-columns:145px minmax(0,1fr);
  gap:10px;
  align-items:center;
  margin:0 0 12px;
  padding:10px;
  border:1px solid #e0e9ee;
  border-radius:9px;
  background:#fbfdfe;
}
.vh-saw-quick[hidden]{display:none!important}
.vh-saw-quick>div:first-child strong,.vh-saw-quick>div:first-child small{display:block}
.vh-saw-quick>div:first-child strong{font-size:11px;color:#35566a}
.vh-saw-quick>div:first-child small{margin-top:2px;color:#7b8e99;font-size:9px;line-height:1.35}
.vh-saw-quick>div:last-child{display:flex;gap:6px;flex-wrap:wrap}
.vh-saw-quick button{min-width:110px;padding:7px 9px;border:1px solid #b7d3e0;border-radius:7px;background:#fff;color:#124d6d;text-align:left;cursor:pointer}
.vh-saw-quick button b,.vh-saw-quick button span{display:block}
.vh-saw-quick button b{font-size:11px}
.vh-saw-quick button span{margin-top:1px;color:#748895;font-size:9px}
.vh-saw-rows{display:grid;gap:8px}
.vh-saw-row,
.vh-saw-row.is-linear{
  display:grid;
  grid-template-columns:minmax(150px,1.25fr) minmax(130px,.8fr) 82px 38px;
  gap:8px;
  align-items:end;
  min-width:0;
  padding:10px;
  border:1px solid #dce7ed;
  border-radius:9px;
  background:#fff;
}
.vh-saw-row.is-sheet{grid-template-columns:minmax(145px,1.2fr) minmax(115px,.75fr) minmax(115px,.75fr) 76px 38px}
.vh-saw-row label{min-width:0;color:#355166;font-size:10px;font-weight:850}
.vh-saw-row label>span{float:none;margin-left:4px;color:#8497a2;font-size:8px;font-weight:700}
.vh-saw-row input{
  display:block;
  width:100%;
  height:38px;
  margin-top:4px;
  padding:0 9px;
  border:1px solid #c7d6df;
  border-radius:7px;
  background:#fff;
  color:#173e56;
  font:inherit;
  font-size:12px;
  outline:0;
}
.vh-saw-row input:focus{border-color:#078fc5;box-shadow:0 0 0 3px rgba(7,143,197,.10)}
.vh-saw-row.is-linear .saw-width{display:none}
.vh-saw-remove{display:grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid #e1d4d4;border-radius:7px;background:#fff;color:#a33d3d;font-size:18px;cursor:pointer}
.vh-saw-row-actions{display:flex;justify-content:flex-start;margin-top:9px}
.vh-saw-add{min-height:38px;padding:0 13px;font-size:11px}
.vh-saw-live-error,.vh-saw-error{margin-top:10px;padding:10px 12px;border:1px solid #efd89e;border-radius:8px;background:#fff8ea;color:#765619;font-size:11px;line-height:1.45}
.vh-saw-alternative{margin-top:10px}
.vh-saw-stage-actions{
  display:flex;
  align-items:center;
  gap:9px;
  margin-top:16px;
  padding-top:14px;
  border-top:1px solid #e4ebef;
}
.vh-saw-stage-actions .vh-primary-button{min-height:44px;padding:0 18px;border:0}
.vh-saw-stage-actions .vh-primary-button:disabled{opacity:.45;cursor:not-allowed}
.vh-saw-stage-actions .vh-outline-button,.vh-saw-stage-actions .vh-secondary-button{min-height:40px;padding:0 15px}
.vh-saw-result-status{display:flex;align-items:center;gap:10px;margin:0 0 12px;padding:11px 13px;border:1px solid #c9e5d4;border-radius:9px;background:#f3faf6;color:#17643a}
.vh-saw-result-status>span{display:grid;place-items:center;width:26px;height:26px;flex:0 0 26px;border-radius:50%;background:#2c9a61;color:#fff;font-weight:900}
.vh-saw-result-status div{display:grid;gap:1px}
.vh-saw-result-status strong{font-size:13px}
.vh-saw-result-status small{color:#557466;font-size:10px}
.vh-saw-calculation{
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  gap:12px;
  margin:0;
}
.vh-saw-summary,.vh-saw-plan-preview{
  min-width:0;
  margin:0;
  padding:14px;
  border:1px solid #d9e5eb;
  border-radius:10px;
  background:#fff;
}
.vh-saw-summary{background:#f8fbfc}
.vh-saw-result-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:11px;border-bottom:1px solid #dce8ee}
.vh-saw-result-head>div{display:grid;gap:2px}
.vh-saw-result-head span{color:#147445;font-size:9px;font-weight:900;letter-spacing:.055em;text-transform:uppercase}
.vh-saw-result-head small{color:#788d98;font-size:9px;line-height:1.35}
.vh-saw-result-head>strong{font-size:22px;color:#0b3149;white-space:nowrap}
.vh-saw-result-block{display:grid;gap:3px;padding:10px 0;border-bottom:1px solid #e3ebef}
.vh-saw-result-block small{color:#718795;font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.03em}
.vh-saw-result-block strong{color:#173e56;font-size:12px}
.vh-saw-result-block ul{display:grid;gap:3px;margin:2px 0 0;padding-left:18px;color:#365568;font-size:11px}
.vh-saw-result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:10px 0}
.vh-saw-result-grid>div{display:grid;gap:2px;padding:8px;border:1px solid #e0e9ee;border-radius:7px;background:#fff}
.vh-saw-result-grid small{color:#718795;font-size:9px}
.vh-saw-result-grid strong{color:#173f57;font-size:11px}
.vh-saw-costs{margin:0}
.vh-saw-costs>div{display:flex;justify-content:space-between;gap:12px;padding:6px 0;border-bottom:1px solid #e2ebef}
.vh-saw-costs>div:last-child{border-bottom:0}
.vh-saw-costs dt{color:#5f7785;font-size:10px}
.vh-saw-costs dd{margin:0;color:#173d54;font-size:10px;font-weight:850}
.vh-saw-costs .total{padding-top:9px}
.vh-saw-costs .total dt,.vh-saw-costs .total dd{color:#0b3149;font-size:12px;font-weight:950}
.vh-saw-plan-heading{display:flex;justify-content:space-between;gap:12px;align-items:end;margin-bottom:8px}
.vh-saw-plan-heading>div{display:grid;gap:2px}
.vh-saw-plan-heading strong{color:#173e56;font-size:13px}
.vh-saw-plan-heading span{color:#718895;font-size:9px}
.vh-saw-plan-preview svg{display:block;width:100%;max-width:100%;height:auto;margin:5px 0 10px;border:1px solid #dce8ee;border-radius:7px;background:#fff;overflow:hidden}
.vh-saw-plan-caption{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-top:6px}
.vh-saw-plan-caption strong{font-size:10px;color:#173e56}
.vh-saw-plan-caption small{font-size:9px;color:#718895}
.vh-saw-plan-list{display:grid;gap:4px}
.vh-saw-plan-list span{padding:6px 7px;border-radius:6px;background:#f5f8fa;color:#4f6978;font-size:9px}
.vh-saw-best{margin:10px 0 0;padding:10px 12px;border:1px solid #c9e5d4;border-radius:8px;background:#f4fbf7;display:grid;gap:3px;color:#355d47}
.vh-saw-best>span{font-size:9px;font-weight:900;letter-spacing:.05em;color:#148047}
.vh-saw-best>strong{font-size:11px;color:#244e36}
.vh-saw-best>small{font-size:9px;line-height:1.4}
.vh-saw-best button{justify-self:start;margin-top:4px;padding:7px 9px;border:0;border-radius:6px;background:#148047;color:#fff;font-size:10px;font-weight:850;cursor:pointer}
.vh-saw-review-card{padding:16px;border:1px solid #d9e5eb;border-radius:10px;background:#f9fbfc}
.vh-saw-review-card .vh-kicker{font-size:9px}
.vh-saw-review-card h3{margin:4px 0 12px;color:#0b3149;font-size:20px}
.vh-saw-review-list{display:grid;grid-template-columns:1fr 1fr;gap:0 18px;margin:0}
.vh-saw-review-list>div{display:grid;gap:3px;padding:9px 0;border-bottom:1px solid #e3eaee}
.vh-saw-review-list>div.wide{grid-column:1/-1}
.vh-saw-review-list dt{color:#748995;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}
.vh-saw-review-list dd{margin:0;color:#173e56;font-size:12px}
.vh-saw-review-list ul{display:grid;gap:5px;margin:2px 0 0;padding:0;list-style:none}
.vh-saw-review-list li{display:flex;justify-content:space-between;gap:10px;padding:7px 8px;border-radius:6px;background:#fff}
.vh-saw-review-list li span{color:#718895;font-size:10px}
.vh-saw-confirm{display:flex;align-items:flex-start;gap:9px;margin-top:14px;padding:12px;border:1px solid #cfe0e8;border-radius:8px;background:#fff;color:#244c63;font-size:11px;font-weight:800;line-height:1.4}
.vh-saw-confirm input{width:18px;height:18px;margin:0;flex:0 0 18px;accent-color:#078fc5}

@media(max-width:760px){
  .vh-saw-highlight{padding:12px}
  .vh-saw-highlight__head{grid-template-columns:28px minmax(0,1fr)}
  .vh-saw-highlight__icon{width:28px;height:28px;min-width:28px;max-width:28px;min-height:28px;max-height:28px}
  .vh-saw-highlight__icon img,.vh-saw-highlight__icon .vh-saw-blade-icon{width:19px!important;height:19px!important;min-width:19px!important;max-width:19px!important;min-height:19px!important;max-height:19px!important}
  .vh-saw-modal{padding:0;place-items:end}
  .vh-saw-dialog{width:100%;max-height:96vh;padding:18px 14px calc(18px + env(safe-area-inset-bottom));border-radius:16px 16px 0 0}
  .vh-saw-close{right:10px;top:9px;width:36px;height:36px}
  .vh-saw-header{grid-template-columns:32px minmax(0,1fr);gap:9px;padding-right:42px}
  .vh-saw-title-icon{width:32px;height:32px;min-width:32px;max-width:32px;min-height:32px;max-height:32px}
  .vh-saw-title-icon img,.vh-saw-title-icon .vh-saw-blade-icon{width:21px!important;height:21px!important;min-width:21px!important;max-width:21px!important;min-height:21px!important;max-height:21px!important}
  .vh-saw-header h2{font-size:22px}
  .vh-saw-source>div{grid-template-columns:1fr}
  .vh-saw-source small{text-align:left}
  .vh-saw-steps span{padding:7px;font-size:9px}
  .vh-saw-steps b{width:20px;height:20px;flex-basis:20px}
  .vh-saw-stage__intro{display:grid;gap:9px}
  .vh-saw-unit-control{justify-self:start}
  .vh-saw-quick{grid-template-columns:1fr}
  .vh-saw-quick>div:last-child{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .vh-saw-quick button{min-width:0}
  .vh-saw-row,.vh-saw-row.is-linear,.vh-saw-row.is-sheet{grid-template-columns:1fr 1fr 72px 38px;grid-template-areas:"label label label label" "length width qty remove"}
  .vh-saw-row .saw-label{grid-area:label}
  .vh-saw-row .saw-length{grid-area:length}
  .vh-saw-row .saw-width{grid-area:width}
  .vh-saw-row>label:nth-of-type(4){grid-area:qty}
  .vh-saw-row .vh-saw-remove{grid-area:remove}
  .vh-saw-row.is-linear{grid-template-columns:minmax(0,1fr) 78px 38px;grid-template-areas:"label label label" "length qty remove"}
  .vh-saw-row.is-linear .saw-width{display:none}
  .vh-saw-calculation{grid-template-columns:1fr}
  .vh-saw-stage-actions{position:sticky;bottom:calc(-18px - env(safe-area-inset-bottom));z-index:2;margin:16px -14px calc(-18px - env(safe-area-inset-bottom));padding:12px 14px calc(12px + env(safe-area-inset-bottom));background:#fff;box-shadow:0 -8px 22px rgba(7,48,90,.08)}
  .vh-saw-stage-actions .vh-primary-button{flex:1}
  .vh-saw-review-list{grid-template-columns:1fr}
  .vh-saw-review-list>div.wide{grid-column:auto}
}
@media(max-width:420px){
  .vh-saw-steps span{justify-content:center;font-size:0;gap:0}
  .vh-saw-steps span b{font-size:10px}
  .vh-saw-quick>div:last-child{grid-template-columns:1fr}
  .vh-saw-row,.vh-saw-row.is-linear,.vh-saw-row.is-sheet{grid-template-columns:1fr 72px 38px;grid-template-areas:"label label label" "length qty remove"}
  .vh-saw-row.is-sheet{grid-template-columns:1fr 1fr;grid-template-areas:"label label" "length width" "qty remove"}
  .vh-saw-row.is-sheet>label:nth-of-type(4){width:100%}
  .vh-saw-row.is-sheet .vh-saw-remove{justify-self:end}
  .vh-saw-stage-actions{flex-wrap:wrap}
  .vh-saw-stage-actions>*{width:100%}
}

/* 120.1.1 - icon guard + nette modal-acties */
.vh-saw-blade-icon{
  display:block!important;
  width:24px!important;
  height:24px!important;
  min-width:24px!important;
  max-width:24px!important;
  min-height:24px!important;
  max-height:24px!important;
  object-fit:contain!important;
  margin:0!important;
  position:static!important;
  transform:none!important;
}
.vh-product-trust__icon--image{display:grid;place-items:center;overflow:hidden}
.vh-product-trust__icon--image .vh-saw-blade-icon{width:20px!important;height:20px!important;min-width:20px!important;max-width:20px!important;min-height:20px!important;max-height:20px!important}
.vh-saw-stage-actions .vh-primary-button{background:#008acb!important;color:#fff!important;border:1px solid #008acb!important;box-shadow:none!important}
.vh-saw-stage-actions .vh-primary-button:hover:not(:disabled){background:#007bb5!important;border-color:#007bb5!important}
.vh-secondary-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid #cbd8df;border-radius:6px;background:#fff;color:#355166;font:inherit;font-weight:800;cursor:pointer}
.vh-secondary-button:hover{background:#f5f8fa}


/* 177.0 - zaagplan aantallen + technisch rechte zaagvormen */
.vh-saw-plan-preview svg{
  border-radius:0!important;
}
.vh-saw-plan-preview svg rect{
  rx:0!important;
  ry:0!important;
}
.vh-saw-plan-list span{
  border-radius:0!important;
}
.vh-saw-plan-list span b{
  display:inline-block;
  min-width:30px;
  color:#075f89;
  font-weight:950;
}
@media(max-width:760px){
  .vh-saw-plan-heading{align-items:flex-start}
  .vh-saw-plan-heading>div{width:100%}
  .vh-saw-plan-heading span{font-size:10px;line-height:1.4}
  .vh-saw-plan-list span{font-size:10px;line-height:1.4}
}

/* 178.0 - responsive zaagwerkruimte + live 3D maatvoorbeeld */
.vh-saw-modal{padding:16px;place-items:center}
.vh-saw-dialog{
  width:min(1280px,calc(100vw - 32px));
  height:min(94vh,960px);
  max-height:none;
  overflow:auto;
  overscroll-behavior:contain;
  border-radius:16px;
  padding:24px 28px;
}
.vh-saw-stage-actions{
  position:sticky;
  bottom:-24px;
  z-index:5;
  margin:18px -28px -24px;
  padding:14px 28px 18px;
  background:rgba(255,255,255,.97);
  box-shadow:0 -10px 24px rgba(7,48,90,.08);
}
.vh-saw-live-preview{
  display:grid;
  gap:12px;
  margin-top:12px;
  padding:14px;
  border:1px solid #d7e6ed;
  background:#f9fcfd;
}
.vh-saw-live-preview[hidden]{display:none!important}
.vh-saw-live-preview__head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
}
.vh-saw-live-preview__head>div{display:grid;gap:2px}
.vh-saw-live-preview__head span{font-size:9px;font-weight:950;letter-spacing:.07em;color:#087cab}
.vh-saw-live-preview__head strong{font-size:15px;color:#173e56}
.vh-saw-live-preview__head small{font-size:10px;line-height:1.4;color:#6a8391}
.vh-saw-live-preview__head>b{white-space:nowrap;padding:6px 9px;font-size:10px;border:1px solid #c9e5d4;background:#f3faf6;color:#17643a}
.vh-saw-live-preview__head>b.is-invalid{border-color:#efc7c7;background:#fff4f4;color:#9b2f2f}
.vh-saw-2d{
  display:block;
  width:100%;
  height:auto;
  max-height:230px;
  border:0!important;
  border-radius:0!important;
  background:linear-gradient(180deg,#fff 0,#f7fbfd 100%);
}
.vh-saw-preview-parts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.vh-saw-preview-part{
  display:grid;
  grid-template-columns:18px minmax(0,1fr) auto;
  gap:8px;
  align-items:center;
  padding:8px 9px;
  border:1px solid #dce8ee;
  background:#fff;
  color:#365568;
}
.vh-saw-preview-swatch{width:18px;height:18px;border:2px solid #087cab;background:#e6f7ee}
.vh-saw-preview-part>div{display:grid;gap:1px;min-width:0}
.vh-saw-preview-part strong{font-size:11px;color:#173e56;overflow-wrap:anywhere}
.vh-saw-preview-part small{font-size:9px;color:#6d8491}
.vh-saw-preview-part>b{font-size:9px;color:#167145;white-space:nowrap}
.vh-saw-preview-part>em{grid-column:2/-1;font-style:normal;font-size:9px;color:#9b2f2f}
.vh-saw-preview-part.is-invalid{border-color:#e8bcbc;background:#fff7f7}
.vh-saw-preview-part.is-invalid .vh-saw-preview-swatch{border-color:#b23b3b;background:#ffe8e8}
.vh-saw-preview-part.is-invalid>b{color:#a22f2f}
.vh-saw-preview-note{margin:0;padding:8px 10px;border-left:3px solid #7db7d1;background:#f2f9fc;color:#4e6c7c;font-size:10px;line-height:1.4}

@media(min-width:761px){
  .vh-saw-calculation{grid-template-columns:minmax(330px,.72fr) minmax(520px,1.28fr)}
  .vh-saw-plan-preview svg{max-height:430px}
}

@media(max-width:760px){
  .vh-saw-modal{padding:0;place-items:stretch}
  .vh-saw-dialog{
    width:100%;
    height:100dvh;
    max-height:100dvh;
    border-radius:0;
    padding:14px 14px calc(86px + env(safe-area-inset-bottom));
  }
  .vh-saw-close{position:sticky;float:right;top:8px;right:8px;margin:-2px 0 -38px auto;background:#fff;border:1px solid #dce7ed;box-shadow:0 3px 10px rgba(7,48,90,.08)}
  .vh-saw-header{padding-top:2px}
  .vh-saw-steps{position:sticky;top:-14px;z-index:4;margin:0 -14px 14px;padding:10px 14px;background:#fff;border-bottom:1px solid #e7eef2}
  .vh-saw-stage-actions{
    position:fixed;
    left:0;
    right:0;
    bottom:0;
    margin:0;
    padding:10px 14px calc(10px + env(safe-area-inset-bottom));
    border-top:1px solid #dce7ed;
    background:#fff;
    box-shadow:0 -8px 22px rgba(7,48,90,.10);
  }
  .vh-saw-stage-actions>*{min-height:46px}
  .vh-saw-preview-parts{grid-template-columns:1fr}
  .vh-saw-2d{max-height:190px}
  .vh-saw-live-preview__head{display:grid;gap:8px}
  .vh-saw-live-preview__head>b{justify-self:start}
  .vh-saw-calculation{grid-template-columns:1fr}
}
@media(max-width:420px){
  .vh-saw-dialog{padding-left:10px;padding-right:10px}
  .vh-saw-steps{margin-left:-10px;margin-right:-10px;padding-left:10px;padding-right:10px}
  .vh-saw-live-preview{padding:10px}
  .vh-saw-2d{max-height:160px}
}

/* v182: eerst maten invoeren, definitieve tekening pas in stap 2 */
.vh-saw-entry-hint{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0 4px;padding:11px 13px;border:1px solid #d7e8f1;background:#f8fbfd;color:#385b70}.vh-saw-entry-hint strong{font-size:12px;color:#173e56}.vh-saw-entry-hint span{font-size:11px;line-height:1.4;color:#6a8391;text-align:right}.vh-saw-live-preview{display:none!important}@media(max-width:760px){.vh-saw-entry-hint{display:grid}.vh-saw-entry-hint span{text-align:left}}