/* to-where — layout only; toggles, fields, ZIP list, preview, stepper, banner and action bar are shared components. */
.to-where .banner { margin-top: var(--rhythm-group); }   /* the resume banner sits 12 under the stepper */
.to-where__title { margin-top: var(--rhythm-block); }   /* 24 under a banner; 12 right under the stepper (components-v5 .stepper + .heading-block) */
.to-where__lead { margin: var(--rhythm-tight) 0 0; }
.to-where__cards { display: flex; flex-direction: column; gap: var(--rhythm-group); margin-top: var(--rhythm-section); }
.to-where .to-where__card { padding: var(--space-4) var(--space-16); }
.to-where__fields { display: flex; flex-direction: column; gap: var(--space-16); margin-inline: calc(-1 * var(--space-16)); padding: var(--space-16); box-shadow: inset 0 1px 0 var(--hairline); }
.to-where__shop { display: flex; flex-direction: column; gap: var(--rhythm-tight); }   /* P2-1: the card and the note under it are one sub-group with its own (smaller) gap, not a negative margin cancelling the parent's */
.to-where__pickup-note { margin: 0; padding-inline: var(--space-4); text-wrap: pretty; }
.to-where__error { margin: var(--space-8) 0 0; }
.to-where__fee-preview { margin-top: var(--rhythm-section); }   /* M7-1-T-04: reference content sits at page level, not inside the toggle card */
.to-where__fee-preview[hidden] { display: none; }
.to-where .to-where__pv { display: flex; flex-direction: column; padding: var(--space-16); }   /* the white card a customer's row sits in (M6-P-21) */
.to-where__card-foot { display: block; padding-top: var(--space-12); border-top: 1px solid var(--hairline); }
/* M7-1-T-04: the preview is ONE card; the mini profile inside it carries no ring of its own */
.to-where__pv .mini-profile { padding: 0; box-shadow: none; border-radius: 0; background: none; }
/* B-15 (D-356): the courier's pickup address when she has no shop */
.to-where__collect-head { display: flex; flex-direction: column; gap: var(--space-4); padding: var(--space-12) 0; }
.to-where__collect-head h2, .to-where__collect-head p { margin: 0; }
/* S-39 (D-359): the preview is c-tailor's own Where block */
.to-where__place { display: flex; flex-direction: column; gap: var(--space-2); }
.to-where__place p { margin: 0 0 0 var(--space-28); }
.to-where__place + .to-where__place { margin-top: var(--rhythm-tight); }
.to-where__pv .sec-head { margin-bottom: var(--space-4); }