.customizer-header{background:linear-gradient(135deg,var(--primary-color,#28503f) 0,var(--secondary-color,#bccac3) 100%);color:#fff;margin-top:70px;padding:100px 0 60px}.header-content{text-align:center}.header-content h1{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.header-content p{font-size:1.2rem;margin-bottom:3rem;opacity:.9}.progress-bar{display:flex;gap:2rem;justify-content:center;margin:0 auto;max-width:600px}.progress-step{align-items:center;display:flex;flex-direction:column;opacity:.5;position:relative;transition:var(--transition)}.progress-step.active,.progress-step.completed{opacity:1}.step-number{align-items:center;background:rgba(255,255,255,.2);border-radius:50%;display:flex;font-weight:600;height:40px;justify-content:center;margin-bottom:.5rem;transition:var(--transition);width:40px}.progress-step.active .step-number{background:#fff;color:var(--primary-color,#28503f)}.progress-step.completed .step-number{background:var(--accent-color,#dea97a);color:#fff}.progress-step span{font-size:.9rem;font-weight:500}.customizer-content{min-height:80vh;padding:3rem 0}.customizer-layout{align-items:start;display:grid;gap:3rem;grid-template-columns:1fr 400px}.customizer-config{background:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow);padding:2rem;position:relative}.config-step{animation:slideIn .3s ease-out;display:none}.config-step.active{display:block}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.config-step h2{border-bottom:2px solid var(--border-color,#e0e1e3);color:var(--text-primary,#2f3634);font-size:1.8rem;font-weight:600;margin-bottom:2rem;padding-bottom:1rem}.config-section{margin-bottom:3rem}.dimension-input{margin-bottom:2rem}.dimension-input label{color:var(--text-primary,#2f3634);display:block;font-weight:600;margin-bottom:.5rem}.input-group{align-items:center;border:2px solid var(--border-color,#e0e1e3);border-radius:var(--border-radius);display:flex;overflow:hidden;transition:var(--transition)}.input-group:focus-within{border-color:var(--primary-color,#28503f);box-shadow:0 0 0 3px rgba(40,80,63,.1)}.input-group input{border:none;flex:1;font-size:1rem;font-weight:500;outline:none;padding:12px 16px}.unit{background:var(--bg-secondary,#f7f6f3);border-left:1px solid var(--border-color,#e0e1e3);font-weight:600;padding:12px 16px}.dimension-input small,.unit{color:var(--text-secondary,#4a504d)}.dimension-input small{display:block;font-size:.85rem;margin-top:.5rem}.checkbox-group,.radio-group{display:flex;flex-direction:column;gap:1rem}.checkbox-option,.radio-option{align-items:flex-start;border:2px solid var(--border-color,#e0e1e3);border-radius:var(--border-radius);cursor:pointer;display:flex;gap:1rem;padding:1rem;position:relative;transition:var(--transition)}.checkbox-option:hover,.radio-option:hover{background:rgba(40,80,63,.05);border-color:var(--primary-color,#28503f)}.checkbox-option input,.radio-option input{display:none}.checkbox-custom,.radio-custom{border:2px solid var(--border-color,#e0e1e3);border-radius:50%;flex-shrink:0;height:20px;margin-top:2px;position:relative;transition:var(--transition);width:20px}.checkbox-custom{border-radius:4px}.checkbox-option input:checked+.checkbox-custom,.radio-option input:checked+.radio-custom{background:var(--primary-color,#28503f);border-color:var(--primary-color,#28503f)}.radio-option input:checked+.radio-custom:after{background:#fff;border-radius:50%;content:"";height:8px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:8px}.checkbox-option input:checked+.checkbox-custom:after{color:#fff;content:"✓";font-size:12px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.checkbox-option div,.radio-option div{flex:1}.checkbox-option small,.radio-option small{color:var(--text-secondary,#4a504d);display:block;font-size:.85rem;margin-top:.25rem}.option-price{background:var(--accent-color,#dea97a);border-radius:12px;color:#fff;font-size:.8rem;font-weight:600;padding:4px 8px;position:absolute;right:1rem;top:1rem}.category-tabs,.fabric-categories{margin-bottom:2rem}.category-tabs{border-bottom:2px solid var(--border-color,#e0e1e3);display:flex;gap:.5rem}.tab-btn{background:none;border:none;border-bottom:2px solid transparent;color:var(--text-secondary,#4a504d);cursor:pointer;font-weight:500;padding:12px 20px;transition:var(--transition)}.tab-btn.active,.tab-btn:hover{border-bottom-color:var(--primary-color,#28503f);color:var(--primary-color,#28503f)}.fabric-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));margin-bottom:2rem}.fabric-option{aspect-ratio:1;border:3px solid transparent;border-radius:var(--border-radius);cursor:pointer;overflow:hidden;position:relative;transition:var(--transition)}.fabric-option:hover{box-shadow:var(--shadow);transform:scale(1.05)}.fabric-option.selected{border-color:var(--primary-color,#28503f);transform:scale(1.05)}.fabric-option img{height:100%;object-fit:cover;width:100%}.fabric-name{background:linear-gradient(transparent,rgba(0,0,0,.8));bottom:0;color:#fff;font-size:.8rem;font-weight:500;left:0;padding:1rem .5rem .5rem;position:absolute;right:0;text-align:center}.fabric-details{background:var(--bg-secondary,#f7f6f3);border-radius:var(--border-radius);padding:1.5rem}.fabric-details h4{color:var(--text-primary,#2f3634);margin-bottom:1rem}.fabric-properties{display:flex;flex-direction:column;gap:.5rem}.property{display:flex;justify-content:space-between}.property-label{color:var(--text-secondary,#4a504d)}.property-value{color:var(--text-primary,#2f3634);font-weight:600}.option-group{margin-bottom:2rem}.option-group h4{color:var(--text-primary,#2f3634);font-size:1.2rem;font-weight:600;margin-bottom:1rem}.customer-details{background:var(--bg-secondary,#f7f6f3);border-radius:var(--border-radius);margin-bottom:2rem;padding:2rem}.customer-details h4{color:var(--text-primary,#2f3634);margin-bottom:1rem}.form-grid{display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:1rem}.form-group{display:flex;flex-direction:column}.form-group input,.form-group textarea{border:2px solid var(--border-color,#e0e1e3);border-radius:var(--border-radius);font-family:inherit;font-size:1rem;padding:12px 16px;transition:var(--transition)}.form-group input:focus,.form-group textarea:focus{border-color:var(--primary-color,#28503f);box-shadow:0 0 0 3px rgba(40,80,63,.1);outline:none}.step-actions{border-top:2px solid var(--border-color,#e0e1e3);display:flex;gap:1rem;justify-content:flex-end;padding-top:2rem}.customizer-preview{position:sticky;top:90px}.preview-sticky{display:flex;flex-direction:column;gap:2rem}.preview-container{background:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow);overflow:hidden}.preview-title{align-items:center;border-bottom:1px solid var(--border-color,#e0e1e3);display:flex;justify-content:space-between;padding:1.5rem}.preview-title h3{color:var(--text-primary,#2f3634);font-size:1.3rem;font-weight:600}.preview-toggle{background:#fff;border:1px solid var(--border-color,#e0e1e3);border-radius:20px;color:var(--text-secondary,#4a504d);cursor:pointer;font-size:.9rem;padding:8px 16px;transition:var(--transition)}.preview-toggle:hover{border-color:var(--primary-color,#28503f);color:var(--primary-color,#28503f)}.preview-canvas{align-items:center;background:linear-gradient(135deg,#f7f6f3,#e8e6e1);display:flex;height:300px;justify-content:center;position:relative}.preview-mockup{height:80%;position:relative;width:80%}.curtain-mockup{background:var(--primary-color,#28503f);border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.1);height:100%;overflow:hidden;position:relative;transition:var(--transition);width:100%}.curtain-mockup:before{background:#666;border-radius:8px 8px 0 0;content:"";height:20px;left:0;position:absolute;right:0;top:0}.curtain-mockup:after{background:repeating-linear-gradient(90deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,.1) 2%,transparent 0,transparent 4%);bottom:0;content:"";left:0;position:absolute;right:0;top:20px}.pricing-card{background:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow);padding:2rem}.pricing-card h3{color:var(--text-primary,#2f3634);font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;text-align:center}.price-breakdown{display:flex;flex-direction:column;gap:.75rem}.price-line{align-items:center;display:flex;justify-content:space-between;padding:.5rem 0}.price-line.total{border-top:2px solid var(--border-color,#e0e1e3);font-size:1.1rem;font-weight:600;margin-top:1rem;padding-top:1rem}.price-line.gst{color:var(--text-secondary,#4a504d);font-size:.9rem}.price-line.final-total{background:var(--primary-color,#28503f);border-radius:var(--border-radius);color:#fff;font-size:1.2rem;font-weight:700;margin-top:1rem;padding:1rem}.price-notes{border-top:1px solid var(--border-color,#e0e1e3);margin-top:1.5rem;padding-top:1rem}.price-notes p{line-height:1.4;margin-bottom:.5rem}.quick-actions{display:flex;flex-direction:column;gap:1rem}.btn-outline{background:#fff;border:2px solid var(--primary-color,#28503f);color:var(--primary-color,#28503f)}.btn-outline:hover{background:var(--primary-color,#28503f);color:#fff}.order-summary{background:var(--bg-secondary,#f7f6f3);border-radius:var(--border-radius);margin-bottom:2rem;padding:2rem}.summary-section{margin-bottom:1.5rem}.summary-section h4{color:var(--text-primary,#2f3634);font-weight:600;margin-bottom:.5rem}.summary-section p{color:var(--text-secondary,#4a504d);margin-bottom:.25rem}@media(max-width:1024px){.customizer-layout{gap:2rem;grid-template-columns:1fr}.customizer-preview{order:-1;position:static}.preview-sticky{flex-direction:row;gap:1rem}.preview-container{flex:1}.pricing-card{flex:1;min-width:300px}}@media(max-width:768px){.customizer-header{padding:80px 0 40px}.header-content h1{font-size:2rem}.progress-bar{gap:1rem}.progress-step span{font-size:.8rem}.step-number{font-size:.9rem;height:35px;width:35px}.customizer-config{padding:1.5rem}.preview-sticky{flex-direction:column}.form-grid{grid-template-columns:1fr}.step-actions{flex-direction:column}.fabric-grid{gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.category-tabs{flex-wrap:wrap;gap:.25rem}.tab-btn{font-size:.9rem;padding:8px 12px}}@media(max-width:480px){.progress-bar{flex-wrap:wrap;gap:.5rem}.customizer-content{padding:2rem 0}.customizer-config,.pricing-card{padding:1rem}.checkbox-option,.radio-option{padding:.75rem}.option-price{align-self:flex-start;margin-top:.5rem;position:static}}