:root{--bg:#070911;--panel:#0d1019;--raise:#141824;--line:rgba(151,166,211,.16);--text:#eef1fa;--muted:#8d96ad;--blue:#6ea8ff;--ok:#45d6a3}*{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:"IBM Plex Sans",sans-serif;background:var(--bg);color:var(--text);overflow:hidden}button,input,select{font:inherit}.cb-topbar{height:58px;padding:0 14px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line);background:#0a0c14;gap:12px}.cb-back{color:#b9c1d6;text-decoration:none;font-size:13px}.cb-title{text-align:center;display:grid;line-height:1.1}.cb-title span{font-size:11px;color:var(--muted);margin-top:4px}.cb-actions{justify-self:end;display:flex;align-items:center;gap:7px}.cb-actions button,.cb-device{border:1px solid var(--line);background:var(--raise);color:var(--text);border-radius:9px;min-height:34px}.cb-actions button{padding:7px 11px;cursor:pointer}.cb-actions button:disabled{opacity:.45;cursor:not-allowed}.cb-device{display:flex;padding:2px}.cb-device button{border:0;background:transparent;min-height:28px;color:var(--muted);padding:4px 8px}.cb-device button.is-on{background:#222a3a;color:#fff}.cb-actions .cb-primary,.cb-primary{background:var(--blue);border-color:transparent;color:#07111f;font-weight:700}.cb-editor{height:calc(100vh - 58px);display:grid;grid-template-columns:244px minmax(420px,1fr) 328px}.cb-panel{background:var(--panel);min-width:0;overflow:auto}.cb-left{border-right:1px solid var(--line)}.cb-right{border-left:1px solid var(--line)}.cb-panel-head{position:sticky;top:0;z-index:2;background:rgba(13,16,25,.96);backdrop-filter:blur(9px);padding:17px 15px 13px;border-bottom:1px solid var(--line);display:grid;gap:3px}.cb-panel-head strong{font-size:14px}.cb-panel-head span{font-size:11px;color:var(--muted)}.cb-blocks{padding:10px;display:grid;gap:6px}.cb-block{width:100%;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--text);padding:11px 10px;display:grid;grid-template-columns:18px 1fr auto;align-items:center;gap:7px;text-align:left;cursor:pointer}.cb-block:hover{background:var(--raise)}.cb-block.is-on{background:#172237;border-color:rgba(110,168,255,.46);box-shadow:inset 3px 0 var(--blue)}.cb-block span{color:#596278;font-size:11px;letter-spacing:-2px}.cb-block b{font-size:13px;font-weight:600}.cb-block i{font-style:normal;color:#aeb8cc;font-size:12px;padding:2px}.cb-block em{font-size:9px;color:var(--muted);font-style:normal}.cb-help{margin:10px 14px 22px;color:var(--muted);font-size:11px;line-height:1.5}.cb-stage{background:#111521;overflow:auto;padding:38px 30px 60px;position:relative}.cb-stage-label{position:sticky;top:-24px;z-index:3;width:max-content;margin:0 auto 12px;background:#202636;border:1px solid var(--line);color:#aeb7ca;border-radius:999px;padding:6px 10px;font-size:11px}.cb-canvas{margin:auto;width:min(100%,720px);min-height:calc(100vh - 160px);background:#eceff3;border-radius:16px;display:flex;justify-content:flex-end;overflow:hidden;box-shadow:0 22px 60px rgba(0,0,0,.33)}.cb-canvas.is-mobile{width:390px;max-width:100%}.cb-cart{--cart-accent:#9b8f5a;--cart-bar:#9b8f5a;--cart-bg:#fff;--cart-text:#171717;--cart-muted:#6b6b6b;--cart-radius:12px;width:min(100%,480px);min-height:690px;background:var(--cart-bg);color:var(--cart-text);position:relative;display:flex;flex-direction:column;box-shadow:-12px 0 32px rgba(24,31,42,.16)}.pv-rating{min-height:48px;background:var(--cart-bar);color:#fff;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 42px 10px 14px;font-size:12px}.pv-rating .stars{letter-spacing:1px}.pv-close{position:absolute;right:12px;top:8px;border:0;background:transparent;color:#fff;font-size:25px;cursor:pointer}.pv-shipping{padding:15px 20px 12px;text-align:center;font-size:13px}.pv-shipping p{margin:0 0 8px}.pv-progress{height:8px;border-radius:99px;background:#e6e6e6;overflow:hidden}.pv-progress span{display:block;height:100%;width:78%;background:var(--cart-accent)}.pv-products{display:grid;gap:10px;padding:8px 14px}.pv-product{position:relative;border:1px solid #e6e6e6;border-radius:var(--cart-radius);padding:9px;display:grid;grid-template-columns:84px 1fr auto;gap:11px;align-items:start;background:#fff}.pv-photo{height:84px;border-radius:calc(var(--cart-radius) - 3px);display:grid;place-items:center;font-size:10px;color:#6d7480;background:linear-gradient(145deg,#f2eadf,#d7c5aa)}.pv-photo-two{background:linear-gradient(145deg,#e4eef1,#adc8d0)}.pv-product-copy{display:grid;gap:5px;min-width:0}.pv-product-copy strong{font-size:13px;line-height:1.3}.pv-product-copy small{font-size:10px;color:var(--cart-muted)}.pv-row{display:flex;align-items:center;gap:7px;margin-top:3px}.pv-qty{display:grid;grid-template-columns:24px 28px 24px;border:1px solid #d8d8d8;border-radius:4px;overflow:hidden}.pv-qty button,.pv-trash{border:0;background:#f7f7f7;height:24px}.pv-qty span{font-size:11px;display:grid;place-items:center}.pv-trash{font-size:13px}.pv-price{text-align:right;display:grid;gap:3px}.pv-price strong{font-size:12px;color:#31914b}.pv-price del{font-size:10px;color:#929292}.pv-space{flex:1;min-height:80px}.pv-footer{border-top:1px solid #ebebeb;padding:14px 18px 18px;background:#fff}.pv-total{display:flex;justify-content:space-between;margin-bottom:12px;font-size:16px}.pv-checkout{width:100%;min-height:52px;border:0;border-radius:7px;background:var(--cart-button,var(--cart-accent));color:#fff;font-weight:700;letter-spacing:.04em}.pv-trusts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:12px 0}.pv-trust{display:flex;align-items:center;justify-content:center;gap:6px;font-size:10px;color:var(--cart-muted)}.pv-trust svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7}.pv-payments{display:flex;justify-content:center;gap:4px;flex-wrap:wrap}.pv-payment{height:28px;min-width:43px;padding:0 5px;border:1px solid #d8d8d8;border-radius:3px;display:grid;place-items:center;background:#fff;font-size:8px;font-weight:700}.pv-payment.visa{color:#1434cb}.pv-payment.mastercard{color:#eb001b}.pv-payment.shoppay{color:#fff;background:#5a31f4}.pv-payment.gpay{color:#4285f4}[data-preview].is-selected{outline:2px solid #4e93ff;outline-offset:2px}.cb-inspector-group{padding:15px;border-bottom:1px solid var(--line);display:grid;gap:12px}.cb-inspector-group h3{font-size:12px;margin:0;color:#cdd4e5}.cb-field{display:grid;gap:6px;color:#a7b0c5;font-size:11px}.cb-field input,.cb-field select{width:100%;border:1px solid var(--line);background:var(--raise);color:var(--text);border-radius:9px;padding:9px 10px;min-height:38px}.cb-field input[type=color]{padding:4px;height:40px}.cb-check{display:flex;align-items:center;gap:8px;font-size:12px;color:#d9deea}.cb-check input{accent-color:var(--blue)}.cb-range-line{display:grid;grid-template-columns:1fr 48px;gap:8px;align-items:center}.cb-range-line output{text-align:center;color:#dce3f3;font-size:11px}.cb-trust-row{border:1px solid var(--line);border-radius:10px;padding:10px;display:grid;grid-template-columns:88px 1fr 30px;gap:7px}.cb-trust-row select,.cb-trust-row input{min-width:0}.cb-remove{border:1px solid var(--line);background:#21151b;color:#ff91a0;border-radius:8px;cursor:pointer}.cb-add{border:1px dashed rgba(110,168,255,.5);background:transparent;color:#9cc4ff;border-radius:9px;padding:9px;cursor:pointer}.cb-note{font-size:11px;line-height:1.5;color:var(--muted);margin:0}.cb-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:#202638;color:#fff;border:1px solid var(--line);padding:10px 14px;border-radius:10px;z-index:20;font-size:12px}dialog{border:1px solid var(--line);border-radius:16px;background:var(--panel);color:var(--text);padding:0;width:min(460px,calc(100% - 28px))}dialog::backdrop{background:rgba(0,0,0,.7)}.cb-dialog{padding:18px;display:grid;gap:14px}.cb-dialog header{display:flex;justify-content:space-between;align-items:center}.cb-dialog header button{border:0;background:transparent;color:var(--text);font-size:22px}.cb-dialog p{margin:0;color:var(--muted);font-size:12px;line-height:1.5}.cb-dialog label{display:grid;gap:6px;font-size:12px}.cb-dialog select,.cb-dialog input{border:1px solid var(--line);background:var(--raise);color:var(--text);border-radius:9px;padding:10px}.cb-dialog-actions{display:flex;justify-content:flex-end;gap:8px}.cb-dialog-actions button{border:1px solid var(--line);background:var(--raise);color:var(--text);border-radius:9px;padding:9px 12px}.cb-dialog-actions .cb-primary{background:var(--blue);color:#07111f}.cb-dialog-status{min-height:18px}.cb-dialog-status.is-error{color:#ff8998}.cb-dialog-status.is-ok{color:var(--ok)}@media(max-width:1040px){.cb-editor{grid-template-columns:210px minmax(390px,1fr) 300px}.cb-actions .cb-device{display:none}}@media(max-width:820px){body{overflow:auto}.cb-topbar{height:auto;min-height:58px;grid-template-columns:1fr auto;padding:9px 12px}.cb-title{display:none}.cb-actions{flex-wrap:wrap}.cb-editor{height:auto;display:flex;flex-direction:column}.cb-left,.cb-right{border:0}.cb-left{order:1}.cb-stage{order:2;min-height:700px;padding:24px 12px}.cb-right{order:3}.cb-panel{overflow:visible}.cb-blocks{grid-template-columns:repeat(2,minmax(0,1fr))}.cb-cart{min-height:650px}.cb-canvas{min-height:650px}.cb-stage-label{position:static}.cb-help{margin-bottom:12px}}
/* Rustigere winkelwagenweergave */
.cb-block{grid-template-columns:minmax(0,1fr) auto;padding:12px 11px}
.cb-block b{font-size:13px}
.cb-block em{font-size:9px;text-align:right}
.cb-block i{width:25px;height:25px;display:grid;place-items:center;border-radius:7px;background:#1a1f2c;color:#c6cede;cursor:pointer}
.cb-block i:hover{background:#27324a;color:#fff}
.cb-canvas{width:min(100%,780px);min-height:700px}
.cb-cart{width:min(100%,500px);height:min(760px,calc(100vh - 150px));min-height:620px}
.pv-rating{min-height:52px;padding:13px 48px 13px 18px;font-size:13px;font-weight:500}
.pv-rating .stars{font-size:15px;letter-spacing:1.5px}
.pv-close{top:10px;right:14px;font-size:26px}
.pv-shipping{padding:16px 22px 14px;font-size:13px;border-bottom:1px solid #ecece9}
.pv-progress{height:7px}
.pv-products{flex:1;align-content:start;overflow:auto;gap:11px;padding:13px;background:#f6f6f4}
.pv-product{grid-template-columns:92px minmax(0,1fr) auto;gap:12px;padding:11px;border-color:#e1e1de;box-shadow:0 3px 12px rgba(20,25,31,.05)}
.pv-photo{height:92px;overflow:hidden;background:#ecece8}
.pv-photo img{width:100%;height:100%;display:block;object-fit:cover}
.pv-photo-placeholder{display:grid;place-items:center;color:#a5a7a8}
.pv-photo-placeholder svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.4}
.pv-photo-1{background:linear-gradient(145deg,#ede8df,#d8c8ae)}
.pv-photo-2{background:linear-gradient(145deg,#e6eef0,#c4d5d9)}
.pv-product-copy strong{font-size:14px;line-height:1.35}
.pv-product-copy small{font-size:11px}
.pv-qty{grid-template-columns:27px 31px 27px;border-color:#d4d4d0;border-radius:6px}
.pv-qty button,.pv-trash{height:28px;cursor:pointer}
.pv-trash{width:29px;display:grid;place-items:center;border-radius:6px;color:#777}
.pv-trash svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7}
.pv-price strong{font-size:13px}
.pv-footer{position:relative;z-index:2;padding:15px 18px 18px;box-shadow:0 -8px 24px rgba(20,25,31,.07)}
.pv-total{font-size:16px;margin-bottom:13px}
.pv-checkout{min-height:55px;font-size:13px;box-shadow:0 5px 14px color-mix(in srgb,var(--cart-accent) 28%,transparent)}
.pv-trusts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:13px 0 12px}
.pv-trust{justify-content:flex-start;gap:9px;min-width:0;padding:9px;background:#f7f7f5;border:1px solid #e7e7e3;border-radius:10px;color:var(--cart-text)}
.pv-trust-icon{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:var(--cart-accent);color:#fff;flex:0 0 auto}
.pv-trust-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8}
.pv-trust-copy{display:grid;gap:1px;min-width:0}
.pv-trust-copy strong{font-size:10px;line-height:1.2}
.pv-trust-copy small{font-size:8px;line-height:1.25;color:var(--cart-muted)}
.pv-payments{gap:5px}
.pv-payment{height:30px;min-width:44px;padding:3px 6px;border:0;box-shadow:0 0 0 1px #ddddda;font-size:8px;line-height:1}
.pv-payment.amex{background:#2d86c7;color:#fff}
.amex-lines{display:grid;line-height:.85;text-align:center;font-size:6px}
.apple-pay{font-size:10px;color:#111;font-weight:600}
.visa-word{font-size:13px;font-weight:800;font-style:italic;color:#1434cb;letter-spacing:-1px}
.pv-payment.mastercard{display:flex;gap:3px;flex-direction:column}
.mc-mark{height:11px;display:flex;justify-content:center}
.mc-mark i{display:block;width:13px;height:13px;border-radius:50%;background:#eb001b}
.mc-mark i+ i{background:#f79e1b;margin-left:-5px;opacity:.9}
.pv-payment.mastercard small{font-size:5px;color:#222}
.gpay-word{font-size:10px;font-weight:600;color:#4285f4}
.pv-payment.shoppay{background:#5a31f4;color:#fff;box-shadow:none}
.shop-word{font-size:8px;font-weight:700}
.cb-trust-row{grid-template-columns:88px minmax(0,1fr) 30px}
.cb-trust-subtitle{grid-column:1/-1}
@media(max-width:480px){
  .pv-product{grid-template-columns:78px minmax(0,1fr) auto}
  .pv-photo{height:78px}
  .pv-trusts{grid-template-columns:1fr 1fr}
  .pv-trust{padding:8px 7px;gap:7px}
  .pv-trust-icon{width:27px;height:27px}
  .pv-trust-copy strong{font-size:9px}
  .pv-trust-copy small{font-size:7px}
}
html.is-embedded .cb-topbar{grid-template-columns:1fr auto}
html.is-embedded .cb-title,html.is-embedded #cbShopify{display:none}
html.is-embedded .cb-editor{grid-template-columns:165px minmax(320px,1fr) 280px}
@media(max-width:820px){html.is-embedded .cb-editor{display:flex}.is-embedded .cb-stage{min-height:600px}}
.cb-block { grid-template-columns: minmax(0,1fr) auto; column-gap: 10px; }
.cb-block b { min-width: 0; overflow-wrap: anywhere; }
.cb-block em { grid-column: 1 / -1; justify-self: start; text-align: left; margin-top: 2px; }
.cb-block i { grid-column: 2; grid-row: 1; flex: none; }
.cb-stage-label { position: static; align-self: center; margin: 0 0 14px; padding: 0; background: none; color: #737b8c; }
.cb-stage { display: flex; flex-direction: column; align-items: center; padding-top: 18px; }
.pv-trust { background: #faf9f6; border-color: #e7e4de; }
.pv-trust-copy strong { font-size: 12px; line-height: 1.35; }
.pv-trust-copy small { font-size: 10px; line-height: 1.3; }
.pv-payment { flex: 0 1 48px; min-width: 0; padding: 2px; border: 1px solid #e4e1db; box-shadow: none; border-radius: 5px; }
.pv-payment img { display: block; width: 100%; height: 100%; object-fit: contain; }
html.is-embedded .cb-editor { grid-template-columns: 205px minmax(300px,1fr) 280px; }
@media(max-width:820px){html.is-embedded .cb-editor{display:flex}.cb-stage-label{align-self:center;font-size:11px}}

/* ---------- Winkelwagen binnen de tool (sessie ws-voorstel-cart-logo) ---------- */
.pv-price strong{color:var(--cart-accent)}
.cb-stage-bar,.cb-shop,.cb-shop-dim{display:none}
.pv-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:40px 20px;text-align:center}
.cb-cart [hidden]{display:none!important}
.pv-empty strong{font-size:20px;font-weight:500}
.pv-empty-button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 26px;background:var(--cart-text);color:var(--cart-bg);font-size:14px}
.pv-progress.is-zero span{width:0}
html.is-office{--line:rgba(255,255,255,.08);--panel:rgba(255,255,255,.03);--text:#eef1f8;--muted:#8790b5;--blue:#5b8bff}
html.is-office body{background:#0a0d1a;overflow:auto;font-family:"IBM Plex Sans",system-ui,sans-serif}
html.is-office .cb-back,html.is-office .cb-stage-label{display:none}
html.is-office .cb-topbar{height:auto;display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:22px 28px 16px;border:0;background:none}
html.is-office .cb-title{display:grid;text-align:left;gap:6px;line-height:1.15}
html.is-office .cb-title strong{font-family:Sora,sans-serif;font-size:32px;font-weight:700;letter-spacing:-.025em}
html.is-office .cb-title span{margin:0;font-size:15px;color:#a6aed0}
html.is-office .cb-title span::before{content:"Klik op een onderdeel om het aan te passen · "}
html.is-office .cb-actions{gap:8px;flex-wrap:wrap;justify-content:flex-end}
html.is-office .cb-actions button,html.is-office .cb-device{min-height:36px;border:1px solid var(--line);border-radius:10px;background:transparent;color:#a6aed0;font-size:13px}
html.is-office .cb-actions button{padding:0 12px}
html.is-office .cb-actions button:hover:not(:disabled){color:var(--text);border-color:rgba(91,139,255,.4)}
html.is-office .cb-device{padding:0;border:0;gap:8px}
html.is-office .cb-device button{border:1px solid var(--line);border-radius:10px;min-height:36px}
html.is-office .cb-device button.is-on{color:var(--text);border-color:rgba(91,139,255,.4);background:rgba(91,139,255,.14)}
html.is-office .cb-actions #cbSave{background:transparent;border-color:rgba(91,139,255,.4);color:#c3d2ff;font-weight:600}
html.is-office .cb-actions #cbSave:hover{background:rgba(91,139,255,.1)}
html.is-office .cb-actions #cbShopify{min-height:38px;padding:0 18px;border:0;background:#5b8bff;color:#fff;font-weight:600;box-shadow:0 8px 24px rgba(91,139,255,.22)}
html.is-office .cb-actions #cbShopify:hover{background:#4a7af0}
html.is-office .cb-editor{height:auto;display:grid;grid-template-columns:230px minmax(0,1fr) 280px;gap:16px;align-items:start;padding:0 28px 28px}
html.is-office .cb-panel,html.is-office .cb-stage{border:1px solid var(--line);border-radius:16px;background:var(--panel);overflow:visible}
html.is-office .cb-panel-head{position:static;padding:16px 16px 6px;border:0;background:none;backdrop-filter:none}
html.is-office .cb-panel-head strong,.cb-kicker{font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#8790b5}
html.is-office .cb-panel-head span{font-size:12px;color:#8790b5}
html.is-office .cb-blocks{padding:6px 10px 10px;gap:2px}
html.is-office .cb-block{border:0;border-radius:10px;padding:9px 10px;color:#a6aed0}
html.is-office .cb-block:hover{background:rgba(255,255,255,.04)}
html.is-office .cb-block.is-on{background:rgba(91,139,255,.14);color:var(--text);box-shadow:none}
html.is-office .cb-block.is-on b{font-weight:600}
html.is-office .cb-block b{font-weight:500;overflow-wrap:normal;hyphens:auto}
html.is-office .cb-block i{background:rgba(255,255,255,.05);color:#a6aed0}
html.is-office .cb-help{margin:4px 16px 16px;font-size:12px;color:#8790b5}
html.is-office .cb-inspector-group{padding:16px 18px;border-color:var(--line);gap:14px}
html.is-office .cb-inspector-group:last-child{border-bottom:0}
html.is-office .cb-inspector-group h3{font-size:13px;color:var(--text)}
html.is-office .cb-field{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#8790b5}
html.is-office .cb-field input,html.is-office .cb-field select,html.is-office .cb-trust-row select,html.is-office .cb-trust-row input{min-height:44px;border:1px solid #262e52;border-radius:10px;background:rgba(10,13,26,.5);color:var(--text);font-size:14px;letter-spacing:0;text-transform:none;font-weight:400}
html.is-office .cb-field input:focus,html.is-office .cb-trust-row input:focus,html.is-office .cb-trust-row select:focus{outline:none;border-color:#5b8bff;box-shadow:0 0 0 3px rgba(91,139,255,.18)}
html.is-office .cb-range-line output{font-family:"IBM Plex Mono",monospace;font-size:12px;color:#8790b5;letter-spacing:0}
html.is-office .cb-range-line input{accent-color:#5b8bff;min-height:0;border:0;background:none;box-shadow:none}
html.is-office .cb-check{font-size:13px;color:var(--text)}
html.is-office .cb-trust-row{border-color:var(--line)}
html.is-office .cb-add{border-color:rgba(91,139,255,.4);color:#c3d2ff}
html.is-office .cb-note{font-size:12px;color:#8790b5}
html.is-office .cb-stage{display:flex;flex-direction:column;gap:12px;padding:14px;min-height:0;align-items:stretch;background:radial-gradient(circle at 50% 55%,rgba(70,110,255,.22),transparent 60%),var(--panel)}
html.is-office .cb-stage-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.cb-stage-toggles{display:flex;gap:10px;flex-wrap:wrap}
.cb-seg{display:flex;gap:6px}
.cb-seg button{min-height:30px;padding:0 10px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:transparent;color:#a6aed0;font-size:12px;cursor:pointer}
.cb-seg button:hover{color:#eef1f8}
.cb-seg button.is-on{background:rgba(91,139,255,.16);border-color:rgba(91,139,255,.4);color:#eef1f8}
html.is-office .cb-canvas{--shop-accent:#9b8f5a;--shop-bg:#fff;--shop-text:#171717;position:relative;display:block;width:100%;height:660px;min-height:0;margin:0 auto;border-radius:12px;background:var(--shop-bg);box-shadow:0 30px 80px rgba(60,100,255,.25);overflow:hidden}
html.is-office .cb-canvas.is-mobile{width:min(340px,100%);border:8px solid #2a3150;border-radius:40px;box-shadow:0 0 0 1px rgba(255,255,255,.14),0 40px 110px rgba(60,100,255,.45)}
html.is-office .cb-shop{position:absolute;inset:0;display:flex;flex-direction:column;gap:12px;padding:16px;background:var(--shop-bg);color:var(--shop-text);filter:blur(1.5px)}
.cb-shop-top{display:flex;justify-content:space-between;font-weight:700}
.cb-shop-hero{height:150px;border-radius:8px;background:linear-gradient(135deg,color-mix(in srgb,var(--shop-accent) 45%,#fff),var(--shop-accent))}
.cb-shop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.cb-shop-grid span{height:110px;border-radius:8px;background:color-mix(in srgb,var(--shop-accent) 16%,var(--shop-bg))}
.cb-shop-lines{display:grid;gap:8px}
.cb-shop-lines i{height:10px;border-radius:5px;background:color-mix(in srgb,var(--shop-text) 14%,transparent)}
.cb-shop-lines i+i{width:60%}
html.is-office .cb-shop-dim{display:block;position:absolute;inset:0;background:rgba(20,18,10,.45)}
html.is-office .cb-cart{position:absolute;top:0;right:0;bottom:0;height:auto;min-height:0;max-width:100%;overflow:hidden;box-shadow:-12px 0 30px rgba(0,0,0,.3)}
html.is-office .cb-canvas.is-mobile .cb-cart{left:0;width:100%!important}
html.is-office .cb-cart .pv-products{min-height:0}
html.is-office .cb-cart.is-sliding{animation:cb-slide-in .45s cubic-bezier(.2,.8,.2,1)}
@keyframes cb-slide-in{from{transform:translateX(100%)}to{transform:none}}
@media(prefers-reduced-motion:reduce){html.is-office .cb-cart.is-sliding{animation:none}}
@media(max-width:1180px){html.is-office .cb-editor{grid-template-columns:200px minmax(0,1fr) 250px}}
@media(max-width:980px){
  html.is-office .cb-topbar{flex-direction:column;align-items:stretch}
  html.is-office .cb-actions{justify-content:flex-start}
  html.is-office .cb-editor{display:flex;flex-direction:column;gap:12px}
  html.is-office .cb-left{order:1}
  html.is-office .cb-stage{order:2;padding:12px}
  html.is-office .cb-right{order:3}
  html.is-office .cb-blocks{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
  html.is-office .cb-topbar{padding:16px 16px 12px}
  html.is-office .cb-title strong{font-size:26px}
  html.is-office .cb-title span::before{content:""}
  html.is-office .cb-editor{padding:0 16px 20px}
  html.is-office .cb-canvas{height:600px}
  html.is-office .cb-actions .cb-device{display:none}
}
.cb-shop-hero.has-photo,.cb-shop-grid span.has-photo{background-size:cover;background-position:center}
/* Premium look: serif heading, soft cards and a pill button, like the Premium product page. */
.pv-heading{display:none}
.cb-cart[data-look=premium]{font-family:var(--cart-body,Inter,sans-serif)}
.cb-cart[data-look=premium] .pv-heading{display:block;margin:0;padding:18px 54px 16px 20px;border-bottom:1px solid color-mix(in srgb,var(--cart-accent) 14%,var(--cart-soft));font-family:var(--cart-head,Georgia,serif);font-weight:500;font-size:26px;line-height:1.15;color:var(--cart-text)}
.cb-cart[data-look=premium] .pv-close{color:var(--cart-text)}
.cb-cart[data-look=premium] .pv-rating{background:var(--cart-soft);color:var(--cart-text)}
.cb-cart[data-look=premium] .pv-shipping{border-bottom:1px solid color-mix(in srgb,var(--cart-accent) 14%,var(--cart-soft))}
.cb-cart[data-look=premium] .pv-progress{height:6px;background:color-mix(in srgb,var(--cart-accent) 14%,var(--cart-soft))}
.cb-cart[data-look=premium] .pv-product{background:var(--cart-soft);border:0;box-shadow:none;border-radius:8px}
.cb-cart[data-look=premium] .pv-price strong{color:var(--cart-text)}
.cb-cart[data-look=premium] .pv-checkout{border-radius:999px;text-transform:uppercase;letter-spacing:.12em;font-weight:600}
.cb-cart[data-look=premium] .pv-trust{background:var(--cart-soft);border-radius:8px;padding:8px}
.pv-upsell,.pv-delivery{display:none}
.cb-cart[data-look=premium] .pv-upsell{display:block;margin:6px 14px 0}
.cb-cart[data-look=premium] .pv-upsell p{margin:0 0 8px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--cart-muted)}
.pv-upsell-row{display:flex;gap:10px;align-items:center;border:1px solid color-mix(in srgb,var(--cart-accent) 14%,var(--cart-soft));border-radius:8px;padding:10px}
.pv-upsell-photo{width:46px;height:46px;border-radius:6px;background:var(--cart-soft) center/cover no-repeat}
.pv-upsell-copy{flex:1;display:grid;font-size:12px}.pv-upsell-copy small{color:var(--cart-muted);font-size:11px}
.pv-upsell-add{border:1px solid var(--cart-text);border-radius:999px;padding:6px 12px;font-size:11px;font-weight:600}
.cb-cart[data-look=premium] .pv-delivery{display:block;margin:10px 0 0;text-align:center;font-size:11px;color:var(--cart-muted)}
/* Official payment icons bring their own frame and colours. */
.cb-cart .pv-payment{flex:0 0 auto;min-width:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.cb-cart .pv-payment img{display:block;width:auto;height:100%}
/* Movable blocks: grip to drag, arrows as a keyboard-friendly way to move. */
.cb-block-row{display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:2px;border-radius:10px;min-width:0}
.cb-block-row .cb-block{min-width:0}
.cb-grip{display:grid;place-items:center;height:30px;color:#65708a;cursor:grab;touch-action:none;user-select:none;font-size:12px;letter-spacing:-2px}
.cb-grip:hover{color:var(--text)}
.cb-block-row.is-dragging{opacity:.55}
.cb-block-row.is-drop-before{box-shadow:inset 0 2px 0 var(--blue)}
.cb-block-row.is-drop-after{box-shadow:inset 0 -2px 0 var(--blue)}
.cb-steps{display:inline-flex;gap:1px}
.cb-steps button{width:22px;height:26px;padding:0;border:0;border-radius:6px;background:transparent;color:var(--muted);font:600 12px/1 inherit;cursor:pointer}
.cb-steps button:hover:not(:disabled){background:var(--raise);color:var(--text)}
.cb-steps button:focus-visible{outline:2px solid var(--blue);outline-offset:1px}
.cb-steps button:disabled{opacity:.3;cursor:default}
@media (hover:hover){.cb-block-row .cb-steps{opacity:0;transition:opacity .12s ease}.cb-block-row:hover .cb-steps,.cb-block-row:focus-within .cb-steps{opacity:1}}
.cb-blocks > .cb-block{margin-left:20px;width:calc(100% - 20px)}
/* The arrows float over the row, so names keep their full width and never break mid-word. */
.cb-block-row{position:relative;grid-template-columns:18px minmax(0,1fr)}
.cb-block-row .cb-block b{overflow-wrap:normal;word-break:normal;hyphens:auto}
.cb-block-row .cb-steps{position:absolute;right:42px;top:50%;transform:translateY(-50%);padding:2px;border-radius:8px;background:var(--panel)}
@media (hover:none){.cb-block-row{grid-template-columns:18px minmax(0,1fr) auto}.cb-block-row .cb-steps{position:static;transform:none;background:none}}

/* De hele lade scrolt als één geheel; alleen Totaal en de afrekenknop blijven onderaan in beeld.
   Zo staat elk product en "Maak het compleet" volledig in beeld, zonder klein scrollvak. */
.cb-cart,html.is-office .cb-cart{overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}
.cb-cart .pv-products{flex:none;overflow:visible}
.cb-cart .pv-footer{position:sticky;bottom:0;margin-top:auto;background:var(--cart-bg)}
.cb-cart .pv-after{padding:0 18px 18px;background:var(--cart-bg)}
.cb-cart .pv-after .pv-trusts{margin-top:4px}
.cb-cart .pv-footer[hidden],.cb-cart .pv-after[hidden]{display:none}

.cb-steps{margin:0;padding-left:20px;display:grid;gap:6px;font-size:12px;line-height:1.5;color:#d9deea}