.destination-map-container{display:flex;flex-direction:column;margin-bottom:var(--spacing-lg);border:var(--border);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md)}.map{height:400px;width:100%;background-color:var(--bg-color);position:relative;border-radius:var(--border-radius-lg);overflow:hidden}.map div{border-radius:inherit}.map-legend{padding:var(--spacing-md);background-color:var(--bg-secondary);border-top:var(--border)}.map-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.map-legend h4{margin:0;font-size:var(--font-size-md);font-weight:600}.map-navigation-container{padding-top:var(--spacing-md);border-top:var(--border)}.navigate-directions{margin-top:var(--spacing-xs)}.route-points{display:flex;flex-direction:column;gap:var(--spacing-sm)}.route-point{display:flex;align-items:center;font-size:var(--font-size-sm);padding:var(--spacing-sm);border-radius:var(--border-radius-sm);transition:var(--transition-fast)}.route-point:hover{background-color:var(--bg-color)}.point-number{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;margin-right:var(--spacing-sm);font-weight:bold;color:white;background-color:var(--primary-color)}.route-points .route-point:first-of-type .point-number{background-color:var(--accent-color)}.route-points .route-point:last-of-type .point-number{background-color:purple}.point-name{flex:1;line-height:1.4}.info-window{padding:var(--spacing-sm);max-width:250px}.info-window h4{margin-top:0;margin-bottom:var(--spacing-xs);font-size:var(--font-size-md);font-weight:600}.info-window p{margin:0;font-size:var(--font-size-sm);line-height:1.4}@media(max-width: 576px){.map{height:350px}.map-header{flex-direction:column;align-items:flex-start}.map-legend h4{margin-bottom:var(--spacing-sm)}.map-navigation-container{padding-top:var(--spacing-sm);margin-top:var(--spacing-sm)}}