.wpc{max-width:var(--container-max,1200px);margin:0 auto;padding:var(--space-8,2rem) var(--space-6,1.5rem)}.wpc__progress{display:flex;align-items:center;justify-content:center;gap:0;margin-bottom:var(--space-10,2.5rem);padding:var(--space-4,1rem) 0}.wpc__progress-step{display:flex;flex-direction:column;align-items:center;gap:var(--space-1,.25rem);position:relative}.wpc__progress-num{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm,.875rem);font-weight:var(--font-weight-bold,700);background:var(--color-gray-100,#f1f5f9);color:var(--color-gray-400,#94a3b8);transition:all var(--transition-base,250ms)}.wpc__progress-step--active .wpc__progress-num{background:var(--gradient-accent,linear-gradient(135deg,#2a9d8f,#3dbdad));color:#fff;box-shadow:0 2px 8px rgb(42 157 143 / .3)}.wpc__progress-step--done .wpc__progress-num{background:var(--color-accent-500,#2a9d8f);color:#fff}.wpc__progress-label{font-size:var(--font-size-xs,.75rem);color:var(--color-gray-400,#94a3b8);font-weight:var(--font-weight-medium,500);white-space:nowrap}.wpc__progress-step--active .wpc__progress-label{color:var(--color-gray-800,#1e293b);font-weight:var(--font-weight-semibold,600)}.wpc__progress-line{width:40px;height:2px;background:var(--color-gray-200,#e2e8f0);margin:0 var(--space-2,.5rem);margin-bottom:18px}.wpc__progress-step--clickable{cursor:pointer}.wpc__progress-step--clickable:hover .wpc__progress-num{background:var(--color-primary-700,#142c48);color:#fff;transform:scale(1.1)}@media (max-width:640px){.wpc__progress-label{font-size:10px;max-width:64px;white-space:normal;line-height:1.15;text-align:center;overflow-wrap:break-word}.wpc__progress-line{width:16px}.wpc__progress-num{width:30px;height:30px;font-size:12px}.wpc__filter-sep{display:none}}@media (max-width:640px){body:has(#werkplek-configurator) .floating-contact{bottom:84px}}.wpc__step{display:none}.wpc__step--active{display:block}.wpc__step-title{font-size:var(--font-size-2xl,1.5rem);font-weight:var(--font-weight-bold,700);margin:0 0 var(--space-2,.5rem)}.wpc__step-hint{font-size:var(--font-size-sm,.875rem);color:var(--color-gray-500,#64748b);margin:0 0 var(--space-6,1.5rem)}.wpc__filters{display:flex;flex-wrap:wrap;gap:var(--space-2,.5rem);margin-bottom:var(--space-5,1.25rem);align-items:center}.wpc__filter-btn{padding:6px 14px;font-size:var(--font-size-xs,.75rem);font-weight:var(--font-weight-medium,500);font-family:var(--font-family);color:var(--color-gray-600,#475569);background:var(--color-white,#fff);border:1px solid var(--color-gray-200,#e2e8f0);border-radius:var(--radius-full,9999px);cursor:pointer;transition:all var(--transition-fast,150ms)}.wpc__filter-btn:hover{border-color:var(--color-gray-400)}.wpc__filter-btn--active{background:var(--color-primary-700,#142c48);color:#fff;border-color:var(--color-primary-700)}.wpc__filter-sep{width:1px;height:20px;background:var(--color-gray-200);margin:0 var(--space-1)}.wpc__products{display:flex;flex-direction:column;gap:var(--space-3,.75rem);margin-bottom:var(--space-6,1.5rem);max-height:500px;overflow-y:auto}.wpc-product-option{display:flex;align-items:center;gap:var(--space-4,1rem);padding:var(--space-3,.75rem) var(--space-4,1rem);background:var(--color-white);border:2px solid var(--color-gray-100,#f1f5f9);border-radius:var(--radius-xl,1rem);cursor:pointer;transition:all var(--transition-fast)}.wpc-product-option:hover{border-color:var(--color-gray-300);box-shadow:var(--shadow-sm)}.wpc-product-option--selected{border-color:var(--color-accent-500,#2a9d8f);background:var(--color-accent-100,#d4f5f0);box-shadow:0 0 0 3px rgb(42 157 143 / .15)}.wpc-product-option__img{width:64px;height:64px;border-radius:var(--radius-lg);overflow:hidden;flex-shrink:0;background:var(--color-gray-50);display:flex;align-items:center;justify-content:center}.wpc-product-option__img img{width:100%;height:100%;object-fit:contain;padding:4px}.wpc-product-option__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.wpc-product-option__info strong{font-size:var(--font-size-sm,.875rem);color:var(--color-gray-900);line-height:1.3}.wpc-product-option__brand{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-gray-400)}.wpc-product-option__specs{display:flex;flex-wrap:wrap;gap:var(--space-2)}.wpc-product-option__specs span{font-size:var(--font-size-xs);color:var(--color-gray-500);background:var(--color-gray-100);padding:1px 8px;border-radius:var(--radius-sm)}.wpc-product-option__spec{font-size:var(--font-size-xs);color:var(--color-gray-500)}.wpc-product-option__ports{font-size:11px;color:var(--color-gray-400)}.wpc-product-option__link{font-size:var(--font-size-xs,.75rem);color:var(--color-accent-600,#1f8377);text-decoration:none;font-weight:var(--font-weight-medium,500);transition:color var(--transition-fast,150ms);margin-top:2px;display:inline-block}.wpc-product-option__link:hover{color:var(--color-accent-500,#2a9d8f);text-decoration:underline}.wpc-product-option__price{font-size:var(--font-size-lg,1.125rem);font-weight:var(--font-weight-bold,700);color:var(--color-primary-700,#142c48);white-space:nowrap;flex-shrink:0}.wpc-product-option__compat{font-size:11px;font-weight:var(--font-weight-semibold);padding:2px 8px;border-radius:var(--radius-full);display:inline-block;width:fit-content}.wpc-compat--direct .wpc-product-option__compat{background:#edf8ee;color:#1a7a2e}.wpc-compat--adapter .wpc-product-option__compat{background:#fff8e5;color:#996800}.wpc-product-option__adapter{font-size:11px;color:var(--color-gray-500);font-style:italic}.wpc__nav{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-6,1.5rem);border-top:1px solid var(--color-gray-100)}.wpc__btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3,.75rem) var(--space-6,1.5rem);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);border-radius:var(--radius-full);border:none;cursor:pointer;transition:all var(--transition-base)}.wpc__btn--next{background:var(--gradient-accent);color:#fff;box-shadow:0 2px 8px rgb(42 157 143 / .25)}.wpc__btn--next:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px rgb(42 157 143 / .35)}.wpc__btn--next:disabled{opacity:.4;cursor:not-allowed}.wpc__btn--prev{background:var(--color-gray-100);color:var(--color-gray-600)}.wpc__btn--prev:hover{background:var(--color-gray-200)}.wpc__btn--order{background:var(--gradient-accent);color:#fff;font-size:var(--font-size-base);padding:var(--space-4,1rem) var(--space-8,2rem);box-shadow:0 4px 15px rgb(42 157 143 / .3)}.wpc__btn--order:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgb(42 157 143 / .4)}.wpc__btn svg{width:14px;height:14px}.wpc__skip{text-align:center;margin-bottom:var(--space-4)}.wpc__skip-btn{font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--color-gray-400);background:none;border:none;cursor:pointer;text-decoration:underline;transition:color var(--transition-fast)}.wpc__skip-btn:hover{color:var(--color-gray-600)}.wpc__summary{margin-bottom:var(--space-6)}.wpc__summary-line{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) 0;border-bottom:1px solid var(--color-gray-100)}.wpc__summary-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-gray-400);text-transform:uppercase;letter-spacing:.05em;width:100px;flex-shrink:0}.wpc__summary-name{flex:1;font-size:var(--font-size-sm);color:var(--color-gray-800)}.wpc__summary-price{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-primary-700)}.wpc__summary-actions{display:inline-flex;align-items:center;gap:var(--space-2,.5rem);margin-left:var(--space-3,.75rem);flex-shrink:0}.wpc__summary-action{background:none;border:1px solid #fff0;padding:4px 10px;border-radius:var(--radius-full,9999px);font-family:var(--font-family);font-size:var(--font-size-xs,.75rem);font-weight:var(--font-weight-medium,500);cursor:pointer;transition:all var(--transition-fast,150ms);line-height:1}.wpc__summary-action--edit{color:var(--color-accent-text,#0d7b70);border-color:var(--color-gray-200,#e2e8f0)}.wpc__summary-action--edit:hover{background:var(--color-accent-100,#d4f3ee);border-color:var(--color-accent-500,#1cb8a8)}.wpc__summary-action--remove{color:var(--color-error-text,#b91c1c);width:26px;height:26px;padding:0;font-size:18px;font-weight:700;border-color:var(--color-gray-200,#e2e8f0);display:inline-flex;align-items:center;justify-content:center}.wpc__summary-action--remove:hover{background:#fef2f2;border-color:var(--color-error,#ef4444)}.wpc__summary-empty{text-align:center;color:var(--color-text-muted,#64748b);font-size:var(--font-size-sm,.875rem);padding:var(--space-8,2rem) var(--space-4);background:var(--color-gray-50,#f8fafc);border-radius:var(--radius-lg,1rem);margin:0}.wpc__cart-error{background:#fef2f2;color:var(--color-error-text,#b91c1c);padding:var(--space-3,.75rem) var(--space-4,1rem);border-radius:var(--radius-md,.5rem);border-left:3px solid var(--color-error,#ef4444);font-size:var(--font-size-sm,.875rem);margin:0 0 var(--space-3,.75rem)}.wpc__btn--order:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.wpc__total{display:flex;justify-content:space-between;align-items:baseline;padding:var(--space-4) 0;border-top:2px solid var(--color-gray-200);margin-bottom:var(--space-4)}.wpc__total-label{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-gray-700)}.wpc__total-price{font-size:var(--font-size-3xl,1.875rem);font-weight:var(--font-weight-extrabold);color:var(--color-primary-700)}.wpc__loading{color:var(--color-gray-400);font-size:var(--font-size-sm);text-align:center;padding:var(--space-8) 0}.wpc-product-option:hover{border-color:var(--color-accent-400,#3dbdad);box-shadow:0 0 0 2px rgb(42 157 143 / .12),var(--shadow-sm)}.wpc-qty-controls{display:flex;align-items:center;gap:var(--space-1,.25rem);flex-shrink:0}.wpc-qty-btn{width:28px;height:28px;border:1px solid var(--color-gray-200,#e2e8f0);border-radius:var(--radius-full,9999px);background:var(--color-white,#fff);font-size:14px;font-weight:var(--font-weight-bold,700);color:var(--color-gray-600,#475569);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast,150ms);font-family:var(--font-family);padding:0;line-height:1}.wpc-qty-btn:hover{border-color:var(--color-accent-500,#2a9d8f);color:var(--color-accent-500,#2a9d8f)}.wpc-qty-display{min-width:20px;text-align:center;font-size:var(--font-size-sm,.875rem);font-weight:var(--font-weight-bold,700);color:var(--color-gray-800,#1e293b)}@media (max-width:640px){.wpc-product-option{flex-wrap:wrap}.wpc-product-option__img{width:48px;height:48px}.wpc-product-option__price{width:100%;text-align:right;padding-top:var(--space-2);border-top:1px solid var(--color-gray-100)}.wpc__nav{flex-direction:column;gap:var(--space-3)}.wpc__btn{width:100%;justify-content:center}}