From 095838a015afbf3c82aa0493babde35638a0c08f Mon Sep 17 00:00:00 2001
From: justin <justin@liquidator.optimal-reality.com>
Date: Sat, 30 May 2026 20:50:20 -0500
Subject: [PATCH] add Klarna Pay Later option to DOT compliance order page

---
 site/public/order/dot-compliance/index.html | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/site/public/order/dot-compliance/index.html b/site/public/order/dot-compliance/index.html
index 56c2e03..912c1db 100644
--- a/site/public/order/dot-compliance/index.html
+++ b/site/public/order/dot-compliance/index.html
@@ -355,10 +355,11 @@ Sign out
             </div>
             <div id="pw-payment-section">
               <h4 class="text-sm font-semibold text-gray-900 mb-2">Payment Method</h4>
-              <div class="grid grid-cols-3 gap-2">
+              <div style="display:grid;grid-template-columns:1fr 1fr;gap:8px">
                 <label class="flex items-center gap-2 p-3 rounded-lg border border-gray-200 cursor-pointer hover:border-orange-300 has-[:checked]:border-orange-500 has-[:checked]:bg-orange-50"><input type="radio" name="pw_pay" value="card" checked><span class="text-sm">Card</span></label>
                 <label class="flex items-center gap-2 p-3 rounded-lg border border-gray-200 cursor-pointer hover:border-orange-300 has-[:checked]:border-orange-500 has-[:checked]:bg-orange-50"><input type="radio" name="pw_pay" value="paypal"><span class="text-sm">PayPal</span></label>
                 <label class="flex items-center gap-2 p-3 rounded-lg border border-gray-200 cursor-pointer hover:border-orange-300 has-[:checked]:border-orange-500 has-[:checked]:bg-orange-50"><input type="radio" name="pw_pay" value="ach"><span class="text-sm">ACH</span></label>
+                <label class="flex items-center gap-2 p-3 rounded-lg border border-gray-200 cursor-pointer hover:border-orange-300 has-[:checked]:border-orange-500 has-[:checked]:bg-orange-50"><input type="radio" name="pw_pay" value="klarna"><span class="text-sm">Klarna <span style="font-size:10px;color:#e74c99">Pay Later</span></span></label>
               </div>
             </div>
             <label class="flex items-start gap-2 p-3 rounded-lg border border-gray-200 text-xs text-gray-600"><input type="checkbox" id="pw-engage" required class="mt-0.5"><span>I authorize Performance West to prepare and file on my behalf. <a href="/terms" target="_blank" class="text-orange-600 underline">Terms</a></span></label>