From d4bfbb6e06f4ccc579ee4b5a1aff5b40724d0a94 Mon Sep 17 00:00:00 2001
From: stefpi <19478336+stefpi@users.noreply.github.com>
Date: Wed, 11 Nov 2026 19:10:06 -0800
Subject: [PATCH 1/2] hint to comma four on harness page

---
 src/lib/components/ProductDescriptions/CarHarness.svelte | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/src/lib/components/ProductDescriptions/CarHarness.svelte b/src/lib/components/ProductDescriptions/CarHarness.svelte
index bfd49db3..a6aa2ab8 100644
--- a/src/lib/components/ProductDescriptions/CarHarness.svelte
+++ b/src/lib/components/ProductDescriptions/CarHarness.svelte
@@ -2,6 +2,7 @@
   import Product from "$lib/components/Product.svelte";
   import NoteCard from "$lib/components/NoteCard.svelte";
   import HarnessSelector from "$lib/components/HarnessSelector/HarnessSelector.svelte";
+  import CarIcon from "$lib/icons/features/car.svg?raw";
 
   export let product;
 </script>
@@ -16,6 +17,10 @@
       <a href="/shop/obd-c-cable" target="_blank">OBD-C cable</a>, sold
       separately.
     </NoteCard>
+    <NoteCard title="Buying a comma device?" icon={CarIcon} highlightTitle>
+      A free car harness is included with every
+      <a href="/shop/comma-four">comma four</a>.
+    </NoteCard>
   </div>
 
   <div slot="description">

From edf0673d25fbf41ecb09cc31106b82e6d8d82453 Mon Sep 17 00:00:00 2001
From: stefpi <19478336+stefpi@users.noreply.github.com>
Date: Wed, 11 Nov 2026 19:15:08 -0800
Subject: [PATCH 2/2] change order

---
 src/lib/components/ProductDescriptions/CarHarness.svelte | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/lib/components/ProductDescriptions/CarHarness.svelte b/src/lib/components/ProductDescriptions/CarHarness.svelte
index a6aa2ab8..d90c4124 100644
--- a/src/lib/components/ProductDescriptions/CarHarness.svelte
+++ b/src/lib/components/ProductDescriptions/CarHarness.svelte
@@ -9,6 +9,10 @@
 
 <Product {product} VariantSelector={HarnessSelector} autoSelectFirstVariant={false}>
   <div slot="notes">
+    <NoteCard title="Buying a comma?" icon={CarIcon}>
+      A free car harness is included with the purchase of
+      <a href="/shop/comma-four" class="highlight">comma four</a>.
+    </NoteCard>
     <NoteCard title="Compatibility">
       Harness compatibility based on the US car market.
     </NoteCard>
@@ -17,10 +21,6 @@
       <a href="/shop/obd-c-cable" target="_blank">OBD-C cable</a>, sold
       separately.
     </NoteCard>
-    <NoteCard title="Buying a comma device?" icon={CarIcon} highlightTitle>
-      A free car harness is included with every
-      <a href="/shop/comma-four">comma four</a>.
-    </NoteCard>
   </div>
 
   <div slot="description">