/* ========================================================================
   CONTACT PAGE  (contact.css)
   Form fields, form layout and contact details styling.
   Loaded on contact.html only.
   Edit with care: later stylesheets can override earlier ones (see the STYLESHEETS banner in each page).
   ======================================================================== */

/* Contact-specific presentation; shared rules live in the design system. */

/* Desktop contact-form refinement: balanced width, clearer field rhythm and alignment. */
@media (min-width: 901px) {
  .enquiry-layout {
    grid-template-columns: minmax(0, 1.85fr) minmax(280px, .78fr);
    gap: 32px;
    align-items: stretch;
  }

  .enquiry-panel {
    min-width: 0;
    padding: clamp(34px, 3.2vw, 48px);
  }

  .enquiry-panel h2 {
    max-width: 780px;
    line-height: 1.2;
    letter-spacing: -.45px;
  }

  .enquiry-intro {
    max-width: 760px;
    margin-bottom: 32px;
    font-size: 16px;
    line-height: 1.7;
  }

  .enquiry-form {
    max-width: 940px;
    margin-top: 30px;
  }

  .form-fields {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 24px;
    row-gap: 22px;
    align-items: start;
  }

  .field {
    min-width: 0;
  }

  .field label {
    margin-bottom: 9px;
    font-size: 14px;
    line-height: 1.4;
  }

  .field input,
  .field select {
    min-height: 52px;
    padding: 13px 15px;
    font-size: 15px;
  }

  .field textarea {
    min-height: 176px;
    padding: 15px;
    font-size: 15px;
    line-height: 1.6;
  }

  .field small {
    max-width: 760px;
    line-height: 1.55;
  }

  .form-submit {
    align-items: center;
    gap: 18px;
    margin-top: 28px;
  }

  .form-submit .btn {
    min-height: 50px;
    padding-inline: 22px;
    white-space: nowrap;
  }

  .form-privacy {
    min-width: 240px;
    max-width: 520px;
    line-height: 1.55;
  }

  .enquiry-aside {
    height: 100%;
    padding: 34px;
  }
}

/* Keep the existing compact single-column phone layout unchanged. */