/* quote.css — Get a Quote page: two-column layout matching re-courier.com's quote.css pattern */
.quote-container { display: grid; grid-template-columns: 0.85fr 1.15fr; gap: 48px; padding: 40px 0 80px; }
.quote-container .left h2 { margin-bottom: 20px; }
.quote-container .left img { border-radius: var(--radius); }
.quote-container .right { background: var(--white); border: 1px solid var(--line); border-radius: var(--radius); padding: 32px; }
@media (max-width: 860px) {
  .quote-container { grid-template-columns: 1fr; padding-top: 10px; }
  .quote-container .left img { display: none; }
}

.field-row { display: flex; gap: 10px; align-items: stretch; margin-top: 6px; }
.field-row .num-input { flex: 1; min-width: 0; }
.field-row .unit-select { width: 120px; flex: 0 0 120px; }
.dims-row { display: grid; grid-template-columns: 1fr 1fr 1fr 120px; gap: 10px; margin-top: 6px; }
.inline-label { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 14px; }
.recurring-box { display: none; margin-top: 10px; padding: 12px; border: 1px solid var(--line); border-radius: 8px; background: var(--paper-alt); }
.recurring-box .field-row { margin-top: 8px; }
.turnstile-wrap { margin-top: 14px; }
.addr-warning { display: none; margin-top: 6px; font-size: 0.85rem; color: #b71c1c; }
.addr-warning.show { display: block; }
.quote-form label { margin-top: 14px; }
.quote-form label:first-of-type { margin-top: 0; }
@media (max-width: 700px) {
  .field-row { flex-direction: column; }
  .field-row .unit-select { width: 100%; }
  .dims-row { grid-template-columns: 1fr 1fr; }
}

/* banner shown when the form was prefilled from the Delivery Planner */
.prefill-note { background: var(--paper-alt); border: 1px solid var(--line); border-left: 3px solid var(--amber); border-radius: 8px; padding: 12px 14px; font-size: 0.9rem; margin-bottom: 18px; }