diff --git a/src/app/components/items-carousel/items-carousel.component.scss b/src/app/components/items-carousel/items-carousel.component.scss
index 1d7cdd0..9c37b57 100644
--- a/src/app/components/items-carousel/items-carousel.component.scss
+++ b/src/app/components/items-carousel/items-carousel.component.scss
@@ -159,17 +159,21 @@
   height: 140px;
   overflow: hidden;
   background: #f5f5f5;
+  border-radius: 12px;
   
   img {
     width: 100%;
     height: 100%;
     object-fit: contain;
     background: white;
-    transition: transform 0.3s ease;
+    padding: 10px;
+    transition: transform 0.3s ease, filter 0.3s ease;
+    filter: drop-shadow(0 2px 4px rgba(0,0,0,0.05));
   }
 
   &:hover img {
     transform: scale(1.08);
+    filter: drop-shadow(0 8px 16px rgba(0,0,0,0.12)) brightness(1.05);
   }
 }
 
diff --git a/src/app/pages/category/category.component.scss b/src/app/pages/category/category.component.scss
index d67818f..6d15d1e 100644
--- a/src/app/pages/category/category.component.scss
+++ b/src/app/pages/category/category.component.scss
@@ -67,6 +67,7 @@
   padding-top: 75%; // 4:3 aspect ratio
   background: #f5f5f5;
   overflow: hidden;
+  border-radius: 12px;
 
   img {
     position: absolute;
@@ -76,6 +77,14 @@
     height: 100%;
     object-fit: contain;
     background: white;
+    padding: 12px;
+    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), filter 0.4s ease;
+    filter: drop-shadow(0 2px 6px rgba(0,0,0,0.06));
+  }
+
+  &:hover img {
+    transform: scale(1.06) translateY(-2px);
+    filter: drop-shadow(0 12px 24px rgba(0,0,0,0.15)) brightness(1.03);
   }
 }
 
diff --git a/src/app/pages/home/home.component.scss b/src/app/pages/home/home.component.scss
index 6566d8b..0a23c1b 100644
--- a/src/app/pages/home/home.component.scss
+++ b/src/app/pages/home/home.component.scss
@@ -254,7 +254,15 @@
     height: 100%;
     object-fit: contain;
     background: white;
-    transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
+    padding: 15px;
+    transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1), filter 0.5s ease;
+    filter: drop-shadow(0 4px 8px rgba(0,0,0,0.08));
+    border-radius: 8px;
+  }
+
+  &:hover .category-media img {
+    transform: scale(1.05);
+    filter: drop-shadow(0 16px 32px rgba(0,0,0,0.18)) saturate(1.1);
   }
 
   .category-fallback {
diff --git a/src/app/pages/search/search.component.scss b/src/app/pages/search/search.component.scss
index fea0494..1dd9298 100644
--- a/src/app/pages/search/search.component.scss
+++ b/src/app/pages/search/search.component.scss
@@ -140,6 +140,7 @@
   padding-top: 75%;
   background: #f5f5f5;
   overflow: hidden;
+  border-radius: 12px;
 
   img {
     position: absolute;
@@ -149,6 +150,14 @@
     height: 100%;
     object-fit: contain;
     background: white;
+    padding: 12px;
+    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), filter 0.4s ease;
+    filter: drop-shadow(0 2px 6px rgba(0,0,0,0.06));
+  }
+
+  &:hover img {
+    transform: scale(1.06) translateY(-2px);
+    filter: drop-shadow(0 12px 24px rgba(0,0,0,0.15)) brightness(1.03);
   }
 }