.mx-food-map{margin:32px 0;scroll-margin-top:24px}
.mx-food-map [hidden]{display:none!important}
.mx-food-map-controls{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-end;margin:20px 0}
.mx-food-map-controls label{display:flex;flex-direction:column;gap:8px;flex:1 1 220px;text-align:left}
.mx-food-map-controls input,.mx-food-map-controls select{width:100%;min-height:44px;padding:10px 12px;background:var(--mx-white,#FFFFFF);color:var(--mx-heading,#0F1F0F);border:1px solid var(--mx-border,#E5E7EB);border-radius:12px;font:inherit}
.mx-food-map .mx-food-map-controls button{min-height:44px;background:var(--mx-deep-green,#1A3D2B);color:#fff;border:2px solid var(--mx-deep-green,#1A3D2B);border-radius:12px;padding:10px 16px;cursor:pointer}
.mx-food-map .mx-food-map-controls button:hover{background:#0F1F0F;color:#fff}
.mx-food-map :is(button,input,select,summary):focus-visible{outline:3px solid #D4AF5F;outline-offset:3px}
#food-map-canvas{height:510px;width:100%;border:1px solid var(--mx-border,#E5E7EB);border-radius:12px;z-index:0;font-family:inherit;background:var(--mx-cream,#F9F6F0)}
#food-map-canvas .leaflet-control-zoom a{width:44px;height:44px;line-height:44px;text-decoration:none}
#food-map-canvas .leaflet-control-attribution{background:var(--mx-white,#FFFFFF);font-size:11px;line-height:1.5}
#food-map-canvas .leaflet-popup-content{margin:16px;line-height:1.5;max-width:calc(100vw - 125px)}
#food-map-canvas a{color:var(--mx-deep-green,#1A3D2B)}
.mx-food-pin,.mx-food-cluster{display:flex;align-items:center;justify-content:center;border:2px solid var(--mx-white,#FFFFFF);border-radius:50%;background:var(--mx-deep-green,#1A3D2B);color:var(--mx-white,#FFFFFF);font-weight:700;font-size:14px}
.mx-food-cluster{background:var(--mx-gold,#D4AF5F);color:var(--mx-heading,#0F1F0F);border-color:var(--mx-deep-green,#1A3D2B)}
#food-map-list ul{padding-left:24px}
#food-map-list button{background:none;border:0;color:var(--mx-deep-green,#1A3D2B);text-align:left;text-decoration:underline;cursor:pointer;font:inherit;padding:8px 0}
@media(max-width:650px){#food-map-canvas{height:450px}.mx-food-map-controls{gap:12px}.mx-food-map-controls label{flex-basis:100%}.mx-food-map-controls button{flex:1 1 auto}}
