diff --git a/app/components/ProductCard.tsx b/app/components/ProductCard.tsx
index 5eb98ea..c75a98c 100644
--- a/app/components/ProductCard.tsx
+++ b/app/components/ProductCard.tsx
@@ -103,20 +103,25 @@ export function ProductCard({
           {product.categories.length > 0 && (
             <p className="text-label font-semibold text-text-muted uppercase tracking-wide">{product.categories.join(", ")}</p>
           )}
+          {/* line-clamp-1 on the name and a reserved+clamped 2-line slot
+              for the subline — without these, a longer name or a subline
+              that wraps to 2 lines pushes THAT card's price row down
+              relative to its row siblings; the flex-1 spacer near the
+              button only re-aligns the button, not the price above it. */}
           {product.href ? (
             <Link
               href={product.href}
-              className="font-semibold text-h4 text-text-primary w-full hover:text-brand transition-colors"
+              className="font-semibold text-h4 text-text-primary w-full line-clamp-1 hover:text-brand transition-colors"
               style={{ fontFamily: "var(--font-lora)" }}
             >
               <ProductName name={product.name} />
             </Link>
           ) : (
-            <p className="font-semibold text-h4 text-text-primary w-full" style={{ fontFamily: "var(--font-lora)" }}>
+            <p className="font-semibold text-h4 text-text-primary w-full line-clamp-1" style={{ fontFamily: "var(--font-lora)" }}>
               <ProductName name={product.name} />
             </p>
           )}
-          {product.subline && <p className="text-body-sm text-text-muted">{product.subline}</p>}
+          <p className="text-body-sm text-text-muted w-full line-clamp-2 min-h-[2.75rem]">{product.subline}</p>
         </div>
         <p className="flex items-baseline gap-1.5">
           {discount !== null && (