diff --git a/themepo-elegantfin.css b/themepo-elegantfin.css
index f7d68df..44683cb 100644
--- a/themepo-elegantfin.css
+++ b/themepo-elegantfin.css
@@ -263,14 +263,16 @@ body:has(#itemDetailPage) html::after,
   z-index: 1;
 }
 
-/* Hover: outline + filter (neither clipped by overflow:hidden) */
+/* Hover: inset glow on all 4 sides (unclippable) + filter bloom on top/bottom */
 .card-hoverable:hover .cardScalable {
-  outline: 2px solid rgba(167, 139, 250, 0.55) !important;
-  outline-offset: 3px !important;
+  box-shadow:
+    inset 0 0 0 2px rgba(167, 139, 250, 0.7),
+    inset 0 0 12px rgba(167, 139, 250, 0.15),
+    0 0 0 1px rgba(255, 255, 255, 0.06) !important;
   filter:
-    brightness(1.12)
-    drop-shadow(0 0 8px rgba(167, 139, 250, 0.35))
-    drop-shadow(0 16px 32px rgba(0, 0, 0, 0.6)) !important;
+    brightness(1.1)
+    drop-shadow(0 0 10px rgba(167, 139, 250, 0.4))
+    drop-shadow(0 20px 36px rgba(0, 0, 0, 0.65)) !important;
 }
 
 /* Library cards (visualCardBox) */
@@ -291,12 +293,14 @@ body:has(#itemDetailPage) html::after,
 }
 
 .card-hoverable:hover .visualCardBox {
-  outline: 2px solid rgba(167, 139, 250, 0.55) !important;
-  outline-offset: 3px !important;
+  box-shadow:
+    inset 0 0 0 2px rgba(167, 139, 250, 0.7),
+    inset 0 0 12px rgba(167, 139, 250, 0.15),
+    0 0 0 1px rgba(255, 255, 255, 0.06) !important;
   filter:
-    brightness(1.12)
-    drop-shadow(0 0 8px rgba(167, 139, 250, 0.35))
-    drop-shadow(0 16px 32px rgba(0, 0, 0, 0.6)) !important;
+    brightness(1.1)
+    drop-shadow(0 0 10px rgba(167, 139, 250, 0.4))
+    drop-shadow(0 20px 36px rgba(0, 0, 0, 0.65)) !important;
 }
 
 /* Frutiger Aero glassmorphism drawer */