From 736a39f56265f46661206bf81a2be2df861465a9 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Fri, 6 Mar 2026 05:56:52 +0000
Subject: [PATCH 1/2] Initial plan


From 1b60b1eabea31629280d49c473e6ed6ac1d9c9b8 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Fri, 6 Mar 2026 05:58:24 +0000
Subject: [PATCH 2/2] fix(css): replace MQ Level-4 negation with MQ3-compatible
 two-block approach for scroll behavior

Co-authored-by: devakesu <61821107+devakesu@users.noreply.github.com>
---
 app/globals.css | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/app/globals.css b/app/globals.css
index b43b852..2d84674 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -8,8 +8,8 @@ html {
   text-rendering: optimizeLegibility;
 }
 
-/* Desktop-only scroll behavior — avoids killing iOS momentum / rubber-band scrolling on touch/hybrid devices */
-@media (pointer: fine) and (not (any-pointer: coarse)) {
+/* Apply smooth scroll on fine-pointer devices (mouse/trackpad) */
+@media (pointer: fine) {
   html {
     scroll-behavior: smooth;
     /* Improve mouse wheel scrolling smoothness */
@@ -18,6 +18,14 @@ html {
   }
 }
 
+/* Reset on any touch/coarse-pointer device (touch screens, hybrids) to preserve iOS momentum / rubber-band scrolling */
+@media (any-pointer: coarse) {
+  html {
+    scroll-behavior: auto;
+    overscroll-behavior-y: auto;
+  }
+}
+
 body {
   /* Enable smooth momentum scrolling on all platforms */
   -webkit-overflow-scrolling: touch;