/* PATCH 04 (19.10.2026). Visual changes ONLY to the existing large, on-page
   RZNPAN enquiry form. Button bindings, validation and /api/send.php unchanged.
   Applied after page-specific styles to prevent inconsistent dimensions. */
#rzp-page .rzp-contact-form-card {
  box-sizing:border-box;
  width:100%;
  max-width:520px;
  justify-self:end;
  padding:24px 28px;
}
#rzp-page .rzp-contact-form-card .rzp-contact-form-fields {
  box-sizing:border-box;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:10px;
  width:100%;
  min-width:0;
  margin:0;
  padding:0;
  align-items:start;
}
#rzp-page .rzp-contact-form-card .rzp-contact-form-fields > input[name="name"],
#rzp-page .rzp-contact-form-card .rzp-contact-form-fields > input[name="phone"] {
  box-sizing:border-box;
  width:100%;
  min-width:0;
  height:44px;
  min-height:44px;
  padding:10px 12px;
  font:14px/1.4 Arial,sans-serif;
}
#rzp-page .rzp-contact-form-card .rzp-contact-form-fields > textarea {
  box-sizing:border-box;
  grid-column:1 / -1;
  width:100%;
  min-width:0;
  height:66px;
  min-height:66px;
  padding:10px 12px;
  font:14px/1.45 Arial,sans-serif;
  resize:vertical;
}
/* The form is a 2-column grid. Consent MUST span BOTH columns; otherwise its
   span is squeezed to half width, wrapping as a narrow vertical column. */
#rzp-page .rzp-contact-form-card .rzp-contact-form-fields > label.rzp-inline-consent {
  box-sizing:border-box;
  grid-column:1 / -1 !important;
  display:flex !important;
  align-items:flex-start !important;
  justify-content:flex-start;
  gap:9px;
  width:100%;
  max-width:100%;
  margin:3px 0 0;
  padding:0;
  text-align:left !important;
  text-align-last:left !important;
  font:12px/1.4 Arial,sans-serif;
  color:#637268;
  white-space:normal !important;
}
#rzp-page .rzp-contact-form-card .rzp-contact-form-fields > label.rzp-inline-consent > input[type="checkbox"] {
  display:block;
  box-sizing:border-box;
  flex:0 0 17px;
  width:17px;
  height:17px;
  min-width:17px;
  min-height:17px;
  padding:0;
  margin:0;
  accent-color:#193B2B;
}
#rzp-page .rzp-contact-form-card .rzp-contact-form-fields > label.rzp-inline-consent > span {
  display:block;
  flex:1 1 auto;
  width:auto;
  min-width:0;
  max-width:none;
  font:inherit;
  text-align:left !important;
  text-align-last:left !important;
  overflow-wrap:normal !important;
  word-break:normal !important;
  white-space:normal !important;
}
#rzp-page .rzp-contact-form-card .rzp-contact-form-fields > label.rzp-inline-consent a {
  display:inline;
  color:#193B2B;
  text-decoration:underline;
  white-space:normal;
}
#rzp-page .rzp-contact-form-card .rzp-form-submit {
  margin-top:11px;
}
#rzp-page .rzp-contact-form-card p.rzp-inline-status,
#rzp-page .rzp-contact-inner .rzp-contact-form-card p.rzp-inline-status:not(.rzp-eyebrow) {
  display:block;
  box-sizing:border-box;
  width:100%;
  min-height:0 !important;
  margin:7px 0 0 !important;
  padding:0 !important;
  font:13px/1.4 Arial,sans-serif !important;
  text-align:left !important;
  color:#193B2B !important;
  overflow-wrap:break-word;
}
#rzp-page .rzp-contact-form-card p.rzp-inline-status:empty {display:none !important}
#rzp-page .rzp-contact-form-card p.rzp-inline-status.is-error,
#rzp-page .rzp-contact-inner .rzp-contact-form-card p.rzp-inline-status.is-error:not(.rzp-eyebrow) {color:#78601e !important}
#rzp-page .rzp-contact-form-card p.rzp-inline-status.is-success,
#rzp-page .rzp-contact-inner .rzp-contact-form-card p.rzp-inline-status.is-success:not(.rzp-eyebrow) {color:#193B2B !important}
#rzp-page .rzp-contact-form-card .rzp-contact-form-fields :is(input,textarea).rzp-inline-invalid {
  outline:0 !important;
  outline-offset:0 !important;
  border:1px solid #C7AC49 !important;
  box-shadow:0 0 0 1px rgba(199,172,73,.2) !important;
}
#rzp-page .rzp-contact-form-card .rzp-contact-form-fields input[type="checkbox"].rzp-inline-invalid {
  box-shadow:0 0 0 1px #C7AC49 !important;
}
#rzp-page .rzp-contact-form-card .rzp-form-privacy {margin-top:10px}
@media (max-width:980px) {
  #rzp-page .rzp-contact-form-card {max-width:520px;justify-self:center}
}
@media (max-width:640px) {
  #rzp-page .rzp-contact-form-card {max-width:100%;padding:20px 18px}
  #rzp-page .rzp-contact-form-card .rzp-contact-form-fields {grid-template-columns:minmax(0,1fr)}
  #rzp-page .rzp-contact-form-card .rzp-contact-form-fields > textarea,
  #rzp-page .rzp-contact-form-card .rzp-contact-form-fields > label.rzp-inline-consent {grid-column:1 / -1}
  #rzp-page .rzp-contact-form-card .rzp-contact-form-fields > label.rzp-inline-consent {font-size:12px;line-height:1.45}
  #rzp-page .rzp-contact-form-card p.rzp-inline-status {font-size:12px !important}
}
/* One pre-existing server form on the mineral-wool roof page uses the approved
   .rzp-site-consent label rather than the newer .rzp-inline-consent label. */
