.mm-hotspot-map { position: relative; width: 100%; }
.mm-map-wrapper img { width: 100%; display: block; height: 100%; object-fit: cover; }
.mm-overlay { position: absolute; inset: 0; }
.mm-hotspot { background: none; border: none; }
.mm-hotspot img { width: 36px; height: auto; }
.mm-marker-label { background: #ffc107; padding: 4px 10px; border-radius: 20px; font-size: 12px; white-space: nowrap; font-weight: 600; color: #000; }
.mm-popup { position: absolute; background: #fff; border-radius: 21px; padding: 6px; display: none; z-index: 50; gap: 10px; padding-right: 25px; }

/* .mm-popup.active { display: flex; gap: 10px; } */
.mm-popup img { border-radius: 8px; }
.locationPin { display: flex; align-items: center; cursor: pointer; }
.locationPin button { width: 16px; aspect-ratio: 1; }
.locationImage { border-radius: 18px; overflow: clip; }
.locationDetails { color: var(--colorPrimary); ; font-family: var(--); }
.locationDetails h4 { margin: 0 0 10px 0; }
.locationDetails li { font-size: 14px; color: var(--colorPrimary); ; }
a.popUpLink { width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; background-color: var(--colorSecondary); border-radius: 50%; color: var(--colorPrimary); position: absolute; bottom: 6px; right: 6px; }
.mm-tab-content { display: none; }
.mm-tab-content.active { display: block; }
.mm-hotspot-tabs { width: 100%; }
.mm-tab-nav { display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 14px; }
.mm-tab-btn { border: 1px solid #ddd; background: #fff; padding: 10px 14px; border-radius: 999px; cursor: pointer; font-weight: 600; }
.mm-tab-btn.active { background: #111; color: #fff; border-color: #111; }
.mm-tab-content { display: none; }
.mm-tab-content.active { display: block; }
.mm-map-wrapper { position: relative; width: 100%; max-width: 100%; }
.mm-map-wrapper img.mm-map-img { width: 100%; height: auto; display: block; }
.locationPin { position: absolute; }
.mm-hotspot {  border: 0; background: transparent; cursor: pointer; padding: 0; }
.mm-hotspot .mm-pin { width: 34px; height: 34px; background-size: contain; background-repeat: no-repeat; background-position: center; }
.mm-hotspot .mm-label { display: inline-block; background: var(--colorPrimary); color: var(--colorWhite); padding: 6px 10px; border-radius: 999px; font-size: 13px; line-height: 1.1; white-space: nowrap; position: relative; }
.mm-label:before { content: ''; position: absolute; width: 26px; height: 100%; background-color: var(--colorSecondary); border: 7px solid var(--colorPrimary); border-radius: 50%; top: 0; right: 100%; transition: all 0.3s; }
.locationPin.active .mm-label:before { border: 5px solid transparent; }
.mm-popup-img { width: 100px; height: auto; display: block; border-radius: 18px; overflow: clip; }
.mm-popup-img img { width: 100%; height: 100%; object-fit: cover; }
.mm-popup h4 { margin: 0 0 8px; font-size: 16px; }
.mm-popup p { margin: 0; font-size: 14px; line-height: 1.4; }
.mm-close { position: absolute; top: 8px; right: 8px; width: 34px; height: 34px; border-radius: 999px; border: 0; background: rgba(0, 0, 0, 0.08); cursor: pointer; font-size: 18px; }
.popUpLink { width: 32px; aspect-ratio: 1; background-color: var(--colorSecondary); display: flex; align-items: center; justify-content: center; position: absolute; bottom: 4px; right: 4px; z-index: 1; color: var(--colorPrimary); }
.mm-popup-content { color: var(--colorPrimary); }
.mm-popup-content ul strong { font-weight: 600; font-family: 'Work Sans'; padding: 0 20px 0 0; position: relative; }
.mm-popup-content ul strong:before { content: ''; position: absolute; width: 5px; height: 5px; background-color: var(--colorPrimary); top: 50%; right: 7px; border-radius: 50%; transform: translateY(-50%); }
.tab-content-main:first-child .locationPin:first-of-type .mm-label:before { right: auto; left: 100%; }
@media (max-width:480px) {
	.details { padding-top: 110px; }
	span.mm-label span { opacity: 0; visibility: hidden; font-size: 0; }
	span.mm-label { padding: 0 !important; }
	.mm-label:before { width: 20px; height: 20px; border: 5px solid var(--colorPrimary); }
}