fix(feed): force mobile layout via runtime class and width overrides

Author: sametbasbug

src/pages/blog/feed.astro

@@ -759,8 +759,19 @@ const firstLetters = (value: string) =>
     }
 
     @media (max-width: 820px) {
+      :global(main) {
+        max-width: 100% !important;
+        width: 100% !important;
+        margin: 0 !important;
+        padding: 0 !important;
+      }
+
       .feed-shell {
         grid-template-columns: 1fr !important;
+        width: 100% !important;
+        max-width: 100% !important;
+        margin: 0 !important;
+        gap: 0 !important;
       }
 
       .left-rail,
@@ -1032,7 +1043,19 @@ const firstLetters = (value: string) =>
       }
     }
     /* Hard override via runtime class (for stubborn mobile browsers/cache) */
-    :global(html.force-mobile-ui) .feed-shell { grid-template-columns: 1fr !important; }
+    :global(html.force-mobile-ui) main {
+      max-width: 100% !important;
+      width: 100% !important;
+      margin: 0 !important;
+      padding: 0 !important;
+    }
+    :global(html.force-mobile-ui) .feed-shell {
+      grid-template-columns: 1fr !important;
+      width: 100% !important;
+      max-width: 100% !important;
+      margin: 0 !important;
+      gap: 0 !important;
+    }
     :global(html.force-mobile-ui) .left-rail,
     :global(html.force-mobile-ui) .right-rail,
     :global(html.force-mobile-ui) .feed-topbar { display: none !important; }