/* Contact uses the existing theme, form controls and shared card surfaces. */
.contact-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(40px,6vw,88px);align-items:start}
.contact-intro{min-width:0;padding-block:8px 36px}
.contact-intro .breadcrumb{margin-bottom:48px}
.contact-intro h1{font-size:clamp(42px,4.4vw,64px);line-height:1.12;margin-bottom:24px}
.contact-intro>p{font-size:16px;line-height:1.85;color:var(--muted);max-width:440px}
.contact-form{min-width:0;padding:36px}
.contact-form .form-grid{gap:20px}
.contact-form>.field{margin-top:22px}
.contact-form textarea{min-height:160px;resize:vertical}
.contact-form .contact-privacy{font-size:12px;line-height:1.7;color:var(--muted);margin:24px 0 18px}
.contact-privacy button{display:inline;padding:0;border:0;background:none;color:var(--brand);font-size:inherit;text-decoration:underline;text-underline-offset:3px;min-height:44px}
.contact-delivery-note{display:flex;align-items:flex-start;gap:10px;padding:14px 16px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-control);font-size:12px;line-height:1.65;color:var(--muted)}
.contact-delivery-note>.icon{width:17px;height:17px;margin-top:2px}
.contact-error{display:block;margin-top:7px;font-size:12px;line-height:1.55;color:var(--me)}
.contact-error[hidden],.contact-status[hidden]{display:none}
.contact-form [aria-invalid=true]{border-color:var(--me)}
.contact-status{margin-top:18px;padding:14px 16px;border:1px solid var(--me);border-radius:var(--radius-control);color:var(--text);font-size:13px;line-height:1.65}
.contact-actions{display:flex;justify-content:flex-end;margin-top:24px}
.contact-actions>.btn{min-width:172px}
.faq-contact{display:flex;justify-content:space-between;align-items:center;gap:24px;border-top:1px solid var(--line);margin-top:40px;padding-top:30px}
.faq-contact>h2{font-size:24px;line-height:1.3}
@media(max-width:980px){.contact-layout{grid-template-columns:minmax(0,1fr);gap:12px}.contact-intro{padding-bottom:30px}.contact-intro .breadcrumb{margin-bottom:32px}.contact-intro>p{max-width:620px}}
@media(max-width:700px){.contact-form{padding:24px 20px}.contact-form .form-grid{grid-template-columns:minmax(0,1fr);gap:22px}.contact-intro h1{font-size:42px}.contact-actions>.btn{width:100%}.faq-contact{align-items:flex-start;flex-direction:column;gap:18px}.contact-section{padding-block:36px 60px}}

.contact-required{font-size:12px;line-height:1.6;color:var(--muted);margin:0 0 22px}