.customer-map, .customer-map * { box-sizing: border-box; }
.customer-map { width: 100%; min-width: 0; font-family: var(--e-global-typography-text-font-family, Arial), sans-serif; }
.customer-map h2, .customer-map h3 { font-family: var(--e-global-typography-primary-font-family, var(--e-global-typography-text-font-family, Arial)), sans-serif; }
.customer-map p, .customer-map small, .customer-map a, .customer-map .maplibregl-map { font-family: inherit; }
.customer-map .map-frame { position: relative; width: 100%; height: 400px; min-height: 160px; overflow: hidden; border: 1px solid #d4d8dd; border-radius: 4px; }
.customer-map [data-map-preview], .customer-map [data-map-canvas] { position: absolute; inset: 0; width: 100%; height: 100%; }
.customer-map [data-map-preview] { object-fit: cover; margin: 0; }
.customer-map[data-map-contract="v3"] [data-map-preview] { inset: auto; left: 50%; top: 50%; width: 1280px; height: 400px; min-width: 1280px; max-width: none; min-height: 400px; max-height: none; object-fit: fill; transform: translate(-50%, -50%); }
.customer-map[data-map-contract="v3"] [data-map-preview][data-map-variant="small"] { width: 800px; min-width: 800px; }
.customer-map [data-map-marker] { width: 28px; height: 40px; min-width: 28px; max-width: none; min-height: 40px; max-height: none; border: 0; margin: 0; padding: 0; }
.customer-map [data-map-canvas] { opacity: 0; }
.customer-map[data-map-active="true"] [data-map-canvas] { opacity: 1; }
.customer-map [data-map-activate] { position: absolute; z-index: 2; inset: auto 16px 64px; margin: 0 auto; width: max-content; max-width: calc(100% - 32px); min-height: 44px; padding: 10px 18px; border: 1px solid #97233e; border-radius: 4px; background: #bd2448; color: #fff; font: inherit; font-weight: 600; cursor: pointer; }
.customer-map [data-map-activate]:disabled { opacity: .7; cursor: progress; }
.customer-map [data-map-status] { min-height: 24px; margin: 8px 0 0; font-size: 14px; color: inherit; }
.customer-map .map-attribution { position: absolute; z-index: 3; right: 8px; bottom: 8px; display: block; max-width: calc(100% - 16px); padding: 3px 6px; border-radius: 3px; background: rgb(255 255 255 / 94%); color: #20252b; font-family: inherit; font-size: 12px; line-height: 1.5; margin: 0; overflow-wrap: anywhere; }
.customer-map .map-attribution a { color: inherit; text-decoration: underline; }
.customer-map [hidden] { display: none !important; }
.customer-map button:focus-visible, .customer-map a:focus-visible { outline: 3px solid #247f7b; outline-offset: 3px; }
@media (max-width: 767px) { .customer-map .map-frame { height: 300px; } }

.customer-map .map-frame:fullscreen, .customer-map .map-frame.maplibregl-pseudo-fullscreen { width: 100vw !important; height: 100vh !important; height: 100dvh !important; max-width: none !important; max-height: none !important; border: 0; border-radius: 0; background: #fff; }