.map-container {max-width: 800px;margin: 40px auto;padding: 20px;background: #ffffff;border: 2px solid #5a7c6d;border-radius: 15px;box-shadow: 0 4px 12px rgba(0,0,0,0.08);text-align: center;}.map-title {font-size: 1.5rem;color: #5a7c6d;font-weight: 700;margin-bottom: 12px;display: flex;justify-content: center;align-items: center;gap: 8px;}#map {width: 100%;height: 400px;border-radius: 12px;overflow: hidden;margin-bottom: 16px;background: #f5f5f5;position: relative;}.map-placeholder {position: absolute;inset: 0;display: flex;align-items: center;justify-content: center;background: linear-gradient(90deg, #f5f5f5 0%, #ececec 40%, #f5f5f5 80%);background-size: 200% 100%;animation: shimmer 1.6s linear infinite;z-index: 2;}@keyframes shimmer {0% {background-position: 200% 0;}100% {background-position: -200% 0;}}.map-placeholder .loading-text {font-size: 0.95rem;color: #666;background: rgba(255,255,255,0.6);padding: 8px 12px;border-radius: 999px;box-shadow: 0 1px 6px rgba(0,0,0,0.05);z-index: 3;}.btn-itineraire {display: inline-block;padding: 11px 22px;background-color: #5a7c6d;color: #ffffff;border-radius: 10px;font-weight: 600;text-decoration: none;transition: background-color 0.25s ease, transform 0.12s ease;}.btn-itineraire:hover, .btn-itineraire:focus {background-color: white;outline: none;transform: translateY(-2px);}.map-error {position: absolute;inset: 0;display: none;align-items: center;justify-content: center;padding: 16px;text-align: center;z-index: 4;}.map-error.visible {display: flex;background: rgba(255,255,255,0.95);}.map-error p {color: #a33;margin: 0;font-weight: 600;}@media (max-width: 480px) {#map {height: 300px;}.map-container {margin: 20px 12px;padding: 16px;}}