:root{--configurator-primary: #007bff;--configurator-secondary: #6c757d;--configurator-success: #28a745;--configurator-warning: #ffc107;--configurator-danger: #dc3545;--configurator-light: #f8f9fa;--configurator-dark: #343a40;--configurator-border-radius: 12px;--configurator-border-radius-sm: 6px;--configurator-shadow: 0 4px 12px rgba(0, 0, 0, .1);--configurator-shadow-hover: 0 8px 24px rgba(0, 0, 0, .15);--configurator-transition: all .3s ease;--configurator-font-family: system-ui, -apple-system, sans-serif}.product-configurator{font-family:var(--configurator-font-family);line-height:1.6;color:var(--configurator-dark)}.product-configurator *{box-sizing:border-box}.configurator-container{max-width:1200px;margin:0 auto;padding:2rem 1rem}.configurator-header{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-bottom:3rem;align-items:start}.product-info h1{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:var(--configurator-dark)}.product-description{font-size:1.1rem;color:var(--configurator-secondary);margin-bottom:2rem;line-height:1.7}.product-pricing{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.base-price{font-size:1.2rem;color:var(--configurator-secondary);text-decoration:line-through}.current-price{font-size:2rem;font-weight:700;color:var(--configurator-primary)}.product-preview{position:relative;background:var(--configurator-light);border-radius:var(--configurator-border-radius);overflow:hidden;aspect-ratio:1}.preview-image{width:100%;height:100%;object-fit:cover;transition:var(--configurator-transition)}.preview-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000000b3);color:#fff;padding:1.5rem;transform:translateY(100%);transition:var(--configurator-transition)}.product-preview:hover .preview-overlay{transform:translateY(0)}.preview-label{font-size:.9rem;font-weight:600}.configurator-navigation{margin-bottom:3rem;padding:2rem;background:var(--configurator-light);border-radius:var(--configurator-border-radius)}.steps-container{display:flex;justify-content:space-between;align-items:center;position:relative;margin-bottom:1.5rem}.step-item{display:flex;flex-direction:column;align-items:center;position:relative;flex:1;cursor:pointer;transition:var(--configurator-transition);padding:1rem;border-radius:var(--configurator-border-radius-sm)}.step-item:hover{background:#ffffff80}.step-connector{position:absolute;top:25px;left:-50%;right:50%;height:3px;background:#dee2e6;z-index:1;transition:var(--configurator-transition)}.step-item.completed .step-connector{background:var(--configurator-success)}.step-item.active .step-connector{background:var(--configurator-primary)}.step-indicator{position:relative;z-index:2;margin-bottom:.75rem}.step-number{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50%;background:#dee2e6;color:var(--configurator-secondary);font-weight:700;font-size:1.1rem;transition:var(--configurator-transition);border:3px solid transparent}.step-item.active .step-number{background:var(--configurator-primary);color:#fff;transform:scale(1.1);border-color:#007bff4d;box-shadow:0 0 0 6px #007bff1a}.step-item.completed .step-number{background:var(--configurator-success);color:#fff}.step-item.completed .step-number:before{content:"\2713";font-size:1.2rem}.step-info{text-align:center;max-width:140px}.step-title{font-size:1rem;font-weight:600;color:var(--configurator-dark);margin-bottom:.25rem}.step-item.active .step-title{color:var(--configurator-primary)}.step-item.completed .step-title{color:var(--configurator-success)}.step-description{font-size:.85rem;color:var(--configurator-secondary);line-height:1.4}.progress-bar{width:100%;height:6px;background:#dee2e6;border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--configurator-primary),var(--configurator-success));border-radius:3px;transition:width .6s ease;width:0%}.configurator-steps{margin-bottom:3rem}.configurator-step{display:none;animation:fadeIn .5s ease}.configurator-step.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.step-header{text-align:center;margin-bottom:3rem}.step-header h2{font-size:2rem;font-weight:700;margin-bottom:1rem;color:var(--configurator-dark)}.step-header .step-description{font-size:1.1rem;color:var(--configurator-secondary);max-width:600px;margin:0 auto}.product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin:3rem 0}.product-option{position:relative;background:#fff;border-radius:var(--configurator-border-radius);box-shadow:var(--configurator-shadow);transition:var(--configurator-transition);overflow:hidden;cursor:pointer;border:2px solid transparent}.product-option:hover{transform:translateY(-6px);box-shadow:var(--configurator-shadow-hover)}.product-option.selected{border-color:var(--configurator-primary);box-shadow:0 0 0 4px #007bff26}.product-option.selected:before{content:"";position:absolute;top:1rem;right:1rem;width:30px;height:30px;background:var(--configurator-success);border-radius:50%;z-index:10}.product-option.selected:after{content:"\2713";position:absolute;top:1rem;right:1rem;width:30px;height:30px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.9rem;z-index:11}.product-image{width:100%;height:220px;object-fit:cover;transition:var(--configurator-transition)}.product-option:hover .product-image{transform:scale(1.05)}.product-info{padding:1.5rem}.product-title{font-size:1.2rem;font-weight:600;margin-bottom:.75rem;color:var(--configurator-dark);line-height:1.3}.product-description{font-size:.95rem;color:var(--configurator-secondary);line-height:1.5;margin-bottom:1rem}.product-price{font-size:1.1rem;font-weight:600;color:var(--configurator-primary);margin-bottom:1.5rem}.product-price.supplement{color:var(--configurator-success)}.product-price.supplement:before{content:"+"}.select-button{width:100%;background:var(--configurator-primary);color:#fff;border:none;border-radius:var(--configurator-border-radius-sm);padding:.875rem 1.5rem;font-weight:600;font-size:1rem;cursor:pointer;transition:var(--configurator-transition);opacity:0;transform:translateY(10px)}.select-button:hover{background:#0056b3;transform:translateY(8px)}.product-option:hover .select-button,.product-option.selected .select-button{opacity:1;transform:translateY(0)}.product-option.selected .select-button{background:var(--configurator-success)}.color-selector{display:grid;grid-template-columns:2fr 1fr;gap:3rem;margin:3rem 0}.color-palette{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1.5rem}.color-option{display:flex;flex-direction:column;align-items:center;padding:1.5rem;background:#fff;border-radius:var(--configurator-border-radius);box-shadow:var(--configurator-shadow);cursor:pointer;transition:var(--configurator-transition);border:2px solid transparent}.color-option:hover{transform:translateY(-4px);box-shadow:var(--configurator-shadow-hover)}.color-option.selected{border-color:var(--configurator-primary);box-shadow:0 0 0 4px #007bff26}.color-swatch{width:60px;height:60px;border-radius:50%;margin-bottom:1rem;border:3px solid white;box-shadow:0 2px 8px #00000026;transition:var(--configurator-transition)}.color-option:hover .color-swatch{transform:scale(1.1)}.color-label{font-size:.9rem;font-weight:600;text-align:center;color:var(--configurator-dark)}.color-preview{background:#fff;border-radius:var(--configurator-border-radius);box-shadow:var(--configurator-shadow);padding:2rem;height:fit-content;position:sticky;top:2rem}.preview-container{text-align:center}.preview-container .preview-image{width:100%;max-width:300px;height:auto;border-radius:var(--configurator-border-radius-sm);margin-bottom:1.5rem}.color-info{display:flex;flex-direction:column;gap:.5rem}.color-name{font-size:1.1rem;font-weight:600;color:var(--configurator-dark)}.color-code{font-size:.9rem;color:var(--configurator-secondary);font-family:monospace}.step-actions{display:flex;justify-content:space-between;align-items:center;margin-top:3rem;padding-top:2rem;border-top:1px solid #dee2e6}.btn{padding:.875rem 2rem;border-radius:var(--configurator-border-radius-sm);font-weight:600;font-size:1rem;cursor:pointer;transition:var(--configurator-transition);border:none;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem}.btn-primary{background:var(--configurator-primary);color:#fff}.btn-primary:hover:not(:disabled){background:#0056b3;transform:translateY(-2px)}.btn-secondary{background:var(--configurator-secondary);color:#fff}.btn-secondary:hover:not(:disabled){background:#545b62;transform:translateY(-2px)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.configurator-summary{background:#fff;border-radius:var(--configurator-border-radius);box-shadow:var(--configurator-shadow);padding:2rem;margin-bottom:2rem}.summary-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #dee2e6}.summary-title{font-size:1.5rem;font-weight:700;color:var(--configurator-dark)}.summary-price{font-size:2rem;font-weight:700;color:var(--configurator-primary)}.summary-content{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.summary-section{padding:1.5rem;background:var(--configurator-light);border-radius:var(--configurator-border-radius-sm)}.summary-section h3{font-size:1.2rem;font-weight:600;margin-bottom:1rem;color:var(--configurator-dark)}.summary-item{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;padding:.75rem;background:#fff;border-radius:var(--configurator-border-radius-sm)}.summary-item:last-child{margin-bottom:0}.summary-item-image{width:50px;height:50px;object-fit:cover;border-radius:var(--configurator-border-radius-sm)}.summary-item-info{flex:1}.summary-item-name{font-weight:600;color:var(--configurator-dark);margin-bottom:.25rem}.summary-item-price{font-size:.9rem;color:var(--configurator-success)}.modify-button{background:none;border:1px solid var(--configurator-primary);color:var(--configurator-primary);padding:.5rem 1rem;border-radius:var(--configurator-border-radius-sm);font-size:.85rem;cursor:pointer;transition:var(--configurator-transition)}.modify-button:hover{background:var(--configurator-primary);color:#fff}.quantity-cart-section{display:flex;align-items:center;gap:2rem;margin-top:2rem;padding-top:2rem;border-top:1px solid #dee2e6}.quantity-selector{display:flex;align-items:center;gap:1rem}.quantity-label{font-weight:600;color:var(--configurator-dark)}.quantity-controls{display:flex;align-items:center;border:2px solid #dee2e6;border-radius:var(--configurator-border-radius-sm);overflow:hidden}.quantity-btn{background:var(--configurator-light);border:none;padding:.75rem 1rem;cursor:pointer;font-weight:600;transition:var(--configurator-transition)}.quantity-btn:hover{background:var(--configurator-primary);color:#fff}.quantity-input{border:none;padding:.75rem 1rem;text-align:center;font-weight:600;width:80px;background:#fff}.add-to-cart-btn{background:var(--configurator-success);color:#fff;border:none;padding:1rem 3rem;border-radius:var(--configurator-border-radius-sm);font-weight:700;font-size:1.1rem;cursor:pointer;transition:var(--configurator-transition);flex:1;max-width:300px}.add-to-cart-btn:hover:not(:disabled){background:#1e7e34;transform:translateY(-2px);box-shadow:var(--configurator-shadow-hover)}.configurator-message{padding:1rem 1.5rem;border-radius:var(--configurator-border-radius-sm);margin-bottom:1rem;display:flex;align-items:center;gap:.75rem}.configurator-message.success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.configurator-message.error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.configurator-message.warning{background:#fff3cd;color:#856404;border:1px solid #ffeaa7}.configurator-message.info{background:#d1ecf1;color:#0c5460;border:1px solid #bee5eb}.loading{opacity:.6;pointer-events:none;position:relative}.loading:after{content:"";position:absolute;top:50%;left:50%;width:30px;height:30px;margin:-15px 0 0 -15px;border:3px solid #f3f3f3;border-top:3px solid var(--configurator-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 1024px){.configurator-header,.color-selector{grid-template-columns:1fr;gap:2rem}.summary-content{grid-template-columns:1fr}}@media (max-width: 768px){.configurator-container{padding:1rem}.steps-container{flex-direction:column;gap:1rem}.step-connector{display:none}.step-item{flex-direction:row;justify-content:flex-start;width:100%;padding:1rem;background:#fff;border-radius:var(--configurator-border-radius-sm);box-shadow:var(--configurator-shadow)}.step-indicator{margin-right:1rem;margin-bottom:0}.step-info{text-align:left;max-width:none}.product-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.color-palette{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:1rem}.step-actions{flex-direction:column;gap:1rem}.btn{width:100%;justify-content:center}.quantity-cart-section{flex-direction:column;align-items:stretch;gap:1rem}.quantity-selector{justify-content:center}}@media (max-width: 480px){.product-info h1{font-size:2rem}.current-price,.step-header h2{font-size:1.5rem}.product-grid{grid-template-columns:1fr}.configurator-navigation,.configurator-summary{padding:1rem}}.fade-in{animation:fadeIn .5s ease}.slide-in-up{animation:slideInUp .5s ease}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.product-option:focus,.color-option:focus,.btn:focus,.step-item:focus{outline:2px solid var(--configurator-primary);outline-offset:2px}@media print{.configurator-navigation,.step-actions,.quantity-cart-section{display:none}.configurator-summary{box-shadow:none;border:1px solid #dee2e6}}
/*# sourceMappingURL=/cdn/shop/t/36/assets/configurator.css.map */