.pdp_attribute__container{border:1px solid var(--color-primary);border-radius:var(--border-radius);padding:20px;margin-top:15px;display:none}.product__config-option:not(.variants-visible){visibility:hidden!important;height:0!important;overflow:hidden!important;margin:0!important;padding:0!important}.product__config-option.variants-visible{visibility:visible!important;height:auto!important;overflow:visible!important}.product__config-option-values-list:not(.variants-visible){visibility:hidden!important;height:0!important;overflow:hidden!important;margin:0!important;padding:0!important}.product__config-option-values-list.variants-visible{visibility:visible!important;height:auto!important;overflow:visible!important}.product__config-option-values-list.variants-visible .product__config-option-value.variant-hidden{display:none!important}.product__config-option-values-list.variants-visible .product__config-option-value.filtered{display:flex!important}.variant-selection-display{display:none!important}select.form-control option.unavailable,select.form-control option:disabled{color:#999!important;background-color:#f5f5f5!important;font-style:italic!important;cursor:not-allowed!important}.toggle-option.unavailable,.checkbox-option.unavailable{opacity:.4!important;cursor:not-allowed!important;pointer-events:none!important}.toggle-option.unavailable .toggle-label,.checkbox-option.unavailable .checkbox-label{color:#999!important;text-decoration:line-through!important}.toggle-option.unavailable input[type=radio]:disabled,.checkbox-option.unavailable input[type=checkbox]:disabled{cursor:not-allowed!important}.toggle-option.unavailable:after,.checkbox-option.unavailable:after{content:" (No matching products)";font-size:11px;color:#999;font-style:italic;margin-left:5px}.form-progress{margin-bottom:30px}.progress-bar{width:100%;height:12px;background-color:#f0f0f0;border-radius:6px;overflow:hidden;margin-bottom:20px;box-shadow:inset 0 1px 3px #0000001a}.progress-fill{height:100%;width:0%;transition:all .3s ease;border-radius:4px}.progress-fill.progress-low{background:linear-gradient(90deg,#f44,#f66)}.progress-fill.progress-medium{background:linear-gradient(90deg,#fa0,#fc0)}.progress-fill.progress-high{background:linear-gradient(90deg,#f80,#fa0)}.progress-fill.progress-complete{background:linear-gradient(90deg,#4caf50,#45a049)}.step-indicators{display:flex;justify-content:center;margin:15px 0}.step-indicator{width:16px;height:16px;border-radius:50%;margin:0 4px;cursor:pointer;transition:all .3s ease;border:2px solid #e0e0e0}.step-indicator.completed{background-color:#4caf50;border-color:#4caf50;transform:scale(1.1)}.step-indicator.current{background-color:#2196f3;border-color:#2196f3;transform:scale(1.2)}.step-indicator.pending{background-color:#e0e0e0;border-color:#e0e0e0}.step-indicator.completed:hover{transform:scale(1.2);box-shadow:0 0 8px #4caf5066}.progress-stats{text-align:center;margin-top:15px;color:#666;font-size:14px}.completed-steps{color:#4caf50;font-weight:600}.total-steps{color:#333;font-weight:600}.progress-updated{animation:progressPulse .3s ease}@keyframes progressPulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.form-steps{margin-bottom:30px}.form-step{display:none;padding:20px;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:20px;background-color:#fff}.form-step:first-child{display:block}.step-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #e0e0e0}.step-header h3{margin:0;color:#333;font-size:18px;font-weight:600}.required-badge{background-color:#f44;color:#fff;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:600}.optional-badge{background-color:#666;color:#fff;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:600}.form-control{width:100%;padding:12px 16px;border:1px solid #ddd;border-radius:6px;font-size:16px;transition:border-color .3s ease}.form-control:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #61a0ff33}.form-control.error{border-color:#f44}.toggle-group,.checkbox-group{display:flex;flex-direction:column;gap:12px}.toggle-option,.checkbox-option{display:flex;align-items:center;padding:12px;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;transition:all .3s ease}.toggle-option:hover,.checkbox-option:hover{border-color:var(--color-primary);background-color:#61a0ff0d}.toggle-option input[type=radio],.checkbox-option input[type=checkbox]{margin-right:12px;transform:scale(1.2)}.toggle-label,.checkbox-label{font-size:16px;color:#333;cursor:pointer}.toggle-option.error,.checkbox-option.error{border-color:#f44;background-color:#ff44440d}.form-navigation{display:flex;justify-content:space-between;align-items:center;padding-top:20px;border-top:1px solid #e0e0e0}.btn{padding:var(--button-padding);border:none;border-radius:var(--button-border-radius);font-size:var(--button-font-size);font-weight:500;cursor:pointer;transition:background-color var(--transition-duration-ease-in-out),color var(--transition-duration-ease-in-out),border-color var(--transition-duration-ease-in-out),opacity var(--transition-duration-ease-in-out);text-decoration:none;display:inline-block;text-align:center}.btn-prev{background-color:#f8f9fa;color:#333;border:1px solid #ddd}.btn-prev:hover{background-color:#e9ecef;border-color:#adb5bd}.btn-next,.btn-submit{border:1px solid var(--color-primary);background-color:var(--color-primary);color:var(--color-light)}.btn-next:hover,.btn-submit:hover{opacity:.8}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:none!important}@media (max-width: 768px){.attribute-form-container{padding:15px}.step-header h3{font-size:20px}.toggle-group{flex-direction:column}.toggle-option{min-width:auto;width:100%}.form-navigation{flex-direction:column;gap:15px}.btn{width:100%}}@media (max-width: 480px){.step-header h3{font-size:18px}.form-control{padding:10px 14px;font-size:14px}.toggle-option,.checkbox-option{padding:10px 14px}.toggle-label,.checkbox-label{font-size:14px}}.variant-selection-display{margin-top:20px;background-color:#fff}.variant-selection-header{display:flex;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #e0e0e0}.variant-selection-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:var(--color-primary);border-radius:50%;margin-right:15px;color:var(--color-light)}.variant-selection-title{margin:0;color:#333;font-size:20px;font-weight:600}.variant-selection-subtitle{margin:5px 0 0;color:#666;font-size:14px}.variant-option{display:flex;align-items:flex-start;padding:20px;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:20px;background-color:#f8f9fa;gap:20px}.variant-option.selected{border-color:var(--color-primary);background-color:#61a0ff0d}.variant-option-image{flex-shrink:0}.variant-option-image img{width:120px;height:120px;object-fit:cover;border-radius:6px;border:1px solid #e0e0e0}.variant-option-content{flex:1;min-width:0}.variant-option-title{margin:0 0 10px;color:#333;font-size:18px;font-weight:600;line-height:1.3}.variant-option-details{margin-bottom:15px}.variant-option-specs{color:#666;font-size:14px;font-weight:500}.variant-option-price{display:flex;align-items:center;gap:10px}.variant-option-price-original{color:#999;font-size:16px;text-decoration:line-through}.variant-option-price-current{color:var(--color-primary);font-size:20px;font-weight:600}.variant-option-actions{display:flex;flex-direction:column;align-items:flex-end;gap:15px;min-width:200px}.variant-option-quantity{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.variant-option-quantity-label{color:#333;font-size:14px;font-weight:500;margin:0}.quantity-input,.quantity{display:inline-flex;align-items:center;width:auto;min-width:130px;border:1px solid #ddd;border-radius:4px;overflow:visible;background:#fff}.quantity__button{width:35px;min-width:35px;height:35px;padding:0;margin:0;border:none;background-color:#f5f5f5;color:#333;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;flex-shrink:0;transition:background-color .2s ease}.quantity__button:hover{background-color:#e0e0e0}.quantity__button:active{background-color:#d0d0d0}.quantity__input{width:55px;min-width:55px;height:35px;padding:0;margin:0;border:none;text-align:center;font-size:16px;font-weight:600;color:#333;background-color:#fff;flex-shrink:0}.quantity__input:focus{outline:none;background-color:#fafafa}@media (max-width: 1024px){.quantity__button{width:38px;min-width:38px;height:38px;font-size:20px}.quantity__input{width:60px;min-width:60px;height:38px;font-size:17px}}@media (max-width: 768px){.quantity__button{width:40px;min-width:40px;height:40px;font-size:20px}.quantity__input{width:60px;min-width:60px;height:40px;font-size:17px}}@media (max-width: 480px){.quantity-input,.quantity{min-width:115px}.quantity__button{width:34px;min-width:34px;height:34px;font-size:18px}.quantity__input{width:45px;min-width:45px;height:34px;font-size:15px}}.variant-option-more-info{color:var(--color-primary);text-decoration:none;font-size:14px;font-weight:500;transition:color .2s ease}.variant-option-more-info:hover{color:#4a90e2;text-decoration:underline}.variant-selection-actions{display:flex;align-items:center;gap:15px;margin-bottom:20px;padding-top:20px;border-top:1px solid #e0e0e0}.variant-add-to-cart,.variant-add-to-quote{flex:1;max-width:200px}.variant-clear-selection{background:none;border:none;color:#666;font-size:14px;cursor:pointer;text-decoration:underline;transition:color .2s ease}.variant-clear-selection:hover{color:#333}.variant-selection-contact{text-align:center;color:#666;font-size:14px}.variant-selection-contact a{color:var(--color-primary);text-decoration:none;font-weight:500}.variant-selection-contact a:hover{text-decoration:underline}@media (max-width: 768px){.variant-option{flex-direction:column;align-items:center;text-align:center}.variant-option-actions{align-items:center;min-width:auto;width:100%}.variant-selection-actions{flex-direction:column;gap:10px}.variant-add-to-cart,.variant-add-to-quote{max-width:none;width:100%}}@media (max-width: 480px){.variant-option-image img{width:100px;height:100px}.variant-option-title{font-size:16px}.variant-option-price-current{font-size:18px}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/attribute-form.css.map */