/* RMD Stall Booking – "Complete your payment" popup (every page). Light, flat, #CB3981. */
.rsbpay { --p: #CB3981; position: fixed; inset: 0; z-index: 99999; display: grid; place-items: center; padding: 20px; background: rgba(31, 27, 38, .5); font-family: inherit; opacity: 0; transition: opacity .3s ease; }
.rsbpay.is-in { opacity: 1; }
.rsbpay[hidden] { display: none; }
.rsbpay *, .rsbpay *::before, .rsbpay *::after { box-sizing: border-box; }
.rsbpay-box { position: relative; width: 100%; max-width: 420px; padding: 34px 28px 24px; border-radius: 26px; background: #fff; color: #1f1b26; text-align: center; line-height: 1.5; transform: translateY(16px) scale(.98); transition: transform .45s cubic-bezier(.22, 1, .36, 1); }
.rsbpay.is-in .rsbpay-box { transform: none; }
.rsbpay .rsbpay-x { position: absolute; top: 12px; right: 12px; width: 38px; height: 38px; margin: 0; padding: 0; border: 0; border-radius: 50%; background: #f6f2f6; color: #4a4556; font-size: 22px; line-height: 1; cursor: pointer; }
.rsbpay .rsbpay-x:hover { background: #fdf0f6; color: var(--p); }
.rsbpay-ic { width: 62px; height: 62px; margin: 0 auto 14px; border-radius: 20px; display: grid; place-items: center; background: #fdf0f6; color: var(--p); }
.rsbpay-box h3 { font-family: inherit; margin: 0 0 6px; font-size: 24px; font-weight: 800; line-height: 1.2; color: #1f1b26; }
.rsbpay-who { margin: 0 0 16px; font-size: 15.5px; font-weight: 700; color: var(--p); }
.rsbpay-clock { display: inline-flex; align-items: baseline; gap: 8px; padding: 10px 22px; border-radius: 16px; background: #fdf0f6; border: 1.5px solid #f6c3da; }
.rsbpay-clock b { font-size: 34px; font-weight: 800; line-height: 1; color: var(--p); font-variant-numeric: tabular-nums; letter-spacing: -.02em; }
.rsbpay-clock small { font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; color: #6b6578; }
.rsbpay-bar { display: block; height: 5px; margin: 14px auto 0; max-width: 220px; border-radius: 5px; background: #f6c3da; overflow: hidden; }
.rsbpay-bar i { display: block; height: 100%; background: var(--p); transform-origin: left; transition: transform 1s linear; }
.rsbpay-txt { margin: 16px 0 20px; font-size: 14.5px; color: #4a4556; }
.rsbpay .rsbpay-btn { display: flex; align-items: center; justify-content: center; width: 100%; height: 54px; border-radius: 99px; background: var(--p); color: #fff !important; font-size: 16px; font-weight: 700; text-decoration: none !important; transition: background .2s ease; }
.rsbpay .rsbpay-btn:hover { background: #b02f6e; }
.rsbpay .rsbpay-link { display: block; width: 100%; margin: 10px 0 0; padding: 10px; border: 0; background: none; color: #6b6578; font: inherit; font-size: 14px; font-weight: 600; text-decoration: underline; cursor: pointer; }
.rsbpay .rsbpay-link:hover { color: var(--p); }
.rsbpay.is-low { --p: #dc2626; }
.rsbpay.is-low .rsbpay-clock { background: #fef2f2; border-color: #fecaca; }
.rsbpay.is-low .rsbpay-ic { background: #fef2f2; }
.rsbpay.is-done .rsbpay-txt { margin-top: 4px; }

.rsbpay-pill { position: fixed; right: 20px; bottom: 20px; z-index: 99998; display: inline-flex; align-items: center; gap: 12px; padding: 8px 20px 8px 8px; border-radius: 99px; background: #CB3981; color: #fff !important; text-decoration: none !important; font-family: inherit; line-height: 1.1; box-shadow: 0 14px 30px -16px rgba(31, 27, 38, .45); }
.rsbpay-pill[hidden] { display: none; }
.rsbpay-pill-ic { width: 44px; height: 44px; border-radius: 50%; display: grid; place-items: center; background: #fff; color: #CB3981; }
.rsbpay-pill-ic svg { width: 22px; height: 22px; }
.rsbpay-pill b { display: block; font-size: 18px; font-weight: 800; font-variant-numeric: tabular-nums; }
.rsbpay-pill small { display: block; font-size: 12px; font-weight: 700; opacity: .9; }
.rsbpay-pill.is-low { background: #dc2626; }
.rsbpay-pill.is-low .rsbpay-pill-ic { color: #dc2626; }
@media (max-width: 480px) {
	.rsbpay-box { padding: 30px 20px 20px; border-radius: 22px; }
	.rsbpay-box h3 { font-size: 21px; }
	.rsbpay-pill { right: 12px; bottom: 12px; }
}