*{box-sizing:border-box}:root{--bg-page: #ffffff;--panel-bg: #eef8ff;--panel-border: #4fa7dd;--bg-input: #eaf2fe;--text-dark: #356fb4;--text-base: #3b3d41;--summary-bg: #023859;--cta-bg: #a7c400;--cta-text: #ffffff;--accent: #a6bc09;--muted: #9fb6c4;--font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;--font-weight-bold: 700;--font-weight-normal: 400;--line-height-tight: 1.2;--line-height-normal: 1.4;--h1-size: 24px;--h2-size: 18px;--label-size: 14px;--button-size: 16px;--container-padding: 10px;--summary-padding: 3rem;--container-padding-mobile: 16px;--column-gap: 24px;--tile-padding: 0x;--border-radius: 8px;--tile-radius: 6px}.konfigurator-container{font-family:var(--font-family);min-height:100vh}.loading{text-align:center;padding:50px}.spinner{border:4px solid #f3f3f3;border-top:4px solid var(--text-dark);border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite;margin:0 auto 20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.form-main-section{display:grid;grid-template-columns:30% 70%;background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--border-radius);padding:var(--container-padding);margin-bottom:24px}.form-sub-section{display:grid;grid-template-columns:33% 33% 33%;background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--border-radius);padding:var(--container-padding);margin-bottom:24px}.left-panel,.right-panel{display:flex;flex-direction:column}.form-step{padding:20px}.step-title{font-size:var(--h2-size);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--text-dark)}.step-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.step-description-link{color:var(--text-dark);text-decoration:none;font-size:14px;border-bottom:1px solid transparent;transition:border-color .3s}.step-description-link:hover{border-bottom-color:var(--text-dark)}.dimensions-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:16px}.dimension-input label{display:block;margin-bottom:8px;font-weight:var(--font-weight-normal);color:var(--text-base);font-size:var(--label-size)}.dimension-input input{width:100%;height:44px;padding:10px 12px;border:1px solid var(--panel-border);border-radius:var(--tile-radius);background-color:var(--bg-input);font-size:16px;transition:border-color .3s,box-shadow .3s}.dimension-input input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #bfdc0040}.radio-group{display:flex;flex-direction:column}.radio-label{display:flex;align-items:baseline;cursor:pointer;transition:all .3s}.radio-label:hover{border-color:var(--accent);background:rgba(191,220,0,.06)}.radio-label input[type=radio]{margin-right:12px;transform:scale(1.2);accent-color:var(--accent)}.radio-label span{font-weight:var(--font-weight-normal);color:var(--text-base)}.help-icon-container{position:relative;display:inline-block;margin-left:8px}.help-icon{background:none;border:none;color:var(--text-dark);font-size:16px;font-weight:700;width:20px;height:20px;border-radius:50%;border:1px solid var(--text-dark);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;padding:0;line-height:1}.help-icon:hover{background-color:var(--text-dark);color:#fff;transform:scale(1.1)}.help-icon.active{background-color:var(--text-dark);color:#fff}.help-icon:focus{outline:3px solid rgba(191,220,0,.25);outline-offset:2px}.mounting-info{margin-top:12px;padding:12px;background:rgba(191,220,0,.06);border-radius:var(--tile-radius);border-left:4px solid var(--accent)}.mounting-info p{margin:0;color:var(--text-dark);font-size:14px}.products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:16px}.product-tile{display:flex;flex-direction:column;align-items:center;text-align:center;border:1px solid transparent;border-radius:var(--tile-radius);padding:var(--tile-padding);cursor:pointer;transition:all .15s ease;position:relative}.product-tile:hover{border-color:var(--accent);box-shadow:0 6px 18px #00000014}.product-tile.selected{border:1px solid var(--accent);box-shadow:0 6px 18px #00000014;background:var(--cta-bg)}.product-tile input[type=radio]{position:absolute;opacity:0}.product-image{position:relative;margin-bottom:8px}.product-image img{width:auto;object-fit:contain;border-radius:4px}.no-image{height:80px;background:#f5f5f5;display:flex;align-items:center;justify-content:center;color:var(--muted);border-radius:4px;font-size:12px}.product-icon{position:absolute;bottom:4px;right:4px;width:20px;height:20px;background:var(--accent);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--text-dark)}.product-info h4{margin:0 0 4px;color:var(--text-base);font-size:14px;font-weight:var(--font-weight-normal)}.product-tile.selected .product-info h4{color:var(--cta-text)}.price{font-weight:var(--font-weight-bold);color:var(--text-dark);font-size:14px;margin:0}.variants{display:flex;flex-direction:column}.variant-tile{display:flex;align-items:baseline;cursor:pointer;transition:all .3s}.variant-tile:hover{background:rgba(191,220,0,.06)}.variant-tile input[type=radio]{margin-right:12px;transform:scale(1.2);accent-color:var(--accent)}.variant-tile .name{font-size:16px;font-weight:var(--font-weight-normal);flex:1}.recommended-badge{background:var(--accent);color:var(--text-dark);padding:4px 8px;border-radius:12px;font-size:12px;font-weight:var(--font-weight-bold);display:inline-block;margin-top:8px}.checkbox-label{display:flex;align-items:baseline;cursor:pointer;transition:all .3s}.checkbox-label:hover{background:rgba(191,220,0,.06)}.checkbox-label input[type=checkbox]{margin-right:12px;transform:scale(1.2);accent-color:var(--accent)}.help-text{margin-top:8px;color:var(--muted);font-size:14px;font-style:italic}.summary-panel{background:var(--summary-bg);color:var(--cta-text);border-radius:var(--border-radius);padding:var(--summary-padding);margin-top:24px}.summary-panel h5{font-weight:var(--font-weight-bold);color:var(--cta-text)}.summary-content{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:start;margin-bottom:24px}.summary-column{display:flex;flex-direction:column;gap:16px}.variant-details{margin-top:8px;font-size:14px;color:var(--muted)}.variant-details div{margin-bottom:4px}.summary-item{color:#d1d1d1}.summary-item strong{display:block;margin-bottom:4px;color:#fff;font-weight:var(--font-weight-bold);font-size:110%}.summary-item span{font-size:90%}.summary-item .selected-product-name{text-transform:uppercase;font-size:90%}.summary-item-columns{display:grid;grid-template-columns:1fr 1fr;gap:0}.summary-item-columns .column-label{color:#fffc;font-size:90%;font-weight:var(--font-weight-normal)}.summary-item-columns .column-value{color:var(--cta-text);font-size:90%;font-weight:var(--font-weight-bold)}.summary-bottom-row{display:flex;justify-content:space-between;align-items:center;padding-top:24px;border-top:1px solid rgba(255,255,255,.2);gap:24px}.summary-total-cost{flex:1}.summary-total-cost strong{display:block;margin-bottom:4px;color:var(--cta-text);font-weight:var(--font-weight-bold);font-size:18px}.summary-total-cost span{color:var(--accent);font-weight:var(--font-weight-bold)}.summary-actions{display:flex;align-items:center;flex-shrink:0}.cta-button{background:var(--cta-bg);color:var(--cta-text);border:none;border-radius:var(--tile-radius);padding:16px 32px;font-size:var(--button-size);font-weight:var(--font-weight-bold);cursor:pointer;transition:all .3s;letter-spacing:.5px;min-height:48px;min-width:200px;display:flex;align-items:center;justify-content:center;gap:8px}.cta-button:hover{background:#9ec200;transform:translateY(-2px);box-shadow:0 4px 12px #a7c4004d}.cta-button:focus{outline:3px solid rgba(167,196,0,.25);outline-offset:2px}.cta-button:disabled{background:#cccccc;color:#666;cursor:not-allowed;transform:none;box-shadow:none}.cta-button:disabled:hover{background:#cccccc;transform:none;box-shadow:none}.cart-icon{display:inline-block}.cart-icon svg{width:18px;height:18px;fill:currentColor}.error-message{display:flex;align-items:center;gap:8px;color:#4a5568;font-size:14px;font-weight:500;margin-top:8px;padding:8px 12px;background-color:#4a556814;border:1px solid rgba(74,85,104,.2);border-radius:var(--tile-radius);animation:errorSlideIn .3s ease-out}.error-icon{font-size:16px;flex-shrink:0}@keyframes errorSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.validation-panel{background:#f7fafc;border:2px solid #e2e8f0;border-radius:var(--border-radius);padding:20px;margin:20px 0;animation:validationSlideIn .4s ease-out}.validation-header{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(226,232,240,.5)}.validation-icon{font-size:24px;flex-shrink:0}.validation-header h3{margin:0;color:#4a5568;font-size:18px;font-weight:600}.validation-list{display:flex;flex-direction:column;gap:8px}.validation-item{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:var(--tile-radius);font-size:14px;font-weight:500;transition:all .3s ease}.validation-item.error{background-color:#4a556814;border:1px solid rgba(74,85,104,.2);color:#4a5568}.validation-item.success{background-color:#28a7451a;border:1px solid rgba(40,167,69,.3);color:#155724}.validation-item.warning{background-color:#4a556814;border:1px solid rgba(74,85,104,.2);color:#4a5568}.validation-item.info{background-color:#0dcaf01a;border:1px solid rgba(13,202,240,.3);color:#055160}.item-icon{font-size:16px;flex-shrink:0}@keyframes validationSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}input:focus,select:focus,button:focus{outline:3px solid rgba(191,220,0,.25);outline-offset:2px}@media (max-width: 1024px){.form-main-section{grid-template-columns:35% 65%}.products-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 1024px) and (min-width: 769px){.summary-content{grid-template-columns:repeat(2,1fr);gap:20px}}@media (max-width: 768px){.konfigurator-container{padding:var(--container-padding-mobile)}.form-main-section,.form-sub-section{grid-template-columns:1fr;gap:16px}.dimensions-wrapper{grid-template-columns:1fr}.products-grid{grid-template-columns:repeat(2,1fr)}.variants-grid{grid-template-columns:1fr}.summary-content{grid-template-columns:1fr;gap:16px}.summary-bottom-row{flex-direction:column;align-items:stretch;gap:16px}.summary-total-cost{text-align:center}.summary-actions{display:flex;justify-content:center}.cta-button{width:100%;min-width:auto}.summary-item-columns{grid-template-columns:1fr;gap:4px}.summary-item-columns .column-value{text-align:left}}.product-tile,.variant-tile{animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes tooltipFadeIn{to{opacity:1}}.tooltip-content{position:absolute;top:100%;left:50%;transform:translate(-50%);background-color:#023859;color:#fff;padding:16px;border-radius:var(--border-radius);max-width:300px;width:max-content;z-index:1000;box-shadow:0 4px 12px #0000004d;margin-top:8px;animation:tooltipFadeIn .3s ease-out}.tooltip-content:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-bottom-color:#023859}.tooltip-content h3{margin:0 0 12px;color:#fff;font-size:16px;font-weight:var(--font-weight-bold)}.tooltip-content p{margin:0 0 12px;color:#fff;font-size:14px;line-height:var(--line-height-normal)}.tooltip-image{margin-top:12px;text-align:center}.tooltip-image img{max-width:100%;height:auto;border-radius:var(--tile-radius);box-shadow:0 2px 8px #0003}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:none;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-overlay.show{display:flex}.modal-content{background:white;border-radius:12px;box-shadow:0 20px 40px #00000026;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{text-align:center;padding:2rem 2rem 1rem;border-bottom:1px solid #e5e7eb}.success-icon{color:#10b981;margin-bottom:1rem;display:flex;justify-content:center}.success-icon svg{width:48px;height:48px}.modal-header h3{margin:0;font-size:1.5rem;font-weight:600;color:var(--text-dark)}.modal-body{padding:1.5rem 2rem 2rem;text-align:center}.modal-body p{margin:0;color:var(--text-base);line-height:1.5;font-size:1.1rem}@media (max-width: 640px){.modal-content{margin:10px;max-width:none}.modal-header,.modal-body{padding-left:1.5rem;padding-right:1.5rem}}