.premium-payment-list {
    gap: 11px;
}

.premium-payment-option {
    position: relative;
    min-height: 68px;
    display: grid !important;
    grid-template-columns: 34px minmax(0, 1fr);
    align-items: center;
    column-gap: 12px;
    padding: 13px 14px !important;
}

.premium-payment-option input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.payment-logo-mark {
    width: 34px;
    height: 34px;
    border-radius: 10px;
    display: grid !important;
    place-items: center;
    font-weight: 950;
    font-size: 15px;
    line-height: 1;
    letter-spacing: -0.03em;
    color: white;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.25), 0 8px 18px rgba(7,32,58,.10);
}

.payment-option-copy {
    min-width: 0;
    display: grid !important;
    gap: 2px;
}

.payment-option-copy strong {
    color: var(--silc-navy);
    font-size: 15px;
    line-height: 1.15;
}

.payment-option-copy small {
    color: var(--silc-muted);
    font-size: 12px;
    font-weight: 800;
}

.payment-brand-zelle .payment-logo-mark {
    background: linear-gradient(135deg, #6d1ed4, #8a45f5);
}

.payment-brand-stripe .payment-logo-mark {
    background: linear-gradient(135deg, #635bff, #7b73ff);
}

.payment-brand-donorbox .payment-logo-mark {
    background: linear-gradient(135deg, #129e76, #39c99a);
}

.payment-brand-eventbrite .payment-logo-mark {
    background: linear-gradient(135deg, #f05537, #ff7a4f);
}

.payment-brand-default .payment-logo-mark {
    background: linear-gradient(135deg, var(--silc-navy), #12375a);
}

.premium-payment-option:has(input:checked) .payment-logo-mark {
    transform: scale(1.04);
}

.premium-payment-option:has(input:checked)::after {
    content: "✓";
    position: absolute;
    right: 13px;
    top: 50%;
    transform: translateY(-50%);
    width: 22px;
    height: 22px;
    border-radius: 999px;
    background: var(--silc-gold);
    color: white;
    display: grid;
    place-items: center;
    font-size: 13px;
    font-weight: 950;
}

@media (max-width: 650px) {
    .premium-payment-option {
        grid-template-columns: 32px minmax(0, 1fr);
    }

    .payment-logo-mark {
        width: 32px;
        height: 32px;
    }
}