update css vars

graphql/products.js

@@ -105,6 +105,30 @@ export const GET_PRODUCT_QUERY = `
   }
 `;
 
+// Search products with cursor-based pagination and full filter support
+export const GET_SEARCH_QUERY = `
+  ${ProductFragment}
+  query SearchProducts(
+    $first: Int!
+    $query: String
+    $sortKey: ProductSortKeys
+    $reverse: Boolean
+    $after: String
+  ) {
+    products(first: $first, query: $query, sortKey: $sortKey, reverse: $reverse, after: $after) {
+      edges {
+        node {
+          ...ProductFragment
+        }
+      }
+      pageInfo {
+        hasNextPage
+        endCursor
+      }
+    }
+  }
+`;
+
 // Get product recommendations
 export const QUERY_PRODUCT_RECOMMENDATIONS = `
   ${ProductFragment}