/* Public forms (Contact, Offerte, Account, checkout): an error message under each field and the
   "*" on required labels. Loaded per page via @section Styles, so site.css stays untouched. */
/* A message under one field of a two-column row must not push its neighbour's input down. */
.contact-form label{align-content:start}
.contact-form .field-validation-valid{display:none}
.contact-form .field-validation-error{color:#b3261e;font-weight:600;font-size:.86rem}
.contact-form .input-validation-error{border-color:#b3261e}
/* The message of a checkbox sits below its label (the label itself is a two-column grid). */
.contact-form .check-row + .field-validation-error{display:block;margin:-8px 0 15px 27px}
.required-mark{color:#b3261e;font-weight:800}
.required-note{color:var(--muted);font-size:.86rem;margin:0 0 15px}