.dbpc-root{--dbpc-blue:#17375c;--dbpc-border:#dce4ee;font-family:inherit;color:#1b2e44;width:100%;clear:both;padding:22px 0 55px}.dbpc-root *{box-sizing:border-box}.dbpc-header{text-align:center;margin:0 auto 30px;max-width:780px}.dbpc-kicker{font-size:11px;letter-spacing:.2em;font-weight:800;color:#537aa7}.dbpc-header h1{font-size:clamp(29px,4vw,46px);line-height:1.15;margin:12px 0;color:#123257}.dbpc-header p,.dbpc-muted{color:#697c91}.dbpc-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px;align-items:start}.dbpc-preview{background:#f5f7fa;border:1px solid var(--dbpc-border);border-radius:20px;padding:22px;position:sticky;top:25px;min-width:0}.dbpc-stage{position:relative;overflow:hidden;aspect-ratio:1/1;background:radial-gradient(circle at 50% 38%,#fff 0%,#e7edf4 75%);border-radius:16px}.dbpc-bag-back{position:absolute;display:flex;align-items:center;justify-content:center}.dbpc-bag-back img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.dbpc-bag-front{pointer-events:none;position:absolute;z-index:30;left:20%;right:20%;bottom:13%;height:23%}.dbpc-front-shape{border-bottom:4px solid #335d8b;border-radius:0 0 30% 30%;background:linear-gradient(180deg,rgba(226,235,247,.15),rgba(179,203,228,.7));opacity:.65}.dbpc-items{position:absolute;inset:0;pointer-events:none}.dbpc-stage-item{position:absolute;width:21%;height:23%;object-fit:contain;filter:drop-shadow(0 5px 6px #6a7d8c70);animation:dbpc-pop .45s ease-out}.dbpc-empty{position:absolute;inset:0;display:grid;place-items:center;text-align:center;color:#708198}.dbpc-empty[hidden]{display:none}.dbpc-preview-note{font-size:12px;text-align:center;color:#6c8094;margin:12px 0}.dbpc-selected{display:flex;gap:6px;flex-wrap:wrap;min-height:45px}.dbpc-selected img{width:42px;height:42px;object-fit:contain;border:1px solid #dae2ea;background:white;border-radius:7px}.dbpc-overflow{font-size:12px;align-self:center}.dbpc-controls h2{display:flex;align-items:center;gap:11px;font-size:21px;color:#17375c;margin:18px 0 15px}.dbpc-controls h2 span{display:grid;place-items:center;background:#17375c;color:#fff;border-radius:50%;width:31px;height:31px;font-size:15px}.dbpc-bags{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.dbpc-bag{border:2px solid var(--dbpc-border);background:#fff;border-radius:12px;padding:12px;display:flex;flex-direction:column;align-items:center;gap:5px;cursor:pointer;color:inherit;min-width:0}.dbpc-bag.is-active{border-color:#1c4c87;background:#edf4ff}.dbpc-bag:disabled,.dbpc-plus:disabled{opacity:.4;cursor:not-allowed}.dbpc-bag img{height:110px;width:100%;object-fit:contain}.dbpc-bag strong,.dbpc-bag span{font-size:13px;text-align:center}.dbpc-products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.dbpc-product{border:1px solid var(--dbpc-border);border-radius:12px;background:#fff;padding:10px;min-width:0;display:flex;flex-direction:column}.dbpc-product>img{height:110px;width:100%;object-fit:contain}.dbpc-product-info{display:flex;flex-direction:column;gap:5px;min-height:62px;font-size:13px}.dbpc-product-info strong{line-height:1.25}.dbpc-counter{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.dbpc-counter button{background:#eaf1fa;color:#163d6c;border:0;border-radius:50%;height:33px;width:33px;font-size:21px;cursor:pointer}.dbpc-counter span{font-weight:700}.dbpc-unavailable{color:#a23d3d}.dbpc-summary{background:#f5f7fa;border-radius:12px;padding:16px}.dbpc-summary-row,.dbpc-summary-total{display:flex;justify-content:space-between;gap:14px;margin-bottom:9px;font-size:13px}.dbpc-summary-row strong{white-space:nowrap}.dbpc-summary-total{border-top:1px solid #cdd9e7;margin-top:14px;padding-top:14px;font-size:19px}.dbpc-submit{width:100%;margin-top:16px!important;padding:16px!important;background:#17375c!important;color:#fff!important;border-radius:9px!important}.dbpc-submit:disabled{opacity:.5;cursor:not-allowed}.dbpc-error{color:#b42318;margin-top:10px}.dbpc-flyer{position:fixed;z-index:999999;width:72px;height:72px;object-fit:contain;pointer-events:none;filter:drop-shadow(0 5px 8px #0003)}.dbpc-bump{animation:dbpc-bump .4s ease-out}@keyframes dbpc-pop{from{opacity:0;scale:.6}to{opacity:1;scale:1}}@keyframes dbpc-bump{0%,100%{scale:1}45%{scale:1.025}}@media(max-width:850px){.dbpc-layout{grid-template-columns:1fr}.dbpc-preview{position:relative;top:auto}.dbpc-stage{max-height:450px}.dbpc-bags{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.dbpc-root *{animation:none!important;transition:none!important}}

/* Version 1.1 — editorial Delft blue redesign */
.dbpc-root{--dbpc-blue:#12365f;--dbpc-border:#e3e8ee;color:#18314e;max-width:1440px;margin:auto;padding:30px 16px 75px}
.dbpc-header{max-width:960px;margin:0 auto 42px}.dbpc-kicker{font-size:11px;letter-spacing:.26em;color:#2d669a}.dbpc-header h1{font-family:Georgia,serif!important;font-weight:500!important;letter-spacing:-.035em!important;font-size:clamp(35px,4.3vw,62px)!important;line-height:1.1!important;margin:14px 0!important}.dbpc-header p{font-size:16px}
.dbpc-layout{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(24px,3vw,52px)}
.dbpc-preview{padding:16px;background:#f7f9fb;border:1px solid #e7ecf2;border-radius:22px;top:24px;box-shadow:0 14px 40px #17375c08}
.dbpc-stage{aspect-ratio:1/1;background:radial-gradient(ellipse at 50% 32%,#fff 3%,#eff4f9 70%,#e5edf6 100%);border-radius:17px}
.dbpc-bag-back img{mix-blend-mode:multiply;filter:drop-shadow(0 14px 16px #163e6520)}
.dbpc-stage-item{width:20%;height:20%;padding:5px;background:#ffffffed;border:1px solid #e2eaf3;border-radius:15px;box-shadow:0 7px 20px #163e6520;filter:none;animation:dbpc-pop .5s cubic-bezier(.2,.8,.2,1) both}
.dbpc-front-shape{height:15%;bottom:9%;left:22%;right:22%;border-bottom:2px solid #2e669a;background:linear-gradient(180deg,transparent,#e2ecf78a);opacity:.55}
.dbpc-preview-note{font-size:11px;margin:12px 0 14px}.dbpc-selected{gap:5px;max-height:112px;overflow:auto}.dbpc-selected img{width:43px;height:43px;border-radius:10px;padding:3px}
.dbpc-progress{background:#fff;border:1px solid #e5ebf3;border-radius:13px;padding:13px 15px;margin:13px 0 0}.dbpc-progress-label{font-size:13px;font-weight:700;color:#153d6b;margin-bottom:9px}.dbpc-progress-track{height:7px;background:#e5ecf5;border-radius:30px;overflow:hidden}.dbpc-progress-fill{height:100%;background:linear-gradient(90deg,#2c6fa9,#12365f);border-radius:30px;transition:width .4s ease}
.dbpc-controls h2{font-family:Georgia,serif!important;font-size:25px!important;font-weight:500!important;letter-spacing:-.025em;margin:20px 0 15px!important}.dbpc-controls h2 span{font-family:Arial,sans-serif;background:#153e70;width:30px;height:30px;font-size:13px}
.dbpc-bags{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.dbpc-bag{padding:13px;gap:7px;border:1px solid #e1e8f0;border-radius:15px;box-shadow:none;transition:border-color .2s,box-shadow .2s,transform .2s}.dbpc-bag:hover{transform:translateY(-2px);border-color:#8caac8}.dbpc-bag.is-active{border:2px solid #1d5b95;background:#f2f7fd;box-shadow:0 5px 15px #12365f10}.dbpc-bag img{height:90px;max-width:100%;mix-blend-mode:multiply}.dbpc-bag strong{font-size:12px;line-height:1.4;color:#193e64;overflow-wrap:anywhere}.dbpc-bag span{font-size:13px;font-weight:700;color:#245d95}
.dbpc-muted{font-size:13px;line-height:1.6}.dbpc-products{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.dbpc-product{border:1px solid #e3eaf1;border-radius:15px;padding:10px;transition:box-shadow .2s,border-color .2s;min-height:220px}.dbpc-product:hover{box-shadow:0 8px 24px #153e7010;border-color:#b9cde2}.dbpc-product>img{height:105px;object-fit:contain}.dbpc-product-info{min-height:68px;gap:5px}.dbpc-product-info strong{font-size:12px;font-weight:600;line-height:1.4;overflow-wrap:anywhere}.dbpc-product-info span{font-size:13px;color:#1d5c94;font-weight:700}.dbpc-counter{margin-top:auto;padding-top:9px}.dbpc-counter button{width:30px;height:30px;background:#eef4fa;color:#174c7d;font-size:19px;transition:background .2s}.dbpc-counter button:hover:not(:disabled){background:#dbeaf7}.dbpc-counter span{font-size:13px}
.dbpc-summary{background:#f7f9fc;border:1px solid #e3eaf2;border-radius:15px;padding:20px}.dbpc-summary-row{line-height:1.5;color:#50647b}.dbpc-summary-discount{display:flex;justify-content:space-between;gap:12px;margin:14px 0;color:#176744;font-size:14px;font-weight:700}.dbpc-summary-total{font-size:21px;color:#13365c}.dbpc-submit{border-radius:12px!important;min-height:56px;font-weight:700!important;letter-spacing:.01em}
@media(max-width:1100px){.dbpc-products{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:850px){.dbpc-layout{grid-template-columns:1fr}.dbpc-preview{position:relative;top:auto}.dbpc-products{grid-template-columns:repeat(2,minmax(0,1fr))}.dbpc-header{margin-bottom:25px}}@media(max-width:420px){.dbpc-root{padding:15px 8px 50px}.dbpc-preview{padding:9px}.dbpc-bags{gap:8px}.dbpc-product{padding:8px}.dbpc-stage-item{border-radius:8px}}

/* v1.2 compact product picker: scoped to configurator only */
.dbpc-root .dbpc-layout{grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);gap:clamp(18px,2.5vw,38px)}
.dbpc-root .dbpc-products{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.dbpc-root .dbpc-product{min-height:0;padding:7px;border-radius:11px;position:relative;gap:5px}
.dbpc-root .dbpc-product>img{height:76px;width:100%;object-fit:contain}
.dbpc-root .dbpc-product-info{min-height:0;gap:4px;flex:1}
.dbpc-root .dbpc-product-info strong{font-size:11px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.6em}
.dbpc-root .dbpc-product-info span{font-size:12px}
.dbpc-root .dbpc-counter{padding-top:3px;margin-top:auto;gap:3px}
.dbpc-root .dbpc-counter button{width:27px;height:27px;flex:none;font-size:17px;line-height:1;display:grid;place-items:center;padding:0}
.dbpc-root .dbpc-counter span{font-size:12px}
.dbpc-root .dbpc-product:not(.is-selected) .dbpc-minus,.dbpc-root .dbpc-product:not(.is-selected) .dbpc-counter span{visibility:hidden}
.dbpc-root .dbpc-product.is-selected{border-color:#3973a7;background:#f8fbff;box-shadow:0 0 0 1px #3973a722}
.dbpc-root .dbpc-bags{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.dbpc-root .dbpc-bag{padding:8px;border-radius:11px}
.dbpc-root .dbpc-bag img{height:70px}
.dbpc-root .dbpc-bag strong{font-size:10px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.dbpc-root .dbpc-bag span{font-size:11px}
.dbpc-root .dbpc-controls h2{margin:15px 0 10px!important;font-size:22px!important}
.dbpc-root .dbpc-header{margin-bottom:24px}
.dbpc-root .dbpc-stage{aspect-ratio:1/1;}
@media(max-width:1200px){.dbpc-root .dbpc-products{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:850px){.dbpc-root .dbpc-layout{grid-template-columns:1fr}.dbpc-root .dbpc-products{grid-template-columns:repeat(4,minmax(0,1fr))}.dbpc-root .dbpc-preview{position:relative;top:auto}.dbpc-root .dbpc-stage{max-height:360px}}
@media(max-width:580px){.dbpc-root .dbpc-products{grid-template-columns:repeat(2,minmax(0,1fr))}.dbpc-root .dbpc-product>img{height:92px}.dbpc-root .dbpc-bags{grid-template-columns:repeat(2,minmax(0,1fr))}.dbpc-root .dbpc-bag img{height:70px}.dbpc-root .dbpc-header h1{font-size:33px!important}}

/* v1.3: de inhoud ligt zichtbaar bovenop de tas en groeit dynamisch mee. */
.dbpc-root .dbpc-items{z-index:35;overflow:visible}
.dbpc-root .dbpc-stage-item{transition:left .25s ease,top .25s ease,width .25s ease;box-shadow:0 4px 13px #163e6524}
.dbpc-root .dbpc-stage-more{position:absolute;z-index:90;bottom:2%;right:3%;border-radius:999px;padding:7px 12px;background:#17375c;color:#fff;font-size:12px;font-weight:700}
/* v1.4 Klompjes.com storefront styling: intentionally plain and theme-aligned */
.dbpc-root{--dbpc-blue:#f87808;--dbpc-border:#dedede;color:#111;max-width:1320px;padding:22px 16px 55px;font-family:inherit}
.dbpc-root .dbpc-header{margin-bottom:24px;max-width:none;text-align:left}
.dbpc-root .dbpc-kicker{color:#ef7300;letter-spacing:.08em;font-size:11px}
.dbpc-root .dbpc-header h1{font-family:inherit!important;font-size:clamp(25px,3vw,36px)!important;font-weight:800!important;letter-spacing:-.02em!important;color:#111!important;margin:8px 0!important}
.dbpc-root .dbpc-header p,.dbpc-root .dbpc-muted{color:#555;font-size:13px}
.dbpc-root .dbpc-layout{grid-template-columns:minmax(0,.93fr) minmax(0,1.07fr);gap:24px}
.dbpc-root .dbpc-preview{background:#fff;border:1px solid #ddd;border-radius:3px;box-shadow:none;padding:12px;top:15px}
.dbpc-root .dbpc-stage{background:#fff;border-radius:0;border:1px solid #f0f0f0}
.dbpc-root .dbpc-bag-back img{mix-blend-mode:normal;filter:none}
.dbpc-root .dbpc-front-shape{background:none;border:0;opacity:0}
.dbpc-root .dbpc-stage-item{border:1px solid #e5e5e5;border-radius:3px;background:#fff;box-shadow:0 2px 6px #00000018;filter:none;padding:2px}
.dbpc-root .dbpc-preview-note{color:#777;font-size:11px}
.dbpc-root .dbpc-selected img{border-radius:2px;border-color:#ddd}
.dbpc-root .dbpc-controls h2{font-family:inherit!important;color:#111!important;font-size:20px!important;font-weight:800!important;letter-spacing:0!important;margin:14px 0 10px!important}
.dbpc-root .dbpc-controls h2 span{background:#fa7900;border-radius:2px;font-weight:700}
.dbpc-root .dbpc-bags{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
.dbpc-root .dbpc-bag{border:1px solid #ddd;border-radius:3px;background:#fff;padding:7px;gap:4px;box-shadow:none;transform:none!important}
.dbpc-root .dbpc-bag:hover{border-color:#fa7900}
.dbpc-root .dbpc-bag.is-active{border:2px solid #fa7900;background:#fff;box-shadow:none}
.dbpc-root .dbpc-bag img{height:64px;mix-blend-mode:normal}
.dbpc-root .dbpc-bag strong{color:#111;font-size:10px}
.dbpc-root .dbpc-bag span{color:#111;font-size:11px}
.dbpc-root .dbpc-products{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
.dbpc-root .dbpc-product{border:1px solid #dedede;border-radius:2px;padding:7px;background:#fff;box-shadow:none;gap:5px}
.dbpc-root .dbpc-product:hover{border-color:#f87808;box-shadow:none}
.dbpc-root .dbpc-product.is-selected{border-color:#f87808;background:#fff;box-shadow:inset 0 0 0 1px #f87808}
.dbpc-root .dbpc-product>img{height:80px}
.dbpc-root .dbpc-product-info strong{font-size:11px;color:#111;font-weight:700}
.dbpc-root .dbpc-product-info span{color:#111;font-size:11px;font-weight:500}
.dbpc-root .dbpc-counter button{border-radius:3px;background:#f87808;color:#fff;width:25px;height:25px}
.dbpc-root .dbpc-counter button:hover:not(:disabled){background:#df6500}
.dbpc-root .dbpc-summary{background:#fafafa;border:1px solid #ddd;border-radius:2px;padding:14px}
.dbpc-root .dbpc-summary-total{color:#111;border-color:#ddd}
.dbpc-root .dbpc-submit{background:#f87808!important;border-radius:2px!important;min-height:48px;padding:12px!important;color:#fff!important}
.dbpc-root .dbpc-submit:hover{background:#df6500!important}
.dbpc-root .dbpc-progress{border-radius:2px;background:#fff;border-color:#ddd}
.dbpc-root .dbpc-progress-label{color:#111}
.dbpc-root .dbpc-progress-track{background:#eee;border-radius:2px}
.dbpc-root .dbpc-progress-fill{background:#f87808;border-radius:2px}
.dbpc-root .dbpc-stage-more{background:#f87808;border-radius:3px}
@media(max-width:1100px){.dbpc-root .dbpc-products{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:850px){.dbpc-root .dbpc-layout{grid-template-columns:1fr}.dbpc-root .dbpc-products{grid-template-columns:repeat(4,minmax(0,1fr))}.dbpc-root .dbpc-preview{position:relative;top:auto}}
@media(max-width:580px){.dbpc-root .dbpc-products{grid-template-columns:repeat(2,minmax(0,1fr))}.dbpc-root .dbpc-bags{grid-template-columns:repeat(2,minmax(0,1fr))}.dbpc-root .dbpc-header h1{font-size:27px!important}}

/* v1.5 - rustigere winkelstijl, nadruk op productfotografie */
.dbpc-root{--dbpc-accent:#80b76a;--dbpc-accent-soft:#f5faf2;--dbpc-line:#e4e7e3}
.dbpc-root .dbpc-layout{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:22px}
.dbpc-root .dbpc-products{gap:9px}
.dbpc-root .dbpc-product{padding:8px;border:1px solid var(--dbpc-line);transition:border-color .16s ease,background-color .16s ease}
.dbpc-root .dbpc-product:hover{border-color:#b6cfa9}
.dbpc-root .dbpc-product.is-selected{border:1px solid #87ba73;box-shadow:inset 0 0 0 1px #87ba73;background:#fcfefb}
.dbpc-root .dbpc-product>img{height:118px;width:100%;object-fit:contain;object-position:center;margin:0 auto 2px}
.dbpc-root .dbpc-product-info{gap:3px}
.dbpc-root .dbpc-product-info strong{font-size:11px;line-height:1.32}
.dbpc-root .dbpc-counter{padding-top:5px}
.dbpc-root .dbpc-counter button{width:27px;height:27px;background:#f2f4f1;color:#3f5540;border:1px solid #dfe6dc;border-radius:3px;font-weight:600}
.dbpc-root .dbpc-counter button:hover:not(:disabled){background:#e3efdd;color:#2f6335;border-color:#b4d2a6}
.dbpc-root .dbpc-product.is-selected .dbpc-plus{background:#e7f3e1;color:#39723b;border-color:#a5c996}
.dbpc-root .dbpc-bag{border-color:var(--dbpc-line)}
.dbpc-root .dbpc-bag:hover{border-color:#a6c795}
.dbpc-root .dbpc-bag.is-active{border:2px solid #87ba73;background:#fcfefb}
.dbpc-root .dbpc-bag img{height:80px}
.dbpc-root .dbpc-progress-fill{background:#86b96f}
.dbpc-root .dbpc-stage-more{background:#4f8650}
.dbpc-root .dbpc-stage{border-color:#ededed}
.dbpc-root .dbpc-stage-item{border-color:#ededed}
.dbpc-root .dbpc-controls h2 span{background:#f87808}
.dbpc-root .dbpc-submit{background:#f87808!important}
@media(max-width:1100px){.dbpc-root .dbpc-products{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:850px){.dbpc-root .dbpc-layout{grid-template-columns:1fr}.dbpc-root .dbpc-products{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:580px){.dbpc-root .dbpc-products{grid-template-columns:repeat(2,minmax(0,1fr))}.dbpc-root .dbpc-product>img{height:130px}.dbpc-root .dbpc-bag img{height:84px}}

/* Bulkpakket-selectie v1.6 */
.dbpc-bulk{border:1px solid #e3e5e6;background:#fafafa;padding:14px;margin:12px 0 16px}.dbpc-bulk label{display:block;font-weight:700;font-size:14px;margin-bottom:9px}.dbpc-bulk-row{display:flex;align-items:center;gap:8px}.dbpc-bulk-row button{background:#eef4e8!important;color:#2e6031!important;border:1px solid #bfd9b4!important;border-radius:3px!important;width:38px;height:38px;font-size:20px;cursor:pointer}.dbpc-bulk-row input{width:92px!important;max-width:92px!important;height:38px!important;text-align:center!important;border:1px solid #ccc!important;background:#fff!important;padding:4px!important}.dbpc-bulk p{font-size:12px;color:#60666a;margin:9px 0 0}.dbpc-each-price{font-size:12px;color:#555;text-align:right;margin-top:5px}.dbpc-fixed-qty{display:inline-block;padding:6px 8px}

/* v1.7: equal 50/50 configurator columns and image-first product cards */
@media (min-width: 851px) {
  .dbpc-root .dbpc-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:24px; align-items:start; }
  .dbpc-root .dbpc-preview, .dbpc-root .dbpc-controls { min-width:0; width:100%; }
  .dbpc-root .dbpc-products { grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; }
}
.dbpc-root .dbpc-product { min-width:0; padding:8px; }
.dbpc-root .dbpc-product > img { display:block; width:100%; height:auto; aspect-ratio:1 / 1; max-height:none; object-fit:contain; object-position:center; margin:0 auto 6px; }
.dbpc-root .dbpc-product-info { min-height:58px; }
.dbpc-root .dbpc-product-info strong { line-height:1.3; }
@media (min-width: 1300px) {
  .dbpc-root .dbpc-products { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (min-width: 851px) and (max-width: 1100px) {
  .dbpc-root .dbpc-products { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:850px) {
  .dbpc-root .dbpc-layout { grid-template-columns:minmax(0,1fr); }
  .dbpc-root .dbpc-products { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width:580px) {
  .dbpc-root .dbpc-products { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

/* v1.8 - fixed equal columns with half the available space on each side.
   Strongly scoped to prevent theme row/column styles from overriding layout. */
@media (min-width: 851px) {
  body .dbpc-root { width:100%; max-width:none; }
  body .dbpc-root > .dbpc-layout {
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    grid-template-areas:"preview controls";
    gap:24px !important;
    width:100% !important;
    align-items:start;
  }
  body .dbpc-root > .dbpc-layout > .dbpc-preview { grid-area:preview; }
  body .dbpc-root > .dbpc-layout > .dbpc-controls { grid-area:controls; }
  body .dbpc-root > .dbpc-layout > .dbpc-preview,
  body .dbpc-root > .dbpc-layout > .dbpc-controls {
    min-width:0 !important; max-width:none !important; width:100% !important;
    margin-left:0 !important; margin-right:0 !important; float:none !important;
    flex:none !important; box-sizing:border-box !important;
  }
}
@media (max-width:850px) {
  body .dbpc-root > .dbpc-layout { display:grid !important; grid-template-columns:minmax(0,1fr) !important; gap:20px; }
}
/* Neutralize theme purple focus/hover on bag choice. */
body .dbpc-root .dbpc-bags .dbpc-bag:hover,
body .dbpc-root .dbpc-bags .dbpc-bag:focus-visible {
  background:#f4faf1 !important; border-color:#9acb72 !important;
  color:#111 !important; box-shadow:none !important; outline-color:#78b84a !important;
}
body .dbpc-root .dbpc-bags .dbpc-bag.is-active,
body .dbpc-root .dbpc-bags .dbpc-bag.is-active:hover {
  background:#fff !important; border-color:#78b84a !important; color:#111 !important;
  box-shadow:inset 0 0 0 1px #78b84a !important;
}
body .dbpc-root .dbpc-bags .dbpc-bag:hover strong,
body .dbpc-root .dbpc-bags .dbpc-bag:hover span { color:#111 !important; }

/* v2.0 - rustige, direct selecteerbare staffeltabel */
.dbpc-root .dbpc-bulk{background:#fff;border:1px solid #dedede;padding:14px;margin:10px 0 18px}
.dbpc-root .dbpc-tier-head,.dbpc-root .dbpc-tier{display:grid!important;grid-template-columns:26% 31% 43%!important;align-items:center!important;gap:0!important;width:100%!important;box-sizing:border-box!important}
.dbpc-root .dbpc-tier-head{font-size:12px;color:#666;padding:9px 12px;border-bottom:1px solid #ddd}
.dbpc-root .dbpc-tier{font:inherit!important;font-size:13px!important;text-align:left!important;min-height:43px!important;border:0!important;border-bottom:1px solid #eee!important;border-radius:0!important;background:#fff!important;color:#222!important;padding:9px 12px!important;cursor:pointer!important;box-shadow:none!important}
.dbpc-root .dbpc-tier:hover,.dbpc-root .dbpc-tier:focus-visible{background:#f5faf2!important;color:#222!important;outline:1px solid #a5c99b!important;outline-offset:-1px}
.dbpc-root .dbpc-tier.is-active{background:#f2f8ee!important;box-shadow:inset 3px 0 #7ba968!important}
.dbpc-root .dbpc-tier-count{display:flex;align-items:center;gap:9px}
.dbpc-root .dbpc-tier-count:before{content:'';width:15px;height:15px;border:1px solid #a0a6ad;border-radius:50%;display:inline-block;box-sizing:border-box;background:#fff}
.dbpc-root .dbpc-tier.is-active .dbpc-tier-count:before{border:5px solid #7ba968}
.dbpc-root .dbpc-tier-discount{color:#568b48}
.dbpc-root .dbpc-tier-price{text-align:right;font-weight:600}
.dbpc-root .dbpc-custom{margin-top:15px}
.dbpc-root .dbpc-custom label{font-size:13px;margin:0 0 7px}
.dbpc-root .dbpc-bulk-row input{width:125px!important;max-width:125px!important;text-align:left!important}
.dbpc-root .dbpc-custom-apply{background:#fff!important;color:#387a2f!important;border:1px solid #78b84a!important;border-radius:3px!important;padding:8px 15px!important;width:auto!important;height:38px!important;font-size:13px!important;cursor:pointer!important}
.dbpc-root .dbpc-custom-apply:hover{background:#f4faf1!important}
.dbpc-root .dbpc-tier-note{color:#56764b!important;font-size:12px!important;margin:9px 0 0!important}

/* v2.4 cellophane choice */
.dbpc-root .dbpc-cellophane {background:#fff;border:1px solid #d9dfd6;color:#171717;min-height:125px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;text-align:center;}
.dbpc-root .dbpc-cellophane-icon {font-size:36px;line-height:1.2;}
.dbpc-root .dbpc-cellophane:hover {background:#f4faf1!important;border-color:#9acb72!important;color:#111!important;}
.dbpc-root .dbpc-cellophane.is-active {border:2px solid #78b84a!important;background:#f4faf1!important;color:#111!important;}
.dbpc-root .dbpc-cellophane-stage .dbpc-items {z-index:5;}

/* v2.5: WordPress media 183645 for cellophane choice and live preview */
.dbpc-root .dbpc-cellophane img {display:block;width:100%;height:110px;object-fit:contain;margin:0 auto 5px;mix-blend-mode:normal;}
.dbpc-root .dbpc-cellophane-stage .dbpc-bag-back {inset:5% 12% 4%;z-index:1;}
.dbpc-root .dbpc-cellophane-stage .dbpc-bag-back img {width:100%;height:100%;object-fit:contain;mix-blend-mode:normal;filter:none;}
.dbpc-root .dbpc-cellophane-stage .dbpc-items {z-index:5;}