diff --git a/app/components/catalog/InfoPanel.vue b/app/components/catalog/InfoPanel.vue
index 0cef088..42c12e0 100644
--- a/app/components/catalog/InfoPanel.vue
+++ b/app/components/catalog/InfoPanel.vue
@@ -122,6 +122,13 @@
                 selectable
                 @select="onProductSelect(product)"
               />
+              <button
+                class="absolute top-2 right-2 opacity-0 group-hover:opacity-100 transition-opacity rounded-full bg-white/10 hover:bg-white/20 p-1"
+                @click.stop="emit('pin', 'product', product)"
+                aria-label="Pin product"
+              >
+                <Icon name="lucide:pin" size="14" class="text-white/80" />
+              </button>
             </div>
           </div>
         </section>
@@ -189,6 +196,13 @@
                 selectable
                 @select="onSupplierSelect(supplier)"
               />
+              <button
+                class="absolute top-2 right-2 opacity-0 group-hover:opacity-100 transition-opacity rounded-full bg-white/10 hover:bg-white/20 p-1"
+                @click.stop="emit('pin', 'supplier', supplier)"
+                aria-label="Pin supplier"
+              >
+                <Icon name="lucide:pin" size="14" class="text-white/80" />
+              </button>
             </div>
           </div>
         </section>
@@ -227,6 +241,13 @@
                     selectable
                     @select="onHubSelect(hub)"
                   />
+                  <button
+                    class="absolute top-2 right-2 opacity-0 group-hover:opacity-100 transition-opacity rounded-full bg-white/10 hover:bg-white/20 p-1"
+                    @click.stop="emit('pin', 'hub', hub)"
+                    aria-label="Pin hub"
+                  >
+                    <Icon name="lucide:pin" size="14" class="text-white/80" />
+                  </button>
                 </div>
               </div>
             </template>
@@ -252,6 +273,13 @@
                     selectable
                     @select="onHubSelect(hub)"
                   />
+                  <button
+                    class="absolute top-2 right-2 opacity-0 group-hover:opacity-100 transition-opacity rounded-full bg-white/10 hover:bg-white/20 p-1"
+                    @click.stop="emit('pin', 'hub', hub)"
+                    aria-label="Pin hub"
+                  >
+                    <Icon name="lucide:pin" size="14" class="text-white/80" />
+                  </button>
                 </div>
               </div>
             </template>
@@ -298,6 +326,7 @@ const emit = defineEmits<{
   'select-offer': [offer: { uuid: string; productUuid?: string | null }]
   'update:current-tab': [tab: string]
   'open-kyc': [uuid: string | undefined]
+  'pin': [type: 'product' | 'hub' | 'supplier', item: { uuid?: string | null; name?: string | null }]
 }>()
 
 const { t } = useI18n()
diff --git a/app/components/catalog/SelectionPanel.vue b/app/components/catalog/SelectionPanel.vue
index 4dd6a28..eb855dd 100644
--- a/app/components/catalog/SelectionPanel.vue
+++ b/app/components/catalog/SelectionPanel.vue
@@ -37,6 +37,13 @@
               compact
               @select="onSelect(item)"
             />
+            <button
+              class="absolute top-2 right-2 opacity-0 group-hover:opacity-100 transition-opacity rounded-full bg-white/10 hover:bg-white/20 p-1"
+              @click.stop="emit('pin', 'product', item)"
+              aria-label="Pin product"
+            >
+              <Icon name="lucide:pin" size="14" class="text-white/80" />
+            </button>
           </div>
         </template>
 
@@ -54,6 +61,13 @@
               selectable
               @select="onSelect(item)"
             />
+            <button
+              class="absolute top-2 right-2 opacity-0 group-hover:opacity-100 transition-opacity rounded-full bg-white/10 hover:bg-white/20 p-1"
+              @click.stop="emit('pin', 'hub', item)"
+              aria-label="Pin hub"
+            >
+              <Icon name="lucide:pin" size="14" class="text-white/80" />
+            </button>
           </div>
         </template>
 
@@ -71,6 +85,13 @@
               selectable
               @select="onSelect(item)"
             />
+            <button
+              class="absolute top-2 right-2 opacity-0 group-hover:opacity-100 transition-opacity rounded-full bg-white/10 hover:bg-white/20 p-1"
+              @click.stop="emit('pin', 'supplier', item)"
+              aria-label="Pin supplier"
+            >
+              <Icon name="lucide:pin" size="14" class="text-white/80" />
+            </button>
           </div>
         </template>
 
@@ -111,6 +132,7 @@ const emit = defineEmits<{
   'close': []
   'load-more': []
   'hover': [uuid: string | null]
+  'pin': [type: 'product' | 'hub' | 'supplier', item: Item]
 }>()
 
 const { t } = useI18n()
diff --git a/app/pages/catalog/index.vue b/app/pages/catalog/index.vue
index 98573b0..b728549 100644
--- a/app/pages/catalog/index.vue
+++ b/app/pages/catalog/index.vue
@@ -40,6 +40,7 @@
           :loading-more="selectionLoadingMore"
           :has-more="selectionHasMore && !filterByBounds"
           @select="onSelectItem"
+          @pin="onPinItem"
           @close="onClosePanel"
           @load-more="onLoadMore"
           @hover="onHoverItem"
@@ -66,6 +67,7 @@
           @select-product="onInfoSelectProduct"
           @select-offer="onSelectOffer"
           @open-kyc="onOpenKyc"
+          @pin="onPinItem"
         />
 
         <!-- Quote results: show offers after search -->
@@ -585,6 +587,12 @@ const onSelectItem = (type: string, item: { uuid?: string | null; name?: string
   }
 }
 
+const onPinItem = (type: 'product' | 'hub' | 'supplier', item: { uuid?: string | null; name?: string | null }) => {
+  if (!item.uuid) return
+  const label = item.name || item.uuid.slice(0, 8) + '...'
+  selectItem(type, item.uuid, label)
+}
+
 // Close panel (cancel select mode)
 const onClosePanel = () => {
   cancelSelect()