From 1f2089772cf793bf2752b02bfd1a6f4f16bf748c Mon Sep 17 00:00:00 2001
From: Daniel Arantes Loverde <daniel@loverde.com.br>
Date: Wed, 3 Jun 2026 15:03:54 -0300
Subject: [PATCH] fix(store): separate gradient from cover image so only image
 stretches on overscroll

---
 .../Views/Main/StoreDetailView+Components.swift  | 16 +++++++++-------
 1 file changed, 9 insertions(+), 7 deletions(-)

diff --git a/pedi-foods/Sources/PediFoods/Views/Main/StoreDetailView+Components.swift b/pedi-foods/Sources/PediFoods/Views/Main/StoreDetailView+Components.swift
index 05396ae..ecd0908 100644
--- a/pedi-foods/Sources/PediFoods/Views/Main/StoreDetailView+Components.swift
+++ b/pedi-foods/Sources/PediFoods/Views/Main/StoreDetailView+Components.swift
@@ -27,16 +27,18 @@ extension StoreDetailView {
         ZStack(alignment: .top) {
             AsyncStoreImage(imageURL: resolvedURL(storeCoverURL))
                 .frame(height: topSectionHeight + stretchAmount)
-                .overlay(
-                    LinearGradient(
-                        colors: [Color.black.opacity(0.32), Color.black.opacity(0.05)],
-                        startPoint: .top,
-                        endPoint: .bottom
-                    )
-                )
                 .offset(y: -stretchAmount)
                 .ignoresSafeArea(.container, edges: .top)
 
+            LinearGradient(
+                colors: [Color.black.opacity(0.32), Color.black.opacity(0.05)],
+                startPoint: .top,
+                endPoint: .bottom
+            )
+            .frame(height: topSectionHeight)
+            .ignoresSafeArea(.container, edges: .top)
+            .allowsHitTesting(false)
+
             VStack(spacing: 0) {
                 HStack {
                     heroIconButton(icon: "chevron.left") {