.c3l-card,.c3l-cart-card{border:1px solid #e4e1dc;border-radius:16px;padding:24px;margin:18px 0;background:#fff}
.c3l-balance{display:flex;flex-direction:column;gap:5px;margin:28px 0 22px}.c3l-balance small{opacity:.6}.c3l-balance strong{font-size:clamp(2.4rem,6vw,4rem);line-height:1}
.c3l-progress-head{display:flex;justify-content:space-between;gap:15px;font-size:.9rem;margin-bottom:8px}.c3l-progress-head span{opacity:.55}.c3l-progress{height:10px;background:#ece8e1;border-radius:99px;overflow:hidden}.c3l-progress span{display:block;height:100%;background:#111}
.c3l-reward-message{font-weight:700}.c3l-rules-wrap{padding:20px 0;border-top:1px solid #eee;border-bottom:1px solid #eee}.c3l-rules{display:grid;grid-template-columns:1fr 1fr;gap:8px 20px;padding-left:18px}.c3l-old-points{background:#f7f2e8;padding:16px;border-radius:12px;margin:22px 0}
.c3l-history-row{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid #eee}.c3l-history-row>div{display:flex;flex-direction:column}.c3l-history-row small{opacity:.55}
.c3l-public{max-width:1120px;margin:auto;padding:40px 0 70px}.c3l-public-hero{max-width:800px;padding:45px 0 70px}.c3l-public-hero h1{font-size:clamp(2.6rem,7vw,5.2rem);line-height:1;margin:0 0 20px}.c3l-eyebrow{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;opacity:.55}.c3l-button{display:inline-flex;background:#111;color:#fff!important;padding:14px 22px;border-radius:8px;text-decoration:none!important;font-weight:700}
.c3l-public-section{padding:55px 0;border-top:1px solid #e8e5e0}.c3l-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.c3l-steps article{padding:22px;border:1px solid #e8e5e0;border-radius:14px}.c3l-example{padding:30px;background:#f6f3ed;border-radius:16px}.c3l-space-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.c3l-space-grid div{display:flex;flex-direction:column;gap:6px}.c3l-faq details{padding:16px 0;border-top:1px solid #e8e5e0}.c3l-public-terms{font-size:.8rem;opacity:.6}
@media(max-width:767px){.c3l-card{padding:18px}.c3l-rules,.c3l-steps{grid-template-columns:1fr}.c3l-space-grid{grid-template-columns:1fr 1fr}.c3l-public{padding-top:10px}.c3l-button{width:100%;justify-content:center}}
@media(max-width:374px){.c3l-space-grid{grid-template-columns:1fr}}

/* C3L redemption UX v1 */
.c3l-account-redeem{margin:16px 0 4px}
.c3l-redeem-button{display:inline-flex;align-items:center;justify-content:center;text-align:center;font-weight:700}
.c3l-redemption-state{margin-top:14px;padding-top:14px;border-top:1px solid rgba(0,0,0,.10)}
.c3l-redemption-state p{margin:0 0 10px}
.c3l-redemption-applied{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.c3l-reward-remove{font-size:.9rem;text-decoration:underline;text-underline-offset:3px}
.c3l-redemption-blocked p{margin-bottom:0}
.c3l-checkout-reward{margin:0 0 18px;padding:12px 14px;border:1px solid rgba(0,0,0,.12);border-radius:10px;background:#fff}
@media(max-width:600px){
.c3l-redeem-button{width:100%;box-sizing:border-box}
.c3l-redemption-applied{align-items:flex-start;flex-direction:column}
.c3l-account-redeem{width:100%}
}
