.contact-page .page-main {
  max-width: 760px;
  padding: 24px 0 32px;
}

.contact-page .contact-title {
  margin: 0 0 20px;
  font-size: 24px;
  line-height: 1.2;
  text-transform: none;
}

.contact-page .section {
  padding: 0;
  border: 0;
}

.contact-page .contact-layout {
  max-width: none;
}

.contact-page .contact-form {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px 20px;
}

.contact-page .contact-form > * {
  grid-column: 1 / -1;
  min-width: 0;
}

.contact-page .contact-form > .contact-half {
  grid-column: auto;
}

.contact-page .field {
  min-width: 0;
  gap: 8px;
}

.contact-page .field label {
  color: var(--muted);
  font: 600 13px/1.3 Arial, Helvetica, sans-serif;
  text-transform: none;
}

.contact-page .field input,
.contact-page .field textarea {
  padding: 10px 12px;
}

.contact-page .field textarea {
  min-height: 144px;
}

.contact-page .contact-actions {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 20px;
  padding-top: 2px;
}

.contact-page .verification-box {
  width: 300px;
  max-width: 100%;
  padding: 0;
  border: 0;
  background: none;
  box-shadow: none;
}

.contact-page .captcha-row {
  flex-wrap: nowrap;
  gap: 10px;
}

.contact-page .captcha-image {
  width: 190px;
  height: 64px;
  max-width: calc(100% - 100px);
  flex: 0 1 190px;
}

.contact-page .captcha-row .button-link {
  min-width: 90px;
  padding-inline: 10px;
  font-size: 11px;
}

.contact-page #human_check {
  max-width: 190px;
}

.contact-page .verification-box small {
  font-size: 12px;
}

.contact-page .contact-actions > button {
  min-width: 120px;
  min-height: 44px;
  margin-bottom: 25px;
  cursor: pointer;
}

.contact-page .status p:last-child {
  margin-bottom: 0;
}

.contact-page .footer {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 8px 20px;
}

@media (max-width: 560px) {
  .contact-page .page-main {
    padding-top: 18px;
  }

  .contact-page .contact-form {
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
  }

  .contact-page .contact-actions {
    flex-direction: column;
    align-items: stretch;
    gap: 18px;
  }

  .contact-page .contact-actions > button {
    align-self: flex-end;
    margin-bottom: 0;
  }
}