diff --git a/scripts/productList.js b/scripts/productList.js
index f174adc..1560968 100644
--- a/scripts/productList.js
+++ b/scripts/productList.js
@@ -38,12 +38,20 @@ export function renderProducts(page = 1) {
         const isSold = STATUS_META[product.status]?.soldOut === true;
         const cardHtml = `
             <div class="group flex flex-col gap-4 cursor-pointer" onclick="openModal('${product.id}')">
-                <div class="relative w-full aspect-[4/5] bg-slate-50 dark:bg-slate-800 rounded-xl overflow-hidden shadow-sm">
+                <div class="relative w-full aspect-[4/5] bg-slate-50 dark:bg-slate-800 rounded-xl overflow-hidden shadow-sm group-hover:shadow-md transition-shadow">
                     <div class="w-full h-full bg-center bg-no-repeat bg-cover transform ${isSold ? 'grayscale opacity-80' : 'group-hover:scale-105'} transition-transform duration-500"
                          style="background-image: url('${product.images[0]}')"></div>
+                    <div class="absolute top-3 left-3">
+                        <span class="px-2 py-1 text-[10px] uppercase tracking-wider font-bold rounded ${isSold ? 'bg-slate-900/10 text-slate-500' : 'bg-primary/10 text-primary'} backdrop-blur-md border border-primary/20">
+                            ${product.status}
+                        </span>
+                    </div>
                 </div>
                 <div class="flex flex-col gap-1">
-                    <h3 class="text-slate-900 dark:text-white text-base font-semibold ${isSold ? 'line-through text-slate-400' : ''}">${product.title}</h3>
+                    <div class="flex flex-col sm:flex-row justify-between items-start gap-1">
+                        <h3 class="text-slate-900 dark:text-white text-base font-semibold leading-tight ${isSold ? 'line-through text-slate-400' : ''}">${product.title}</h3>
+                        <p class="text-slate-900 dark:text-white text-base font-bold text-nowrap">${product.currency}${product.price.toLocaleString()}</p>
+                    </div>
                     <p class="text-slate-500 dark:text-slate-400 text-sm font-normal line-clamp-1">${product.description}</p>
                 </div>
             </div>