:root{--quote-primary: #2563eb;--quote-primary-hover: #1d4ed8;--quote-primary-light: #dbeafe;--quote-success: #10b981;--quote-success-light: #d1fae5;--quote-warning: #f59e0b;--quote-warning-light: #fef3c7;--quote-danger: #ef4444;--quote-danger-light: #fee2e2;--quote-border: #e5e7eb;--quote-border-dark: #d1d5db;--quote-bg-light: #f9fafb;--quote-bg-card: #ffffff;--quote-text: #1f2937;--quote-text-muted: #6b7280;--quote-text-light: #9ca3af;--quote-space-xs: .25rem;--quote-space-sm: .5rem;--quote-space-md: 1rem;--quote-space-lg: 1.5rem;--quote-space-xl: 2rem;--quote-radius-sm: 6px;--quote-radius-md: 8px;--quote-radius-lg: 12px;--quote-radius-xl: 16px;--quote-shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--quote-shadow-md: 0 4px 12px rgba(0, 0, 0, .1);--quote-shadow-lg: 0 8px 24px rgba(0, 0, 0, .15);--quote-shadow-card: 0 2px 8px rgba(0, 0, 0, .08)}.configurator-container,.configurator-container p,.configurator-container span,.configurator-container li,.configurator-container label,.configurator-container small,.configurator-container input,.configurator-container button,.configurator-container textarea,.configurator-container select{font-size:16px!important}.configurator-container [onclick],.configurator-container button,.configurator-container .type-card,.configurator-container .firmness-card,.configurator-container .depth-option,.configurator-container .cut-card-enhanced,.configurator-container .piece-count-card,.configurator-container .connection-option-card,.configurator-container .position-option,.configurator-container .card-select-btn,.configurator-container .btn{cursor:pointer!important}.configurator-container h1{font-size:40px!important}.configurator-container h2{font-size:32px!important}.configurator-container h3{font-size:24px!important}.configurator-container h4{font-size:20px!important}.configurator-container h1,.configurator-container h2,.configurator-container h3,.configurator-container h4,.configurator-container h5,.configurator-container h6,.configurator-container p,.configurator-container li,.configurator-container label,.configurator-container input,.configurator-container button,.configurator-container textarea,.configurator-container select{font-family:inherit}.configurator-container *,.configurator-container *:before,.configurator-container *:after{box-sizing:border-box}.configurator-container{max-width:1200px;margin:0 auto;padding:var(--quote-space-lg)}.configurator-header{text-align:center;margin-bottom:var(--quote-space-xl)}.configurator-header h1{margin-bottom:var(--quote-space-sm);color:var(--quote-text)}.configurator-header p{color:var(--quote-text-muted);max-width:700px;margin:0 auto;line-height:1.6}.configurator-content{display:grid;grid-template-columns:1fr 320px;gap:var(--quote-space-xl);align-items:start}.configurator-main{min-width:0}.step-indicator{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--quote-space-xl);padding:var(--quote-space-md) 0}.step-item-wrapper{display:flex;align-items:center;flex:1}.step-item{display:flex;flex-direction:column;align-items:center;text-align:center;min-width:80px}.step-number{width:52px;height:52px;border-radius:50%;background:var(--quote-bg-light);border:2px solid var(--quote-border);display:flex;align-items:center;justify-content:center;font-size:20px!important;font-size:16px!important;font-weight:600;color:var(--quote-text-muted);margin-bottom:var(--quote-space-xs);transition:all .3s ease}.step-item.active .step-number{background:var(--quote-primary);border-color:var(--quote-primary);color:#fff;box-shadow:0 0 0 4px #2563eb33}.step-item.completed .step-number{background:var(--quote-success);border-color:var(--quote-success);color:#fff}.step-label{font-size:16px!important;color:var(--quote-text-muted);white-space:nowrap;margin-top:.5rem}.step-item.active .step-label{color:var(--quote-primary);font-weight:600}.step-item.completed .step-label{color:var(--quote-success)}.step-connector{flex:1;height:2px;background:var(--quote-border);margin:0 var(--quote-space-sm);margin-top:-18px;transition:background .3s ease}.step-connector.completed{background:var(--quote-success)}.step-indicator-mobile{display:none;margin-bottom:var(--quote-space-lg)}.mobile-step-text{font-size:16px!important;font-weight:600;color:var(--quote-text);margin-bottom:var(--quote-space-sm);text-align:center}.mobile-progress-bar{height:6px;background:var(--quote-border);border-radius:3px;overflow:hidden}.mobile-progress-fill{height:100%;background:var(--quote-primary);border-radius:3px;transition:width .3s ease}.step-container{background:var(--quote-bg-card);border-radius:var(--quote-radius-lg);padding:var(--quote-space-xl);border:1px solid var(--quote-border);margin-bottom:var(--quote-space-lg)}.step-header-section{display:flex;align-items:flex-start;gap:var(--quote-space-md);margin-bottom:var(--quote-space-xl)}.step-number-badge{width:40px;height:40px;min-width:40px;background:var(--quote-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px!important;font-weight:700}.step-header-section h2{margin:0 0 1.5rem;color:var(--quote-text)}.step-description{color:var(--quote-text-muted);margin:0;line-height:1.6;font-size:18px!important;padding-bottom:1rem}.dimension-input-card{background:var(--quote-bg-light);border-radius:var(--quote-radius-md);padding:var(--quote-space-lg);margin-bottom:var(--quote-space-lg)}.dimension-inputs{display:grid;grid-template-columns:1fr 1fr;gap:var(--quote-space-lg)}.form-group{margin-bottom:var(--quote-space-md)}.input-label-enhanced{display:flex;align-items:flex-start;gap:var(--quote-space-sm);margin-bottom:var(--quote-space-md)}.label-icon{font-size:18px!important;line-height:1;margin-top:.1rem}.configurator-container .label-icon{font-size:18px!important}.label-content{display:flex;flex-direction:column;gap:.125rem}.label-title{font-size:18px!important;font-weight:500;color:var(--quote-text);line-height:1.3}.label-subtitle{font-size:16px!important;color:var(--quote-text-muted);line-height:1.4;margin-top:.25rem}.required{color:var(--quote-danger);font-weight:600}.input-with-unit{position:relative;display:flex;align-items:center}.input-large,.input-enhanced{width:100%;padding:.875rem 3rem .875rem 1rem;font-size:18px!important;border:2px solid var(--quote-border);border-radius:var(--quote-radius-md);transition:border-color .2s ease,box-shadow .2s ease;background:#fff}.input-large:focus,.input-enhanced:focus{outline:none;border-color:var(--quote-primary);box-shadow:0 0 0 3px #2563eb1a}.input-unit{position:absolute;right:1rem;color:var(--quote-text-muted);font-size:16px!important;font-weight:500;pointer-events:none}.dimension-feedback-enhanced{margin-top:var(--quote-space-lg)}.size-display-card{background:linear-gradient(135deg,var(--quote-primary) 0%,#1d4ed8 100%);color:#fff;padding:var(--quote-space-lg);border-radius:var(--quote-radius-md);display:flex;align-items:center;gap:var(--quote-space-md)}.size-icon{font-size:32px!important}.size-info{flex:1}.size-label{font-size:16px!important;text-transform:uppercase;letter-spacing:.05em;opacity:.9;margin-bottom:var(--quote-space-xs)}.size-category{font-size:36px!important;font-weight:700;margin-bottom:var(--quote-space-xs)}.size-display-card .size-category{font-size:36px!important;color:#fff}.configurator-container .size-display-card .size-category{font-size:36px!important}.dimensions-detail{font-size:16px!important;opacity:.9}.oversized-alert-enhanced{background:var(--quote-warning-light);border:2px solid var(--quote-warning);border-radius:var(--quote-radius-md);padding:var(--quote-space-lg);margin-top:var(--quote-space-md);display:flex;align-items:flex-start;gap:var(--quote-space-md)}.alert-icon-large{font-size:24px!important;flex-shrink:0}.alert-content{flex:1}.alert-title{font-size:16px!important;font-weight:600;color:#92400e;margin:0 0 var(--quote-space-xs) 0}.alert-message{font-size:16px!important;color:#92400e;margin:0;line-height:1.5}.help-section{margin-top:var(--quote-space-xl)}.help-card{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-radius:var(--quote-radius-md);padding:var(--quote-space-lg);display:flex;align-items:flex-start;gap:var(--quote-space-md)}.help-icon{font-size:24px!important;flex-shrink:0}.help-content{flex:1}.help-content h4{margin:0 0 var(--quote-space-sm) 0;color:#065f46;font-size:16px!important;font-weight:600}.help-content p,.help-content li{margin:0;color:#065f46;font-size:16px!important;line-height:1.6}.help-content ul{list-style:disc;padding-left:1.25rem;margin:.5rem 0 0}.help-content ul li{margin-bottom:.25rem}.help-content ul li::marker{font-size:16px!important;color:#065f46}.type-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--quote-space-lg)}.type-card{background:var(--quote-bg-card);border:2px solid var(--quote-border);border-radius:var(--quote-radius-lg);padding:var(--quote-space-lg);cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.type-card:hover{border-color:var(--quote-primary-light);box-shadow:var(--quote-shadow-md);transform:translateY(-2px)}.type-card.selected{border-color:var(--quote-primary);box-shadow:0 0 0 3px #2563eb33}.card-badge{position:absolute;top:var(--quote-space-md);right:var(--quote-space-md);padding:var(--quote-space-xs) var(--quote-space-sm);border-radius:var(--quote-radius-sm);font-size:12px!important;font-weight:700;text-transform:uppercase;letter-spacing:.05em;z-index:2}.badge-blue{background:var(--quote-primary);color:#fff}.card-header{margin-bottom:var(--quote-space-md);padding-top:2rem}.card-header h3{margin:0 0 var(--quote-space-xs) 0;font-size:18px!important;color:var(--quote-text)}.card-subtitle{margin:0;font-size:16px!important;color:var(--quote-text-muted)}.product-video-thumbnail{position:relative;border-radius:var(--quote-radius-md);overflow:hidden;margin-bottom:var(--quote-space-md);cursor:pointer}.thumbnail-image{width:100%;height:280px;object-fit:cover;display:block}.play-button-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000004d;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:1;transition:opacity .3s ease}.product-video-thumbnail:hover .play-button-overlay{background:#00000080}.play-button{width:48px;height:48px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:var(--quote-space-sm)}.play-icon{color:var(--quote-primary);font-size:20px!important;margin-left:3px}.video-label{color:#fff;font-size:16px!important;font-weight:600}.card-features{list-style:none;padding:0;margin:0 0 var(--quote-space-md) 0}.card-features li{display:flex;align-items:flex-start;gap:var(--quote-space-sm);font-size:16px!important;color:var(--quote-text-muted);margin-bottom:var(--quote-space-xs);line-height:1.4}.feature-icon{color:var(--quote-success);font-weight:700;flex-shrink:0}.card-selected-indicator{display:flex;align-items:center;justify-content:center;gap:var(--quote-space-xs);background:var(--quote-success);color:#fff;padding:var(--quote-space-sm) var(--quote-space-md);border-radius:var(--quote-radius-sm);font-size:16px!important;font-weight:600;margin-top:var(--quote-space-md)}.checkmark{font-weight:700}.card-price{font-size:24px!important;font-weight:700;color:var(--quote-primary);margin-top:.75rem}.card-select-btn{width:100%;padding:1rem;font-size:18px!important;font-weight:600;border:2px solid var(--quote-primary);background:#fff;color:var(--quote-primary);border-radius:var(--quote-radius-md);cursor:pointer;transition:all .2s ease;margin-top:var(--quote-space-md)}.card-select-btn:hover{background:var(--quote-primary);color:#fff}.card-select-btn.selected{background:var(--quote-success);border-color:var(--quote-success);color:#fff}.video-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:9999;padding:var(--quote-space-lg)}.video-modal-content{background:#fff;border-radius:var(--quote-radius-lg);max-width:900px;width:100%;max-height:90vh;overflow:hidden;position:relative}.video-modal-close{position:absolute;top:var(--quote-space-md);right:var(--quote-space-md);width:32px;height:32px;background:var(--quote-bg-light);border:none;border-radius:50%;font-size:20px!important;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:1;transition:background .2s ease}.video-modal-close:hover{background:var(--quote-border)}.video-modal-title{padding:var(--quote-space-lg);margin:0;font-size:20px!important;color:var(--quote-text);padding-right:50px}.video-modal-player{position:relative;padding-bottom:56.25%;height:0}.video-iframe,.video-player{position:absolute;top:0;left:0;width:100%;height:100%}.depth-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:var(--quote-space-md)}.depth-option{background:var(--quote-bg-card);border:2px solid var(--quote-border);border-radius:var(--quote-radius-md);padding:var(--quote-space-lg) var(--quote-space-md);cursor:pointer;transition:all .2s ease;text-align:center;position:relative}.depth-option:hover{border-color:var(--quote-primary-light);background:var(--quote-bg-light)}.depth-option.selected{border-color:var(--quote-primary);background:var(--quote-primary-light)}.depth-value{font-size:24px!important;font-weight:700;color:var(--quote-text);margin-bottom:var(--quote-space-xs)}.depth-option.selected .depth-value{color:var(--quote-primary)}.depth-cm{font-size:16px!important;color:var(--quote-text-muted)}.option-checkmark{position:absolute;top:var(--quote-space-sm);right:var(--quote-space-sm);width:20px;height:20px;background:var(--quote-success);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px!important;font-weight:700}.info-box{background:var(--quote-primary-light);border:2px solid var(--quote-primary);border-radius:var(--quote-radius-md);padding:var(--quote-space-md);margin-bottom:var(--quote-space-lg);font-size:16px!important;color:#1e40af}.firmness-options{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--quote-space-md);margin-bottom:var(--quote-space-lg)}.firmness-card{background:var(--quote-bg-card);border:2px solid var(--quote-border);border-radius:var(--quote-radius-lg);padding:var(--quote-space-lg);cursor:pointer;transition:all .2s ease;text-align:center}.firmness-card:hover{border-color:var(--quote-primary-light);box-shadow:var(--quote-shadow-sm)}.firmness-card.selected{border-color:var(--quote-primary);box-shadow:0 0 0 3px #2563eb33}.firmness-icon{font-size:72px!important;margin-bottom:var(--quote-space-md);color:var(--quote-text-muted)}.firmness-card .firmness-icon,.configurator-container .firmness-card .firmness-icon{font-size:72px!important}.firmness-card.selected .firmness-icon{color:var(--quote-primary)}.firmness-card h3{margin:0 0 var(--quote-space-xs) 0;font-size:18px!important;color:var(--quote-text)}.firmness-card p{margin:0;font-size:16px!important;color:var(--quote-text-muted)}.firmness-note{background:var(--quote-bg-light);border-radius:var(--quote-radius-md);padding:var(--quote-space-md);color:var(--quote-text-muted);font-size:16px!important;margin-top:var(--quote-space-lg);margin-bottom:var(--quote-space-lg)}.weight-input-section{background:var(--quote-bg-light);border:1px solid var(--quote-border);border-radius:var(--quote-radius-md);padding:var(--quote-space-lg);margin-top:var(--quote-space-xl);margin-bottom:var(--quote-space-xl)}.weight-label{display:block;font-size:18px!important;font-weight:600;color:var(--quote-text);margin-bottom:.5rem}.weight-description{font-size:16px!important;color:var(--quote-text-muted);margin-bottom:1rem}.weight-input-wrapper{display:flex;align-items:center;gap:.5rem}.weight-input{width:150px;padding:.75rem;font-size:18px!important;border:1px solid var(--quote-border-dark);border-radius:var(--quote-radius-sm);outline:none}.weight-input:focus{border-color:var(--quote-primary);box-shadow:0 0 0 3px #2563eb1a}.weight-unit{font-size:18px!important;color:var(--quote-text-muted)}.showroom-notice{background:var(--quote-warning-light);border:2px solid var(--quote-warning);border-radius:var(--quote-radius-md);padding:var(--quote-space-lg);margin-top:var(--quote-space-xl)}.showroom-notice-inner{display:flex;align-items:flex-start;gap:.75rem}.showroom-icon{font-size:24px!important;flex-shrink:0}.showroom-content{flex:1}.showroom-content h3{font-size:18px!important;font-weight:600;color:#78350f;margin:0 0 .75rem}.showroom-content p{font-size:16px!important;color:#78350f;margin:0 0 1rem;line-height:1.6}.showroom-details{background:#fff;padding:1rem;border-radius:var(--quote-radius-sm);font-size:16px!important;color:var(--quote-text);line-height:1.6}.showroom-address{margin-bottom:1rem}.showroom-note{font-size:14px!important;color:var(--quote-text-muted);font-style:italic}.showroom-phone{font-size:16px!important}.warning-box{background:var(--quote-warning-light);border:2px solid var(--quote-warning);border-radius:var(--quote-radius-md);padding:var(--quote-space-lg);margin-top:var(--quote-space-xl)}.cuts-options-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--quote-space-md);margin-bottom:var(--quote-space-xl)}.cut-card-enhanced{background:var(--quote-bg-card);border:2px solid var(--quote-border);border-radius:var(--quote-radius-lg);padding:var(--quote-space-lg);cursor:pointer;transition:all .2s ease;text-align:center}.cut-card-enhanced:hover{border-color:var(--quote-primary-light);box-shadow:var(--quote-shadow-sm)}.cut-card-enhanced.selected{border-color:var(--quote-primary);box-shadow:0 0 0 3px #2563eb33}.cut-icon-large{font-size:32px!important;margin-bottom:var(--quote-space-md);color:var(--quote-text-muted)}.cut-card-enhanced.selected .cut-icon-large{color:var(--quote-primary)}.cut-card-content{text-align:center}.cut-label{margin:0 0 var(--quote-space-sm) 0;font-size:18px!important;color:var(--quote-text)}.cut-price-badge{display:inline-block;background:var(--quote-success-light);color:#065f46;padding:var(--quote-space-xs) var(--quote-space-sm);border-radius:var(--quote-radius-sm);font-size:16px!important;font-weight:600;margin-bottom:var(--quote-space-sm)}.cut-card-enhanced.selected .cut-price-badge{background:var(--quote-primary);color:#fff}.cut-description{margin:0 0 var(--quote-space-sm) 0;font-size:16px!important;color:var(--quote-text-muted)}.cut-detail-badge{font-size:16px!important;color:var(--quote-text-light);text-transform:uppercase;letter-spacing:.05em}.video-help-card{background:var(--quote-primary-light);border-radius:var(--quote-radius-lg);padding:var(--quote-space-lg);margin-top:var(--quote-space-lg)}.video-header{display:flex;align-items:center;gap:var(--quote-space-sm);margin-bottom:var(--quote-space-md)}.video-header .video-icon{font-size:24px!important}.video-header h4{margin:0;font-size:16px!important;color:#1e40af}.video-container{position:relative;padding-bottom:56.25%;height:0;border-radius:var(--quote-radius-md);overflow:hidden;margin-bottom:var(--quote-space-md)}.help-video{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.video-description{margin:0;font-size:16px!important;color:#1e40af}.configuration-section{margin-bottom:var(--quote-space-xl)}.piece-count-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--quote-space-md)}.piece-count-card{background:var(--quote-bg-card);border:2px solid var(--quote-border);border-radius:var(--quote-radius-lg);padding:var(--quote-space-lg);cursor:pointer;transition:all .2s ease;text-align:center;position:relative}.piece-count-card:hover{border-color:var(--quote-primary-light);box-shadow:var(--quote-shadow-sm)}.piece-count-card.selected{border-color:var(--quote-primary);box-shadow:0 0 0 3px #2563eb33}.selected-checkmark{position:absolute;top:var(--quote-space-sm);right:var(--quote-space-sm);width:24px;height:24px;background:var(--quote-success);border-radius:50%;display:flex;align-items:center;justify-content:center}.piece-squares{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:var(--quote-space-md);min-height:50px}.piece-square-svg{flex-shrink:0}.piece-count-label{font-size:16px!important;color:var(--quote-text);margin-bottom:var(--quote-space-xs)}.piece-count-subtitle{font-size:16px!important;color:var(--quote-text-muted);text-transform:uppercase;letter-spacing:.05em}.connection-section{background:var(--quote-bg-light);border-radius:var(--quote-radius-lg);padding:var(--quote-space-xl)}.section-header-with-action{margin-bottom:var(--quote-space-lg)}.section-header-with-action h3{margin:0;font-size:18px!important;color:var(--quote-text)}.connection-group{margin-bottom:var(--quote-space-xl);padding-bottom:var(--quote-space-xl);border-bottom:1px solid var(--quote-border)}.connection-group:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.connection-title{margin:0 0 var(--quote-space-md) 0;font-size:16px!important;color:var(--quote-text)}.connection-options-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--quote-space-md);margin-bottom:var(--quote-space-lg)}.connection-option-card{background:var(--quote-bg-card);border:2px solid var(--quote-border);border-radius:var(--quote-radius-md);padding:var(--quote-space-lg);cursor:pointer;transition:all .2s ease;text-align:center}.connection-option-card:hover{border-color:var(--quote-primary-light)}.connection-option-card.selected{border-color:var(--quote-primary);background:var(--quote-primary-light)}.connection-icon{margin-bottom:var(--quote-space-sm)}.connection-option-card h4{margin:0 0 var(--quote-space-xs) 0;font-size:16px!important;color:var(--quote-text)}.connection-price{font-size:18px!important;font-weight:700;color:var(--quote-primary);margin-bottom:var(--quote-space-xs)}.connection-description{margin:0;font-size:16px!important;color:var(--quote-text-muted)}.link-position-section{background:var(--quote-bg-card);border-radius:var(--quote-radius-md);padding:var(--quote-space-lg);margin-top:var(--quote-space-md)}.position-label{margin:0 0 var(--quote-space-md) 0;font-size:16px!important;font-weight:600;color:var(--quote-text)}.position-options{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--quote-space-md);margin-bottom:var(--quote-space-md)}.position-option{display:flex;align-items:center;gap:var(--quote-space-md);padding:var(--quote-space-md);background:var(--quote-bg-light);border:2px solid var(--quote-border);border-radius:var(--quote-radius-md);cursor:pointer;transition:all .2s ease}.position-option:hover{border-color:var(--quote-primary-light)}.position-option.selected{border-color:var(--quote-primary);background:var(--quote-primary-light)}.position-icon{flex-shrink:0}.position-text{flex:1}.position-text strong{display:block;font-size:16px!important;color:var(--quote-text);margin-bottom:2px}.position-text span{font-size:16px!important;color:var(--quote-text-muted)}.position-check{width:24px;height:24px;background:var(--quote-success);border-radius:50%;display:flex;align-items:center;justify-content:center}.position-tip{background:var(--quote-success-light);border-radius:var(--quote-radius-sm);padding:var(--quote-space-md);font-size:16px!important;color:#065f46;line-height:1.5}.connection-cost-summary{display:flex;justify-content:space-between;align-items:center;background:var(--quote-primary-light);border-radius:var(--quote-radius-md);padding:var(--quote-space-md) var(--quote-space-lg);margin-top:var(--quote-space-lg);font-size:16px!important}.cost-amount{font-size:20px!important;font-weight:700;color:var(--quote-primary)}.sketch-requirements{background:var(--quote-bg-light);border-radius:var(--quote-radius-md);padding:var(--quote-space-lg);margin-bottom:var(--quote-space-xl)}.sketch-requirements h3{margin:0 0 var(--quote-space-md) 0;font-size:16px!important;color:var(--quote-text)}.sketch-requirements ul{list-style:none;padding:0;margin:0}.sketch-requirements li{font-size:16px!important;color:var(--quote-text-muted);margin-bottom:var(--quote-space-xs);line-height:1.5}.required-badge{display:inline-block;background:var(--quote-danger);color:#fff;padding:2px 8px;border-radius:var(--quote-radius-sm);font-size:16px!important;font-weight:700;text-transform:uppercase;margin-right:var(--quote-space-xs)}.upload-area{border:2px dashed var(--quote-border-dark);border-radius:var(--quote-radius-lg);padding:var(--quote-space-xl) var(--quote-space-lg);text-align:center;transition:all .2s ease;background:var(--quote-bg-light);margin-bottom:var(--quote-space-xl)}.upload-area:hover{border-color:var(--quote-primary);background:var(--quote-primary-light)}.upload-area.drag-active{border-color:var(--quote-primary);background:var(--quote-primary-light);box-shadow:0 0 0 4px #2563eb1a}.upload-area.uploading{opacity:.7;pointer-events:none}.upload-content{display:flex;flex-direction:column;align-items:center;gap:var(--quote-space-sm)}.upload-icon{font-size:48px!important;margin-bottom:var(--quote-space-sm)}.upload-content h3{margin:0;font-size:18px!important;color:var(--quote-text)}.upload-content p{margin:0;font-size:16px!important;color:var(--quote-text-muted)}.upload-formats{font-size:16px!important;color:var(--quote-text-light);margin-top:var(--quote-space-sm)}.upload-spinner{width:64px;height:64px;border:5px solid #e5e7eb;border-top-color:var(--quote-primary);border-right-color:var(--quote-primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--quote-space-md);background:#fff}@keyframes spin{to{transform:rotate(360deg)}}.upload-progress{width:300px;height:30px;background:#fff;border:3px solid var(--quote-primary);border-radius:8px;overflow:hidden;margin-top:var(--quote-space-md);position:relative}.upload-progress-bar{height:100%;background:var(--quote-primary);border-radius:4px;transition:width .3s ease}.upload-progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:16px!important;font-weight:700;color:var(--quote-text);z-index:1}.upload-error{display:flex;align-items:flex-start;gap:var(--quote-space-md);background:var(--quote-danger-light);border:2px solid var(--quote-danger);border-radius:var(--quote-radius-md);padding:var(--quote-space-lg);margin-bottom:var(--quote-space-xl)}.error-icon{font-size:24px!important;flex-shrink:0}.error-content{flex:1}.error-content strong{display:block;color:#991b1b;margin-bottom:var(--quote-space-xs)}.error-content p{margin:0 0 var(--quote-space-sm) 0;font-size:16px!important;color:#991b1b}.error-hint{font-size:16px!important;color:#b91c1c}.upload-success{background:var(--quote-success-light);border:2px solid var(--quote-success);border-radius:var(--quote-radius-lg);padding:var(--quote-space-xl);text-align:center;margin-bottom:var(--quote-space-xl)}.success-header{display:flex;flex-direction:column;align-items:center;margin-bottom:var(--quote-space-lg)}.success-icon{width:48px;height:48px;background:var(--quote-success);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px!important;font-weight:700;margin-bottom:var(--quote-space-sm)}.success-header h3{margin:0;color:#065f46}.sketch-preview{max-width:400px;margin:0 auto var(--quote-space-lg)}.sketch-preview img{width:100%;border-radius:var(--quote-radius-md);box-shadow:var(--quote-shadow-md)}.pdf-preview{display:flex;flex-direction:column;align-items:center;padding:var(--quote-space-xl);background:#fff;border-radius:var(--quote-radius-md);box-shadow:var(--quote-shadow-sm)}.pdf-icon{font-size:48px!important;margin-bottom:var(--quote-space-sm)}.upload-actions{margin-top:var(--quote-space-lg)}.sketch-examples-section{margin-top:var(--quote-space-xl)}.sketch-examples-section h3{margin:0 0 var(--quote-space-sm) 0;font-size:18px!important;color:var(--quote-text)}.examples-description{margin:0 0 var(--quote-space-lg) 0;font-size:16px!important;color:var(--quote-text-muted)}.sketch-examples-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--quote-space-md)}.example-sketch-card{border-radius:var(--quote-radius-md);overflow:hidden;box-shadow:var(--quote-shadow-sm);background:var(--quote-bg-light)}.example-sketch-card img{width:100%;height:150px;object-fit:cover;display:block}.image-placeholder{width:100%;height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--quote-bg-light)}.placeholder-icon{font-size:32px!important;margin-bottom:var(--quote-space-xs)}.placeholder-text{font-size:16px!important;color:var(--quote-text-muted)}.sketch-help{background:var(--quote-bg-light);border-radius:var(--quote-radius-md);padding:var(--quote-space-lg);margin-top:var(--quote-space-xl)}.sketch-help h4{margin:0 0 var(--quote-space-sm) 0;font-size:16px!important;color:var(--quote-text)}.sketch-help p{margin:0 0 var(--quote-space-sm) 0;font-size:16px!important;color:var(--quote-text-muted)}.sketch-help ul{list-style:none;padding:0;margin:0}.sketch-help li{font-size:16px!important;color:var(--quote-text-muted);margin-bottom:var(--quote-space-xs);padding-left:var(--quote-space-lg);position:relative}.sketch-help li:before{content:"•";position:absolute;left:var(--quote-space-sm);color:var(--quote-primary)}.contact-form{max-width:500px;margin-bottom:var(--quote-space-xl)}.contact-form .form-group{margin-bottom:var(--quote-space-lg)}.contact-form label{display:block;font-size:16px!important;font-weight:600;color:var(--quote-text);margin-bottom:var(--quote-space-sm)}.contact-form input{width:100%;padding:.875rem 1rem;font-size:16px!important;border:2px solid var(--quote-border);border-radius:var(--quote-radius-md);transition:border-color .2s ease,box-shadow .2s ease}.contact-form input:focus{outline:none;border-color:var(--quote-primary);box-shadow:0 0 0 3px #2563eb1a}.contact-form input.input-error{border-color:var(--quote-danger)}.contact-form input.input-error:focus{box-shadow:0 0 0 3px #ef44441a}.error-message{display:block;color:var(--quote-danger);font-size:16px!important;margin-top:var(--quote-space-xs)}.field-help{display:block;color:var(--quote-text-muted);font-size:16px!important;margin-top:var(--quote-space-xs)}.privacy-notice{background:var(--quote-bg-light);border-radius:var(--quote-radius-md);padding:var(--quote-space-lg);margin-bottom:var(--quote-space-xl)}.privacy-notice h4{margin:0 0 var(--quote-space-sm) 0;font-size:16px!important;color:var(--quote-text)}.privacy-notice p{margin:0;font-size:16px!important;color:var(--quote-text-muted);line-height:1.5}.what-happens-next{background:var(--quote-primary-light);border-radius:var(--quote-radius-lg);padding:var(--quote-space-xl)}.what-happens-next h3{margin:0 0 var(--quote-space-lg) 0;font-size:18px!important;color:#1e40af}.what-happens-next ol{list-style:none;padding:0;margin:0;counter-reset:step-counter}.what-happens-next li{position:relative;padding-left:3rem;margin-bottom:var(--quote-space-md);font-size:16px!important;color:#1e40af;line-height:1.5;counter-increment:step-counter}.what-happens-next li:last-child{margin-bottom:0}.what-happens-next li:before{content:counter(step-counter);position:absolute;left:0;top:0;width:24px;height:24px;background:var(--quote-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px!important;font-weight:700}.price-sidebar{position:sticky;top:var(--quote-space-lg)}.price-sidebar-inner{background:var(--quote-bg-card);border:1px solid var(--quote-border);border-radius:var(--quote-radius-lg);padding:var(--quote-space-lg);box-shadow:var(--quote-shadow-card)}.price-sidebar-inner h3{margin:0 0 var(--quote-space-lg) 0;font-size:18px!important;color:var(--quote-text);padding-bottom:var(--quote-space-md);border-bottom:1px solid var(--quote-border)}.price-breakdown{margin-bottom:var(--quote-space-lg)}.price-row{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--quote-space-sm) 0;border-bottom:1px solid var(--quote-border)}.price-row:last-child{border-bottom:none}.price-label{font-size:16px!important;color:var(--quote-text-muted);display:flex;align-items:center}.price-value,.price-amount{font-size:16px!important;color:var(--quote-text);text-align:right}.price-amount-value{font-size:18px!important;font-weight:700;color:var(--quote-primary);margin-top:.25rem}.price-step-number{color:var(--quote-text-muted);font-size:14px!important;margin-right:.5rem}.price-from{font-size:16px!important;font-weight:600;color:var(--quote-primary)}.price-detail{font-size:16px!important;color:var(--quote-text-muted);margin-top:2px}.price-row .size-category{font-size:16px!important;color:var(--quote-text-muted);text-transform:capitalize}.price-row.price-row-alert{background:var(--quote-warning-light);margin:var(--quote-space-sm) calc(var(--quote-space-md) * -1);padding:var(--quote-space-sm) var(--quote-space-md);border-radius:var(--quote-radius-sm)}.sketch-uploaded{color:var(--quote-success);font-weight:600}.price-total{display:flex;justify-content:space-between;align-items:center;background:var(--quote-bg-light);margin:var(--quote-space-lg) calc(var(--quote-space-lg) * -1) 0;padding:var(--quote-space-lg);border-top:2px solid var(--quote-border)}.price-total span:first-child{font-size:16px!important;font-weight:600;color:var(--quote-text)}.price-total .total-amount{font-size:24px!important;font-weight:700;color:var(--quote-primary)}.price-note{text-align:center;margin:0 calc(var(--quote-space-lg) * -1) calc(var(--quote-space-lg) * -1);padding:var(--quote-space-md);background:var(--quote-bg-light);border-radius:0 0 var(--quote-radius-lg) var(--quote-radius-lg)}.price-note small{font-size:16px!important;color:var(--quote-text-muted)}.navigation-buttons{display:flex;justify-content:space-between;gap:var(--quote-space-md);margin-top:var(--quote-space-xl);padding-top:var(--quote-space-xl)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.875rem 1.5rem;font-size:16px!important;font-weight:600;border-radius:var(--quote-radius-md);border:none;cursor:pointer;transition:all .2s ease;text-decoration:none}.btn-primary{background:var(--quote-primary);color:#fff}.btn-primary:hover{background:var(--quote-primary-hover)}.btn-primary:disabled{background:var(--quote-border);color:var(--quote-text-muted);cursor:not-allowed}.btn-secondary{background:var(--quote-bg-light);color:var(--quote-text);border:2px solid var(--quote-border)}.btn-secondary:hover{background:var(--quote-border)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-submit{min-width:200px}.btn-small{padding:.5rem 1rem;font-size:16px!important}.btn-large{padding:1rem 2rem;font-size:18px!important}.loading-spinner-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center}.loading-spinner-container .loading-spinner{width:64px;height:64px;border:4px solid var(--quote-border);border-top-color:var(--quote-primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--quote-space-lg)}.loading-message{font-size:18px!important;color:var(--quote-text-muted)}.confirmation-wrapper{max-width:800px;margin:0 auto}.confirmation-container{padding:var(--quote-space-xl) 0}.confirmation-hero{text-align:center;margin-bottom:var(--quote-space-xl)}.success-icon-large{width:80px;height:80px;background:var(--quote-success);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:40px!important;font-weight:700;margin:0 auto var(--quote-space-lg);box-shadow:0 4px 20px #10b9814d}.confirmation-title{margin:0 0 var(--quote-space-sm) 0;font-size:32px!important;color:var(--quote-text)}.confirmation-subtitle{margin:0;font-size:18px!important;color:var(--quote-text-muted)}.reference-card{background:var(--quote-primary-light);border:2px solid var(--quote-primary);border-radius:var(--quote-radius-lg);padding:var(--quote-space-xl);text-align:center;margin-bottom:var(--quote-space-xl)}.reference-label{font-size:16px!important;color:#1e40af;margin-bottom:var(--quote-space-sm);text-transform:uppercase;letter-spacing:.05em}.reference-number{font-size:32px!important;font-weight:700;color:var(--quote-primary);margin-bottom:var(--quote-space-sm);letter-spacing:.1em}.reference-note{font-size:16px!important;color:#1e40af}.confirmation-card{background:var(--quote-bg-card);border:1px solid var(--quote-border);border-radius:var(--quote-radius-lg);padding:var(--quote-space-xl);margin-bottom:var(--quote-space-lg)}.card-title{margin:0 0 var(--quote-space-lg) 0;font-size:20px!important;color:var(--quote-text)}.timeline{position:relative}.timeline-item{display:flex;gap:var(--quote-space-lg);margin-bottom:var(--quote-space-lg)}.timeline-item:last-child{margin-bottom:0}.timeline-marker{display:flex;flex-direction:column;align-items:center}.timeline-number{width:32px;height:32px;background:var(--quote-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px!important;font-weight:700;flex-shrink:0}.timeline-line{width:2px;flex:1;background:var(--quote-border);margin-top:var(--quote-space-sm)}.timeline-content{flex:1;padding-bottom:var(--quote-space-md)}.timeline-content h3{margin:0 0 var(--quote-space-xs) 0;font-size:16px!important;color:var(--quote-text)}.timeline-content p{margin:0;font-size:16px!important;color:var(--quote-text-muted);line-height:1.5}.email-highlight{display:inline-block;background:var(--quote-primary-light);color:var(--quote-primary);padding:var(--quote-space-xs) var(--quote-space-sm);border-radius:var(--quote-radius-sm);font-weight:600;margin-top:var(--quote-space-sm)}.quote-summary-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--quote-space-md);margin-bottom:var(--quote-space-lg)}.summary-item{display:flex;align-items:center;gap:var(--quote-space-md);background:var(--quote-bg-light);padding:var(--quote-space-md);border-radius:var(--quote-radius-md)}.summary-icon{font-size:24px!important;flex-shrink:0}.summary-details{flex:1}.summary-label{font-size:16px!important;color:var(--quote-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px}.summary-value{font-size:16px!important;font-weight:600;color:var(--quote-text)}.summary-sub{display:block;font-size:16px!important;font-weight:400;color:var(--quote-text-muted)}.sketch-confirmed{color:var(--quote-success)}.quote-total-card{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,var(--quote-primary) 0%,#1d4ed8 100%);color:#fff;padding:var(--quote-space-lg);border-radius:var(--quote-radius-md);margin-bottom:var(--quote-space-md)}.total-label{font-size:16px!important;opacity:.9}.quote-total-card .total-amount{font-size:28px!important;font-weight:700}.price-disclaimer{text-align:center;font-size:16px!important;color:var(--quote-text-muted)}.contact-card .contact-intro{margin:0 0 var(--quote-space-lg) 0;font-size:16px!important;color:var(--quote-text-muted)}.contact-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--quote-space-md)}.contact-option{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--quote-space-lg);background:var(--quote-bg-light);border-radius:var(--quote-radius-md);text-decoration:none;transition:all .2s ease}.contact-option:hover{background:var(--quote-border)}.contact-icon{font-size:32px!important;margin-bottom:var(--quote-space-sm)}.contact-label{font-size:16px!important;color:var(--quote-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--quote-space-xs)}.contact-value{font-size:16px!important;font-weight:600;color:var(--quote-text)}.email-reminder-card{display:flex;align-items:center;gap:var(--quote-space-md);background:var(--quote-warning-light);border-radius:var(--quote-radius-md);padding:var(--quote-space-lg);margin-bottom:var(--quote-space-xl)}.reminder-icon{font-size:32px!important;flex-shrink:0}.reminder-content{flex:1}.reminder-content strong{display:block;color:#92400e;margin-bottom:var(--quote-space-xs)}.reminder-content p{margin:0;font-size:16px!important;color:#92400e}.confirmation-footer{text-align:center}@media (max-width: 1024px){.configurator-content{grid-template-columns:1fr 280px;gap:var(--quote-space-lg)}.type-cards{grid-template-columns:1fr}.piece-count-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.configurator-container{padding:var(--quote-space-md)}.configurator-content{grid-template-columns:1fr}.step-indicator{display:none}.step-indicator-mobile{display:block}.price-sidebar{position:static;margin-top:var(--quote-space-lg)}.step-container{padding:var(--quote-space-lg)}.step-header-section{flex-direction:column;text-align:center;align-items:center}.dimension-inputs,.firmness-options,.cuts-options-grid{grid-template-columns:1fr}.piece-count-grid{grid-template-columns:repeat(2,1fr)}.connection-options-grid,.position-options{grid-template-columns:1fr}.sketch-examples-grid{grid-template-columns:repeat(2,1fr)}.quote-summary-grid,.contact-grid{grid-template-columns:1fr}.navigation-buttons{flex-direction:column}.btn{width:100%}.confirmation-title,.reference-number{font-size:24px!important}}@media (max-width: 480px){.piece-count-grid{grid-template-columns:1fr 1fr;gap:var(--quote-space-sm)}.piece-count-card{padding:var(--quote-space-md)}.sketch-examples-grid{grid-template-columns:1fr 1fr;gap:var(--quote-space-sm)}.example-sketch-card img{height:100px}}