Contact Us

<div style="max-width:720px;margin:0 auto;padding:1rem 0;">

  <div style="display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2.5rem;">
    <div>
      <h2 style="font-size:1.1rem;font-weight:700;margin-bottom:0.75rem;">Get in Touch</h2>
      <p style="color:#555;margin-bottom:0.5rem;">We typically respond within 1 business day.</p>
      <p style="margin:0.25rem 0;"><strong>Email:</strong> <a href="mailto:claire@malloryandcompany.com" style="color:#5b7a2e;">claire@malloryandcompany.com</a></p>
      <p style="margin:0.25rem 0;"><strong>Hours:</strong> Mon–Fri, 9am–5pm ET</p>
    </div>
    <div>
      <h2 style="font-size:1.1rem;font-weight:700;margin-bottom:0.75rem;">Quick Answers</h2>
      <p style="color:#555;font-size:0.9rem;margin-bottom:0.4rem;"><strong>Where's my order?</strong><br/>Check your confirmation email for tracking. Orders ship within 2–5 business days.</p>
      <p style="color:#555;font-size:0.9rem;margin-bottom:0.4rem;"><strong>Returns?</strong><br/>30-day hassle-free returns. See our <a href="/pages/returns" style="color:#5b7a2e;">Returns page</a>.</p>
      <p style="color:#555;font-size:0.9rem;"><strong>Wrong item?</strong><br/>Email us and we'll make it right immediately.</p>
    </div>
  </div>

  <h2 style="font-size:1.1rem;font-weight:700;margin-bottom:1rem;">Send a Message</h2>
  <form action="/contact#contact_form" method="post" id="contact_form">
    <input type="hidden" name="form_type" value="contact"/>
    <input type="hidden" name="utf8" value="✓"/>
    <div style="margin-bottom:1rem;">
      <label style="display:block;font-weight:600;margin-bottom:0.3rem;">Name</label>
      <input type="text" name="contact[name]" required style="width:100%;padding:0.6rem 0.8rem;border:1px solid #ccc;border-radius:6px;font-size:1rem;box-sizing:border-box;"/>
    </div>
    <div style="margin-bottom:1rem;">
      <label style="display:block;font-weight:600;margin-bottom:0.3rem;">Email</label>
      <input type="email" name="contact[email]" required style="width:100%;padding:0.6rem 0.8rem;border:1px solid #ccc;border-radius:6px;font-size:1rem;box-sizing:border-box;"/>
    </div>
    <div style="margin-bottom:1rem;">
      <label style="display:block;font-weight:600;margin-bottom:0.3rem;">Order number (if applicable)</label>
      <input type="text" name="contact[Order number]" style="width:100%;padding:0.6rem 0.8rem;border:1px solid #ccc;border-radius:6px;font-size:1rem;box-sizing:border-box;"/>
    </div>
    <div style="margin-bottom:1.25rem;">
      <label style="display:block;font-weight:600;margin-bottom:0.3rem;">Message</label>
      <textarea name="contact[body]" required rows="5" style="width:100%;padding:0.6rem 0.8rem;border:1px solid #ccc;border-radius:6px;font-size:1rem;box-sizing:border-box;resize:vertical;"></textarea>
    </div>
    <button type="submit" style="background:#5b7a2e;color:#fff;padding:0.75rem 2rem;border:none;border-radius:6px;font-size:1rem;font-weight:700;cursor:pointer;">Send Message</button>
  </form>

</div>