add magnifying hover animation for Shopping Bag icon - Follow Up Deployment

index.html

@@ -181,6 +181,18 @@
             0%, 100% { transform: translateY(0) scale(1); }
             50% { transform: translateY(-5px) scale(1.1); }
         }
+
+        @keyframes magnify {
+            0% { transform: scale(1); }
+            50% { transform: scale(1.2); }
+            100% { transform: scale(1); }
+        }
+
+        @keyframes pulseGlow {
+            0% { text-shadow: 0 0 5px rgba(212, 175, 55, 0.8); }
+            50% { text-shadow: 0 0 15px rgba(212, 175, 55, 0.8); }
+            100% { text-shadow: 0 0 5px rgba(212, 175, 55, 0.8); }
+        }
         
         .vip-gradient-bg {
             background: linear-gradient(to right, #1A1A1A, #2D1420, #1A1A1A);
@@ -324,7 +336,7 @@
             <i class="fas fa-trophy text-niogold mr-2"></i>
             <span class="mr-2 text-white" style="text-shadow: 0 0 5px #00ff00, 0 0 10px #00ff00;">SC: 450</span>
             <div class="h-5 w-px bg-gray-600 mx-2"></div>
-            <i class="fas fa-shopping-bag text-niogold"></i>
+            <i class="fas fa-shopping-bag text-black glow-text animate-[pulseGlow_2s_ease-in-out_infinite] hover:animate-[magnify_0.5s_ease-in-out] cursor-pointer"></i>
         </div>
         
         <div class="ml-4 flex items-center">