From 9e9dd96114604303a3d15d688783101806a4a54d Mon Sep 17 00:00:00 2001
From: alireza <alirezaameria2@gmail.com>
Date: Mon, 1 Jun 2026 10:40:56 +0330
Subject: [PATCH] =?UTF-8?q?Fix=20mobile=20grid=20overrides=20=E2=80=94=20r?=
 =?UTF-8?q?emove=20inline=20gridTemplateColumns=20blocking=20Tailwind=20br?=
 =?UTF-8?q?eakpoints?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/Home/sections/PartnersSection.tsx |  1 +
 src/pages/Home/sections/PlansSection.tsx    | 11 +++--------
 src/pages/Home/sections/RiskSection.tsx     |  1 +
 src/pages/Home/sections/SnapshotBar.tsx     |  6 +-----
 4 files changed, 6 insertions(+), 13 deletions(-)

diff --git a/src/pages/Home/sections/PartnersSection.tsx b/src/pages/Home/sections/PartnersSection.tsx
index e61443e..8fed39a 100644
--- a/src/pages/Home/sections/PartnersSection.tsx
+++ b/src/pages/Home/sections/PartnersSection.tsx
@@ -117,6 +117,7 @@ export default function PartnersSection() {
     >
       <div className="max-w-7xl mx-auto px-12 pt-24 pb-20 max-md:px-5 max-md:pt-16 max-md:pb-14">
         <div
+          className="max-md:grid-cols-1"
           style={{
             display:        'grid',
             gridTemplateColumns: '1fr auto',
diff --git a/src/pages/Home/sections/PlansSection.tsx b/src/pages/Home/sections/PlansSection.tsx
index 584c557..3dab0c2 100644
--- a/src/pages/Home/sections/PlansSection.tsx
+++ b/src/pages/Home/sections/PlansSection.tsx
@@ -211,11 +211,10 @@ function EnterpriseCard() {
         background:          'var(--paper)',
         padding:             '28px 32px',
         display:             'grid',
-        gridTemplateColumns: '1fr 1fr',
         gap:                 '32px',
         alignItems:          'start',
       }}
-      className="mq-stack max-md:grid-cols-1 max-md:gap-6 max-md:p-6"
+      className="grid grid-cols-2 max-md:grid-cols-1 max-md:gap-6 max-md:p-6"
     >
       {/* Left: description */}
       <div>
@@ -260,12 +259,8 @@ function EnterpriseCard() {
 
       {/* Right: feature grid */}
       <div
-        className="mq-stack"
-        style={{
-          display:             'grid',
-          gridTemplateColumns: '1fr 1fr',
-          gap:                 '8px 18px',
-        }}
+        className="grid grid-cols-2 max-sm:grid-cols-1"
+        style={{ gap: '8px 18px' }}
       >
         {enterpriseFeatures.map(f => (
           <div key={f} style={{ display: 'flex', alignItems: 'center', gap: 7 }}>
diff --git a/src/pages/Home/sections/RiskSection.tsx b/src/pages/Home/sections/RiskSection.tsx
index 45dbe1f..406a22b 100644
--- a/src/pages/Home/sections/RiskSection.tsx
+++ b/src/pages/Home/sections/RiskSection.tsx
@@ -189,6 +189,7 @@ export default function RiskSection() {
       {/* ── Editorial header ── */}
       <div className="max-w-7xl mx-auto px-12 pt-24 max-md:px-5 max-md:pt-16">
         <div
+          className="max-md:grid-cols-1"
           style={{
             display: 'grid',
             gridTemplateColumns: '1fr auto',
diff --git a/src/pages/Home/sections/SnapshotBar.tsx b/src/pages/Home/sections/SnapshotBar.tsx
index 4478b3b..4bb91a5 100644
--- a/src/pages/Home/sections/SnapshotBar.tsx
+++ b/src/pages/Home/sections/SnapshotBar.tsx
@@ -12,11 +12,7 @@ export default function SnapshotBar() {
       }}
     >
       <div
-        style={{
-          display: 'grid',
-          gridTemplateColumns: 'repeat(4, 1fr)',
-        }}
-        className="mq-stack-2 max-w-7xl mx-auto w-full px-12 max-md:px-6 max-md:grid-cols-2"
+        className="grid grid-cols-4 max-md:grid-cols-2 max-w-7xl mx-auto w-full px-12 max-md:px-6"
       >
         {prices.map((price, idx) => {
           const isLast = idx === prices.length - 1