.co-loading{text-align:center;color:var(--fg-muted);padding:5rem 1rem}.co-spinner{border:3px solid var(--rule);border-top-color:var(--gold);border-radius:50%;width:32px;height:32px;margin-bottom:1rem;animation:.8s linear infinite co-spin;display:inline-block}.co-spinner-sm{vertical-align:-2px;border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:14px;height:14px;margin-right:.5rem;animation:.7s linear infinite co-spin;display:inline-block}@keyframes co-spin{to{transform:rotate(360deg)}}.co-card{background:var(--surface);border:1px solid var(--rule-hi);border-radius:var(--r-xl);flex-direction:column;gap:1.5rem;max-width:480px;margin:0 auto;padding:clamp(1.75rem,5vw,3rem);display:flex}.co-card--owned,.co-card--success{text-align:center;align-items:center}.co-card--success{border-color:var(--gold-dim);background:linear-gradient(160deg, var(--gold-soft), transparent 60%), var(--surface)}.co-card--error{text-align:center;border-color:#dc26264d;align-items:center}.co-card--paying{gap:1.25rem}.co-check,.co-checkmark,.co-err-icon{border-radius:50%;place-items:center;width:4rem;height:4rem;font-size:1.5rem;font-weight:700;display:grid}.co-check{background:var(--gold-soft);color:var(--gold)}.co-checkmark{background:var(--gold-soft);color:var(--gold);font-size:1.75rem}.co-err-icon{color:#dc2626;background:#dc26261f}.co-card h2{font-size:var(--step-2)}.co-muted{color:var(--fg-muted)}.co-fullw{text-align:center;width:100%}.co-secondary-link{color:var(--fg-subtle);font-size:var(--step--1);text-underline-offset:3px;margin-top:-.5rem;text-decoration:underline}.co-track-top,.co-pay-header{align-items:center;gap:1.25rem;display:flex}.co-arabic{background:var(--grad-gold);color:#0000;filter:drop-shadow(0 0 30px var(--gold-glow));background-clip:text;flex-shrink:0;font-size:clamp(3.5rem,12vw,5.5rem);line-height:.9}.co-arabic-sm{background:var(--grad-gold);color:#0000;filter:drop-shadow(0 0 20px var(--gold-glow));background-clip:text;flex-shrink:0;font-size:clamp(2.8rem,8vw,3.8rem);line-height:.9}.co-track-name{font-weight:700;font-size:var(--step-1);color:var(--fg);margin-bottom:.2rem}.co-price{font-size:var(--step-3);color:var(--fg);font-weight:700;line-height:1}.co-price-sm{font-size:var(--step-2);color:var(--fg);font-weight:700}.co-price-crossed{color:var(--fg-subtle);font-size:.8em;text-decoration:line-through}.co-price-disc{color:var(--gold-bright)}.co-divider{background:var(--rule);height:1px;margin:0 -.5rem}.co-method-row{gap:.6rem;display:flex}.co-method{background:var(--surface-2);border:1px solid var(--rule-hi);border-radius:var(--r-sm);font-size:var(--step--1);color:var(--fg-muted);cursor:pointer;flex:1;justify-content:center;align-items:center;gap:.45rem;padding:.65rem .8rem;transition:border-color .15s,color .15s,background .15s;display:flex}.co-method:hover{border-color:var(--accent)}.co-method--active{border-color:var(--accent);color:var(--fg);background:color-mix(in srgb, var(--accent) 12%, var(--surface-2))}.co-method-icon{flex-shrink:0;font-size:1rem}.co-instruction{font-size:var(--step-0);color:var(--fg-muted);text-align:center}.co-qr-wrap{background:var(--surface-2);border-radius:var(--r-md);border:1px solid var(--rule);justify-content:center;padding:1.25rem;display:flex}.co-qr-img{width:min(220px,100%);height:auto;image-rendering:pixelated;border-radius:8px}.co-qr-placeholder{width:220px;height:220px;color:var(--fg-subtle);place-items:center;display:grid}.co-qr-ph-icon{opacity:.3;font-size:4rem}.co-timer{font-size:var(--step--1);color:var(--fg-muted);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;gap:.5rem;display:flex}.co-timer--urgent{color:#f59e0b;font-weight:600}.co-timer-icon{opacity:.7}.co-mobile-pay{text-align:center}.co-recipient{border:1px solid var(--rule);border-radius:var(--r-md);overflow:hidden}.co-recipient>summary{cursor:pointer;font-size:var(--step--1);color:var(--fg-muted);user-select:none;padding:.75rem 1rem;list-style:none}.co-recipient>summary::-webkit-details-marker{display:none}.co-recipient-body{gap:.5rem;padding:.5rem 1rem 1rem;display:grid}.co-recip-row{font-size:var(--step--1);justify-content:space-between;gap:1rem;display:flex}.co-recip-label{color:var(--fg-subtle)}.co-recip-val{color:var(--fg);font-weight:500}.co-comment{word-break:break-all;font-family:monospace}.co-cancel-btn{color:var(--fg-subtle);font-size:var(--step--1);cursor:pointer;text-underline-offset:3px;text-align:center;background:0 0;border:none;width:100%;padding:0;text-decoration:underline}.co-cancel-btn:hover{color:var(--fg-muted)}.co-promo-wrap{flex-direction:column;gap:.5rem;display:flex}.co-promo-toggle{color:var(--fg-subtle);font-size:var(--step--1);cursor:pointer;text-underline-offset:3px;text-align:left;background:0 0;border:none;padding:0;text-decoration:underline}.co-promo-row{gap:.6rem;display:flex}.co-promo-input{background:var(--surface-2);border:1px solid var(--rule-hi);border-radius:var(--r-sm);color:var(--fg);font-size:var(--step--1);letter-spacing:.08em;text-transform:uppercase;transition:border-color .2s var(--ease-out);outline:none;flex:1;padding:.6rem .9rem}.co-promo-input:focus{border-color:var(--gold-dim)}.co-promo-apply{background:var(--surface-hi);border:1px solid var(--rule-hi);border-radius:var(--r-sm);color:var(--fg);font-size:var(--step--1);cursor:pointer;white-space:nowrap;transition:background .2s var(--ease-out);padding:.6rem 1.1rem}.co-promo-apply:hover:not(:disabled){background:var(--gold-soft);color:var(--gold);border-color:var(--gold-dim)}.co-promo-apply:disabled{opacity:.5;cursor:default}.co-promo-err{font-size:var(--step--1);color:#f87171}.co-promo-ok{font-size:var(--step--1);color:#34d399}.co-buy-btn{text-align:center;width:100%;transition:opacity .2s,transform .1s}.co-buy-btn--loading{opacity:.7;pointer-events:none}.co-trust{background:var(--surface-2);border-radius:var(--r-md);border:1px solid var(--rule);gap:.6rem;padding:1rem;display:grid}.co-trust-item{font-size:var(--step--1);color:var(--fg-muted);align-items:center;gap:.65rem;display:flex}.co-trust-icon{flex-shrink:0;font-size:1rem}.co-footer-note{font-size:var(--step--1);color:var(--fg-subtle);text-align:center;margin-top:-.5rem}.co-footer-note a{color:var(--fg-subtle);text-underline-offset:3px}.co-consent{font-size:var(--step--1);color:var(--fg-muted);align-items:flex-start;gap:.6rem;line-height:1.4;display:flex}.co-consent input{width:16px;height:16px;accent-color:var(--gold);cursor:pointer;flex-shrink:0;margin-top:.15rem}.co-consent label{cursor:pointer}.co-consent a{color:var(--gold);text-underline-offset:3px}.co-buy-btn:disabled{opacity:.55;cursor:not-allowed}
