Zahlungsart-Icons deutlich größer, echte Markenfarben-Verläufe, edlere Karten

Icon-Kacheln bei PayPal/Klarna/Banküberweisung von 34px auf 52px vergrößert
und mit echten Marken-Farbverläufen statt flacher Einzelfarbe versehen
(PayPal-Blau, Klarna-Rosa mit schwarzem Logo, dezentes Bank-Blaugrau).
Auswahlkarten insgesamt größer, mit Verlaufshintergrund, größerem
Radio-Button und weicherem Hover-/Auswahl-Glow für einen fertigeren,
"aus einem Guss"-Look.

src/pages/ch/checkout/index.astro

@@ -21,17 +21,17 @@ const t = useTranslations(lang);
         <h3>{t.checkout.step2}</h3>
         <div class="payment-options">
           <label class="pay-option" style="--brand-color:#009cde; --brand-bg:#003087;">
-            <span class="pay-icon" style="background:#003087;">P</span>
+            <span class="pay-icon" style="background:linear-gradient(160deg, #0070ba, #003087); color:#fff;">P</span>
             <span>PayPal</span>
             <input type="radio" name="pay" value="paypal" checked />
           </label>
           <label class="pay-option" style="--brand-color:#ffb3c7; --brand-bg:#17120f;">
-            <span class="pay-icon" style="background:#17120f; color:#ffb3c7;">K</span>
+            <span class="pay-icon" style="background:linear-gradient(160deg, #ffc9d8, #ffb3c7); color:#0a0a0a;">K</span>
             <span>Klarna</span>
             <input type="radio" name="pay" value="klarna" />
           </label>
           <label class="pay-option" style="--brand-color:#7fa8c9; --brand-bg:#3b5a76;">
-            <span class="pay-icon" style="background:#3b5a76;">🏦</span>
+            <span class="pay-icon pay-icon-emoji" style="background:linear-gradient(160deg, #4d7599, #2c4258);">🏦</span>
             <span>{t.checkout.bankTransfer}</span>
             <input type="radio" name="pay" value="ueberweisung" />
           </label>