.contact{max-width:800px;margin:0 auto}.contact img{max-width:100%}.contact form{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:48px 40px;box-shadow:0 4px 12px #00000014;margin-top:32px}@media screen and (max-width: 749px){.contact form{padding:32px 24px;border-radius:12px}}.contact .title{font-size:3.5rem;font-weight:700;color:#121212;margin-bottom:16px;letter-spacing:-.02em;line-height:1.2;text-align:center}@media screen and (max-width: 749px){.contact .title{font-size:2.5rem}}.contact .form-status{background:#f0fdf4;border:1px solid #86efac;border-radius:12px;padding:20px 24px;margin-bottom:32px;display:flex;align-items:center;gap:16px}.contact .form-status.form-status-list{color:#16a34a;font-size:1.6rem;font-weight:600}.contact .icon-success{width:24px;height:24px;flex-shrink:0;fill:#16a34a}.contact .form__message{background:#fef2f2;border:1px solid #fca5a5;border-radius:12px;padding:20px 24px;margin-bottom:24px;display:flex;align-items:flex-start;gap:16px}.contact .form__message h2{color:rgb(var(--color-accent-primary));font-size:1.6rem;font-weight:600;margin:0;display:flex;align-items:center;gap:12px}.contact .form__message .svg-wrapper{width:20px;height:20px;flex-shrink:0}.contact .form__message .icon-error{fill:rgb(var(--color-accent-primary))}.contact .form-status-list{list-style:none;padding:0;margin:16px 0 0;color:#991b1b;font-size:1.4rem}.contact .form-status-list li{margin-bottom:8px}.contact .form-status-list a{color:rgb(var(--color-accent-primary));text-decoration:underline;font-weight:600}.contact .form-status-list a:hover{color:#991b1b}.contact__fields{display:grid;gap:24px;margin-bottom:24px}@media screen and (min-width: 750px){.contact__fields{grid-template-columns:repeat(2,1fr);gap:24px}}.contact .field{margin-bottom:0;position:relative;display:flex;flex-direction:column}.contact .field__input,.contact .text-area{font-family:var(--font-body-family);font-size:1.6rem;color:#121212;background-color:#f9fafb;border:1.5px solid #e5e7eb;border-radius:10px;padding:16px 18px;width:100%;box-sizing:border-box;transition:all .2s cubic-bezier(.4,0,.2,1);margin:0}.contact .field__input:hover,.contact .text-area:hover{border-color:#d1d5db;background-color:#fff}.contact .field__input:focus,.contact .text-area:focus{outline:none;border-color:rgb(var(--color-accent-primary));background-color:#fff;box-shadow:0 0 0 3px rgba(var(--color-accent-primary),.1)}.contact .field__input::placeholder,.contact .text-area::placeholder{color:#9ca3af}.contact .field__label,.contact .form__label{font-size:1.4rem;font-weight:600;color:#374151;margin-bottom:8px;display:block;position:static;letter-spacing:.025em;pointer-events:auto;transition:none;order:-1}.contact .field__label span[aria-hidden=true]{color:rgb(var(--color-accent-primary));margin-left:2px}.contact .text-area{min-height:160px;resize:vertical;line-height:1.6;font-family:var(--font-body-family)}.contact .contact__field-error{display:block;margin-top:8px;color:rgb(var(--color-accent-primary));font-size:1.3rem;font-weight:500}.contact .contact__field-error .form__message{background:none;border:none;padding:0;margin:0;display:flex;align-items:center;gap:6px;color:rgb(var(--color-accent-primary))}.contact .contact__field-error .svg-wrapper{width:16px;height:16px}.contact__button{margin-top:32px;text-align:center}.contact__button .button{min-width:200px;padding:16px 40px;font-size:1.6rem;font-weight:600;background-color:rgb(var(--color-accent-primary));color:#fff;border:none;border-radius:var(--buttons-radius-outset);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);text-transform:none;letter-spacing:.025em;box-shadow:0 2px 8px rgba(var(--color-accent-primary),.2)}.contact__button .button:hover{background-color:#b91c1c;transform:translateY(-2px);box-shadow:0 4px 16px rgba(var(--color-accent-primary),.3)}.contact__button .button:active{transform:translateY(0);box-shadow:0 2px 8px rgba(var(--color-accent-primary),.2)}.contact__button .button:focus-visible{outline:2px solid rgb(var(--color-accent-primary));outline-offset:3px}.contact .field:before,.contact .field:after{content:none;display:none}.contact .field__input:focus~.field__label,.contact .field__input:not(:placeholder-shown)~.field__label{position:static;font-size:1.4rem;top:auto;left:auto}@media screen and (max-width: 749px){.contact__button{margin-top:24px}.contact__button .button{width:100%;min-width:auto}.contact .title{margin-bottom:12px}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/section-contact-form.css.map */