/* Small additions the copied design system doesn't have — promo pricing
   (0179) and the launch-gate notice (ces-launch-gate.js). Shared by every
   assembled landing page so the same few rules aren't repeated six times.
   checkout.html keeps its own inline <style> block instead — deliberately
   left untouched, per the CES Commerce work order's own rule. */
.promo-label { display: block; font-size: 13px; font-weight: 700; color: var(--c-action, #2107A0); margin-top: var(--sp-1); }

/* The countdown chip's icon lives outside the [data-promo-countdown] span
   checkout.js's startCountdown() actually writes to (it sets that one
   element's whole textContent, so the icon has to sit outside it to
   survive) — hide the whole chip via the inner span's own [hidden] state
   instead of duplicating that logic in JS. */
.chip-count:has([data-promo-countdown][hidden]) { display: none; }

/* The real QR arrives from the payment provider as a ready-made PNG, so the
   plate has to size an <img> exactly the way ces-landing.css already sizes
   an <svg> — same box, no jump between the design mockup and the live
   sheet. */
.qr-plate img { display: block; width: var(--sz-qr); height: var(--sz-qr); }

/* How long the Kaspi code is still scannable. Kaspi decides that window and
   it is measured in minutes, so the line sits right under .pay-how in the
   same voice, one step quieter. */
.pay-timer { text-align: center; margin-top: var(--sp-2); font-size: 13px; color: var(--cap); }