From 9fd6f8306daa1a3eef9b7f499a052725504c6d4a Mon Sep 17 00:00:00 2001
From: aserrador <alejandro.ayala@onecluster.org>
Date: Fri, 15 May 2026 13:25:18 -0500
Subject: [PATCH] fix: constrain product name length to prevent layout breakage

---
 src/components/catalog/Card.vue | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/src/components/catalog/Card.vue b/src/components/catalog/Card.vue
index 95bd3c7..649e917 100644
--- a/src/components/catalog/Card.vue
+++ b/src/components/catalog/Card.vue
@@ -162,7 +162,13 @@ export default {
   line-height: 1.3;
   padding: 0;
   text-align: center;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-line-clamp: 3;
+  -webkit-box-orient: vertical;
   word-break: break-word;
+  max-width: 100%;
 }
 
 .product-description {
@@ -399,11 +405,13 @@ export default {
   .product-details-content {
     gap: 16px;
     align-items: flex-start;
+    min-width: 0;
   }
 
   .product-name {
     font-size: 1.15rem;
     text-align: left;
+    -webkit-line-clamp: 2;
   }
 
   .product-description {