.repair-customizer-wrapper{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:40px 20px}.repair-container{max-width:1200px;margin:0 auto;background:#fff;border-radius:20px;padding:40px;box-shadow:0 20px 60px #0000004d}.repair-title{font-size:2.5rem;text-align:center;color:#2d3748;margin-bottom:10px;font-weight:700}.repair-subtitle{text-align:center;color:#718096;font-size:1.1rem;margin-bottom:40px}.repair-step{display:none;animation:fadeIn .5s ease-in}.repair-step.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.step-title{font-size:1.8rem;color:#2d3748;margin-bottom:30px;padding-bottom:15px;border-bottom:3px solid #667eea}.controller-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.controller-card{background:linear-gradient(135deg,#f6f8fb,#fff);border:3px solid #e2e8f0;border-radius:15px;padding:30px 20px;text-align:center;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.controller-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#667eea,#764ba2);opacity:0;transition:opacity .3s ease;z-index:0}.controller-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #667eea4d;border-color:#667eea}.controller-card:hover:before{opacity:.05}.controller-card.selected{border-color:#667eea;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;transform:scale(1.05)}.controller-card.selected h3,.controller-card.selected p{color:#fff}.controller-icon{font-size:3rem;margin-bottom:15px;position:relative;z-index:1}.controller-card h3{font-size:1.3rem;margin-bottom:8px;color:#2d3748;font-weight:700;position:relative;z-index:1}.controller-card p{color:#718096;font-size:.95rem;position:relative;z-index:1}.modifications-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-bottom:30px}.modification-card{background:#f7fafc;border:2px solid #e2e8f0;border-radius:12px;padding:20px;transition:all .3s ease}.modification-card:hover{border-color:#667eea;box-shadow:0 5px 15px #667eea33}.modification-card input[type=checkbox]{display:none}.modification-card input[type=checkbox]:checked+label{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.modification-card input[type=checkbox]:checked+label .mod-price{color:#fff}.modification-card label{cursor:pointer;display:block;padding:15px;border-radius:8px;transition:all .3s ease}.mod-info h4{font-size:1.1rem;margin-bottom:8px;color:#2d3748}.modification-card input[type=checkbox]:checked+label h4{color:#fff}.mod-price{font-size:1.3rem;color:#667eea;font-weight:700}.step-navigation{display:flex;justify-content:space-between;gap:15px;margin-top:30px}.btn-back,.btn-next,.btn-submit{padding:15px 30px;font-size:1.1rem;border:none;border-radius:10px;cursor:pointer;font-weight:700;transition:all .3s ease}.btn-back{background:#e2e8f0;color:#2d3748}.btn-back:hover{background:#cbd5e0;transform:translate(-5px)}.btn-next,.btn-submit{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;flex:1}.btn-next:hover,.btn-submit:hover{transform:translateY(-2px);box-shadow:0 10px 25px #667eea66}.order-summary{background:#f7fafc;border-radius:12px;padding:30px;margin-bottom:30px}.summary-section{margin-bottom:25px}.summary-section h3{font-size:1.2rem;color:#2d3748;margin-bottom:10px;font-weight:700}.summary-section p,.summary-section ul{color:#4a5568;font-size:1rem;line-height:1.8}.summary-section ul{list-style:none;padding:0}.summary-section ul li{padding:8px 0;border-bottom:1px solid #e2e8f0}.summary-section ul li:last-child{border-bottom:none}.summary-section ul li .price{float:right;color:#667eea;font-weight:700}.total-section{border-top:3px solid #667eea;padding-top:20px;margin-top:20px}.total-price{font-size:2rem;color:#667eea;font-weight:700}.customer-info{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:30px;margin-bottom:30px}.customer-info h3{font-size:1.3rem;color:#2d3748;margin-bottom:20px}.form-group{margin-bottom:20px}.form-group label{display:block;font-weight:700;color:#2d3748;margin-bottom:8px;font-size:.95rem}.form-group input,.form-group textarea{width:100%;padding:12px 15px;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;transition:all .3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background:#000000b3;animation:fadeIn .3s ease}.modal.active{display:flex;align-items:center;justify-content:center}.modal-content{background:#fff;border-radius:20px;padding:40px;max-width:500px;width:90%;position:relative;animation:slideUp .4s ease}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.close-modal{position:absolute;top:15px;right:20px;font-size:2rem;cursor:pointer;color:#718096;transition:color .3s ease}.close-modal:hover{color:#2d3748}.modal-body{text-align:center}.success-icon{width:80px;height:80px;background:linear-gradient(135deg,#48bb78,#38a169);color:#fff;font-size:3rem;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.modal-body h2{color:#2d3748;margin-bottom:15px}.modal-body p{color:#718096;margin-bottom:15px;line-height:1.6}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:12px 30px;border:none;border-radius:10px;font-size:1rem;cursor:pointer;margin-top:20px;font-weight:700;transition:all .3s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 25px #667eea66}.loading-overlay{display:none;position:fixed;z-index:2000;left:0;top:0;width:100%;height:100%;background:#000c;align-items:center;justify-content:center;flex-direction:column}.loading-overlay.active{display:flex}.spinner{width:60px;height:60px;border:5px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-overlay p{color:#fff;font-size:1.2rem;margin-top:20px}@media(max-width:768px){.repair-container{padding:20px}.repair-title{font-size:1.8rem}.controller-grid,.modifications-container{grid-template-columns:1fr}.step-navigation{flex-direction:column}.btn-back{order:2}.btn-next,.btn-submit{order:1}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/custom-repair-styles.css.map */