.wholesale-page {
  background: var(--paper);
}

.wholesale-intro {
  padding: 72px max(8%, calc((100% - 1050px) / 2));
  background: linear-gradient(135deg, var(--cream), #f4ead7);
  text-align: center;
}

.wholesale-intro h1,
.inquiry-note h2 {
  font-family: "Libre Baskerville", Georgia, serif;
  color: var(--forest);
}

.wholesale-intro h1 {
  max-width: 760px;
  margin: 8px auto 18px;
  font-size: clamp(2.35rem, 5vw, 4rem);
  line-height: 1.08;
}

.wholesale-intro > p:last-child {
  max-width: 700px;
  margin: 0 auto;
  font-size: 1.08rem;
  line-height: 1.7;
}

.inquiry-wrap {
  max-width: 1120px;
  margin: 0 auto;
  padding: 80px 36px;
  display: grid;
  grid-template-columns: 0.72fr 1.28fr;
  gap: 64px;
  align-items: start;
}

.inquiry-note {
  position: sticky;
  top: 28px;
}

.inquiry-note h2 {
  margin: 0 0 16px;
  font-size: 2.35rem;
  line-height: 1.05;
}

.inquiry-note p {
  line-height: 1.7;
}

.no-order {
  margin-top: 26px;
  padding: 20px;
  background: var(--wheat);
  border-left: 4px solid var(--terracotta);
}

.inquiry-form {
  padding: 38px;
  background: #fff;
  border: 1px solid var(--line);
  box-shadow: 0 18px 45px rgba(44, 57, 48, 0.08);
}

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

.form-grid label,
.form-grid legend {
  display: block;
  color: var(--ink);
  font-size: 0.9rem;
  font-weight: 700;
}

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

.form-grid input,
.form-grid textarea {
  width: 100%;
  box-sizing: border-box;
  margin-top: 8px;
  padding: 13px 14px;
  border: 1px solid var(--line);
  border-radius: 2px;
  background: #fff;
  color: var(--ink);
  font: inherit;
  font-size: 1rem;
}

.form-grid textarea {
  resize: vertical;
}

.form-grid input:focus,
.form-grid textarea:focus,
.form-grid fieldset:focus {
  outline: 3px solid rgba(105, 128, 103, 0.22);
  border-color: var(--sage);
}

fieldset.full {
  margin: 0;
  padding: 17px 18px 12px;
  border: 1px solid var(--line);
}

.choice {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 12px 0;
  font-weight: 400 !important;
}

.choice input {
  width: auto;
  margin: 0;
}

.website-check {
  position: absolute;
  left: -9999px;
}

.required-note {
  margin: 0 0 20px;
  color: var(--muted);
  font-size: 0.85rem;
}

.form-status {
  min-height: 1.6em;
  margin: 20px 0 12px;
  font-weight: 700;
}

.form-status.success { color: #2d6440; }
.form-status.error { color: #9b322b; }

.submit-button {
  border: 0;
  cursor: pointer;
  font: inherit;
}

.submit-button:disabled {
  opacity: 0.65;
  cursor: wait;
}

footer a { color: var(--sage); }

@media (max-width: 800px) {
  .wholesale-intro { padding: 58px 24px; }
  .inquiry-wrap {
    padding: 58px 22px;
    grid-template-columns: 1fr;
    gap: 34px;
  }
  .inquiry-note { position: static; }
  .inquiry-form { padding: 25px 20px; }
  .form-grid { grid-template-columns: 1fr; }
  .full { grid-column: auto; }
}