diff --git a/src/WidgetWorks.Infrastructure/Seeding/DbSeeder.cs b/src/WidgetWorks.Infrastructure/Seeding/DbSeeder.cs
index 2d4f022..a0c527a 100644
--- a/src/WidgetWorks.Infrastructure/Seeding/DbSeeder.cs
+++ b/src/WidgetWorks.Infrastructure/Seeding/DbSeeder.cs
@@ -29,11 +29,31 @@ public sealed class DbSeeder(IDbConnectionFactory factory, IPasswordHasher hashe
 {
     private static readonly (string Sku, string Name, string Description, decimal Price, int OnHand)[] DemoWidgets =
     [
-        ("WW-001", "Standard Widget", "The dependable everyday widget.", 9.99m, 250),
-        ("WW-002", "Deluxe Widget", "Premium finish with a reinforced housing.", 24.99m, 120),
-        ("WW-003", "Mega Widget", "Oversized widget for heavy-duty jobs.", 49.99m, 60),
-        ("WW-004", "Mini Widget", "Compact widget for tight spaces.", 4.99m, 500),
-        ("WW-005", "Widget Pro Kit", "Bundle of assorted widgets and accessories.", 79.99m, 40),
+        ("WW-001", "Standard Widget Block", "The dependable everyday widget.", 9.99m, 250),
+        ("WW-002", "Standard Widget Rotary", "Dial-adjustable everyday widget.", 11.49m, 220),
+        ("WW-003", "Standard Widget Valve", "Inline everyday widget with twin ports.", 12.99m, 180),
+        ("WW-004", "Standard Widget Hub", "Four-port everyday widget.", 13.99m, 160),
+        ("WW-005", "Standard Widget Turbine", "Ventilated everyday widget.", 14.99m, 140),
+        ("WW-006", "Deluxe Widget Block", "Premium finish with a reinforced housing.", 24.99m, 120),
+        ("WW-007", "Deluxe Widget Rotary", "Premium dial with a gold-plated pointer.", 27.49m, 110),
+        ("WW-008", "Deluxe Widget Valve", "Premium inline widget, machined ports.", 29.99m, 90),
+        ("WW-009", "Deluxe Widget Hub", "Premium four-port widget, gold contacts.", 32.99m, 80),
+        ("WW-010", "Deluxe Widget Turbine", "Premium ventilated widget, balanced rotor.", 34.99m, 70),
+        ("WW-011", "Mega Widget Block", "Oversized widget for heavy-duty jobs.", 49.99m, 60),
+        ("WW-012", "Mega Widget Rotary", "Oversized dial widget for heavy-duty jobs.", 54.49m, 55),
+        ("WW-013", "Mega Widget Valve", "Oversized inline widget, high-flow ports.", 59.99m, 45),
+        ("WW-014", "Mega Widget Hub", "Oversized four-port widget for busy lines.", 64.99m, 40),
+        ("WW-015", "Mega Widget Turbine", "Oversized ventilated widget, high throughput.", 69.99m, 35),
+        ("WW-016", "Mini Widget Block", "Compact widget for tight spaces.", 4.99m, 500),
+        ("WW-017", "Mini Widget Rotary", "Compact dial widget for tight spaces.", 5.99m, 460),
+        ("WW-018", "Mini Widget Valve", "Compact inline widget, low-flow ports.", 6.49m, 420),
+        ("WW-019", "Mini Widget Hub", "Compact four-port widget for tight spaces.", 7.49m, 380),
+        ("WW-020", "Mini Widget Turbine", "Compact ventilated widget, quiet running.", 8.49m, 340),
+        ("WW-021", "Widget Pro Kit", "Bundle of assorted widgets and accessories.", 79.99m, 40),
+        ("WW-022", "Widget Starter Kit", "Open-tray bundle for a first build.", 39.99m, 90),
+        ("WW-023", "Widget Builder Kit", "Three-drawer cabinet of sorted widgets.", 99.99m, 30),
+        ("WW-024", "Widget Travel Kit", "Soft-sided bundle for work away from the bench.", 49.99m, 60),
+        ("WW-025", "Widget Master Kit", "Two-case bundle covering the full range.", 149.99m, 20),
     ];
 
     public async Task SeedAsync(SeedOptions options, CancellationToken ct)
diff --git a/tests/WidgetWorks.IntegrationTests/SeederAndMigrationTests.cs b/tests/WidgetWorks.IntegrationTests/SeederAndMigrationTests.cs
index 81d5846..c22b744 100644
--- a/tests/WidgetWorks.IntegrationTests/SeederAndMigrationTests.cs
+++ b/tests/WidgetWorks.IntegrationTests/SeederAndMigrationTests.cs
@@ -107,13 +107,15 @@ public async Task Seeding_stocks_the_demo_catalog_and_repeats_safely()
         await Seeder.SeedAsync(Options(Guid.NewGuid().ToString("N")[..8]), CancellationToken.None);
 
         var standard = await widgets.GetBySkuAsync("WW-001", CancellationToken.None);
-        Assert.Equal("Standard Widget", standard!.Name);
+        Assert.Equal("Standard Widget Block", standard!.Name);
         Assert.Equal(9.99m, standard.Price);
 
         await Seeder.SeedAsync(Options(Guid.NewGuid().ToString("N")[..8]), CancellationToken.None);
 
-        // Still one row per SKU after a second run.
-        Assert.Equal(1, await widgets.CountAsync(new WidgetQuery("Standard Widget", true, 1, 50), CancellationToken.None));
+        // Still one row per SKU after a second run. The search has to name a whole
+        // product: each department seeds five widgets, so "Standard Widget" on its own
+        // now matches all five of them.
+        Assert.Equal(1, await widgets.CountAsync(new WidgetQuery("Standard Widget Block", true, 1, 50), CancellationToken.None));
     }
 
     [Fact]
diff --git a/web/public/products/widget.svg b/web/public/products/widget.svg
index 83aed71..dfaf001 100644
--- a/web/public/products/widget.svg
+++ b/web/public/products/widget.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 150"><defs><linearGradient id="ga" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#94A3B8"/><stop offset="1" stop-color="#64748B"/></linearGradient></defs><circle cx="100" cy="72" r="52" fill="#EEF1F5"/><ellipse cx="100" cy="128" rx="46" ry="7" fill="#1e2430" opacity=".08"/><g transform="translate(100 72) scale(2.05) translate(-24 -24)"><g fill="url(#ga)"><rect x="20.5" y="3" width="7" height="42" rx="3.5"/><rect x="20.5" y="3" width="7" height="42" rx="3.5" transform="rotate(45 24 24)"/><rect x="20.5" y="3" width="7" height="42" rx="3.5" transform="rotate(90 24 24)"/><rect x="20.5" y="3" width="7" height="42" rx="3.5" transform="rotate(135 24 24)"/><circle cx="24" cy="24" r="13"/></g><circle cx="24" cy="24" r="6.5" fill="#fff"/></g></svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 150"><defs><linearGradient id="G" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#94A3B8"/><stop offset="1" stop-color="#64748B"/></linearGradient></defs><circle cx="100" cy="68" r="52" fill="#EEF1F5"/><ellipse cx="100" cy="128" rx="46" ry="7" fill="#1e2430" opacity=".08"/><rect x="66" y="90" width="13" height="9" rx="4" fill="#475569"/><rect x="120" y="90" width="13" height="9" rx="4" fill="#475569"/><rect x="58" y="30" width="84" height="66" rx="15" fill="url(#G)"/><rect x="64" y="36" width="72" height="24" rx="9" fill="#fff" opacity=".16"/><g fill="#fff"><rect x="96.6" y="44.0" width="6.9" height="40.0" rx="3.4" transform="rotate(0 100 64)"/><rect x="96.6" y="44.0" width="6.9" height="40.0" rx="3.4" transform="rotate(45 100 64)"/><rect x="96.6" y="44.0" width="6.9" height="40.0" rx="3.4" transform="rotate(90 100 64)"/><rect x="96.6" y="44.0" width="6.9" height="40.0" rx="3.4" transform="rotate(135 100 64)"/><circle cx="100" cy="64" r="13.2"/></g><circle cx="100" cy="64" r="7.2" fill="#475569"/><circle cx="128.0" cy="42" r="3.4" fill="#86EFAC"/><circle cx="117.5" cy="42" r="3.4" fill="rgba(255,255,255,.7)"/></svg>
diff --git a/web/public/products/ww-001.svg b/web/public/products/ww-001.svg
index fb98253..d20f347 100644
--- a/web/public/products/ww-001.svg
+++ b/web/public/products/ww-001.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 150"><defs><linearGradient id="ga" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#5EA0F8"/><stop offset="1" stop-color="#2563EB"/></linearGradient></defs><circle cx="100" cy="72" r="52" fill="#EAF2FE"/><ellipse cx="100" cy="128" rx="46" ry="7" fill="#1e2430" opacity=".08"/><g transform="translate(100 72) scale(2.05) translate(-24 -24)"><g fill="url(#ga)"><rect x="20.5" y="3" width="7" height="42" rx="3.5"/><rect x="20.5" y="3" width="7" height="42" rx="3.5" transform="rotate(45 24 24)"/><rect x="20.5" y="3" width="7" height="42" rx="3.5" transform="rotate(90 24 24)"/><rect x="20.5" y="3" width="7" height="42" rx="3.5" transform="rotate(135 24 24)"/><circle cx="24" cy="24" r="13"/></g><circle cx="24" cy="24" r="6.5" fill="#fff"/><circle cx="18" cy="15" r="2.2" fill="#fff" opacity=".55"/></g></svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 150"><defs><linearGradient id="G" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#5EA0F8"/><stop offset="1" stop-color="#2563EB"/></linearGradient></defs><circle cx="100" cy="68" r="52" fill="#EAF2FE"/><ellipse cx="100" cy="128" rx="46" ry="7" fill="#1e2430" opacity=".08"/><rect x="66" y="90" width="13" height="9" rx="4" fill="#1D4ED8"/><rect x="120" y="90" width="13" height="9" rx="4" fill="#1D4ED8"/><rect x="58" y="30" width="84" height="66" rx="15" fill="url(#G)"/><rect x="64" y="36" width="72" height="24" rx="9" fill="#fff" opacity=".16"/><g fill="#fff"><rect x="96.6" y="44.0" width="6.9" height="40.0" rx="3.4" transform="rotate(0 100 64)"/><rect x="96.6" y="44.0" width="6.9" height="40.0" rx="3.4" transform="rotate(45 100 64)"/><rect x="96.6" y="44.0" width="6.9" height="40.0" rx="3.4" transform="rotate(90 100 64)"/><rect x="96.6" y="44.0" width="6.9" height="40.0" rx="3.4" transform="rotate(135 100 64)"/><circle cx="100" cy="64" r="13.2"/></g><circle cx="100" cy="64" r="7.2" fill="#1D4ED8"/><circle cx="128.0" cy="42" r="3.4" fill="#86EFAC"/><circle cx="117.5" cy="42" r="3.4" fill="rgba(255,255,255,.7)"/></svg>
diff --git a/web/public/products/ww-002.svg b/web/public/products/ww-002.svg
index 8e4c29d..de7640a 100644
--- a/web/public/products/ww-002.svg
+++ b/web/public/products/ww-002.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 150"><defs><linearGradient id="ga" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#FB7185"/><stop offset="1" stop-color="#E8336E"/></linearGradient></defs><circle cx="100" cy="72" r="52" fill="#FDEDF2"/><ellipse cx="100" cy="128" rx="42" ry="7" fill="#1e2430" opacity=".08"/><g transform="translate(100 74) scale(2.0) translate(-24 -24)"><path fill="url(#ga)" d="M14.6 8h18.8c1 0 2 .45 2.6 1.2l6.9 8.1c1.1 1.3 1.1 3.2 0 4.5L26.6 41.2c-1.35 1.55-3.85 1.55-5.2 0L5.1 21.8c-1.1-1.3-1.1-3.2 0-4.5L12 9.2c.6-.75 1.6-1.2 2.6-1.2z"/><polygon points="9,19.6 39,19.6 33.2,10.4 14.8,10.4" fill="#FDA4AF" opacity=".65"/><polygon points="16.5,19.6 31.5,19.6 24,37.5" fill="#fff" opacity=".22"/><circle cx="15.5" cy="14.8" r="1.9" fill="#fff" opacity=".85"/></g><path fill="#FB7185" d="M152 30c1 5.4 2.2 6.6 7.6 7.6-5.4 1-6.6 2.2-7.6 7.6-1-5.4-2.2-6.6-7.6-7.6 5.4-1 6.6-2.2 7.6-7.6z"/><path fill="#FDA4AF" d="M46 26c.7 3.8 1.5 4.6 5.3 5.3-3.8.7-4.6 1.5-5.3 5.3-.7-3.8-1.5-4.6-5.3-5.3 3.8-.7 4.6-1.5 5.3-5.3z"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 150"><defs><linearGradient id="G" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#5EA0F8"/><stop offset="1" stop-color="#2563EB"/></linearGradient></defs><circle cx="100" cy="68" r="52" fill="#EAF2FE"/><ellipse cx="100" cy="128" rx="46" ry="7" fill="#1e2430" opacity=".08"/><rect x="76" y="98" width="12" height="9" rx="4" fill="#1D4ED8"/><rect x="112" y="98" width="12" height="9" rx="4" fill="#1D4ED8"/><circle cx="100" cy="64" r="42" fill="url(#G)"/><circle cx="100" cy="64" r="34" fill="#fff"/><line x1="74.0" y1="79.0" x2="78.3" y2="76.5" stroke="#1D4ED8" stroke-width="2.4" stroke-linecap="round" opacity=".65"/><line x1="70.0" y1="64.0" x2="75.0" y2="64.0" stroke="#1D4ED8" stroke-width="2.4" stroke-linecap="round" opacity=".65"/><line x1="74.0" y1="49.0" x2="78.3" y2="51.5" stroke="#1D4ED8" stroke-width="2.4" stroke-linecap="round" opacity=".65"/><line x1="85.0" y1="38.0" x2="87.5" y2="42.3" stroke="#1D4ED8" stroke-width="2.4" stroke-linecap="round" opacity=".65"/><line x1="100.0" y1="34.0" x2="100.0" y2="39.0" stroke="#1D4ED8" stroke-width="2.4" stroke-linecap="round" opacity=".65"/><line x1="115.0" y1="38.0" x2="112.5" y2="42.3" stroke="#1D4ED8" stroke-width="2.4" stroke-linecap="round" opacity=".65"/><line x1="126.0" y1="49.0" x2="121.7" y2="51.5" stroke="#1D4ED8" stroke-width="2.4" stroke-linecap="round" opacity=".65"/><line x1="130.0" y1="64.0" x2="125.0" y2="64.0" stroke="#1D4ED8" stroke-width="2.4" stroke-linecap="round" opacity=".65"/><line x1="126.0" y1="79.0" x2="121.7" y2="76.5" stroke="#1D4ED8" stroke-width="2.4" stroke-linecap="round" opacity=".65"/><line x1="100" y1="64" x2="112.6" y2="46.0" stroke="#1D4ED8" stroke-width="4" stroke-linecap="round"/><circle cx="100" cy="64" r="5.5" fill="#1D4ED8"/><circle cx="100" cy="30" r="3.4" fill="#86EFAC"/></svg>
diff --git a/web/public/products/ww-003.svg b/web/public/products/ww-003.svg
index 1fc1560..14ed72c 100644
--- a/web/public/products/ww-003.svg
+++ b/web/public/products/ww-003.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 150"><defs><linearGradient id="ga" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#FDE68A"/><stop offset="1" stop-color="#FBBF24"/></linearGradient><linearGradient id="gb" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#F59E0B"/><stop offset="1" stop-color="#DC8A06"/></linearGradient><linearGradient id="gc" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#D97706"/><stop offset="1" stop-color="#B45309"/></linearGradient></defs><circle cx="100" cy="72" r="52" fill="#FDF3E0"/><ellipse cx="96" cy="130" rx="56" ry="7.5" fill="#1e2430" opacity=".08"/><g transform="translate(88 70) scale(2.35) translate(-24 -24)"><polygon points="24,4.5 43,13.5 24,22.5 5,13.5" fill="url(#ga)"/><polygon points="5,13.5 24,22.5 24,43.5 5,34.5" fill="url(#gb)"/><polygon points="43,13.5 24,22.5 24,43.5 43,34.5" fill="url(#gc)"/><path d="M9.5 31.5 l5 -3.8 5 3.8 M9.5 38 l5 -3.8 5 3.8" fill="none" stroke="#fff" stroke-width="2.8" stroke-linecap="round" stroke-linejoin="round"/></g><g transform="translate(163 108) scale(0.85) translate(-24 -24)"><polygon points="24,4.5 43,13.5 24,22.5 5,13.5" fill="url(#ga)"/><polygon points="5,13.5 24,22.5 24,43.5 5,34.5" fill="url(#gb)"/><polygon points="43,13.5 24,22.5 24,43.5 43,34.5" fill="url(#gc)"/></g></svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 150"><defs><linearGradient id="G" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#5EA0F8"/><stop offset="1" stop-color="#2563EB"/></linearGradient></defs><circle cx="100" cy="68" r="52" fill="#EAF2FE"/><ellipse cx="100" cy="128" rx="46" ry="7" fill="#1e2430" opacity=".08"/><rect x="18" y="56" width="30" height="26" rx="6" fill="#1D4ED8"/><rect x="152" y="56" width="30" height="26" rx="6" fill="#1D4ED8"/><rect x="40" y="62" width="120" height="14" rx="6" fill="#2563EB"/><rect x="64" y="44" width="72" height="52" rx="14" fill="url(#G)"/><rect x="70" y="50" width="60" height="16" rx="7" fill="#fff" opacity=".16"/><line x1="100" y1="44" x2="100" y2="32" stroke="#1D4ED8" stroke-width="5" stroke-linecap="round"/><circle cx="100" cy="24" r="16" fill="none" stroke="#1D4ED8" stroke-width="5.5"/><line x1="84" y1="24" x2="116" y2="24" stroke="#1D4ED8" stroke-width="4" stroke-linecap="round"/><line x1="100" y1="8" x2="100" y2="40" stroke="#1D4ED8" stroke-width="4" stroke-linecap="round"/><circle cx="100" cy="74" r="8" fill="#fff" opacity=".85"/></svg>
diff --git a/web/public/products/ww-004.svg b/web/public/products/ww-004.svg
index 10693cb..880a1d9 100644
--- a/web/public/products/ww-004.svg
+++ b/web/public/products/ww-004.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 150"><defs><linearGradient id="ga" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#99F6E4"/><stop offset="1" stop-color="#5EEAD4"/></linearGradient><linearGradient id="gb" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#2DD4BF"/><stop offset="1" stop-color="#14B8A6"/></linearGradient><linearGradient id="gc" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#14B8A6"/><stop offset="1" stop-color="#0D9488"/></linearGradient></defs><circle cx="100" cy="72" r="52" fill="#E4FAF5"/><ellipse cx="100" cy="126" rx="34" ry="6" fill="#1e2430" opacity=".08"/><rect x="42" y="14" width="116" height="116" rx="24" fill="none" stroke="#99F6E4" stroke-width="6" stroke-dasharray="16 14" stroke-linecap="round"/><g transform="translate(100 78) scale(1.55) translate(-27 -26.5)"><polygon points="27,16.5 36.5,21 27,25.5 17.5,21" fill="url(#ga)"/><polygon points="17.5,21 27,25.5 27,36 17.5,31.5" fill="url(#gb)"/><polygon points="36.5,21 27,25.5 27,36 36.5,31.5" fill="url(#gc)"/></g></svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 150"><defs><linearGradient id="G" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#5EA0F8"/><stop offset="1" stop-color="#2563EB"/></linearGradient></defs><circle cx="100" cy="68" r="52" fill="#EAF2FE"/><ellipse cx="100" cy="128" rx="46" ry="7" fill="#1e2430" opacity=".08"/><rect x="52" y="54" width="18" height="22" rx="5" fill="#1D4ED8"/><rect x="130" y="54" width="18" height="22" rx="5" fill="#1D4ED8"/><rect x="89" y="18" width="22" height="18" rx="5" fill="#1D4ED8"/><rect x="89" y="94" width="22" height="18" rx="5" fill="#1D4ED8"/><rect x="64" y="30" width="72" height="70" rx="18" fill="url(#G)"/><g fill="#fff"><rect x="97.1" y="48.0" width="5.8" height="34.0" rx="2.9" transform="rotate(0 100 65)"/><rect x="97.1" y="48.0" width="5.8" height="34.0" rx="2.9" transform="rotate(45 100 65)"/><rect x="97.1" y="48.0" width="5.8" height="34.0" rx="2.9" transform="rotate(90 100 65)"/><rect x="97.1" y="48.0" width="5.8" height="34.0" rx="2.9" transform="rotate(135 100 65)"/><circle cx="100" cy="65" r="11.2"/></g><circle cx="100" cy="65" r="6.1" fill="#1D4ED8"/><circle cx="78" cy="42" r="3.2" fill="#fff" opacity=".75"/><circle cx="122" cy="42" r="3.2" fill="#fff" opacity=".75"/><circle cx="78" cy="88" r="3.2" fill="#fff" opacity=".75"/><circle cx="122" cy="88" r="3.2" fill="#fff" opacity=".75"/></svg>
diff --git a/web/public/products/ww-005.svg b/web/public/products/ww-005.svg
index acd6690..1b87fa5 100644
--- a/web/public/products/ww-005.svg
+++ b/web/public/products/ww-005.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 150"><defs><linearGradient id="ga" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#A78BFA"/><stop offset="1" stop-color="#7C3AED"/></linearGradient><linearGradient id="gd" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#5EA0F8"/><stop offset="1" stop-color="#2563EB"/></linearGradient><linearGradient id="ge" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#99F6E4"/><stop offset="1" stop-color="#5EEAD4"/></linearGradient><linearGradient id="gf" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#2DD4BF"/><stop offset="1" stop-color="#14B8A6"/></linearGradient><linearGradient id="gg" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#14B8A6"/><stop offset="1" stop-color="#0D9488"/></linearGradient></defs><circle cx="100" cy="72" r="52" fill="#F1ECFD"/><ellipse cx="100" cy="130" rx="58" ry="7.5" fill="#1e2430" opacity=".08"/><g transform="translate(96 76) scale(2.1) translate(-24 -26)"><path d="M15.5 18.5v-2.2a3.6 3.6 0 0 1 3.6-3.6h9.8a3.6 3.6 0 0 1 3.6 3.6v2.2" fill="none" stroke="#7C3AED" stroke-width="3.6" stroke-linecap="round"/><rect x="4" y="18.5" width="40" height="23" rx="5.5" fill="url(#ga)"/><path d="M4 29h40" stroke="#6D28D9" stroke-width="2.6" opacity=".65"/><rect x="20" y="25.2" width="8" height="7.6" rx="2" fill="#fff"/><rect x="8.5" y="34.5" width="9" height="3.4" rx="1.7" fill="#fff" opacity=".38"/><rect x="30.5" y="34.5" width="9" height="3.4" rx="1.7" fill="#fff" opacity=".38"/></g><g transform="translate(38 106) scale(0.72) translate(-24 -24)"><g fill="url(#gd)"><rect x="20.5" y="3" width="7" height="42" rx="3.5"/><rect x="20.5" y="3" width="7" height="42" rx="3.5" transform="rotate(45 24 24)"/><rect x="20.5" y="3" width="7" height="42" rx="3.5" transform="rotate(90 24 24)"/><rect x="20.5" y="3" width="7" height="42" rx="3.5" transform="rotate(135 24 24)"/><circle cx="24" cy="24" r="13"/></g><circle cx="24" cy="24" r="6.5" fill="#fff"/></g><g transform="translate(166 110) scale(0.8) translate(-27 -26.5)"><polygon points="27,16.5 36.5,21 27,25.5 17.5,21" fill="url(#ge)"/><polygon points="17.5,21 27,25.5 27,36 17.5,31.5" fill="url(#gf)"/><polygon points="36.5,21 27,25.5 27,36 36.5,31.5" fill="url(#gg)"/></g></svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 150"><defs><linearGradient id="G" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#5EA0F8"/><stop offset="1" stop-color="#2563EB"/></linearGradient></defs><circle cx="100" cy="68" r="52" fill="#EAF2FE"/><ellipse cx="100" cy="128" rx="46" ry="7" fill="#1e2430" opacity=".08"/><rect x="74" y="100" width="12" height="9" rx="4" fill="#1D4ED8"/><rect x="114" y="100" width="12" height="9" rx="4" fill="#1D4ED8"/><circle cx="100" cy="64" r="42" fill="url(#G)"/><circle cx="100" cy="64" r="35" fill="#fff" opacity=".14"/><ellipse cx="100" cy="45" rx="9.5" ry="19" fill="#fff" opacity=".92" transform="rotate(0 100 64)"/><ellipse cx="100" cy="45" rx="9.5" ry="19" fill="#fff" opacity=".92" transform="rotate(72 100 64)"/><ellipse cx="100" cy="45" rx="9.5" ry="19" fill="#fff" opacity=".92" transform="rotate(144 100 64)"/><ellipse cx="100" cy="45" rx="9.5" ry="19" fill="#fff" opacity=".92" transform="rotate(216 100 64)"/><ellipse cx="100" cy="45" rx="9.5" ry="19" fill="#fff" opacity=".92" transform="rotate(288 100 64)"/><circle cx="100" cy="64" r="9" fill="#1D4ED8"/><circle cx="100" cy="64" r="3.5" fill="#fff"/></svg>
diff --git a/web/public/products/ww-006.svg b/web/public/products/ww-006.svg
new file mode 100644
index 0000000..c661575
--- /dev/null
+++ b/web/public/products/ww-006.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 150"><defs><linearGradient id="G" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#FB7185"/><stop offset="1" stop-color="#E8336E"/></linearGradient><linearGradient id="GG" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#FDE68A"/><stop offset="1" stop-color="#F59E0B"/></linearGradient></defs><circle cx="100" cy="68" r="52" fill="#FDEDF2"/><ellipse cx="100" cy="128" rx="46" ry="7" fill="#1e2430" opacity=".08"/><rect x="66" y="90" width="13" height="9" rx="4" fill="#BE185D"/><rect x="120" y="90" width="13" height="9" rx="4" fill="#BE185D"/><rect x="58" y="30" width="84" height="66" rx="15" fill="url(#G)"/><rect x="64" y="36" width="72" height="24" rx="9" fill="#fff" opacity=".16"/><g fill="url(#GG)"><rect x="96.6" y="44.0" width="6.9" height="40.0" rx="3.4" transform="rotate(0 100 64)"/><rect x="96.6" y="44.0" width="6.9" height="40.0" rx="3.4" transform="rotate(45 100 64)"/><rect x="96.6" y="44.0" width="6.9" height="40.0" rx="3.4" transform="rotate(90 100 64)"/><rect x="96.6" y="44.0" width="6.9" height="40.0" rx="3.4" transform="rotate(135 100 64)"/><circle cx="100" cy="64" r="13.2"/></g><path d="M100 56.4 L107.6 64 L100 71.6 L92.4 64 Z" fill="#FB7185"/><circle cx="128.0" cy="42" r="3.4" fill="#FDE68A"/><circle cx="117.5" cy="42" r="3.4" fill="rgba(255,255,255,.7)"/><path fill="#FB7185" d="M154 26c.9 5 2 6.1 7 7-5 .9-6.1 2-7 7-.9-5-2-6.1-7-7 5-.9 6.1-2 7-7z"/><path fill="#FDA4AF" d="M46 32c.6 3.4 1.4 4.2 4.8 4.8-3.4.6-4.2 1.4-4.8 4.8-.6-3.4-1.4-4.2-4.8-4.8 3.4-.6 4.2-1.4 4.8-4.8z"/></svg>
diff --git a/web/public/products/ww-007.svg b/web/public/products/ww-007.svg
new file mode 100644
index 0000000..e27ef45
--- /dev/null
+++ b/web/public/products/ww-007.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 150"><defs><linearGradient id="G" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#FB7185"/><stop offset="1" stop-color="#E8336E"/></linearGradient><linearGradient id="GG" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#FDE68A"/><stop offset="1" stop-color="#F59E0B"/></linearGradient></defs><circle cx="100" cy="68" r="52" fill="#FDEDF2"/><ellipse cx="100" cy="128" rx="46" ry="7" fill="#1e2430" opacity=".08"/><rect x="76" y="98" width="12" height="9" rx="4" fill="#BE185D"/><rect x="112" y="98" width="12" height="9" rx="4" fill="#BE185D"/><circle cx="100" cy="64" r="42" fill="url(#G)"/><circle cx="100" cy="64" r="34" fill="#fff"/><line x1="74.0" y1="79.0" x2="78.3" y2="76.5" stroke="#BE185D" stroke-width="2.4" stroke-linecap="round" opacity=".65"/><line x1="70.0" y1="64.0" x2="75.0" y2="64.0" stroke="#BE185D" stroke-width="2.4" stroke-linecap="round" opacity=".65"/><line x1="74.0" y1="49.0" x2="78.3" y2="51.5" stroke="#BE185D" stroke-width="2.4" stroke-linecap="round" opacity=".65"/><line x1="85.0" y1="38.0" x2="87.5" y2="42.3" stroke="#BE185D" stroke-width="2.4" stroke-linecap="round" opacity=".65"/><line x1="100.0" y1="34.0" x2="100.0" y2="39.0" stroke="#BE185D" stroke-width="2.4" stroke-linecap="round" opacity=".65"/><line x1="115.0" y1="38.0" x2="112.5" y2="42.3" stroke="#BE185D" stroke-width="2.4" stroke-linecap="round" opacity=".65"/><line x1="126.0" y1="49.0" x2="121.7" y2="51.5" stroke="#BE185D" stroke-width="2.4" stroke-linecap="round" opacity=".65"/><line x1="130.0" y1="64.0" x2="125.0" y2="64.0" stroke="#BE185D" stroke-width="2.4" stroke-linecap="round" opacity=".65"/><line x1="126.0" y1="79.0" x2="121.7" y2="76.5" stroke="#BE185D" stroke-width="2.4" stroke-linecap="round" opacity=".65"/><line x1="100" y1="64" x2="112.6" y2="46.0" stroke="#BE185D" stroke-width="4" stroke-linecap="round"/><circle cx="100" cy="64" r="5.5" fill="#BE185D"/><circle cx="100" cy="30" r="3.4" fill="#FDE68A"/><path fill="#FB7185" d="M154 26c.9 5 2 6.1 7 7-5 .9-6.1 2-7 7-.9-5-2-6.1-7-7 5-.9 6.1-2 7-7z"/><path fill="#FDA4AF" d="M46 32c.6 3.4 1.4 4.2 4.8 4.8-3.4.6-4.2 1.4-4.8 4.8-.6-3.4-1.4-4.2-4.8-4.8 3.4-.6 4.2-1.4 4.8-4.8z"/></svg>
diff --git a/web/public/products/ww-008.svg b/web/public/products/ww-008.svg
new file mode 100644
index 0000000..5b42ef6
--- /dev/null
+++ b/web/public/products/ww-008.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 150"><defs><linearGradient id="G" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#FB7185"/><stop offset="1" stop-color="#E8336E"/></linearGradient><linearGradient id="GG" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#FDE68A"/><stop offset="1" stop-color="#F59E0B"/></linearGradient></defs><circle cx="100" cy="68" r="52" fill="#FDEDF2"/><ellipse cx="100" cy="128" rx="46" ry="7" fill="#1e2430" opacity=".08"/><rect x="18" y="56" width="30" height="26" rx="6" fill="#BE185D"/><rect x="152" y="56" width="30" height="26" rx="6" fill="#BE185D"/><rect x="40" y="62" width="120" height="14" rx="6" fill="#E8336E"/><rect x="64" y="44" width="72" height="52" rx="14" fill="url(#G)"/><rect x="70" y="50" width="60" height="16" rx="7" fill="#fff" opacity=".16"/><line x1="100" y1="44" x2="100" y2="32" stroke="#BE185D" stroke-width="5" stroke-linecap="round"/><circle cx="100" cy="24" r="16" fill="none" stroke="#BE185D" stroke-width="5.5"/><line x1="84" y1="24" x2="116" y2="24" stroke="#BE185D" stroke-width="4" stroke-linecap="round"/><line x1="100" y1="8" x2="100" y2="40" stroke="#BE185D" stroke-width="4" stroke-linecap="round"/><circle cx="100" cy="74" r="8" fill="#fff" opacity=".85"/><path fill="#FB7185" d="M154 26c.9 5 2 6.1 7 7-5 .9-6.1 2-7 7-.9-5-2-6.1-7-7 5-.9 6.1-2 7-7z"/><path fill="#FDA4AF" d="M46 32c.6 3.4 1.4 4.2 4.8 4.8-3.4.6-4.2 1.4-4.8 4.8-.6-3.4-1.4-4.2-4.8-4.8 3.4-.6 4.2-1.4 4.8-4.8z"/></svg>
diff --git a/web/public/products/ww-009.svg b/web/public/products/ww-009.svg
new file mode 100644
index 0000000..c58cb7c
--- /dev/null
+++ b/web/public/products/ww-009.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 150"><defs><linearGradient id="G" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#FB7185"/><stop offset="1" stop-color="#E8336E"/></linearGradient><linearGradient id="GG" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#FDE68A"/><stop offset="1" stop-color="#F59E0B"/></linearGradient></defs><circle cx="100" cy="68" r="52" fill="#FDEDF2"/><ellipse cx="100" cy="128" rx="46" ry="7" fill="#1e2430" opacity=".08"/><rect x="52" y="54" width="18" height="22" rx="5" fill="#BE185D"/><rect x="130" y="54" width="18" height="22" rx="5" fill="#BE185D"/><rect x="89" y="18" width="22" height="18" rx="5" fill="#BE185D"/><rect x="89" y="94" width="22" height="18" rx="5" fill="#BE185D"/><rect x="64" y="30" width="72" height="70" rx="18" fill="url(#G)"/><g fill="url(#GG)"><rect x="97.1" y="48.0" width="5.8" height="34.0" rx="2.9" transform="rotate(0 100 65)"/><rect x="97.1" y="48.0" width="5.8" height="34.0" rx="2.9" transform="rotate(45 100 65)"/><rect x="97.1" y="48.0" width="5.8" height="34.0" rx="2.9" transform="rotate(90 100 65)"/><rect x="97.1" y="48.0" width="5.8" height="34.0" rx="2.9" transform="rotate(135 100 65)"/><circle cx="100" cy="65" r="11.2"/></g><path d="M100 58.5 L106.5 65 L100 71.5 L93.5 65 Z" fill="#FB7185"/><circle cx="78" cy="42" r="3.2" fill="#fff" opacity=".75"/><circle cx="122" cy="42" r="3.2" fill="#fff" opacity=".75"/><circle cx="78" cy="88" r="3.2" fill="#fff" opacity=".75"/><circle cx="122" cy="88" r="3.2" fill="#fff" opacity=".75"/><path fill="#FB7185" d="M154 26c.9 5 2 6.1 7 7-5 .9-6.1 2-7 7-.9-5-2-6.1-7-7 5-.9 6.1-2 7-7z"/><path fill="#FDA4AF" d="M46 32c.6 3.4 1.4 4.2 4.8 4.8-3.4.6-4.2 1.4-4.8 4.8-.6-3.4-1.4-4.2-4.8-4.8 3.4-.6 4.2-1.4 4.8-4.8z"/></svg>
diff --git a/web/public/products/ww-010.svg b/web/public/products/ww-010.svg
new file mode 100644
index 0000000..0ff15d2
--- /dev/null
+++ b/web/public/products/ww-010.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 150"><defs><linearGradient id="G" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#FB7185"/><stop offset="1" stop-color="#E8336E"/></linearGradient><linearGradient id="GG" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#FDE68A"/><stop offset="1" stop-color="#F59E0B"/></linearGradient></defs><circle cx="100" cy="68" r="52" fill="#FDEDF2"/><ellipse cx="100" cy="128" rx="46" ry="7" fill="#1e2430" opacity=".08"/><rect x="74" y="100" width="12" height="9" rx="4" fill="#BE185D"/><rect x="114" y="100" width="12" height="9" rx="4" fill="#BE185D"/><circle cx="100" cy="64" r="42" fill="url(#G)"/><circle cx="100" cy="64" r="35" fill="#fff" opacity=".14"/><ellipse cx="100" cy="45" rx="9.5" ry="19" fill="#fff" opacity=".92" transform="rotate(0 100 64)"/><ellipse cx="100" cy="45" rx="9.5" ry="19" fill="#fff" opacity=".92" transform="rotate(72 100 64)"/><ellipse cx="100" cy="45" rx="9.5" ry="19" fill="#fff" opacity=".92" transform="rotate(144 100 64)"/><ellipse cx="100" cy="45" rx="9.5" ry="19" fill="#fff" opacity=".92" transform="rotate(216 100 64)"/><ellipse cx="100" cy="45" rx="9.5" ry="19" fill="#fff" opacity=".92" transform="rotate(288 100 64)"/><circle cx="100" cy="64" r="9" fill="#BE185D"/><circle cx="100" cy="64" r="3.5" fill="#fff"/><path fill="#FB7185" d="M154 26c.9 5 2 6.1 7 7-5 .9-6.1 2-7 7-.9-5-2-6.1-7-7 5-.9 6.1-2 7-7z"/><path fill="#FDA4AF" d="M46 32c.6 3.4 1.4 4.2 4.8 4.8-3.4.6-4.2 1.4-4.8 4.8-.6-3.4-1.4-4.2-4.8-4.8 3.4-.6 4.2-1.4 4.8-4.8z"/></svg>
diff --git a/web/public/products/ww-011.svg b/web/public/products/ww-011.svg
new file mode 100644
index 0000000..4ab3ade
--- /dev/null
+++ b/web/public/products/ww-011.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 150"><defs><linearGradient id="G" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#FBBF24"/><stop offset="1" stop-color="#D97706"/></linearGradient></defs><circle cx="100" cy="68" r="52" fill="#FDF3E0"/><ellipse cx="100" cy="128" rx="56" ry="7" fill="#1e2430" opacity=".08"/><g transform="translate(100 66) scale(1.12) translate(-100 -64)"><rect x="66" y="90" width="13" height="9" rx="4" fill="#B45309"/><rect x="120" y="90" width="13" height="9" rx="4" fill="#B45309"/><rect x="58" y="30" width="84" height="66" rx="15" fill="url(#G)"/><rect x="64" y="36" width="72" height="24" rx="9" fill="#fff" opacity=".16"/><g fill="#fff"><rect x="96.6" y="44.0" width="6.9" height="40.0" rx="3.4" transform="rotate(0 100 64)"/><rect x="96.6" y="44.0" width="6.9" height="40.0" rx="3.4" transform="rotate(45 100 64)"/><rect x="96.6" y="44.0" width="6.9" height="40.0" rx="3.4" transform="rotate(90 100 64)"/><rect x="96.6" y="44.0" width="6.9" height="40.0" rx="3.4" transform="rotate(135 100 64)"/><circle cx="100" cy="64" r="13.2"/></g><circle cx="100" cy="64" r="7.2" fill="#B45309"/><circle cx="128.0" cy="42" r="3.4" fill="#86EFAC"/><circle cx="117.5" cy="42" r="3.4" fill="rgba(255,255,255,.7)"/></g></svg>
diff --git a/web/public/products/ww-012.svg b/web/public/products/ww-012.svg
new file mode 100644
index 0000000..ce49a0c
--- /dev/null
+++ b/web/public/products/ww-012.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 150"><defs><linearGradient id="G" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#FBBF24"/><stop offset="1" stop-color="#D97706"/></linearGradient></defs><circle cx="100" cy="68" r="52" fill="#FDF3E0"/><ellipse cx="100" cy="128" rx="56" ry="7" fill="#1e2430" opacity=".08"/><g transform="translate(100 66) scale(1.12) translate(-100 -64)"><rect x="76" y="98" width="12" height="9" rx="4" fill="#B45309"/><rect x="112" y="98" width="12" height="9" rx="4" fill="#B45309"/><circle cx="100" cy="64" r="42" fill="url(#G)"/><circle cx="100" cy="64" r="34" fill="#fff"/><line x1="74.0" y1="79.0" x2="78.3" y2="76.5" stroke="#B45309" stroke-width="2.4" stroke-linecap="round" opacity=".65"/><line x1="70.0" y1="64.0" x2="75.0" y2="64.0" stroke="#B45309" stroke-width="2.4" stroke-linecap="round" opacity=".65"/><line x1="74.0" y1="49.0" x2="78.3" y2="51.5" stroke="#B45309" stroke-width="2.4" stroke-linecap="round" opacity=".65"/><line x1="85.0" y1="38.0" x2="87.5" y2="42.3" stroke="#B45309" stroke-width="2.4" stroke-linecap="round" opacity=".65"/><line x1="100.0" y1="34.0" x2="100.0" y2="39.0" stroke="#B45309" stroke-width="2.4" stroke-linecap="round" opacity=".65"/><line x1="115.0" y1="38.0" x2="112.5" y2="42.3" stroke="#B45309" stroke-width="2.4" stroke-linecap="round" opacity=".65"/><line x1="126.0" y1="49.0" x2="121.7" y2="51.5" stroke="#B45309" stroke-width="2.4" stroke-linecap="round" opacity=".65"/><line x1="130.0" y1="64.0" x2="125.0" y2="64.0" stroke="#B45309" stroke-width="2.4" stroke-linecap="round" opacity=".65"/><line x1="126.0" y1="79.0" x2="121.7" y2="76.5" stroke="#B45309" stroke-width="2.4" stroke-linecap="round" opacity=".65"/><line x1="100" y1="64" x2="112.6" y2="46.0" stroke="#B45309" stroke-width="4" stroke-linecap="round"/><circle cx="100" cy="64" r="5.5" fill="#B45309"/><circle cx="100" cy="30" r="3.4" fill="#86EFAC"/></g></svg>
diff --git a/web/public/products/ww-013.svg b/web/public/products/ww-013.svg
new file mode 100644
index 0000000..fdad27b
--- /dev/null
+++ b/web/public/products/ww-013.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 150"><defs><linearGradient id="G" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#FBBF24"/><stop offset="1" stop-color="#D97706"/></linearGradient></defs><circle cx="100" cy="68" r="52" fill="#FDF3E0"/><ellipse cx="100" cy="128" rx="56" ry="7" fill="#1e2430" opacity=".08"/><g transform="translate(100 66) scale(1.12) translate(-100 -64)"><rect x="18" y="56" width="30" height="26" rx="6" fill="#B45309"/><rect x="152" y="56" width="30" height="26" rx="6" fill="#B45309"/><rect x="40" y="62" width="120" height="14" rx="6" fill="#D97706"/><rect x="64" y="44" width="72" height="52" rx="14" fill="url(#G)"/><rect x="70" y="50" width="60" height="16" rx="7" fill="#fff" opacity=".16"/><line x1="100" y1="44" x2="100" y2="32" stroke="#B45309" stroke-width="5" stroke-linecap="round"/><circle cx="100" cy="24" r="16" fill="none" stroke="#B45309" stroke-width="5.5"/><line x1="84" y1="24" x2="116" y2="24" stroke="#B45309" stroke-width="4" stroke-linecap="round"/><line x1="100" y1="8" x2="100" y2="40" stroke="#B45309" stroke-width="4" stroke-linecap="round"/><circle cx="100" cy="74" r="8" fill="#fff" opacity=".85"/></g></svg>
diff --git a/web/public/products/ww-014.svg b/web/public/products/ww-014.svg
new file mode 100644
index 0000000..bd9d188
--- /dev/null
+++ b/web/public/products/ww-014.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 150"><defs><linearGradient id="G" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#FBBF24"/><stop offset="1" stop-color="#D97706"/></linearGradient></defs><circle cx="100" cy="68" r="52" fill="#FDF3E0"/><ellipse cx="100" cy="128" rx="56" ry="7" fill="#1e2430" opacity=".08"/><g transform="translate(100 66) scale(1.12) translate(-100 -64)"><rect x="52" y="54" width="18" height="22" rx="5" fill="#B45309"/><rect x="130" y="54" width="18" height="22" rx="5" fill="#B45309"/><rect x="89" y="18" width="22" height="18" rx="5" fill="#B45309"/><rect x="89" y="94" width="22" height="18" rx="5" fill="#B45309"/><rect x="64" y="30" width="72" height="70" rx="18" fill="url(#G)"/><g fill="#fff"><rect x="97.1" y="48.0" width="5.8" height="34.0" rx="2.9" transform="rotate(0 100 65)"/><rect x="97.1" y="48.0" width="5.8" height="34.0" rx="2.9" transform="rotate(45 100 65)"/><rect x="97.1" y="48.0" width="5.8" height="34.0" rx="2.9" transform="rotate(90 100 65)"/><rect x="97.1" y="48.0" width="5.8" height="34.0" rx="2.9" transform="rotate(135 100 65)"/><circle cx="100" cy="65" r="11.2"/></g><circle cx="100" cy="65" r="6.1" fill="#B45309"/><circle cx="78" cy="42" r="3.2" fill="#fff" opacity=".75"/><circle cx="122" cy="42" r="3.2" fill="#fff" opacity=".75"/><circle cx="78" cy="88" r="3.2" fill="#fff" opacity=".75"/><circle cx="122" cy="88" r="3.2" fill="#fff" opacity=".75"/></g></svg>
diff --git a/web/public/products/ww-015.svg b/web/public/products/ww-015.svg
new file mode 100644
index 0000000..37283b9
--- /dev/null
+++ b/web/public/products/ww-015.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 150"><defs><linearGradient id="G" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#FBBF24"/><stop offset="1" stop-color="#D97706"/></linearGradient></defs><circle cx="100" cy="68" r="52" fill="#FDF3E0"/><ellipse cx="100" cy="128" rx="56" ry="7" fill="#1e2430" opacity=".08"/><g transform="translate(100 66) scale(1.12) translate(-100 -64)"><rect x="74" y="100" width="12" height="9" rx="4" fill="#B45309"/><rect x="114" y="100" width="12" height="9" rx="4" fill="#B45309"/><circle cx="100" cy="64" r="42" fill="url(#G)"/><circle cx="100" cy="64" r="35" fill="#fff" opacity=".14"/><ellipse cx="100" cy="45" rx="9.5" ry="19" fill="#fff" opacity=".92" transform="rotate(0 100 64)"/><ellipse cx="100" cy="45" rx="9.5" ry="19" fill="#fff" opacity=".92" transform="rotate(72 100 64)"/><ellipse cx="100" cy="45" rx="9.5" ry="19" fill="#fff" opacity=".92" transform="rotate(144 100 64)"/><ellipse cx="100" cy="45" rx="9.5" ry="19" fill="#fff" opacity=".92" transform="rotate(216 100 64)"/><ellipse cx="100" cy="45" rx="9.5" ry="19" fill="#fff" opacity=".92" transform="rotate(288 100 64)"/><circle cx="100" cy="64" r="9" fill="#B45309"/><circle cx="100" cy="64" r="3.5" fill="#fff"/></g></svg>
diff --git a/web/public/products/ww-016.svg b/web/public/products/ww-016.svg
new file mode 100644
index 0000000..7f6758c
--- /dev/null
+++ b/web/public/products/ww-016.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 150"><defs><linearGradient id="G" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#5EEAD4"/><stop offset="1" stop-color="#0D9488"/></linearGradient></defs><circle cx="100" cy="68" r="52" fill="#E4FAF5"/><ellipse cx="100" cy="128" rx="32" ry="7" fill="#1e2430" opacity=".08"/><g transform="translate(100 68) scale(0.60) translate(-100 -64)"><rect x="66" y="90" width="13" height="9" rx="4" fill="#0D9488"/><rect x="120" y="90" width="13" height="9" rx="4" fill="#0D9488"/><rect x="58" y="30" width="84" height="66" rx="15" fill="url(#G)"/><rect x="64" y="36" width="72" height="24" rx="9" fill="#fff" opacity=".16"/><g fill="#fff"><rect x="96.6" y="44.0" width="6.9" height="40.0" rx="3.4" transform="rotate(0 100 64)"/><rect x="96.6" y="44.0" width="6.9" height="40.0" rx="3.4" transform="rotate(45 100 64)"/><rect x="96.6" y="44.0" width="6.9" height="40.0" rx="3.4" transform="rotate(90 100 64)"/><rect x="96.6" y="44.0" width="6.9" height="40.0" rx="3.4" transform="rotate(135 100 64)"/><circle cx="100" cy="64" r="13.2"/></g><circle cx="100" cy="64" r="7.2" fill="#0D9488"/><circle cx="128.0" cy="42" r="3.4" fill="#86EFAC"/><circle cx="117.5" cy="42" r="3.4" fill="rgba(255,255,255,.7)"/></g><rect x="56" y="22" width="88" height="92" rx="18" fill="none" stroke="#99F6E4" stroke-width="5" stroke-dasharray="13 11" stroke-linecap="round"/></svg>
diff --git a/web/public/products/ww-017.svg b/web/public/products/ww-017.svg
new file mode 100644
index 0000000..078bde6
--- /dev/null
+++ b/web/public/products/ww-017.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 150"><defs><linearGradient id="G" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#5EEAD4"/><stop offset="1" stop-color="#0D9488"/></linearGradient></defs><circle cx="100" cy="68" r="52" fill="#E4FAF5"/><ellipse cx="100" cy="128" rx="32" ry="7" fill="#1e2430" opacity=".08"/><g transform="translate(100 68) scale(0.60) translate(-100 -64)"><rect x="76" y="98" width="12" height="9" rx="4" fill="#0D9488"/><rect x="112" y="98" width="12" height="9" rx="4" fill="#0D9488"/><circle cx="100" cy="64" r="42" fill="url(#G)"/><circle cx="100" cy="64" r="34" fill="#fff"/><line x1="74.0" y1="79.0" x2="78.3" y2="76.5" stroke="#0D9488" stroke-width="2.4" stroke-linecap="round" opacity=".65"/><line x1="70.0" y1="64.0" x2="75.0" y2="64.0" stroke="#0D9488" stroke-width="2.4" stroke-linecap="round" opacity=".65"/><line x1="74.0" y1="49.0" x2="78.3" y2="51.5" stroke="#0D9488" stroke-width="2.4" stroke-linecap="round" opacity=".65"/><line x1="85.0" y1="38.0" x2="87.5" y2="42.3" stroke="#0D9488" stroke-width="2.4" stroke-linecap="round" opacity=".65"/><line x1="100.0" y1="34.0" x2="100.0" y2="39.0" stroke="#0D9488" stroke-width="2.4" stroke-linecap="round" opacity=".65"/><line x1="115.0" y1="38.0" x2="112.5" y2="42.3" stroke="#0D9488" stroke-width="2.4" stroke-linecap="round" opacity=".65"/><line x1="126.0" y1="49.0" x2="121.7" y2="51.5" stroke="#0D9488" stroke-width="2.4" stroke-linecap="round" opacity=".65"/><line x1="130.0" y1="64.0" x2="125.0" y2="64.0" stroke="#0D9488" stroke-width="2.4" stroke-linecap="round" opacity=".65"/><line x1="126.0" y1="79.0" x2="121.7" y2="76.5" stroke="#0D9488" stroke-width="2.4" stroke-linecap="round" opacity=".65"/><line x1="100" y1="64" x2="112.6" y2="46.0" stroke="#0D9488" stroke-width="4" stroke-linecap="round"/><circle cx="100" cy="64" r="5.5" fill="#0D9488"/><circle cx="100" cy="30" r="3.4" fill="#86EFAC"/></g><rect x="56" y="22" width="88" height="92" rx="18" fill="none" stroke="#99F6E4" stroke-width="5" stroke-dasharray="13 11" stroke-linecap="round"/></svg>
diff --git a/web/public/products/ww-018.svg b/web/public/products/ww-018.svg
new file mode 100644
index 0000000..0691471
--- /dev/null
+++ b/web/public/products/ww-018.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 150"><defs><linearGradient id="G" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#5EEAD4"/><stop offset="1" stop-color="#0D9488"/></linearGradient></defs><circle cx="100" cy="68" r="52" fill="#E4FAF5"/><ellipse cx="100" cy="128" rx="32" ry="7" fill="#1e2430" opacity=".08"/><g transform="translate(100 68) scale(0.60) translate(-100 -64)"><rect x="18" y="56" width="30" height="26" rx="6" fill="#0D9488"/><rect x="152" y="56" width="30" height="26" rx="6" fill="#0D9488"/><rect x="40" y="62" width="120" height="14" rx="6" fill="#0D9488"/><rect x="64" y="44" width="72" height="52" rx="14" fill="url(#G)"/><rect x="70" y="50" width="60" height="16" rx="7" fill="#fff" opacity=".16"/><line x1="100" y1="44" x2="100" y2="32" stroke="#0D9488" stroke-width="5" stroke-linecap="round"/><circle cx="100" cy="24" r="16" fill="none" stroke="#0D9488" stroke-width="5.5"/><line x1="84" y1="24" x2="116" y2="24" stroke="#0D9488" stroke-width="4" stroke-linecap="round"/><line x1="100" y1="8" x2="100" y2="40" stroke="#0D9488" stroke-width="4" stroke-linecap="round"/><circle cx="100" cy="74" r="8" fill="#fff" opacity=".85"/></g><rect x="56" y="22" width="88" height="92" rx="18" fill="none" stroke="#99F6E4" stroke-width="5" stroke-dasharray="13 11" stroke-linecap="round"/></svg>
diff --git a/web/public/products/ww-019.svg b/web/public/products/ww-019.svg
new file mode 100644
index 0000000..9cfc4e7
--- /dev/null
+++ b/web/public/products/ww-019.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 150"><defs><linearGradient id="G" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#5EEAD4"/><stop offset="1" stop-color="#0D9488"/></linearGradient></defs><circle cx="100" cy="68" r="52" fill="#E4FAF5"/><ellipse cx="100" cy="128" rx="32" ry="7" fill="#1e2430" opacity=".08"/><g transform="translate(100 68) scale(0.60) translate(-100 -64)"><rect x="52" y="54" width="18" height="22" rx="5" fill="#0D9488"/><rect x="130" y="54" width="18" height="22" rx="5" fill="#0D9488"/><rect x="89" y="18" width="22" height="18" rx="5" fill="#0D9488"/><rect x="89" y="94" width="22" height="18" rx="5" fill="#0D9488"/><rect x="64" y="30" width="72" height="70" rx="18" fill="url(#G)"/><g fill="#fff"><rect x="97.1" y="48.0" width="5.8" height="34.0" rx="2.9" transform="rotate(0 100 65)"/><rect x="97.1" y="48.0" width="5.8" height="34.0" rx="2.9" transform="rotate(45 100 65)"/><rect x="97.1" y="48.0" width="5.8" height="34.0" rx="2.9" transform="rotate(90 100 65)"/><rect x="97.1" y="48.0" width="5.8" height="34.0" rx="2.9" transform="rotate(135 100 65)"/><circle cx="100" cy="65" r="11.2"/></g><circle cx="100" cy="65" r="6.1" fill="#0D9488"/><circle cx="78" cy="42" r="3.2" fill="#fff" opacity=".75"/><circle cx="122" cy="42" r="3.2" fill="#fff" opacity=".75"/><circle cx="78" cy="88" r="3.2" fill="#fff" opacity=".75"/><circle cx="122" cy="88" r="3.2" fill="#fff" opacity=".75"/></g><rect x="56" y="22" width="88" height="92" rx="18" fill="none" stroke="#99F6E4" stroke-width="5" stroke-dasharray="13 11" stroke-linecap="round"/></svg>
diff --git a/web/public/products/ww-020.svg b/web/public/products/ww-020.svg
new file mode 100644
index 0000000..d03752b
--- /dev/null
+++ b/web/public/products/ww-020.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 150"><defs><linearGradient id="G" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#5EEAD4"/><stop offset="1" stop-color="#0D9488"/></linearGradient></defs><circle cx="100" cy="68" r="52" fill="#E4FAF5"/><ellipse cx="100" cy="128" rx="32" ry="7" fill="#1e2430" opacity=".08"/><g transform="translate(100 68) scale(0.60) translate(-100 -64)"><rect x="74" y="100" width="12" height="9" rx="4" fill="#0D9488"/><rect x="114" y="100" width="12" height="9" rx="4" fill="#0D9488"/><circle cx="100" cy="64" r="42" fill="url(#G)"/><circle cx="100" cy="64" r="35" fill="#fff" opacity=".14"/><ellipse cx="100" cy="45" rx="9.5" ry="19" fill="#fff" opacity=".92" transform="rotate(0 100 64)"/><ellipse cx="100" cy="45" rx="9.5" ry="19" fill="#fff" opacity=".92" transform="rotate(72 100 64)"/><ellipse cx="100" cy="45" rx="9.5" ry="19" fill="#fff" opacity=".92" transform="rotate(144 100 64)"/><ellipse cx="100" cy="45" rx="9.5" ry="19" fill="#fff" opacity=".92" transform="rotate(216 100 64)"/><ellipse cx="100" cy="45" rx="9.5" ry="19" fill="#fff" opacity=".92" transform="rotate(288 100 64)"/><circle cx="100" cy="64" r="9" fill="#0D9488"/><circle cx="100" cy="64" r="3.5" fill="#fff"/></g><rect x="56" y="22" width="88" height="92" rx="18" fill="none" stroke="#99F6E4" stroke-width="5" stroke-dasharray="13 11" stroke-linecap="round"/></svg>
diff --git a/web/public/products/ww-021.svg b/web/public/products/ww-021.svg
new file mode 100644
index 0000000..bc1f3f6
--- /dev/null
+++ b/web/public/products/ww-021.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 150"><defs><linearGradient id="G" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#A78BFA"/><stop offset="1" stop-color="#7C3AED"/></linearGradient></defs><circle cx="100" cy="68" r="52" fill="#F1ECFD"/><ellipse cx="100" cy="128" rx="46" ry="7" fill="#1e2430" opacity=".08"/><path d="M84 30v-3a5 5 0 0 1 5-5h22a5 5 0 0 1 5 5v3" fill="none" stroke="#6D28D9" stroke-width="5" stroke-linecap="round"/><rect x="48" y="30" width="104" height="62" rx="13" fill="url(#G)"/><path d="M48 57h104" stroke="#6D28D9" stroke-width="3" opacity=".6"/><rect x="90" y="48" width="20" height="17" rx="4" fill="#fff"/><rect x="58" y="72" width="22" height="7" rx="3.5" fill="#fff" opacity=".35"/><rect x="120" y="72" width="22" height="7" rx="3.5" fill="#fff" opacity=".35"/></svg>
diff --git a/web/public/products/ww-022.svg b/web/public/products/ww-022.svg
new file mode 100644
index 0000000..dd27f3d
--- /dev/null
+++ b/web/public/products/ww-022.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 150"><defs><linearGradient id="G" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#A78BFA"/><stop offset="1" stop-color="#7C3AED"/></linearGradient></defs><circle cx="100" cy="68" r="52" fill="#F1ECFD"/><ellipse cx="100" cy="128" rx="46" ry="7" fill="#1e2430" opacity=".08"/><rect x="52" y="20" width="96" height="32" rx="8" fill="#6D28D9"/><rect x="58" y="26" width="84" height="20" rx="5" fill="#7C3AED"/><g transform="translate(74 48) scale(0.38) translate(-100 -64)"><rect x="58" y="30" width="84" height="66" rx="15" fill="#2563EB"/><g fill="#fff"><rect x="96.6" y="44.0" width="6.9" height="40.0" rx="3.4" transform="rotate(0 100 64)"/><rect x="96.6" y="44.0" width="6.9" height="40.0" rx="3.4" transform="rotate(45 100 64)"/><rect x="96.6" y="44.0" width="6.9" height="40.0" rx="3.4" transform="rotate(90 100 64)"/><rect x="96.6" y="44.0" width="6.9" height="40.0" rx="3.4" transform="rotate(135 100 64)"/><circle cx="100" cy="64" r="13.2"/></g><circle cx="100" cy="64" r="7.2" fill="#1D4ED8"/></g><g fill="#fff"><rect x="104.1" y="39.0" width="3.8" height="22.0" rx="1.9" transform="rotate(0 106 50)"/><rect x="104.1" y="39.0" width="3.8" height="22.0" rx="1.9" transform="rotate(45 106 50)"/><rect x="104.1" y="39.0" width="3.8" height="22.0" rx="1.9" transform="rotate(90 106 50)"/><rect x="104.1" y="39.0" width="3.8" height="22.0" rx="1.9" transform="rotate(135 106 50)"/><circle cx="106" cy="50" r="7.3"/></g><circle cx="106" cy="50" r="4.0" fill="#6D28D9"/><polygon points="132,42 142,46.5 132,51 122,46.5" fill="#99F6E4"/><polygon points="122,46.5 132,51 132,61 122,56.5" fill="#2DD4BF"/><polygon points="142,46.5 132,51 132,61 142,56.5" fill="#0D9488"/><rect x="46" y="60" width="108" height="52" rx="11" fill="url(#G)"/><path d="M46 74h108" stroke="#6D28D9" stroke-width="2.6" opacity=".6"/><rect x="92" y="67" width="16" height="12" rx="3.5" fill="#fff"/></svg>
diff --git a/web/public/products/ww-023.svg b/web/public/products/ww-023.svg
new file mode 100644
index 0000000..6e44611
--- /dev/null
+++ b/web/public/products/ww-023.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 150"><defs><linearGradient id="G" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#A78BFA"/><stop offset="1" stop-color="#7C3AED"/></linearGradient></defs><circle cx="100" cy="68" r="52" fill="#F1ECFD"/><ellipse cx="100" cy="128" rx="46" ry="7" fill="#1e2430" opacity=".08"/><rect x="62" y="18" width="76" height="94" rx="12" fill="url(#G)"/><rect x="70" y="28" width="60" height="22" rx="6" fill="#fff" opacity=".9"/><rect x="70" y="56" width="60" height="22" rx="6" fill="#fff" opacity=".65"/><rect x="70" y="84" width="60" height="22" rx="6" fill="#fff" opacity=".4"/><rect x="92" y="36" width="16" height="6" rx="3" fill="#6D28D9"/><rect x="92" y="64" width="16" height="6" rx="3" fill="#6D28D9"/><rect x="92" y="92" width="16" height="6" rx="3" fill="#6D28D9"/></svg>
diff --git a/web/public/products/ww-024.svg b/web/public/products/ww-024.svg
new file mode 100644
index 0000000..5d1d4ba
--- /dev/null
+++ b/web/public/products/ww-024.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 150"><defs><linearGradient id="G" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#A78BFA"/><stop offset="1" stop-color="#7C3AED"/></linearGradient></defs><circle cx="100" cy="68" r="52" fill="#F1ECFD"/><ellipse cx="100" cy="128" rx="46" ry="7" fill="#1e2430" opacity=".08"/><path d="M82 40v-6a18 18 0 0 1 36 0v6" fill="none" stroke="#6D28D9" stroke-width="5" stroke-linecap="round"/><path d="M56 46a12 12 0 0 1 12-12h64a12 12 0 0 1 12 12l-4 52a12 12 0 0 1-12 11H72a12 12 0 0 1-12-11z" fill="url(#G)"/><rect x="90" y="58" width="20" height="16" rx="5" fill="#fff"/><circle cx="100" cy="66" r="3" fill="#6D28D9"/></svg>
diff --git a/web/public/products/ww-025.svg b/web/public/products/ww-025.svg
new file mode 100644
index 0000000..b5e1b45
--- /dev/null
+++ b/web/public/products/ww-025.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 150"><defs><linearGradient id="G" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#A78BFA"/><stop offset="1" stop-color="#7C3AED"/></linearGradient></defs><circle cx="100" cy="68" r="52" fill="#F1ECFD"/><ellipse cx="100" cy="128" rx="46" ry="7" fill="#1e2430" opacity=".08"/><rect x="56" y="24" width="88" height="38" rx="10" fill="#A78BFA"/><path d="M56 43h88" stroke="#6D28D9" stroke-width="2.4" opacity=".5"/><rect x="88" y="36" width="24" height="10" rx="3" fill="#fff" opacity=".8"/><rect x="48" y="66" width="104" height="46" rx="11" fill="url(#G)"/><path d="M48 82h104" stroke="#6D28D9" stroke-width="2.6" opacity=".6"/><rect x="90" y="74" width="20" height="12" rx="3.5" fill="#fff"/></svg>
diff --git a/web/src/lib/img.ts b/web/src/lib/img.ts
index e934a79..e896ce8 100644
--- a/web/src/lib/img.ts
+++ b/web/src/lib/img.ts
@@ -3,12 +3,15 @@
 // SKU (web/public/products) so the grid needs no external image service and
 // renders offline. Real product images set on the widget (admin) take
 // precedence; SKUs without bespoke art share a generic widget illustration.
-const ILLUSTRATED_SKUS = new Set(['ww-001', 'ww-002', 'ww-003', 'ww-004', 'ww-005'])
+const ILLUSTRATED = /^ww-(\d{3})$/
+const ILLUSTRATED_COUNT = 25
 
 export function productImage(w: { sku: string; imageUrl?: string | null }): string {
   if (w.imageUrl && w.imageUrl.trim()) return w.imageUrl
   const sku = (w.sku || '').toLowerCase()
-  return ILLUSTRATED_SKUS.has(sku) ? `/products/${sku}.svg` : '/products/widget.svg'
+  const match = ILLUSTRATED.exec(sku)
+  const n = match ? Number(match[1]) : 0
+  return n >= 1 && n <= ILLUSTRATED_COUNT ? `/products/${sku}.svg` : '/products/widget.svg'
 }
 
 // Deterministic, cosmetic star rating derived from the SKU. Placeholder visuals