/* Refer & Earn (customer app + website share sheet). Website jaisa look: Plus Jakarta Sans, navy + coral, soft cards. */
.rw-hero,.rw-card,.rw-sheet,.rw-pay,.rw-banner{--rw-ink:#18213B;--rw-ink2:#3A4563;--rw-mut:#6B7590;--rw-line:#E3E7F0;--rw-coral:#EF5A4C;--rw-coral-d:#D9443A;--rw-coral-l:#FDEDEA;--rw-amber:#F4A340;--rw-mint:#2FB67C;font-family:"Plus Jakarta Sans",system-ui,sans-serif}
.rw-hero{position:relative;overflow:hidden;margin:12px 0;padding:20px 18px 16px;border-radius:22px;color:#fff;background:radial-gradient(260px 180px at 100% 0%,rgba(239,90,76,.55),transparent 70%),radial-gradient(240px 160px at 0% 100%,rgba(244,163,64,.28),transparent 70%),linear-gradient(125deg,#0B1020,#171046 60%,#33102C);box-shadow:0 18px 40px -20px rgba(11,16,32,.6)}
.rw-hero::after{content:"";position:absolute;right:-30px;top:-30px;width:140px;height:140px;border-radius:50%;border:1.5px dashed rgba(255,255,255,.18)}
.rw-eye{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#FFC8BF}
.rw-pts{display:flex;align-items:baseline;gap:8px;margin:6px 0 2px}
.rw-pts b{font-size:44px;line-height:1;font-weight:800;letter-spacing:-.02em;background:linear-gradient(90deg,#fff,#FFD6A8);-webkit-background-clip:text;background-clip:text;color:transparent}
.rw-pts small{font-size:14px;font-weight:700;color:rgba(255,255,255,.75)}
.rw-hero p{margin:6px 0 0;font-size:13px;line-height:1.5;color:rgba(255,255,255,.85);max-width:420px}.rw-hero p b{color:#fff}
.rw-stats{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}
.rw-stats span{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:8px 6px;text-align:center;font-size:10.5px;font-weight:600;color:rgba(255,255,255,.75);backdrop-filter:blur(6px)}
.rw-stats b{display:block;font-size:17px;color:#fff;font-weight:800}
.rw-card{background:#fff;border:1px solid var(--rw-line);border-radius:20px;padding:16px;margin:12px 0;box-shadow:0 8px 22px -14px rgba(24,33,59,.18)}
.rw-card h2{font-size:16px;font-weight:800;color:var(--rw-ink);margin:0 0 4px;letter-spacing:-.01em}
.rw-sub{font-size:12.5px;color:var(--rw-mut);margin:0 0 12px;line-height:1.5}
.rw-code{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border:1.5px dashed #F5B3AB;background:var(--rw-coral-l);border-radius:14px}
.rw-code small{display:block;font-size:10.5px;font-weight:700;color:var(--rw-coral-d);text-transform:uppercase;letter-spacing:.08em}
.rw-code b{font-size:22px;font-weight:800;letter-spacing:.06em;color:var(--rw-ink)}
.rw-copy{border:0;background:var(--rw-coral);color:#fff;border-radius:11px;padding:8px 13px;font:700 12.5px "Plus Jakarta Sans",sans-serif;display:inline-flex;gap:6px;align-items:center;cursor:pointer;box-shadow:0 8px 16px -8px rgba(239,90,76,.7)}
.rw-share{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:12px}
.rw-share a,.rw-share button{display:flex;flex-direction:column;align-items:center;gap:5px;border:0;background:none;padding:0;color:var(--rw-ink2);font:600 10.5px "Plus Jakarta Sans",sans-serif;text-decoration:none;cursor:pointer}
.rw-share i{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;font-size:21px;color:#fff;box-shadow:0 8px 16px -8px rgba(24,33,59,.45)}
.rw-share .wa i{background:#25D366}.rw-share .fb i{background:#1877F2}.rw-share .tg i{background:#2AABEE}.rw-share .cp i{background:#3A4563}.rw-share .mo i{background:linear-gradient(135deg,var(--rw-coral),var(--rw-amber))}
.rw-steps{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:8px}
.rw-steps li,.rw-hist li{display:flex;align-items:center;gap:11px}
.rw-steps li{padding:10px;border-radius:14px;background:#F7F8FC}
.rw-card .ic{flex:none;width:36px;height:36px;border-radius:11px;display:grid;place-items:center;font-size:16px;background:var(--rw-coral-l);color:var(--rw-coral)}
.rw-card .ic.neg{background:#EEF1F7;color:var(--rw-mut)}
.rw-steps div,.rw-hist div{flex:1;min-width:0}
.rw-steps b,.rw-hist b{display:block;font-size:13px;color:var(--rw-ink);font-weight:700}
.rw-steps small,.rw-hist small{display:block;font-size:11.5px;color:var(--rw-mut);line-height:1.35}
.rw-steps em{font-style:normal;font-weight:800;font-size:13px;color:var(--rw-mint);background:#E6F6EE;border-radius:99px;padding:4px 10px;white-space:nowrap}
.rw-use{display:flex;gap:9px;align-items:flex-start;margin-top:10px;padding:10px 12px;border-radius:14px;background:#FFF7E9;color:#7A4B00;font-size:12.5px;line-height:1.45}.rw-use i{margin-top:2px}
.rw-items{display:grid;gap:8px}
.rw-it{display:flex;align-items:center;gap:10px;padding:8px;border:1px solid var(--rw-line);border-radius:14px}
.rw-it .im{flex:none;width:46px;height:46px;border-radius:12px;background:#F0F2F8;display:grid;place-items:center;overflow:hidden;color:#9AA3B8;font-size:20px}
.rw-it .im.svc{background:var(--rw-coral-l);color:var(--rw-coral)}
.rw-it .im img{width:100%;height:100%;object-fit:cover}.rw-it .im.svc img{width:28px;height:28px;object-fit:contain}
.rw-it .tx{flex:1;min-width:0}.rw-it b{display:block;font-size:13px;color:var(--rw-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rw-it small{font-size:11.5px;color:var(--rw-mut);font-weight:600}
.rw-mini{flex:none;border:1.5px solid var(--rw-line);background:#fff;color:var(--rw-ink);border-radius:10px;padding:6px 10px;font:700 11.5px "Plus Jakarta Sans",sans-serif;display:inline-flex;gap:5px;align-items:center;cursor:pointer}
.rw-mini:hover,.rw-mini:active{border-color:var(--rw-coral);color:var(--rw-coral-d)}
.rw-hist{list-style:none;margin:6px 0 0;padding:0}.rw-hist li{padding:9px 0;border-top:1px dashed var(--rw-line)}.rw-hist li:first-child{border-top:0}
.rw-hist em{font-style:normal;font-weight:800;font-size:14px}.rw-hist em.p{color:var(--rw-mint)}.rw-hist em.n{color:var(--rw-coral-d)}
.rw-none{text-align:center;color:var(--rw-mut);font-size:13px;padding:18px 0}.rw-none i{display:block;font-size:26px;color:#C9D0E0;margin-bottom:6px}

/* customer home: small points banner */
.rw-banner{display:flex;align-items:center;gap:11px;margin:10px 0;padding:11px 13px;border-radius:16px;text-decoration:none;color:#fff;background:linear-gradient(120deg,#171046,#33102C 70%,#5A1A1A);box-shadow:0 12px 24px -16px rgba(11,16,32,.7)}
.rw-banner .ic{flex:none;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-size:18px;background:linear-gradient(135deg,var(--rw-coral),var(--rw-amber));color:#fff}
.rw-banner span{flex:1;min-width:0;font-size:12px;color:rgba(255,255,255,.8);line-height:1.35}.rw-banner b{display:block;color:#fff;font-size:14px}
.rw-banner em{font-style:normal;font-size:11.5px;font-weight:800;background:#fff;color:var(--rw-ink);border-radius:99px;padding:5px 11px;white-space:nowrap}

/* pay page: use points */
.rw-pay{display:flex;align-items:center;gap:11px;margin:12px 0;padding:12px;border-radius:16px;border:1.5px dashed #F5B3AB;background:linear-gradient(120deg,#FFF6F4,#FFF9EF)}
.rw-pay .ic{flex:none;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-size:18px;background:linear-gradient(135deg,var(--rw-coral),var(--rw-amber));color:#fff}
.rw-pay span{flex:1;min-width:0;font-size:12px;color:var(--rw-mut);line-height:1.4}.rw-pay b{display:block;color:var(--rw-ink);font-size:13.5px}
.rw-pay button{border:0;background:var(--rw-coral);color:#fff;border-radius:11px;padding:9px 13px;font:800 12.5px "Plus Jakarta Sans",sans-serif;white-space:nowrap;cursor:pointer;box-shadow:0 8px 16px -8px rgba(239,90,76,.7)}
.rw-pay.done{border-style:solid;border-color:#BFE8D2;background:#F0FBF5}.rw-pay.done .ic{background:var(--rw-mint)}

/* share button on product / service / blog pages */
.rw-sbtn{display:inline-flex;align-items:center;gap:7px;border:1.5px solid #E3E7F0;background:#fff;color:#18213B;border-radius:12px;padding:8px 14px;font:700 13px "Plus Jakarta Sans",system-ui,sans-serif;cursor:pointer;transition:.2s}
.rw-sbtn:hover{border-color:#EF5A4C;color:#D9443A}
.rw-sbtn i{color:#EF5A4C}

/* share sheet */
.rw-ov{position:fixed;inset:0;z-index:9998;background:rgba(11,16,32,.45);opacity:0;transition:opacity .2s}
.rw-ov.on{opacity:1}
.rw-sheet{position:fixed;z-index:9999;left:50%;bottom:0;width:min(480px,100%);transform:translate(-50%,105%);transition:transform .28s cubic-bezier(.2,.9,.3,1);background:#fff;border-radius:22px 22px 0 0;padding:10px 18px calc(18px + env(safe-area-inset-bottom));box-shadow:0 -20px 40px -20px rgba(11,16,32,.4)}
.rw-sheet.on{transform:translate(-50%,0)}
.rw-sheet .grab{width:42px;height:5px;border-radius:9px;background:#DDE2EC;margin:0 auto 12px}
.rw-sheet h4{margin:0;font-size:15.5px;font-weight:800;color:var(--rw-ink)}
.rw-sheet p{margin:3px 0 0;font-size:12px;color:var(--rw-mut)}
.rw-sheet .rw-share{margin-top:14px}
.rw-sheet .rw-lnk{display:flex;gap:8px;align-items:center;margin-top:14px;padding:8px 8px 8px 12px;border:1px solid var(--rw-line);border-radius:12px;font-size:12px;color:var(--rw-mut)}
.rw-sheet .rw-lnk span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rw-toast{position:fixed;left:50%;bottom:90px;transform:translateX(-50%);z-index:10000;background:#18213B;color:#fff;border-radius:99px;padding:8px 16px;font:700 12.5px "Plus Jakarta Sans",sans-serif;box-shadow:0 10px 24px rgba(11,16,32,.35)}
@media (min-width:768px){.rw-sheet{bottom:50%;border-radius:22px;transform:translate(-50%,60%);opacity:0;pointer-events:none;transition:transform .25s,opacity .25s}.rw-sheet.on{transform:translate(-50%,50%);opacity:1;pointer-events:auto}.rw-sheet .grab{display:none}}
/* account tiles: 6 tiles in one row (Refer & Earn added) */
.cx-tiles{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:6px!important}
.cx-tiles a{padding:9px 2px 7px!important;font-size:10px!important;line-height:1.2}
@media (max-width:359px){.cx-tiles{grid-template-columns:repeat(3,minmax(0,1fr))!important}}