:root{--aroasis-primary: #C9A270;--aroasis-primary-dark: #B8915F;--aroasis-text: #4a4035;--aroasis-text-light: #6b5d52;--aroasis-bg: #faf8f3;--aroasis-border: #f0e6d8}.contact img{max-width:100%}.contact .form__message{align-items:flex-start}.contact .icon-success{margin-top:.2rem}.contact .field{margin-bottom:1.5rem}@media screen and (min-width: 750px){.contact .field{margin-bottom:2rem}}.contact__button{margin-top:3rem}@media screen and (min-width: 750px){.contact__button{margin-top:4rem}}@media screen and (min-width: 750px){.contact__fields{display:grid;grid-template-columns:repeat(2,1fr);grid-column-gap:2rem}}section.section:has(.contact){background:var(--aroasis-bg)}.contact{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.contact.page-width--narrow{max-width:900px;padding-left:2rem;padding-right:2rem}@media screen and (min-width: 990px){.contact.page-width--narrow{max-width:1000px}}@media screen and (min-width: 1200px){.contact.page-width--narrow{max-width:1100px}}.contact .title{color:var(--aroasis-primary);font-weight:700;text-align:center;margin-bottom:2rem}.contact .form__message{background:linear-gradient(135deg,#c9a2701a,#b8915f1a);border:2px solid var(--aroasis-primary);border-radius:8px;padding:1.5rem;margin-bottom:2rem;color:var(--aroasis-text)}.contact .icon-success{color:var(--aroasis-primary)}.contact .form-status-list{background:#fff3f3;border:2px solid #dc2626;border-radius:8px;padding:1rem}.contact .field__input,.contact .text-area{border:2px solid var(--aroasis-border);border-radius:8px;padding:1rem 1.25rem;font-size:1.125rem;color:var(--aroasis-text);background:#fff;transition:all .3s ease;width:100%}.contact .field__input:focus,.contact .text-area:focus{outline:none;border-color:var(--aroasis-primary);box-shadow:0 0 0 3px #c9a2701a}.contact .field__input::placeholder,.contact .text-area::placeholder{color:#9ca3af;font-size:1rem}.contact .field__label,.contact .form__label{color:var(--aroasis-text-light);font-size:1.75rem;font-weight:500;transition:all .3s ease}.contact .field__input:focus~.field__label,.contact .text-area:focus~.form__label{color:var(--aroasis-primary)}.contact .field__label span{color:var(--aroasis-primary)}.contact .button{background:linear-gradient(135deg,var(--aroasis-primary) 0%,var(--aroasis-primary-dark) 100%);color:#fff;border:none;border-radius:8px;padding:1rem 3rem;font-size:1.5rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.contact .button:hover{background:linear-gradient(135deg,var(--aroasis-primary-dark) 0%,var(--aroasis-primary) 100%);transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.contact .button:active{transform:translateY(0)}.contact .field--with-error .field__input[aria-invalid=true]{border-color:#dc2626}.contact .contact__field-error{color:#dc2626;font-size:.875rem;margin-top:.5rem;display:flex;align-items:center;gap:.5rem}.contact .text-area{min-height:150px;resize:vertical;font-family:inherit;line-height:1.6}@media screen and (max-width: 749px){.contact .button{width:100%}.contact .field__input,.contact .text-area{font-size:16px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.contact .form__message{animation:fadeIn .5s ease}.contact .field__input:focus-visible,.contact .text-area:focus-visible,.contact .button:focus-visible{outline:2px solid var(--aroasis-primary);outline-offset:2px}.contact .button:disabled{opacity:.6;cursor:not-allowed;transform:none}.contact .button:disabled:hover{transform:none}
/*# sourceMappingURL=/cdn/shop/t/1/assets/section-contact-form.css.map */