#rzp-page .rzp-contact-form-card .rzp-contact-form-fields > label.rzp-site-consent {
  box-sizing:border-box;
  grid-column:1 / -1 !important;
  display:flex !important;
  align-items:flex-start !important;
  justify-content:flex-start;
  gap:9px;
  width:100%;
  max-width:100%;
  margin:3px 0 0;
  padding:0;
  text-align:left !important;
  text-align-last:left !important;
  font:12px/1.4 Arial,sans-serif;
  color:#637268;
  overflow-wrap:normal !important;
  white-space:normal !important;
}
#rzp-page .rzp-contact-form-card .rzp-contact-form-fields > label.rzp-site-consent > input[type="checkbox"] {
  display:block;
  box-sizing:border-box;
  flex:0 0 17px;
  width:17px;
  height:17px;
  min-width:17px;
  min-height:17px;
  padding:0;
  margin:0;
  accent-color:#193B2B;
}
#rzp-page .rzp-contact-form-card .rzp-contact-form-fields > label.rzp-site-consent > span {
  display:block;
  flex:1 1 auto;
  min-width:0;
  max-width:none;
  font:inherit;
  text-align:left !important;
  overflow-wrap:normal !important;
  word-break:normal !important;
  white-space:normal !important;
}
#rzp-page .rzp-contact-form-card .rzp-contact-form-fields > label.rzp-site-consent a {
  display:inline;
  white-space:normal;
}
#rzp-page .rzp-contact-form-card .rzp-contact-form-fields > button.rzp-form-submit,
#rzp-page .rzp-contact-form-card .rzp-contact-form-fields > p.rzp-host-status,
#rzp-page .rzp-contact-form-card .rzp-contact-form-fields > p.rzp-inline-status {
  grid-column:1 / -1 !important;
}
#rzp-page .rzp-contact-form-card .rzp-contact-form-fields > p.rzp-host-status:empty {
  display:none !important;
}
@media (max-width:640px) {
 #rzp-page .rzp-contact-form-card .rzp-contact-form-fields > label.rzp-site-consent {font-size:12px;line-height:1.45}
}