.payment-compact{max-width:760px;padding:18px!important;margin:20px 0;overflow:visible}.payment-compact h3{margin:0 0 12px;font-size:18px}.payment-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;background:#f6f6ef;padding:12px;border-radius:5px}.payment-summary span{font-size:12px;color:#666}.payment-summary b{display:block;color:#222;font-size:19px;margin-top:4px}.payment-main-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:4px 0 12px}.payment-methods{display:grid;grid-template-columns:1fr 1fr;gap:10px}.payment-methods[hidden]{display:none}.payment-compact input,.payment-compact select{padding:8px}.payment-compact #pay-quick{gap:5px;margin:10px 0}.payment-compact #pay-quick button{padding:6px 8px;font-size:12px}.payment-compact #pay-cash-box h3{font-size:18px;margin:10px 0}.payment-compact .muted{font-size:12px;line-height:1.5}.payment-reference{font-size:12px;margin:10px 0}.payment-reference summary{cursor:pointer;color:#52667a}.payment-reference input{max-width:460px}.payment-compact .check{margin-top:14px;line-height:1.4}.payment-compact #pay-error:empty{display:none}@media(max-width:650px){.payment-main-grid{grid-template-columns:1fr;gap:0}.payment-summary{gap:8px}.payment-summary b{font-size:16px}.payment-compact{padding:12px!important}.payment-methods{grid-template-columns:1fr 1fr}}
