Group quote results by calculation

app/components/catalog/OfferResultCard.vue

@@ -1,5 +1,5 @@
 <template>
-  <Card padding="md" interactive @click="$emit('select')">
+  <Card padding="md" interactive :class="groupClass" @click="$emit('select')">
     <!-- Header: Supplier + Price -->
     <div class="flex items-start justify-between gap-4">
       <div class="flex flex-col gap-1">
@@ -68,8 +68,10 @@ const props = withDefaults(defineProps<{
   stages?: RouteStage[]
   totalTimeSeconds?: number | null
   kycProfileUuid?: string | null
+  grouped?: boolean
 }>(), {
-  stages: () => []
+  stages: () => [],
+  grouped: false
 })
 
 defineEmits<{
@@ -208,6 +210,11 @@ const totalDurationDays = computed(() => {
 
 const durationDisplay = computed(() => formatDurationDays(totalDurationDays.value))
 
+const groupClass = computed(() => {
+  if (!props.grouped) return ''
+  return 'rounded-none shadow-none hover:shadow-none'
+})
+
 const routeRows = computed(() =>
   (props.stages || [])
     .filter(stage => stage?.distanceKm != null)