{"id":34771,"date":"2026-03-23T15:14:51","date_gmt":"2026-03-23T14:14:51","guid":{"rendered":"https:\/\/swisssabers.ch\/lightsaber-configurator\/"},"modified":"2026-03-23T16:09:06","modified_gmt":"2026-03-23T15:09:06","slug":"lightsaber-configurator","status":"publish","type":"page","link":"https:\/\/swisssabers.ch\/en\/lightsaber-configurator\/","title":{"rendered":"Lightsaber Configurator"},"content":{"rendered":"\r\n<!-- Starfield Background -->\r\n<div id=\"stars\"><\/div>\r\n<div id=\"stars2\"><\/div>\r\n<div id=\"stars3\"><\/div>\r\n\r\n<!-- Improved Lightsaber Configurator HTML Structure -->\r\n<div class=\"lightsaber-configurator-wrapper\">\r\n    <!-- Loading Overlay -->\r\n    <div id=\"loading-overlay\" style=\"position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.95); display: flex; justify-content: center; align-items: center; color: white; font-size: 1.8rem; z-index: 2000; flex-direction: column; gap: 30px;\">\r\n        <div class=\"spinner\" style=\"border: 10px solid rgba(255, 255, 255, 0.2); border-top: 10px solid #FFC03A; border-radius: 50%; width: 80px; height: 80px; animation: spin 1s linear infinite;\"><\/div>\r\n        <p style=\"font-weight: 300; letter-spacing: 2px;\" id=\"loading-text\">Loading 3D Models...<\/p>\r\n    <\/div>\r\n\r\n    <!-- Title Header (Full Width) -->\r\n    <div class=\"title-header\" id=\"title-header\">\r\n        <div class=\"header-content\" id=\"header-content\">\r\n            <a href=\"https:\/\/swisssabers.ch\/en\/\">\r\n                <img decoding=\"async\" src=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/images\/logo.png\" alt=\"Swiss Sabers\" class=\"logo\">\r\n            <\/a>\r\n            <div class=\"title-section\">\r\n                <div class=\"title-heading\">Lightsaber Configurator<\/div>\r\n                <p>Customize your own unique lightsaber<\/p>\r\n            <\/div>\r\n            <button class=\"header-toggle-btn\" id=\"header-toggle-btn\" title=\"Toggle Header\">\r\n                <span class=\"toggle-icon\">\u2212<\/span>\r\n            <\/button>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Floating Header Toggle Button (visible when header is collapsed) -->\r\n    <button class=\"floating-header-toggle\" id=\"floating-header-toggle\" style=\"display: none;\" title=\"Show Header\">\r\n        <span class=\"toggle-icon\">+<\/span>\r\n    <\/button>\r\n\r\n    <!-- Floating Logo -->\r\n    <div class=\"floating-logo\">\r\n        <a href=\"https:\/\/swisssabers.ch\/en\/\">\r\n            <img decoding=\"async\" src=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/images\/logo.png\" alt=\"Swiss Sabers\" class=\"logo\">\r\n        <\/a>\r\n        <div class=\"title-section\">\r\n            <div class=\"title-heading\">Lightsaber Configurator<\/div>\r\n            <p>Customize your own unique lightsaber<\/p>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Main Layout Container -->\r\n    <div class=\"main-container\">\r\n        <!-- 3D Viewer Panel (First for mobile split layout) -->\r\n        <div class=\"viewer-section\">\r\n            <div class=\"viewer-panel\">\r\n                <canvas id=\"configurator-canvas\"><\/canvas>\r\n                <button id=\"reset-view-button\" class=\"floating-reset-btn\" title=\"Reset View\" aria-label=\"Reset 3D camera view\">\r\n                    <img decoding=\"async\" src=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/icons\/reset_view.svg\" alt=\"Reset View\" class=\"svg-icon\">\r\n                <\/button>        <!-- Info Button -->\r\n        <button id=\"floating-info-btn\" class=\"floating-info-btn\" title=\"How to use the configurator\" aria-label=\"Show configurator instructions\">\r\n            <img decoding=\"async\" src=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/icons\/info.svg\" alt=\"Info\" class=\"svg-icon\">\r\n        <\/button>\r\n        \r\n        <!-- Add to Cart Button -->\r\n        <button id=\"add-to-cart-button\" class=\"floating-cart-btn\" title=\"Add to Cart\" aria-label=\"Add to Cart\">\r\n            Add to Cart        <\/button>\r\n        \r\n        <!-- Save & Share Button -->\r\n        <button id=\"save-share-button\" class=\"floating-save-btn\" title=\"Save & Share\" aria-label=\"Save & Share\">\r\n            Save & Share        <\/button>\r\n        \r\n                        <button id=\"floating-blade-toggle\" class=\"floating-blade-btn\" title=\"Activate Blade\">\r\n            <img decoding=\"async\" src=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/icons\/blade_on.svg\" alt=\"Blade\" class=\"svg-icon\">\r\n        <\/button>\r\n\r\n        <!-- Zoom Buttons -->\r\n        <button id=\"zoom-in-button\" class=\"floating-zoom-btn\" title=\"Zoom In\">\r\n            <span style=\"font-size: 20px; font-weight: bold;\">+<\/span>\r\n        <\/button>\r\n        <button id=\"zoom-out-button\" class=\"floating-zoom-btn\" title=\"Zoom Out\">\r\n            <span style=\"font-size: 20px; font-weight: bold;\">-<\/span>\r\n        <\/button>\r\n\r\n                <!-- Floating blade color picker (hidden by default) -->\r\n                <div id=\"floating-blade-color-picker\" class=\"floating-blade-color-picker\" style=\"display: none;\">\r\n                    <span class=\"blade-color-close-btn\" id=\"blade-color-close-btn\" title=\"Close color picker\">&times;<\/span>\r\n                    <div class=\"blade-color-option\" data-color=\"#0000ff\" style=\"background-color: #0000ff;\" title=\"Blue\"><\/div>\r\n                    <div class=\"blade-color-option\" data-color=\"#ff0000\" style=\"background-color: #ff0000;\" title=\"Red\"><\/div>\r\n                    <div class=\"blade-color-option\" data-color=\"#00ff00\" style=\"background-color: #00ff00;\" title=\"Green\"><\/div>\r\n                    <div class=\"blade-color-option\" data-color=\"#00ffff\" style=\"background-color: #00ffff;\" title=\"Cyan\"><\/div>\r\n                    <div class=\"blade-color-option\" data-color=\"#7300ff\" style=\"background-color: #7300ff;\" title=\"Purple\"><\/div>\r\n                    <div class=\"blade-color-option\" data-color=\"#ffd500\" style=\"background-color: #ffd500;\" title=\"Yellow\"><\/div>\r\n                    <div class=\"blade-color-option\" data-color=\"#ffffff\" style=\"background-color: #ffffff;\" title=\"White\"><\/div>\r\n                    <div class=\"blade-color-option\" data-color=\"#ff6600\" style=\"background-color: #ff6600;\" title=\"Orange\"><\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <!-- Controls Panel (Second for mobile split layout) -->\r\n        <div class=\"controls-section\">\r\n            <div class=\"controls\">\r\n                <!-- Step Progress Indicator -->\r\n                <div class=\"step-progress\">\r\n                    <div class=\"step active\" id=\"step-1-indicator\">\r\n                        <div class=\"step-number\">1<\/div>\r\n                        <div class=\"step-label\">Style<\/div>\r\n                    <\/div>\r\n                    <div class=\"step\" id=\"step-2-indicator\">\r\n                        <div class=\"step-number\">2<\/div>\r\n                        <div class=\"step-label\">Components<\/div>\r\n                    <\/div>\r\n                    <div class=\"step\" id=\"step-3-indicator\" style=\"display: none;\">\r\n                        <div class=\"step-number\">3<\/div>\r\n                        <div class=\"step-label\">Components 2nd Hilt<\/div>\r\n                    <\/div>\r\n                    <div class=\"step\" id=\"step-4-indicator\">\r\n                        <div class=\"step-number\" id=\"version-step-number\">4<\/div>\r\n                        <div class=\"step-label\">Version<\/div>\r\n                    <\/div>\r\n                    <div class=\"step\" id=\"step-5-indicator\">\r\n                        <div class=\"step-number\" id=\"blade-step-number\">5<\/div>\r\n                        <div class=\"step-label\">Blade<\/div>\r\n                    <\/div>\r\n                    <div class=\"step\" id=\"step-6-indicator\">\r\n                        <div class=\"step-number\" id=\"accessories-step-number\">6<\/div>\r\n                        <div class=\"step-label\">Accessories<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Step 1: Style Selection (Single\/Double Blade) -->\r\n                <div class=\"step-content active\" id=\"step-1\">\r\n                    <div class=\"step-header\">\r\n                        <h3>Pick your style<\/h3>\r\n                        <p>Choose between a single lightsaber or a double staff<\/p>\r\n                    <\/div>\r\n                    <div class=\"control-group\">\r\n                        <div class=\"blade-length-selector\">\r\n                            <button id=\"single-blade-option\" class=\"blade-length-btn active\" data-mode=\"single\">\r\n                                <span class=\"length-label\">Single Blade<\/span>\r\n                                <span class=\"length-description\">Classic lightsaber<\/span>\r\n                            <\/button>\r\n                            <button id=\"double-blade-option\" class=\"blade-length-btn\" data-mode=\"double\">\r\n                                <span class=\"length-label\">Double Blade<\/span>\r\n                                <span class=\"length-description\">Staff-style lightsaber<\/span>\r\n                            <\/button>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"step-navigation\" style=\"justify-content: flex-end;\">\r\n                        <button class=\"next-btn\" onclick=\"nextStep()\">Next<\/button>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Step 2: First Hilt Components -->\r\n                <div class=\"step-content\" id=\"step-2\">\r\n                    <div class=\"step-header\">\r\n                        <h3>Select Hilt Components<\/h3>\r\n                        <p>Customize each part of your lightsaber hilt<\/p>\r\n                    <\/div>\r\n\r\n                <div class=\"control-group\">\r\n                    <label>Emitter:<\/label>\r\n                    <div class=\"component-btn-group\" id=\"emitter-btn-group\">\r\n                                                    <button class=\"component-btn\" \r\n                                    data-value=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/glb\/E302_emitter.glb\" \r\n                                    title=\"E302 Emitter\">\r\n                                <img decoding=\"async\" src=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/thumbnails_png\/E302_emitter_thumbnail.png\" \r\n                                     alt=\"E302 Emitter\" \r\n                                     class=\"component-thumbnail\">\r\n                                <span class=\"component-name\">E302<\/span>\r\n                            <\/button>\r\n                                                    <button class=\"component-btn\" \r\n                                    data-value=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/glb\/E303_emitter.glb\" \r\n                                    title=\"E303 Emitter\">\r\n                                <img decoding=\"async\" src=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/thumbnails_png\/E303_emitter_thumbnail.png\" \r\n                                     alt=\"E303 Emitter\" \r\n                                     class=\"component-thumbnail\">\r\n                                <span class=\"component-name\">E303<\/span>\r\n                            <\/button>\r\n                                                    <button class=\"component-btn\" \r\n                                    data-value=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/glb\/E304_emitter.glb\" \r\n                                    title=\"E304 Emitter\">\r\n                                <img decoding=\"async\" src=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/thumbnails_png\/E304_emitter_thumbnail.png\" \r\n                                     alt=\"E304 Emitter\" \r\n                                     class=\"component-thumbnail\">\r\n                                <span class=\"component-name\">E304<\/span>\r\n                            <\/button>\r\n                                                    <button class=\"component-btn\" \r\n                                    data-value=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/glb\/E307+E309_emitter.glb\" \r\n                                    title=\"E307+E309 Emitter\">\r\n                                <img decoding=\"async\" src=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/thumbnails_png\/E307+E309_emitter_thumbnail.png\" \r\n                                     alt=\"E307+E309 Emitter\" \r\n                                     class=\"component-thumbnail\">\r\n                                <span class=\"component-name\">E307<\/span>\r\n                            <\/button>\r\n                                                    <button class=\"component-btn\" \r\n                                    data-value=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/glb\/E309_emitter.glb\" \r\n                                    title=\"E309 Emitter\">\r\n                                <img decoding=\"async\" src=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/thumbnails_png\/E309_emitter_thumbnail.png\" \r\n                                     alt=\"E309 Emitter\" \r\n                                     class=\"component-thumbnail\">\r\n                                <span class=\"component-name\">E309<\/span>\r\n                            <\/button>\r\n                                                    <button class=\"component-btn\" \r\n                                    data-value=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/glb\/E311_emitter.glb\" \r\n                                    title=\"E311 Emitter\">\r\n                                <img decoding=\"async\" src=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/thumbnails_png\/E311_emitter_thumbnail.png\" \r\n                                     alt=\"E311 Emitter\" \r\n                                     class=\"component-thumbnail\">\r\n                                <span class=\"component-name\">E311<\/span>\r\n                            <\/button>\r\n                                                    <button class=\"component-btn\" \r\n                                    data-value=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/glb\/E313_emitter.glb\" \r\n                                    title=\"E313 Emitter\">\r\n                                <img decoding=\"async\" src=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/thumbnails_png\/E313_emitter_thumbnail.png\" \r\n                                     alt=\"E313 Emitter\" \r\n                                     class=\"component-thumbnail\">\r\n                                <span class=\"component-name\">E313<\/span>\r\n                            <\/button>\r\n                                                    <button class=\"component-btn selected\" \r\n                                    data-value=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/glb\/E319_emitter.glb\" \r\n                                    title=\"E319 Emitter\">\r\n                                <img decoding=\"async\" src=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/thumbnails_png\/E319_emitter_thumbnail.png\" \r\n                                     alt=\"E319 Emitter\" \r\n                                     class=\"component-thumbnail\">\r\n                                <span class=\"component-name\">E319<\/span>\r\n                            <\/button>\r\n                                                    <button class=\"component-btn\" \r\n                                    data-value=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/glb\/E320_emitter.glb\" \r\n                                    title=\"E320 Emitter\">\r\n                                <img decoding=\"async\" src=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/thumbnails_png\/E320_emitter_thumbnail.png\" \r\n                                     alt=\"E320 Emitter\" \r\n                                     class=\"component-thumbnail\">\r\n                                <span class=\"component-name\">E320<\/span>\r\n                            <\/button>\r\n                                                    <button class=\"component-btn\" \r\n                                    data-value=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/glb\/E327_emitter.glb\" \r\n                                    title=\"E327 Emitter\">\r\n                                <img decoding=\"async\" src=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/thumbnails_png\/E327_emitter_thumbnail.png\" \r\n                                     alt=\"E327 Emitter\" \r\n                                     class=\"component-thumbnail\">\r\n                                <span class=\"component-name\">E327<\/span>\r\n                            <\/button>\r\n                                                    <button class=\"component-btn\" \r\n                                    data-value=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/glb\/E332_emitter.glb\" \r\n                                    title=\"E332 Emitter\">\r\n                                <img decoding=\"async\" src=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/thumbnails_png\/E332_emitter_thumbnail.png\" \r\n                                     alt=\"E332 Emitter\" \r\n                                     class=\"component-thumbnail\">\r\n                                <span class=\"component-name\">E332<\/span>\r\n                            <\/button>\r\n                                                    <button class=\"component-btn\" \r\n                                    data-value=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/glb\/E348_emitter.glb\" \r\n                                    title=\"E348 Emitter\">\r\n                                <img decoding=\"async\" src=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/thumbnails_png\/E348_emitter_thumbnail.png\" \r\n                                     alt=\"E348 Emitter\" \r\n                                     class=\"component-thumbnail\">\r\n                                <span class=\"component-name\">E348<\/span>\r\n                            <\/button>\r\n                                                    <button class=\"component-btn\" \r\n                                    data-value=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/glb\/E350_emitter.glb\" \r\n                                    title=\"E350 Emitter\">\r\n                                <img decoding=\"async\" src=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/thumbnails_png\/E350_emitter_thumbnail.png\" \r\n                                     alt=\"E350 Emitter\" \r\n                                     class=\"component-thumbnail\">\r\n                                <span class=\"component-name\">E350<\/span>\r\n                            <\/button>\r\n                                                    <button class=\"component-btn\" \r\n                                    data-value=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/glb\/E354_emitter.glb\" \r\n                                    title=\"E354 Emitter\">\r\n                                <img decoding=\"async\" src=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/thumbnails_png\/E354_emitter_thumbnail.png\" \r\n                                     alt=\"E354 Emitter\" \r\n                                     class=\"component-thumbnail\">\r\n                                <span class=\"component-name\">E354<\/span>\r\n                            <\/button>\r\n                                                    <button class=\"component-btn\" \r\n                                    data-value=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/glb\/E355_emitter.glb\" \r\n                                    title=\"E355 Emitter\">\r\n                                <img decoding=\"async\" src=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/thumbnails_png\/E355_emitter_thumbnail.png\" \r\n                                     alt=\"E355 Emitter\" \r\n                                     class=\"component-thumbnail\">\r\n                                <span class=\"component-name\">E355<\/span>\r\n                            <\/button>\r\n                                                    <button class=\"component-btn\" \r\n                                    data-value=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/glb\/E361_emitter.glb\" \r\n                                    title=\"E361 Emitter\">\r\n                                <img decoding=\"async\" src=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/thumbnails_png\/E361_emitter_thumbnail.png\" \r\n                                     alt=\"E361 Emitter\" \r\n                                     class=\"component-thumbnail\">\r\n                                <span class=\"component-name\">E361<\/span>\r\n                            <\/button>\r\n                                                    <button class=\"component-btn\" \r\n                                    data-value=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/glb\/E381_emitter.glb\" \r\n                                    title=\"E381 Emitter\">\r\n                                <img decoding=\"async\" src=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/thumbnails_png\/E381_emitter_thumbnail.png\" \r\n                                     alt=\"E381 Emitter\" \r\n                                     class=\"component-thumbnail\">\r\n                                <span class=\"component-name\">E381<\/span>\r\n                            <\/button>\r\n                                            <\/div>\r\n                    <div class=\"color-swatches\" data-component=\"emitter\">\r\n                        <div class=\"color-options\">\r\n                            <!-- Colors will be dynamically updated by JavaScript -->\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"control-group\">\r\n                    <label>Middle Part:<\/label>\r\n                    <div class=\"component-btn-group\" id=\"middle-btn-group\">\r\n                                                    <button class=\"component-btn\" \r\n                                    data-value=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/glb\/E305_middle_part.glb\" \r\n                                    title=\"E305 Middle Part\">\r\n                                <img decoding=\"async\" src=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/thumbnails_png\/E305_middle_part_thumbnail.png\" \r\n                                     alt=\"E305 Middle Part\" \r\n                                     class=\"component-thumbnail\">\r\n                                <span class=\"component-name\">E305<\/span>\r\n                            <\/button>\r\n                                                    <button class=\"component-btn\" \r\n                                    data-value=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/glb\/E306_middle.glb\" \r\n                                    title=\"E306 Middle\">\r\n                                <img decoding=\"async\" src=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/thumbnails_png\/E306_middle_thumbnail.png\" \r\n                                     alt=\"E306 Middle\" \r\n                                     class=\"component-thumbnail\">\r\n                                <span class=\"component-name\">E306<\/span>\r\n                            <\/button>\r\n                                                    <button class=\"component-btn selected\" \r\n                                    data-value=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/glb\/E338_middle_part.glb\" \r\n                                    title=\"E338 Middle Part\">\r\n                                <img decoding=\"async\" src=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/thumbnails_png\/E338_middle_part_thumbnail.png\" \r\n                                     alt=\"E338 Middle Part\" \r\n                                     class=\"component-thumbnail\">\r\n                                <span class=\"component-name\">E338<\/span>\r\n                            <\/button>\r\n                                            <\/div>\r\n                    <div class=\"color-swatches\" data-component=\"middle\">\r\n                        <div class=\"color-options\">\r\n                            <!-- Colors will be dynamically updated by JavaScript -->\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"control-group\">\r\n                    <label>Grip:<\/label>\r\n                    <div class=\"component-btn-group\" id=\"grip-btn-group\">\r\n                                                    <button class=\"component-btn\" \r\n                                    data-value=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/glb\/E325_handle.glb\" \r\n                                    title=\"E325 Handle\">\r\n                                <img decoding=\"async\" src=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/thumbnails_png\/E325_handle_thumbnail.png\" \r\n                                     alt=\"E325 Handle\" \r\n                                     class=\"component-thumbnail\">\r\n                                <span class=\"component-name\">E325<\/span>\r\n                            <\/button>\r\n                                                    <button class=\"component-btn\" \r\n                                    data-value=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/glb\/E326_handle.glb\" \r\n                                    title=\"E326 Handle\">\r\n                                <img decoding=\"async\" src=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/thumbnails_png\/E326_handle_thumbnail.png\" \r\n                                     alt=\"E326 Handle\" \r\n                                     class=\"component-thumbnail\">\r\n                                <span class=\"component-name\">E326<\/span>\r\n                            <\/button>\r\n                                                    <button class=\"component-btn\" \r\n                                    data-value=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/glb\/E329_handle.glb\" \r\n                                    title=\"E329 Handle\">\r\n                                <img decoding=\"async\" src=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/thumbnails_png\/E329_handle_thumbnail.png\" \r\n                                     alt=\"E329 Handle\" \r\n                                     class=\"component-thumbnail\">\r\n                                <span class=\"component-name\">E329<\/span>\r\n                            <\/button>\r\n                                                    <button class=\"component-btn\" \r\n                                    data-value=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/glb\/E330_handle.glb\" \r\n                                    title=\"E330 Handle\">\r\n                                <img decoding=\"async\" src=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/thumbnails_png\/E330_handle_thumbnail.png\" \r\n                                     alt=\"E330 Handle\" \r\n                                     class=\"component-thumbnail\">\r\n                                <span class=\"component-name\">E330<\/span>\r\n                            <\/button>\r\n                                                    <button class=\"component-btn\" \r\n                                    data-value=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/glb\/E334_handle.glb\" \r\n                                    title=\"E334 Handle\">\r\n                                <img decoding=\"async\" src=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/thumbnails_png\/E334_handle_thumbnail.png\" \r\n                                     alt=\"E334 Handle\" \r\n                                     class=\"component-thumbnail\">\r\n                                <span class=\"component-name\">E334<\/span>\r\n                            <\/button>\r\n                                                    <button class=\"component-btn\" \r\n                                    data-value=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/glb\/E336_handle.glb\" \r\n                                    title=\"E336 Handle\">\r\n                                <img decoding=\"async\" src=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/thumbnails_png\/E336_handle_thumbnail.png\" \r\n                                     alt=\"E336 Handle\" \r\n                                     class=\"component-thumbnail\">\r\n                                <span class=\"component-name\">E336<\/span>\r\n                            <\/button>\r\n                                                    <button class=\"component-btn selected\" \r\n                                    data-value=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/glb\/E339_handle.glb\" \r\n                                    title=\"E339 Handle\">\r\n                                <img decoding=\"async\" src=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/thumbnails_png\/E339_handle_thumbnail.png\" \r\n                                     alt=\"E339 Handle\" \r\n                                     class=\"component-thumbnail\">\r\n                                <span class=\"component-name\">E339<\/span>\r\n                            <\/button>\r\n                                                    <button class=\"component-btn\" \r\n                                    data-value=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/glb\/E346_handle.glb\" \r\n                                    title=\"E346 Handle\">\r\n                                <img decoding=\"async\" src=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/thumbnails_png\/E346_handle_thumbnail.png\" \r\n                                     alt=\"E346 Handle\" \r\n                                     class=\"component-thumbnail\">\r\n                                <span class=\"component-name\">E346<\/span>\r\n                            <\/button>\r\n                                                    <button class=\"component-btn\" \r\n                                    data-value=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/glb\/E363_handle.glb\" \r\n                                    title=\"E363 Handle\">\r\n                                <img decoding=\"async\" src=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/thumbnails_png\/E363_handle_thumbnail.png\" \r\n                                     alt=\"E363 Handle\" \r\n                                     class=\"component-thumbnail\">\r\n                                <span class=\"component-name\">E363<\/span>\r\n                            <\/button>\r\n                                                    <button class=\"component-btn\" \r\n                                    data-value=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/glb\/E365_handle.glb\" \r\n                                    title=\"E365 Handle\">\r\n                                <img decoding=\"async\" src=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/thumbnails_png\/E365_handle_thumbnail.png\" \r\n                                     alt=\"E365 Handle\" \r\n                                     class=\"component-thumbnail\">\r\n                                <span class=\"component-name\">E365<\/span>\r\n                            <\/button>\r\n                                                    <button class=\"component-btn\" \r\n                                    data-value=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/glb\/E366_handle.glb\" \r\n                                    title=\"E366 Handle\">\r\n                                <img decoding=\"async\" src=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/thumbnails_png\/E366_handle_thumbnail.png\" \r\n                                     alt=\"E366 Handle\" \r\n                                     class=\"component-thumbnail\">\r\n                                <span class=\"component-name\">E366<\/span>\r\n                            <\/button>\r\n                                                    <button class=\"component-btn\" \r\n                                    data-value=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/glb\/E385_handle.glb\" \r\n                                    title=\"E385 Handle\">\r\n                                <img decoding=\"async\" src=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/thumbnails_png\/E385_handle_thumbnail.png\" \r\n                                     alt=\"E385 Handle\" \r\n                                     class=\"component-thumbnail\">\r\n                                <span class=\"component-name\">E385<\/span>\r\n                            <\/button>\r\n                                                    <button class=\"component-btn\" \r\n                                    data-value=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/glb\/E386_handle.glb\" \r\n                                    title=\"E386 Handle\">\r\n                                <img decoding=\"async\" src=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/thumbnails_png\/E386_handle_thumbnail.png\" \r\n                                     alt=\"E386 Handle\" \r\n                                     class=\"component-thumbnail\">\r\n                                <span class=\"component-name\">E386<\/span>\r\n                            <\/button>\r\n                                                    <button class=\"component-btn\" \r\n                                    data-value=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/glb\/E389_handle.glb\" \r\n                                    title=\"E389 Handle\">\r\n                                <img decoding=\"async\" src=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/thumbnails_png\/E389_handle_thumbnail.png\" \r\n                                     alt=\"E389 Handle\" \r\n                                     class=\"component-thumbnail\">\r\n                                <span class=\"component-name\">E389<\/span>\r\n                            <\/button>\r\n                                            <\/div>\r\n                    <div class=\"color-swatches\" data-component=\"grip\">\r\n                        <div class=\"color-options\">\r\n                            <!-- Colors will be dynamically updated by JavaScript -->\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"control-group\">\r\n                    <label>Pommel (Optional):<\/label>\r\n                    <div class=\"component-btn-group\" id=\"pommel-btn-group\">\r\n                                                    <button class=\"component-btn selected\" \r\n                                    data-value=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/glb\/E312_pommel.glb\" \r\n                                    title=\"E312 Pommel\">\r\n                                <img decoding=\"async\" src=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/thumbnails_png\/E312_pommel_thumbnail.png\" \r\n                                     alt=\"E312 Pommel\" \r\n                                     class=\"component-thumbnail\">\r\n                                <span class=\"component-name\">E312<\/span>\r\n                            <\/button>\r\n                                                    <button class=\"component-btn\" \r\n                                    data-value=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/glb\/E323_pommel.glb\" \r\n                                    title=\"E323 Pommel\">\r\n                                <img decoding=\"async\" src=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/thumbnails_png\/E323_pommel_thumbnail.png\" \r\n                                     alt=\"E323 Pommel\" \r\n                                     class=\"component-thumbnail\">\r\n                                <span class=\"component-name\">E323<\/span>\r\n                            <\/button>\r\n                                                    <button class=\"component-btn\" \r\n                                    data-value=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/glb\/E324_pommel.glb\" \r\n                                    title=\"E324 Pommel\">\r\n                                <img decoding=\"async\" src=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/thumbnails_png\/E324_pommel_thumbnail.png\" \r\n                                     alt=\"E324 Pommel\" \r\n                                     class=\"component-thumbnail\">\r\n                                <span class=\"component-name\">E324<\/span>\r\n                            <\/button>\r\n                                                    <button class=\"component-btn\" \r\n                                    data-value=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/glb\/E351_pommel.glb\" \r\n                                    title=\"E351 Pommel\">\r\n                                <img decoding=\"async\" src=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/thumbnails_png\/E351_pommel_thumbnail.png\" \r\n                                     alt=\"E351 Pommel\" \r\n                                     class=\"component-thumbnail\">\r\n                                <span class=\"component-name\">E351<\/span>\r\n                            <\/button>\r\n                                                    <button class=\"component-btn\" \r\n                                    data-value=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/glb\/E360_pommel.glb\" \r\n                                    title=\"E360 Pommel\">\r\n                                <img decoding=\"async\" src=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/thumbnails_png\/E360_pommel_thumbnail.png\" \r\n                                     alt=\"E360 Pommel\" \r\n                                     class=\"component-thumbnail\">\r\n                                <span class=\"component-name\">E360<\/span>\r\n                            <\/button>\r\n                                                    <button class=\"component-btn\" \r\n                                    data-value=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/glb\/E362_pommel.glb\" \r\n                                    title=\"E362 Pommel\">\r\n                                <img decoding=\"async\" src=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/thumbnails_png\/E362_pommel_thumbnail.png\" \r\n                                     alt=\"E362 Pommel\" \r\n                                     class=\"component-thumbnail\">\r\n                                <span class=\"component-name\">E362<\/span>\r\n                            <\/button>\r\n                                                    <button class=\"component-btn\" \r\n                                    data-value=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/glb\/E377_pommel.glb\" \r\n                                    title=\"E377 Pommel\">\r\n                                <img decoding=\"async\" src=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/thumbnails_png\/E377_pommel_thumbnail.png\" \r\n                                     alt=\"E377 Pommel\" \r\n                                     class=\"component-thumbnail\">\r\n                                <span class=\"component-name\">E377<\/span>\r\n                            <\/button>\r\n                                                    <button class=\"component-btn\" \r\n                                    data-value=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/glb\/E382_pommel.glb\" \r\n                                    title=\"E382 Pommel\">\r\n                                <img decoding=\"async\" src=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/thumbnails_png\/E382_pommel_thumbnail.png\" \r\n                                     alt=\"E382 Pommel\" \r\n                                     class=\"component-thumbnail\">\r\n                                <span class=\"component-name\">E382<\/span>\r\n                            <\/button>\r\n                                                <button class=\"component-btn\" data-value=\"none\" title=\"No Pommel\">\r\n                            <div class=\"none-option-content\">\r\n                                <span class=\"none-icon\">\u2715<\/span>\r\n                                <span class=\"component-name\">None<\/span>\r\n                            <\/div>\r\n                        <\/button>\r\n                    <\/div>\r\n                    <div class=\"color-swatches\" data-component=\"pommel\">\r\n                        <div class=\"color-options\">\r\n                            <!-- Colors will be dynamically updated by JavaScript -->\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Connector Section -->\r\n                <div class=\"control-group\">\r\n                    <label>Connector (Optional for Single Hilt):<\/label>\r\n                    <div class=\"component-btn-group\" id=\"connector-btn-group\">\r\n                        <button class=\"component-btn selected\" data-value=\"none\" title=\"No Connector\">\r\n                            <div class=\"none-option-content\">\r\n                                <span class=\"none-icon\">\u2715<\/span>\r\n                                <span class=\"component-name\">None<\/span>\r\n                            <\/div>\r\n                        <\/button>\r\n                                                    <button class=\"component-btn\" \r\n                                    data-value=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/glb\/E310_connector.glb\" \r\n                                    title=\"E310 Connector\" \r\n                                    data-component-id=\"E310_connector\">\r\n                                <img decoding=\"async\" src=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/thumbnails_png\/E310_connector_thumbnail.png\" \r\n                                     alt=\"E310 Connector\" \r\n                                     class=\"component-thumbnail\">\r\n                                <span class=\"component-name\">E310<\/span>\r\n                            <\/button>\r\n                                                    <button class=\"component-btn\" \r\n                                    data-value=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/glb\/quick_release_coupler.glb\" \r\n                                    title=\"quick Release Coupler\" \r\n                                    data-component-id=\"quick_release_coupler\">\r\n                                <img decoding=\"async\" src=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/thumbnails_png\/quick_release_coupler_thumbnail.png\" \r\n                                     alt=\"quick Release Coupler\" \r\n                                     class=\"component-thumbnail\">\r\n                                <span class=\"component-name\">Quick Release Coupler<\/span>\r\n                            <\/button>\r\n                                                    <button class=\"component-btn\" \r\n                                    data-value=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/glb\/E337_connector.glb\" \r\n                                    title=\"E337 Connector\" \r\n                                    data-component-id=\"E337_connector\">\r\n                                <img decoding=\"async\" src=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/thumbnails_png\/E337_connector_thumbnail.png\" \r\n                                     alt=\"E337 Connector\" \r\n                                     class=\"component-thumbnail\">\r\n                                <span class=\"component-name\">E337<\/span>\r\n                            <\/button>\r\n                                                    <button class=\"component-btn\" \r\n                                    data-value=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/glb\/E353_connector.glb\" \r\n                                    title=\"E353 Connector\" \r\n                                    data-component-id=\"E353_connector\">\r\n                                <img decoding=\"async\" src=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/thumbnails_png\/E353_connector_thumbnail.png\" \r\n                                     alt=\"E353 Connector\" \r\n                                     class=\"component-thumbnail\">\r\n                                <span class=\"component-name\">E353<\/span>\r\n                            <\/button>\r\n                                            <\/div>\r\n                    <div class=\"color-swatches\" data-component=\"connector\">\r\n                        <div class=\"color-options\">\r\n                            <!-- Colors will be dynamically updated by JavaScript -->\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                    <div class=\"step-navigation\">\r\n                        <button class=\"prev-btn\" onclick=\"prevStep()\">Previous<\/button>\r\n                        <button class=\"next-btn\" onclick=\"nextStep()\" style=\"display: inline-block;\">Next<\/button>\r\n                        <button id=\"next-to-second-hilt\" class=\"next-btn\" onclick=\"nextStep()\" style=\"display: none;\">Next<\/button>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Step 3: Second Hilt Components (for double blade mode) -->\r\n                <div class=\"step-content\" id=\"step-3\">\r\n                    <div class=\"step-header\">\r\n                        <h3>Second Hilt Components<\/h3>\r\n                        <p>Configure the second hilt for your double-blade lightsaber<\/p>\r\n                    <\/div>\r\n\r\n                <div class=\"control-group\">\r\n                    <label>Second Emitter:<\/label>\r\n                    <div class=\"component-btn-group\" id=\"second-emitter-btn-group\">\r\n                                                    <button class=\"component-btn\" \r\n                                    data-value=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/glb\/E302_emitter.glb\" \r\n                                    title=\"E302 Emitter\">\r\n                                <img decoding=\"async\" src=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/thumbnails_png\/E302_emitter_thumbnail.png\" \r\n                                     alt=\"E302 Emitter\" \r\n                                     class=\"component-thumbnail\">\r\n                                <span class=\"component-name\">E302<\/span>\r\n                            <\/button>\r\n                                                    <button class=\"component-btn\" \r\n                                    data-value=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/glb\/E303_emitter.glb\" \r\n                                    title=\"E303 Emitter\">\r\n                                <img decoding=\"async\" src=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/thumbnails_png\/E303_emitter_thumbnail.png\" \r\n                                     alt=\"E303 Emitter\" \r\n                                     class=\"component-thumbnail\">\r\n                                <span class=\"component-name\">E303<\/span>\r\n                            <\/button>\r\n                                                    <button class=\"component-btn\" \r\n                                    data-value=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/glb\/E304_emitter.glb\" \r\n                                    title=\"E304 Emitter\">\r\n                                <img decoding=\"async\" src=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/thumbnails_png\/E304_emitter_thumbnail.png\" \r\n                                     alt=\"E304 Emitter\" \r\n                                     class=\"component-thumbnail\">\r\n                                <span class=\"component-name\">E304<\/span>\r\n                            <\/button>\r\n                                                    <button class=\"component-btn\" \r\n                                    data-value=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/glb\/E307+E309_emitter.glb\" \r\n                                    title=\"E307+E309 Emitter\">\r\n                                <img decoding=\"async\" src=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/thumbnails_png\/E307+E309_emitter_thumbnail.png\" \r\n                                     alt=\"E307+E309 Emitter\" \r\n                                     class=\"component-thumbnail\">\r\n                                <span class=\"component-name\">E307<\/span>\r\n                            <\/button>\r\n                                                    <button class=\"component-btn\" \r\n                                    data-value=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/glb\/E309_emitter.glb\" \r\n                                    title=\"E309 Emitter\">\r\n                                <img decoding=\"async\" src=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/thumbnails_png\/E309_emitter_thumbnail.png\" \r\n                                     alt=\"E309 Emitter\" \r\n                                     class=\"component-thumbnail\">\r\n                                <span class=\"component-name\">E309<\/span>\r\n                            <\/button>\r\n                                                    <button class=\"component-btn\" \r\n                                    data-value=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/glb\/E311_emitter.glb\" \r\n                                    title=\"E311 Emitter\">\r\n                                <img decoding=\"async\" src=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/thumbnails_png\/E311_emitter_thumbnail.png\" \r\n                                     alt=\"E311 Emitter\" \r\n                                     class=\"component-thumbnail\">\r\n                                <span class=\"component-name\">E311<\/span>\r\n                            <\/button>\r\n                                                    <button class=\"component-btn\" \r\n                                    data-value=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/glb\/E313_emitter.glb\" \r\n                                    title=\"E313 Emitter\">\r\n                                <img decoding=\"async\" src=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/thumbnails_png\/E313_emitter_thumbnail.png\" \r\n                                     alt=\"E313 Emitter\" \r\n                                     class=\"component-thumbnail\">\r\n                                <span class=\"component-name\">E313<\/span>\r\n                            <\/button>\r\n                                                    <button class=\"component-btn selected\" \r\n                                    data-value=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/glb\/E319_emitter.glb\" \r\n                                    title=\"E319 Emitter\">\r\n                                <img decoding=\"async\" src=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/thumbnails_png\/E319_emitter_thumbnail.png\" \r\n                                     alt=\"E319 Emitter\" \r\n                                     class=\"component-thumbnail\">\r\n                                <span class=\"component-name\">E319<\/span>\r\n                            <\/button>\r\n                                                    <button class=\"component-btn\" \r\n                                    data-value=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/glb\/E320_emitter.glb\" \r\n                                    title=\"E320 Emitter\">\r\n                                <img decoding=\"async\" src=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/thumbnails_png\/E320_emitter_thumbnail.png\" \r\n                                     alt=\"E320 Emitter\" \r\n                                     class=\"component-thumbnail\">\r\n                                <span class=\"component-name\">E320<\/span>\r\n                            <\/button>\r\n                                                    <button class=\"component-btn\" \r\n                                    data-value=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/glb\/E327_emitter.glb\" \r\n                                    title=\"E327 Emitter\">\r\n                                <img decoding=\"async\" src=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/thumbnails_png\/E327_emitter_thumbnail.png\" \r\n                                     alt=\"E327 Emitter\" \r\n                                     class=\"component-thumbnail\">\r\n                                <span class=\"component-name\">E327<\/span>\r\n                            <\/button>\r\n                                                    <button class=\"component-btn\" \r\n                                    data-value=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/glb\/E332_emitter.glb\" \r\n                                    title=\"E332 Emitter\">\r\n                                <img decoding=\"async\" src=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/thumbnails_png\/E332_emitter_thumbnail.png\" \r\n                                     alt=\"E332 Emitter\" \r\n                                     class=\"component-thumbnail\">\r\n                                <span class=\"component-name\">E332<\/span>\r\n                            <\/button>\r\n                                                    <button class=\"component-btn\" \r\n                                    data-value=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/glb\/E348_emitter.glb\" \r\n                                    title=\"E348 Emitter\">\r\n                                <img decoding=\"async\" src=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/thumbnails_png\/E348_emitter_thumbnail.png\" \r\n                                     alt=\"E348 Emitter\" \r\n                                     class=\"component-thumbnail\">\r\n                                <span class=\"component-name\">E348<\/span>\r\n                            <\/button>\r\n                                                    <button class=\"component-btn\" \r\n                                    data-value=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/glb\/E350_emitter.glb\" \r\n                                    title=\"E350 Emitter\">\r\n                                <img decoding=\"async\" src=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/thumbnails_png\/E350_emitter_thumbnail.png\" \r\n                                     alt=\"E350 Emitter\" \r\n                                     class=\"component-thumbnail\">\r\n                                <span class=\"component-name\">E350<\/span>\r\n                            <\/button>\r\n                                                    <button class=\"component-btn\" \r\n                                    data-value=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/glb\/E354_emitter.glb\" \r\n                                    title=\"E354 Emitter\">\r\n                                <img decoding=\"async\" src=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/thumbnails_png\/E354_emitter_thumbnail.png\" \r\n                                     alt=\"E354 Emitter\" \r\n                                     class=\"component-thumbnail\">\r\n                                <span class=\"component-name\">E354<\/span>\r\n                            <\/button>\r\n                                                    <button class=\"component-btn\" \r\n                                    data-value=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/glb\/E355_emitter.glb\" \r\n                                    title=\"E355 Emitter\">\r\n                                <img decoding=\"async\" src=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/thumbnails_png\/E355_emitter_thumbnail.png\" \r\n                                     alt=\"E355 Emitter\" \r\n                                     class=\"component-thumbnail\">\r\n                                <span class=\"component-name\">E355<\/span>\r\n                            <\/button>\r\n                                                    <button class=\"component-btn\" \r\n                                    data-value=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/glb\/E361_emitter.glb\" \r\n                                    title=\"E361 Emitter\">\r\n                                <img decoding=\"async\" src=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/thumbnails_png\/E361_emitter_thumbnail.png\" \r\n                                     alt=\"E361 Emitter\" \r\n                                     class=\"component-thumbnail\">\r\n                                <span class=\"component-name\">E361<\/span>\r\n                            <\/button>\r\n                                                    <button class=\"component-btn\" \r\n                                    data-value=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/glb\/E381_emitter.glb\" \r\n                                    title=\"E381 Emitter\">\r\n                                <img decoding=\"async\" src=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/thumbnails_png\/E381_emitter_thumbnail.png\" \r\n                                     alt=\"E381 Emitter\" \r\n                                     class=\"component-thumbnail\">\r\n                                <span class=\"component-name\">E381<\/span>\r\n                            <\/button>\r\n                                            <\/div>\r\n                    <div class=\"color-swatches\" data-component=\"second-emitter\">\r\n                        <div class=\"color-options\">\r\n                            <!-- Colors will be dynamically updated by JavaScript -->\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"control-group\">\r\n                    <label>Second Middle Part:<\/label>\r\n                    <div class=\"component-btn-group\" id=\"second-middle-btn-group\">\r\n                                                    <button class=\"component-btn\" \r\n                                    data-value=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/glb\/E305_middle_part.glb\" \r\n                                    title=\"E305 Middle Part\">\r\n                                <img decoding=\"async\" src=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/thumbnails_png\/E305_middle_part_thumbnail.png\" \r\n                                     alt=\"E305 Middle Part\" \r\n                                     class=\"component-thumbnail\">\r\n                                <span class=\"component-name\">E305<\/span>\r\n                            <\/button>\r\n                                                    <button class=\"component-btn\" \r\n                                    data-value=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/glb\/E306_middle.glb\" \r\n                                    title=\"E306 Middle\">\r\n                                <img decoding=\"async\" src=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/thumbnails_png\/E306_middle_thumbnail.png\" \r\n                                     alt=\"E306 Middle\" \r\n                                     class=\"component-thumbnail\">\r\n                                <span class=\"component-name\">E306<\/span>\r\n                            <\/button>\r\n                                                    <button class=\"component-btn selected\" \r\n                                    data-value=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/glb\/E338_middle_part.glb\" \r\n                                    title=\"E338 Middle Part\">\r\n                                <img decoding=\"async\" src=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/thumbnails_png\/E338_middle_part_thumbnail.png\" \r\n                                     alt=\"E338 Middle Part\" \r\n                                     class=\"component-thumbnail\">\r\n                                <span class=\"component-name\">E338<\/span>\r\n                            <\/button>\r\n                                            <\/div>\r\n                    <div class=\"color-swatches\" data-component=\"second-middle\">\r\n                        <div class=\"color-options\">\r\n                            <!-- Colors will be dynamically updated by JavaScript -->\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"control-group\">\r\n                    <label>Second Grip:<\/label>\r\n                    <div class=\"component-btn-group\" id=\"second-grip-btn-group\">\r\n                                                    <button class=\"component-btn\" \r\n                                    data-value=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/glb\/E325_handle.glb\" \r\n                                    title=\"E325 Handle\">\r\n                                <img decoding=\"async\" src=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/thumbnails_png\/E325_handle_thumbnail.png\" \r\n                                     alt=\"E325 Handle\" \r\n                                     class=\"component-thumbnail\">\r\n                                <span class=\"component-name\">E325<\/span>\r\n                            <\/button>\r\n                                                    <button class=\"component-btn\" \r\n                                    data-value=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/glb\/E326_handle.glb\" \r\n                                    title=\"E326 Handle\">\r\n                                <img decoding=\"async\" src=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/thumbnails_png\/E326_handle_thumbnail.png\" \r\n                                     alt=\"E326 Handle\" \r\n                                     class=\"component-thumbnail\">\r\n                                <span class=\"component-name\">E326<\/span>\r\n                            <\/button>\r\n                                                    <button class=\"component-btn\" \r\n                                    data-value=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/glb\/E329_handle.glb\" \r\n                                    title=\"E329 Handle\">\r\n                                <img decoding=\"async\" src=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/thumbnails_png\/E329_handle_thumbnail.png\" \r\n                                     alt=\"E329 Handle\" \r\n                                     class=\"component-thumbnail\">\r\n                                <span class=\"component-name\">E329<\/span>\r\n                            <\/button>\r\n                                                    <button class=\"component-btn\" \r\n                                    data-value=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/glb\/E330_handle.glb\" \r\n                                    title=\"E330 Handle\">\r\n                                <img decoding=\"async\" src=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/thumbnails_png\/E330_handle_thumbnail.png\" \r\n                                     alt=\"E330 Handle\" \r\n                                     class=\"component-thumbnail\">\r\n                                <span class=\"component-name\">E330<\/span>\r\n                            <\/button>\r\n                                                    <button class=\"component-btn\" \r\n                                    data-value=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/glb\/E334_handle.glb\" \r\n                                    title=\"E334 Handle\">\r\n                                <img decoding=\"async\" src=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/thumbnails_png\/E334_handle_thumbnail.png\" \r\n                                     alt=\"E334 Handle\" \r\n                                     class=\"component-thumbnail\">\r\n                                <span class=\"component-name\">E334<\/span>\r\n                            <\/button>\r\n                                                    <button class=\"component-btn\" \r\n                                    data-value=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/glb\/E336_handle.glb\" \r\n                                    title=\"E336 Handle\">\r\n                                <img decoding=\"async\" src=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/thumbnails_png\/E336_handle_thumbnail.png\" \r\n                                     alt=\"E336 Handle\" \r\n                                     class=\"component-thumbnail\">\r\n                                <span class=\"component-name\">E336<\/span>\r\n                            <\/button>\r\n                                                    <button class=\"component-btn selected\" \r\n                                    data-value=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/glb\/E339_handle.glb\" \r\n                                    title=\"E339 Handle\">\r\n                                <img decoding=\"async\" src=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/thumbnails_png\/E339_handle_thumbnail.png\" \r\n                                     alt=\"E339 Handle\" \r\n                                     class=\"component-thumbnail\">\r\n                                <span class=\"component-name\">E339<\/span>\r\n                            <\/button>\r\n                                                    <button class=\"component-btn\" \r\n                                    data-value=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/glb\/E346_handle.glb\" \r\n                                    title=\"E346 Handle\">\r\n                                <img decoding=\"async\" src=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/thumbnails_png\/E346_handle_thumbnail.png\" \r\n                                     alt=\"E346 Handle\" \r\n                                     class=\"component-thumbnail\">\r\n                                <span class=\"component-name\">E346<\/span>\r\n                            <\/button>\r\n                                                    <button class=\"component-btn\" \r\n                                    data-value=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/glb\/E363_handle.glb\" \r\n                                    title=\"E363 Handle\">\r\n                                <img decoding=\"async\" src=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/thumbnails_png\/E363_handle_thumbnail.png\" \r\n                                     alt=\"E363 Handle\" \r\n                                     class=\"component-thumbnail\">\r\n                                <span class=\"component-name\">E363<\/span>\r\n                            <\/button>\r\n                                                    <button class=\"component-btn\" \r\n                                    data-value=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/glb\/E365_handle.glb\" \r\n                                    title=\"E365 Handle\">\r\n                                <img decoding=\"async\" src=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/thumbnails_png\/E365_handle_thumbnail.png\" \r\n                                     alt=\"E365 Handle\" \r\n                                     class=\"component-thumbnail\">\r\n                                <span class=\"component-name\">E365<\/span>\r\n                            <\/button>\r\n                                                    <button class=\"component-btn\" \r\n                                    data-value=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/glb\/E366_handle.glb\" \r\n                                    title=\"E366 Handle\">\r\n                                <img decoding=\"async\" src=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/thumbnails_png\/E366_handle_thumbnail.png\" \r\n                                     alt=\"E366 Handle\" \r\n                                     class=\"component-thumbnail\">\r\n                                <span class=\"component-name\">E366<\/span>\r\n                            <\/button>\r\n                                                    <button class=\"component-btn\" \r\n                                    data-value=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/glb\/E385_handle.glb\" \r\n                                    title=\"E385 Handle\">\r\n                                <img decoding=\"async\" src=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/thumbnails_png\/E385_handle_thumbnail.png\" \r\n                                     alt=\"E385 Handle\" \r\n                                     class=\"component-thumbnail\">\r\n                                <span class=\"component-name\">E385<\/span>\r\n                            <\/button>\r\n                                                    <button class=\"component-btn\" \r\n                                    data-value=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/glb\/E386_handle.glb\" \r\n                                    title=\"E386 Handle\">\r\n                                <img decoding=\"async\" src=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/thumbnails_png\/E386_handle_thumbnail.png\" \r\n                                     alt=\"E386 Handle\" \r\n                                     class=\"component-thumbnail\">\r\n                                <span class=\"component-name\">E386<\/span>\r\n                            <\/button>\r\n                                                    <button class=\"component-btn\" \r\n                                    data-value=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/glb\/E389_handle.glb\" \r\n                                    title=\"E389 Handle\">\r\n                                <img decoding=\"async\" src=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/thumbnails_png\/E389_handle_thumbnail.png\" \r\n                                     alt=\"E389 Handle\" \r\n                                     class=\"component-thumbnail\">\r\n                                <span class=\"component-name\">E389<\/span>\r\n                            <\/button>\r\n                                            <\/div>\r\n                    <div class=\"color-swatches\" data-component=\"second-grip\">\r\n                        <div class=\"color-options\">\r\n                            <!-- Colors will be dynamically updated by JavaScript -->\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                    <div class=\"step-navigation\">\r\n                        <button class=\"prev-btn\" onclick=\"prevStep()\">Previous<\/button>\r\n                        <button class=\"next-btn\" onclick=\"nextStep()\">Next<\/button>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Step 4: Version Selection (RGB\/Pixel) -->\r\n                <div class=\"step-content\" id=\"step-4\">\r\n                    <div class=\"step-header\">\r\n                        <h3>Choose Your Version<\/h3>\r\n                        <p>Select between RGB and Pixel lightsaber technology<\/p>\r\n                    <\/div>\r\n                    <div class=\"control-group\">\r\n                        <div class=\"blade-length-selector\">\r\n                            <button id=\"rgb-option\" class=\"blade-length-btn active\" data-version=\"rgb\">\r\n                                <span class=\"length-label\">RGB<\/span>\r\n                                <span class=\"length-description\">Durable & Affordable<br>Perfect for Dueling<\/span>\r\n                                <span class=\"type-price\">CHF 199<\/span>\r\n                            <\/button>\r\n                            <button id=\"pixel-option\" class=\"blade-length-btn\" data-version=\"pixel\">\r\n                                <span class=\"length-label\">Pixel<\/span>\r\n                                <span class=\"length-description\">Premium & Ultra-Bright<br>Stunningly Realistic<\/span>\r\n                                <span class=\"type-price\">CHF 249<\/span>\r\n                            <\/button>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"step-navigation\">\r\n                        <button class=\"prev-btn\" onclick=\"prevStep()\">Previous<\/button>\r\n                        <button class=\"next-btn\" onclick=\"nextStep()\">Next<\/button>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Step 5: Blade Length Selection -->\r\n                <div class=\"step-content\" id=\"step-5\">\r\n                    <div class=\"step-header\">\r\n                        <h3>Step 5: Select Blade Length<\/h3>\r\n                        <p>Find the blade that matches your fighting style and height<\/p>\r\n                    <\/div>\r\n                    <div class=\"control-group\">\r\n                        <div class=\"blade-length-selector\">\r\n                            <button id=\"length-92\" class=\"blade-length-btn active\" data-length=\"92\">\r\n                                <span class=\"length-label\">92cm<\/span>\r\n                                <span class=\"length-description\">Standard <br> (Movie-accurate)<\/span>\r\n                            <\/button>\r\n                            <button id=\"length-72\" class=\"blade-length-btn\" data-length=\"72\">\r\n                                <span class=\"length-label\">72cm<\/span>\r\n                                <span class=\"length-description\">Balance<\/span>\r\n                            <\/button>\r\n                            <button id=\"length-52\" class=\"blade-length-btn\" data-length=\"52\">\r\n                                <span class=\"length-label\">52cm<\/span>\r\n                                <span class=\"length-description\">Compact<\/span>\r\n                            <\/button>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"step-navigation\">\r\n                        <button class=\"prev-btn\" onclick=\"prevStep()\">Previous<\/button>\r\n                        <button class=\"next-btn\" onclick=\"nextStep()\">Next<\/button>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Step 6: Accessories -->\r\n                <div class=\"step-content\" id=\"step-6\">\r\n                    <div class=\"step-header\">\r\n                        <h3 id=\"accessories-step-title\">Select Accessories<\/h3>\r\n                        <p>Enhance your lightsaber experience with optional accessories<\/p>\r\n                    <\/div>\r\n\r\n                <div class=\"accessories-grid\">\r\n                                        <div class=\"accessory-item\" data-accessory=\"stand\">\r\n                        <div class=\"accessory-checkbox\">\r\n                            <input type=\"checkbox\" id=\"accessory-stand\" class=\"accessory-check\">\r\n                            <label for=\"accessory-stand\" class=\"accessory-label\">\r\n                                <div class=\"accessory-icon\">\r\n                                    <img decoding=\"async\" src=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/accessories\/stand.jpg\" alt=\"St\u00e4nder\" class=\"accessory-thumbnail\">\r\n                                <\/div>\r\n                                <div class=\"accessory-info\">\r\n                                    <span class=\"accessory-name\">St\u00e4nder<\/span>\r\n                                    <span class=\"accessory-description\">Premium display stand<\/span>\r\n                                    <span class=\"accessory-price\">CHF 15 <span style=\"text-decoration: line-through; color: #888; font-size: 0.9em;\">CHF 20<\/span><\/span>\r\n                                <\/div>\r\n                            <\/label>\r\n                        <\/div>\r\n                    <\/div>\r\n                                        <div class=\"accessory-item\" data-accessory=\"wall-mount\">\r\n                        <div class=\"accessory-checkbox\">\r\n                            <input type=\"checkbox\" id=\"accessory-wall-mount\" class=\"accessory-check\">\r\n                            <label for=\"accessory-wall-mount\" class=\"accessory-label\">\r\n                                <div class=\"accessory-icon\">\r\n                                    <img decoding=\"async\" src=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/accessories\/wall%20mount.jpg\" alt=\"Wandhalterung\" class=\"accessory-thumbnail\">\r\n                                <\/div>\r\n                                <div class=\"accessory-info\">\r\n                                    <span class=\"accessory-name\">Wandhalterung<\/span>\r\n                                    <span class=\"accessory-description\">Wall display mounting<\/span>\r\n                                    <span class=\"accessory-price\">CHF 15 <span style=\"text-decoration: line-through; color: #888; font-size: 0.9em;\">CHF 20<\/span><\/span>\r\n                                <\/div>\r\n                            <\/label>\r\n                        <\/div>\r\n                    <\/div>\r\n                                        <div class=\"accessory-item\" data-accessory=\"belt-clip\">\r\n                        <div class=\"accessory-checkbox\">\r\n                            <input type=\"checkbox\" id=\"accessory-belt-clip\" class=\"accessory-check\">\r\n                            <label for=\"accessory-belt-clip\" class=\"accessory-label\">\r\n                                <div class=\"accessory-icon\">\r\n                                    <img decoding=\"async\" src=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/accessories\/belt%20clip.jpg\" alt=\"G\u00fcrtelschnalle\" class=\"accessory-thumbnail\">\r\n                                <\/div>\r\n                                <div class=\"accessory-info\">\r\n                                    <span class=\"accessory-name\">G\u00fcrtelschnalle<\/span>\r\n                                    <span class=\"accessory-description\">Secure carrying attachment<\/span>\r\n                                    <span class=\"accessory-price\">CHF 15<\/span>\r\n                                <\/div>\r\n                            <\/label>\r\n                        <\/div>\r\n                    <\/div>\r\n                                        <div class=\"accessory-item\" data-accessory=\"case\">\r\n                        <div class=\"accessory-checkbox\">\r\n                            <input type=\"checkbox\" id=\"accessory-case\" class=\"accessory-check\">\r\n                            <label for=\"accessory-case\" class=\"accessory-label\">\r\n                                <div class=\"accessory-icon\">\r\n                                    <img decoding=\"async\" src=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/accessories\/case.png\" alt=\"Premium Koffer\" class=\"accessory-thumbnail\">\r\n                                <\/div>\r\n                                <div class=\"accessory-info\">\r\n                                    <span class=\"accessory-name\">Premium Koffer<\/span>\r\n                                    <span class=\"accessory-description\">Protective travel case<\/span>\r\n                                    <span class=\"accessory-price\">CHF 80 <span style=\"text-decoration: line-through; color: #888; font-size: 0.9em;\">CHF 100<\/span><\/span>\r\n                                <\/div>\r\n                            <\/label>\r\n                        <\/div>\r\n                    <\/div>\r\n                                        <div class=\"accessory-item\" data-accessory=\"battery\">\r\n                        <div class=\"accessory-checkbox\">\r\n                            <input type=\"checkbox\" id=\"accessory-battery\" class=\"accessory-check\">\r\n                            <label for=\"accessory-battery\" class=\"accessory-label\">\r\n                                <div class=\"accessory-icon\">\r\n                                    <img decoding=\"async\" src=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/accessories\/battery.jpg\" alt=\"Ersatzakku\" class=\"accessory-thumbnail\">\r\n                                <\/div>\r\n                                <div class=\"accessory-info\">\r\n                                    <span class=\"accessory-name\">Ersatzakku<\/span>\r\n                                    <span class=\"accessory-description\">Spare rechargeable battery (only choose this if you need an additional battery)<\/span>\r\n                                    <span class=\"accessory-price\">CHF 20<\/span>\r\n                                <\/div>\r\n                            <\/label>\r\n                        <\/div>\r\n                    <\/div>\r\n                                    <\/div>\r\n                    <div class=\"step-navigation\">\r\n                        <button class=\"prev-btn\" onclick=\"prevStep()\">Previous<\/button>\r\n                        <button class=\"complete-btn\" onclick=\"completeConfiguration()\">Add to Cart<\/button>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <!-- Info Popup -->\r\n        <div id=\"info-popup\" class=\"info-popup\" style=\"display: none;\">\r\n            <div class=\"info-popup-content\">\r\n                <span id=\"close-info-popup\" class=\"close-info-btn\" title=\"Close\">&times;<\/span>\r\n                <div style=\"text-align: center; margin-bottom: 25px;\">\r\n                    <h2 style=\"margin-bottom: 15px;\">How to Build Your Lightsaber<\/h2>\r\n                    <div class=\"component-carousel-container\">\r\n                        <div class=\"component-carousel-track\">\r\n                            <img decoding=\"async\" src=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/images\/components (1).jpg\" alt=\"Component 1\" class=\"component-carousel-image\" style=\"border-color: #ff0000; box-shadow: 0 0 8px rgba(255, 0, 0, 0.4);\">\r\n                            <img decoding=\"async\" src=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/images\/components (2).jpg\" alt=\"Component 2\" class=\"component-carousel-image\" style=\"border-color: #0066ff; box-shadow: 0 0 8px rgba(0, 102, 255, 0.4);\">\r\n                            <img decoding=\"async\" src=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/images\/components (3).jpg\" alt=\"Component 3\" class=\"component-carousel-image\" style=\"border-color: #00cc00; box-shadow: 0 0 8px rgba(0, 204, 0, 0.4);\">\r\n                            <img decoding=\"async\" src=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/images\/components (4).jpg\" alt=\"Component 4\" class=\"component-carousel-image\" style=\"border-color: #ffd700; box-shadow: 0 0 8px rgba(255, 215, 0, 0.4);\">\r\n                            <img decoding=\"async\" src=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/images\/components (5).jpg\" alt=\"Component 5\" class=\"component-carousel-image\" style=\"border-color: #808080; box-shadow: 0 0 8px rgba(128, 128, 128, 0.4);\">\r\n                            <img decoding=\"async\" src=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/images\/components (6).jpg\" alt=\"Component 6\" class=\"component-carousel-image\" style=\"border-color: #c600bf; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);\">\r\n                            <!-- Duplicate set for seamless loop -->\r\n                            <img decoding=\"async\" src=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/images\/components (1).jpg\" alt=\"Component 1\" class=\"component-carousel-image\" style=\"border-color: #ff0000; box-shadow: 0 0 8px rgba(255, 0, 0, 0.4);\">\r\n                            <img decoding=\"async\" src=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/images\/components (2).jpg\" alt=\"Component 2\" class=\"component-carousel-image\" style=\"border-color: #0066ff; box-shadow: 0 0 8px rgba(0, 102, 255, 0.4);\">\r\n                            <img decoding=\"async\" src=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/images\/components (3).jpg\" alt=\"Component 3\" class=\"component-carousel-image\" style=\"border-color: #00cc00; box-shadow: 0 0 8px rgba(0, 204, 0, 0.4);\">\r\n                            <img decoding=\"async\" src=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/images\/components (4).jpg\" alt=\"Component 4\" class=\"component-carousel-image\" style=\"border-color: #ffd700; box-shadow: 0 0 8px rgba(255, 215, 0, 0.4);\">\r\n                            <img decoding=\"async\" src=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/images\/components (5).jpg\" alt=\"Component 5\" class=\"component-carousel-image\" style=\"border-color: #808080; box-shadow: 0 0 8px rgba(128, 128, 128, 0.4);\">\r\n                            <img decoding=\"async\" src=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/images\/components (6).jpg\" alt=\"Component 6\" class=\"component-carousel-image\" style=\"border-color: #c600bf; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);\">\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                                \r\n                <div class=\"info-content\">\r\n                    \r\n                    <div style=\"background: rgba(255, 192, 58, 0.1); padding: 15px; border-radius: 8px; margin-bottom: 20px; border-left: 4px solid #FFC03A;\">\r\n                        <p style=\"margin: 0; font-weight: bold; color: #FFC03A;\">\u26a1 Configure each component individually. Your 3D model updates instantly as you make changes!<\/p>\r\n                    <\/div>\r\n                    \r\n                    <h3><img decoding=\"async\" src=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/icons\/control.svg\" alt=\"Control\" class=\"info-section-icon\"> Control the 3D Model<\/h3>\r\n                    <div style=\"background: rgba(255, 255, 255, 0.05); padding: 15px; border-radius: 8px; margin-bottom: 20px;\">\r\n                        <div style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 15px;\">\r\n                            <div>\r\n                                <p><strong>\ud83d\udcf1 On Mobile:<\/strong><\/p>\r\n                                <p>\u2022 Pinch to zoom in\/out<br>\u2022 Swipe to rotate around<\/p>\r\n                            <\/div>\r\n                            <div>\r\n                                <p><strong>\ud83d\uddb1\ufe0f On Desktop:<\/strong><\/p>\r\n                                <p>\u2022 Scroll wheel to zoom<br>\u2022 Click & drag to rotate<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <h3><img decoding=\"async\" src=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/icons\/configuration.svg\" alt=\"Configuration\" class=\"info-section-icon\"> Customize Your Saber Easily<\/h3>\r\n                    <div style=\"background: rgba(255, 255, 255, 0.05); padding: 15px; border-radius: 8px; margin-bottom: 20px;\">\r\n                        <p>Single blade or double-blade staff<\/p>\r\n                        <p>Select each component individually<\/p>\r\n                        <p>Pick your Version: RGB or Pixel<\/p>\r\n                        <p>Choose blade length (92cm, 72cm, or 52cm)<\/p>\r\n                        <p>Add accessories (optional)<\/p>\r\n                    <\/div>\r\n                    \r\n                    <h3><img decoding=\"async\" src=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/icons\/extra-features.svg\" alt=\"Extra Features\" class=\"info-section-icon\"> Extra Functions<\/h3>\r\n                    <div style=\"background: rgba(255, 255, 255, 0.05); padding: 15px; border-radius: 8px; margin-bottom: 20px;\">\r\n                        <p><strong>Click the blade button to ignite\/extinguish:<\/strong> Turn blade on<\/p>\r\n                        <p><strong>Change Blade Color:<\/strong> Click blade button, then pick a color<\/p>\r\n                        <p><strong>Use the reset button if you lose the view:<\/strong> Use the reset button if you lose the view<\/p>\r\n                    <\/div>\r\n                    \r\n                    <h3><img decoding=\"async\" src=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/icons\/gift.svg\" alt=\"Gift\" class=\"info-section-icon\"> What's Included<\/h3>\r\n                    <div style=\"background: rgba(76, 175, 80, 0.1); padding: 15px; border-radius: 8px; margin-bottom: 20px; border-left: 4px solid #4CAF50;\">\r\n                        <div style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 15px;\">\r\n                            <div>\r\n                                <p><strong>\ud83d\udee0\ufe0f Custom Hilt:<\/strong><br>Precision-machined aluminum, expertly assembled & tested in Switzerland<\/p>\r\n                                <p><strong>\ud83d\udd0a Electronics & Sound:<\/strong><br>Advanced lightsaber tech with motion effects and app control.<\/p>\r\n                            <\/div>\r\n                            <div>\r\n                                <p><strong>\ud83d\udde1\ufe0f Blade:<\/strong><br>Fully color-customizable with duel-ready RGB-blade or epic Neopixel illumination.<\/p>\r\n                                <p><strong>\ud83d\udce6 Complete Package:<\/strong><br>Battery, charger, tools, manual & warranty<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div style=\"text-align: center; margin-top: 15px; padding-top: 15px; border-top: 1px solid rgba(76, 175, 80, 0.3);\">\r\n                            <p style=\"margin: 0; font-weight: bold; color: #4CAF50;\">\u2728 Everything you need and ready to use out of the box - no additional components needed!<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <h3><img decoding=\"async\" src=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/icons\/order-info.svg\" alt=\"Order Info\" class=\"info-section-icon\"> Order Info<\/h3>\r\n                    <div style=\"background: rgba(255, 255, 255, 0.05); padding: 15px; border-radius: 8px; margin-bottom: 20px;\">\r\n                        <p><strong>\u23f1\ufe0f Delivery:<\/strong> 1-3 working days for components in stock (usually black, gold, grey, silver). If some components are not in stock: 1-6 weeks. Returns are not accepted, except in cases of defects, which will be replaced.<\/p>\r\n                        <p style=\"margin-bottom: 0;\"><strong>\u2705 Warranty:<\/strong> 2 years warranty according to our GTC.<\/p>\r\n                    <\/div>\r\n\r\n                    <!-- Bottom Close Button -->\r\n                    <button id=\"info-popup-close-bottom\" class=\"info-popup-close-bottom\" title=\"Close\">\r\n                        Close                    <\/button>\r\n\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <!-- Add to Cart Confirmation Popup -->\r\n        <div id=\"cart-confirm-popup\" class=\"info-popup\" style=\"display: none;\">\r\n            <div class=\"info-popup-content\">\r\n                <span id=\"close-cart-confirm-popup\" class=\"close-info-btn\" title=\"Cancel\">&times;<\/span>\r\n                                \r\n                <div class=\"info-content\">\r\n                    \r\n                    <h3 style=\"font-size: 16px; margin-bottom: 8px;\"><img decoding=\"async\" src=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/icons\/gift.svg\" alt=\"Gift\" class=\"info-section-icon\" style=\"width: 18px; height: 18px;\"> What's Included<\/h3>\r\n                    <div style=\"background: rgba(76, 175, 80, 0.1); padding: 10px; border-radius: 6px; margin-bottom: 12px; border-left: 3px solid #4CAF50;\">\r\n                        <div style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 10px; font-size: 13px;\">\r\n                            <div>\r\n                                <p style=\"margin: 0 0 8px 0; line-height: 1.4;\"><strong>\ud83d\udee0\ufe0f Custom Hilt:<\/strong><br><span style=\"font-size: 12px;\">Precision-machined aluminum, expertly assembled & tested in Switzerland<\/span><\/p>\r\n                                <p style=\"margin: 0; line-height: 1.4;\"><strong>\ud83d\udd0a Electronics & Sound:<\/strong><br><span style=\"font-size: 12px;\">Advanced lightsaber tech with motion effects and app control.<\/span><\/p>\r\n                            <\/div>\r\n                            <div>\r\n                                <p style=\"margin: 0 0 8px 0; line-height: 1.4;\"><strong>\ud83d\udde1\ufe0f Blade:<\/strong><br><span style=\"font-size: 12px;\">Fully color-customizable with duel-ready RGB-blade or epic Neopixel illumination.<\/span><\/p>\r\n                                <p style=\"margin: 0; line-height: 1.4;\"><strong>\ud83d\udce6 Complete Package:<\/strong><br><span style=\"font-size: 12px;\">Battery, charger, tools, manual & warranty<\/span><\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div style=\"text-align: center; margin-top: 8px; padding-top: 8px; border-top: 1px solid rgba(76, 175, 80, 0.3);\">\r\n                            <p style=\"margin: 0; font-weight: bold; color: #4CAF50; font-size: 13px;\">\u2728 Everything you need and ready to use out of the box - no additional components needed!<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <h3 style=\"font-size: 16px; margin-bottom: 8px;\"><img decoding=\"async\" src=\"https:\/\/swisssabers.ch\/wp-content\/plugins\/Lightsaber Configurator Plugin 1.3.2 (Backup for Editing, JS already minified)\/assets\/icons\/order-info.svg\" alt=\"Order Info\" class=\"info-section-icon\" style=\"width: 18px; height: 18px;\"> Order Info<\/h3>\r\n                    <div style=\"background: rgba(255, 255, 255, 0.05); padding: 10px; border-radius: 6px; margin-bottom: 15px; font-size: 13px;\">\r\n                        <p style=\"margin: 0 0 8px 0; line-height: 1.4;\"><strong>\u23f1\ufe0f Delivery:<\/strong> <span style=\"font-size: 12px;\">1-3 working days for components in stock (usually black, gold, grey, silver). If some components are not in stock: 1-6 weeks. Returns are not accepted, except in cases of defects, which will be replaced.<\/span><\/p>\r\n                        <p style=\"margin: 0; line-height: 1.4;\"><strong>\u2705 Warranty:<\/strong> <span style=\"font-size: 12px;\">2 years warranty according to our GTC.<\/span><\/p>\r\n                    <\/div>\r\n\r\n                    <!-- Action Buttons -->\r\n                    <div style=\"display: flex; gap: 10px; justify-content: center;\">\r\n                        <button id=\"cart-confirm-cancel\" class=\"btn btn-secondary\" style=\"background: rgba(255, 255, 255, 0.1); border: 1px solid #666; color: #fff; padding: 10px 20px; border-radius: 6px; cursor: pointer; font-size: 14px;\">\r\n                            Cancel                        <\/button>\r\n                        <button id=\"cart-confirm-proceed\" class=\"btn btn-primary complete-btn\" style=\"background: linear-gradient(135deg, #FFC03A, #FF8C42); border: none; color: #000; padding: 10px 20px; border-radius: 6px; cursor: pointer; font-size: 14px; font-weight: bold;\">\r\n                            Confirm                        <\/button>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Success Popup (After Adding to Cart) -->\r\n    <div id=\"cart-success-popup\" class=\"info-popup\" style=\"display: none;\">\r\n        <div class=\"info-popup-content\" style=\"max-width: 600px;\">\r\n            <span id=\"close-cart-success-popup\" class=\"close-info-btn\" title=\"Cancel\">&times;<\/span>\r\n            <div style=\"text-align: center; margin-bottom: 12px;\">\r\n                <h2 style=\"margin-bottom: 8px; color: #4CAF50; font-size: 20px;\">Successfully Added to Cart<\/h2>\r\n                   <\/div>\r\n                            \r\n            <div class=\"info-content\">\r\n                <!-- Configuration Summary -->\r\n                <div id=\"success-config-summary\" style=\"background: rgba(255, 255, 255, 0.05); padding: 12px; border-radius: 6px; margin-bottom: 12px; font-size: 13px; line-height: 1.4;\">\r\n                    <!-- Populated dynamically via JavaScript -->\r\n                <\/div>\r\n\r\n                <!-- Action Buttons -->\r\n                <div style=\"display: flex; gap: 10px; justify-content: center;\">\r\n                    <button id=\"cart-success-checkout\" class=\"btn btn-primary complete-btn\" style=\"background: linear-gradient(135deg, #FFC03A, #FF8C42); border: none; color: #000; padding: 10px 24px; border-radius: 6px; cursor: pointer; font-size: 14px; font-weight: bold;\">\r\n                        View Cart                    <\/button>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Save & Share Popup -->\r\n    <div id=\"save-share-popup\" class=\"info-popup\" style=\"display: none;\">\r\n        <div class=\"info-popup-content\" style=\"max-width: 600px;\">\r\n            <span id=\"close-save-share-popup\" class=\"close-info-btn\" title=\"Cancel\">&times;<\/span>\r\n            <div style=\"text-align: center; margin-bottom: 25px;\">\r\n                <h2 style=\"margin-bottom: 10px; color: #FFC03A;\">Save & Share Your Design<\/h2>\r\n            <\/div>\r\n                            \r\n            <div class=\"info-content\">\r\n                <p style=\"text-align: center; margin-bottom: 20px; color: rgba(255, 255, 255, 0.8);\">\r\n                    Copy this link to save your configuration for later or share it with others.                <\/p>\r\n\r\n                <!-- Shareable Link -->\r\n                <div style=\"background: rgba(255, 255, 255, 0.05); padding: 20px; border-radius: 8px; margin-bottom: 20px;\">\r\n                    <label style=\"display: block; margin-bottom: 10px; font-weight: bold; color: #FFC03A;\">\r\n                        Anyone with this link can view and order your exact configuration.                    <\/label>\r\n                    <div style=\"display: flex; gap: 10px;\">\r\n                        <input type=\"text\" id=\"share-link-input\" readonly \r\n                               style=\"flex: 1; padding: 12px; background: rgba(0, 0, 0, 0.3); border: 1px solid rgba(255, 192, 58, 0.3); border-radius: 6px; color: #fff; font-family: monospace; font-size: 14px;\"\r\n                               value=\"\">\r\n                        <button id=\"copy-link-btn\" class=\"btn btn-primary\" \r\n                                style=\"background: linear-gradient(135deg, #FFC03A, #FF8C42); border: none; color: #000; padding: 12px 25px; border-radius: 6px; cursor: pointer; font-size: 16px; font-weight: bold; white-space: nowrap;\">\r\n                            Copy Link                        <\/button>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Social Share Icons (Optional) -->\r\n                <div style=\"text-align: center;\">\r\n                    <p style=\"font-size: 12px; color: rgba(255, 255, 255, 0.5); margin: 0;\">\r\n                        \ud83d\udca1 Save this link to order your design later or share it with friends!                    <\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Price Display -->\r\n    <div id=\"price-display\" class=\"price-display\">\r\n        <span id=\"price-text\">CHF 199<\/span>\r\n    <\/div>\r\n\r\n    <!-- Message Box -->\r\n    <div id=\"message-box\" class=\"message-box\" style=\"display: none;\">\r\n        <div class=\"message-box-content\" id=\"message-box-content\"><\/div>\r\n        <span id=\"close-message-box\" class=\"action-btn\">Close<\/span>\r\n    <\/div>\r\n<\/div>\r\n\r\n\r\n<!-- Pass pricing and component data to JavaScript -->\r\n<script type=\"text\/javascript\">\r\nwindow.sscPricing = {\"base_prices\":{\"RGB\":199,\"Pixel\":249},\"accessory_prices\":{\"stand\":{\"price\":15,\"original_price\":20,\"name\":\"St\\u00e4nder\",\"description\":\"Premium display stand\"},\"wall-mount\":{\"price\":15,\"original_price\":20,\"name\":\"Wandhalterung\",\"description\":\"Wall display mounting\"},\"belt-clip\":{\"price\":15,\"original_price\":null,\"name\":\"G\\u00fcrtelschnalle\",\"description\":\"Secure carrying attachment\"},\"case\":{\"price\":80,\"original_price\":100,\"name\":\"Premium Koffer\",\"description\":\"Protective travel case\"},\"battery\":{\"price\":20,\"original_price\":null,\"name\":\"Ersatzakku\",\"description\":\"Spare rechargeable battery (only choose this if you need an additional battery)\"}},\"component_prices\":{\"emitter\":[],\"middle\":[],\"grip\":[],\"pommel\":[],\"connector\":[]},\"blade_length_prices\":{\"52\":0,\"72\":0,\"92\":0}};\r\nwindow.sscComponents = {\"emitter\":{\"E302_emitter\":{\"name\":\"E302 Emitter\",\"file_path\":\"assets\\\/glb\\\/E302_emitter.glb\",\"thumbnail\":\"assets\\\/thumbnails_png\\\/E302_emitter_thumbnail.png\",\"available_colors\":[\"black\",\"grey\",\"gold\",\"blue\",\"red\"],\"description\":\"Premium quality e302 emitter\"},\"E303_emitter\":{\"name\":\"E303 Emitter\",\"file_path\":\"assets\\\/glb\\\/E303_emitter.glb\",\"thumbnail\":\"assets\\\/thumbnails_png\\\/E303_emitter_thumbnail.png\",\"available_colors\":[\"black\",\"silver\",\"grey\",\"gold\",\"green\",\"blue\",\"red\",\"purple\"],\"description\":\"Premium quality e303 emitter\"},\"E304_emitter\":{\"name\":\"E304 Emitter\",\"file_path\":\"assets\\\/glb\\\/E304_emitter.glb\",\"thumbnail\":\"assets\\\/thumbnails_png\\\/E304_emitter_thumbnail.png\",\"available_colors\":[\"black\",\"silver\",\"grey\",\"gold\",\"blue\",\"green\",\"rose\"],\"description\":\"Premium quality e304 emitter\"},\"E307+E309_emitter\":{\"name\":\"E307+E309 Emitter\",\"file_path\":\"assets\\\/glb\\\/E307+E309_emitter.glb\",\"thumbnail\":\"assets\\\/thumbnails_png\\\/E307+E309_emitter_thumbnail.png\",\"available_colors\":[\"black\",\"silver\",\"grey\",\"gold\"],\"description\":\"Premium quality e307+e309 emitter\"},\"E309_emitter\":{\"name\":\"E309 Emitter\",\"file_path\":\"assets\\\/glb\\\/E309_emitter.glb\",\"thumbnail\":\"assets\\\/thumbnails_png\\\/E309_emitter_thumbnail.png\",\"available_colors\":[\"black\",\"grey\",\"silver\",\"gold\"],\"description\":\"Premium quality e309 emitter\"},\"E311_emitter\":{\"name\":\"E311 Emitter\",\"file_path\":\"assets\\\/glb\\\/E311_emitter.glb\",\"thumbnail\":\"assets\\\/thumbnails_png\\\/E311_emitter_thumbnail.png\",\"available_colors\":[\"black\"],\"description\":\"Premium quality e311 emitter\"},\"E313_emitter\":{\"name\":\"E313 Emitter\",\"file_path\":\"assets\\\/glb\\\/E313_emitter.glb\",\"thumbnail\":\"assets\\\/thumbnails_png\\\/E313_emitter_thumbnail.png\",\"available_colors\":[\"black\",\"silver\",\"grey\",\"gold\"],\"description\":\"Premium quality e313 emitter\"},\"E319_emitter\":{\"name\":\"E319 Emitter\",\"file_path\":\"assets\\\/glb\\\/E319_emitter.glb\",\"thumbnail\":\"assets\\\/thumbnails_png\\\/E319_emitter_thumbnail.png\",\"available_colors\":[\"black\",\"grey\",\"gold\",\"blue\",\"red\"],\"description\":\"Premium quality e319 emitter\"},\"E320_emitter\":{\"name\":\"E320 Emitter\",\"file_path\":\"assets\\\/glb\\\/E320_emitter.glb\",\"thumbnail\":\"assets\\\/thumbnails_png\\\/E320_emitter_thumbnail.png\",\"available_colors\":[\"black\",\"grey\",\"silver\",\"gold\",\"red\"],\"description\":\"Premium quality e320 emitter\"},\"E327_emitter\":{\"name\":\"E327 Emitter\",\"file_path\":\"assets\\\/glb\\\/E327_emitter.glb\",\"thumbnail\":\"assets\\\/thumbnails_png\\\/E327_emitter_thumbnail.png\",\"available_colors\":[\"black\",\"grey\",\"silver\",\"gold\",\"blue\",\"red\"],\"description\":\"Premium quality e327 emitter\"},\"E332_emitter\":{\"name\":\"E332 Emitter\",\"file_path\":\"assets\\\/glb\\\/E332_emitter.glb\",\"thumbnail\":\"assets\\\/thumbnails_png\\\/E332_emitter_thumbnail.png\",\"available_colors\":[\"black\",\"red\",\"blue\",\"gold\"],\"description\":\"Premium quality e332 emitter\"},\"E348_emitter\":{\"name\":\"E348 Emitter\",\"file_path\":\"assets\\\/glb\\\/E348_emitter.glb\",\"thumbnail\":\"assets\\\/thumbnails_png\\\/E348_emitter_thumbnail.png\",\"available_colors\":[\"black\",\"grey\",\"silver\",\"gold\"],\"description\":\"Premium quality e348 emitter\"},\"E350_emitter\":{\"name\":\"E350 Emitter\",\"file_path\":\"assets\\\/glb\\\/E350_emitter.glb\",\"thumbnail\":\"assets\\\/thumbnails_png\\\/E350_emitter_thumbnail.png\",\"available_colors\":[\"black\"],\"description\":\"Premium quality e350 emitter\"},\"E354_emitter\":{\"name\":\"E354 Emitter\",\"file_path\":\"assets\\\/glb\\\/E354_emitter.glb\",\"thumbnail\":\"assets\\\/thumbnails_png\\\/E354_emitter_thumbnail.png\",\"available_colors\":[\"black\",\"silver\",\"grey\"],\"description\":\"Premium quality e354 emitter\"},\"E355_emitter\":{\"name\":\"E355 Emitter\",\"file_path\":\"assets\\\/glb\\\/E355_emitter.glb\",\"thumbnail\":\"assets\\\/thumbnails_png\\\/E355_emitter_thumbnail.png\",\"available_colors\":[\"black\"],\"description\":\"Premium quality e355 emitter\"},\"E361_emitter\":{\"name\":\"E361 Emitter\",\"file_path\":\"assets\\\/glb\\\/E361_emitter.glb\",\"thumbnail\":\"assets\\\/thumbnails_png\\\/E361_emitter_thumbnail.png\",\"available_colors\":[\"black\",\"grey\",\"chrome\"],\"description\":\"Premium quality e361 emitter\"},\"E381_emitter\":{\"name\":\"E381 Emitter\",\"file_path\":\"assets\\\/glb\\\/E381_emitter.glb\",\"thumbnail\":\"assets\\\/thumbnails_png\\\/E381_emitter_thumbnail.png\",\"available_colors\":[\"black\",\"grey\",\"gold\"],\"description\":\"Premium quality e381 emitter\"}},\"middle\":{\"E305_middle_part\":{\"name\":\"E305 Middle Part\",\"file_path\":\"assets\\\/glb\\\/E305_middle_part.glb\",\"thumbnail\":\"assets\\\/thumbnails_png\\\/E305_middle_part_thumbnail.png\",\"available_colors\":[\"black\",\"silver\",\"grey\",\"blue\",\"red\",\"green\",\"gold\"],\"description\":\"Premium quality e305 middle part\"},\"E306_middle\":{\"name\":\"E306 Middle\",\"file_path\":\"assets\\\/glb\\\/E306_middle.glb\",\"thumbnail\":\"assets\\\/thumbnails_png\\\/E306_middle_thumbnail.png\",\"available_colors\":[\"black\",\"silver\",\"grey\",\"gold\",\"blue\",\"green\",\"purple\"],\"description\":\"Premium quality e306 middle\"},\"E338_middle_part\":{\"name\":\"E338 Middle Part\",\"file_path\":\"assets\\\/glb\\\/E338_middle_part.glb\",\"thumbnail\":\"assets\\\/thumbnails_png\\\/E338_middle_part_thumbnail.png\",\"available_colors\":[\"black\",\"grey\",\"blue\",\"gold\",\"red\"],\"description\":\"Premium quality e338 middle part\"}},\"handle\":{\"E325_handle\":{\"name\":\"E325 Handle\",\"file_path\":\"assets\\\/glb\\\/E325_handle.glb\",\"thumbnail\":\"assets\\\/thumbnails_png\\\/E325_handle_thumbnail.png\",\"available_colors\":[\"black\",\"grey\",\"silver\",\"gold\",\"red\"],\"description\":\"Premium quality e325 handle\"},\"E326_handle\":{\"name\":\"E326 Handle\",\"file_path\":\"assets\\\/glb\\\/E326_handle.glb\",\"thumbnail\":\"assets\\\/thumbnails_png\\\/E326_handle_thumbnail.png\",\"available_colors\":[\"black\",\"grey\",\"gold\",\"blue\",\"red\"],\"description\":\"Premium quality e326 handle\"},\"E329_handle\":{\"name\":\"E329 Handle\",\"file_path\":\"assets\\\/glb\\\/E329_handle.glb\",\"thumbnail\":\"assets\\\/thumbnails_png\\\/E329_handle_thumbnail.png\",\"available_colors\":[\"black\"],\"description\":\"Premium quality e329 handle\"},\"E330_handle\":{\"name\":\"E330 Handle\",\"file_path\":\"assets\\\/glb\\\/E330_handle.glb\",\"thumbnail\":\"assets\\\/thumbnails_png\\\/E330_handle_thumbnail.png\",\"available_colors\":[\"black\",\"grey\",\"silver\",\"gold\",\"blue\",\"green\",\"rose\",\"purple\",\"red\"],\"description\":\"Premium quality e330 handle\"},\"E334_handle\":{\"name\":\"E334 Handle\",\"file_path\":\"assets\\\/glb\\\/E334_handle.glb\",\"thumbnail\":\"assets\\\/thumbnails_png\\\/E334_handle_thumbnail.png\",\"available_colors\":[\"black\",\"silver\",\"grey\",\"gold\",\"rose\",\"blue\"],\"description\":\"Premium quality e334 handle\"},\"E336_handle\":{\"name\":\"E336 Handle\",\"file_path\":\"assets\\\/glb\\\/E336_handle.glb\",\"thumbnail\":\"assets\\\/thumbnails_png\\\/E336_handle_thumbnail.png\",\"available_colors\":[\"black\",\"silver\",\"grey\",\"gold\",\"red\",\"purple\",\"blue\"],\"description\":\"Premium quality e336 handle\"},\"E339_handle\":{\"name\":\"E339 Handle\",\"file_path\":\"assets\\\/glb\\\/E339_handle.glb\",\"thumbnail\":\"assets\\\/thumbnails_png\\\/E339_handle_thumbnail.png\",\"available_colors\":[\"black\",\"grey\",\"silver\",\"gold\",\"blue\",\"red\"],\"description\":\"Premium quality e339 handle\"},\"E346_handle\":{\"name\":\"E346 Handle\",\"file_path\":\"assets\\\/glb\\\/E346_handle.glb\",\"thumbnail\":\"assets\\\/thumbnails_png\\\/E346_handle_thumbnail.png\",\"available_colors\":[\"black\",\"red\",\"grey\",\"gold\",\"blue\",\"rose\"],\"description\":\"Premium quality e346 handle\"},\"E363_handle\":{\"name\":\"E363 Handle\",\"file_path\":\"assets\\\/glb\\\/E363_handle.glb\",\"thumbnail\":\"assets\\\/thumbnails_png\\\/E363_handle_thumbnail.png\",\"available_colors\":[\"black\",\"silver\",\"grey\",\"gold\",\"chrome\"],\"description\":\"Premium quality e363 handle\"},\"E365_handle\":{\"name\":\"E365 Handle\",\"file_path\":\"assets\\\/glb\\\/E365_handle.glb\",\"thumbnail\":\"assets\\\/thumbnails_png\\\/E365_handle_thumbnail.png\",\"available_colors\":[\"black\",\"silver\",\"grey\",\"gold\",\"chrome\"],\"description\":\"Premium quality e365 handle\"},\"E366_handle\":{\"name\":\"E366 Handle\",\"file_path\":\"assets\\\/glb\\\/E366_handle.glb\",\"thumbnail\":\"assets\\\/thumbnails_png\\\/E366_handle_thumbnail.png\",\"available_colors\":[\"black\",\"silver\",\"grey\",\"gold\",\"chrome\"],\"description\":\"Premium quality e366 handle\"},\"E385_handle\":{\"name\":\"E385 Handle\",\"file_path\":\"assets\\\/glb\\\/E385_handle.glb\",\"thumbnail\":\"assets\\\/thumbnails_png\\\/E385_handle_thumbnail.png\",\"available_colors\":[\"black\",\"grey\",\"gold\"],\"description\":\"Premium quality e385 handle\"},\"E386_handle\":{\"name\":\"E386 Handle\",\"file_path\":\"assets\\\/glb\\\/E386_handle.glb\",\"thumbnail\":\"assets\\\/thumbnails_png\\\/E386_handle_thumbnail.png\",\"available_colors\":[\"black\"],\"description\":\"Premium quality e386 handle\"},\"E389_handle\":{\"name\":\"E389 Handle\",\"file_path\":\"assets\\\/glb\\\/E389_handle.glb\",\"thumbnail\":\"assets\\\/thumbnails_png\\\/E389_handle_thumbnail.png\",\"available_colors\":[\"black\"],\"description\":\"Premium quality e389 handle\"}},\"pommel\":{\"E312_pommel\":{\"name\":\"E312 Pommel\",\"file_path\":\"assets\\\/glb\\\/E312_pommel.glb\",\"thumbnail\":\"assets\\\/thumbnails_png\\\/E312_pommel_thumbnail.png\",\"available_colors\":[\"black\",\"grey\",\"gold\",\"blue\",\"red\",\"rose\"],\"description\":\"Premium quality e312 pommel\"},\"E323_pommel\":{\"name\":\"E323 Pommel\",\"file_path\":\"assets\\\/glb\\\/E323_pommel.glb\",\"thumbnail\":\"assets\\\/thumbnails_png\\\/E323_pommel_thumbnail.png\",\"available_colors\":[\"black\",\"grey\",\"silver\",\"gold\",\"blue\",\"green\",\"rose\",\"purple\",\"red\"],\"description\":\"Premium quality e323 pommel\"},\"E324_pommel\":{\"name\":\"E324 Pommel\",\"file_path\":\"assets\\\/glb\\\/E324_pommel.glb\",\"thumbnail\":\"assets\\\/thumbnails_png\\\/E324_pommel_thumbnail.png\",\"available_colors\":[\"black\",\"silver\",\"grey\",\"rose\"],\"description\":\"Premium quality e324 pommel\"},\"E351_pommel\":{\"name\":\"E351 Pommel\",\"file_path\":\"assets\\\/glb\\\/E351_pommel.glb\",\"thumbnail\":\"assets\\\/thumbnails_png\\\/E351_pommel_thumbnail.png\",\"available_colors\":[\"black\"],\"description\":\"Premium quality e351 pommel\"},\"E360_pommel\":{\"name\":\"E360 Pommel\",\"file_path\":\"assets\\\/glb\\\/E360_pommel.glb\",\"thumbnail\":\"assets\\\/thumbnails_png\\\/E360_pommel_thumbnail.png\",\"available_colors\":[\"black\"],\"description\":\"Premium quality e360 pommel\"},\"E362_pommel\":{\"name\":\"E362 Pommel\",\"file_path\":\"assets\\\/glb\\\/E362_pommel.glb\",\"thumbnail\":\"assets\\\/thumbnails_png\\\/E362_pommel_thumbnail.png\",\"available_colors\":[\"black\",\"silver\",\"grey\",\"gold\",\"chrome\"],\"description\":\"Premium quality e362 pommel\"},\"E377_pommel\":{\"name\":\"E377 Pommel\",\"file_path\":\"assets\\\/glb\\\/E377_pommel.glb\",\"thumbnail\":\"assets\\\/thumbnails_png\\\/E377_pommel_thumbnail.png\",\"available_colors\":[\"black\",\"grey\",\"silver\",\"gold\"],\"description\":\"Premium quality e377 pommel\"},\"E382_pommel\":{\"name\":\"E382 Pommel\",\"file_path\":\"assets\\\/glb\\\/E382_pommel.glb\",\"thumbnail\":\"assets\\\/thumbnails_png\\\/E382_pommel_thumbnail.png\",\"available_colors\":[\"grey\",\"silver\",\"gold\"],\"description\":\"Premium quality e382 pommel\"}},\"connector\":{\"E310_connector\":{\"name\":\"E310 Connector\",\"file_path\":\"assets\\\/glb\\\/E310_connector.glb\",\"thumbnail\":\"assets\\\/thumbnails_png\\\/E310_connector_thumbnail.png\",\"available_colors\":[\"black\",\"silver\",\"grey\",\"gold\"],\"description\":\"Premium quality e310 connector\"},\"quick_release_coupler\":{\"name\":\"quick Release Coupler\",\"file_path\":\"assets\\\/glb\\\/quick_release_coupler.glb\",\"thumbnail\":\"assets\\\/thumbnails_png\\\/quick_release_coupler_thumbnail.png\",\"available_colors\":[\"black\"],\"description\":\"Premium quality quick release coupler\"},\"E337_connector\":{\"name\":\"E337 Connector\",\"file_path\":\"assets\\\/glb\\\/E337_connector.glb\",\"thumbnail\":\"assets\\\/thumbnails_png\\\/E337_connector_thumbnail.png\",\"available_colors\":[\"black\",\"grey\",\"silver\",\"gold\",\"red\",\"green\",\"purple\",\"rose\",\"blue\"],\"description\":\"Premium quality e337 connector\"},\"E353_connector\":{\"name\":\"E353 Connector\",\"file_path\":\"assets\\\/glb\\\/E353_connector.glb\",\"thumbnail\":\"assets\\\/thumbnails_png\\\/E353_connector_thumbnail.png\",\"available_colors\":[\"black\",\"silver\"],\"description\":\"Premium quality e353 connector\"}}};\r\nwindow.sscColors = {\"black\":{\"name\":\"Black\",\"hex\":\"#2c2c2c\"},\"silver\":{\"name\":\"Silver\",\"hex\":\"#c0c0c0\"},\"grey\":{\"name\":\"Grey\",\"hex\":\"#808080\"},\"gold\":{\"name\":\"Gold\",\"hex\":\"#ffd700\"},\"blue\":{\"name\":\"Blue\",\"hex\":\"#4169e1\"},\"red\":{\"name\":\"Red\",\"hex\":\"#dc143c\"},\"green\":{\"name\":\"Green\",\"hex\":\"#228b22\"},\"purple\":{\"name\":\"Purple\",\"hex\":\"#800080\"},\"rose\":{\"name\":\"Rose\",\"hex\":\"#ff69b4\"},\"white\":{\"name\":\"White\",\"hex\":\"#f5f5f5\"},\"chrome\":{\"name\":\"Chrome\",\"hex\":\"#e6e6e6\"}};\r\nwindow.sscComponentColorMapping = {\"glb\\\/E302_emitter.glb\":[\"black\",\"grey\",\"gold\",\"blue\",\"red\"],\"glb\\\/E303_emitter.glb\":[\"black\",\"silver\",\"grey\",\"gold\",\"green\",\"blue\",\"red\",\"purple\"],\"glb\\\/E304_emitter.glb\":[\"black\",\"silver\",\"grey\",\"gold\",\"blue\",\"green\",\"rose\"],\"glb\\\/E305_middle_part.glb\":[\"black\",\"silver\",\"grey\",\"blue\",\"red\",\"green\",\"white\",\"gold\"],\"glb\\\/E306_middle.glb\":[\"black\",\"silver\",\"grey\",\"gold\",\"blue\",\"green\",\"purple\"],\"glb\\\/E307+E309_emitter.glb\":[\"black\",\"silver\",\"grey\",\"gold\"],\"glb\\\/E309_emitter.glb\":[\"black\",\"grey\",\"silver\",\"gold\"],\"glb\\\/E310_connector.glb\":[\"black\",\"silver\",\"grey\",\"gold\"],\"glb\\\/quick_release_coupler.glb\":[\"black\"],\"glb\\\/E311_emitter.glb\":[\"black\"],\"glb\\\/E312_pommel.glb\":[\"black\",\"grey\",\"gold\",\"blue\",\"red\",\"rose\"],\"glb\\\/E313_emitter.glb\":[\"black\",\"silver\",\"grey\",\"gold\"],\"glb\\\/E319_emitter.glb\":[\"black\",\"grey\",\"gold\",\"blue\",\"red\"],\"glb\\\/E320_emitter.glb\":[\"black\",\"grey\",\"silver\",\"gold\",\"red\"],\"glb\\\/E323_pommel.glb\":[\"black\",\"grey\",\"silver\",\"gold\",\"blue\",\"green\",\"rose\",\"purple\",\"red\"],\"glb\\\/E324_pommel.glb\":[\"black\",\"silver\",\"grey\",\"rose\"],\"glb\\\/E325_handle.glb\":[\"black\",\"grey\",\"silver\",\"gold\",\"red\"],\"glb\\\/E326_handle.glb\":[\"black\",\"grey\",\"gold\",\"blue\",\"red\"],\"glb\\\/E327_emitter.glb\":[\"black\",\"grey\",\"silver\",\"gold\",\"blue\",\"red\"],\"glb\\\/E329_handle.glb\":[\"black\"],\"glb\\\/E330_handle.glb\":[\"black\",\"grey\",\"silver\",\"gold\",\"blue\",\"green\",\"rose\",\"purple\",\"red\"],\"glb\\\/E332_emitter.glb\":[\"black\",\"red\",\"blue\",\"gold\"],\"glb\\\/E334_handle.glb\":[\"black\",\"silver\",\"grey\",\"gold\",\"rose\",\"blue\"],\"glb\\\/E336_handle.glb\":[\"black\",\"silver\",\"grey\",\"gold\",\"red\",\"purple\",\"blue\"],\"glb\\\/E337_connector.glb\":[\"black\",\"grey\",\"silver\",\"gold\",\"red\",\"green\",\"purple\",\"rose\",\"blue\"],\"glb\\\/E338_middle_part.glb\":[\"black\",\"grey\",\"blue\",\"gold\",\"red\"],\"glb\\\/E339_handle.glb\":[\"black\",\"grey\",\"silver\",\"gold\",\"blue\",\"red\"],\"glb\\\/E346_handle.glb\":[\"black\",\"red\",\"grey\",\"gold\",\"blue\",\"rose\"],\"glb\\\/E348_emitter.glb\":[\"black\",\"grey\",\"silver\",\"gold\"],\"glb\\\/E350_emitter.glb\":[\"black\"],\"glb\\\/E351_pommel.glb\":[\"black\"],\"glb\\\/E353_connector.glb\":[\"black\",\"silver\"],\"glb\\\/E354_emitter.glb\":[\"black\",\"silver\",\"grey\"],\"glb\\\/E355_emitter.glb\":[\"black\"],\"glb\\\/E360_pommel.glb\":[\"black\"],\"glb\\\/E361_emitter.glb\":[\"black\",\"grey\",\"chrome\"],\"glb\\\/E362_pommel.glb\":[\"black\",\"silver\",\"grey\",\"gold\",\"chrome\"],\"glb\\\/E363_handle.glb\":[\"black\",\"silver\",\"grey\",\"gold\",\"chrome\"],\"glb\\\/E365_handle.glb\":[\"black\",\"silver\",\"grey\",\"gold\",\"chrome\"],\"glb\\\/E366_handle.glb\":[\"black\",\"silver\",\"grey\",\"gold\",\"chrome\"],\"glb\\\/E377_pommel.glb\":[\"black\",\"grey\",\"silver\",\"gold\"],\"glb\\\/E382_pommel.glb\":[\"black\",\"grey\",\"silver\",\"gold\"],\"glb\\\/E381_emitter.glb\":[\"black\",\"grey\",\"gold\"],\"glb\\\/E385_handle.glb\":[\"black\",\"grey\",\"gold\"],\"glb\\\/E386_handle.glb\":[\"black\"],\"glb\\\/E389_handle.glb\":[\"black\"]};\r\n<\/script>\r\n\r\n<!-- Loading Overlay -->\r\n<div id=\"cart-loading-overlay\" class=\"loading-overlay\" style=\"display: none;\">\r\n    <div class=\"loading-content\">\r\n        <div class=\"loading-spinner\"><\/div>\r\n        <div class=\"loading-text\">Product is being added to cart...<\/div>\r\n        <div class=\"loading-subtext\">Please wait while we process your custom configuration<\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<\/body>\r\n<\/html>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-34771","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/swisssabers.ch\/en\/wp-json\/wp\/v2\/pages\/34771","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/swisssabers.ch\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/swisssabers.ch\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/swisssabers.ch\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/swisssabers.ch\/en\/wp-json\/wp\/v2\/comments?post=34771"}],"version-history":[{"count":1,"href":"https:\/\/swisssabers.ch\/en\/wp-json\/wp\/v2\/pages\/34771\/revisions"}],"predecessor-version":[{"id":34776,"href":"https:\/\/swisssabers.ch\/en\/wp-json\/wp\/v2\/pages\/34771\/revisions\/34776"}],"wp:attachment":[{"href":"https:\/\/swisssabers.ch\/en\/wp-json\/wp\/v2\/media?parent=34771"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}