diff --git a/assets/css/main.css b/assets/css/main.css
index 2589d86..9927c2a 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -5049,6 +5049,7 @@ body.is-preload #intro:not(.hidden)+#header+#nav {
     text-align: center;
 }
 
+/* ============== STATUS TEXT ============== */
 .status-text,
 .status-message-green .status-text {
     margin: 20px 0;
@@ -5084,11 +5085,11 @@ body.dark-mode .status-message a:hover {
 body.dark-mode .status-message-green {
     background: rgba(0, 220, 120, 0.18);
     border: 1px solid rgba(0, 255, 140, 0.35);
-    color: #a0ffcc;
+    color: #bff5d8;
 }
 
 body.dark-mode .status-message-green .status-close {
-    color: #a0ffcc;
+    color: #bff5d8;
 }
 
 body.dark-mode .status-message-green .status-close:hover {
@@ -5106,11 +5107,6 @@ body.dark-mode .status-message-green a:hover {
     border-bottom-color: #ffffff;
 }
 
-/* Extra pop in dark mode */
-body.dark-mode .status-message-green .status-text {
-    font-weight: 500;
-}
-
 /* Checkbox row */
 .status-optout {
 	display: inline-flex;
diff --git a/assets/images/webp/products/product-chpt-bk-Ball-Wonders-8-10-02.webp b/assets/images/webp/products/product-chpt-bk-Ball-Wonders-8-10-02.webp
new file mode 100644
index 0000000..4bc1dd0
Binary files /dev/null and b/assets/images/webp/products/product-chpt-bk-Ball-Wonders-8-10-02.webp differ
diff --git a/assets/images/webp/products/product-chpt-bk-Ball-Wonders-8-10-03.webp b/assets/images/webp/products/product-chpt-bk-Ball-Wonders-8-10-03.webp
new file mode 100644
index 0000000..53c2219
Binary files /dev/null and b/assets/images/webp/products/product-chpt-bk-Ball-Wonders-8-10-03.webp differ
diff --git a/game/blinko.html b/game/blinko.html
index 73f3f2e..67739db 100644
--- a/game/blinko.html
+++ b/game/blinko.html
@@ -459,12 +459,12 @@ <h2 class="align-center">Explore Giddy's Universe</h2>
 			<section class="quick-start-section">
 				<article class="quick-start-item quick-start-featured">
 					<span class="image left">
-						<img src="/assets/images/giddyts-shop-products.png" alt="Giddy's Shop Products">
+						<img src="/assets/images/webp/giddys-shop-tile.webp" alt="Giddy's Shop Products">
 					</span>
 
 					<div class="quick-start-content">
 						<h3 class="quick-start-title">Giddy's Shop</h3>
-						<p class="align-center">Coming Soon — Our debut product selection</p>
+						<p class="align-center">Coming Soon — View our debut product selection</p>
 
 						<button class="round-button" onclick="window.location.href='/shop.html'">
 							Visit Now
diff --git a/pages/kinnected.html b/pages/kinnected.html
index 79512e0..3500a9c 100644
--- a/pages/kinnected.html
+++ b/pages/kinnected.html
@@ -99,7 +99,8 @@
 		<!-- Header Subpage-->
 		<header class="header-subpage">
 			<a href="../index.html">
-				<img src="../assets/images/webp/ofid-theme-kinnected-logo-300.webp" alt="Themed Kinnected Logo" class="logo">
+				<img src="../assets/images/webp/ofid-theme-kinnected-logo-300.webp" alt="Themed Kinnected Logo"
+					class="logo">
 			</a>
 		</header>
 
@@ -323,24 +324,28 @@ <h1 class="center-aligned header-tight classy-font">
 						<span class="smaller-heading-bw">By GFDevSoft</span>
 					</h1>
 
-					<!-- Status Message -->
-					<div id="statusMessage" class="status-message">
+					<!-- Status Messages -->
+					<!-- Message 1 - Green -->
+					<div id="statusMessageGreen" class="status-message-green">
 						<div class="status-inner">
-							<button id="statusClose" class="status-close">×</button>
+							<button id="statusCloseGreen" class="status-close">×</button>
 
 							<p class="status-text">
-								Welcome! We're new — and Giddy’s Shop is in development. Meanwhile, watch our
-								<a href="/ofidtales.html#giddys-tv" class="status-link">animated adventures</a> and meet Giddy!
-								We encourage you to read our
-								<a href="/discover.html#article-featured" class="status-link">Solana
-									article</a>
-								for a sneak peek at the future of money — thanks for your patience!
+								Available Now: Kinnected! Messenger / Wallet Early Access Beta.
+								Unlock Digital Gifting in two simple steps —
+								1) <a href="/pages/kinnected.html#footer" class="status-link">Submit</a> your Google
+								Play Email to enroll
+								as a tester.
+								2) Click <a href="https://play.google.com/apps/internaltest/4700831657731436961"
+									class="status-link">here</a> to download.
 							</p>
 
+							<!--
 							<label class="status-optout">
-								<input type="checkbox" id="statusOptOut">
+								<input type="checkbox" id="statusOptOutGreen">
 								<span>Do not show again</span>
 							</label>
+							-->
 						</div>
 					</div>
 
@@ -431,9 +436,22 @@ <h2 class="align-center">Start Exploring</h2>
 							<h3 class="quick-start-title">Digital Gifts</h3>
 							<p class="align-center">Claim Cash!</p>
 
+
+
 							<button class="round-button" onclick="window.location.href='/cashlinks.html'">
 								Check Now
 							</button>
+							<p class="align-center" style="margin-top: 18px; font-size: 0.9rem; opacity: 0.9;">
+								<span style="display: inline-flex; align-items: center; gap: 6px;">
+									<span style="font-weight: 500;">Learn More</span>
+									<span style="font-size: 1rem; opacity: 0.7;">➜</span>
+									<a href="https://kinnected-links.com" class="status-link"
+										style="text-decoration: none; font-weight: 600;">
+										KinnectedLinks
+									</a>
+								</span>
+							</p>
+
 						</div>
 					</article>
 				</section>
@@ -448,8 +466,10 @@ <h3 class="quick-start-title">Digital Gifts</h3>
 
 				<footer>
 					<p class="align-center"> Don't have the Kinnected Wallet?<br />
-						<a href="https://x.com/i/communities/2003204134795956234" target="_blank">Coming Soon — Join for
-							Updates</a>
+						<a href="/pages/kinnected.html#footer" class="status-link">Submit</a> your Google
+						Play Email.</a> <br />Click <a
+							href="https://play.google.com/apps/internaltest/4700831657731436961"
+							class="status-link">here</a> to download.</a>
 					</p>
 				</footer>
 
@@ -618,7 +638,7 @@ <h1 class="footer-left-aligned">
 					<li><a href="https://x.com/theweb3family">The Web3 Family</a></li>
 				</ul>
 			</section>
-		</div>	
+		</div>
 
 		<!-- Link to non-critical JavaScript files -->
 		<script src="../assets/js/browser.min.js"></script>
@@ -628,7 +648,7 @@ <h1 class="footer-left-aligned">
 		<script src="../assets/js/breakpoints.min.js"></script>
 		<script src="../assets/js/main.js"></script>
 		<script src="../assets/js/ofid-main.js"></script>
-		
+
 </body>
 
 </html>
\ No newline at end of file
diff --git a/shop.html b/shop.html
index 824f085..21136b7 100644
--- a/shop.html
+++ b/shop.html
@@ -89,9 +89,12 @@
 	<!-- Meta Language -->
 	<meta http-equiv='content-language' content='en-gb'>
 
-	<!-- Custom Shop Styles (integrated with existing CSS) -->
+	<!-- Custom Shop + Modal Styles -->
+	<!-- Custom Shop + Modal Styles -->
 	<style>
-		/* Adapt to Massively template */
+		/* ============================ */
+		/* SHOP CARDS                   */
+		/* ============================ */
 		.shop-section {
 			padding: 2em 0;
 		}
@@ -102,7 +105,6 @@
 			gap: 2em;
 			margin-bottom: 2em;
 			justify-content: center;
-			/* Centers cards when fewer than full row */
 		}
 
 		.shop-card {
@@ -113,16 +115,20 @@
 			text-align: center;
 			padding: 1em;
 			max-width: 340px;
-			/* Prevents cards from stretching too wide */
 			width: 100%;
 			margin: 0 auto;
 			position: relative;
+			display: flex;
+			flex-direction: column;
+			height: 100%;
 		}
 
 		.shop-card .image-container {
 			padding: 0.75em;
 			position: relative;
 			display: block;
+			overflow: hidden;
+			border-radius: 0.5em;
 		}
 
 		.shop-card img {
@@ -130,29 +136,34 @@
 			height: auto;
 			border-radius: 0.5em;
 			display: block;
+			transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
+		}
+
+		/* Auto Hover Magnifying Effect on Shop Cards */
+		.shop-card:hover img {
+			transform: scale(1.16);
 		}
 
-		/* === NEW: Expand overlay (small transparent image / icon) === */
 		.shop-card .expand-overlay {
 			position: absolute;
 			bottom: 12px;
 			right: 12px;
 			background: rgba(255, 255, 255, 0.85);
 			border-radius: 50%;
-			width: 42px;
-			height: 42px;
+			width: 52px;
+			height: 52px;
 			display: flex;
 			align-items: center;
 			justify-content: center;
 			box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25);
 			cursor: pointer;
-			transition: all 0.2s ease;
+			transition: all 0.3s ease;
 			opacity: 0.9;
 			z-index: 2;
 		}
 
 		.shop-card .expand-overlay:hover {
-			transform: scale(1.12);
+			transform: scale(1.2);
 			opacity: 1;
 			background: rgba(255, 255, 255, 1);
 		}
