diff --git a/bash.exe.stackdump b/bash.exe.stackdump
new file mode 100644
index 0000000..6870602
--- /dev/null
+++ b/bash.exe.stackdump
@@ -0,0 +1,9 @@
+Stack trace:
+Frame        Function    Args
+000FFFFBB30  00210062B0E (00210297178, 00210275E3E, 000FFFFBB30, 000FFFFAA30)
+000FFFFBB30  0021004846A (00000000000, 00000000000, 00000000000, 00000000004)
+000FFFFBB30  002100484A2 (00210297229, 000FFFFB9E8, 000FFFFBB30, 00000000000)
+000FFFFBB30  002100D2FFE (00000000000, 00000000000, 00000000000, 00000000000)
+000FFFFBB30  002100D3125 (000FFFFBB40, 00000000000, 00000000000, 00000000000)
+001004F84B7  002100D46E5 (000FFFFBB40, 00000000000, 00000000000, 00000000000)
+End of stack trace
diff --git a/frontend/src/components/ProductCard.jsx b/frontend/src/components/ProductCard.jsx
index f03d8ee..6aba573 100644
--- a/frontend/src/components/ProductCard.jsx
+++ b/frontend/src/components/ProductCard.jsx
@@ -12,42 +12,41 @@ export default function ProductCard({ product }) {
       : 0
 
   return (
-    <div className="product-card">
-      <div className="product-image-container">
-        <img src={product.images[0]} alt={product.name} />
-        {product.is_on_sale && discount > 0 && (
-          <div className="discount-badge">{discount}% OFF</div>
-        )}
-        {product.is_featured && (
-          <div className="featured-badge">FEATURED</div>
-        )}
-      </div>
-      <div className="product-info">
-        <h3>{product.name}</h3>
-        <p className="brand">{product.brand}</p>
-        <div className="price">
-          {product.discount_price ? (
-            <>
-              <span className="original">₪{product.price.toFixed(2)}</span>
-              <span className="discounted">₪{product.discount_price.toFixed(2)}</span>
-            </>
-          ) : (
-            <span>₪{price.toFixed(2)}</span>
+    <Link to={`/product/${product.id}`} className="product-card-link">
+      <div className="product-card">
+        <div className="product-image-container">
+          <img src={product.images[0]} alt={product.name} />
+          {product.is_on_sale && discount > 0 && (
+            <div className="discount-badge">{discount}% OFF</div>
+          )}
+          {product.is_featured && (
+            <div className="featured-badge">FEATURED</div>
           )}
         </div>
-        {product.stock !== null && (
-          <p className="stock">
-            {product.stock > 0 ? (
-              <span className="in-stock">In Stock</span>
+        <div className="product-info">
+          <h3>{product.name}</h3>
+          <p className="brand">{product.brand}</p>
+          <div className="price">
+            {product.discount_price ? (
+              <>
+                <span className="original">₪{product.price.toFixed(2)}</span>
+                <span className="discounted">₪{product.discount_price.toFixed(2)}</span>
+              </>
             ) : (
-              <span className="out-of-stock">Out of Stock</span>
+              <span>₪{price.toFixed(2)}</span>
             )}
-          </p>
-        )}
-        <Link to={`/product/${product.id}`} className="btn btn-small">
-          View Details
-        </Link>
+          </div>
+          {product.stock !== null && (
+            <p className="stock">
+              {product.stock > 0 ? (
+                <span className="in-stock">In Stock</span>
+              ) : (
+                <span className="out-of-stock">Out of Stock</span>
+              )}
+            </p>
+          )}
+        </div>
       </div>
-    </div>
+    </Link>
   )
 }
diff --git a/frontend/src/styles/global.css b/frontend/src/styles/global.css
index 4469be6..9e5d348 100644
--- a/frontend/src/styles/global.css
+++ b/frontend/src/styles/global.css
@@ -619,14 +619,6 @@ button {
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
 }
 
-.detail-images img {
-  width: 100%;
-  max-height: 500px;
-  object-fit: cover;
-  border-radius: var(--border-radius);
-  cursor: pointer;
-}
-
 .detail-info h1 {
   font-size: 2rem;
   margin-bottom: 0.5rem;