/* CST Pontgyűjtő – vásárlói oldal. Színek: --cstl-accent felülírható a témában. */
.cstl-box{--cstl-accent:#f0821d;border:1px solid #e6e2dc;border-radius:10px;padding:14px 16px;margin:0 0 18px;background:#fffaf4;font-size:14px;line-height:1.45}
.cstl-box p{margin:6px 0 0}
.cstl-box__head{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.cstl-box__head b{font-size:17px;color:var(--cstl-accent)}
.cstl-box__row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:10px}
.cstl-box__input{width:120px!important;max-width:100%}
.cstl-box__btn.is-busy{opacity:.6;pointer-events:none}
.cstl-box__muted{color:#6b6f80;font-size:13px}
.cstl-box__earn b{color:var(--cstl-accent)}
.cstl-box__msg:empty{display:none}
.cstl-box__msg{margin-top:8px;font-size:13px}
.cstl-box__msg.is-err{color:#b32d2e}
.cstl-product{margin:10px 0 14px;font-size:14px}
.cstl-product__icon{color:#f0821d}
.cstl-thanks{margin:0 0 20px;padding:12px 14px;border-radius:8px;background:#fffaf4;border:1px solid #f3dfc5}
.cstl-account__cards{display:flex;gap:12px;flex-wrap:wrap;margin:0 0 16px}
.cstl-card{flex:1 1 180px;border:1px solid #e6e2dc;border-radius:10px;padding:14px 16px;display:flex;flex-direction:column;gap:2px}
.cstl-card span{font-size:13px;color:#6b6f80}
.cstl-card b{font-size:22px;line-height:1.2}
.cstl-card small{color:#6b6f80}
.cstl-card.is-pending b{color:#6b6f80}
.cstl-account__rules{margin:0 0 18px 18px;font-size:14px}
.cstl-num{text-align:right;white-space:nowrap}
.cstl-num.is-pos{color:#1a7f37}
.cstl-num.is-neg{color:#b32d2e}
@media (max-width:480px){.cstl-box__row{flex-direction:column;align-items:stretch}.cstl-box__input{width:100%!important}}