:root{--color-bg: #FAF8F6;--color-text: #1B1B1B;--color-accent: #C6A664;--color-accent-dark: #AC9A157;--color-border: rgba(198,166,100,.1);--font-head: "Poppins", sans-serif;--font-body: "Inter", sans-serif}.contact{background:var(--color-bg);border-radius:18px;box-shadow:0 2px 16px var(--color-border);padding:3.5rem 1.5rem;margin:0 auto 2rem;max-width:700px;font-family:var(--font-body);color:var(--color-text)}.contact-info{background:#c6a6641a;border-radius:12px;padding:2rem;margin-bottom:2rem;text-align:center;font-family:var(--font-head);font-size:1rem;color:var(--color-accent)}.contact-info a{color:var(--color-accent-dark);text-decoration:underline dotted}.contact .form-title{font-family:var(--font-head);font-size:2rem;margin-bottom:2rem;text-align:center}.contact__fields{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:2rem;grid-row-gap:1.5rem;margin-bottom:1.5rem}@media (max-width: 749px){.contact__fields{grid-template-columns:1fr}}.field{position:relative}.field__input,.text-area{width:100%;padding:.75rem 1rem;border:1.5px solid var(--color-accent);border-radius:12px;background:#fff;font-family:var(--font-body);font-size:1rem;outline:none;transition:border-color .2s,box-shadow .2s}.field__input:focus,.text-area:focus{border-color:var(--color-accent-dark);box-shadow:0 0 0 1px var(--color-accent)}.field__label,.form__label{position:absolute;top:1rem;left:1rem;background:var(--color-bg);padding:0 .4rem;font-family:var(--font-head);font-weight:600;font-size:.9rem;color:var(--color-accent);pointer-events:none;transition:all .2s ease}.field__input:focus+.field__label,.field__input:not(:placeholder-shown)+.field__label,.text-area:focus+.form__label,.text-area:not(:placeholder-shown)+.form__label{top:-.6rem;left:.9rem;font-size:.8rem;color:var(--color-text)}.contact textarea.text-area{grid-column:1 / -1;min-height:140px;resize:vertical}.contact__button{text-align:center;margin-top:2rem}.contact__button .button{background:var(--color-accent);color:#fff;padding:.75rem 2rem;border:none;border-radius:8px;font-family:var(--font-head);font-size:1rem;font-weight:600;cursor:pointer;box-shadow:0 3px 12px #c6a66466;transition:background .2s,transform .1s}.contact__button .button:hover{background:var(--color-accent-dark);transform:translateY(-2px)}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-contact-form.css.map */
