/* The customer's page around the card. The card itself lives in shared/card/card.css. */
.public-card-page{min-height:100dvh;padding:28px 16px 40px;box-sizing:border-box;background:radial-gradient(circle at 50% 28%,#6b6b6b,#454545 70%);color:#fff;text-align:center}
.public-card-wrap{max-width:500px;margin:0 auto}
#publicBusiness{font:400 clamp(17px,4.6vw,22px)/1.3 Georgia,serif;letter-spacing:.09em;margin:0 0 26px;overflow-wrap:anywhere;color:#fff}
#publicCard{box-shadow:0 18px 36px #0006}
#publicCardBody{perspective:1100px}
#publicCard{cursor:pointer}
#publicCard:focus-visible{outline:3px solid #00bfff;outline-offset:5px}
#publicCardFront{transform:translateZ(.1px)}
#publicCardBack{transform:rotateY(180deg) translateZ(.1px)}
#publicCard .card-element{cursor:default;touch-action:auto}
#publicFlip{display:inline-block;margin:18px 0 22px;padding:10px 24px;border-radius:999px;border:1px solid #fff5;background:#3a3a3a;color:#fff;font:700 13px system-ui,sans-serif;cursor:pointer}
#publicName{font:400 clamp(24px,6vw,28px)/1.2 Georgia,serif;margin:0 0 8px;overflow-wrap:anywhere}
#publicCount{font:700 14px system-ui,sans-serif;margin:0 0 12px}
.public-progress{width:220px;max-width:70%;height:4px;margin:0 auto 20px;border-radius:4px;background:#ffffff26;overflow:hidden}
#publicProgress{display:block;width:0;height:100%;background:linear-gradient(90deg,#aaa,#fff)}
#publicReward{font:700 16px/1.35 Georgia,serif;margin:0 0 18px;overflow-wrap:anywhere}
.public-note{max-width:400px;margin:0 auto;font:700 11px/1.7 system-ui,sans-serif;color:#ffffffa0}
#publicError:empty{display:none}
@media(prefers-reduced-motion:reduce){#publicCard *{animation:none!important}}
/* Consumer presentation recovered independently of saved business colours. */
.public-card-page{background:#f7f9fb;color:#17191d;padding:32px 16px 48px;font-family:system-ui,sans-serif}.public-card-wrap{max-width:540px}.public-brand{display:block;width:118px;max-height:48px;object-fit:contain;margin:0 auto 30px}#publicBusiness{color:#657183;font:600 14px/1.4 system-ui,sans-serif;letter-spacing:0;margin:0 0 20px}#publicCardBody{padding:14px 14px 24px;border:1px solid #dfe5eb;border-radius:22px;background:linear-gradient(#fafcfd,#eef4f7)}#publicCard{box-shadow:0 12px 24px #0002}#publicFlip{background:white;color:#17191d;border:1px solid #d5dce4;border-radius:10px;margin:20px 0 26px}#publicName{font:750 clamp(22px,6vw,28px)/1.3 system-ui,sans-serif}#publicCount{font:500 14px/1.6 system-ui,sans-serif;color:#526478}#publicReward{font:600 15px/1.5 system-ui,sans-serif;color:#526478}.public-note{color:#657183;font-weight:400}.public-progress{background:#dbe5e9}#publicProgress{background:#00bfff}
#publicMessage{font:400 14px/1.6 system-ui,sans-serif;color:#526478;margin:10px auto 16px;max-width:390px}