From e8992e5f5d2ca0c2fbe95cd089dbc4577114bed4 Mon Sep 17 00:00:00 2001
From: morganvenable <venable@gmail.com>
Date: Tue, 20 Oct 2026 09:33:00 -0700
Subject: [PATCH] Build guide: drop the 44 mm red trackball from optional items

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_012ePhiApV6LQcH1sdfSp2aR
---
 src/components/StoreItems.astro | 8 +-------
 src/styles/custom.css           | 8 --------
 2 files changed, 1 insertion(+), 15 deletions(-)

diff --git a/src/components/StoreItems.astro b/src/components/StoreItems.astro
index 41189b9..f58e2d7 100644
--- a/src/components/StoreItems.astro
+++ b/src/components/StoreItems.astro
@@ -17,24 +17,18 @@ const store = 'https://svalboard.com/products/';
 const items = [
 	{ name: '52 mm pearl trackball', href: store + 'svalboard-52mm-pearl-trackball', img: pearl, alt: 'Four 52 mm pearl trackballs: blue, purple, white and black.' },
 	{ name: '44 mm shiny black trackball', href: store + '44mm-shiny-black-trackball', img: black, alt: 'A 44 mm shiny black trackball.' },
-	{ name: '44 mm red trackball', href: store + '44mm-red-trackball', img: null, alt: '' },
 	{ name: 'Squishy palms', href: store + 'squishy-palmrests', img: palms, alt: 'A pair of black squishy palm rests with a fabric top.' },
 	{ name: 'Pitch towers', href: store + 'pitch-towers', img: towers, alt: 'A full set of sandblasted stainless pitch towers.' },
 	{ name: 'Carrier plates', href: store + 'carrier-plates', img: plates, alt: 'A pair of black anodized aluminum carrier plates.' },
 ];
 ---
 
-{/* VERIFY: the 44 mm red trackball has no photo on its store page, so its tile shows a drawn red ball. Use a real photo when one is on the store. */}
 <ul class={`store-items store-items--${layout}`} role="list">
 	{items.map((item) => (
 		<li>
 			<a class="store-item" href={item.href}>
 				<span class="store-item-pic">
-					{item.img ? (
-						<Image src={item.img} alt={item.alt} widths={[160, 240, 360, 480]} sizes={layout === 'grid' ? '(min-width: 40rem) 8rem, 30vw' : '4rem'} />
-					) : (
-						<span class="store-item-ball" role="img" aria-label="A red trackball." />
-					)}
+					<Image src={item.img} alt={item.alt} widths={[160, 240, 360, 480]} sizes={layout === 'grid' ? '(min-width: 40rem) 8rem, 30vw' : '4rem'} />
 				</span>
 				<span class="store-item-name">{item.name}</span>
 			</a>
diff --git a/src/styles/custom.css b/src/styles/custom.css
index 2c1aa04..2a28fa8 100644
--- a/src/styles/custom.css
+++ b/src/styles/custom.css
@@ -310,14 +310,6 @@
 	margin: 0;
 	object-fit: cover;
 }
-.sl-markdown-content .store-item-ball {
-	display: block;
-	width: 48%;
-	aspect-ratio: 1;
-	margin: 13% auto 0;
-	border-radius: 50%;
-	background: radial-gradient(circle at 35% 30%, #f27a6f 0%, #c8261c 45%, #7c120c 100%);
-}
 /* A: a compact grid of small cards, picture above the name. */
 .sl-markdown-content .store-items--grid {
 	grid-template-columns: repeat(3, minmax(0, 1fr));