.mt-map-wrap { max-width: 1200px; margin: 0 auto; padding: 0 16px; }

.mt-map {
width: 100%;
height: 280px;
border-radius: var(--radius, 20px);
overflow: hidden;
box-shadow: 0 10px 34px rgba(18, 50, 91, 0.16);
border: 1px solid #e4ddd0;
margin-bottom: 18px;
filter: saturate(0.9);
}
@media (min-width: 768px) { .mt-map { height: 440px; } }

.mt-pin {
width: 30px;
height: 30px;
border-radius: 50%;
background: var(--navy, #12325b);
border: 3px solid #fff;
box-shadow: 0 3px 10px rgba(18, 50, 91, 0.4);
display: flex;
align-items: center;
justify-content: center;
transition: background 0.15s, transform 0.15s;
}
.mt-pin::after {
content: '';
width: 8px;
height: 8px;
border-radius: 50%;
background: #fff;
}
.mt-pin.is-active {
background: var(--gold-d, #a8842f);
transform: scale(1.25);
}

.mt-map-chips {
display: flex;
gap: 8px;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
padding: 4px 2px 16px;
scrollbar-width: none;
}
.mt-map-chips::-webkit-scrollbar { display: none; }

.mt-chip {
flex: 0 0 auto;
display: inline-flex;
align-items: center;
gap: 6px;
padding: 10px 18px;
min-height: 44px;
border-radius: 999px;
border: 2px solid var(--navy, #12325b);
background: #fff;
color: var(--navy, #12325b);
font-size: 15px;
font-weight: 600;
cursor: pointer;
white-space: nowrap;
transition: background 0.15s, color 0.15s;
}
.mt-chip:hover { background: rgba(18, 50, 91, 0.06); }
.mt-chip.is-active { background: var(--navy, #12325b); color: #fff; }
.mt-chip__count { font-size: 12px; font-weight: 700; opacity: 0.75; }

.mt-map-grid { display: grid; grid-template-columns: 1fr; gap: 20px; }
@media (min-width: 640px) { .mt-map-grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1024px) { .mt-map-grid { grid-template-columns: repeat(3, 1fr); } }
.mt-map-card.is-hidden { display: none; }

.leaflet-control-zoom { border: none !important; box-shadow: 0 4px 14px rgba(18,50,91,0.2) !important; }
.leaflet-control-zoom a { color: var(--navy, #12325b) !important; }
.leaflet-popup-content-wrapper { border-radius: 12px; font-family: inherit; }
.leaflet-popup-content { font-size: 14px; color: var(--navy, #12325b); font-weight: 600; }