/* Delivery inputs share the checkout palette and remain usable on narrow screens. */
.epin-checkout-modal .epin-delivery-fields { margin: 16px 0; color: var(--epin-ink); }
.epin-checkout-modal .epin-delivery-fields h3 { margin: 0 0 4px; font-size: 17px; }
.epin-checkout-modal .epin-delivery-fields fieldset { margin: 0; padding: 16px; border: 1px solid var(--epin-border); border-radius: 14px; background: var(--epin-surface); }
.epin-checkout-modal .epin-delivery-fields legend { padding: 0 6px; font-size: 14px; font-weight: 700; }
.epin-checkout-modal .epin-delivery-fields p { margin: 4px 0; font-size: 13px; line-height: 1.5; color: var(--epin-muted); overflow-wrap: anywhere; }
.epin-checkout-modal .epin-delivery-fields label { display: grid; gap: 7px; font-size: 14px; line-height: 1.4; }
.epin-checkout-modal .epin-delivery-fields :is(input:not([type="checkbox"]), select) { box-sizing: border-box; min-height: 44px; padding: 10px 12px; border: 1px solid var(--epin-border); border-radius: 10px; background: var(--epin-surface); color: var(--epin-ink); font: inherit; }
.epin-checkout-modal .epin-delivery-fields label:has([data-delivery-confirm]) { display: flex; align-items: flex-start; gap: 10px; padding: 10px 0; cursor: pointer; }
.epin-checkout-modal .epin-delivery-fields [data-delivery-confirm] { flex: 0 0 18px; width: 18px; height: 18px; margin: 1px 0 0; accent-color: var(--epin-accent); }
.epin-checkout-modal .epin-delivery-fields :is(input,select):focus-visible { outline: 2px solid var(--epin-accent); outline-offset: 2px; }