DURA Arm Configurator<\/title>\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap');\r\n*{box-sizing:border-box;margin:0;padding:0;}\r\nbody{font-family:'Inter',sans-serif;background:#f2f2f0;color:#1a1a1a;padding-bottom:100px;}\r\n\r\n\/* HEADER *\/\r\n.header{background:#111;padding:16px 16px 14px;position:sticky;top:0;z-index:50;}\r\n.header-logo{color:#fff;font-size:15px;font-weight:800;letter-spacing:-.01em;}\r\n.header-logo span{color:#ED232E;}\r\n.header-sub{color:#888;font-size:11px;margin-top:2px;}\r\n\r\n\/* PROGRESS *\/\r\n.progress-bar{display:flex;background:#fff;border-bottom:1px solid #eee;padding:0;}\r\n.prog-step{flex:1;padding:10px 4px;text-align:center;font-size:10px;font-weight:600;color:#bbb;border-bottom:2px solid transparent;transition:all .2s;}\r\n.prog-step.active{color:#ED232E;border-bottom-color:#ED232E;}\r\n.prog-step.done{color:#555;border-bottom-color:#ccc;}\r\n\r\n\/* USE CASE *\/\r\n.section{padding:14px 14px 0;}\r\n.section-label{font-size:10px;font-weight:700;color:#ED232E;letter-spacing:.09em;text-transform:uppercase;margin-bottom:10px;}\r\n.section-title{font-size:16px;font-weight:700;color:#111;margin-bottom:12px;}\r\n.uc-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:4px;}\r\n.uc{border:1.5px solid #e5e5e5;border-radius:10px;padding:12px 8px;cursor:pointer;background:#fff;text-align:center;transition:all .15s;}\r\n.uc.active{border-color:#ED232E;background:#fff5f5;}\r\n.uc-icon{font-size:22px;margin-bottom:6px;}\r\n.uc-label{font-size:11px;font-weight:600;color:#222;line-height:1.3;}\r\n.uc-badge{display:inline-block;background:#ED232E;color:#fff;font-size:8px;font-weight:700;padding:2px 5px;border-radius:3px;margin-top:5px;letter-spacing:.04em;text-transform:uppercase;}\r\n\r\n\/* STEP PANELS *\/\r\n.step-panel{display:none;padding:14px;}\r\n.step-panel.active{display:block;}\r\n\r\n.panel{background:#fff;border:1px solid #e8e8e8;border-radius:12px;padding:14px;}\r\n\r\n\/* BALL GROUP *\/\r\n.ball-group-label{font-size:9px;font-weight:700;color:#444;letter-spacing:.05em;text-transform:uppercase;padding:4px 8px;background:#f4f4f4;border-radius:5px;margin-bottom:8px;border-left:3px solid #ED232E;line-height:1.4;}\r\n.ball-groups{display:flex;flex-direction:column;gap:12px;}\r\n\r\n\/* OPT CARDS *\/\r\n.opts-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;}\r\n.opts-grid.three{grid-template-columns:1fr 1fr 1fr;}\r\n.opt{border:1.5px solid #e8e8e8;border-radius:10px;padding:10px 6px 8px;cursor:pointer;text-align:center;background:#fafafa;transition:all .12s;user-select:none;display:flex;flex-direction:column;align-items:center;position:relative;}\r\n.opt.selected{border-color:#ED232E;background:#fff5f5;}\r\n.opt.suggested{box-shadow:0 0 0 2px #ED232E55;}\r\n.opt.disabled{opacity:.22;pointer-events:none;}\r\n.thumb{height:54px;width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;}\r\n.thumb img{width:100%;height:100%;object-fit:contain;}\r\n.opt-name{font-size:10px;font-weight:600;color:#222;line-height:1.3;margin-top:5px;}\r\n.opt-sub{font-size:9px;color:#999;margin-top:1px;}\r\n.compat-note{font-size:9px;color:#ED232E;font-weight:600;margin-top:2px;}\r\n\r\n\/* INFO *\/\r\n.info-btn{width:16px;height:16px;border-radius:50%;background:#ececec;color:#666;font-size:8px;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;margin-top:5px;border:none;flex-shrink:0;}\r\n.info-btn:active{background:#ED232E;color:#fff;}\r\n.tip-wrap{position:relative;}\r\n.tooltip{display:none;position:fixed;left:16px;right:16px;bottom:110px;background:#111;color:#fff;font-size:11px;line-height:1.55;padding:12px 14px;border-radius:10px;z-index:200;box-shadow:0 8px 24px rgba(0,0,0,.35);text-align:left;}\r\n.tooltip.visible{display:block;}\r\n\r\n\/* WARN *\/\r\n.warn{display:none;background:#fff5f5;border:1px solid #fcc;border-radius:8px;padding:8px 10px;font-size:11px;color:#c0392b;margin-bottom:10px;font-weight:500;}\r\n\r\n\/* PREVIEW SUMMARY *\/\r\n.preview-section{padding:14px;}\r\n.preview-strip{background:#fff;border:1px solid #e8e8e8;border-radius:12px;overflow:hidden;}\r\n.preview-img-wrap{background:#f8f8f8;border-bottom:1px solid #eee;padding:14px;display:flex;justify-content:center;}\r\n#preview-canvas{width:160px;}\r\n#preview-canvas img{display:block;width:100%;height:auto;position:relative;}\r\n.summary-body{padding:12px 14px;}\r\n.summary-row{display:flex;justify-content:space-between;align-items:baseline;padding:5px 0;border-bottom:1px solid #f5f5f5;font-size:12px;}\r\n.summary-row:last-child{border-bottom:none;}\r\n.summary-row .label{color:#888;font-weight:500;}\r\n.summary-row .val{color:#111;font-weight:600;text-align:right;max-width:60%;}\r\n.sku-row{padding:10px 14px;background:#111;display:flex;align-items:center;justify-content:space-between;}\r\n.sku{color:#fff;font-family:'Courier New',monospace;font-size:11px;font-weight:700;letter-spacing:.03em;}\r\n\r\n\/* NAV BUTTONS *\/\r\n.nav-bar{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #eee;padding:10px 14px;display:flex;gap:8px;z-index:100;}\r\n.btn-back{flex:1;padding:12px;border-radius:10px;border:1.5px solid #ccc;background:#f2f2f0;font-size:13px;font-weight:600;color:#333;cursor:pointer;}\r\n.btn-next{flex:2;padding:12px;border-radius:10px;border:none;background:#ED232E;color:#fff;font-size:13px;font-weight:700;cursor:pointer;}\r\n.btn-next:disabled{background:#ccc;}\r\n.btn-quote{flex:1;padding:12px;border-radius:10px;border:none;background:#ED232E;color:#fff;font-size:13px;font-weight:700;cursor:pointer;text-align:center;text-decoration:none;display:flex;align-items:center;justify-content:center;}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"header\">\r\n <div class=\"header-logo\">dura<span>tis<\/span><\/div>\r\n <div class=\"header-sub\">DURA Arm System Configurator<\/div>\r\n<\/div>\r\n\r\n<div class=\"progress-bar\">\r\n <div class=\"prog-step active\" id=\"prog-0\">Surface<\/div>\r\n <div class=\"prog-step\" id=\"prog-1\">Attachment<\/div>\r\n <div class=\"prog-step\" id=\"prog-2\">Arm<\/div>\r\n <div class=\"prog-step\" id=\"prog-3\">Head<\/div>\r\n <div class=\"prog-step\" id=\"prog-4\">Summary<\/div>\r\n<\/div>\r\n\r\n\r\n<div class=\"step-panel active\" id=\"step-0\">\r\n <div class=\"section\" style=\"padding-top:18px;\">\r\n <div class=\"section-label\">Step 1 of 4<\/div>\r\n <div class=\"section-title\">Where are you mounting?<\/div>\r\n <div class=\"uc-grid\">\r\n <div class=\"uc\" data-suggest=\"A5\" onclick=\"selectUseCase(this,'A5')\">\r\n <div class=\"uc-icon\">\ud83e\ude9f<\/div>\r\n <div class=\"uc-label\">Glass \/ Plexiglass<\/div>\r\n <div class=\"uc-badge\">Suction cup<\/div>\r\n <\/div>\r\n <div class=\"uc\" data-suggest=\"A6\" onclick=\"selectUseCase(this,'A6')\">\r\n <div class=\"uc-icon\">\ud83d\ude97<\/div>\r\n <div class=\"uc-label\">Dashboard \/ Textured<\/div>\r\n <div class=\"uc-badge\">Suction + adhesive<\/div>\r\n <\/div>\r\n <div class=\"uc\" data-suggest=\"A2\" onclick=\"selectUseCase(this,'A2,A4')\">\r\n <div class=\"uc-icon\">\ud83e\uddf1<\/div>\r\n <div class=\"uc-label\">Wall \/ Flat surface<\/div>\r\n <div class=\"uc-badge\">Adapter or rail<\/div>\r\n <\/div>\r\n <div class=\"uc\" data-suggest=\"A3\" onclick=\"selectUseCase(this,'A3')\">\r\n <div class=\"uc-icon\">\ud83c\udfd7\ufe0f<\/div>\r\n <div class=\"uc-label\">Post \/ Frame \/ Rail<\/div>\r\n <div class=\"uc-badge\">Post clamp<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n\r\n<div class=\"step-panel\" id=\"step-1\">\r\n <div class=\"panel\">\r\n <div class=\"section-label\">Step A \u2014 Attachment<\/div>\r\n <div class=\"section-title\" style=\"margin-bottom:12px;\">Choose attachment<\/div>\r\n <div class=\"opts-grid three\" id=\"opts-attach\">\r\n\r\n <div class=\"opt selected\" data-val=\"A2\" data-compat=\"all\" onclick=\"pick('attach',this)\">\r\n <div class=\"thumb\"><img decoding=\"async\" src=\"https:\/\/duratis.com\/wp-content\/uploads\/komponenty-dura-arms\/A2min.png\" alt=\"A2\"\/><\/div>\r\n <div class=\"opt-name\">Steel adapter<\/div><div class=\"opt-sub\">Standard<\/div>\r\n <div class=\"tip-wrap\"><button class=\"info-btn\" onclick=\"toggleTip(event,'tip-A2')\">i<\/button><div class=\"tooltip\" id=\"tip-A2\"><b>Steel Surface Adapter<\/b><br>Mounts to walls, forklift frames, dashboards. Rigid and reliable for heavy workloads.<br>\u2713 1\" or 1.5\" ball<\/div><\/div>\r\n <\/div>\r\n\r\n <div class=\"opt\" data-val=\"A3\" data-compat=\"1inch\" onclick=\"pick('attach',this)\">\r\n <div class=\"thumb\"><img decoding=\"async\" src=\"https:\/\/duratis.com\/wp-content\/uploads\/komponenty-dura-arms\/A3min.png\" alt=\"A3\"\/><\/div>\r\n <div class=\"opt-name\">Post clamp<\/div><div class=\"opt-sub\">Round posts<\/div><div class=\"compat-note\">1\" only<\/div>\r\n <div class=\"tip-wrap\"><button class=\"info-btn\" onclick=\"toggleTip(event,'tip-A3')\">i<\/button><div class=\"tooltip\" id=\"tip-A3\"><b>Clamp for Posts<\/b><br>Attaches to posts, pipes, and profiles. Adjustable grip, no surface damage.<br>\u2713 1\" ball only<\/div><\/div>\r\n <\/div>\r\n\r\n <div class=\"opt\" data-val=\"A4\" data-compat=\"all\" onclick=\"pick('attach',this)\">\r\n <div class=\"thumb\"><img decoding=\"async\" src=\"https:\/\/duratis.com\/wp-content\/uploads\/komponenty-dura-arms\/A4min.png\" alt=\"A4\"\/><\/div>\r\n <div class=\"opt-name\">Mounting rail<\/div><div class=\"opt-sub\">Adjustable<\/div>\r\n <div class=\"tip-wrap\"><button class=\"info-btn\" onclick=\"toggleTip(event,'tip-A4')\">i<\/button><div class=\"tooltip\" id=\"tip-A4\"><b>Mounting Rail<\/b><br>Slide and reposition without tools. For dynamic workspaces.<br>\u2713 1\" or 1.5\" ball<\/div><\/div>\r\n <\/div>\r\n\r\n <div class=\"opt\" data-val=\"A5\" data-compat=\"1inch\" onclick=\"pick('attach',this)\">\r\n <div class=\"thumb\"><img decoding=\"async\" src=\"https:\/\/duratis.com\/wp-content\/uploads\/komponenty-dura-arms\/A5min.png\" alt=\"A5\"\/><\/div>\r\n <div class=\"opt-name\">Suction cup<\/div><div class=\"opt-sub\">Glass \/ Plexi<\/div><div class=\"compat-note\">1\" only<\/div>\r\n <div class=\"tip-wrap\"><button class=\"info-btn\" onclick=\"toggleTip(event,'tip-A5')\">i<\/button><div class=\"tooltip\" id=\"tip-A5\"><b>Suction Cup<\/b><br>For glass, plexiglass, smooth surfaces. Easy to detach and relocate.<br>\u2713 1\" ball only<\/div><\/div>\r\n <\/div>\r\n\r\n <div class=\"opt\" data-val=\"A6\" data-compat=\"1inch\" onclick=\"pick('attach',this)\">\r\n <div class=\"thumb\"><img decoding=\"async\" src=\"https:\/\/duratis.com\/wp-content\/uploads\/komponenty-dura-arms\/A6min.png\" alt=\"A6\"\/><\/div>\r\n <div class=\"opt-name\">Suction+adhesive<\/div><div class=\"opt-sub\">Textured<\/div><div class=\"compat-note\">1\" only<\/div>\r\n <div class=\"tip-wrap\"><button class=\"info-btn\" onclick=\"toggleTip(event,'tip-A6')\">i<\/button><div class=\"tooltip\" id=\"tip-A6\"><b>Suction + Adhesive<\/b><br>Works on textured surfaces like dashboards where standard cups won't hold.<br>\u2713 1\" ball only<\/div><\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n\r\n<div class=\"step-panel\" id=\"step-2\">\r\n <div class=\"panel\">\r\n <div class=\"section-label\">Step B \u2014 Arm<\/div>\r\n <div class=\"section-title\" style=\"margin-bottom:12px;\">Choose arm<\/div>\r\n <div class=\"warn\" id=\"compat-warn\">\u26a0 Only 1\" ball arms compatible with this attachment.<\/div>\r\n <div class=\"ball-groups\">\r\n <div>\r\n <div class=\"ball-group-label\">1\" Ball System \u2014 light & compact<\/div>\r\n <div class=\"opts-grid\">\r\n <div class=\"opt selected\" data-val=\"B1\" data-ball=\"1inch\" onclick=\"pick('arm',this)\">\r\n <div class=\"thumb\"><img decoding=\"async\" src=\"https:\/\/duratis.com\/wp-content\/uploads\/komponenty-dura-arms\/B1min.png\" alt=\"B1\"\/><\/div>\r\n <div class=\"opt-name\">60 mm<\/div><div class=\"opt-sub\">1\" ball<\/div>\r\n <div class=\"tip-wrap\"><button class=\"info-btn\" onclick=\"toggleTip(event,'tip-B1')\">i<\/button><div class=\"tooltip\" id=\"tip-B1\"><b>60 mm<\/b><br>Ultra-compact. Keeps device close to the mounting point.<\/div><\/div>\r\n <\/div>\r\n <div class=\"opt\" data-val=\"B2\" data-ball=\"1inch\" onclick=\"pick('arm',this)\">\r\n <div class=\"thumb\"><img decoding=\"async\" src=\"https:\/\/duratis.com\/wp-content\/uploads\/komponenty-dura-arms\/B2min.png\" alt=\"B2\"\/><\/div>\r\n <div class=\"opt-name\">120 mm<\/div><div class=\"opt-sub\">1\" ball<\/div>\r\n <div class=\"tip-wrap\"><button class=\"info-btn\" onclick=\"toggleTip(event,'tip-B2')\">i<\/button><div class=\"tooltip\" id=\"tip-B2\"><b>120 mm<\/b><br>Lightweight reach. Ideal for retail and field operations.<\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div>\r\n <div class=\"ball-group-label\">1.5\" Ball System \u2014 heavy-duty \u00b7 for devices over 400 g<\/div>\r\n <div class=\"opts-grid\">\r\n <div class=\"opt\" data-val=\"B3\" data-ball=\"1.5inch\" onclick=\"pick('arm',this)\">\r\n <div class=\"thumb\"><img decoding=\"async\" src=\"https:\/\/duratis.com\/wp-content\/uploads\/komponenty-dura-arms\/B3min.png\" alt=\"B3\"\/><\/div>\r\n <div class=\"opt-name\">100 mm<\/div><div class=\"opt-sub\">1.5\" ball<\/div>\r\n <div class=\"tip-wrap\"><button class=\"info-btn\" onclick=\"toggleTip(event,'tip-B3')\">i<\/button><div class=\"tooltip\" id=\"tip-B3\"><b>100 mm<\/b><br>Heavy-duty compact. For devices over 400 g.<\/div><\/div>\r\n <\/div>\r\n <div class=\"opt\" data-val=\"B4\" data-ball=\"1.5inch\" onclick=\"pick('arm',this)\">\r\n <div class=\"thumb\"><img decoding=\"async\" src=\"https:\/\/duratis.com\/wp-content\/uploads\/komponenty-dura-arms\/B4min.png\" alt=\"B4\"\/><\/div>\r\n <div class=\"opt-name\">170 mm<\/div><div class=\"opt-sub\">1.5\" ball<\/div>\r\n <div class=\"tip-wrap\"><button class=\"info-btn\" onclick=\"toggleTip(event,'tip-B4')\">i<\/button><div class=\"tooltip\" id=\"tip-B4\"><b>170 mm<\/b><br>Maximum reach and strength for heavy industrial devices.<\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n\r\n<div class=\"step-panel\" id=\"step-3\">\r\n <div class=\"panel\">\r\n <div class=\"section-label\">Step C \u2014 Head<\/div>\r\n <div class=\"section-title\" style=\"margin-bottom:12px;\">Choose head<\/div>\r\n <div class=\"opts-grid\" id=\"opts-head\">\r\n <div class=\"opt selected\" data-val=\"C2\" onclick=\"pick('head',this)\">\r\n <div class=\"thumb\"><img decoding=\"async\" src=\"https:\/\/duratis.com\/wp-content\/uploads\/komponenty-dura-arms\/C2min.png\" alt=\"C2\"\/><\/div>\r\n <div class=\"opt-name\">Data Capture M<\/div><div class=\"opt-sub\">80\u00d758 mm<\/div>\r\n <div class=\"tip-wrap\"><button class=\"info-btn\" onclick=\"toggleTip(event,'tip-C2')\">i<\/button><div class=\"tooltip\" id=\"tip-C2\"><b>Data Capture M<\/b><br>80\u00d758 mm. For larger handheld scanners. Industrial-grade stability.<\/div><\/div>\r\n <\/div>\r\n <div class=\"opt\" data-val=\"C3\" onclick=\"pick('head',this)\">\r\n <div class=\"thumb\"><img decoding=\"async\" src=\"https:\/\/duratis.com\/wp-content\/uploads\/komponenty-dura-arms\/C3min.png\" alt=\"C3\"\/><\/div>\r\n <div class=\"opt-name\">Data Capture L<\/div><div class=\"opt-sub\">95\u00d780 mm<\/div>\r\n <div class=\"tip-wrap\"><button class=\"info-btn\" onclick=\"toggleTip(event,'tip-C3')\">i<\/button><div class=\"tooltip\" id=\"tip-C3\"><b>Data Capture L<\/b><br>95\u00d780 mm. For the largest data capture devices.<\/div><\/div>\r\n <\/div>\r\n <div class=\"opt\" data-val=\"C4\" onclick=\"pick('head',this)\">\r\n <div class=\"thumb\"><img decoding=\"async\" src=\"https:\/\/duratis.com\/wp-content\/uploads\/komponenty-dura-arms\/C4min.png\" alt=\"C4\"\/><\/div>\r\n <div class=\"opt-name\">Data Capture S<\/div><div class=\"opt-sub\">86\u00d727 mm<\/div>\r\n <div class=\"tip-wrap\"><button class=\"info-btn\" onclick=\"toggleTip(event,'tip-C4')\">i<\/button><div class=\"tooltip\" id=\"tip-C4\"><b>Data Capture S<\/b><br>86\u00d727 mm. For smaller PDAs. Screen or handle-forward.<\/div><\/div>\r\n <\/div>\r\n <div class=\"opt\" data-val=\"C5\" onclick=\"pick('head',this)\">\r\n <div class=\"thumb\"><img decoding=\"async\" src=\"https:\/\/duratis.com\/wp-content\/uploads\/komponenty-dura-arms\/C5min.png\" alt=\"C5\"\/><\/div>\r\n <div class=\"opt-name\">Barcode Scanner<\/div><div class=\"opt-sub\">81\u00d741 mm<\/div>\r\n <div class=\"tip-wrap\"><button class=\"info-btn\" onclick=\"toggleTip(event,'tip-C5')\">i<\/button><div class=\"tooltip\" id=\"tip-C5\"><b>Barcode Scanner Mount<\/b><br>81\u00d741 mm. Metal fork for corded scanners. For picking stations and packing lines.<\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n\r\n<div class=\"step-panel\" id=\"step-4\">\r\n <div class=\"preview-section\">\r\n <div class=\"section-label\" style=\"margin-bottom:12px;\">Your configuration<\/div>\r\n <div class=\"preview-strip\">\r\n <div class=\"preview-img-wrap\">\r\n <div id=\"preview-canvas\"><\/div>\r\n <\/div>\r\n <div class=\"summary-body\">\r\n <div class=\"summary-row\"><span class=\"label\">Attachment<\/span><span class=\"val\" id=\"sum-attach\">\u2014<\/span><\/div>\r\n <div class=\"summary-row\"><span class=\"label\">Arm<\/span><span class=\"val\" id=\"sum-arm\">\u2014<\/span><\/div>\r\n <div class=\"summary-row\"><span class=\"label\">Head<\/span><span class=\"val\" id=\"sum-head\">\u2014<\/span><\/div>\r\n <\/div>\r\n <div class=\"sku-row\">\r\n <span class=\"sku\" id=\"sum-sku\">\u2014<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n\r\n<div class=\"nav-bar\" id=\"nav-bar\">\r\n <button class=\"btn-back\" id=\"btn-back\" onclick=\"goBack()\" style=\"display:none\">\u2190 Back<\/button>\r\n <button class=\"btn-next\" id=\"btn-next\" onclick=\"goNext()\">Next \u2192<\/button>\r\n<\/div>\r\n\r\n<script>\r\nconst BASE = 'https:\/\/duratis.com\/wp-content\/uploads\/komponenty-dura-arms\/';\r\nconst BUST = '?v='+Date.now();\r\nconst state = {attach:'A2', arm:'B1', head:'C2', usecase:null};\r\nconst aN = {A2:'Steel adapter',A3:'Post clamp',A4:'Mounting rail',A5:'Suction cup',A6:'Suction + adhesive'};\r\nconst bN = {B1:'60 mm \u00b7 1\" ball',B2:'120 mm \u00b7 1\" ball',B3:'100 mm \u00b7 1.5\" ball',B4:'170 mm \u00b7 1.5\" ball'};\r\nconst cN = {C2:'Data Capture M',C3:'Data Capture L',C4:'Data Capture S',C5:'Barcode Scanner'};\r\nlet currentStep = 0;\r\n\r\nfunction sku(){ return 'OEM_DURAARMS_'+state.attach+state.arm+'A2'+state.head; }\r\n\r\nfunction showStep(s){\r\n document.querySelectorAll('.step-panel').forEach((p,i)=>p.classList.toggle('active',i===s));\r\n document.querySelectorAll('.prog-step').forEach((p,i)=>{\r\n p.classList.remove('active','done');\r\n if(i===s) p.classList.add('active');\r\n else if(i<s) p.classList.add('done');\r\n });\r\n document.getElementById('btn-back').style.display = s>0 ? 'block' : 'none';\r\n document.getElementById('btn-next').textContent = s===4 ? '' : s===3 ? 'See summary \u2192' : 'Next \u2192';\r\n document.getElementById('btn-next').style.display = s===4 ? 'none' : 'block';\r\n if(s===4) renderSummary();\r\n document.querySelectorAll('.tooltip').forEach(t=>t.classList.remove('visible'));\r\n window.scrollTo(0,0);\r\n}\r\n\r\nfunction goNext(){\r\n if(currentStep < 4){ currentStep++; showStep(currentStep); }\r\n}\r\nfunction goBack(){\r\n if(currentStep > 0){ currentStep--; showStep(currentStep); }\r\n}\r\n\r\nfunction selectUseCase(el, suggests){\r\n document.querySelectorAll('.uc').forEach(u=>u.classList.remove('active'));\r\n el.classList.add('active');\r\n state.usecase = suggests;\r\n const keys = suggests.split(',');\r\n document.querySelectorAll('#opts-attach .opt').forEach(o=>{\r\n o.classList.remove('suggested','selected');\r\n if(keys.includes(o.dataset.val)) o.classList.add('suggested');\r\n });\r\n const first = document.querySelector('#opts-attach .opt[data-val=\"'+keys[0]+'\"]');\r\n if(first){ first.classList.add('selected'); state.attach=keys[0]; enforceCompat(); }\r\n goNext();\r\n}\r\n\r\nfunction toggleTip(e, id){\r\n e.stopPropagation();\r\n const t = document.getElementById(id);\r\n const was = t.classList.contains('visible');\r\n document.querySelectorAll('.tooltip').forEach(x=>x.classList.remove('visible'));\r\n if(!was) t.classList.add('visible');\r\n}\r\ndocument.addEventListener('click',()=>document.querySelectorAll('.tooltip').forEach(t=>t.classList.remove('visible')));\r\n\r\nfunction pick(g, el){\r\n if(el.classList.contains('disabled')) return;\r\n state[g] = el.dataset.val;\r\n const scope = g==='arm' ? document.querySelectorAll('[data-ball]') : document.querySelectorAll('#opts-'+g+' .opt');\r\n scope.forEach(o=>o.classList.remove('selected'));\r\n el.classList.add('selected');\r\n if(g==='attach') enforceCompat();\r\n}\r\n\r\nfunction enforceCompat(){\r\n const compat = document.querySelector('#opts-attach .opt.selected')?.dataset.compat||'all';\r\n document.getElementById('compat-warn').style.display = compat==='1inch'?'block':'none';\r\n document.querySelectorAll('[data-ball]').forEach(o=>{\r\n const block = compat==='1inch' && o.dataset.ball!=='1inch';\r\n o.classList.toggle('disabled',block);\r\n if(block && o.classList.contains('selected')){\r\n o.classList.remove('selected');\r\n const fb=document.querySelector('[data-ball=\"1inch\"]');\r\n if(fb){fb.classList.add('selected');state.arm=fb.dataset.val;}\r\n }\r\n });\r\n}\r\n\r\nfunction renderSummary(){\r\n const pc = document.getElementById('preview-canvas');\r\n pc.innerHTML='';\r\n const layers=[\r\n {key:state.head, z:150, mt:state.head==='C5'?'margin-top:90px;':''},\r\n {key:state.arm, z:100, mt:''},\r\n {key:state.attach,z:50, mt:''},\r\n ];\r\n layers.forEach((l,i)=>{\r\n const img=document.createElement('img');\r\n img.src=BASE+l.key+'.png'+BUST;\r\n const mt = i===0 ? '' : (l.key===state.arm ? 'margin-top:-2px;' : 'margin-top:-2px;');\r\n img.style.cssText='display:block;width:100%;height:auto;position:relative;z-index:'+l.z+';'+mt+l.mt;\r\n pc.appendChild(img);\r\n });\r\n document.getElementById('sum-attach').textContent=aN[state.attach];\r\n document.getElementById('sum-arm').textContent=bN[state.arm];\r\n document.getElementById('sum-head').textContent=cN[state.head];\r\n document.getElementById('sum-sku').textContent=sku();\r\n\r\n \/\/ Quote button\r\n const nav=document.getElementById('nav-bar');\r\n nav.innerHTML='<button class=\"btn-back\" onclick=\"goBack()\">\u2190 Back<\/button><a class=\"btn-quote\" href=\"'+quoteLink()+'\">Request quote \u2197<\/a>';\r\n}\r\n\r\nfunction quoteLink(){\r\n const body=encodeURIComponent(\r\n \"Hello,\\n\\nI would like to request a quote for the following DURA Arm configuration:\\n\\n\"+\r\n \"SKU: \"+sku()+\"\\n\\n\"+\r\n \"Configuration details:\\n\"+\r\n \" Attachment: \"+aN[state.attach]+\"\\n\"+\r\n \" Arm: \"+bN[state.arm]+\"\\n\"+\r\n \" Head: \"+cN[state.head]+\"\\n\\n\"+\r\n \"Please send me pricing and availability.\\n\\nBest regards\"\r\n );\r\n return \"mailto:info@duratis.com?subject=\"+encodeURIComponent(\"DURA Arms Quotation Request\")+\"&body=\"+body;\r\n}\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f1b703a elementor-hidden-mobile_extra elementor-hidden-mobile elementor-widget elementor-widget-html\" data-id=\"f1b703a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\"\/>\r\n<meta name=\"viewport\" content=\"width=device-width,initial-scale=1.0\"\/>\r\n<title>DURA Arm System Configurator \u2014 Duratis<\/title>\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');\r\n*{box-sizing:border-box;margin:0;padding:0;}\r\nbody{font-family:'Inter',sans-serif;background:#f2f2f0;color:#1a1a1a;}\r\n\r\n\r\n\/* USE CASE SELECTOR *\/\r\n.usecase-wrap{background:#fff;border-bottom:1px solid #e5e5e5;}\r\n.usecase-inner{max-width:980px;margin:0 auto;padding:28px 32px;}\r\n.usecase-title{font-size:13px;font-weight:700;color:#555;letter-spacing:.06em;text-transform:uppercase;margin-bottom:14px;}\r\n.usecase-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;}\r\n@media(max-width:700px){\r\n .hero{padding:28px 18px 24px;}\r\n .hero h1{font-size:22px;}\r\n .usecase-inner{padding:18px;}\r\n .usecase-grid{grid-template-columns:repeat(2,1fr);}\r\n .main{padding:16px;}\r\n .cfg-grid{grid-template-columns:1fr;gap:14px;}\r\n .right{position:static;}\r\n .grid3{grid-template-columns:repeat(2,1fr);}\r\n .panel{padding:14px;}\r\n .step-title{font-size:14px;}\r\n .thumb{height:52px;}\r\n .ball-group-label{font-size:9px;}\r\n #preview-canvas{padding:10px;}\r\n .tooltip{width:170px;font-size:10px;}\r\n}\r\n.uc{border:1.5px solid #e5e5e5;border-radius:10px;padding:14px 12px;cursor:pointer;background:#fafafa;transition:all .15s;text-align:center;}\r\n.uc:hover{border-color:#ccc;background:#f5f5f5;}\r\n.uc.active{border-color:#ED232E;background:#fff5f5;}\r\n.uc-icon{font-size:26px;margin-bottom:8px;}\r\n.uc-label{font-size:12px;font-weight:600;color:#222;line-height:1.3;}\r\n.uc-hint{font-size:10px;color:#999;margin-top:4px;line-height:1.4;}\r\n.uc-badge{display:inline-block;background:#ED232E;color:#fff;font-size:9px;font-weight:700;padding:2px 6px;border-radius:3px;margin-top:6px;letter-spacing:.04em;text-transform:uppercase;}\r\n\r\n\/* MAIN CONFIGURATOR *\/\r\n.main{max-width:980px;margin:0 auto;padding:28px 32px;}\r\n.cfg-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start;}\r\n.left{display:flex;flex-direction:column;gap:14px;}\r\n\r\n\/* PANELS *\/\r\n.panel{background:#fff;border:1px solid #e8e8e8;border-radius:14px;padding:18px;box-shadow:0 1px 4px rgba(0,0,0,.04);}\r\n.step-eyebrow{font-size:9px;font-weight:700;color:#ED232E;letter-spacing:.1em;text-transform:uppercase;margin-bottom:3px;}\r\n.step-title{font-size:15px;font-weight:700;color:#111;margin-bottom:14px;}\r\n.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;}\r\n.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;}\r\n\r\n\/* BALL GROUP *\/\r\n.ball-groups{display:flex;flex-direction:column;gap:12px;}\r\n.ball-group{}\r\n.ball-group-label{font-size:10px;font-weight:700;color:#444;letter-spacing:.05em;text-transform:uppercase;padding:5px 10px;background:#f4f4f4;border-radius:6px;margin-bottom:8px;border-left:3px solid #ED232E;}\r\n\r\n\/* OPT CARDS *\/\r\n.opt{border:1.5px solid #e8e8e8;border-radius:10px;padding:10px 8px 10px;cursor:pointer;text-align:center;background:#fafafa;transition:border-color .12s,background .12s,opacity .15s;user-select:none;position:relative;display:flex;flex-direction:column;align-items:center;}\r\n.opt:hover:not(.disabled){border-color:#bbb;background:#f5f5f5;}\r\n.opt.selected{border-color:#ED232E;background:#fff5f5;}\r\n.opt.suggested{box-shadow:0 0 0 2px #ED232E44;}\r\n.opt.disabled{opacity:.22;cursor:not-allowed;pointer-events:none;}\r\n.thumb{height:60px;width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;}\r\n.thumb img{width:100%;height:100%;object-fit:contain;}\r\n.opt-name{font-size:11px;font-weight:600;color:#222;line-height:1.3;margin-top:6px;}\r\n.opt-sub{font-size:10px;color:#999;margin-top:1px;}\r\n.compat-note{font-size:10px;color:#ED232E;margin-top:2px;font-weight:600;}\r\n\r\n\/* INFO BTN + TOOLTIP *\/\r\n.info-btn{width:18px;height:18px;border-radius:50%;background:#ececec;color:#666;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .12s;margin-top:6px;flex-shrink:0;border:none;outline:none;}\r\n.info-btn:hover{background:#ED232E;color:#fff;}\r\n.tip-wrap{position:relative;display:inline-block;}\r\n.tooltip{display:none;position:absolute;bottom:26px;left:50%;transform:translateX(-50%);width:210px;background:#111;color:#fff;font-size:11px;line-height:1.55;padding:11px 13px;border-radius:9px;z-index:200;box-shadow:0 6px 20px rgba(0,0,0,.3);text-align:left;pointer-events:none;}\r\n.tooltip::after{content:'';position:absolute;bottom:-5px;left:50%;transform:translateX(-50%);width:10px;height:10px;background:#111;clip-path:polygon(0 0,100% 0,50% 100%);}\r\n.tooltip.visible{display:block;}\r\n\r\n\/* WARN *\/\r\n.warn{display:none;background:#fff5f5;border:1px solid #fcc;border-radius:8px;padding:9px 12px;font-size:11px;color:#c0392b;margin-bottom:12px;font-weight:500;}\r\n\r\n\/* PREVIEW *\/\r\n.right{position:sticky;top:24px;}\r\n.preview-panel{background:#fff;border:1px solid #e8e8e8;border-radius:14px;padding:18px;box-shadow:0 1px 4px rgba(0,0,0,.04);}\r\n#preview-canvas{width:100%;margin:12px 0;border-radius:10px;background:#f8f8f8;border:1px solid #eee;overflow:hidden;padding:20px;}\r\n#preview-canvas img{display:block;width:100%;height:auto;position:relative;}\r\n.divider{height:1px;background:#f0f0f0;margin:14px 0;}\r\n.summary{font-size:12px;color:#666;line-height:2.1;}\r\n.summary b{color:#111;font-weight:600;}\r\n.sku-wrap{margin-top:8px;}\r\n.sku{display:inline-block;background:#111;color:#fff;border-radius:6px;padding:5px 11px;font-size:11px;font-weight:700;letter-spacing:.05em;font-family:'Courier New',monospace;}\r\n.cta{width:100%;margin-top:14px;padding:13px;border-radius:10px;border:none;background:#ED232E;color:#fff;font-size:14px;font-weight:700;cursor:pointer;transition:background .15s;letter-spacing:.01em;}\r\n.cta:hover{background:#c91e28;}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n\r\n<div class=\"usecase-wrap\">\r\n <div class=\"usecase-inner\">\r\n <div class=\"usecase-title\">Where are you mounting?<\/div>\r\n <div class=\"usecase-grid\">\r\n <div class=\"uc\" data-suggest=\"A5\" onclick=\"selectUseCase(this,'A5')\">\r\n <div class=\"uc-icon\">\ud83e\ude9f<\/div>\r\n <div class=\"uc-label\">Glass \/ Plexiglass<\/div>\r\n <div class=\"uc-hint\">Windows, cabins, vehicle screens<\/div>\r\n <div class=\"uc-badge\">Suction cup<\/div>\r\n <\/div>\r\n <div class=\"uc\" data-suggest=\"A6\" onclick=\"selectUseCase(this,'A6')\">\r\n <div class=\"uc-icon\">\ud83d\ude97<\/div>\r\n <div class=\"uc-label\">Dashboard \/ Textured surface<\/div>\r\n <div class=\"uc-hint\">Car dashboards, rough panels<\/div>\r\n <div class=\"uc-badge\">Suction + adhesive<\/div>\r\n <\/div>\r\n <div class=\"uc\" data-suggest=\"A2\" onclick=\"selectUseCase(this,'A2,A4')\">\r\n <div class=\"uc-icon\">\ud83e\uddf1<\/div>\r\n <div class=\"uc-label\">Wall \/ Flat surface<\/div>\r\n <div class=\"uc-hint\">Walls, furniture, countertops<\/div>\r\n <div class=\"uc-badge\">Adapter or rail<\/div>\r\n <\/div>\r\n <div class=\"uc\" data-suggest=\"A3\" onclick=\"selectUseCase(this,'A3')\">\r\n <div class=\"uc-icon\">\ud83c\udfd7\ufe0f<\/div>\r\n <div class=\"uc-label\">Post \/ Frame \/ Rail<\/div>\r\n <div class=\"uc-hint\">Forklift frames, tubes, profiles<\/div>\r\n <div class=\"uc-badge\">Post clamp<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n\r\n<div class=\"main\">\r\n<div class=\"cfg-grid\">\r\n<div class=\"left\">\r\n\r\n \r\n <div class=\"panel\">\r\n <div class=\"step-eyebrow\">Step A<\/div>\r\n <div class=\"step-title\">Choose attachment<\/div>\r\n <div class=\"grid3\" id=\"opts-attach\">\r\n\r\n <div class=\"opt selected\" data-val=\"A2\" data-compat=\"all\" onclick=\"pick('attach',this)\">\r\n <div class=\"thumb\"><img decoding=\"async\" src=\"https:\/\/duratis.com\/wp-content\/uploads\/komponenty-dura-arms\/A2min.png\" alt=\"A2\"\/><\/div>\r\n <div class=\"opt-name\">Steel adapter<\/div><div class=\"opt-sub\">Standard<\/div>\r\n <div class=\"tip-wrap\"><button class=\"info-btn\" onclick=\"toggleTip(event,'tip-A2')\">i<\/button><div class=\"tooltip\" id=\"tip-A2\"><b>Steel Surface Adapter<\/b><br>Mounts the ball to walls, forklift frames, dashboards, and flat surfaces. Adds rigidity for heavy workloads.<br><br>\u2713 1\" or 1.5\" ball<\/div><\/div>\r\n <\/div>\r\n\r\n <div class=\"opt\" data-val=\"A3\" data-compat=\"1inch\" onclick=\"pick('attach',this)\">\r\n <div class=\"thumb\"><img decoding=\"async\" src=\"https:\/\/duratis.com\/wp-content\/uploads\/komponenty-dura-arms\/A3min.png\" alt=\"A3\"\/><\/div>\r\n <div class=\"opt-name\">Post clamp<\/div><div class=\"opt-sub\">Round posts<\/div><div class=\"compat-note\">1\" only<\/div>\r\n <div class=\"tip-wrap\"><button class=\"info-btn\" onclick=\"toggleTip(event,'tip-A3')\">i<\/button><div class=\"tooltip\" id=\"tip-A3\"><b>Clamp for Posts<\/b><br>Attaches to vertical or horizontal posts, pipes, and profiles. Adjustable grip, no surface damage.<br><br>\u2713 1\" ball only<\/div><\/div>\r\n <\/div>\r\n\r\n <div class=\"opt\" data-val=\"A4\" data-compat=\"all\" onclick=\"pick('attach',this)\">\r\n <div class=\"thumb\"><img decoding=\"async\" src=\"https:\/\/duratis.com\/wp-content\/uploads\/komponenty-dura-arms\/A4min.png\" alt=\"A4\"\/><\/div>\r\n <div class=\"opt-name\">Mounting rail<\/div><div class=\"opt-sub\">Adjustable<\/div>\r\n <div class=\"tip-wrap\"><button class=\"info-btn\" onclick=\"toggleTip(event,'tip-A4')\">i<\/button><div class=\"tooltip\" id=\"tip-A4\"><b>Mounting Rail<\/b><br>Slide and reposition the mount along the rail without tools. Perfect for dynamic workspaces.<br><br>\u2713 1\" or 1.5\" ball<\/div><\/div>\r\n <\/div>\r\n\r\n <div class=\"opt\" data-val=\"A5\" data-compat=\"1inch\" onclick=\"pick('attach',this)\">\r\n <div class=\"thumb\"><img decoding=\"async\" src=\"https:\/\/duratis.com\/wp-content\/uploads\/komponenty-dura-arms\/A5min.png\" alt=\"A5\"\/><\/div>\r\n <div class=\"opt-name\">Suction cup<\/div><div class=\"opt-sub\">Glass \/ Plexi<\/div><div class=\"compat-note\">1\" only<\/div>\r\n <div class=\"tip-wrap\"><button class=\"info-btn\" onclick=\"toggleTip(event,'tip-A5')\">i<\/button><div class=\"tooltip\" id=\"tip-A5\"><b>Suction Cup (Standard)<\/b><br>Adheres to glass, plexiglass, and smooth surfaces. Easy to detach and relocate.<br><br>\u2713 1\" ball only<\/div><\/div>\r\n <\/div>\r\n\r\n <div class=\"opt\" data-val=\"A6\" data-compat=\"1inch\" onclick=\"pick('attach',this)\">\r\n <div class=\"thumb\"><img decoding=\"async\" src=\"https:\/\/duratis.com\/wp-content\/uploads\/komponenty-dura-arms\/A6min.png\" alt=\"A6\"\/><\/div>\r\n <div class=\"opt-name\">Suction+adhesive<\/div><div class=\"opt-sub\">Textured<\/div><div class=\"compat-note\">1\" only<\/div>\r\n <div class=\"tip-wrap\"><button class=\"info-btn\" onclick=\"toggleTip(event,'tip-A6')\">i<\/button><div class=\"tooltip\" id=\"tip-A6\"><b>Suction Cup (Adhesive)<\/b><br>Adhesive version enables suction on textured surfaces like car dashboards where standard cups won't hold.<br><br>\u2713 1\" ball only<\/div><\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"panel\">\r\n <div class=\"step-eyebrow\">Step B<\/div>\r\n <div class=\"step-title\">Choose arm<\/div>\r\n <div class=\"warn\" id=\"compat-warn\">\u26a0 Only 1\" ball arms are compatible with this attachment.<\/div>\r\n <div class=\"ball-groups\">\r\n\r\n <div class=\"ball-group\">\r\n <div class=\"ball-group-label\">1\" Ball System \u2014 light & compact<\/div>\r\n <div class=\"grid2\">\r\n <div class=\"opt selected\" data-val=\"B1\" data-ball=\"1inch\" onclick=\"pick('arm',this)\">\r\n <div class=\"thumb\"><img decoding=\"async\" src=\"https:\/\/duratis.com\/wp-content\/uploads\/komponenty-dura-arms\/B1min.png\" alt=\"B1\"\/><\/div>\r\n <div class=\"opt-name\">60 mm<\/div><div class=\"opt-sub\">1\" ball<\/div>\r\n <div class=\"tip-wrap\"><button class=\"info-btn\" onclick=\"toggleTip(event,'tip-B1')\">i<\/button><div class=\"tooltip\" id=\"tip-B1\"><b>60 mm \u2014 Ultra-Compact<\/b><br>Shortest arm for tight spaces. Keeps device close to the mounting point with minimal footprint.<\/div><\/div>\r\n <\/div>\r\n <div class=\"opt\" data-val=\"B2\" data-ball=\"1inch\" onclick=\"pick('arm',this)\">\r\n <div class=\"thumb\"><img decoding=\"async\" src=\"https:\/\/duratis.com\/wp-content\/uploads\/komponenty-dura-arms\/B2min.png\" alt=\"B2\"\/><\/div>\r\n <div class=\"opt-name\">120 mm<\/div><div class=\"opt-sub\">1\" ball<\/div>\r\n <div class=\"tip-wrap\"><button class=\"info-btn\" onclick=\"toggleTip(event,'tip-B2')\">i<\/button><div class=\"tooltip\" id=\"tip-B2\"><b>120 mm \u2014 Lightweight Reach<\/b><br>Extended reach with a light 1\" system. Ideal for retail, logistics, and field operations.<\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"ball-group\">\r\n <div class=\"ball-group-label\">1.5\" Ball System \u2014 heavy-duty \u00b7 recommended for devices over 400 g<\/div>\r\n <div class=\"grid2\">\r\n <div class=\"opt\" data-val=\"B3\" data-ball=\"1.5inch\" onclick=\"pick('arm',this)\">\r\n <div class=\"thumb\"><img decoding=\"async\" src=\"https:\/\/duratis.com\/wp-content\/uploads\/komponenty-dura-arms\/B3min.png\" alt=\"B3\"\/><\/div>\r\n <div class=\"opt-name\">100 mm<\/div><div class=\"opt-sub\">1.5\" ball<\/div>\r\n <div class=\"tip-wrap\"><button class=\"info-btn\" onclick=\"toggleTip(event,'tip-B3')\">i<\/button><div class=\"tooltip\" id=\"tip-B3\"><b>100 mm \u2014 Heavy-Duty Compact<\/b><br>Extra strength in a compact form. For devices over 400 g or high-intensity daily use.<\/div><\/div>\r\n <\/div>\r\n <div class=\"opt\" data-val=\"B4\" data-ball=\"1.5inch\" onclick=\"pick('arm',this)\">\r\n <div class=\"thumb\"><img decoding=\"async\" src=\"https:\/\/duratis.com\/wp-content\/uploads\/komponenty-dura-arms\/B4min.png\" alt=\"B4\"\/><\/div>\r\n <div class=\"opt-name\">170 mm<\/div><div class=\"opt-sub\">1.5\" ball<\/div>\r\n <div class=\"tip-wrap\"><button class=\"info-btn\" onclick=\"toggleTip(event,'tip-B4')\">i<\/button><div class=\"tooltip\" id=\"tip-B4\"><b>170 mm \u2014 Maximum Reach<\/b><br>Longest arm with full 1.5\" ball strength. For heavier devices in demanding environments.<\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"panel\">\r\n <div class=\"step-eyebrow\">Step C<\/div>\r\n <div class=\"step-title\">Choose head<\/div>\r\n <div class=\"grid2\" id=\"opts-head\">\r\n\r\n <div class=\"opt selected\" data-val=\"C2\" onclick=\"pick('head',this)\">\r\n <div class=\"thumb\"><img decoding=\"async\" src=\"https:\/\/duratis.com\/wp-content\/uploads\/komponenty-dura-arms\/C2min.png\" alt=\"C2\"\/><\/div>\r\n <div class=\"opt-name\">Data Capture M<\/div><div class=\"opt-sub\">80 \u00d7 58 mm<\/div>\r\n <div class=\"tip-wrap\"><button class=\"info-btn\" onclick=\"toggleTip(event,'tip-C2')\">i<\/button><div class=\"tooltip\" id=\"tip-C2\"><b>Data Capture Mount \u2014 Size M<\/b><br>80 \u00d7 58 mm. For larger handheld scanners and data capture devices. Robust, stable, industrial-grade.<\/div><\/div>\r\n <\/div>\r\n\r\n <div class=\"opt\" data-val=\"C3\" onclick=\"pick('head',this)\">\r\n <div class=\"thumb\"><img decoding=\"async\" src=\"https:\/\/duratis.com\/wp-content\/uploads\/komponenty-dura-arms\/C3min.png\" alt=\"C3\"\/><\/div>\r\n <div class=\"opt-name\">Data Capture L<\/div><div class=\"opt-sub\">95 \u00d7 80 mm<\/div>\r\n <div class=\"tip-wrap\"><button class=\"info-btn\" onclick=\"toggleTip(event,'tip-C3')\">i<\/button><div class=\"tooltip\" id=\"tip-C3\"><b>Data Capture Mount \u2014 Size L<\/b><br>95 \u00d7 80 mm. For the largest data capture devices. Maximum stability for heavy-duty mobile computers.<\/div><\/div>\r\n <\/div>\r\n\r\n <div class=\"opt\" data-val=\"C4\" onclick=\"pick('head',this)\">\r\n <div class=\"thumb\"><img decoding=\"async\" src=\"https:\/\/duratis.com\/wp-content\/uploads\/komponenty-dura-arms\/C4min.png\" alt=\"C4\"\/><\/div>\r\n <div class=\"opt-name\">Data Capture S<\/div><div class=\"opt-sub\">86 \u00d7 27 mm<\/div>\r\n <div class=\"tip-wrap\"><button class=\"info-btn\" onclick=\"toggleTip(event,'tip-C4')\">i<\/button><div class=\"tooltip\" id=\"tip-C4\"><b>Data Capture Mount \u2014 Size S<\/b><br>86 \u00d7 27 mm. For smaller PDAs. Metal or plastic variant. Use screen-forward or handle-forward.<\/div><\/div>\r\n <\/div>\r\n\r\n <div class=\"opt\" data-val=\"C5\" onclick=\"pick('head',this)\">\r\n <div class=\"thumb\"><img decoding=\"async\" src=\"https:\/\/duratis.com\/wp-content\/uploads\/komponenty-dura-arms\/C5min.png\" alt=\"C5\"\/><\/div>\r\n <div class=\"opt-name\">Barcode Scanner<\/div><div class=\"opt-sub\">81 \u00d7 41 mm<\/div>\r\n <div class=\"tip-wrap\"><button class=\"info-btn\" onclick=\"toggleTip(event,'tip-C5')\">i<\/button><div class=\"tooltip\" id=\"tip-C5\"><b>Barcode Scanner Mount<\/b><br>81 \u00d7 41 mm. Metal fork-style for corded barcode scanners. Ideal for picking stations and packing lines.<\/div><\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"right\">\r\n <div class=\"preview-panel\">\r\n <div class=\"step-eyebrow\">Live preview<\/div>\r\n <div class=\"step-title\" style=\"margin-bottom:0\">Your configuration<\/div>\r\n <div id=\"preview-canvas\"><\/div>\r\n <div class=\"divider\"><\/div>\r\n <div id=\"summary\" class=\"summary\"><\/div>\r\n <button class=\"cta\" onclick=\"sendEnquiry()\">Request a quote \u2197<\/button>\r\n <\/div>\r\n<\/div>\r\n\r\n<\/div>\r\n<\/div>\r\n\r\n<script>\r\nconst BASE = 'https:\/\/duratis.com\/wp-content\/uploads\/komponenty-dura-arms\/';\r\nconst BUST = '?v='+Date.now();\r\nconst state = {attach:'A2', arm:'B1', head:'C2'};\r\nconst aN = {A2:'Steel adapter',A3:'Post clamp',A4:'Mounting rail',A5:'Suction cup',A6:'Suction + adhesive'};\r\nconst bN = {B1:'60 mm \u00b7 1\" ball',B2:'120 mm \u00b7 1\" ball',B3:'100 mm \u00b7 1.5\" ball',B4:'170 mm \u00b7 1.5\" ball'};\r\nconst cN = {C2:'Data Capture M (80\u00d758 mm)',C3:'Data Capture L (95\u00d780 mm)',C4:'Data Capture S (86\u00d727 mm)',C5:'Barcode Scanner Mount (81\u00d741 mm)'};\r\n\r\nfunction sku(){ return 'OEM_DURAARMS_'+state.attach+state.arm+'A2'+state.head; }\r\n\r\n\/\/ USE CASE\r\nfunction selectUseCase(el, suggests){\r\n document.querySelectorAll('.uc').forEach(u=>u.classList.remove('active'));\r\n el.classList.add('active');\r\n const keys = suggests.split(',');\r\n \/\/ Highlight suggested attachment(s)\r\n document.querySelectorAll('#opts-attach .opt').forEach(o=>{\r\n o.classList.remove('suggested','selected');\r\n if(keys.includes(o.dataset.val)){\r\n o.classList.add('suggested');\r\n }\r\n });\r\n \/\/ Auto-select first suggestion\r\n const first = document.querySelector('#opts-attach .opt[data-val=\"'+keys[0]+'\"]');\r\n if(first && !first.classList.contains('disabled')){\r\n first.classList.add('selected');\r\n state.attach = keys[0];\r\n enforceCompat();\r\n render();\r\n }\r\n}\r\n\r\n\/\/ TOOLTIP\r\nfunction toggleTip(e, id){\r\n e.stopPropagation();\r\n const t = document.getElementById(id);\r\n const wasVisible = t.classList.contains('visible');\r\n document.querySelectorAll('.tooltip').forEach(x=>x.classList.remove('visible'));\r\n if(!wasVisible) t.classList.add('visible');\r\n}\r\ndocument.addEventListener('click',()=>document.querySelectorAll('.tooltip').forEach(t=>t.classList.remove('visible')));\r\n\r\n\/\/ PICK\r\nfunction pick(g, el){\r\n if(el.classList.contains('disabled')) return;\r\n state[g] = el.dataset.val;\r\n const allOpts = g==='arm'\r\n ? document.querySelectorAll('[data-ball]')\r\n : document.querySelectorAll('#opts-'+g+' .opt');\r\n allOpts.forEach(o=>o.classList.remove('selected'));\r\n el.classList.add('selected');\r\n if(g==='attach'){ enforceCompat(); document.querySelectorAll('.uc').forEach(u=>u.classList.remove('active')); }\r\n render();\r\n}\r\n\r\nfunction enforceCompat(){\r\n const compat = document.querySelector('#opts-attach .opt.selected')?.dataset.compat||'all';\r\n document.getElementById('compat-warn').style.display = compat==='1inch'?'block':'none';\r\n document.querySelectorAll('[data-ball]').forEach(o=>{\r\n const block = compat==='1inch' && o.dataset.ball!=='1inch';\r\n o.classList.toggle('disabled',block);\r\n if(block && o.classList.contains('selected')){\r\n o.classList.remove('selected');\r\n const fb = document.querySelector('[data-ball=\"1inch\"]');\r\n if(fb){fb.classList.add('selected');state.arm=fb.dataset.val;}\r\n }\r\n });\r\n}\r\n\r\nfunction render(){\r\n const pc = document.getElementById('preview-canvas');\r\n pc.innerHTML='';\r\n const layers=[\r\n {key:state.head, z:150, mt: state.head==='C5'?'margin-top:90px;':''},\r\n {key:state.arm, z:100, mt:''},\r\n {key:state.attach,z:50, mt:''},\r\n ];\r\n layers.forEach((l,i)=>{\r\n const img=document.createElement('img');\r\n img.src=BASE+l.key+'.png'+BUST;\r\n img.alt=l.key;\r\n img.style.cssText='display:block;width:100%;height:auto;position:relative;z-index:'+l.z+';'+(i>0?'margin-top:-10px;':'')+l.mt;\r\n pc.appendChild(img);\r\n });\r\n document.getElementById('summary').innerHTML=\r\n '<b>Attachment:<\/b> '+aN[state.attach]+'<br>'+\r\n '<b>Arm:<\/b> '+bN[state.arm]+'<br>'+\r\n '<b>Head:<\/b> '+cN[state.head]+'<br>'+\r\n '<div class=\"sku-wrap\"><span class=\"sku\">'+sku()+'<\/span><\/div>';\r\n}\r\n\r\nfunction sendEnquiry(){\r\n const body = \r\n \"Hello,\\n\\n\"+\r\n \"I would like to request a quote for the following DURA Arm configuration:\\n\\n\"+\r\n \"SKU: \"+sku()+\"\\n\\n\"+\r\n \"Configuration details:\\n\"+\r\n \" Attachment: \"+aN[state.attach]+\"\\n\"+\r\n \" Arm: \"+bN[state.arm]+\"\\n\"+\r\n \" Head: \"+cN[state.head]+\"\\n\\n\"+\r\n \"Please send me pricing and availability.\\n\\n\"+\r\n \"Best regards\";\r\n const subject = encodeURIComponent(\"DURA Arms Quotation Request\");\r\n const bodyEnc = encodeURIComponent(body);\r\n window.location.href = \"mailto:info@duratis.com?subject=\"+subject+\"&body=\"+bodyEnc;\r\n}\r\n\r\nrender();\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Interactive Configure Your DURA Arm System Select your attachment, arm, and head to build your perfect mounting solution. DURA Arm Configurator duratis DURA Arm System Configurator Surface Attachment Arm Head Summary Step 1 of 4 Where are you mounting? \ud83e\ude9f Glass \/ Plexiglass Suction cup \ud83d\ude97 Dashboard \/ Textured Suction + adhesive \ud83e\uddf1 Wall \/ […]<\/p>\n","protected":false},"author":6,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-56515","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>Dura Arms Configurator - Duratis Accessories | Cases, Mounts, Screen & Keypad Protectors<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/duratis.com\/it\/dura-arms-configurator\/\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Dura Arms Configurator - Duratis Accessories | Cases, Mounts, Screen & Keypad Protectors\" \/>\n<meta property=\"og:description\" content=\"Interactive Configure Your DURA Arm System Select your attachment, arm, and head to build your perfect mounting solution. DURA Arm Configurator duratis DURA Arm System Configurator Surface Attachment Arm Head Summary Step 1 of 4 Where are you mounting? \ud83e\ude9f Glass \/ Plexiglass Suction cup \ud83d\ude97 Dashboard \/ Textured Suction + adhesive \ud83e\uddf1 Wall \/ […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/duratis.com\/it\/dura-arms-configurator\/\" \/>\n<meta property=\"og:site_name\" content=\"Duratis Accessories | Cases, Mounts, Screen & Keypad Protectors\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/duratis\/\" \/>\n<meta property=\"article:modified_time\" content=\"2026-06-08T09:22:51+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/duratis.com\/wp-content\/uploads\/komponenty-dura-arms\/A2min.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tempo di lettura stimato\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minuti\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/duratis.com\\\/dura-arms-configurator\\\/\",\"url\":\"https:\\\/\\\/duratis.com\\\/dura-arms-configurator\\\/\",\"name\":\"Dura Arms Configurator - Duratis Accessories | Cases, Mounts, Screen & Keypad Protectors\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/duratis.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/duratis.com\\\/dura-arms-configurator\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/duratis.com\\\/dura-arms-configurator\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/duratis.com\\\/wp-content\\\/uploads\\\/komponenty-dura-arms\\\/A2min.png\",\"datePublished\":\"2026-06-08T09:17:22+00:00\",\"dateModified\":\"2026-06-08T09:22:51+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/duratis.com\\\/dura-arms-configurator\\\/#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/duratis.com\\\/dura-arms-configurator\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\\\/\\\/duratis.com\\\/dura-arms-configurator\\\/#primaryimage\",\"url\":\"https:\\\/\\\/duratis.com\\\/wp-content\\\/uploads\\\/komponenty-dura-arms\\\/A2min.png\",\"contentUrl\":\"https:\\\/\\\/duratis.com\\\/wp-content\\\/uploads\\\/komponenty-dura-arms\\\/A2min.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/duratis.com\\\/dura-arms-configurator\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/duratis.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Dura Arms Configurator\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/duratis.com\\\/#website\",\"url\":\"https:\\\/\\\/duratis.com\\\/\",\"name\":\"Duratis Accessories | Custom-made Cases, Holsters, Mounts, Screen & Keypad Protectors\",\"description\":\"We make accessories for payment terminals, mobile scanners, mobile computers and other devices.\",\"publisher\":{\"@id\":\"https:\\\/\\\/duratis.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/duratis.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"it-IT\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/duratis.com\\\/#organization\",\"name\":\"Duratis\",\"url\":\"https:\\\/\\\/duratis.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\\\/\\\/duratis.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/duratis.com\\\/wp-content\\\/uploads\\\/2024\\\/08\\\/duratis-logo.svg\",\"contentUrl\":\"https:\\\/\\\/duratis.com\\\/wp-content\\\/uploads\\\/2024\\\/08\\\/duratis-logo.svg\",\"width\":270,\"height\":61,\"caption\":\"Duratis\"},\"image\":{\"@id\":\"https:\\\/\\\/duratis.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/duratis\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/duratis-accessories\\\/\",\"https:\\\/\\\/www.youtube.com\\\/channel\\\/UCgCWiGf6mJ-MMSx3M1gfdeg\\\/featured\"]}]}<\/script>\n","yoast_head_json":{"title":"Configuratore Dura Arms - Accessori Duratis | Custodie, supporti, protezioni per schermi e tastiere","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/duratis.com\/it\/dura-arms-configurator\/","og_locale":"it_IT","og_type":"article","og_title":"Dura Arms Configurator - Duratis Accessories | Cases, Mounts, Screen & Keypad Protectors","og_description":"Interactive Configure Your DURA Arm System Select your attachment, arm, and head to build your perfect mounting solution. DURA Arm Configurator duratis DURA Arm System Configurator Surface Attachment Arm Head Summary Step 1 of 4 Where are you mounting? \ud83e\ude9f Glass \/ Plexiglass Suction cup \ud83d\ude97 Dashboard \/ Textured Suction + adhesive \ud83e\uddf1 Wall \/ […]","og_url":"https:\/\/duratis.com\/it\/dura-arms-configurator\/","og_site_name":"Duratis Accessories | Cases, Mounts, Screen & Keypad Protectors","article_publisher":"https:\/\/www.facebook.com\/duratis\/","article_modified_time":"2026-06-08T09:22:51+00:00","og_image":[{"url":"https:\/\/duratis.com\/wp-content\/uploads\/komponenty-dura-arms\/A2min.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Tempo di lettura stimato":"3 minuti"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/duratis.com\/dura-arms-configurator\/","url":"https:\/\/duratis.com\/dura-arms-configurator\/","name":"Configuratore Dura Arms - Accessori Duratis | Custodie, supporti, protezioni per schermi e tastiere","isPartOf":{"@id":"https:\/\/duratis.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/duratis.com\/dura-arms-configurator\/#primaryimage"},"image":{"@id":"https:\/\/duratis.com\/dura-arms-configurator\/#primaryimage"},"thumbnailUrl":"https:\/\/duratis.com\/wp-content\/uploads\/komponenty-dura-arms\/A2min.png","datePublished":"2026-06-08T09:17:22+00:00","dateModified":"2026-06-08T09:22:51+00:00","breadcrumb":{"@id":"https:\/\/duratis.com\/dura-arms-configurator\/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/duratis.com\/dura-arms-configurator\/"]}]},{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/duratis.com\/dura-arms-configurator\/#primaryimage","url":"https:\/\/duratis.com\/wp-content\/uploads\/komponenty-dura-arms\/A2min.png","contentUrl":"https:\/\/duratis.com\/wp-content\/uploads\/komponenty-dura-arms\/A2min.png"},{"@type":"BreadcrumbList","@id":"https:\/\/duratis.com\/dura-arms-configurator\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/duratis.com\/"},{"@type":"ListItem","position":2,"name":"Dura Arms Configurator"}]},{"@type":"WebSite","@id":"https:\/\/duratis.com\/#website","url":"https:\/\/duratis.com\/","name":"Accessori Duratis | Custodie su misura, fondine, supporti, protezioni per schermo e tastiera","description":"Produciamo accessori per terminali di pagamento, scanner mobili, computer portatili e altri dispositivi.","publisher":{"@id":"https:\/\/duratis.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/duratis.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"it-IT"},{"@type":"Organization","@id":"https:\/\/duratis.com\/#organization","name":"Duratis","url":"https:\/\/duratis.com\/","logo":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/duratis.com\/#\/schema\/logo\/image\/","url":"https:\/\/duratis.com\/wp-content\/uploads\/2024\/08\/duratis-logo.svg","contentUrl":"https:\/\/duratis.com\/wp-content\/uploads\/2024\/08\/duratis-logo.svg","width":270,"height":61,"caption":"Duratis"},"image":{"@id":"https:\/\/duratis.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/duratis\/","https:\/\/www.linkedin.com\/company\/duratis-accessories\/","https:\/\/www.youtube.com\/channel\/UCgCWiGf6mJ-MMSx3M1gfdeg\/featured"]}]}},"_links":{"self":[{"href":"https:\/\/duratis.com\/it\/wp-json\/wp\/v2\/pages\/56515","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/duratis.com\/it\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/duratis.com\/it\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/duratis.com\/it\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/duratis.com\/it\/wp-json\/wp\/v2\/comments?post=56515"}],"version-history":[{"count":0,"href":"https:\/\/duratis.com\/it\/wp-json\/wp\/v2\/pages\/56515\/revisions"}],"wp:attachment":[{"href":"https:\/\/duratis.com\/it\/wp-json\/wp\/v2\/media?parent=56515"}],"curies":[{"name":"parola chiave","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}