From bab7f9af3c02ef299a9c644b2b62898d23b117b4 Mon Sep 17 00:00:00 2001
From: Jarvis Prime <jarvis@openclaw.local>
Date: Tue, 24 Mar 2026 04:37:15 +0000
Subject: [PATCH] Fix product page mobile layout: compatibility, sides,
 features

---
 src/layouts/Base.astro | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/src/layouts/Base.astro b/src/layouts/Base.astro
index d09cce5..6df14cf 100644
--- a/src/layouts/Base.astro
+++ b/src/layouts/Base.astro
@@ -423,6 +423,18 @@ const isHome = currentPath === '/';
       /* Prevent horizontal overflow */
       .d-page { overflow-x: hidden; }
       .d-content-wrap { overflow-x: hidden; }
+      /* Product page content */
+      .compatibility { width: 100% !important; float: none !important; }
+      .features-page .left, .features-page .right { width: 100% !important; float: none !important; }
+      .features-page .sides { width: 100% !important; }
+      .sides .left, .sides .right { width: 100% !important; float: none !important; margin: 0 !important; }
+      .subscription-lists-ct { width: 100% !important; }
+      .featured-item { width: 100% !important; }
+      /* Fix fixed-width elements */
+      div[style*="width"] { max-width: 100% !important; }
+      /* Buttons */
+      .buttons-hp a, .buttons-hp-vertical a { display: block; margin: 5px 0; text-align: center; }
+      a.image-link { display: block; margin: 5px 0; }
     }
     @media (max-width: 480px) {
       h1 { font-size: 1.4em; }