.quote-card{
  min-height:0;
}
.quote-form{
  margin-top:22px;
  display:flex;
  flex-direction:column;
  gap:18px;
}
.field-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
}
.field{
  display:flex;
  flex-direction:column;
  gap:7px;
}
.field span{
  font-size:12px;
  letter-spacing:.06em;
  color:#27495d;
  font-weight:600;
}
.field input,
.field select,
.field textarea{
  font-family:var(--sans);
  font-size:15px;
  color:#1a242b;
  border:1px solid #cfd8dd;
  border-radius:8px;
  padding:12px 14px;
  background:#fff;
  width:100%;
}
.field input:focus,
.field select:focus,
.field textarea:focus{
  outline:none;
  border-color:#0f808b;
  box-shadow:0 0 0 3px rgba(15,128,139,.12);
}
.field textarea{resize:vertical;min-height:120px;font-family:var(--sans)}
.hp-field{
  position:absolute;
  left:-9999px;
  width:1px;
  height:1px;
  opacity:0;
  pointer-events:none;
}
.quote-submit{
  margin-top:4px;
  width:100%;
  border:none;
  cursor:pointer;
}
.quote-submit:disabled{opacity:.6;cursor:default}
.quote-message{
  font-size:13px;
  display:none;
}
.quote-message.visible{display:block}
.quote-message.error{color:#b3261e}
.quote-message.success{color:#0f808b}

@media (max-width: 650px){
  .field-row{grid-template-columns:1fr}
}