.contact-form-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:none;align-items:center;justify-content:center;z-index:9999;padding:1rem;opacity:0;transform:scale(.95);transition:opacity .3s ease,transform .3s ease}.contact-form-modal[open]{display:flex;opacity:1;transform:scale(1)}.contact-form-modal__content{position:relative;max-height:90vh;overflow-y:auto;width:100%;max-width:70rem;margin:auto;animation:modalSlideIn .3s ease}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.contact-form-modal__toggle{z-index:10}.contact-form-modal__toggle:hover{background-color:#0000001a;border-radius:.5rem}.contact-form .form-group{margin-bottom:1rem}.contact-form input,.contact-form textarea,.contact-form select{transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:2px solid #3b82f6;outline-offset:2px}.contact-form button[type=submit]:disabled{opacity:.5;cursor:not-allowed;background:#9ca3af;transform:none;box-shadow:none}.contact-form button[type=submit]:disabled:hover{background:#9ca3af;transform:none;box-shadow:none}.contact-form button[type=submit]:not(:disabled){opacity:1;cursor:pointer}@media(max-width:768px){.contact-form-modal__content{padding:1rem;margin:1rem}.grid-cols-2{grid-template-columns:1fr}}@media(max-width:640px){.contact-form-modal{padding:2rem .5rem .5rem;align-items:flex-start}.contact-form-modal__content{max-height:calc(100vh - 4rem);margin:0}.contact-form-modal__toggle{top:2rem;right:2rem}}.form-status{border-radius:.375rem}.form-status-success{background-color:#f0fdf4;border-color:#bbf7d0}.form-status-error{background-color:#fef2f2;border-color:#fecaca}.contact-form button[type=submit]:hover{background:linear-gradient(to bottom,#0056b3,#003d7a);transform:translateY(-1px)}.contact-form button[type=submit]:active{transform:translateY(0)}.contact-form .input-wrapper{position:relative}.contact-form .validation-icon{pointer-events:none;width:1.25rem;height:1.25rem;display:flex;align-items:center;justify-content:center}.contact-form .validation-icon svg{width:1rem;height:1rem}.contact-form .field-error{font-size:.875rem;line-height:1.25;margin-top:.25rem}.contact-form input.border-green-500,.contact-form textarea.border-green-500{border-color:#10b981;box-shadow:0 0 0 1px #10b981}.contact-form input.border-green-500:focus,.contact-form textarea.border-green-500:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a;outline:2px solid #10b981;outline-offset:2px}.contact-form input.border-red-500,.contact-form textarea.border-red-500{border-color:#ef4444;box-shadow:0 0 0 1px #ef4444}.contact-form input.border-red-500:focus,.contact-form textarea.border-red-500:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a;outline:2px solid #ef4444;outline-offset:2px}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.contact-form input,.contact-form textarea{transition:border-color .2s ease,box-shadow .2s ease}.contact-form .validation-icon,.contact-form .field-error{transition:opacity .2s ease}.contact-form-modal__toggle{position:absolute;top:1rem;right:1rem;z-index:10;background:#ffffffe6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:50%;transition:all .2s ease}.contact-form-modal__toggle:hover{background:#fff;transform:scale(1.05);box-shadow:0 2px 8px #00000026}.product-info-section{border:1px solid #e5e7eb;background:linear-gradient(135deg,#f9fafb,#f3f4f6)}.product-thumbnail img{box-shadow:0 1px 3px #0000001a;transition:transform .2s ease}.product-thumbnail img:hover{transform:scale(1.05)}.product-details h3{color:#1f2937;line-height:1.3}.product-details p{margin:0}@media(max-width:640px){.product-info-section{padding:1rem;margin-bottom:1.5rem}.product-info-section .flex{gap:.75rem}.product-thumbnail img,.product-thumbnail div{width:3.5rem;height:3.5rem}.product-details h3{font-size:1rem;margin-bottom:.25rem}.product-details p{font-size:.75rem}}.product-info-section:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#3b82f6,#1d4ed8);border-radius:.5rem .5rem 0 0}.product-info-section{position:relative;overflow:hidden}.phone-field-container{display:flex;gap:.5rem;align-items:stretch;width:100%}.phone-prefix-select select{font-size:.875rem;padding:.5rem 2rem .5rem .75rem;height:2.5rem;line-height:1.5rem;background-position:right .5rem center;background-size:1rem}.phone-number-input{flex:1;min-width:0}.phone-prefix-select select option{font-size:.875rem;padding:.5rem}.phone-prefix-display{transition:opacity .2s ease}.phone-prefix-select select{color:transparent}.phone-prefix-select select:focus{color:#374151}.phone-prefix-select select option{color:#374151;background:#fff}@media(max-width:640px){.phone-field-container{gap:.5rem}}.phone-field-container .input-wrapper:focus-within{outline:2px solid #3b82f6;outline-offset:2px;border-radius:.375rem}.phone-field-container select:focus,.phone-field-container input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6}
/*# sourceMappingURL=/cdn/shop/t/1/assets/component-contact-form-modal.css.map */