/* Shared visual face: used by the real customer card and the merchant preview. */
.customerWalletCard{overflow:hidden;background:linear-gradient(145deg,#fffdfa,#f5eddf);border:1px solid #dfd0bb;border-radius:26px;box-shadow:0 16px 38px rgba(55,35,19,.10)}
.walletCardHeader{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 22px 16px;background:linear-gradient(120deg,#fff8eb,#f2e2c9);border-bottom:1px solid #eadcc7}
.walletCardIdentity{display:flex;align-items:center;gap:12px;min-width:0}
.walletFaceLogo{display:grid;place-items:center;flex:none;width:48px;height:48px;overflow:hidden;border-radius:15px;background:linear-gradient(145deg,#d99b38,#8e5916);color:#fff;font-size:22px;font-weight:950}
.walletFaceLogo img{width:100%;height:100%;object-fit:cover}
.walletCardIdentity>div{min-width:0}
.walletCardIdentity .customerCardEyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:#a36a0b;font-weight:900}
.walletCardIdentity h2{margin:5px 0 0;font-size:22px;letter-spacing:-.5px;overflow-wrap:anywhere}
.walletCardMark{font-size:10px;letter-spacing:.15em;color:#98630f;font-weight:950;white-space:nowrap}
.walletCardBody{display:grid;grid-template-columns:minmax(0,1fr) 195px;align-items:center;gap:18px;padding:20px 22px}
.walletCardDetails{min-width:0}
.walletPoints{display:flex;align-items:baseline;gap:7px}.walletPoints strong{font-size:48px;line-height:1;letter-spacing:-3px;color:#382716}.walletPoints>span{color:#776958;font-size:14px}.walletProgress{height:9px;overflow:hidden;border-radius:99px;background:#e6ddcf;margin-top:13px}.walletProgress i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#d7951f,#9e6207)}.walletProgressText{font-size:13px;color:#756b61;margin:8px 0 16px}
.walletReward{display:grid;gap:4px;padding:12px 14px;border-radius:15px;background:#fff;border:1px solid #eee3d6}.walletReward>span{color:#a36a0b;font-size:9px;letter-spacing:.14em;font-weight:950}.walletReward strong{font-size:17px;color:#312317;line-height:1.25}.walletReward small{color:#837767;font-size:11px}
.walletOffer{font-size:12px;line-height:1.4;color:#675746;margin:12px 0 0}.walletOffer b{color:#8d5d10}.walletOffer p{margin:3px 0 0}
.walletQrBlock{display:grid;justify-items:center;gap:7px;padding:13px 10px;background:#fff;border:1px solid #ede3d8;border-radius:18px;text-align:center}.walletQrBlock img{width:168px;height:168px;image-rendering:pixelated;object-fit:contain}.walletQrBlock span{font-size:11px;font-weight:800;color:#4b3a28}.walletQrBlock small{font-size:10px;color:#807464;letter-spacing:.04em}
.walletCardNumber{display:grid;gap:4px;margin-top:12px;padding:10px 12px;border:1px dashed #d9c8b5;border-radius:12px;background:#fffdfa}.walletCardNumber span{font-size:9px;letter-spacing:.12em;font-weight:900;color:#8b6b3e}.walletCardNumber strong{font-size:15px;letter-spacing:.12em;color:#382716;font-variant-numeric:tabular-nums}
.walletPreviewCard{max-width:760px;margin:0 auto}.walletPreviewCard .walletCardExpanded .walletCardBody{padding:20px 22px}
@media(max-width:600px){.walletCardHeader{padding:17px 17px 14px}.walletFaceLogo{width:42px;height:42px;border-radius:13px}.walletCardIdentity h2{font-size:19px}.walletCardBody{grid-template-columns:1fr;gap:16px;padding:17px}.walletPoints strong{font-size:44px}.walletQrBlock{padding:14px}.walletQrBlock img{width:200px;height:200px}.walletPreviewCard .walletCardExpanded .walletCardBody{padding:15px}}