*{box-sizing:border-box;margin:0;padding:0}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;background:#f5f5f5;color:#333;line-height:1.5}
.header{background:#fff;border-bottom:3px solid #6b8f71;padding:12px 24px;display:flex;align-items:center;gap:16px;position:sticky;top:0;z-index:100;box-shadow:0 2px 8px rgba(0,0,0,.08)}
.header h1{font-size:22px;color:#6b8f71}
.header .subtitle{font-size:13px;color:#888}
.progress{display:flex;gap:4px;padding:16px 24px;background:#fff;margin-bottom:16px;box-shadow:0 1px 4px rgba(0,0,0,.05);overflow-x:auto}
.progress .step-dot{flex:1;min-width:80px;text-align:center;padding:8px 4px;border-radius:8px;font-size:11px;color:#999;background:#f9f9f9;cursor:pointer;transition:.2s;border:2px solid transparent}
.progress .step-dot.active{background:rgba(107,143,113,.08);color:#6b8f71;border-color:#6b8f71;font-weight:600}
.progress .step-dot.done{background:rgba(107,143,113,.12);color:#6b8f71;border-color:#6b8f71}
.main{max-width:1100px;margin:0 auto;padding:0 16px 16px}
#mainContent,.main{min-height:auto!important}
.card{background:#fff;border-radius:12px;padding:24px;margin-bottom:16px;box-shadow:0 2px 8px rgba(0,0,0,.06)}
.card h2{font-size:20px;margin-bottom:16px;color:#333}
.card h3{font-size:16px;margin:16px 0 10px;color:#555}
.grid{display:grid;gap:12px}
.grid-2{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}
.grid-3{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}
.grid-4{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}
.grid-5{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}
.option-card{border:2px solid #e0e0e0;border-radius:10px;padding:12px;cursor:pointer;text-align:center;position:relative}
.option-card:hover{border-color:#6b8f71;box-shadow:0 4px 12px rgba(232,119,34,.15)}
.option-card.selected{border-color:#6b8f71;background:rgba(107,143,113,.06);box-shadow:0 0 0 3px rgba(232,119,34,.2)}
.option-card img{max-width:100%;height:80px;object-fit:contain;border-radius:6px;margin-bottom:8px;background:#f0f0f0;}
.option-card.zoomable{overflow:visible}
.option-card.zoomable img{position:relative;z-index:1}
.option-card.zoomable:hover img{z-index:1}
.option-card img[src=""]{display:none}
.cat-card img{height:100px;object-fit:cover}
.option-card .name{font-size:13px;font-weight:500}
.option-card .desc{font-size:11px;color:#888;margin-top:2px}
.option-card .price-tag{font-size:11px;color:#6b8f71;font-weight:600;margin-top:4px}
.color-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px 8px;padding:12px 4px;justify-items:center}
.color-item{display:flex;flex-direction:column;align-items:center;width:100%;max-width:72px;cursor:pointer;padding:4px;box-sizing:border-box}
.color-item .swatch{width:48px;height:48px;min-width:48px;min-height:48px;border-radius:50%;border:3px solid #e0e0e0;box-shadow:0 1px 4px rgba(0,0,0,.1)}
.color-item:hover .swatch{box-shadow:0 2px 8px rgba(0,0,0,.2)}
.color-item.selected .swatch{border-color:#6b8f71;box-shadow:0 0 0 3px rgba(232,119,34,.3)}
.color-item .clabel{font-size:10px;color:#666;text-align:center;margin-top:3px;line-height:1.1;max-width:56px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.color-item.selected .clabel{color:#6b8f71;font-weight:600}
.color-swatch{width:48px;height:48px;min-width:48px;min-height:48px;border-radius:50%;cursor:pointer;border:3px solid #e0e0e0;position:relative;box-shadow:0 1px 4px rgba(0,0,0,.1)}
.color-swatch:hover{box-shadow:0 2px 8px rgba(0,0,0,.2)}
.color-swatch.selected{border-color:#6b8f71;box-shadow:0 0 0 3px rgba(232,119,34,.3)}
.dim-layout{display:flex;gap:32px;align-items:flex-start;flex-wrap:wrap}
.dim-preview{flex:0 0 auto;display:flex;flex-direction:column;align-items:center}
.blind-preview-wrap{position:relative;display:flex;align-items:center;justify-content:center;margin-right:65px;margin-bottom:40px;padding:4px}
.blind-preview{background:linear-gradient(180deg,#f5f0e8 0%,#ebe5d8 100%);border:3px solid #333;border-radius:4px;position:relative;overflow:hidden;transition:width .3s,height .3s;min-width:60px;min-height:60px}
.blind-preview .slat{width:100%;border-bottom:1px solid rgba(0,0,0,.12);background:linear-gradient(180deg,rgba(255,255,255,.25) 0%,rgba(0,0,0,.05) 100%)}
.blind-preview .headrail{position:absolute;top:0;left:0;right:0;height:8px;background:#555;border-radius:2px 2px 0 0;z-index:2}
.blind-preview .bottomrail{position:absolute;bottom:0;left:0;right:0;height:5px;background:#888;border-radius:0 0 2px 2px;z-index:2}
.dim-arrow{position:absolute;display:flex;align-items:center;justify-content:center;color:#6b8f71;font-weight:700;font-size:12px}
.dim-arrow-h{bottom:-28px;left:0;right:0;text-align:center}
.dim-arrow-v{right:-55px;top:0;bottom:0;writing-mode:vertical-lr;text-orientation:mixed;text-align:center}
.dim-arrow-h::before,.dim-arrow-h::after{content:'';position:absolute;top:50%;height:2px;background:#6b8f71}
.dim-arrow-h::before{left:0;right:calc(50% + 30px)}
.dim-arrow-h::after{left:calc(50% + 30px);right:0}
.dim-arrow-v::before,.dim-arrow-v::after{content:'';position:absolute;left:50%;width:2px;background:#6b8f71}
.dim-arrow-v::before{top:0;bottom:calc(50% + 10px)}
.dim-arrow-v::after{top:calc(50% + 10px);bottom:0}
.dim-controls{flex:1;min-width:280px}
.dim-row{margin-bottom:14px}
.dim-row label{display:block;font-weight:700;margin-bottom:8px;font-size:15px;color:#333}
.dim-row .input-row{display:flex;align-items:center;gap:10px}
.dim-row input[type=number]{flex:1;padding:8px 10px;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;font-weight:600;transition:.2s;-moz-appearance:textfield;max-width:140px}
.dim-row input[type=number]::-webkit-outer-spin-button,.dim-row input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.dim-row input[type=number]:focus{outline:none;border-color:#6b8f71;box-shadow:0 0 0 3px rgba(232,119,34,.15)}
.dim-row .unit{font-size:14px;color:#888;font-weight:500}
.dim-row input[type=range]{width:100%;margin-top:8px;-webkit-appearance:none;height:6px;border-radius:3px;background:linear-gradient(90deg,#6b8f71 var(--pct,50%),#e0e0e0 var(--pct,50%));outline:none}
.dim-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:#6b8f71;cursor:pointer;box-shadow:0 2px 6px rgba(232,119,34,.3)}
.dim-row input[type=range]::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:#6b8f71;cursor:pointer;border:none}
.dim-row .range-hint{font-size:12px;color:#999;margin-top:4px}
.dim-row input.error{border-color:#e53935}
.dim-row .error-msg{font-size:11px;color:#e53935;margin-top:4px}
.live-price-box{background:linear-gradient(135deg,rgba(107,143,113,.06),#fff);border:2px solid #6b8f71;border-radius:14px;padding:16px 24px;margin-top:20px;display:flex;align-items:center;justify-content:center;gap:12px;box-shadow:0 4px 16px rgba(232,119,34,.1)}
.live-price-box .label{font-size:13px;color:#888;text-transform:uppercase;letter-spacing:1px;font-weight:600}
.live-price-box .amount{font-size:32px;font-weight:800;color:#6b8f71}
.live-price-box .vat{font-size:12px;color:#aaa}
.pakket-bar{background:#E8F5E9;border:1px solid #A5D6A7;border-radius:8px;padding:12px 16px;margin-top:16px;display:flex;align-items:center;gap:10px}
.pakket-bar .icon{font-size:20px}
.pakket-bar .text{font-size:13px;color:#2E7D32}
.pakket-bar .value{font-weight:700;font-size:15px;color:#1B5E20}
.warning-box{background:#FFF3E0;border:1px solid #FFB74D;border-radius:8px;padding:12px 16px;margin-top:12px;font-size:13px;color:#E65100}
.warning-box.severe{background:#FFEBEE;border-color:#EF9A9A;color:#B71C1C}
.jdc-tape-badge{display:block;font-size:9px;line-height:1.1;text-align:center;padding:2px 4px;border-radius:3px;margin-bottom:2px;white-space:nowrap;font-weight:600;pointer-events:none}
.jdc-tape-badge--suggested{background:#E8F5E9;color:#2E7D32;border:1px solid #A5D6A7}
.jdc-tape-badge--warn{display:none}
.jdc-tape-warn-star{color:#D32F2F;font-weight:900;font-size:14px;line-height:1;display:block;margin-top:-1px;text-shadow:0 0 2px rgba(211,47,47,.4)}
.jdc-color--suggested{}
.jdc-color--suggested.jdc-color--selected{}
.jdc-tape-footnote{margin:8px 0;font-size:11px;color:#BF360C;font-style:italic}
.info-box{background:#E3F2FD;border:1px solid #90CAF9;border-radius:8px;padding:12px 16px;margin-top:12px;font-size:13px;color:#1565C0}
.nav-buttons{display:flex;justify-content:space-between;align-items:center;gap:12px;position:sticky;bottom:0;z-index:50;background:#fff;padding:12px 16px;margin:24px -16px 0;border-top:1px solid #e0e0e0;box-shadow:0 -2px 8px rgba(0,0,0,.06)}
.btn{padding:12px 28px;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;border:none;}
.btn-primary{background:#6b8f71;color:#fff}
.btn-primary:hover{background:#D06A1A}
.btn-primary:disabled{background:#ccc;cursor:not-allowed}
.btn-secondary{background:#fff;color:#6b8f71;border:2px solid #6b8f71}
.btn-secondary:hover{background:rgba(107,143,113,.08)}
.price-footer{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:2px solid #6b8f71;padding:12px 24px;display:flex;justify-content:space-between;align-items:center;z-index:100;box-shadow:0 -2px 12px rgba(0,0,0,.1)}
.price-footer .label{font-size:13px;color:#888}
.price-footer .amount{font-size:28px;font-weight:700;color:#6b8f71}
.price-footer .vat{font-size:11px;color:#888}
.summary-table{width:100%;border-collapse:collapse}
.summary-table tr{border-bottom:1px solid #eee}
.summary-table td{padding:10px 8px;font-size:14px}
.summary-table td:first-child{font-weight:600;color:#555;width:40%}
.summary-table td:last-child{color:#333}
.sub-products{margin-top:16px}
.bracket-preview{display:flex;align-items:center;gap:16px;margin-top:12px;padding:12px;background:#f9f9f9;border-radius:8px}
.bracket-preview img{width:120px;height:120px;object-fit:contain;border-radius:6px}
.dyn-img-preview{text-align:center;margin:16px 0;padding:16px;background:#fafafa;border-radius:10px;border:1px solid #eee}
.dyn-img-preview img{max-width:200px;max-height:200px;object-fit:contain;border-radius:8px}
.dyn-img-preview .caption{font-size:13px;color:#666;margin-top:8px;font-weight:500}
.hidden{display:none!important}
select{padding:10px 14px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;background:#fff;cursor:pointer;min-width:200px}
select:focus{outline:none;border-color:#6b8f71}
.formula-warning{background:#FFF8E1;border:1px solid #FFE082;border-radius:8px;padding:10px 14px;margin-top:8px;font-size:12px;color:#F57F17}
.sub-section{margin-top:24px;padding:20px;background:#fafafa;border-radius:10px;border:1px solid #eee}
.sub-section h3{margin-top:0}
.selected-color-bar{background:rgba(107,143,113,.06);border:1px solid #6b8f71;border-radius:8px;padding:8px 14px;margin:8px 0 12px;display:flex;align-items:center;gap:10px;font-size:13px}
.selected-color-bar .dot{width:24px;height:24px;border-radius:50%;border:2px solid #ccc;flex-shrink:0}
.selected-color-bar .txt{color:#333;font-weight:500}
.selected-color-bar .txt strong{color:#6b8f71}

/* JDC Live Site CSS */
:root{--jdc-warm-wit:#fafaf7;--jdc-linnen:#e8e0d4;--jdc-eucalyptus:#6b8f71;--jdc-eucalyptus-donker:#5a7a63;--jdc-antraciet:#2c2c2c;--jdc-tekst-licht:#6b6b6b;--jdc-surface:#f5f3ef;--jdc-error:#d32f2f;--jdc-radius:12px;--jdc-radius-sm:8px;--jdc-shadow:0 2px 8px rgba(0,0,0,.06);--jdc-shadow-lg:0 8px 24px rgba(0,0,0,.1);--jdc-transition:0.2s ease;--jdc-font:"DM Sans",-apple-system,BlinkMacSystemFont,sans-serif;--jdc-font-heading:"Outfit",var(--jdc-font)}.jdc{background:var(--jdc-warm-wit);border-radius:var(--jdc-radius);box-shadow:var(--jdc-shadow-lg);color:var(--jdc-antraciet);container-name:jdc;container-type:inline-size;font-family:var(--jdc-font);margin:0 auto;max-width:720px;overflow:hidden}.jdc *,.jdc :after,.jdc :before{box-sizing:border-box}.jdc__header{padding:20px 20px 0}.jdc__title{color:var(--jdc-antraciet);font-family:var(--jdc-font-heading);font-size:clamp(1.25rem,4vw,1.75rem);font-weight:700;margin:0 0 16px}.jdc-progress__counter{color:var(--jdc-tekst-licht);font-size:.75rem;font-weight:500;letter-spacing:.03em;margin:0 0 2px;text-align:center}.jdc-progress__list{display:flex;gap:0;list-style:none;margin:0;overflow-x:auto;padding:0;-webkit-overflow-scrolling:touch;scrollbar-width:none}.jdc-progress__list::-webkit-scrollbar{display:none}.jdc-progress__item{align-items:center;display:flex;flex-shrink:0}.jdc-progress__btn{align-items:center;background:none;border:none;cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:8px 4px;transition:var(--jdc-transition)}.jdc-progress__btn:disabled{cursor:default;opacity:.4}.jdc-progress__number{align-items:center;background:var(--jdc-linnen);border-radius:50%;color:var(--jdc-tekst-licht);display:flex;font-size:.7rem;font-weight:700;height:26px;justify-content:center;transition:var(--jdc-transition);width:26px}.jdc-progress__item--active .jdc-progress__number{background:var(--jdc-eucalyptus);color:#fff;transform:scale(1.1)}.jdc-progress__item--done .jdc-progress__number{background:var(--jdc-eucalyptus-donker);color:#fff}.jdc-progress__label{color:var(--jdc-tekst-licht);font-size:.6rem;font-weight:600;white-space:nowrap}.jdc-progress__item--active .jdc-progress__label{color:var(--jdc-eucalyptus)}.jdc-progress__connector{background:var(--jdc-linnen);flex-shrink:0;height:2px;margin:0 1px 18px;width:10px}.jdc-progress__item--done .jdc-progress__connector{background:var(--jdc-eucalyptus)}.jdc__body{padding:20px}.jdc-step__title{font-family:var(--jdc-font-heading);font-size:clamp(1.1rem,3.5vw,1.4rem);font-weight:600;margin:0 0 6px}.jdc-step__subtitle{color:var(--jdc-tekst-licht);font-size:.875rem;line-height:1.5;margin:0 0 20px}.jdc-categories{display:flex;flex-direction:column;gap:12px}.jdc-category{border:2px solid var(--jdc-linnen);border-radius:var(--jdc-radius);overflow:hidden;transition:var(--jdc-transition)}.jdc-category--open,.jdc-category--selected{border-color:var(--jdc-eucalyptus)}.jdc-category--selected{box-shadow:0 0 0 3px rgba(107,143,113,.15)}.jdc-category__header{align-items:center;background:none;border:none;cursor:pointer;display:flex;gap:12px;padding:14px;text-align:left;width:100%}.jdc-category__swatch{border-radius:var(--jdc-radius-sm);flex-shrink:0;height:44px;width:44px}.jdc-category__info{flex:1;min-width:0}.jdc-category__name{display:block;font-size:.95rem;font-weight:700}.jdc-category__desc{color:var(--jdc-tekst-licht);display:block;font-size:.8rem;margin-top:2px}.jdc-category__chevron{color:var(--jdc-tekst-licht);flex-shrink:0;transition:transform var(--jdc-transition)}.jdc-category__chevron--up{transform:rotate(180deg)}.jdc-category__products{display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));padding:0 14px 14px}.jdc-product-card{align-items:center;background:var(--jdc-surface);border:2px solid var(--jdc-linnen);border-radius:var(--jdc-radius-sm);cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:14px 10px;position:relative;text-align:center;transition:var(--jdc-transition)}.jdc-product-card:hover{border-color:var(--jdc-eucalyptus);box-shadow:var(--jdc-shadow);}.jdc-product-card--selected{background:rgba(107,143,113,.08);border-color:var(--jdc-eucalyptus)}.jdc-product-card__slat{align-items:center;color:var(--jdc-eucalyptus);display:flex;flex-direction:column;font-family:var(--jdc-font-heading);font-size:1.3rem;font-weight:800;gap:2px}.jdc-product-card__edition{display:block;font-size:.7rem;font-weight:600;letter-spacing:.05em;opacity:.75;text-transform:uppercase}.jdc-product-card__name{font-size:.75rem;font-weight:600}.jdc-product-card__from{color:var(--jdc-tekst-licht);font-size:.7rem}.jdc-product-card__check{color:var(--jdc-eucalyptus);position:absolute;right:6px;top:6px}.jdc-dims{align-items:flex-start;display:flex;flex-direction:row;gap:10px}.jdc-dims__preview{display:flex;flex:1 1 50%;justify-content:center;min-width:0;padding:4px 0}.jdc-dims__visual{align-items:stretch;display:flex;padding-bottom:22px;padding-left:24px;position:relative}.jdc-dims__box{background:var(--jdc-surface);border:2px solid var(--jdc-antraciet);border-radius:3px;display:flex;flex-direction:column;height:80px;overflow:hidden;width:96px}.jdc-dims__headrail{background:var(--jdc-antraciet);flex-shrink:0;height:6px}.jdc-dims__slats{display:flex;flex:1;flex-direction:column;gap:2px;padding:4px 6px}.jdc-dims__slat{background:var(--jdc-linnen);border-radius:1px;flex:1;min-height:2px}.jdc-dims__arrow-v{align-items:center;bottom:22px;display:flex;flex-direction:column;justify-content:center;left:3px;position:absolute;top:0;width:20px}.jdc-dims__arrow-line-v{background:var(--jdc-eucalyptus);bottom:8px;position:absolute;top:8px;width:2px}.jdc-dims__arrow-label-v{background:var(--jdc-warm-wit);color:var(--jdc-eucalyptus);font-size:.75rem;font-weight:700;padding:2px 0;position:relative;text-orientation:mixed;transform:rotate(180deg);white-space:nowrap;writing-mode:vertical-rl;z-index:1}.jdc-dims__arrow-cap-bottom,.jdc-dims__arrow-cap-top{height:0;left:50%;position:absolute;transform:translateX(-50%);width:0}.jdc-dims__arrow-cap-top{border-bottom:8px solid var(--jdc-eucalyptus);top:0}.jdc-dims__arrow-cap-bottom,.jdc-dims__arrow-cap-top{border-left:5px solid transparent;border-right:5px solid transparent}.jdc-dims__arrow-cap-bottom{border-top:8px solid var(--jdc-eucalyptus);bottom:0}.jdc-dims__arrow-h{align-items:center;bottom:1px;display:flex;height:20px;justify-content:center;left:24px;position:absolute;right:0}.jdc-dims__arrow-line-h{background:var(--jdc-eucalyptus);height:2px;left:8px;position:absolute;right:8px}.jdc-dims__arrow-label-h{background:var(--jdc-warm-wit);color:var(--jdc-eucalyptus);font-size:.75rem;font-weight:700;padding:0 3px;position:relative;white-space:nowrap;z-index:1}.jdc-dims__arrow-cap-left,.jdc-dims__arrow-cap-right{height:0;position:absolute;top:50%;transform:translateY(-50%);width:0}.jdc-dims__arrow-cap-left{border-right:8px solid var(--jdc-eucalyptus);left:0}.jdc-dims__arrow-cap-left,.jdc-dims__arrow-cap-right{border-bottom:5px solid transparent;border-top:5px solid transparent}.jdc-dims__arrow-cap-right{border-left:8px solid var(--jdc-eucalyptus);right:0}.jdc-dims__inputs{display:flex;flex:1 1 50%;flex-direction:column;gap:12px;min-width:0}.jdc-input-group__label{display:block;font-size:.85rem;font-weight:600;margin-bottom:6px}.jdc-input-group__field{align-items:center;display:flex;gap:6px}.jdc-input{-moz-appearance:textfield;border:2px solid var(--jdc-linnen);border-radius:var(--jdc-radius-sm);font-family:var(--jdc-font);font-size:1.1rem;font-weight:600;letter-spacing:.02em;min-width:80px;padding:10px 12px;transition:var(--jdc-transition);width:100%}.jdc-input::-webkit-inner-spin-button,.jdc-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.jdc-input:focus{border-color:var(--jdc-eucalyptus);box-shadow:0 0 0 3px rgba(107,143,113,.15);outline:none}.jdc-input-group__unit{color:var(--jdc-tekst-licht);flex-shrink:0;font-size:.85rem;font-weight:600}.jdc-input-group__error{color:var(--jdc-error);display:block;font-size:.75rem;margin-top:4px}.jdc-input-group--error .jdc-input{border-color:var(--jdc-error)}.jdc-range{-webkit-appearance:none;background:var(--jdc-linnen);border-radius:2px;height:4px;margin-top:8px;outline:none;width:100%}.jdc-range::-webkit-slider-thumb{-webkit-appearance:none;background:var(--jdc-eucalyptus);border:3px solid #fff;border-radius:50%;box-shadow:0 1px 4px rgba(0,0,0,.15);cursor:pointer;height:20px;width:20px}.jdc-range::-moz-range-thumb{background:var(--jdc-eucalyptus);border:3px solid #fff;border-radius:50%;box-shadow:0 1px 4px rgba(0,0,0,.15);cursor:pointer;height:20px;width:20px}.jdc-colors{display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(72px,1fr))}.jdc-color{align-items:center;background:none;border:2px solid transparent;border-radius:var(--jdc-radius-sm);cursor:pointer;display:flex;flex-direction:column;gap:4px;overflow:visible;padding:10px 6px;position:relative;transition:var(--jdc-transition)}.jdc-color:hover{background:var(--jdc-surface)}.jdc-color--selected{background:rgba(107,143,113,.06);border-color:var(--jdc-eucalyptus)}.jdc-color__swatch{border:2px solid var(--jdc-linnen);border-radius:50%;box-shadow:inset 0 1px 3px rgba(0,0,0,.1);height:40px;width:40px}.jdc-color--selected .jdc-color__swatch{border-color:var(--jdc-eucalyptus);box-shadow:0 0 0 3px rgba(107,143,113,.2)}.color-swatch-img{border:2px solid var(--jdc-linnen);border-radius:50%!important;cursor:pointer;width:44px!important;height:44px!important;min-width:44px!important;max-width:44px!important;aspect-ratio:1/1!important;object-fit:cover!important;transition:var(--jdc-transition)}.jdc-color--selected .color-swatch-img{border-color:var(--jdc-eucalyptus);box-shadow:0 0 0 3px rgba(107,143,113,.2)}.jdc-color:hover .color-swatch-img{border-color:var(--jdc-eucalyptus)}.color-swatch-zoom{display:none}#swatchZoomGlobal{display:none;position:fixed;width:180px;height:180px;border-radius:14px;object-fit:cover;box-shadow:0 10px 40px rgba(0,0,0,.3);border:3px solid var(--jdc-eucalyptus);z-index:9999;pointer-events:none;background:#fff}.jdc-color__name{display:-webkit-box;font-size:.6rem;font-weight:600;-webkit-line-clamp:2;line-height:1.2;max-width:72px;overflow:hidden;text-align:center;text-overflow:ellipsis;-webkit-box-orient:vertical}.jdc-color__check{color:var(--jdc-eucalyptus);position:absolute;right:4px;top:6px}.jdc-color-preview{align-items:center;background:var(--jdc-surface);border:1px solid var(--jdc-linnen);border-radius:var(--jdc-radius);display:flex;flex-direction:column;gap:8px;margin-top:24px;padding:20px 16px 16px;text-align:center}.jdc-color-preview__svg{filter:drop-shadow(0 2px 6px rgba(0,0,0,.1));height:auto;max-width:180px;width:100%}.jdc-color-preview__window{border:3px solid var(--jdc-antraciet);border-radius:4px;height:100px;margin:0 auto;overflow:hidden;width:120px}.jdc-color-preview__blind{display:flex;flex-direction:column;gap:1px;height:100%;padding:3px}.jdc-color-preview__slat{border-bottom:1px solid rgba(0,0,0,.08);flex:1}.jdc-color-preview__labels{display:flex;flex-wrap:wrap;gap:8px 16px;justify-content:center}.jdc-color-preview__name{align-items:center;display:flex;font-size:.85rem;font-weight:600;gap:6px;margin:0}.jdc-color-preview__label-tag{background:var(--jdc-eucalyptus);border-radius:4px;color:#fff;display:inline-block;font-size:.65rem;font-weight:700;letter-spacing:.04em;padding:2px 7px;text-transform:uppercase}.jdc-color-preview__label-tag--band{background:var(--jdc-antraciet)}.jdc-options{display:grid;gap:10px;grid-template-columns:repeat(2,1fr)}.jdc-options--stacked{grid-template-columns:1fr}.jdc-options--control-grid{gap:10px;grid-template-columns:repeat(2,1fr)}.jdc-option{align-items:center;background:var(--jdc-surface);border:2px solid var(--jdc-linnen);border-radius:var(--jdc-radius-sm);cursor:pointer;display:flex;flex-direction:column;gap:6px;padding:14px 10px;position:relative;text-align:center;transition:var(--jdc-transition)}.jdc-option--wide{flex-direction:row;text-align:left}.jdc-option--control{padding:12px 8px}.jdc-option--compact{gap:4px;padding:10px 8px}.jdc-option:hover{border-color:var(--jdc-eucalyptus);}.jdc-option--selected{background:rgba(107,143,113,.08);border-color:var(--jdc-eucalyptus)}.jdc-option__icon{color:var(--jdc-antraciet);flex-shrink:0}.jdc-option--selected .jdc-option__icon{color:var(--jdc-eucalyptus)}.jdc-option__text{flex:1;min-width:0}.jdc-option__label{display:block;font-size:.8rem;font-weight:600}.jdc-option__label-multi{display:flex;flex-direction:column;gap:1px}.jdc-option__label-line{color:var(--jdc-tekst-licht);font-size:.75rem;font-weight:500}.jdc-option__label-line strong{color:var(--jdc-antraciet);font-weight:700}.jdc-option__desc{color:var(--jdc-tekst-licht);display:block;font-size:.7rem;line-height:1.3;margin-top:2px}.jdc-option__price{color:var(--jdc-eucalyptus);font-size:.7rem;font-weight:700}.jdc-option__check{color:var(--jdc-eucalyptus);position:absolute;right:6px;top:6px}.jdc-color__modifier{background:rgba(107,143,113,.1);border-radius:3px;color:var(--jdc-eucalyptus);font-size:.55rem;font-weight:700;padding:1px 4px}.jdc-colors--small{gap:6px;grid-template-columns:repeat(auto-fill,minmax(60px,1fr))}.jdc-color--small{padding:6px 4px}.jdc-color--small .jdc-color__swatch{height:30px;width:30px}.jdc-color--small .jdc-color__name{font-size:.55rem;max-width:60px}.jdc-ladderband{border-top:1px solid var(--jdc-linnen);margin-top:28px;padding-top:24px}.jdc-ladderband__title{font-family:var(--jdc-font-heading);font-size:1rem;font-weight:600;margin:0 0 4px}.jdc-ladderband__subtitle{color:var(--jdc-tekst-licht);font-size:.8rem;margin:0 0 14px}.jdc-ladderband__widths{display:grid;gap:8px;grid-template-columns:repeat(2,1fr);margin-bottom:20px}.jdc-lbw{align-items:center;background:var(--jdc-surface);border:2px solid var(--jdc-linnen);border-radius:var(--jdc-radius-sm);cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:10px 6px;position:relative;transition:var(--jdc-transition)}.jdc-lbw--selected,.jdc-lbw:hover{border-color:var(--jdc-eucalyptus)}.jdc-lbw--selected{background:rgba(107,143,113,.08)}.jdc-lbw__icon{color:var(--jdc-antraciet)}.jdc-lbw--selected .jdc-lbw__icon{color:var(--jdc-eucalyptus)}.jdc-lbw__label{font-size:.75rem;font-weight:600}.jdc-lbw__price{color:var(--jdc-eucalyptus);font-size:.65rem;font-weight:700}.jdc-lbw__check{color:var(--jdc-eucalyptus);position:absolute;right:4px;top:4px}.jdc-ladderband__colors{margin-top:16px}.jdc-ladderband__swatch{width:40px;height:40px;border-radius:50%;background-size:cover;background-position:center;border:2px solid var(--jdc-linnen);box-shadow:inset 0 1px 3px rgba(0,0,0,.1);image-rendering:auto;-webkit-image-rendering:auto}.jdc-ladderband__color{display:inline-flex;flex-direction:column;align-items:center;gap:4px;padding:6px;border-radius:8px;cursor:pointer;text-align:center;max-width:60px;transition:.2s}.jdc-ladderband__color:hover{background:rgba(0,0,0,.04)}.jdc-ladderband__color:hover .jdc-ladderband__swatch{transform:scale(1.1);box-shadow:0 2px 6px rgba(0,0,0,.15)}.jdc-ladderband__color--selected{background:rgba(107,143,113,.08);border-radius:8px}.jdc-ladderband__color--selected .jdc-ladderband__swatch{border-color:var(--jdc-eucalyptus)}.jdc-ladderband__label{font-size:.65rem;color:#666;line-height:1.1;word-break:break-word;max-width:56px}.jdc-subsection{border-top:1px solid var(--jdc-linnen);margin-top:24px;padding-top:20px}.jdc-subsection__title{font-family:var(--jdc-font-heading);font-size:.95rem;font-weight:600;margin:0 0 10px}.jdc-bracket-colors{display:flex;flex-wrap:wrap;gap:10px}.jdc-bracket{align-items:center;background:var(--jdc-surface);border:2px solid var(--jdc-linnen);border-radius:var(--jdc-radius-sm);cursor:pointer;display:flex;flex-direction:column;gap:4px;min-width:70px;padding:10px 14px;position:relative;transition:var(--jdc-transition)}.jdc-bracket--selected,.jdc-bracket:hover{border-color:var(--jdc-eucalyptus)}.jdc-bracket--selected{background:rgba(107,143,113,.08)}.jdc-bracket__swatch{border-radius:50%;box-shadow:inset 0 1px 3px rgba(0,0,0,.1);height:28px;width:28px}.jdc-bracket__label{font-size:.7rem;font-weight:600}.jdc-bracket__price{color:var(--jdc-eucalyptus);font-size:.6rem;font-weight:700}.jdc-bracket__check{color:var(--jdc-eucalyptus);position:absolute;right:4px;top:4px}.jdc-radio-list{display:flex;flex-direction:column;gap:6px}.jdc-radio{align-items:center;background:var(--jdc-surface);border:2px solid var(--jdc-linnen);border-radius:var(--jdc-radius-sm);cursor:pointer;display:flex;gap:10px;padding:10px 14px;transition:var(--jdc-transition)}.jdc-radio--selected,.jdc-radio:hover{border-color:var(--jdc-eucalyptus)}.jdc-radio--selected{background:rgba(107,143,113,.08)}.jdc-radio__input{height:0;opacity:0;position:absolute;width:0}.jdc-radio__dot{border:2px solid var(--jdc-linnen);border-radius:50%;flex-shrink:0;height:18px;position:relative;transition:var(--jdc-transition);width:18px}.jdc-radio--selected .jdc-radio__dot{border-color:var(--jdc-eucalyptus)}.jdc-radio--selected .jdc-radio__dot:after{background:var(--jdc-eucalyptus);border-radius:50%;content:"";height:8px;left:3px;position:absolute;top:3px;width:8px}.jdc-radio__label{flex:1;font-size:.85rem;font-weight:500}.jdc-radio__price{color:var(--jdc-eucalyptus);flex-shrink:0;font-size:.75rem;font-weight:700}.jdc-option__extra{color:var(--jdc-eucalyptus);display:block;font-size:.65rem;font-weight:600;margin-top:4px}.jdc-option__extra-note{color:var(--jdc-tekst-licht);display:block;font-size:.6rem;font-weight:400}.jdc-optgroups{display:flex;flex-direction:column;gap:24px}.jdc-optgroup__title{font-family:var(--jdc-font-heading);font-size:1rem;font-weight:600;margin:0 0 10px}.jdc-optgroup__choices{display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.jdc-price{background:var(--jdc-surface);border:1px solid var(--jdc-linnen);border-radius:var(--jdc-radius);bottom:0;margin-top:20px;padding:14px;position:sticky;text-align:center}.jdc-price__label{color:var(--jdc-tekst-licht);font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.jdc-price__amount{color:var(--jdc-eucalyptus);font-family:var(--jdc-font-heading);font-size:1.75rem;font-weight:800;line-height:1.2}.jdc-price__vat{color:var(--jdc-tekst-licht);font-size:.7rem}.jdc-summary__table{border-collapse:collapse;margin-bottom:20px;width:100%}.jdc-summary__row{border-bottom:1px solid var(--jdc-linnen)}.jdc-summary__label{color:var(--jdc-tekst-licht);font-size:.75rem;font-weight:600;padding:10px 0;vertical-align:middle;width:90px}.jdc-summary__value{font-size:.85rem;font-weight:600;padding:10px 8px;vertical-align:middle}.jdc-summary__color-dot{border:1px solid var(--jdc-linnen);border-radius:50%;display:inline-block;height:14px;margin-right:6px;vertical-align:middle;width:14px}.jdc-summary__edit{padding:10px 0;text-align:right;vertical-align:middle}.jdc-summary__edit-btn{background:none;border:none;border-radius:4px;color:var(--jdc-eucalyptus);cursor:pointer;padding:4px;transition:var(--jdc-transition)}.jdc-summary__edit-btn:hover{background:rgba(107,143,113,.1)}.jdc-summary__total{background:var(--jdc-surface);border-radius:var(--jdc-radius);margin-bottom:16px;padding:20px;text-align:center}.jdc-summary__total-label{color:var(--jdc-tekst-licht);display:block;font-size:.8rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.jdc-summary__total-amount{color:var(--jdc-eucalyptus);display:block;font-family:var(--jdc-font-heading);font-size:2rem;font-weight:800}.jdc-summary__total-vat{color:var(--jdc-tekst-licht);display:block;font-size:.75rem}.jdc-summary__actions{margin-bottom:16px}.jdc-summary__trust{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.jdc-summary__trust-item{color:var(--jdc-eucalyptus-donker);font-size:.75rem;font-weight:600}.jdc-summary__trust-item:before{content:"\2713 "}.jdc__footer{border-top:1px solid var(--jdc-linnen);display:flex;justify-content:space-between;padding:16px 20px}.jdc__btn{align-items:center;border:none;border-radius:var(--jdc-radius-sm);cursor:pointer;display:inline-flex;font-family:var(--jdc-font);font-size:.9rem;font-weight:700;gap:8px;padding:12px 24px;transition:var(--jdc-transition)}.jdc__btn--back{background:transparent;border:2px solid var(--jdc-linnen);color:var(--jdc-tekst-licht)}.jdc__btn--back:hover{border-color:var(--jdc-antraciet);color:var(--jdc-antraciet)}.jdc__btn--next{background:var(--jdc-eucalyptus);color:#fff;margin-left:auto}.jdc__btn--next:hover{background:var(--jdc-eucalyptus-donker);box-shadow:var(--jdc-shadow);}.jdc__btn--next:disabled{background:var(--jdc-linnen);box-shadow:none;color:var(--jdc-tekst-licht);cursor:not-allowed;transform:none}.jdc__btn--cart{background:var(--jdc-eucalyptus);color:#fff;font-size:1rem;justify-content:center;padding:16px 24px;width:100%}.jdc__btn--cart:hover{background:var(--jdc-eucalyptus-donker);box-shadow:var(--jdc-shadow);}.jdc__btn-arrow{font-size:1.1em}@container jdc (min-width: 500px){.jdc__header{padding:28px 32px 0}.jdc__body{padding:28px 32px}.jdc__footer{padding:20px 32px}.jdc-progress__btn{padding:10px 8px}.jdc-progress__number{font-size:.8rem;height:32px;width:32px}.jdc-progress__label{font-size:.7rem}.jdc-progress__connector{width:20px}.jdc-dims{gap:24px}.jdc-dims__box{height:100px;width:120px}.jdc-dims__visual{padding-bottom:28px;padding-left:34px}.jdc-dims__arrow-v{bottom:28px;left:6px}.jdc-dims__arrow-label-v{font-size:.7rem}.jdc-dims__arrow-h{bottom:4px;left:34px}.jdc-dims__arrow-label-h{font-size:.7rem}.jdc-colors{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.jdc-options--control-grid{grid-template-columns:repeat(4,1fr)}.jdc-optgroup__choices{grid-template-columns:repeat(3,1fr)}.jdc-ladderband__widths{grid-template-columns:repeat(4,1fr)}.jdc-colors--small{grid-template-columns:repeat(auto-fill,minmax(70px,1fr))}.jdc-bracket-colors{gap:12px}.jdc-price{align-items:center;display:flex;gap:12px;justify-content:center;text-align:left}.jdc-price__amount{font-size:1.5rem}}@media (prefers-reduced-motion:reduce){.jdc *,.jdc :after,.jdc :before{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Color swatch hover zoom */
.jdc-color__swatch-zoom{border-radius:var(--jdc-radius-sm);box-shadow:var(--jdc-shadow-lg);height:72px;left:50%;opacity:0;pointer-events:none;position:absolute;top:-80px;transform:translateX(-50%) scale(.85);transition:opacity .2s ease,transform .2s ease;width:72px;z-index:10}.jdc-color:hover .jdc-color__swatch-zoom{opacity:1;transform:translateX(-50%) scale(1)}.jdc-color__swatch-zoom::after{border:6px solid transparent;border-top-color:inherit;bottom:-11px;content:"";left:50%;position:absolute;transform:translateX(-50%)}

/* Product card special editions */
.jdc-product-card--special{}.jdc-product-card__badge{display:block;font-family:var(--jdc-font-heading);font-size:.8rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#6b8f71;margin-top:2px}
/* Info button */
.jdc-info-btn{display:inline-flex;align-items:center;gap:6px;background:none;border:1px solid #ccc;border-radius:20px;padding:4px 12px 4px 8px;font-size:12px;color:#666;cursor:pointer;transition:.2s;margin-top:8px;margin-bottom:4px}
.jdc-info-btn:hover{border-color:#6b8f71;color:#6b8f71;background:rgba(107,143,113,.06)}
.jdc-info-btn__icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:#6b8f71;color:#fff;font-weight:700;font-size:12px;font-style:italic;font-family:Georgia,serif;flex-shrink:0}
/* Info modal overlay */
.jdc-info-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.45);z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;animation:jdcFadeIn .2s ease forwards}
@keyframes jdcFadeIn{to{opacity:1}}
.jdc-info-modal{background:#fff;border-radius:14px;max-width:560px;width:92%;max-height:85vh;overflow-y:auto;box-shadow:0 20px 60px rgba(0,0,0,.3);padding:28px 32px}
.jdc-info-modal__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}
.jdc-info-modal__title{font-size:18px;font-weight:700;color:#333}
.jdc-info-modal__close{background:none;border:none;font-size:22px;color:#999;cursor:pointer;padding:4px 8px;border-radius:6px;transition:.15s}.jdc-info-modal__close:hover{background:#f0f0f0;color:#333}
.jdc-info-modal__item{margin-bottom:18px;padding-bottom:16px;border-bottom:1px solid #f0f0f0}
.jdc-info-modal__item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}
.jdc-info-modal__label{font-weight:700;font-size:14px;color:#6b8f71;text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px}
.jdc-info-modal__desc{font-size:13px;color:#555;line-height:1.55}

/* CFB-style image + color circles layout */
.cfb-picker{display:flex;gap:24px;align-items:flex-start;flex-wrap:wrap;margin:12px 0 20px}
.cfb-picker__img{flex:0 0 220px;text-align:center;background:#f5f3ef;border-radius:10px;padding:16px;border:1px solid #eee;overflow:visible;position:relative}
.cfb-picker__img img{max-width:100%;height:auto;border-radius:6px;position:relative;z-index:1;cursor:zoom-in}
.cfb-picker__img img:hover{z-index:1}
.cfb-picker__caption{font-size:11px;color:#888;margin-top:8px;font-weight:500}
.cfb-picker__options{flex:1;min-width:200px}
.cfb-picker__label{font-size:13px;font-weight:600;color:#555;margin-bottom:10px;display:block}
.cfb-circles{display:flex;flex-wrap:wrap;gap:12px}
.cfb-circle{display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;padding:6px 8px;border:2px solid transparent;border-radius:8px;transition:.2s ease;background:none;font-family:inherit}
.cfb-circle:hover{border-color:#6b8f71;background:#f5f3ef}
.cfb-circle--selected{border-color:#6b8f71;background:rgba(232,119,34,.06)}
.cfb-circle__dot{width:44px;height:44px;border-radius:50%;border:2px solid #ddd;box-shadow:inset 0 1px 3px rgba(0,0,0,.1);transition:.2s ease}
.cfb-circle--selected .cfb-circle__dot{border-color:#6b8f71;box-shadow:0 0 0 3px rgba(232,119,34,.2)}
.cfb-circle__name{font-size:11px;font-weight:600;color:#333}
.cfb-circle__price{font-size:10px;color:#6b8f71;font-weight:600}
.cfb-circle__check{color:#6b8f71;margin-top:-2px}
@media(max-width:600px){.cfb-picker{flex-direction:column}.cfb-picker__img{flex:0 0 auto;width:100%}}

/* Visibility control for steps 1-3 vs 4-9 */
/* render() handles visibility via inline styles */


/* ==============================
   BRIDGE CSS: Legacy steps inside JDC layout
   Harmonises steps 4-9 (old orange theme) with JDC green theme
   ============================== */
.jdc-step--legacy{font-family:var(--jdc-font);color:var(--jdc-antraciet)}
.jdc-step--legacy .card{background:transparent;box-shadow:none;border-radius:0;padding:0;margin-bottom:0}
.jdc-step--legacy .card h2{font-family:var(--jdc-font-heading);font-size:clamp(1.1rem,3.5vw,1.4rem);font-weight:600;color:var(--jdc-antraciet);margin-bottom:6px}
.jdc-step--legacy .card h3{font-family:var(--jdc-font-heading);font-size:1rem;font-weight:600;color:var(--jdc-antraciet);margin:20px 0 10px}
.jdc-step--legacy .option-card{border-color:var(--jdc-linnen);border-radius:var(--jdc-radius-sm);background:var(--jdc-surface);transition:var(--jdc-transition)}
.jdc-step--legacy .option-card:hover{border-color:var(--jdc-eucalyptus);box-shadow:var(--jdc-shadow);}
.jdc-step--legacy .option-card.selected{border-color:var(--jdc-eucalyptus);background:rgba(107,143,113,.08);box-shadow:0 0 0 3px rgba(107,143,113,.15)}
.jdc-step--legacy .option-card .name{font-size:.8rem;font-weight:600}
.jdc-step--legacy .option-card .desc{font-size:.7rem;color:var(--jdc-tekst-licht)}
.jdc-step--legacy .option-card .price-tag{color:var(--jdc-eucalyptus);font-size:.7rem;font-weight:700}
.jdc-step--legacy .option-card img{border-radius:var(--jdc-radius-sm);background:var(--jdc-surface)}
.jdc-step--legacy .option-card.zoomable:hover img{z-index:1}
.jdc-step--legacy .grid{gap:10px}
.jdc-step--legacy .sub-section{background:var(--jdc-surface);border:1px solid var(--jdc-linnen);border-radius:var(--jdc-radius);padding:20px;margin-top:20px}
.jdc-step--legacy .cfb-circle--selected{border-color:var(--jdc-eucalyptus);background:rgba(107,143,113,.06)}
.jdc-step--legacy .cfb-circle--selected .cfb-circle__dot{border-color:var(--jdc-eucalyptus);box-shadow:0 0 0 3px rgba(107,143,113,.2)}
.jdc-step--legacy .cfb-circle:hover{border-color:var(--jdc-eucalyptus);background:var(--jdc-surface)}
.jdc-step--legacy .cfb-circle__price{color:var(--jdc-eucalyptus)}
.jdc-step--legacy .cfb-circle__check{color:var(--jdc-eucalyptus)}
.jdc-step--legacy .cfb-picker__img{background:var(--jdc-surface);border-color:var(--jdc-linnen)}
.jdc-step--legacy .color-item.selected .swatch{border-color:var(--jdc-eucalyptus);box-shadow:0 0 0 3px rgba(107,143,113,.2)}
.jdc-step--legacy .color-item.selected .clabel{color:var(--jdc-eucalyptus);font-weight:600}
.jdc-step--legacy .color-swatch.selected{border-color:var(--jdc-eucalyptus);box-shadow:0 0 0 3px rgba(107,143,113,.2)}
.jdc-step--legacy .selected-color-bar{background:rgba(107,143,113,.06);border-color:var(--jdc-eucalyptus)}
.jdc-step--legacy .selected-color-bar .txt strong{color:var(--jdc-eucalyptus)}
.jdc-step--legacy .dim-row input[type=number]:focus{border-color:var(--jdc-eucalyptus);box-shadow:0 0 0 3px rgba(107,143,113,.15)}
.jdc-step--legacy .dim-row input[type=range]{background:linear-gradient(90deg,var(--jdc-eucalyptus) var(--pct,50%),#e0e0e0 var(--pct,50%))}
.jdc-step--legacy .dim-row input[type=range]::-webkit-slider-thumb{background:var(--jdc-eucalyptus);box-shadow:0 2px 6px rgba(107,143,113,.3)}
.jdc-step--legacy .dim-row input[type=range]::-moz-range-thumb{background:var(--jdc-eucalyptus)}
.jdc-step--legacy .dim-arrow{color:var(--jdc-eucalyptus)}
.jdc-step--legacy .dim-arrow-h::before,.jdc-step--legacy .dim-arrow-h::after{background:var(--jdc-eucalyptus)}
.jdc-step--legacy .dim-arrow-v::before,.jdc-step--legacy .dim-arrow-v::after{background:var(--jdc-eucalyptus)}
.jdc-step--legacy .live-price-box{border-color:var(--jdc-eucalyptus);background:rgba(107,143,113,.04)}
.jdc-step--legacy .live-price-box .amount{color:var(--jdc-eucalyptus)}
.jdc-step--legacy .btn-primary{background:var(--jdc-eucalyptus);color:#fff}
.jdc-step--legacy .btn-primary:hover{background:var(--jdc-eucalyptus-donker)}
.jdc-step--legacy .btn-secondary{color:var(--jdc-eucalyptus);border-color:var(--jdc-eucalyptus)}
.jdc-step--legacy .btn-secondary:hover{background:rgba(107,143,113,.06)}
.jdc-step--legacy select:focus{border-color:var(--jdc-eucalyptus)}
.jdc-step--legacy .nav-buttons{display:none!important}
.jdc-step--legacy .summary-table td:first-child{color:var(--jdc-tekst-licht);font-size:.8rem}
.jdc-step--legacy .summary-table td{font-size:.85rem;padding:10px 8px}
.jdc-step--legacy .warning-box{border-radius:var(--jdc-radius-sm)}
.jdc-step--legacy input[type=checkbox]{accent-color:var(--jdc-eucalyptus)!important}
.jdc-step--legacy .info-box{border-radius:var(--jdc-radius-sm)}
.jdc-step--legacy .bracket-preview{background:var(--jdc-surface);border-radius:var(--jdc-radius-sm)}
.jdc-step--legacy .dyn-img-preview{background:var(--jdc-surface);border-color:var(--jdc-linnen);border-radius:var(--jdc-radius)}


@media(max-width:768px){
  .grid-2{grid-template-columns:1fr}
  .grid-3{grid-template-columns:repeat(2,1fr)}
  .header h1{font-size:18px}
  .price-footer .amount{font-size:22px}
  .blind-preview-wrap{margin-right:50px}
}



/* === MOBILE-FIRST OVERRIDES v2.0 === */
.jdc-colors{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:10px 8px!important;padding:12px 4px!important;justify-items:center!important}.jdc-color{display:flex!important;flex-direction:column!important;align-items:center!important;width:100%!important;max-width:72px!important;cursor:pointer!important;padding:4px!important;box-sizing:border-box!important}.jdc-color__swatch{width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;border-radius:50%!important;box-shadow:0 1px 4px rgba(0,0,0,.1)!important}.jdc-color__name{font-size:10px!important;margin-top:4px!important;text-align:center!important;word-break:break-word!important;line-height:1.2!important}.jdc-ladderband__colors{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:10px 8px!important;padding:12px 4px!important;justify-items:center!important}.price-footer{display:flex!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important;z-index:9999!important;background:#fff!important;box-shadow:0 -2px 10px rgba(0,0,0,.15)!important;padding:10px 16px!important;justify-content:space-between!important;align-items:center!important}.price-footer .price{font-size:18px!important;font-weight:700!important;color:#333!important}.zoom-overlay{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;z-index:10000!important;background:rgba(0,0,0,.85)!important;display:flex!important;align-items:center!important;justify-content:center!important}.zoom-overlay img{max-width:90vw!important;max-height:80vh!important;object-fit:contain!important;border-radius:8px!important}.configurator-wrapper{padding-bottom:70px!important}@media(min-width:769px){.color-grid{grid-template-columns:repeat(6,1fr)!important;gap:14px 12px!important}.color-item{max-width:90px!important}.color-item .swatch{width:60px!important;height:60px!important;min-width:60px!important;min-height:60px!important}.color-swatch{width:60px!important;height:60px!important;min-width:60px!important;min-height:60px!important}.jdc-colors{grid-template-columns:repeat(6,1fr)!important;gap:14px 12px!important}.jdc-color{max-width:90px!important}.jdc-color__swatch{width:60px!important;height:60px!important;min-width:60px!important;min-height:60px!important}.jdc-ladderband__colors{grid-template-columns:repeat(6,1fr)!important;gap:14px 12px!important}.price-footer{position:sticky!important;border-radius:8px!important;margin:16px 0!important;box-shadow:0 2px 8px rgba(0,0,0,.1)!important}}