@@ -162,7 +173,7 @@
 		}
 
 		.shop-card .expand-overlay i {
-			font-size: 1.4rem;
+			font-size: 1.65rem;
 			color: #a855f7;
 		}
 
@@ -179,9 +190,15 @@
 			font-size: 1em;
 			color: var(--accent, #a855f7);
 			display: flex;
+			flex-direction: column;
 			align-items: center;
-			justify-content: center;
-			gap: 0.5em;
+			gap: 0.35em;
+			margin-top: auto;
+			padding-top: 1em;
+		}
+
+		.shop-card .price i {
+			font-size: 1.35em;
 		}
 
 		.shop-card .cart-btn {
@@ -196,7 +213,7 @@
 			align-items: center;
 			justify-content: center;
 			text-align: center;
-			margin: 0.5em auto 0.5em;
+			margin: 0.8em auto 0.5em;
 			width: fit-content;
 			max-width: 100%;
 			gap: 0.5em;
@@ -208,7 +225,7 @@
 			border-color: #334155;
 		}
 
-		/* Existing styles (unchanged) */
+		/* Existing styles */
 		.buy-now {
 			background: rgba(168, 85, 247, 0.8);
 			color: white;
@@ -277,7 +294,7 @@
 			background: rgba(168, 85, 247, 0.8);
 		}
 
