.shop-map-pin { background: transparent; border: 0; }
.shop-map-pin > span { display: grid; place-items: center; width: 38px; height: 38px; color: #fff; background: #006b70; border: 3px solid #fff; border-radius: 50% 50% 50% 0; transform: rotate(-45deg); box-shadow: 0 3px 8px #172b3260; }
.shop-map-pin svg { width: 23px; height: 23px; transform: rotate(45deg); }
.shop-map-pin:focus-visible { outline: 3px solid #f5b841; outline-offset: 4px; }
.shop-map-summary { font: .9rem/1.5 system-ui, sans-serif; max-height: 240px; overflow-y: auto; }
.shop-map-summary strong { font-size: 1rem; color: #006b70; }
.shop-map-summary p { margin: .5rem 0; }
.shop-map-summary .shop-map-address { color: #52646a; font-size: .8rem; }
.shop-map-summary a { color: #006b70; font-weight: 700; }
.shop-map-controls button { border: 0; padding: .55rem .8rem; background: #fff; color: #006b70; font: 600 .85rem system-ui, sans-serif; }