/* =========================================================
   v2.8.38 — Contact form uses the Service/Waitlist form scale
   Scope: contact/kontakt page only.

   The previous contact form was still larger because it used:
   - a wider 1.1 / 0.72 contact grid
   - two-column inner form fields
   - larger textarea/input/button dimensions
   - contact-specific card padding

   This patch forces the contact form to follow the compact
   Services waitlist/newsletter form rhythm.
   ========================================================= */

/* Match the services page content-grid feel: two balanced columns. */
.hs-contact-page-v2832 .contact-layout {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  gap: clamp(28px, 3vw, 42px) !important;
  align-items: start !important;
}

/* Contact form card: compact service form card scale. */
.hs-contact-page-v2832 .contact-layout > .contact-panel:first-child {
  padding: clamp(30px, 3.2vw, 46px) !important;
  border-radius: 22px !important;
}

/* Right info card should align visually but not force the form wider. */
.hs-contact-page-v2832 .contact-layout > .contact-panel:nth-child(2) {
  padding: clamp(30px, 3.2vw, 46px) !important;
  border-radius: 22px !important;
}

/* The service/waitlist forms are single-column and compact.
   Apply that exact rhythm to contact too. */
.hs-contact-page-v2832 .contact-form {
  margin-top: 24px !important;
}

.hs-contact-page-v2832 .contact-form .form-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 18px !important;
}

.hs-contact-page-v2832 .contact-form .form-field,
.hs-contact-page-v2832 .contact-form .form-field--full {
  grid-column: auto !important;
  min-width: 0 !important;
}

/* Labels like service form labels. */
.hs-contact-page-v2832 .contact-form label {
  margin: 0 0 8px !important;
  font-size: 0.76rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.15em !important;
  line-height: 1.2 !important;
}

/* Inputs like services waitlist/newsletter fields:
   flatter, compact, rectangular, not oversized. */
.hs-contact-page-v2832 .contact-form input,
.hs-contact-page-v2832 .contact-form textarea {
  width: 100% !important;
  border-radius: 0 !important;
  border: 1px solid #C7D7EE !important;
  background: #F7FAFE !important;
  font-size: inherit !important;
  line-height: 1.45 !important;
  padding: 12px 16px !important;
  box-shadow: none !important;
}

.hs-contact-page-v2832 .contact-form input {
  min-height: 48px !important;
  height: 48px !important;
}

.hs-contact-page-v2832 .contact-form textarea {
  min-height: 118px !important;
  height: 118px !important;
  resize: vertical !important;
}

/* Button like service/waitlist form: full-width compact CTA. */
.hs-contact-page-v2832 .contact-form .form-actions {
  margin-top: 20px !important;
}

.hs-contact-page-v2832 .contact-form button,
.hs-contact-page-v2832 .contact-form .btn {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 48px !important;
  padding: 12px 24px !important;
  border-radius: 999px !important;
}

/* Make the contact info card less bulky and closer to service card text scale. */
.hs-contact-page-v2832 .contact-info-list {
  gap: 16px !important;
  margin-top: 22px !important;
}

.hs-contact-page-v2832 .contact-info-item {
  padding-top: 16px !important;
}

.hs-contact-page-v2832 .quick-actions {
  margin-top: 24px !important;
  gap: 12px !important;
}

.hs-contact-page-v2832 .quick-actions .btn {
  min-height: 48px !important;
  padding: 12px 24px !important;
}

/* Tablet/mobile: stack exactly as before, but keep compact form scale. */
@media (max-width: 920px) {
  .hs-contact-page-v2832 .contact-layout {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 760px) {
  .hs-contact-page-v2832 .contact-layout > .contact-panel:first-child,
  .hs-contact-page-v2832 .contact-layout > .contact-panel:nth-child(2) {
    padding: 26px !important;
  }

  .hs-contact-page-v2832 .contact-form .form-grid {
    gap: 18px !important;
  }

  .hs-contact-page-v2832 .contact-form input {
    min-height: 48px !important;
    height: 48px !important;
  }

  .hs-contact-page-v2832 .contact-form textarea {
    min-height: 118px !important;
    height: 118px !important;
  }
}