.quote-section {
  display: none;
  padding: 90px max(5vw, 28px);
}

.register-page.quote-mode .quote-section {
  display: block;
}

.register-page.quote-mode .registration,
.register-page.quote-mode .safety,
.register-page.quote-mode .documents {
  display: none;
}

.register-page.quote-mode nav a[href*="#safety"] {
  display: none;
}

.quote-form {
  padding: 25px;
  display: grid;
  gap: 24px;
}

.quote-config-grid,
.quote-contact-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.quote-contact-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.quote-form label {
  position: relative;
  display: grid;
  gap: 7px;
  font-size: 13px;
  font-weight: 750;
}

.quote-form .field-help {
  color: var(--muted);
  font-size: 12px;
  font-weight: 500;
}

.quote-changed {
  padding: 16px;
  border: 1px solid #d5a35d;
  border-radius: 5px;
  background: #fff4df;
}

.quote-changed p {
  margin: 0 0 12px;
}

.quote-form > .primary {
  justify-self: start;
}

.quote-honeypot {
  position: absolute !important;
  left: -10000px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.installation-choice { border: 1px solid var(--line); border-radius: 5px; padding: 16px 18px; margin: 0; display: flex; gap: 24px; align-items: center; }
.installation-choice legend { font-weight: 800; padding: 0 6px; }
.installation-choice label { display: flex; grid-template-columns: auto 1fr; align-items: center; gap: 8px; margin: 0; }
.installation-choice input { width: auto; }
.professional-installation-help { background: #eef3e9; border-left: 4px solid var(--green); padding: 13px 16px; color: #465249; margin: -10px 0 0; }

@media (max-width: 850px) {
  .quote-config-grid,
  .quote-contact-grid {
    grid-template-columns: 1fr;
  }
}