From 56c279b51bbaacb960adfa27f61a8dc68d65e1fe Mon Sep 17 00:00:00 2001
From: Marco <marco.kunitz@googlemail.com>
Date: Sat, 1 Aug 2026 10:30:57 +0000
Subject: [PATCH] Add spacing below the shop's <lg filter bar
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

pb-2 wasn't enough — the first product card sat almost flush against
the filter controls on mobile/tablet.
---
 app/shop/components/ProductGrid.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/shop/components/ProductGrid.tsx b/app/shop/components/ProductGrid.tsx
index cd71d78..b2ef122 100644
--- a/app/shop/components/ProductGrid.tsx
+++ b/app/shop/components/ProductGrid.tsx
@@ -80,7 +80,7 @@ export async function ProductGrid({
           as before. lg+: they move into a left sidebar instead (see aside
           below), so this is hidden there to avoid rendering twice. */}
       {hasSidebarFilter && (
-        <div className="lg:hidden flex flex-col gap-4 pb-2">
+        <div className="lg:hidden flex flex-col gap-4 pb-6">
           <PriceRangeFilter catalogMin={catalogMin} catalogMax={catalogMax} />
           <CategoryFilter categories={allCategories} />
         </div>