/* yourfood.hamburg — Karten-Styles (additiv, ändert nichts am restlichen Design) */
.map-section{
  max-width:1200px;
  margin:0 auto;
  padding:48px 24px;
}
.map-section .page-eyebrow{ margin-bottom:18px; }
.yf-map{
  width:100%;
  height:480px;
  border:1px solid var(--line-strong,#d4d1c8);
  border-radius:4px;
  overflow:hidden;
  background:var(--bg-soft,#fafaf8);
  z-index:0;
}
.yf-map .leaflet-popup-content-wrapper{
  border-radius:4px;
  font-family:Inter,system-ui,sans-serif;
}
.yf-map .leaflet-popup-content{ margin:12px 14px; }
.yf-pop-name{ font-family:"Libre Caslon Text",serif; font-size:16px; color:var(--ink,#1c1c1a); }
.yf-pop-loc{ font-size:12px; color:var(--ink-soft,#8e8e88); text-transform:uppercase; letter-spacing:.06em; margin-top:2px; }
.yf-pop-link{ display:inline-block; margin-top:8px; font-size:12px; color:var(--accent,#b71f2c); text-decoration:none; font-weight:600; }
.yf-pop-link:hover{ text-decoration:underline; }
.yf-marker-pin{
  width:18px; height:18px; border-radius:50% 50% 50% 0;
  background:var(--accent,#b71f2c); transform:rotate(-45deg);
  border:2px solid #fff; box-shadow:0 2px 6px rgba(0,0,0,.3);
}
@media(max-width:720px){ .yf-map{ height:360px; } .map-section{ padding:32px 16px; } }