Fix: Make service cards fully clickable by adding pointer-events rules

styles.css

@@ -853,11 +853,13 @@ body {
     opacity: 0;
     transform: translateX(-10px);
     transition: var(--transition-normal);
+    pointer-events: none;
 }
 
 .service-arrow svg {
     width: 16px;
     height: 16px;
+    pointer-events: none;
 }
 
 .service-card:hover .service-arrow {
@@ -1957,19 +1959,25 @@ body {
         grid-template-columns: 1fr;
     }
 }
-/* Ensure service cards are clickable */
-.service-card {
-    cursor: pointer;
-    position: relative;
-}
-
-/* Fix service glow - don't block clicks */
-.service-glow {
-    pointer-events: none;
-}
+/* ========================================
+   CLICK FIX - Ensure service cards are fully clickable
+   ======================================== */
 
 /* Ensure anchor service cards work properly */
 a.service-card {
     display: block;
     text-decoration: none;
+    cursor: pointer !important;
+}
+
+/* ALL children of service cards should not block clicks */
+.service-card * {
+    pointer-events: none !important;
+}
+
+/* But the anchor itself should be clickable */
+a.service-card,
+a.service-card:active,
+a.service-card:focus {
+    pointer-events: auto !important;
 }