/* Pricing, licence and music-licensing pages. */

/* Billing toggle: show only the active period's price. */
.cx-billing-scope[data-billing="yearly"] .cx-p-m,
.cx-billing-scope[data-billing="monthly"] .cx-p-y { display: none; }
.cx-checkout-note { display: flex; gap: 8px; align-items: center; justify-content: center; margin: 18px auto 0; font-size: var(--fs-sm); color: var(--text-3); }
.cx-checkout-note .i { width: 16px; height: 16px; }
.cx-faq-sec { padding-bottom: 88px; }
/* Checkout: elements toggled by checkout.js */
.page-checkout [hidden] { display: none !important; }
.cx-pe { min-height: 74px; }
.cx-pe-loading { padding: 14px 0; }
.cx-seats .input { max-width: 140px; }
.cx-item-row { display: flex; gap: 14px; align-items: center; padding: 12px; border: 1px solid var(--border); border-radius: 14px; background: var(--surface-2); }
.cx-item-row .grow { display: grid; gap: 4px; min-width: 0; }
.cx-item-row b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cx-item-thumb { width: 72px; height: 54px; border-radius: 10px; overflow: hidden; flex: 0 0 auto; display: grid; place-items: center; background: var(--ink-100); }
.cx-item-thumb img, .cx-item-thumb picture { width: 100%; height: 100%; object-fit: cover; display: block; }
.cx-credit-big { font-size: clamp(3rem, 2rem + 4vw, 5rem); font-weight: 700; letter-spacing: -0.05em; line-height: 1; }