.vendor-inquiry{
  max-width:820px;
  margin:10px auto 34px;
  background:#fff;
  border:1px solid #d8d4c9;
  border-radius:24px;
  padding:30px;
  color:#171717;
}

.vendor-inquiry h2{
  margin-top:0;
  font-size:2rem;
}

.vendor-inquiry-intro{
  color:#555;
  line-height:1.6;
  margin-bottom:24px;
}

.vendor-form-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
}

.vendor-field{
  margin-bottom:16px;
}

.vendor-field.full{
  grid-column:1 / -1;
}

.vendor-field label{
  display:block;
  margin-bottom:6px;
  font-size:.86rem;
  font-weight:800;
}

.vendor-field input,
.vendor-field select,
.vendor-field textarea{
  width:100%;
  box-sizing:border-box;
  padding:12px 13px;
  border:1px solid #b9b9b9;
  border-radius:9px;
  background:#fff;
  color:#171717;
  font:inherit;
}

.vendor-field textarea{
  min-height:120px;
  resize:vertical;
}

.vendor-field input::placeholder,
.vendor-field textarea::placeholder{
  color:#686868;
  opacity:1;
}

.vendor-submit{
  border:0;
  cursor:pointer;
}

.vendor-submit:disabled{
  opacity:.6;
  cursor:wait;
}

.vendor-form-status{
  margin-top:14px;
  min-height:20px;
  color:#555;
}

.vendor-form-status.success{
  font-weight:700;
  color:#245d2a;
}

.vendor-form-status.error{
  font-weight:700;
  color:#9a2525;
}

.vendor-legal{
  margin:14px 0;
  color:#555;
  font-size:.85rem;
  line-height:1.5;
}

.vendor-legal a{
  color:#8a5c00;
}

@media(max-width:700px){
  .vendor-form-grid{
    grid-template-columns:1fr;
  }

  .vendor-field.full{
    grid-column:auto;
  }

  .vendor-inquiry{
    padding:22px;
  }
}