#deliveryLocationBox {border:1px solid #d4dce5;border-radius:12px;padding:14px;margin:12px 0;background:#f7fafc;color:#173247;min-width:0}
#deliveryLocationBox[hidden], #deliveryLocationEditor[hidden], #deliveryLocationEdit[hidden] {display:none!important}
#deliveryLocationAddress {font-size:.9rem;overflow-wrap:anywhere;margin:6px 0}
#deliveryLocationStatus {font-size:.9rem;line-height:1.4;margin:8px 0}
#deliveryLocationMap {height:260px;max-height:45vh;width:100%;border-radius:8px;z-index:0;background:#e8edf0}
#deliveryLocationConfirm, #deliveryLocationEdit {margin-top:10px;width:100%;white-space:normal}
.delivery-location-pin {color:#90172a;font-size:32px;line-height:32px;text-align:center;text-shadow:0 1px 2px white,0 -1px 2px white;cursor:grab}
#deliveryLocationMap .leaflet-control-attribution {font-size:10px;white-space:normal}
#deliveryAddressStep[hidden], #deliveryAddressProgress[hidden], #deliveryAddressNext[hidden], #deliveryAddressHint[hidden] {display:none!important}
#deliveryAddressProgress {display:flex;gap:6px;list-style:none;padding:0;margin:10px 0 16px;font-size:.8rem}
#deliveryAddressProgress li {flex:1;min-width:0;text-align:center;padding:9px 4px;background:#edf1f4;border-radius:8px;color:#536576}
#deliveryAddressProgress [aria-current="step"] {background:#173e53;color:white;font-weight:700}
#deliveryAddressNext {width:100%;margin:6px 0 12px;white-space:normal}
#deliveryAddressHint {font-size:.85rem;line-height:1.45;color:#526575;margin:12px 0 6px}
#deliveryLocationTitle {font-size:1.05rem;margin:0}
#deliveryLocationBack {margin-top:12px;width:100%;white-space:normal}
/* Keep suggestions in the address step rather than overlaying the number. */
.order-page #addressSuggest {position:relative;top:auto;margin-top:6px;max-height:220px}
/* One primary action per delivery step; sending stays available after the
   point/fee check, not as a disabled sticky button covering the map action. */
.order-page .delivery-location-pending .checkout-submit {display:none}
.order-page .delivery-location-pending .panel-body {scroll-padding-block:16px;overflow-anchor:none}
#deliveryLocationConfirm {min-height:48px;scroll-margin-block:16px}
#deliveryLocationConfirm:focus-visible {outline:3px solid #173e53;outline-offset:3px}
#deliveryLocationStatus:focus {outline:2px solid #173e53;outline-offset:4px;border-radius:4px}
@media (max-width:760px) {
  #deliveryLocationMap {height:clamp(140px, 38dvh, 260px)}
}