From 1c8c81a54e45d29d163320ac15a6c24637816555 Mon Sep 17 00:00:00 2001
From: Ruslan Bakiev <572431+veikab@users.noreply.github.com>
Date: Tue, 10 Mar 2026 11:59:27 +0700
Subject: [PATCH] fix: make header glass backdrop more visible over map
 backgrounds

---
 app/layouts/topnav.vue | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/app/layouts/topnav.vue b/app/layouts/topnav.vue
index d08ce28..f9e356c 100644
--- a/app/layouts/topnav.vue
+++ b/app/layouts/topnav.vue
@@ -367,12 +367,13 @@ const onSearch = () => {
 .liquid-header-backdrop {
   position: absolute;
   inset: 0;
-  height: 320%;
-  background: rgba(255, 255, 255, 0.08);
+  height: 350%;
+  background: rgba(255, 255, 255, 0.22);
   -webkit-backdrop-filter: blur(16px) saturate(180%);
   backdrop-filter: blur(16px) saturate(180%);
-  -webkit-mask-image: linear-gradient(to bottom, black 0%, black 22%, rgba(0, 0, 0, 0.45) 42%, rgba(0, 0, 0, 0.12) 68%, transparent 100%);
-  mask-image: linear-gradient(to bottom, black 0%, black 22%, rgba(0, 0, 0, 0.45) 42%, rgba(0, 0, 0, 0.12) 68%, transparent 100%);
+  -webkit-mask-image: linear-gradient(to bottom, black 0%, black 20%, rgba(0,0,0,0.4) 40%, rgba(0,0,0,0.1) 65%, transparent 100%);
+  mask-image: linear-gradient(to bottom, black 0%, black 20%, rgba(0,0,0,0.4) 40%, rgba(0,0,0,0.1) 65%, transparent 100%);
   pointer-events: none;
+  z-index: 0;
 }
 </style>