.contact{position:relative;max-width:650px;margin:0 auto}.contact img{max-width:100%}.contact .title{font-size:32px;font-weight:700;color:#1a1a1a;margin-bottom:1rem;letter-spacing:-.02em}.contact__description{color:#000;font-size:14px;margin-bottom:2.5rem;line-height:1.6}.contact form{background:transparent}.contact .form__message{align-items:flex-start;padding:1.5rem;border-radius:8px;margin-bottom:2rem;animation:slideInDown .5s ease-out}.form-status-list{background:#ef44441a;border-left:4px solid #ef4444;padding:1.5rem;border-radius:8px;margin-bottom:2rem}.form-status{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:1.5rem;border-radius:8px;display:flex;align-items:center;gap:1rem;animation:slideInDown .5s ease-out}.contact .icon-success{margin-top:.2rem;filter:brightness(0) invert(1)}.contact .field{position:relative;margin-bottom:1.5rem;display:flex;align-items:stretch}.contact .field:before{content:"";display:block;width:57px;background:#1a1a1a;border-radius:0;flex-shrink:0;position:relative}.contact__fields .field:first-child:before{background:#1a1a1a url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path><circle cx="12" cy="7" r="4"></circle></svg>') center center no-repeat}.contact__fields .field:last-child:before{background:#1a1a1a url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="4" width="20" height="16" rx="2"></rect><path d="m2 7 10 7 10-7"></path></svg>') center center no-repeat}#ContactForm-phone{background:#fff}.contact .field:has(#ContactForm-phone):before{background:#1a1a1a url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"></path></svg>') center center no-repeat}.contact .field:has(#ContactForm-body):before{background:#1a1a1a url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"></path></svg>') center top 20px no-repeat;align-self:stretch}.contact .field__input,.contact .text-area{flex:1;width:100%;padding:1rem 1.5rem;font-size:16px;border:none;border-radius:0;background:#fff;color:#1a1a1a;transition:all .3s ease;outline:none;font-family:inherit}.contact .field__input::placeholder,.contact .text-area::placeholder{color:#9ca3af;opacity:1}.contact .field__input:focus,.contact .text-area:focus{background:#f9fafb;box-shadow:inset 0 0 0 2px #000}.contact .field__label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.contact .text-area{min-height:120px;resize:vertical;line-height:1.6}@media screen and (min-width:750px){.contact__fields{display:block}}.contact .field--with-error .field__input[aria-invalid=true]{box-shadow:inset 0 0 0 2px #ef4444;background:#fef2f2}.contact .contact__field-error{display:flex;align-items:center;gap:.5rem;margin-top:.75rem;margin-left:57px;color:#ef4444;font-size:.875rem;animation:shake .4s ease-in-out}.contact__button{margin-top:1.5rem}.contact__button .button{position:relative;padding:1rem 2.5rem;font-size:14px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;border:none;border-radius:0;background:#1a1a1a;color:#fff;cursor:pointer;transition:all .3s ease;box-shadow:none}.contact__button .button:hover{background:#000;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.contact__button .button:active{transform:translateY(0);box-shadow:0 2px 6px #0003}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@media screen and (max-width:749px){.contact .title{font-size:1.75rem}.contact__description{font-size:.9rem}.contact .field:before{width:50px}.contact .contact__field-error{margin-left:50px}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/section-contact-form.css.map */