.pay-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);display:none;align-items:center;justify-content:center;z-index:11000}
.pay-modal-overlay.open{display:flex}
.pay-modal{background:#fff;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.15);width:560px;max-width:92%;overflow:hidden;border:1px solid #e5e7eb}
.pay-modal-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #f1f5f9}
.pay-modal-title{font-size:18px;margin:0;color:#111827}
.pay-modal-close{background:transparent;border:none;font-size:22px;line-height:1;cursor:pointer;color:#6b7280}
.pay-modal-close:hover{color:#111827}
.pay-modal-body{padding:16px}
.pay-options{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.pay-option{border:1px solid #e5e7eb;border-radius:10px;padding:12px;display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:transform .15s,border-color .15s,box-shadow .15s;background:#fafafa}
.pay-option:hover{transform:translateY(-2px);border-color:#cbd5e1;box-shadow:0 6px 12px rgba(0,0,0,.06)}
.pay-option.selected{border-color:#10b981;box-shadow:0 0 0 2px rgba(16,185,129,.2) inset;background:#ecfdf5}
.pay-option img{width:120px;height:120px;object-fit:contain}
.pay-caption{margin-top:8px;font-size:14px;color:#374151}