.payment-wrap{max-width:1040px;margin:0 auto;padding:38px 24px 72px}.payment-heading{max-width:740px;margin-bottom:28px}.payment-heading h1{font-size:clamp(2rem,5vw,3.3rem);line-height:1.1;margin:10px 0 16px}.payment-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,1fr);gap:22px;align-items:start}.payment-card{padding:28px;border:1px solid var(--line,#deddd7);border-radius:20px;background:#fff}.payment-card h2{font-size:1.3rem;margin:0 0 16px}.payment-card p{line-height:1.6}.payment-card[hidden],.payment-test[hidden]{display:none}.payment-test{border:2px solid #9b6407;background:#fff4d5;padding:16px 20px;border-radius:14px;margin:0 0 24px}.payment-test strong{display:block;font-size:1.05rem}.payment-test p{margin:6px 0 0}.payment-status{border-left:5px solid #ad8539}.payment-status[data-state=paid]{border-color:#257449}.payment-status[data-state=failed],.payment-status[data-state=review]{border-color:#a94432}.payment-reference{font-size:.82rem;word-break:break-all;color:#64645f}.payment-rows{list-style:none;padding:0;margin:0}.payment-rows li{display:flex;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid #ecebe6}.payment-rows small{display:block;color:#676761;margin-top:4px}.payment-totals{margin:20px 0}.payment-totals div{display:flex;justify-content:space-between;gap:18px;margin:10px 0}.payment-totals .payment-total{font-size:1.25rem;font-weight:800;padding-top:14px;border-top:1px solid #deddd7}.payment-terms{display:flex;align-items:flex-start;gap:12px;line-height:1.6;margin:22px 0}.payment-terms input{flex:0 0 20px;width:20px;height:20px;margin-top:4px;accent-color:#996515}.payment-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.payment-actions .btn{white-space:normal}.payment-note{color:#696962;font-size:.9rem}.payment-order-list{list-style:none;padding:0;margin:0}.payment-order-list li{padding:16px 0;border-top:1px solid #e9e8e1}.payment-order-list a{font-weight:700}.payment-order-list p{margin:6px 0}.payment-entry{margin:18px 0;padding:20px;border:1px solid #d6c498;border-radius:14px;background:#fffcf4}.payment-entry .btn{margin-top:8px}.payment-entry[hidden]{display:none}.payment-methods{display:flex;gap:18px;flex-wrap:wrap;margin:18px 0}.payment-methods input{accent-color:#996515}.payment-methods label{display:flex;align-items:center;gap:8px}.payment-refund-confirm{padding:14px;background:#fff5dd;border-radius:10px}.payment-refund-confirm[hidden]{display:none}@media(max-width:720px){.payment-grid{grid-template-columns:1fr}.payment-card{padding:20px}.payment-wrap{padding:24px 18px 50px}.payment-actions .btn{width:100%}.payment-heading{margin-bottom:20px}}.payment-operators{display:flex;gap:22px;flex-wrap:wrap;margin:20px 0 10px}.payment-operators span{display:flex;align-items:center;gap:9px;font-weight:700}.payment-operators img,.payment-method-logo{width:38px;height:38px;object-fit:contain;border-radius:8px;background:#fff}.payment-desktop-qr{padding:18px;background:#f7f6f0;border:1px solid #e5e1d3;border-radius:14px;text-align:center;margin:20px 0}.payment-desktop-qr h3{margin:0 0 12px;font-size:1.05rem}.payment-qr{max-width:232px;margin:auto;padding:10px;background:#fff;border-radius:10px}.payment-qr svg{display:block;width:100%;height:auto;image-rendering:pixelated}.payment-copy-row{display:flex;gap:9px;align-items:center;margin-top:16px}.payment-copy-row input{min-width:0;width:100%;font-size:.75rem;border:1px solid #dfddd4;border-radius:9px;padding:12px;color:#666}.payment-copy-row .btn{flex-shrink:0;padding:12px}.payment-handoff-hidden{display:none}.delivery-method label .payment-method-logo{width:32px;height:32px;margin:0 6px}.payment-methods img{width:32px;height:32px;object-fit:contain}@media(max-width:720px),(pointer:coarse){.payment-desktop-qr{display:none}.payment-copy-row{flex-wrap:wrap}.payment-copy-row .btn{width:100%}}.payment-operators .payment-logo-wave,.payment-methods .payment-logo-wave{width:70px;height:32px;object-fit:contain;border-radius:0}.payment-operators .payment-logo-orange,.payment-methods .payment-logo-orange{width:38px;height:38px;padding:5px;background:#111;border-radius:8px}.payment-desktop-qr[hidden],#paymentHandoff[hidden]{display:none}.payment-wrap [hidden]{display:none!important}.payment-card-test{padding:12px 16px;border:1px solid #deddd7;border-radius:12px;background:#faf9f4;margin:18px 0}.payment-card-test>p:first-child{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.payment-card-test strong{font-variant-numeric:tabular-nums}
