diff --git a/attached_assets/image_1772810165930.png b/attached_assets/image_1772810165930.png
new file mode 100644
index 0000000..a1c1b6d
Binary files /dev/null and b/attached_assets/image_1772810165930.png differ
diff --git a/client/src/components/adsense.tsx b/client/src/components/adsense.tsx
index 5dda943..591a344 100644
--- a/client/src/components/adsense.tsx
+++ b/client/src/components/adsense.tsx
@@ -124,26 +124,9 @@ export function MultiplexAd() {
 export function PageSideAds({ contentHalfWidth = 640 }: { contentHalfWidth?: number }) {
   const gap = 10;
   const offset = contentHalfWidth + gap;
-  const [footerVisible, setFooterVisible] = useState(false);
-
-  useEffect(() => {
-    const footer = document.querySelector("footer");
-    if (!footer) return;
-    const observer = new IntersectionObserver(
-      ([entry]) => setFooterVisible(entry.isIntersecting),
-      { threshold: 0 }
-    );
-    observer.observe(footer);
-    return () => observer.disconnect();
-  }, []);
-
   return (
     <div className="relative">
-      <div
-        className="hidden 2xl:flex fixed top-0 bottom-0 w-[160px] z-10 items-center justify-center pointer-events-none transition-opacity duration-300"
-        style={{ left: `calc(50% - ${offset}px - 160px)`, opacity: footerVisible ? 0 : 1 }}
-        data-testid="ad-left-sidebar"
-      >
+      <div className="hidden 2xl:flex fixed top-0 bottom-0 w-[160px] z-10 items-center justify-center pointer-events-none" style={{ left: `calc(50% - ${offset}px - 160px)` }} data-testid="ad-left-sidebar">
         <div className="pointer-events-auto">
           <AdSense
             slot="2398082838"
@@ -152,11 +135,7 @@ export function PageSideAds({ contentHalfWidth = 640 }: { contentHalfWidth?: num
           />
         </div>
       </div>
-      <div
-        className="hidden 2xl:flex fixed top-0 bottom-0 w-[160px] z-10 items-center justify-center pointer-events-none transition-opacity duration-300"
-        style={{ right: `calc(50% - ${offset}px - 160px)`, opacity: footerVisible ? 0 : 1 }}
-        data-testid="ad-right-sidebar"
-      >
+      <div className="hidden 2xl:flex fixed top-0 bottom-0 w-[160px] z-10 items-center justify-center pointer-events-none" style={{ right: `calc(50% - ${offset}px - 160px)` }} data-testid="ad-right-sidebar">
         <div className="pointer-events-auto">
           <AdSense
             slot="2398082838"
diff --git a/client/src/components/footer.tsx b/client/src/components/footer.tsx
index 1847020..acae67f 100644
--- a/client/src/components/footer.tsx
+++ b/client/src/components/footer.tsx
@@ -10,7 +10,7 @@ const SOCIAL_LINKS = [
 
 export default function Footer() {
   return (
-    <footer className="border-t border-border bg-card mt-16 relative z-20" data-testid="footer">
+    <footer className="border-t border-border bg-[hsl(var(--card))] mt-16 relative z-20 isolation-isolate" data-testid="footer">
       <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-10">
         <div className="grid grid-cols-1 md:grid-cols-3 gap-8">
           <div>