diff --git a/app/pages/catalog/index.vue b/app/pages/catalog/index.vue
index 7d8927d..35797e2 100644
--- a/app/pages/catalog/index.vue
+++ b/app/pages/catalog/index.vue
@@ -140,12 +140,20 @@ const cardType = computed(() => {
 
 const showMap = computed(() => displayMode.value !== 'hero')
 
+// Use server clustering for grids that need it
 const useServerClustering = computed(() => {
-  return displayMode.value === 'grid-hubs' || displayMode.value === 'grid-offers'
+  // Products grid - show offers clusters
+  // Hubs grid - show hubs clusters
+  // Offers grid - show offer clusters
+  return ['grid-products', 'grid-hubs', 'grid-offers', 'grid-products-from-supplier', 'grid-products-in-hub'].includes(displayMode.value)
 })
 
 const clusterNodeType = computed(() => {
-  if (displayMode.value === 'grid-offers') return 'offer'
+  // For products/offers show offer locations
+  if (['grid-products', 'grid-offers', 'grid-products-from-supplier', 'grid-products-in-hub'].includes(displayMode.value)) {
+    return 'offer'
+  }
+  // For hubs show logistics nodes
   return 'logistics'
 })