/* piny uvnitř SVG */
#customPins .pin { cursor: pointer; }
#customPins .pin__dot { fill: #111; }
#customPins .pin__ring { fill: rgba(0,0,0,0.06); stroke: rgba(0,0,0,0.35); stroke-width: 2; }
#customPins .pin__label {
  font: 700 18px/1.2 system-ui, -apple-system, Segoe UI, Roboto, Arial;
  fill: #111;
  paint-order: stroke;
  stroke: rgba(255,255,255,0.9);
  stroke-width: 4px;
}
#customPins .pin.is-active .pin__ring { stroke: rgba(0,0,0,0.8); stroke-width: 3; }


.stores { max-width: 1100px; margin: 0 auto; padding: 12px; }
  .stores__header { margin-bottom: 10px; }
  .stores__title { margin: 0 0 6px; }
  .stores__subtitle { margin: 0; opacity: .8; }

  .stores__svgWrap { margin: 14px 0 12px; }
  .stores__svg {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 14px;
    box-shadow: 0 6px 18px rgba(0,0,0,.08);
    background: rgba(0,0,0,.02);
  }

  .cz-shape { fill: rgba(0,0,0,.06); stroke: rgba(0,0,0,.25); stroke-width: 2; }

  /* SVG "button" funguje v moderních prohlížečích; pokud by to někde zlobil, napiš a přepnu na <g> + JS */
  .pin { cursor: pointer; }
  .pin__dot { fill: #111; }
  .pin__ring { fill: none; stroke: rgba(0,0,0,.25); stroke-width: 2; }
  .pin__label { font: 600 18px/1.2 system-ui, -apple-system, Segoe UI, Roboto, Arial; fill: #111; opacity: .85; }

  .pin.is-active .pin__ring { stroke: rgba(0,0,0,.65); }
  .pin:focus { outline: none; }
  .pin:focus-visible .pin__ring { stroke: rgba(0,0,0,.9); stroke-width: 3; }

  .stores__controls { margin: 10px 0 14px; }
  .stores__search {
    width: 100%; padding: 12px 12px; border: 1px solid rgba(0,0,0,.15);
    border-radius: 12px; font-size: 16px;
  }

  .stores__accordion { display: grid; gap: 10px; }

  .store { border: 1px solid rgba(0,0,0,.12); border-radius: 14px; overflow: hidden; background: #fff; }
  .store__head {
    width: 100%; text-align: left; padding: 12px 14px; background: #fff;
    display: flex; justify-content: space-between; gap: 10px; align-items: center;
    cursor: pointer; border: 0;
  }
  .store__name { font-weight: 700; display: block; }
  .store__meta { display: block; opacity: .75; font-size: 14px; margin-top: 2px; }
  .store__chev { transition: transform .18s ease; font-size: 18px; opacity: .75; }
  .store.is-open .store__chev { transform: rotate(180deg); }

  .store__body { padding: 12px 14px 16px; background: rgba(0,0,0,.02); }
