.custom-3d-form{background:#fff;border-radius:12px;padding:4rem 0}.custom-3d-form-wrapper{background:#fff;border-radius:16px;box-shadow:0 12px 40px #00000026,0 4px 16px #0000001a;padding:3.5rem;position:relative;overflow:hidden;max-width:900px;margin:0 auto}.custom-3d-form-wrapper:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#e9a749,#00acee,#ec1651)}.form-steps-indicator{display:flex;justify-content:space-between;margin-bottom:3rem;position:relative}.form-steps-indicator:before{content:"";position:absolute;top:20px;left:0;right:0;height:3px;background:#e0e0e0;z-index:1}.form-steps-indicator .step{display:flex;flex-direction:column;align-items:center;position:relative;z-index:2;background:#fff;padding:0 1rem;min-width:120px}.step-number{width:42px;height:42px;border-radius:50%;background:#e0e0e0;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;margin-bottom:.5rem;transition:all .3s ease;border:3px solid #FFFFFF;box-shadow:0 2px 8px #0000001a;cursor:pointer}.form-steps-indicator .step{cursor:pointer;transition:transform .2s ease}.step:hover .step-number{transform:scale(1.1);box-shadow:0 4px 12px #0003}.step.completed:hover .step-number{background:#d4933a}.step.active:hover .step-number{background:#0099d4}.step-label{font-size:12px;color:#666;text-align:center;font-weight:500}.step.active .step-number{background:#00acee;transform:scale(1.1)}.step.active .step-label{color:#00acee;font-weight:600}.step.completed .step-number{background:#e9a749}.step.completed .step-label{color:#e9a749}.form-step{display:none;animation:fadeIn .4s ease-in-out}.form-step.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.step-title{color:#212529;font-weight:700;margin-bottom:2rem;font-size:1.75rem;text-align:center;position:relative;padding-bottom:1rem}.step-title:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:60px;height:3px;background:#e9a749;border-radius:2px}.form-group{margin-bottom:1.75rem;position:relative}.form-group label{display:block;margin-bottom:.75rem;font-weight:600;color:#333;font-size:15px}.form-control{width:100%;padding:16px 18px;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;background:#fff;transition:all .3s ease;font-family:inherit;line-height:1.5}select.form-control{padding:12px 50px 12px 18px;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23666666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 20px center;-webkit-appearance:none;appearance:none;text-overflow:ellipsis;white-space:nowrap;line-height:1.2;height:48px}select.form-control option{padding:10px;font-size:16px;line-height:1.4}.form-control:focus{outline:none;border-color:#00acee;box-shadow:0 0 0 4px #00acee1a}.form-control.touched:invalid{border-color:#ec1651}.form-control::placeholder{color:#999;opacity:1}.collection-picker-wrapper{margin-top:1rem}.collection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:1.5rem}.collection-item{cursor:pointer;transition:all .3s ease;border-radius:12px;overflow:hidden}.collection-item-inner{position:relative;background:#fff;border:3px solid #e0e0e0;border-radius:12px;padding:1rem;text-align:center;transition:all .3s ease;height:100%;display:flex;flex-direction:column}.collection-item:hover .collection-item-inner{border-color:#00acee;transform:translateY(-4px);box-shadow:0 8px 24px #00acee26}.collection-item.selected .collection-item-inner{border-color:#e9a749;background:#fffbf5;box-shadow:0 8px 24px #e9a74933}.collection-image{width:100%;height:140px;border-radius:8px;overflow:hidden;margin-bottom:1rem;position:relative;background:#f5f5f5}.collection-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.collection-item:hover .collection-image img{transform:scale(1.05)}.collection-no-image,.collection-other{display:flex;align-items:center;justify-content:center;background:#f8f9fa}.placeholder-icon{color:#ccc}.collection-title{font-weight:600;font-size:14px;color:#333;margin-top:auto}.collection-checkmark{position:absolute;top:1rem;right:1rem;width:32px;height:32px;background:#e9a749;border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(0);transition:all .3s ease}.collection-item.selected .collection-checkmark{opacity:1;transform:scale(1)}.collection-checkmark svg{width:18px;height:18px;color:#fff}.selected-collection-display{background:#fffbf5;border:2px solid #E9A749;border-radius:8px;padding:12px 16px;margin-top:1rem;display:flex;align-items:center;gap:.5rem}.selected-label{font-weight:600;color:#e9a749}.selected-value{color:#333}.checkbox-group{margin-top:1rem}.checkbox-item{display:flex;align-items:flex-start;margin-bottom:1rem;cursor:pointer;font-size:15px;line-height:1.4;position:relative;padding-left:0;transition:all .2s ease;gap:0;min-height:24px}.checkbox-item:hover{color:#00acee}.checkbox-item input[type=checkbox],.checkbox-item input[type=radio]{position:absolute;opacity:0;cursor:pointer}.checkmark{height:20px;width:20px;min-width:20px;min-height:20px;background-color:#fff;border:2px solid #e0e0e0;border-radius:4px;margin-right:12px;margin-top:1px;position:relative;transition:all .3s ease;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box}.checkbox-item:hover .checkmark{border-color:#00acee}.checkbox-item input:checked~.checkmark{background-color:#00acee;border-color:#00acee}.checkmark:after{content:"";position:absolute;display:none;left:50%;top:50%;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:translate(-50%,-60%) rotate(45deg)}.checkbox-item input:checked~.checkmark:after{display:block}.form-step-actions{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:2.5rem;padding-top:2rem;border-top:1px solid #e0e0e0}.form-step-actions .btn{padding:14px 32px;border-radius:8px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;transition:all .3s ease;border:2px solid transparent;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;font-size:14px}.btn-contact{background:#00acee;color:#fff;border-color:#00acee;box-shadow:0 4px 16px #00acee33}.btn-contact:hover{background:#0099d4;border-color:#0099d4;transform:translateY(-2px);box-shadow:0 6px 20px #00acee4d}.btn-outline-secondary{background:transparent;color:#666;border-color:#e0e0e0}.btn-outline-secondary:hover{background:#f8f9fa;color:#333;border-color:#ccc}.next-step{min-width:auto;padding-left:24px!important;padding-right:24px!important;position:relative;overflow:hidden}.next-step:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.next-step:hover:before{left:100%}.form-control.error{border-color:#ec1651!important;background-color:#fff5f6}.error-message{color:#ec1651;font-size:13px;margin-top:.5rem;display:block;font-weight:500}.form-success{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:2px solid #86efac;color:#166534;padding:2.5rem;border-radius:12px;text-align:center}.success-icon{font-size:4rem;margin-bottom:1rem;animation:bounceIn .6s ease}.form-success h3{color:#166534;margin-bottom:1rem;font-size:1.75rem}.contact-info-footer{margin-top:3rem;padding:2.5rem;background:linear-gradient(135deg,#fffbf5,#fff0f0);border-radius:12px;border:1px solid #fde68a}.contact-info-footer p{margin:.75rem 0;color:#333;font-size:18px;line-height:1.5}.contact-info-footer a{color:#00acee;text-decoration:none;font-weight:600;font-size:18px;transition:all .2s ease}.contact-info-footer a:hover{color:#e9a749;text-decoration:underline}@media (max-width: 991px){.collection-grid{grid-template-columns:repeat(2,1fr);gap:1rem}}@media (max-width: 768px){.custom-3d-form-wrapper{padding:1.5rem}.step-title{font-size:1.5rem}.form-step-actions{flex-direction:column-reverse;gap:.75rem}.form-step-actions .btn{width:100%;text-align:center;justify-content:center}.collection-grid{grid-template-columns:1fr}.collection-image{height:120px}}@media (max-width: 576px){.form-steps-indicator:before{display:none}.form-steps-indicator{flex-wrap:wrap;gap:1rem}.step-label{display:none}.step-number{width:36px;height:36px;font-size:14px}}.btn:disabled{opacity:.7;cursor:not-allowed}.spinner{width:16px;height:16px;border:2px solid #ffffff;border-top:2px solid transparent;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.shake{animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.file-upload-area{border:3px dashed #e0e0e0;border-radius:12px;padding:2.5rem;text-align:center;cursor:pointer;transition:all .3s ease;background:#fafafa;position:relative}.upload-count-badge{position:absolute;top:-12px;right:-12px;background:#4caf50;color:#fff;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;box-shadow:0 4px 12px #4caf5066;animation:bounceIn .3s ease;z-index:10;border:3px solid white}@keyframes bounceIn{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.file-upload-area:hover{border-color:#00acee;background:#f0faff}.file-upload-area.dragover{border-color:#e9a749;background:#fffbf5}.file-upload-area.has-files{border-color:#4caf50;background:#f1f8f4;border-style:solid}.file-upload-area.has-files:hover{border-color:#45a049;background:#e8f5e9}.upload-summary{margin-top:1.5rem;padding:1rem;background:#fff;border-radius:8px;text-align:left;box-shadow:0 2px 4px #0000001a}.upload-summary-title{font-weight:600;color:#333;margin-bottom:.5rem;font-size:14px}.upload-summary-file{color:#4caf50;font-size:13px;padding:.25rem 0;display:flex;align-items:center;justify-content:space-between;gap:.5rem}.upload-summary-file span{display:flex;align-items:center;gap:.5rem;font-style:normal;font-weight:400}.upload-summary-remove{background:none;border:none;color:#dc3545;font-size:18px;line-height:1;cursor:pointer;padding:0 .25rem;opacity:.6;transition:opacity .2s ease}.upload-summary-remove:hover{opacity:1}.file-upload-area.has-files .upload-icon{font-size:3rem;color:#4caf50}.uploadcare--widget{display:none!important}.uploadcare--dialog{z-index:10000!important}.uploadcare--dialog__powered-by{display:none!important}.upload-icon{font-size:2.5rem;margin-bottom:1rem;display:block;color:#00acee}.btn:focus,.form-control:focus,.checkbox-item:focus-within .checkmark,.collection-item:focus-within{outline:3px solid #E9A749;outline-offset:2px}.file-list{margin-top:1rem}.file-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:#f8f9fa;border-radius:6px;margin-bottom:.5rem;border:1px solid #e0e0e0;transition:all .2s ease}.file-item:hover{background:#f0f0f0;border-color:#00acee}.file-item.uploaded{background:#e8f5e9;border-color:#4caf50}.file-item-status{color:#4caf50;font-weight:700;margin-right:.5rem;font-size:1.2rem;font-style:normal;display:inline-block;transform:none}.file-item-name{flex:1;font-size:14px;color:#333}.file-item-remove{background:none;border:none;color:#dc3545;font-size:20px;line-height:1;cursor:pointer;padding:0;margin-left:1rem;transition:transform .2s ease}.file-item-remove:hover{transform:scale(1.2)}.agreement-checkbox{font-size:14px;color:#666;margin-top:1.5rem;padding:1rem;background:#f8f9fa;border-radius:8px}@media print{.custom-3d-form{background:none;box-shadow:none}.form-steps-indicator,.form-step-actions{display:none}.form-step{display:block!important;page-break-inside:avoid}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/component-custom-3d-form.css.map */