#map .mapboxgl-map,
#map .mapboxgl-canvas-container {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

.mapboxgl-popup-content {
    background-color: var(--bg-surface, #ffffff);
    color: var(--text-main, #1C1917);
    border-radius: 14px;
    border: none;
    font-family: var(--pf-font-ui, system-ui, sans-serif);
    box-shadow: 0 8px 36px rgba(28, 25, 23, 0.10), 0 2px 8px rgba(28, 25, 23, 0.06);
}

.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {
    border-top-color: var(--bg-surface, #ffffff);
}