.payment-section{background:radial-gradient(ellipse at 10% 60%,#8148c81c,transparent 60%),#0c1223;border-top:1px solid var(--line)}
.payment-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.payment-card{--pay:#c69bff;display:flex;flex-direction:column;align-items:flex-start;padding:26px;border:1px solid color-mix(in srgb,var(--pay) 35%,transparent);background:linear-gradient(140deg,color-mix(in srgb,var(--pay) 8%,#10172b),#11192c);border-radius:20px;min-width:0;transition:transform .25s,box-shadow .25s}.payment-card:hover{transform:translateY(-4px);box-shadow:0 0 26px color-mix(in srgb,var(--pay) 15%,transparent)}.pay-plin{--pay:#6ae4e9}.pay-paypal{--pay:#8abfff}.pay-western{--pay:#f3d66e}.payment-type{font-size:.75rem;letter-spacing:.12em;color:var(--muted)}.payment-card h3{font-size:1.5rem;margin:16px 0;color:var(--pay)}.payment-card p{font-size:.875rem;color:var(--muted);margin-bottom:12px}.payment-card strong{font-size:1.25rem;letter-spacing:.03em;white-space:nowrap;margin-bottom:20px}.copy-payment,.payment-link{margin-top:auto;padding:10px 14px;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:#ffffff05;min-height:44px;font-size:.875rem;font-weight:700}.payment-note,#payment-status{font-size:.875rem;color:var(--muted);margin-top:20px}.cart-payment-summary{padding:15px;border:1px solid var(--line);border-radius:12px;font-size:.875rem;color:var(--muted);margin:20px 0}.cart-payment-summary strong{display:block;color:var(--ink);margin-bottom:5px}
[data-theme=light] .payment-section{background:#f1f5fc}[data-theme=light] .payment-card{background:#fff;border-color:#cbd6e6;box-shadow:0 6px 20px #3f396b08}[data-theme=light] .payment-card h3{color:#43315f}[data-theme=light] .pay-plin h3{color:#12657d}[data-theme=light] .pay-paypal h3{color:#245594}[data-theme=light] .pay-western h3{color:#6b5416}
@media(max-width:1000px){.payment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:550px){.payment-grid{grid-template-columns:1fr}.payment-card{padding:24px}.payment-card strong{font-size:1.375rem}}
@media(prefers-reduced-motion:reduce){.payment-card:hover{transform:none}}