/* Arthamrit public forms — one deterministic layout for every customer form. */
body.standard-form-page,
body.standard-form-page input,
body.standard-form-page select,
body.standard-form-page textarea,
body.standard-form-page button {
  font-family: Arial, Helvetica, sans-serif !important;
}

body.standard-form-page main.rfq,
body.standard-form-page main.fc,
body.standard-form-page main.dp,
body.standard-form-page .wrap {
  width: min(100%, 1040px) !important;
  max-width: 1040px !important;
  min-height: auto !important;
  box-sizing: border-box !important;
  margin: 0 auto !important;
  padding: 20px 20px 32px !important;
}

body.standard-form-page main.rfq > h1,
body.standard-form-page main.fc > h1,
body.standard-form-page main.dp > h1,
body.standard-form-page .wrap > h1 {
  margin: 10px 0 8px !important;
  font-size: 28px !important;
  line-height: 1.16 !important;
  letter-spacing: -0.02em !important;
}

body.standard-form-page main.rfq > p,
body.standard-form-page main.fc > p,
body.standard-form-page main.dp > p,
body.standard-form-page .wrap > p {
  margin: 0 0 13px !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
}

body.standard-form-page .form-shell,
body.standard-form-page .contact-panel.contact-form-anchor,
body.standard-form-page .rfqbox,
body.standard-form-page .fcbox,
body.standard-form-page .dpbox,
body.standard-form-page .wrap > .card {
  width: min(100%, 900px) !important;
  box-sizing: border-box !important;
  margin-right: auto !important;
  margin-left: auto !important;
  padding: 20px !important;
  background: #fff !important;
  border: 1px solid #d8e3dc !important;
  border-radius: 14px !important;
  box-shadow: 0 14px 38px rgba(6, 77, 43, 0.075) !important;
}

body.standard-form-page .form-shell > h2,
body.standard-form-page .contact-panel.contact-form-anchor > h3,
body.standard-form-page .rfqbox h2,
body.standard-form-page .fcbox h2,
body.standard-form-page .dpbox h2,
body.standard-form-page .wrap > .card > h2 {
  margin: 0 0 7px !important;
  font-size: 20px !important;
  line-height: 1.25 !important;
}

body.standard-form-page .form-grid,
body.standard-form-page .contact-form,
body.standard-form-page .rfqgrid,
body.standard-form-page .fcgrid,
body.standard-form-page .dpgrid,
body.standard-form-page .card form > .grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 11px 13px !important;
}

body.standard-form-page .form-grid > .full,
body.standard-form-page .contact-form > .full,
body.standard-form-page .rfqgrid > .full,
body.standard-form-page .fcgrid > .full,
body.standard-form-page .dpgrid > .full,
body.standard-form-page .card form > .grid > .full {
  grid-column: 1 / -1 !important;
}

body.standard-form-page form label:not(.consent-label) {
  display: block !important;
  margin: 0 0 5px !important;
  color: #0a5233 !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
}

body.standard-form-page form input:not([type="checkbox"]):not([type="radio"]),
body.standard-form-page form select,
body.standard-form-page form textarea {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 40px !important;
  box-sizing: border-box !important;
  padding: 9px 10px !important;
  border: 1px solid #c9d9cf !important;
  border-radius: 8px !important;
  background: #fff !important;
  color: #173e2e !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
  font-weight: 400 !important;
}

body.standard-form-page form textarea {
  min-height: 82px !important;
  resize: vertical !important;
}

body.standard-form-page .consent-row {
  display: grid !important;
  grid-template-columns: 18px minmax(0, 1fr) !important;
  align-items: start !important;
  column-gap: 9px !important;
  width: 100% !important;
  margin: 3px 0 !important;
}

body.standard-form-page .consent-row input[type="checkbox"] {
  appearance: auto !important;
  width: 17px !important;
  height: 17px !important;
  min-width: 17px !important;
  min-height: 17px !important;
  margin: 1px 0 0 !important;
  padding: 0 !important;
  grid-column: 1 !important;
}

body.standard-form-page .consent-row .consent-label {
  display: block !important;
  grid-column: 2 !important;
  margin: 0 !important;
  color: #0a5233 !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
  font-weight: 700 !important;
  text-align: left !important;
}

body.standard-form-page form button {
  width: auto !important;
  min-width: 190px !important;
  max-width: 260px !important;
  min-height: 42px !important;
  justify-self: start !important;
  padding: 10px 15px !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: #087f43 !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 800 !important;
}

body.standard-form-page .form-response,
body.standard-form-page .notice.success-ticket,
body.standard-form-page .public-success {
  width: min(100%, 720px) !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 13px 15px !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
}

body.standard-form-page .success-ticket .success-title { font-size: 16px !important; }
body.standard-form-page .success-ticket .success-ref { font-size: 18px !important; }
body.standard-form-page .success-ticket .success-copy,
body.standard-form-page .success-ticket .success-mail { font-size: 12px !important; }

@media (max-width: 700px) {
  body.standard-form-page main.rfq,
  body.standard-form-page main.fc,
  body.standard-form-page main.dp,
  body.standard-form-page .wrap { padding: 14px 14px 24px !important; }

  body.standard-form-page .form-shell,
  body.standard-form-page .contact-panel.contact-form-anchor,
  body.standard-form-page .rfqbox,
  body.standard-form-page .fcbox,
  body.standard-form-page .dpbox,
  body.standard-form-page .wrap > .card { padding: 14px !important; }

  body.standard-form-page .form-grid,
  body.standard-form-page .contact-form,
  body.standard-form-page .rfqgrid,
  body.standard-form-page .fcgrid,
  body.standard-form-page .dpgrid,
  body.standard-form-page .card form > .grid {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  body.standard-form-page main.rfq > h1,
  body.standard-form-page main.fc > h1,
  body.standard-form-page main.dp > h1,
  body.standard-form-page .wrap > h1 { font-size: 23px !important; }

  body.standard-form-page form button {
    width: 100% !important;
    max-width: none !important;
    justify-self: stretch !important;
  }
}
