.konfig-progress{display:flex;align-items:center;gap:0;width:100%;max-width:700px;margin:0 auto;}.konfig-progress-step{display:flex;align-items:center;flex:1;position:relative;cursor:pointer;}.konfig-progress-circle{width:30px;height:30px;border-radius:50%;background:#e2e8f0;color:#94a3b8;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0;transition:all 0.3s ease;position:relative;z-index:1;}.konfig-progress-step.active .konfig-progress-circle{background:#08648d;color:#fff;box-shadow:0 0 0 3px rgba(8,100,141,0.15);}.konfig-progress-step.completed .konfig-progress-circle{background:#22c55e;color:#fff;}.konfig-progress-line{flex:1;height:2px;background:#e2e8f0;transition:background 0.3s ease;}.konfig-progress-step.completed .konfig-progress-line{background:#22c55e;}.konfig-progress-label{display:none;}@media (min-width:768px){.konfig-progress-circle{width:34px;height:34px;font-size:13px;}.konfig-progress-label{display:block;position:absolute;top:42px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:10px;font-weight:600;color:#94a3b8;text-align:center;}.konfig-progress-step.active .konfig-progress-label{color:#08648d;}.konfig-progress-step.completed .konfig-progress-label{color:#22c55e;}}.konfig-step{display:none;animation:konfig-fadeIn 0.25s ease;}.konfig-step.active{display:block;}@keyframes konfig-fadeIn{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:translateY(0);}}.konfig-card{position:relative;background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:12px;cursor:pointer;transition:all 0.2s ease;text-align:center;overflow:hidden;}.konfig-card:hover{border-color:#08648d;box-shadow:0 2px 8px rgba(8,100,141,0.1);}.konfig-card.selected{border-color:#08648d;background:#f0f7ff;box-shadow:0 0 0 3px rgba(8,100,141,0.12);}.konfig-card.selected::after{content:'';position:absolute;top:6px;right:6px;width:20px;height:20px;background:#08648d;border-radius:50%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='white'%3E%3Cpath fill-rule='evenodd' d='M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z' clip-rule='evenodd'/%3E%3C/svg%3E");background-size:12px;background-position:center;background-repeat:no-repeat;}.konfig-card img{max-height:100px;width:auto;max-width:100%;object-fit:contain;margin:0 auto 6px;display:block;}.konfig-card-name{font-size:12px;font-weight:700;color:#2D3436;line-height:1.3;}.konfig-card-desc{font-size:10px;color:#94a3b8;margin-top:2px;line-height:1.3;}.konfig-color-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:10px;}.konfig-color-item{display:flex;flex-direction:column;align-items:center;cursor:pointer;}.konfig-color-swatch{width:48px;height:48px;border-radius:8px;border:2px solid #e2e8f0;cursor:pointer;transition:all 0.15s ease;position:relative;overflow:hidden;background-size:cover;background-position:center;}.konfig-color-swatch:hover{transform:scale(1.08);border-color:#08648d;}.konfig-color-swatch.selected{border-color:#08648d;box-shadow:0 0 0 3px rgba(8,100,141,0.3);transform:scale(1.08);}.konfig-color-swatch.selected::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:18px;height:18px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='white'%3E%3Cpath fill-rule='evenodd' d='M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z' clip-rule='evenodd'/%3E%3C/svg%3E");background-size:contain;filter:drop-shadow(0 1px 2px rgba(0,0,0,0.4));}.konfig-color-label{font-size:9px;font-weight:500;color:#64748b;text-align:center;margin-top:3px;line-height:1.2;max-width:68px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.konfig-section-header{font-size:13px;font-weight:700;color:#475569;margin-bottom:10px;padding-bottom:6px;border-bottom:2px solid #f1f5f9;}.konfig-subsection{margin-bottom:20px;}.konfig-summary-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #f1f5f9;font-size:13px;}.konfig-summary-row:last-child{border-bottom:none;}.konfig-summary-swatch{width:14px;height:14px;border-radius:4px;border:1px solid #e2e8f0;display:inline-block;vertical-align:middle;margin-right:6px;background-size:cover;background-position:center;}.konfig-form-input{width:100%;padding:10px 14px;border:2px solid #e2e8f0;border-radius:10px;font-size:14px;transition:border-color 0.2s ease;background:#fff;font-family:inherit;}.konfig-form-input:focus{outline:none;border-color:#08648d;box-shadow:0 0 0 3px rgba(8,100,141,0.1);}.konfig-form-input.error{border-color:#ef4444;}.konfig-form-error{color:#ef4444;font-size:12px;margin-top:4px;display:none;}.konfig-form-input.error+.konfig-form-error{display:block;}.konfig-bottom-nav{position:sticky;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #e2e8f0;padding:12px 0;z-index:30;display:flex;justify-content:space-between;align-items:center;gap:12px;}.konfig-preview-wrap{position:sticky;top:90px;}#door-svg{width:100%;max-width:240px;margin:0 auto;display:block;filter:drop-shadow(0 4px 16px rgba(0,0,0,0.18));transition:filter 0.3s ease;}#door-svg rect,#door-svg line,#door-svg circle,#door-svg path{transition:fill 0.3s ease,stroke 0.3s ease,opacity 0.3s ease;}.konfig-preview-chips{display:flex;flex-wrap:wrap;gap:4px;justify-content:center;margin-top:10px;}.konfig-preview-chip{display:inline-block;background:#f1f5f9;border-radius:6px;padding:2px 8px;font-size:10px;font-weight:600;color:#475569;}@media (max-width:1023px){.konfig-preview-wrap{position:relative;top:auto;margin-bottom:16px;}#door-svg{max-width:180px;}}.konfig-nav-tabs{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap;}.konfig-nav-tab{padding:8px 16px;border:2px solid #e2e8f0;border-radius:10px;font-size:13px;font-weight:600;color:#64748b;cursor:pointer;transition:all 0.2s ease;background:#fff;}.konfig-nav-tab:hover{border-color:#08648d;color:#08648d;}.konfig-nav-tab.active{border-color:#08648d;background:#08648d;color:#fff;}.konfig-range-wrap{display:flex;align-items:center;gap:12px;}.konfig-range-wrap input[type="range"]{flex:1;height:6px;-webkit-appearance:none;appearance:none;background:#e2e8f0;border-radius:3px;outline:none;}.konfig-range-wrap input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:#08648d;cursor:pointer;border:2px solid #fff;box-shadow:0 1px 4px rgba(0,0,0,0.2);}.konfig-range-val{min-width:56px;text-align:center;font-size:13px;font-weight:700;color:#2D3436;}.konfig-filter-tabs{display:flex;gap:6px;margin-bottom:12px;}.konfig-filter-tab{padding:5px 12px;border-radius:8px;font-size:11px;font-weight:600;color:#64748b;background:#f1f5f9;cursor:pointer;transition:all 0.15s ease;border:none;}.konfig-filter-tab:hover{background:#e2e8f0;}.konfig-filter-tab.active{background:#08648d;color:#fff;}