From 60ded405952e4fb25a49c3794aac9f6191da126f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Cau=C3=AA=20Faleiros?= <cauefaleiros@gmail.com>
Date: Mon, 3 Aug 2026 11:29:49 -0300
Subject: [PATCH] Highlight current product variation

---
 src/pages/ProductDetails.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/pages/ProductDetails.tsx b/src/pages/ProductDetails.tsx
index 06e85d5..4900f52 100644
--- a/src/pages/ProductDetails.tsx
+++ b/src/pages/ProductDetails.tsx
@@ -619,7 +619,11 @@ const ProductDetails = () => {
               const metadata = parseProductName(variant.name);
 
               return (
-                <div key={variant.id} className="rounded-xl border border-dark-border bg-dark-input/45 p-4">
+                <div key={variant.id} className={`rounded-xl border p-4 ${
+                  variant.id === productInfo.id
+                    ? 'border-brand-primary/50 bg-brand-primary/10 shadow-sm shadow-brand-primary/10'
+                    : 'border-dark-border bg-dark-input/45'
+                }`}>
                   <div className="flex flex-col gap-2 md:flex-row md:items-start md:justify-between">
                     <div className="min-w-0">
                       <Link to={`/products/${variant.id}`} className="block truncate text-sm font-bold text-dark-text transition-colors hover:text-brand-primary hover:underline" title={`Ver produto ${variant.name}`}>