.cable-builder-wrapper{max-width:1400px;margin:0 auto;padding:10px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.builder-instructions-container{background:#f8f9fa;border-radius:8px;border-left:4px solid #007bff;margin-bottom:30px;overflow:hidden}.builder-instructions-content{display:grid;grid-template-columns:1fr;gap:0;align-items:center}.builder-instructions-content:has(.builder-instructions-image){grid-template-columns:1fr 300px}.builder-instructions-text{padding:20px}.builder-instructions-text p{margin:0;color:#495057;line-height:1.6;font-size:16px}.builder-instructions-image{height:100%;display:flex;align-items:center;justify-content:center;background:#fff;padding:15px}.builder-instructions-image img{width:100%;height:auto;max-height:200px;object-fit:contain;border-radius:4px}.cable-configurator-top{background:#fff;border:1px solid #e9ecef;border-radius:12px;padding:10px;margin-bottom:30px;box-shadow:0 2px 4px #0000000d}.builder-form-grid{display:flex;flex-direction:column;gap:20px}.form-row{display:grid;gap:20px;align-items:start}.form-row-main{grid-template-columns:2fr 1.5fr}.form-row-connectors{grid-template-columns:1fr 1fr}.form-row-requirements{grid-template-columns:1fr 1fr;align-items:start;gap:20px}.form-row-orientation{grid-template-columns:1fr}.form-field-group{display:flex;flex-direction:column;gap:8px}.form-label-compact{display:flex;flex-direction:column;gap:2px}.label-text{font-weight:600;font-size:15px;color:#212529}.form-select,.form-input{padding:10px 14px;border:2px solid #dee2e6;border-radius:6px;font-size:15px;background-color:#fff;transition:all .2s ease;font-family:inherit;width:100%}.form-select:focus,.form-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.form-select{cursor:pointer;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 10px center;background-repeat:no-repeat;background-size:16px;padding-right:35px;-webkit-appearance:none;appearance:none}.form-select optgroup{font-weight:700;color:#495057;background-color:#f8f9fa}.form-select option{padding:8px;font-weight:400;background-color:#fff}.length-input-wrapper{display:flex;gap:10px;align-items:stretch}.length-input{flex:1.5;min-width:0}.unit-select{flex:1;min-width:100px}.length-conversion{font-size:13px;color:#6c757d;padding:6px 10px;background:#f8f9fa;border-radius:4px;display:none}.length-conversion.active{display:block}.quantity-input{width:100%}.form-textarea{padding:12px 14px;border:2px solid #dee2e6;border-radius:6px;font-size:15px;background-color:#fff;transition:all .2s ease;font-family:inherit;width:100%;resize:vertical;min-height:90px;line-height:1.5}.form-textarea:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.form-textarea::placeholder{color:#6c757d;font-style:italic}.label-hint{font-size:12px;font-weight:400;color:#6c757d;font-style:italic;margin-top:2px}.display-area-container{display:grid;grid-template-columns:1fr 400px;gap:30px;margin-top:0}.cable-visualization-large{background:#fff;border:1px solid #e9ecef;border-radius:12px;padding:20px;box-shadow:0 2px 4px #0000000d;position:relative}.visualization-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:15px;border-bottom:2px solid #e9ecef}.visual-title{margin:0;font-size:24px;font-weight:600;color:#212529}.assembly-display-large{display:flex;align-items:center;justify-content:center;gap:0;min-height:auto;padding:0;background:transparent;border-radius:0;position:relative}.connector-display-large{display:flex;flex-direction:column;align-items:center;gap:15px;flex:0 0 240px}.connector-image-container-large{width:220px;height:220px;border:3px solid #e9ecef;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#fff;position:relative;overflow:hidden;box-shadow:0 4px 12px #00000014;transition:all .3s ease}.connector-image-container-large:hover{transform:translateY(-5px);box-shadow:0 8px 20px #0000001f}.connector-image-large{width:100%;height:100%;object-fit:contain;padding:15px}.connector-placeholder-large{display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#6c757d;padding:20px;height:100%}.connector-info{text-align:center;width:100%}.connector-name-large{font-size:14px;font-weight:600;color:#212529;text-align:center;min-height:20px}.cable-display-large{display:flex;flex-direction:column;align-items:center;gap:15px;flex:1;min-width:400px;max-width:600px}.cable-image-container-large{width:100%;height:220px;border:3px solid #e9ecef;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#fff;position:relative;overflow:hidden;box-shadow:0 4px 12px #00000014}.cable-image-large{width:100%;height:100%;object-fit:cover;border-radius:9px}.cable-placeholder-large{display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#6c757d;padding:20px;height:100%}.cable-length-badge{position:absolute;bottom:10px;right:10px;background:#007bfff2;color:#fff;padding:6px 12px;border-radius:6px;font-size:13px;font-weight:700;box-shadow:0 2px 8px #007bff4d}.cable-info{text-align:center;width:100%}.cable-name-large{font-size:14px;font-weight:600;color:#212529;text-align:center;min-height:20px}.sample-label{position:absolute;top:80px;right:30px;background:#ffc107e6;color:#000;padding:8px 20px;font-weight:700;font-size:16px;letter-spacing:2px;border-radius:6px;transform:rotate(10deg);box-shadow:0 4px 12px #ffc10766}.your-configuration-section{margin-top:15px;padding-top:15px;border-top:2px solid #e9ecef}.configuration-section-title{margin:0 0 20px;font-size:20px;font-weight:600;color:#212529}.configuration-details{background:#f8f9fa;border-radius:8px;padding:20px;border-left:4px solid #007bff}.configuration-details .config-item{display:flex;justify-content:space-between;align-items:flex-start;padding:12px 0;border-bottom:1px solid #dee2e6;gap:10px}.configuration-details .config-item:last-child{border-bottom:none}.configuration-details .config-label{font-weight:500;color:#495057;font-size:14px;flex-shrink:0}.configuration-details .config-value{font-weight:600;color:#212529;text-align:right;font-size:14px;word-break:break-word}.configuration-summary-compact{background:#fff;border:1px solid #e9ecef;border-radius:12px;padding:25px;box-shadow:0 2px 4px #0000000d;display:flex;flex-direction:column;gap:20px}.summary-title-compact{margin:0;font-size:18px;font-weight:600;color:#212529;border-bottom:2px solid #e9ecef;padding-bottom:12px}.summary-content-compact{flex:1}.summary-placeholder{text-align:center;color:#6c757d;font-style:italic;padding:20px;background:#f8f9fa;border-radius:6px;font-size:14px}.config-item{display:flex;justify-content:space-between;align-items:flex-start;padding:10px 0;border-bottom:1px solid #f1f3f4;gap:10px}.config-item:last-child{border-bottom:none}.config-label{font-weight:500;color:#6c757d;font-size:13px;flex-shrink:0}.config-value{font-weight:600;color:#212529;text-align:right;font-size:13px;word-break:break-word}.your-configuration-section .part-number-section-compact{margin-top:20px}.your-configuration-section .tech-specs-compact{margin-top:20px;padding-top:20px;border-top:2px solid #e9ecef}.your-configuration-section .tech-specs-compact h4{margin:0 0 15px;font-size:18px;font-weight:600;color:#212529}.your-configuration-section .specs-grid-compact{display:grid;gap:8px}.your-configuration-section .spec-item{display:flex;justify-content:space-between;padding:10px 0;font-size:14px;border-bottom:1px solid #f1f3f4}.your-configuration-section .spec-item:last-child{border-bottom:none}.your-configuration-section .spec-label{color:#6c757d;font-weight:500}.your-configuration-section .spec-value{color:#212529;font-weight:600;text-align:right}.part-number-section-compact{padding:15px;background:linear-gradient(135deg,#007bff,#0056b3);border-radius:8px;color:#fff}.part-number-label{font-size:13px;font-weight:500;margin-bottom:8px;opacity:.9}.part-number-display-compact{font-family:Courier New,monospace;font-size:15px;font-weight:700;background:#fff3;padding:8px;border-radius:4px;word-break:break-all}.tech-specs-compact{padding-top:15px;border-top:2px solid #e9ecef}.tech-specs-compact h4{margin:0 0 12px;font-size:15px;font-weight:600;color:#212529}.specs-grid-compact{display:grid;gap:6px}.spec-item{display:flex;justify-content:space-between;padding:6px 0;font-size:12px}.spec-label{color:#6c757d;font-weight:500}.spec-value{color:#212529;font-weight:600;text-align:right}.quote-button-container{margin-top:auto}.btn-request-quote{background:linear-gradient(135deg,#28a745,#20a83a);color:#fff;padding:14px 24px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;width:100%;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 15px #28a7454d}.btn-request-quote:hover{background:linear-gradient(135deg,#20a83a,#1e7e34);transform:translateY(-2px);box-shadow:0 6px 20px #28a74566}.btn-request-quote:active{transform:translateY(0)}.btn-request-quote:disabled{opacity:.6;cursor:not-allowed;transform:none;background:#6c757d}.btn-icon{font-size:18px}.quote-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px}.modal-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-container{position:relative;background:#fff;border-radius:12px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:modalSlideIn .3s ease}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:25px 30px;border-bottom:1px solid #e9ecef}.modal-header h2{margin:0;font-size:24px;font-weight:600;color:#212529}.modal-close{background:none;border:none;font-size:28px;cursor:pointer;color:#6c757d;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.modal-close:hover{background:#f8f9fa;color:#212529}.modal-body{padding:30px}.configuration-preview{background:#f8f9fa;padding:20px;border-radius:8px;margin-bottom:25px;border-left:4px solid #007bff}.configuration-preview h3{margin:0 0 15px;font-size:18px;font-weight:600;color:#212529}#quote-configuration-summary .config-item{padding:8px 0;font-size:14px}.quote-form{display:flex;flex-direction:column;gap:20px}.quote-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-field{display:flex;flex-direction:column;gap:6px}.form-field label{font-weight:600;font-size:14px;color:#212529}.form-field input,.form-field textarea{padding:12px 16px;border:2px solid #dee2e6;border-radius:6px;font-size:16px;font-family:inherit;transition:border-color .2s ease}.form-field input:focus,.form-field textarea:focus{outline:none;border-color:#007bff}.form-field textarea{resize:vertical;min-height:100px}.form-actions{display:flex;gap:15px;margin-top:10px}.btn-cancel,.btn-submit{flex:1;padding:14px 20px;border:none;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-cancel{background:#6c757d;color:#fff}.btn-cancel:hover{background:#5a6268}.btn-submit{background:linear-gradient(135deg,#28a745,#20a83a);color:#fff}.btn-submit:hover{background:linear-gradient(135deg,#20a83a,#1e7e34)}.btn-submit:disabled{opacity:.6;cursor:not-allowed}.success-message{background:linear-gradient(135deg,#28a745,#20a83a);color:#fff;padding:20px 25px;border-radius:8px;margin-bottom:30px;box-shadow:0 4px 15px #28a7454d;opacity:0;transform:translateY(-20px);transition:all .3s ease}.success-message.show{opacity:1;transform:translateY(0)}.success-message strong{display:block;margin-bottom:5px;font-size:18px}.connector-image-container-large:has(.connector-image-large:not([style*="display: none"])),.cable-image-container-large:has(.cable-image-large:not([style*="display: none"])){border-color:#007bff;box-shadow:0 4px 12px #007bff33}@media (max-width: 1200px){.display-area-container{grid-template-columns:1fr}.configuration-summary-compact{max-width:100%}.builder-instructions-content:has(.builder-instructions-image){grid-template-columns:1fr 250px}.builder-instructions-image img{max-height:180px}}@media (max-width: 992px){.form-row-main,.form-row-connectors,.form-row-requirements,.form-row-orientation{grid-template-columns:1fr}.assembly-display-large{flex-direction:column;padding:0;min-height:auto}.connector-display-large,.cable-display-large{flex:none;width:100%;max-width:300px}.connector-image-container-large,.cable-image-container-large{width:100%;max-width:280px;height:200px}.builder-instructions-content:has(.builder-instructions-image){grid-template-columns:1fr}.builder-instructions-image{padding:20px}.builder-instructions-image img{max-height:150px}}@media (max-width: 768px){.cable-builder-wrapper{padding:0 15px}.cable-configurator-top,.cable-visualization-large,.configuration-summary-compact{padding:20px}.visual-title{font-size:20px}.connector-image-container-large,.cable-image-container-large{height:180px}.sample-label{top:60px;right:20px;font-size:14px;padding:6px 15px}.quote-form .form-row{grid-template-columns:1fr}.modal-container{margin:10px;max-height:calc(100vh - 40px)}.modal-header,.modal-body{padding:20px}.builder-instructions-text{padding:15px}.builder-instructions-text p{font-size:15px}}@media (max-width: 480px){.form-select,.form-input{font-size:16px}.connector-image-container-large,.cable-image-container-large{height:160px}.assembly-display-large{gap:15px;padding:0;min-height:auto}.length-input-wrapper{flex-direction:column;gap:8px}.unit-select{min-width:auto}}@media print{.cable-configurator-top{break-inside:avoid}.display-area-container{grid-template-columns:1fr}.btn-request-quote{display:none}.cable-visualization-large,.configuration-summary-compact{box-shadow:none;border:1px solid #000;break-inside:avoid}.quote-modal,.builder-instructions-image{display:none}}.cable-details-section{background:#f8f9fa;border-radius:8px;padding:15px;margin-bottom:15px;border-left:4px solid #007bff}.cable-details-title{margin:0 0 12px;font-size:15px;font-weight:600;color:#212529;padding-bottom:8px;border-bottom:1px solid #dee2e6}.cable-details-grid{display:grid;gap:8px}.spec-detail-item{display:grid;grid-template-columns:200px 1fr;gap:10px;padding:6px 0;font-size:13px;align-items:start}.spec-detail-label{color:#6c757d;font-weight:500;text-align:left}.spec-detail-value{color:#212529;font-weight:600;word-break:break-word}.config-divider{height:1px;background:#dee2e6;margin:15px 0}.config-section-title{margin:0 0 12px;font-size:15px;font-weight:600;color:#212529}@media (max-width: 768px){.spec-detail-item{grid-template-columns:1fr;gap:4px}.spec-detail-label{font-size:12px}.spec-detail-value{font-size:13px;padding-left:0}}@media (max-width: 480px){.cable-details-section{padding:12px}.cable-details-title,.config-section-title{font-size:14px}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/cable-builder.css.map */