.ccard{position:relative;width:100%;max-width:428px;aspect-ratio:85.6/54;border-radius:16px;overflow:hidden;background:#F7F5F1;box-shadow:0 18px 40px rgba(18,26,33,.18),0 2px 6px rgba(18,26,33,.08);direction:rtl;font-family:'Vazirmatn','Inter',system-ui,sans-serif;container-type:inline-size}
.cc-band{position:absolute;top:0;bottom:0;right:0;width:30%;background:var(--band);color:var(--bink);display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:7cqw 0 5.5cqw;overflow:hidden}
.cc-band::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.22) 45%,transparent 60%);pointer-events:none}
.cc-mk{width:11cqw;height:11cqw}.cc-mk svg{width:100%;height:100%}
.cc-brand{font-family:'Inter',sans-serif;font-weight:500;font-size:3cqw;letter-spacing:1cqw;text-align:center;line-height:1.5;margin-top:1cqw}
.cc-brand svg{display:block;width:15cqw;height:auto;margin:0 auto}
.cc-brand small{display:block;font-size:2.3cqw;letter-spacing:.8cqw;opacity:.8}
.cc-tier{text-align:center}.cc-tier b{display:block;font-size:6.2cqw;font-weight:600;line-height:1.2}
.cc-tier i{display:block;font-family:'Inter',sans-serif;font-style:normal;font-weight:500;font-size:2.5cqw;letter-spacing:1.1cqw;opacity:.85;margin-top:.6cqw}
.cc-main{position:absolute;top:0;bottom:0;right:30%;left:0;padding:8cqw 6cqw 6cqw;color:#121A21}
.cc-lab{font-size:2.3cqw;color:#8B8478}
.cc-name{font-size:5cqw;font-weight:600;margin:.6cqw 0 4cqw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cc-row{display:flex;gap:7cqw}.cc-val{font-size:4.3cqw;font-weight:500;margin-top:.5cqw}
.cc-qr{position:absolute;left:5cqw;bottom:5cqw;width:16cqw;height:16cqw;background:#fff;padding:1cqw;border-radius:1.4cqw}
.cc-qr svg{width:100%;height:100%;display:block}
.bdp{display:grid;grid-template-columns:1fr 1.4fr 1.2fr;gap:8px}