fix(web): /search — fix duplicated filter bar + invisible map markers

- Hide the desktop horizontal FilterBar in list/split modes — the
  sidebar already renders an identical control set, so showing both
  duplicated every dropdown. Keep horizontal bar only when in map
  mode where there's no sidebar.
- Replace `hsl(var(--…))` paint colors in ListingMap with literal
  hex constants. Mapbox-gl's color parser rejects CSS variable
  references and was throwing
  'circle-color: Could not parse color from value hsl(var(--primary))'
  for cluster + marker layers, leaving the map blank.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

apps/web/app/[locale]/(public)/search/page.tsx

@@ -351,7 +351,10 @@ function SearchContent() {
         </Button>
       </div>
 
-      {/* Desktop horizontal filter bar */}
+      {/* Desktop horizontal filter bar — only when there's no sidebar
+          (i.e. full-width map view). Showing it alongside the sidebar in
+          list/split mode would just duplicate every control. */}
+      {viewMode === 'map' && (
         <div className="mb-4 hidden lg:block">
           <FilterBar
             filters={filters}
@@ -360,6 +363,7 @@ function SearchContent() {
             layout="horizontal"
           />
         </div>
+      )}
 
       {/* Mobile filter panel */}
       {showMobileFilters && (

apps/web/components/map/listing-map.tsx

@@ -198,7 +198,9 @@ function ListingMapInner({
       clusterRadius: 50,
     });
 
-    // Cluster circles
+    // Cluster circles. Mapbox-gl's color parser rejects `hsl(var(--…))` —
+    // it only accepts literal CSS colors. We use hex constants tuned to
+    // match the design-system primary/accent palette in dark mode.
     map.addLayer({
       id: CLUSTER_LAYER_ID,
       type: 'circle',
@@ -208,7 +210,7 @@ function ListingMapInner({
         'circle-color': [
           'step',
           ['get', 'point_count'],
-          'hsl(var(--primary))',
+          '#22c55e', // primary (emerald-500)
           10,
           '#f1a928',
           30,
@@ -248,8 +250,8 @@ function ListingMapInner({
         'text-allow-overlap': true,
       },
       paint: {
-        'text-color': 'hsl(var(--card-foreground))',
-        'text-halo-color': 'hsl(var(--card))',
+        'text-color': '#f5f5f4', // card-foreground (stone-100)
+        'text-halo-color': '#1c1917', // card (stone-900)
         'text-halo-width': 8,
       },
     });
@@ -269,8 +271,8 @@ function ListingMapInner({
         'text-allow-overlap': true,
       },
       paint: {
-        'text-color': 'hsl(var(--primary-foreground))',
-        'text-halo-color': 'hsl(var(--primary))',
+        'text-color': '#ffffff', // primary-foreground (high-contrast on emerald)
+        'text-halo-color': '#22c55e', // primary (emerald-500)
         'text-halo-width': 10,
       },
     });