.wakoo-map__view { position: relative; overflow: hidden; background: #e9ecf3; height: 480px; cursor: grab; touch-action: none; user-select: none; }
.wakoo-map__view.is-drag { cursor: grabbing; }
.wakoo-map__stage { position: absolute; left: 0; top: 0; transform-origin: 0 0; --inv: 1; }
.wakoo-map__img { display: block; width: 100%; height: 100%; pointer-events: none; }
.wakoo-map .wakoo-map__pin { position: absolute; width: 26px; height: 34px; margin: -34px 0 0 -13px; padding: 0 !important; border: 0 !important; background: none !important; box-shadow: none !important; cursor: pointer; transform: scale(var(--inv)); transform-origin: 50% 100%; }
.wakoo-map__pin span { position: absolute; left: 0; top: 0; width: 26px; height: 26px; background: var(--pin, #6C5CE7); border-radius: 50% 50% 50% 0; transform: rotate(-45deg); box-shadow: 0 2px 6px rgba(0,0,0,.35); transition: transform .15s; }
.wakoo-map__pin span::after { content: ""; position: absolute; left: 8px; top: 8px; width: 10px; height: 10px; background: #fff; border-radius: 50%; }
.wakoo-map__pin:hover span, .wakoo-map__pin.is-on span { transform: rotate(-45deg) scale(1.2); }
.wakoo-map__ctrl { position: absolute; right: 12px; top: 12px; display: flex; flex-direction: column; gap: 6px; z-index: 3; }
.wakoo-map .wakoo-map__ctrl button { width: 34px; height: 34px; padding: 0 !important; border: 0 !important; border-radius: 8px !important; background: #fff !important; color: #1a1a2e !important; font-size: 20px; line-height: 1; cursor: pointer; box-shadow: 0 1px 6px rgba(0,0,0,.25); }
.wakoo-map__card { position: absolute; left: 12px; bottom: 12px; max-width: min(300px, calc(100% - 24px)); background: #fff; border-radius: 12px; padding: 14px 16px; box-shadow: 0 6px 24px rgba(0,0,0,.25); z-index: 4; }
.wakoo-map__card h4 { margin: 0 24px 4px 0; font-size: 16px; }
.wakoo-map__card p { margin: 0 0 8px; font-size: 14px; color: #555; }
.wakoo-map__card p:empty { display: none; }
.wakoo-map__card a { font-weight: 600; font-size: 14px; color: #6C5CE7; }
.wakoo-map .wakoo-map__x { position: absolute; right: 6px; top: 6px; width: 26px; height: 26px; padding: 0 !important; border: 0 !important; background: transparent !important; color: #888 !important; font-size: 20px; cursor: pointer; }