-		/* Responsive grid fixes (unchanged) */
+		/* Responsive grid */
 		@media (max-width: 480px) {
 			.shop-grid {
 				grid-template-columns: repeat(2, 1fr);
@@ -377,6 +394,8 @@
 			flex: 1;
 			overflow: hidden;
 			padding: 0 1.5em 1em;
+			position: relative;
+			z-index: 3;
 		}
 
 		.image-scroll {
@@ -388,6 +407,7 @@
 			padding-bottom: 1em;
 			scrollbar-width: thin;
 			scrollbar-color: #a855f7 #f1f1f1;
+			height: 100%;
 		}
 
 		body.dark-mode .image-scroll {
@@ -404,16 +424,17 @@
 
 		.image-slide img {
 			width: auto;
-			max-height: 55vh;
+			max-height: 68vh;
 			object-fit: contain;
 			border-radius: 1em;
 			box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
+			cursor: crosshair;
 		}
 
 		.variable-text {
 			margin-top: 1.25em;
 			text-align: center;
-			font-size: 1.1em;
+			font-size: 1.05em;
 			line-height: 1.5;
 			max-width: 90%;
 			font-style: italic;
@@ -425,9 +446,11 @@
 		}
 
 		.fixed-desc {
-			padding: 1.5em;
+			padding: 1.1em 1.5em;
 			background: #f8f8f8;
 			border-top: 1px solid #e5e5e5;
+			position: relative;
+			z-index: 1;
 		}
 
 		body.dark-mode .fixed-desc {
@@ -436,14 +459,18 @@
 		}
 
 		.fixed-desc h2 {
-			margin: 0 0 0.5em;
-			font-size: 1.5em;
+			margin: 0 0 0.4em;
+			font-size: 1.35em;
 		}
 
 		.fixed-desc .price {
-			font-size: 1.35em;
+			font-size: 1.25em;
 			color: #a855f7;
-			margin-bottom: 1em;
+			margin-bottom: 0.9em;
+			display: flex;
+			flex-direction: column;
+			align-items: center;
+			gap: 0.4em;
 		}
 
 		body.dark-mode .fixed-desc .price {
@@ -451,11 +478,40 @@
 		}
 
 		.fixed-desc p {
-			margin-bottom: 1.5em;
-			line-height: 1.6;
+			margin-bottom: 1.1em;
+			line-height: 1.55;
+			font-size: 0.94em;
+		}
+
+		/* ====================== MAGNIFYING LENS (5x) ====================== */
+		.magnifier-lens {
+			position: fixed;
+			width: 180px;
+			height: 180px;
+			border: 4px solid #a855f7;
+			border-radius: 50%;
+			box-shadow: 0 0 20px rgba(0, 0, 0, 0.6);
+			background: #fff;
+			pointer-events: none;
+			display: none;
+			z-index: 10001;
+			overflow: hidden;
+		}
+
+		body.dark-mode .magnifier-lens {
+			border-color: #c084fc;
+		}
+
+		@media (min-width: 641px) {
+			.fixed-desc {
+				padding: 0.85em 1.5em 1.05em;
+			}
+
+			.image-slide img {
+				max-height: 70vh;
+			}
 		}
 
-		/* Make the whole modal feel premium on mobile */
 		@media (max-width: 640px) {
 			.modal-content {
 				margin: 2vh auto;
@@ -464,7 +520,7 @@
 			}
 
 			.image-slide img {
-				max-height: 35vh;
+				max-height: 42vh;
 			}
 		}
 	</style>
@@ -615,7 +671,7 @@ <h2>Item Catalogue: Collectibles</h2>
 						</div>
 						<button class="cart-btn"><i class="fas fa-shopping-cart"></i> Add to Cart</button>
 						<h3>Chapter Book: Giddy Tales</h3>
-						<div class="price"><i class="fas fa-lightbulb"></i> $25.00 CAD / GIDDY</div>
+						<div class="price"><i class="fas fa-money-bill-wave"></i> $25.00 CAD / GIDDY</div>
 					</div>
 
 					<!-- Product 2 -->
@@ -629,7 +685,7 @@ <h3>Chapter Book: Giddy Tales</h3>
 						</div>
 						<button class="cart-btn"><i class="fas fa-shopping-cart"></i> Add to Cart</button>
 						<h3>Bouncy Balls: Space First Edition</h3>
-						<div class="price"><i class="fas fa-lightbulb"></i> $15.00 CAD / GIDDY</div>
+						<div class="price"><i class="fas fa-money-bill-wave"></i> $15.00 CAD / GIDDY</div>
 					</div>
 
 					<!-- Product 3 -->
@@ -643,7 +699,7 @@ <h3>Bouncy Balls: Space First Edition</h3>
 						</div>
 						<button class="cart-btn"><i class="fas fa-shopping-cart"></i> Add to Cart</button>
 						<h3>Giddy Tee: Teleport</h3>
-						<div class="price"><i class="fas fa-lightbulb"></i> $30.00 CAD / GIDDY</div>
+						<div class="price"><i class="fas fa-money-bill-wave"></i> $30.00 CAD / GIDDY</div>
 					</div>
 
 					<!-- Product 4 -->
@@ -657,7 +713,7 @@ <h3>Giddy Tee: Teleport</h3>
 						</div>
 						<button class="cart-btn"><i class="fas fa-shopping-cart"></i> Add to Cart</button>
 						<h3>Colouring Book: Dinner Time</h3>
-						<div class="price"><i class="fas fa-lightbulb"></i> $10.00 CAD / GIDDY</div>
+						<div class="price"><i class="fas fa-money-bill-wave"></i> $10.00 CAD / GIDDY</div>
 					</div>
 
 				</div>
@@ -715,6 +771,9 @@ <h2>Payment Summary</h2>
 			</div>
 		</div>
 
+		<!-- Magnifying Lens -->
+		<div id="magnifier" class="magnifier-lens"></div>
+
 		<script>
 			document.addEventListener('DOMContentLoaded', function () {
 
@@ -727,8 +786,8 @@ <h2>Payment Summary</h2>
 						previews: [
 							{ src: "/assets/images/webp/products/product-chpt-bk-Ball-Wonders-8-10.webp", text: "Front cover — vibrant and eye-catching" },
 							{ src: "/assets/images/300x300-solana.png", text: "Inside spread with illustrations" },
-							{ src: "/assets/images/300x300-solana.png", text: "Back cover with summary" },
-							{ src: "/assets/images/300x300-solana.png", text: "Includes collectible card" }
+							{ src: "/assets/images/webp/products/product-chpt-bk-Ball-Wonders-8-10-02.webp", text: "Back cover with summary" },
+							{ src: "/assets/images/webp/products/product-chpt-bk-Ball-Wonders-8-10-03.webp", text: "Includes collectible card" }
 						]
 					},
 					2: {
@@ -766,79 +825,119 @@ <h2>Payment Summary</h2>
 					}
 				};
 
-				// ==================== MODAL LOGIC ====================
+				// ==================== MODAL + MAGNIFIER LOGIC ====================
 				const modal = document.getElementById('previewModal');
 				const closeBtn = document.getElementById('closeModal');
 				const scrollContainer = document.getElementById('imageScrollContainer');
 				const fixedDescContainer = document.getElementById('modalFixedDescription');
+				const magnifier = document.getElementById('magnifier');   // ← Make sure this div exists in HTML
 
 				function openPreviewModal(productId) {
 					const product = products[productId];
 					if (!product) return;
 
-					// Build scrollable preview slides (image + variable text)
+					// Clear previous content
+					scrollContainer.innerHTML = '';
+
+					// Build slides
 					let slidesHTML = '';
 					product.previews.forEach(preview => {
 						slidesHTML += `
-							<div class="image-slide">
-								<img src="${preview.src}" alt="${product.title}">
-								<div class="variable-text">${preview.text}</div>
-							</div>
-						`;
+                    <div class="image-slide">
+                        <img src="${preview.src}" alt="${product.title}">
+                        <div class="variable-text">${preview.text}</div>
+                    </div>
+                `;
 					});
 					scrollContainer.innerHTML = slidesHTML;
 
-					// Fixed description at bottom
+					// Fixed description
 					fixedDescContainer.innerHTML = `
-						<h2>${product.title}</h2>
-						<div class="price"><i class="fas fa-lightbulb"></i> ${product.price}</div>
-						<p>${product.fixedDesc}</p>
-						<button class="cart-btn" style="width:100%; max-width:none; margin-top:1em;">
-							<i class="fas fa-shopping-cart"></i> Add to Cart
-						</button>
-					`;
+                <h2>${product.title}</h2>
+                <div class="price"><i class="fas fa-money-bill-wave"></i> ${product.price}</div>
+                <p>${product.fixedDesc}</p>
+                <button class="cart-btn" style="width:100%; max-width:none; margin-top:1em;">
+                    <i class="fas fa-shopping-cart"></i> Add to Cart
+                </button>
+            `;
+
+					// Reset scroll
+					setTimeout(() => {
+						scrollContainer.scrollLeft = 0;
+					}, 10);
+
+					// Attach magnifier to all images
+					setTimeout(() => {
+						const images = scrollContainer.querySelectorAll('.image-slide img');
+						images.forEach(img => {
+							img.addEventListener('mousemove', showMagnifier);
+							img.addEventListener('mouseleave', hideMagnifier);
+						});
+					}, 100);
 
 					modal.style.display = 'block';
-					document.body.style.overflow = 'hidden'; // prevent background scroll
+					document.body.style.overflow = 'hidden';
+				}
+
+				function showMagnifier(e) {
+					const img = e.target;
+					magnifier.style.display = 'block';
+
+					const rect = img.getBoundingClientRect();
+					const x = e.clientX - rect.left;
+					const y = e.clientY - rect.top;
+
+					// Position the lens
+					magnifier.style.left = `${e.clientX - 90}px`;
+					magnifier.style.top = `${e.clientY - 90}px`;
+
+					// 5x zoom
+					const zoom = 5;
+					const bgX = -(x * zoom - 90) + 'px';
+					const bgY = -(y * zoom - 90) + 'px';
+
+					magnifier.style.backgroundImage = `url(${img.src})`;
+					magnifier.style.backgroundPosition = `${bgX} ${bgY}`;
+					magnifier.style.backgroundSize = `${img.width * zoom}px ${img.height * zoom}px`;
+				}
+
+				function hideMagnifier() {
+					magnifier.style.display = 'none';
 				}
 
 				function closeModal() {
 					modal.style.display = 'none';
 					document.body.style.overflow = '';
-					scrollContainer.innerHTML = ''; // clear for next time
+					hideMagnifier();
 				}
 
-				// Close button
+				// Close events
 				closeBtn.addEventListener('click', closeModal);
 
-				// Click outside content area to close
 				modal.addEventListener('click', function (e) {
 					if (e.target === modal) closeModal();
 				});
 
-				// Keyboard escape support
 				document.addEventListener('keydown', function (e) {
 					if (e.key === 'Escape' && modal.style.display === 'block') {
 						closeModal();
 					}
 				});
 
-				// ==================== ATTACH OVERLAY CLICKS ====================
+				// Attach to shop cards
 				const cards = document.querySelectorAll('.shop-card');
 				cards.forEach(card => {
 					const overlay = card.querySelector('.expand-overlay');
 					if (overlay) {
 						overlay.addEventListener('click', (e) => {
-							e.stopPropagation(); // prevent any card click bubbling
+							e.stopPropagation();
 							const productId = card.getAttribute('data-product-id');
-							if (productId) {
-								openPreviewModal(productId);
-							}
+							if (productId) openPreviewModal(productId);
 						});
 					}
 				});
 
-				// Keep your existing token selector and cart scripts
+				// Token selector and cart logic (unchanged)
 				const select = document.getElementById('token-select');
 				const paymentRows = document.querySelectorAll('.payment-summary .payment-row');
 				if (paymentRows.length > 0) {
@@ -856,22 +955,17 @@ <h2>${product.title}</h2>
 					select.addEventListener('change', updateTokenDisplay);
 				}
 
-				// Existing cart alerts (kept)
 				const cartButtons = document.querySelectorAll('.cart-btn');
 				cartButtons.forEach(btn => {
-					btn.addEventListener('click', () => {
-						alert('Item added to cart!');
-					});
+					btn.addEventListener('click', () => alert('Item added to cart!'));
 				});
 
 				const buyNow = document.querySelector('.buy-now');
 				if (buyNow) {
-					buyNow.addEventListener('click', () => {
-						alert('Proceeding to checkout with selected token.');
-					});
+					buyNow.addEventListener('click', () => alert('Proceeding to checkout with selected token.'));
 				}
 
-				console.log('%c✅ Preview modal with scrollable images + fixed description added!', 'color:#a855f7; font-weight:bold');
+				console.log('%c✅ Modal with 5x magnifying lens enabled!', 'color:#a855f7; font-weight:bold');
 			});
 		</script>