.loyalty-panel,.loyalty-public-card{scroll-margin-top:24px}.loyalty-heading{display:flex;align-items:start;justify-content:space-between;gap:16px}.loyalty-heading p{color:#6f6a64}.loyalty-tabs{display:flex;gap:8px;border-bottom:1px solid #e4ddd3;margin:20px 0}.loyalty-tabs button{border:0;background:none;padding:12px 16px;font-weight:700}.loyalty-tabs button.active{color:#d9580c;border-bottom:3px solid #f26a1b}.loyalty-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:760px}.loyalty-form>button{grid-column:1/-1}.loyalty-code-form{display:flex;align-items:end;gap:10px;max-width:650px}.loyalty-code-form label{flex:1}.loyalty-found,.loyalty-history{border:1px solid #e4ddd3;border-radius:15px;padding:18px;margin-top:18px}.loyalty-event{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:12px 0;border-top:1px solid #e4ddd3}.loyalty-event:first-child{border:0}.loyalty-event small{display:block;color:#6f6a64;margin-top:4px}.loyalty-camera{width:min(100%,400px);max-height:300px;margin-top:18px}.loyalty-public{min-height:100vh;padding:40px 18px;background:#faf7f2}.loyalty-public-card{max-width:500px;margin:20px auto;background:#fff;border:1px solid #e4ddd3;border-radius:20px;padding:30px}.loyalty-public-card h1{font-family:Archivo,sans-serif;font-size:34px;letter-spacing:-.04em}.loyalty-public-card p{line-height:1.5}.loyalty-consent{display:flex;align-items:flex-start;font-size:13px}.loyalty-consent input{width:auto;margin-top:3px}.loyalty-dots{display:grid;grid-template-columns:repeat(10,1fr);gap:8px;margin:22px 0}.loyalty-dots span{aspect-ratio:1;border:1px solid #bcb4aa;border-radius:50%}.loyalty-dots .earned{background:#f26a1b;border-color:#f26a1b}.loyalty-pin{font-family:Archivo,sans-serif;font-size:46px;letter-spacing:.16em}.loyalty-public-card #loyaltyCode img{display:block;margin:12px 0}@media(max-width:700px){.loyalty-heading,.loyalty-code-form{display:block}.loyalty-heading .btn,.loyalty-code-form .btn{margin-top:10px}.loyalty-form{grid-template-columns:1fr}.loyalty-dots{grid-template-columns:repeat(5,1fr)}}
.loyalty-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0}.loyalty-kpis>div{padding:15px;border:1px solid #e4ddd3;border-radius:12px}.loyalty-kpis span{display:block;color:#6f6a64;font-size:13px}.loyalty-kpis strong{display:block;font-family:Archivo,sans-serif;font-size:27px;margin-top:7px}@media(max-width:700px){.loyalty-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
.loyalty-form label,.loyalty-code-form label{min-width:0}.loyalty-manual{margin-top:22px;padding:18px;border:1px solid #e4ddd3;border-radius:14px}.loyalty-manual input[type=search]{margin:8px 0}.loyalty-public-card #loyaltyCode img{max-width:100%;height:auto;margin:12px auto}.loyalty-public-card #loyaltyCode{text-align:center}.loyalty-camera{display:block;border-radius:14px;background:#17181a}.loyalty-camera.hidden{display:none}
@media(max-width:700px){.loyalty-panel{padding:16px}.loyalty-tabs{overflow-x:auto;white-space:nowrap}.loyalty-tabs button{flex:none}.loyalty-code-form{display:grid;grid-template-columns:1fr}.loyalty-code-form .btn{margin:0;width:100%}.loyalty-found .row{display:grid;grid-template-columns:1fr}.loyalty-public{padding:0;background:#fff}.loyalty-public-card{margin:0;min-height:100dvh;border:0;border-radius:0;padding:24px 18px}.loyalty-public-card h1{font-size:clamp(27px,8vw,34px)}.loyalty-public-card #newLoyaltyCode{width:100%}.loyalty-event{align-items:flex-start;flex-wrap:wrap}}