/* Booking layout: options + lead form stacked in the wide left column, estimate sticky on the right,
   so the left column is filled instead of leaving a tall empty gap under the short options. */
#booking .calc{grid-template-areas:"opts summary" "form summary"}
#booking .calc-opts{grid-area:opts}
#booking .calc-summary{grid-area:summary}
#booking .qform-wrap{grid-area:form;margin-top:36px}
@media(max-width:860px){
  #booking .calc{grid-template-areas:"opts" "summary" "form"}
  #booking .qform-wrap{margin-top:0}
}

/* Lead-capture form (was in the calc-summary card; now its own block under the options). */
.qform{display:flex;flex-direction:column;gap:16px}
.field{display:flex;flex-direction:column;gap:8px}
.field label{font-size:10px;color:var(--bronze-light);letter-spacing:.14em;text-transform:uppercase;font-weight:500}
.field input,.field textarea,.field select{background:var(--bg3);border:1px solid var(--border);color:var(--text);font-family:var(--sans);font-size:14px;font-weight:300;letter-spacing:.01em;padding:14px 16px;border-radius:1px;width:100%;transition:border-color .2s,background .2s}
.field textarea{min-height:96px;resize:vertical;line-height:1.7}
.field input::placeholder,.field textarea::placeholder{color:var(--dim);opacity:1}
.field input:focus,.field textarea:focus,.field select:focus{outline:none;border-color:var(--bronze);background:var(--bg2)}
.field select{cursor:pointer;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23a0714a' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center}
.field select option{background:#13261a;color:#e8e4dc}
.field input[type=date]::-webkit-calendar-picker-indicator{filter:invert(.7) sepia(1) saturate(2) hue-rotate(-2deg);cursor:pointer}
.qform .btn-fill{width:100%;justify-content:center;border:none;cursor:pointer;font-family:var(--sans)}