.app.recharge-page{padding:20px 16px 100px;background:linear-gradient(180deg,#fff0f300 0,#fff2f7d9 230px,#fff6fa 550px),url("assets/header-bg.jpg") center top/100% 230px no-repeat;color:#610b2a}
.recharge-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;margin:0 0 28px;height:44px;color:#131226}.recharge-header h1{font-size:24px;margin:0;white-space:nowrap}.recharge-header button{justify-self:start;font-size:16px;color:inherit;padding:0}.recharge-header button span{font-size:30px;vertical-align:-2px;margin-right:5px}
.recharge-notice{display:flex;align-items:center;gap:12px;width:100%;padding:10px 14px;margin-bottom:8px;border:1px solid white;border-radius:13px;background:#fff8;color:#ff0870;text-align:left;font-size:13px;min-height:38px}.notice-crown{font-size:26px;line-height:1}.recharge-notice b{margin-left:auto;font-size:24px;color:#760a38}
.recharge-wallet,.recharge-member{position:relative;isolation:isolate;overflow:hidden;border:1px solid white;border-radius:20px;box-shadow:0 8px 20px #ff80ab15;background:linear-gradient(130deg,#ff73a699,#ffe4eeae 55%,#ffc0d799);padding:15px 18px;margin-bottom:10px}
.recharge-page h2{font-size:18px;margin:0 0 6px;color:#650b2a}.recharge-wallet h2{font-size:15px;font-weight:600}.recharge-amount{display:flex;align-items:center;gap:9px;margin:0 0 6px;height:40px}.recharge-amount strong{font-size:36px;line-height:1}.recharge-amount button{padding:2px;color:#c3678f}.recharge-amount svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2}
.recharge-art{position:absolute;z-index:-1;background-image:url("assets/ornaments.png");background-size:300% 100%;background-repeat:no-repeat;width:158px;height:158px;right:-9px;top:-8px;pointer-events:none}.pendant-art{background-position:100% 0;transform:rotate(-14deg);opacity:.95}.crystal-art{background-position:0 0;right:-5px;top:-12px;width:151px;height:151px}
.wallet-actions{display:flex;gap:7px;position:relative}.recharge-primary,.recharge-light{border:1px solid #fff9;border-radius:30px;min-height:38px;font-size:16px;font-weight:700;padding:9px 15px;text-align:center}.recharge-primary{color:#fff;background:linear-gradient(110deg,#ff4c8c,#ff226d 47%,#ff947b)}.wallet-actions button{width:38%;font-size:14px;min-height:34px;padding:6px 12px}.recharge-light{color:#ff0870;background:linear-gradient(#fff,#ffe5ee)}
.recharge-member{background:linear-gradient(130deg,#ffe6f0c9,#ffd1e1b0);padding:14px}.recharge-member h2{font-size:21px}.recharge-member p{font-size:14px;color:#74728c;margin:0 0 9px;position:relative}.recharge-perks{display:flex;gap:5px;position:relative;margin:0 0 10px}.recharge-perks a,.recharge-perks button{white-space:nowrap;font-size:11px;text-decoration:none;color:#ff2978;border:1px solid white;background:#fff7;border-radius:20px;padding:6px 7px}.member-purchase{width:100%;position:relative}.recharge-primary span{font-size:23px;font-weight:400;vertical-align:-1px;margin-left:6px;line-height:14px}
.recharge-form{background:#fffffff0;border-radius:21px;padding:16px;margin:0 0 10px}.recharge-form h2{font-size:18px;margin-bottom:10px}.recharge-form label{display:block;color:#807c96;font-size:12px;margin-bottom:6px}.recharge-form input{display:block;width:100%;height:40px;border:1px solid #eee5ef;border-radius:10px;padding:10px 12px;background:#fff;color:#610b2a;font-size:14px;margin:0}.recharge-form input::placeholder{color:#aeabbf}.recharge-form p{font-size:11px;color:#85819b;margin:5px 0 7px}.recharge-form>.recharge-primary{width:100%}.recharge-return{display:block;width:100%;border:1px solid white;border-radius:25px;padding:12px;background:#eee5ec66;color:#ac6382;font-size:15px;font-weight:700}
.recharge-page~.nav,.recharge-page .nav{border-radius:24px 24px 0 0}.booking-required{font-size:12px;color:#b24c72;margin:8px 0}.cta:disabled{opacity:.5;cursor:not-allowed}.map-feedback{font-size:12px;color:#946077;padding:8px 0}.map-feedback button{color:#ef3770;text-decoration:underline}
@media(max-width:360px){.app.recharge-page{padding:16px 12px 90px}.recharge-header h1{font-size:22px}.recharge-perks a,.recharge-perks button{font-size:10px;padding:6px}.recharge-art{right:-24px}.recharge-wallet,.recharge-member{padding:14px}.wallet-actions button{width:42%}}

.recharge-page .demo{margin-left:-16px;margin-right:-16px}@media(max-width:360px){.recharge-page .demo{margin-left:-12px;margin-right:-12px}}