.shipping-zones-button { display:inline-flex; align-items:center; justify-content:center; gap:8px; border:0; border-radius:12px; background:#111; color:#fff; padding:12px 18px; font:inherit; font-weight:600; cursor:pointer; }
#delivery-modal[open] { display:flex; flex-direction:column; }
#delivery-modal > .dialog-body { min-height:0; flex:1 1 auto; }
#delivery-modal > .dialog-header,#delivery-modal > .dialog-footer { flex-shrink:0; }
#public-shipping-zones { width:min(900px,calc(100vw - 32px)); max-height:90vh; padding:0; border:0; border-radius:18px; background:#fff; color:#17191b; box-shadow:0 24px 80px #0005; }
#public-shipping-zones::backdrop { background:#0009; }
.public-zones-header { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:18px 20px; border-bottom:1px solid #eee; margin:0; }
.public-zones-header h2 { margin:0; font-size:20px; }
.public-zones-header button { width:34px; height:34px; border:0; border-radius:9px; background:#f1f2f3; color:#111; font-size:24px; cursor:pointer; }
.public-zones-body { padding:0 20px 20px; }
.public-zones-body > p { font-size:14px; line-height:1.5; }
#public-zones-map { height:clamp(260px,48vh,460px); border-radius:12px; background:#e9edef; overflow:hidden; }
#public-zones-map .public-zone-tiles { filter:grayscale(1); }
.public-map-marker { background:transparent; border:0; }
.public-map-pin { position:relative; display:flex; align-items:center; justify-content:center; width:40px; height:40px; box-sizing:border-box; border:3px solid #111; border-radius:50%; background:#fff; color:#111; box-shadow:0 3px 8px #0005; }
.public-map-pin::after { content:''; position:absolute; width:10px; height:10px; bottom:-7px; left:12px; transform:rotate(45deg); background:inherit; border-right:3px solid #111; border-bottom:3px solid #111; }
.public-map-pin i { position:relative; z-index:1; font-size:24px; }
.public-map-pin--user { background:#1677ff; color:#fff; border-color:#fff; }
.public-map-pin--user::after { border-color:#fff; }
#public-zones-location { color:#536171; font-size:12px; }
#public-zones-location:empty { display:none; }
#public-zones-list { display:grid; grid-template-columns:repeat(auto-fit,minmax(210px,1fr)); gap:10px; margin-top:16px; }
.public-zone-item { display:flex; align-items:center; gap:10px; padding:14px; border:1px solid #e3e5e8; border-radius:12px; background:#fafafa; color:#17191b; text-align:left; font:inherit; cursor:pointer; }
.public-zone-item span { overflow-wrap:anywhere; }
.public-zone-item strong { margin-left:auto; white-space:nowrap; font-size:14px; }
.public-zone-swatch { flex:0 0 12px; height:12px; border-radius:50%; }
#public-shipping-zones button:focus-visible,.shipping-zones-button:focus-visible { outline:3px solid #1677ff; outline-offset:3px; }