/* Recipient controls and the order's read-only delivery address card. */
.recipient-names{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}
.recipient-names>div,.recipient-phone-field{min-width:0}
.recipient-phone{display:grid;grid-template-columns:minmax(120px,38%) minmax(0,1fr);gap:8px;align-items:start}
.recipient-phone input,.recipient-phone select,.recipient-names input{width:100%;min-width:0;box-sizing:border-box}
.recipient-phone input,.recipient-phone select{margin:0!important}
.kp-form .recipient-phone select{font-size:14px;padding-inline:8px}
.recipient-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.order-address-card{border:1px solid #e1e5ea;border-radius:12px;padding:20px;background:#fff;max-width:620px;margin:20px 0;box-sizing:border-box}
.order-address-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}
.order-address-heading h3{font-size:16px;margin:0;font-weight:600}
.order-address-heading button{width:36px;min-width:36px;height:36px;padding:0;border:0;border-radius:7px;background:transparent;color:#52606e;font-size:24px;line-height:1;cursor:pointer}
.order-address-heading button:hover,.order-address-heading button[aria-expanded=true]{background:#f0f2f5}
.order-address-heading button:focus-visible{outline:2px solid #1769ce;outline-offset:2px}
.order-address-summary{font-style:normal;font-size:15px;line-height:1.6;overflow-wrap:anywhere;white-space:pre-line}
.order-address-summary a{color:inherit;text-decoration:none}
.order-address-summary a:hover{text-decoration:underline}
.order-address-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;margin:0}
.order-address-fields>div{min-width:0}
.order-address-fields dt{color:#617080;font-size:13px;margin-bottom:5px}
.order-address-fields dd{margin:0;padding:9px 11px;background:#f7f8fa;border:1px solid #e7eaee;border-radius:7px;font-size:15px;overflow-wrap:anywhere;white-space:pre-line}
.order-address-fields .address-wide{grid-column:1/-1}
.order-address-card [hidden]{display:none!important}
@media(max-width:420px){.recipient-names{gap:10px}.recipient-phone{grid-template-columns:minmax(110px,42%) minmax(0,1fr)}.order-address-card{padding:16px}.order-address-fields{grid-template-columns:minmax(0,1fr)}}