From e3a01b6be6fa077fa00c6c7245be7ba18b6e913c Mon Sep 17 00:00:00 2001
From: SnapOtter <snapotter.hq@gmail.com>
Date: Sat, 18 Jul 2026 11:53:51 +0800
Subject: [PATCH] fix(landing): open Product dropdown below the navbar bottom
 line (#571)

Anchor the Product menu panel below the navbar's bottom border line by bumping its top padding (pt-3 to pt-8). The panel was anchored to the button, landing 10px above the line, so the full-width navbar gradient line cut across the top of the open dropdown.
---
 apps/landing/src/components/Navbar.astro | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/apps/landing/src/components/Navbar.astro b/apps/landing/src/components/Navbar.astro
index d88b8dec..311e04fe 100644
--- a/apps/landing/src/components/Navbar.astro
+++ b/apps/landing/src/components/Navbar.astro
@@ -58,7 +58,9 @@ const links: NavItem[] = [
           {t(locale, "nav.product")}
           <svg class="h-4 w-4 transition-transform group-hover:rotate-180 group-focus-within:rotate-180" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"/></svg>
         </button>
-        <div class="absolute left-0 top-full hidden pt-3 group-hover:block group-focus-within:block">
+        <!-- pt clears the button-to-navbar-bottom gap so the panel opens below the
+             navbar's bottom border line instead of overlapping up through it. -->
+        <div class="absolute left-0 top-full hidden pt-8 group-hover:block group-focus-within:block">
           <div class="w-64 rounded-xl border border-border bg-surface p-2 shadow-lg">
             {productLinks.map((item) => (
               <a