/* Customer-only mobile card. Ivory / warm coffee; QR contrast is never tinted. */
.webcard-mode main.public{padding-bottom:calc(116px + env(safe-area-inset-bottom,0px))}.webcard-mode .portal-nav [data-view=dashboard],.webcard-mode .portal-nav [data-view=mycard],.webcard-mode .portal-nav [data-view=rewards],.webcard-mode .portal-nav [data-view=collection],.webcard-mode .portal-nav [data-view=topup],.webcard-mode .portal-nav [data-view=history]{display:none}.webcard-mode .portal-nav{gap:8px;flex-wrap:wrap}.webcard-mode .portal-nav button{font-size:13px;padding:9px 12px;min-height:42px}.wc-home{margin:0 0 22px;scroll-margin-top:15px}.wc-home-title{background:linear-gradient(125deg,#514035,#2f2722);color:#f5efe6;border-radius:22px 22px 0 0;padding:26px 24px 48px}.wc-home-title>span{font-size:10px;letter-spacing:.19em;color:#e2ceb4}.wc-home-title h2{font-size:25px;font-weight:600;color:#f5efe6;letter-spacing:.05em;line-height:1.55;margin:11px 0}.wc-home-member{position:relative;margin:-25px 14px 0;background:#fffdfa;border:1px solid #ece2d5;border-radius:20px;padding:23px;box-shadow:0 9px 26px #39291b0e}.wc-home-profile{display:flex;gap:16px;align-items:center;margin-bottom:20px}.wc-home-profile img{border-radius:50%;border:1px solid #dac7aa;background:white}.wc-home-profile>div{min-width:0}.wc-home-profile strong{display:block;color:#392a1e;font-size:23px;overflow-wrap:anywhere}.wc-home-profile small{display:block;color:#7a6956;margin-top:4px;font-size:12px;line-height:1.6}.wc-home-row{display:flex;align-items:center;justify-content:space-between;margin:9px 0;color:#584736;font-size:17px}.wc-home-row strong{font-size:26px;font-variant-numeric:tabular-nums;color:#34271f}.wc-subtle{font-size:12px;line-height:1.75;color:#756655;margin:16px 0}.wc-primary{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;background:#49382b!important;color:#fff4e5!important;border:1px solid #715740;border-radius:13px;min-height:50px;font-size:17px}.wc-primary svg{width:24px;height:24px}.wc-home-shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:17px 14px 0}.wc-home-shortcuts button{display:flex;align-items:center;justify-content:space-between;gap:8px;background:#fffdfa;border:1px solid #e9dece;color:#4c3928;border-radius:16px;padding:18px 14px;font-size:14px;text-align:left;min-height:72px}.wc-home-shortcuts svg{width:23px;height:23px;flex-shrink:0}.wc-home-shortcuts button>span[aria-hidden]{font-size:26px}.wc-card-sheet{max-width:560px;margin:0 auto;border-radius:24px;overflow:hidden;border:1px solid #e3d6c6;background:#fffefd;box-shadow:0 10px 32px #4a352511;text-align:center}.wc-card-band{height:116px;padding:24px 15px 42px;box-sizing:border-box;color:#f5efe6;background:linear-gradient(125deg,#826349,#48392f)}.rank-2 .wc-card-band{background:linear-gradient(125deg,#71767e,#3b414a)}.rank-3 .wc-card-band{background:linear-gradient(125deg,#9b793c,#584020)}.rank-4 .wc-card-band{background:linear-gradient(125deg,#57524d,#242321)}.rank-5 .wc-card-band{background:linear-gradient(125deg,#385b83,#1c3049)}.wc-card-band>span{display:block;font-size:23px;letter-spacing:.27em;font-weight:600}.wc-card-band>small{display:block;font-size:8px;letter-spacing:.18em;margin-top:6px}.wc-card-logo{display:block;position:relative;width:76px;height:76px;margin:-38px auto 0;border-radius:50%;background:white;box-shadow:0 2px 10px #47301922;border:3px solid white}.wc-card-body{padding:15px 24px 26px}.wc-card-body h2{font-size:28px;color:#34291f;margin:12px 0 6px;line-height:1.4}.wc-owner{font-size:16px;color:#766452;margin:0 0 16px;overflow-wrap:anywhere}.wc-qr{display:block;width:min(100%,290px);height:auto;aspect-ratio:1;margin:12px auto;background:#fff;image-rendering:pixelated}.wc-qr[hidden]{display:none!important}.wc-member-number{font-size:21px;font-weight:650;letter-spacing:.07em;font-variant-numeric:tabular-nums;color:#443024;margin:12px 0 16px;overflow-wrap:anywhere}.wc-code-unavailable{min-height:120px;display:grid;place-items:center;color:#766858;font-size:15px;padding:20px}.wc-code-actions{display:flex;gap:10px;justify-content:center}.wc-code-actions button{border:1px solid #d8c6b0;background:#fffcf6;color:#6b5137;border-radius:22px;min-height:42px;padding:8px 16px;font-size:13px}.wc-code-actions button:disabled{opacity:.5}.wc-metrics{display:grid;grid-template-columns:1fr 1.2fr 1fr;align-items:start;margin:26px -10px 22px}.wc-metrics>div{display:flex;flex-direction:column;gap:7px;min-width:0;padding:0 7px;color:#746553;font-size:12px}.wc-metrics>div+div{border-left:1px solid #e5dacb}.wc-metrics strong{font-size:21px;color:#423225;font-weight:700;line-height:1.4;min-height:30px;overflow-wrap:anywhere}.wc-metrics strong>span{font-size:19px}.wc-metrics small{font-size:10px;line-height:1.5}.wc-availability{border-radius:12px;background:#f5f0e7;color:#725639;padding:14px 16px;text-align:left}.wc-availability strong{font-size:13px}.wc-availability p{font-size:12px;line-height:1.8;margin:6px 0 0;color:#735c44}.wc-card-links{margin-top:15px}.wc-card-links button{border:0;border-bottom:1px solid #e9dfd2;background:transparent;width:100%;display:flex;justify-content:space-between;gap:8px;text-align:left;align-items:center;font-size:15px;color:#433327;padding:17px 0;min-height:52px}.wc-card-links button>span[aria-hidden]{font-size:24px}.wc-no-wallet{text-align:center;max-width:520px;margin:20px auto;font-size:12px;color:#7b6b5a;line-height:1.7}.wc-dock{position:fixed;z-index:150;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,620px);box-sizing:border-box;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;background:#fffdf9;border:1px solid #e3d7c7;border-bottom:0;border-radius:23px 23px 0 0;padding:10px 8px calc(12px + env(safe-area-inset-bottom,0px));box-shadow:0 -7px 26px #46362412}.wc-dock button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;border:0;background:transparent;color:#958878;border-radius:14px;min-height:58px;padding:5px 2px;font-size:11px;line-height:1.4}.wc-dock button svg{display:block;width:25px;height:25px}.wc-dock button.active{color:#513820;font-weight:700}.wc-dock .wc-card-action svg{box-sizing:content-box;background:#48342a;color:#f5efe6;width:28px;height:28px;padding:14px;border-radius:50%;border:5px solid #fffdf9;margin-top:-31px;box-shadow:0 -5px 12px #43302007}.wc-dock button:focus-visible,.wc-home button:focus-visible,.wc-card-sheet button:focus-visible{outline:3px solid #b69564;outline-offset:3px}.wc-full{max-width:510px;width:calc(100% - 30px);box-sizing:border-box;border:1px solid #cfb999;border-radius:22px;padding:24px;text-align:center;background:#fff;max-height:90dvh;overflow:auto;color:#443024}.wc-full::backdrop{background:#211811e8}.wc-full .wc-qr{width:100%;max-width:420px}.wc-full h2{letter-spacing:.18em;font-size:24px;color:#4b3422;margin:18px 0 5px}.wc-full>p{font-size:13px;line-height:1.7;overflow-wrap:anywhere}.wc-full>b{font-size:22px;letter-spacing:.07em}.wc-full-close{margin-left:auto;display:block;padding:8px 13px;border-radius:22px;min-height:42px;background:#f4ecdf;border:1px solid #decdb6;color:#5a432b}.wc-help p{line-height:1.75}.webcard-mode #mycard{scroll-margin-top:14px}.webcard-mode .portal-title{display:none}@media(min-width:800px){.wc-home{max-width:800px;margin-inline:auto}.wc-home-shortcuts{grid-template-columns:repeat(4,1fr)}}@media(max-width:370px){.wc-card-body{padding-inline:16px}.wc-card-body h2{font-size:24px}.wc-metrics strong{font-size:18px}.wc-metrics strong>span{font-size:16px}.wc-dock button{font-size:10px}.wc-home-member{padding:18px}.wc-home-profile strong{font-size:20px}.wc-home-shortcuts button{font-size:12px;padding:15px 11px}}

.wc-benefit-details{margin:20px 0;border:1px solid #e3d7c7;border-radius:16px;background:#fffcf7}.wc-benefit-details>summary{padding:18px;font-size:15px;color:#57412d;cursor:pointer;font-weight:650}.wc-benefit-details[open]>summary{border-bottom:1px solid #e3d7c7}.wc-benefit-details>#summary{padding:12px}
@media(max-width:600px){.wc-card-band{height:96px;padding-top:18px}.wc-card-logo{width:64px;height:64px;margin-top:-32px}.wc-card-body{padding-top:8px}.wc-card-body h2{font-size:25px;margin:10px 0 4px}.wc-owner{font-size:14px;margin-bottom:10px}.wc-card-sheet .wc-qr{width:min(100%,244px);margin:8px auto}.wc-member-number{font-size:20px;margin:8px 0 12px}.wc-metrics{margin-top:20px}.wc-card-links button{font-size:14px}}

/* Keep expiry information within a compact, keyboard-accessible disclosure on the member home. */
.wc-credit-expiry{margin:18px 0 0;border:1px solid #e3d7c7;border-radius:12px;background:transparent;padding:0 14px}
.wc-credit-expiry>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:10px 0;box-sizing:border-box;list-style:none;cursor:pointer;color:#57412d;font-size:15px;font-weight:650;line-height:1.5}
.wc-credit-expiry>summary::-webkit-details-marker{display:none}
.wc-credit-expiry>summary:focus-visible{outline:3px solid #b69564;outline-offset:4px;border-radius:4px}
.wc-expiry-chevron{width:8px;height:8px;flex:0 0 8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin:0 3px 4px 0}
.wc-credit-expiry[open]>summary{border-bottom:1px solid #e3d7c7}
.wc-credit-expiry[open]>summary .wc-expiry-chevron{transform:rotate(225deg);margin-top:6px;margin-bottom:0}
.wc-credit-expiry>.credit-expiry{margin:0;padding:12px 0 16px;border:0;border-radius:0;box-shadow:none;background:transparent}
/* The posting/tier section shares the expiry disclosure instead of another card. */
.wc-credit-expiry>.recharge-policy243{margin:0;padding:16px 0;border:0;border-top:1px solid #e3d7c7;border-radius:0;box-shadow:none;background:transparent;overflow-wrap:anywhere}
.wc-credit-expiry>.recharge-policy243>h3{margin:0 0 12px;font-size:16px;color:#57412d}
.wc-credit-expiry>.recharge-policy243 p{line-height:1.7}
.wc-credit-expiry>.recharge-policy243 p:last-child{margin-bottom:0}
.wc-credit-expiry>.credit-expiry>h3{display:none}
.wc-credit-expiry .meta{grid-template-columns:minmax(0,1fr) minmax(0,1fr);overflow-wrap:anywhere}

/* Keep the existing membership refresh control beside the home heading. */
.wc-home-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.wc-home-heading h2{flex:1;min-width:0;font-size:clamp(18px,4.6vw,25px);margin:10px 0}
.wc-home-heading .wc-home-refresh{flex:0 0 auto;max-width:43%;min-height:42px;margin-top:8px;padding:8px 10px;border:1px solid #cbb79e;border-radius:10px;background:#ffffff12;color:#fff5e7;font-size:12px;font-weight:600;line-height:1.4;text-align:center;white-space:normal;letter-spacing:0}
.wc-home-heading .wc-home-refresh:disabled{opacity:.55}
@media(max-width:370px){.wc-home-title{padding-inline:18px}.wc-home-heading{gap:8px}.wc-home-heading .wc-home-refresh{font-size:11px;padding-inline:8px}}