.payment-card-panel {
  border: 1px solid #d9e1ed;
  border-radius: 18px;
  background: #fff;
  padding: 18px;
  box-shadow: 0 8px 28px rgba(25, 39, 66, .05);
}
.payment-card-panel-heading { display: flex; align-items: center; gap: 12px; margin-bottom: 16px; }
.payment-card-panel-heading strong { display: block; color: #18243a; font-size: 1.05rem; font-weight: 800; }
.payment-card-panel-heading p { margin: 3px 0 0; color: #637084; font-size: .89rem; line-height: 1.5; }
.payment-card-panel-icon { width: 40px; height: 40px; flex: 0 0 40px; display: grid; place-items: center; border-radius: 12px; background: #f2edfa; color: #6539a5; font-size: 23px; }
.payment-card-brands { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; }
.payment-card-brand { min-width: 100px; height: 56px; padding: 7px 15px; border: 1px solid #e0e5ed; border-radius: 11px; background: #fff; display: inline-flex; align-items: center; justify-content: center; gap: 5px; box-shadow: 0 3px 10px rgba(20, 31, 51, .05); }
.payment-card-brand-mada { color: #193e62; font-size: 1.65rem; font-weight: 900; font-style: italic; letter-spacing: -.09em; }
.payment-card-brand-mada::after { content: ''; display: block; width: 19px; height: 6px; margin-inline-start: 4px; border-top: 3px solid #52a847; border-bottom: 3px solid #52a847; transform: skewX(-20deg); }
.payment-card-brand-visa { color: #17367d; font-size: 1.5rem; font-weight: 900; font-style: italic; letter-spacing: -.06em; }
.payment-card-brand-mastercard { flex-direction: column; gap: 1px; color: #1d2534; font-size: .68rem; font-weight: 700; letter-spacing: -.02em; }
.payment-card-mastercard-symbol { position: relative; display: block; width: 40px; height: 24px; }
.payment-card-mastercard-symbol::before, .payment-card-mastercard-symbol::after { content: ''; position: absolute; top: 0; width: 24px; height: 24px; border-radius: 50%; }
.payment-card-mastercard-symbol::before { left: 0; background: #ea001b; }
.payment-card-mastercard-symbol::after { right: 0; background: #f79e1b; opacity: .9; }
@media (max-width: 420px) { .payment-card-brand { min-width: 0; flex: 1 1 88px; padding-inline: 7px; } .payment-card-panel { padding: 14px; } }
[data-theme="dark"] .payment-card-panel, [data-theme="dark"] .payment-card-brand { background: #192437; border-color: #39465d; }
[data-theme="dark"] .payment-card-panel-heading strong, [data-theme="dark"] .payment-card-brand-mastercard { color: #f4f6fa; }
[data-theme="dark"] .payment-card-panel-heading p { color: #b5c2d3; }
body.page-verification-payment .verify-pay-methods,
body.page-promotion-new .promo-payment-methods { display: block; margin: 3px 0 0; color: #64748b; font-size: .88rem; line-height: 1.6; }