fix(mobile): add site-affiliate-notice to new pages to fix disclosure overlap

Author: TechStack Global

posts/alienware-aw3423dwf-review.html

@@ -35,7 +35,7 @@
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
   <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&amp;display=swap"
     rel="stylesheet">
-  <link href="../style.css?v=11" rel="stylesheet" />
+  <link href="../style.css?v=15" rel="stylesheet" />
   <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet" />
 
   <!-- Schema Data -->
@@ -118,12 +118,16 @@
       </ul>
     </nav>
   </header>
+  <div id="site-affiliate-notice"
+    style="background:#0f1724;color:#d1d5db;padding:12px 1.25rem;font-size:13px;text-align:center;border-bottom:1px solid rgba(255,255,255,0.05);">
+    <strong>Note:</strong> TechStack Global uses affiliate links we may earn a commission on purchases at no extra
+    cost to you.
+  </div>
 
   <main class="article-container">
     <article class="post-body">
 
-      <div class="affiliate-disclosure"
-        style="background: rgba(43, 45, 49, 0.5); padding: 1rem; border-radius: 8px; margin-bottom: 2rem; font-size: 0.9rem; border-left: 4px solid var(--accent);">
+      <div class="affiliate-disclosure">
         <strong>Affiliate disclosure:</strong> This page contains affiliate links. If you purchase via these links we
         may
         earn a commission at no extra cost to you. This helps support our research and operating costs.

posts/samsung-odyssey-g8-review.html

@@ -35,7 +35,7 @@
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&amp;display=swap"
         rel="stylesheet">
-    <link href="../style.css?v=11" rel="stylesheet" />
+    <link href="../style.css?v=15" rel="stylesheet" />
     <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet" />
 
     <!-- Schema Data -->
@@ -106,12 +106,16 @@
             </ul>
         </nav>
     </header>
+    <div id="site-affiliate-notice"
+        style="background:#0f1724;color:#d1d5db;padding:12px 1.25rem;font-size:13px;text-align:center;border-bottom:1px solid rgba(255,255,255,0.05);">
+        <strong>Note:</strong> TechStack Global uses affiliate links we may earn a commission on purchases at no extra
+        cost to you.
+    </div>
 
     <main class="article-container">
         <article class="post-body">
 
-            <div class="affiliate-disclosure"
-                style="background: rgba(43, 45, 49, 0.5); padding: 1rem; border-radius: 8px; margin-bottom: 2rem; font-size: 0.9rem; border-left: 4px solid var(--accent);">
+            <div class="affiliate-disclosure">
                 <strong>Affiliate disclosure:</strong> This page contains affiliate links. If you purchase via these
                 links we may earn a commission at no extra cost to you. This helps support our research and operating
                 costs.

posts/samsung-odyssey-g8-vs-alienware-aw3423dwf.html

@@ -10,7 +10,7 @@
         name="description" />
     <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&amp;display=swap"
         rel="stylesheet" />
-    <link href="../style.css?v=9" rel="stylesheet" />
+    <link href="../style.css?v=15" rel="stylesheet" />
     <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet" />
     <link href="../assets/icons/favicon-32.png?v=1" rel="icon" sizes="32x32" type="image/png" />
     <link href="https://techstackglobal.github.io/posts/samsung-odyssey-g8-vs-alienware-aw3423dwf.html"
@@ -58,11 +58,15 @@
             </ul>
         </nav>
     </header>
+    <div id="site-affiliate-notice"
+        style="background:#0f1724;color:#d1d5db;padding:12px 1.25rem;font-size:13px;text-align:center;border-bottom:1px solid rgba(255,255,255,0.05);">
+        <strong>Note:</strong> TechStack Global uses affiliate links we may earn a commission on purchases at no extra
+        cost to you.
+    </div>
 
     <main class="article-container">
         <article class="post-body">
-            <div class="affiliate-disclosure"
-                style="background: rgba(43, 45, 49, 0.5); padding: 1rem; border-radius: 8px; margin-bottom: 2rem; font-size: 0.9rem; border-left: 4px solid var(--accent);">
+            <div class="affiliate-disclosure">
                 <strong>Affiliate disclosure:</strong> This comparison contains affiliate links. We may earn a
                 commission on purchases at no extra cost to you.
             </div>

style.css

@@ -862,7 +862,7 @@ img {
 @media (max-width: 600px) {
     .article-container {
         padding: 0 1rem;
-        margin-top: 80px;
+        margin-top: 150px;
         grid-template-columns: 1fr;
     }