/* Cart + 3-step checkout. iOS-flavoured: hairline strokes, recessed segmented controls,
   two-layer shadows, and colour reserved for price and state. Deliberately self-contained
   so the checkout page can run without the site stylesheet. */

.ck-scope {
  --ck-ink:#1c1c1e;
  --ck-muted:#6e6e73;
  --ck-faint:#a1a1a6;
  --ck-line:rgba(60,60,67,.10);
  --ck-line-strong:rgba(60,60,67,.18);
  --ck-surface:#fff;
  --ck-page:#f7f7f9;
  --ck-recess:rgba(118,118,128,.12);
  --ck-accent:#ff4158;
  --ck-accent-deep:#e22e49;
  --ck-green:#34c759;
  --ck-r-sm:10px;
  --ck-r-md:14px;
  --ck-r-lg:20px;
  --ck-shadow:0 1px 2px rgba(17,24,39,.05), 0 10px 30px rgba(17,24,39,.05);
  color:var(--ck-ink);
  font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  -webkit-font-smoothing:antialiased;
}
.ck-scope *, .ck-scope *::before, .ck-scope *::after { box-sizing:border-box; }

/* ── shared primitives ─────────────────────────────────────────────── */
.ck-card {
  background:var(--ck-surface); border:1px solid var(--ck-line);
  border-radius:var(--ck-r-lg); box-shadow:var(--ck-shadow);
}
.ck-eyebrow {
  font-size:11.5px; font-weight:700; letter-spacing:.06em; text-transform:uppercase;
  color:var(--ck-faint); margin:0 0 12px;
}
.ck-price { font-variant-numeric:tabular-nums; color:var(--ck-accent-deep); font-weight:700; }
.ck-qty   { font-variant-numeric:tabular-nums; }

.ck-btn {
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  width:100%; padding:15px 20px; border:none; border-radius:var(--ck-r-md);
  font:inherit; font-size:16px; font-weight:600; letter-spacing:-.01em;
  color:#fff; background:var(--ck-accent); cursor:pointer;
  box-shadow:0 1px 2px rgba(226,46,73,.20), 0 8px 20px rgba(255,65,88,.22);
  transition:transform .14s ease, box-shadow .14s ease, background .14s;
}
.ck-btn:hover { background:var(--ck-accent-deep); transform:translateY(-1px); }
.ck-btn:active { transform:translateY(0) scale(.995); }
.ck-btn:disabled { opacity:.45; cursor:not-allowed; transform:none; box-shadow:none; }
.ck-btn--quiet {
  background:var(--ck-recess); color:var(--ck-ink); box-shadow:none;
}
.ck-btn--quiet:hover { background:rgba(118,118,128,.18); }
.ck-btn:focus-visible, .ck-scope a:focus-visible, .ck-scope input:focus-visible,
.ck-scope button:focus-visible { outline:2px solid var(--ck-accent); outline-offset:2px; }

.ck-link {
  background:none; border:none; padding:0; font:inherit; font-size:14px; font-weight:600;
  color:var(--ck-muted); cursor:pointer;
}
.ck-link:hover { color:var(--ck-ink); }

.ck-field {
  width:100%; padding:13px 14px; border:1px solid var(--ck-line-strong);
  border-radius:var(--ck-r-md); font:inherit; font-size:16px; color:var(--ck-ink);
  background:var(--ck-surface); outline:none;
  transition:border-color .15s, box-shadow .15s;
}
.ck-field::placeholder { color:var(--ck-faint); }
.ck-field:focus { border-color:var(--ck-accent); box-shadow:0 0 0 4px rgba(255,65,88,.12); }
.ck-label { display:block; font-size:13.5px; font-weight:600; margin:0 0 7px; }
.ck-hint { font-size:12.5px; color:var(--ck-muted); margin:7px 0 0; line-height:1.5; }
.ck-note { font-size:13.5px; line-height:1.55; color:var(--ck-muted); }

.ck-alert {
  display:none; margin:14px 0 0; padding:12px 14px; border-radius:var(--ck-r-md);
  border:1px solid #fecdd3; background:#fff1f3; color:#be123c; font-size:14px; line-height:1.5;
}
.ck-alert.is-on { display:block; }

.ck-spinner {
  display:inline-block; width:15px; height:15px; border-radius:50%;
  border:2px solid rgba(255,65,88,.22); border-top-color:var(--ck-accent);
  animation:ck-spin .7s linear infinite; vertical-align:-3px;
}
@keyframes ck-spin { to { transform:rotate(360deg); } }
@media (prefers-reduced-motion:reduce) {
  .ck-scope * { animation-duration:.01ms !important; transition-duration:.01ms !important; }
}

/* ── segmented control (service picker) ────────────────────────────── */
.ck-seg {
  display:flex; gap:2px; padding:3px; background:var(--ck-recess);
  border-radius:12px; overflow-x:auto; scrollbar-width:none;
}
.ck-seg::-webkit-scrollbar { display:none; }
.ck-seg button {
  flex:1 0 auto; padding:8px 14px; border:none; border-radius:9px; background:transparent;
  font:inherit; font-size:14px; font-weight:600; color:var(--ck-muted); cursor:pointer;
  white-space:nowrap; transition:background .15s, color .15s, box-shadow .15s;
}
.ck-seg button[aria-selected="true"] {
  background:var(--ck-surface); color:var(--ck-ink);
  box-shadow:0 1px 2px rgba(17,24,39,.06), 0 1px 1px rgba(17,24,39,.04);
}

/* ── package grid ──────────────────────────────────────────────────── */
.ck-packs {
  display:grid; grid-template-columns:repeat(auto-fill, minmax(150px, 1fr)); gap:10px;
}
.ck-pack {
  position:relative; text-align:left; padding:16px 14px; cursor:pointer;
  background:var(--ck-surface); border:1px solid var(--ck-line-strong);
  border-radius:var(--ck-r-md); font:inherit; color:inherit;
  transition:border-color .15s, box-shadow .15s, transform .12s;
}
.ck-pack:hover { border-color:var(--ck-accent); transform:translateY(-1px); }
.ck-pack[aria-pressed="true"] {
  border-color:var(--ck-accent); box-shadow:0 0 0 3px rgba(255,65,88,.13);
}
.ck-pack__qty { display:block; font-size:17px; font-weight:700; letter-spacing:-.02em; }
.ck-pack__unit { display:block; font-size:12.5px; color:var(--ck-muted); margin-top:1px; }
.ck-pack__price { display:block; margin-top:10px; font-size:19px; }
.ck-pack__rate { display:block; font-size:11.5px; color:var(--ck-faint); margin-top:2px; }
.ck-pack__tag {
  position:absolute; top:-8px; right:10px; padding:2px 8px; border-radius:999px;
  background:var(--ck-ink); color:#fff; font-size:10px; font-weight:700;
  letter-spacing:.04em; text-transform:uppercase;
}
.ck-pack__tag--save { background:var(--ck-green); }

/* ── cart lines ────────────────────────────────────────────────────── */
.ck-lines { list-style:none; margin:0; padding:0; }
.ck-line {
  display:flex; align-items:flex-start; gap:12px;
  padding:14px 0; border-bottom:1px solid var(--ck-line);
}
.ck-line:last-child { border-bottom:none; }
.ck-line__body { flex:1; min-width:0; }
.ck-line__name { font-size:15px; font-weight:600; letter-spacing:-.01em; }
.ck-line__meta { font-size:12.5px; color:var(--ck-muted); margin-top:3px; word-break:break-word; }
.ck-line__price { font-size:15px; white-space:nowrap; }
.ck-line__x {
  flex:0 0 auto; width:26px; height:26px; border-radius:50%; border:none; cursor:pointer;
  background:var(--ck-recess); color:var(--ck-muted); font-size:15px; line-height:1;
}
.ck-line__x:hover { background:#fee2e2; color:#be123c; }

.ck-totals { margin-top:4px; padding-top:14px; border-top:1px solid var(--ck-line); }
.ck-totals__row {
  display:flex; justify-content:space-between; align-items:baseline;
  font-size:14px; color:var(--ck-muted); margin-bottom:8px;
}
.ck-totals__row--grand {
  font-size:18px; font-weight:700; color:var(--ck-ink); margin:12px 0 0;
}
.ck-totals__row--grand .ck-price { font-size:24px; letter-spacing:-.02em; }

.ck-empty { text-align:center; padding:28px 8px; color:var(--ck-muted); font-size:14.5px; line-height:1.6; }

/* ── one-tap add-ons ───────────────────────────────────────────────── */
.ck-addons { margin-top:14px; padding-top:14px; border-top:1px dashed var(--ck-line-strong); }
.ck-addons__head {
  margin:0 0 10px; font-size:11.5px; font-weight:700; letter-spacing:.06em;
  text-transform:uppercase; color:var(--ck-faint);
}
.ck-addons__row { display:flex; flex-wrap:wrap; gap:8px; }
.ck-addon {
  display:inline-flex; align-items:baseline; gap:6px; padding:8px 12px;
  border:1px solid var(--ck-line-strong); border-radius:999px; background:var(--ck-surface);
  font:inherit; font-size:13px; font-weight:600; color:var(--ck-ink); cursor:pointer;
  transition:border-color .14s, background .14s, transform .12s;
}
.ck-addon:hover { border-color:var(--ck-accent); background:#fff5f6; transform:translateY(-1px); }
.ck-addon__plus { color:var(--ck-accent); font-weight:700; }
.ck-addon__price { color:var(--ck-muted); font-weight:600; font-variant-numeric:tabular-nums; }
.ck-addon.is-added { border-color:var(--ck-green); background:rgba(52,199,89,.08); }

/* ── trust strip ───────────────────────────────────────────────────── */
.ck-trust {
  display:flex; align-items:center; justify-content:center; gap:10px; flex-wrap:wrap;
  margin-top:14px; padding-top:14px; border-top:1px solid var(--ck-line);
  font-size:12px; color:var(--ck-muted);
}
.ck-trust .ck-stars { color:var(--ck-green); letter-spacing:1px; }
.ck-trust .ck-dot { width:3px; height:3px; border-radius:50%; background:var(--ck-line-strong); }

/* ── stepper ───────────────────────────────────────────────────────── */
.ck-steps { display:flex; align-items:center; justify-content:center; gap:8px; margin:0 0 22px; }
.ck-step { display:inline-flex; align-items:center; gap:7px; font-size:12.5px; font-weight:600; color:var(--ck-faint); }
.ck-step__dot {
  width:21px; height:21px; border-radius:50%; display:grid; place-items:center;
  font-size:11px; font-weight:700; background:var(--ck-recess); color:var(--ck-muted);
}
.ck-step.is-active { color:var(--ck-ink); }
.ck-step.is-active .ck-step__dot { background:var(--ck-accent); color:#fff; }
.ck-step.is-done .ck-step__dot { background:var(--ck-green); color:#fff; }
.ck-step__bar { width:22px; height:2px; border-radius:2px; background:var(--ck-line-strong); }
.ck-step__label { display:none; }
@media (min-width:420px) { .ck-step__label { display:inline; } }

/* ── profile confirmation ──────────────────────────────────────────── */
.ck-profile {
  display:flex; align-items:center; gap:13px; margin-top:14px; padding:13px 14px;
  border:1px solid var(--ck-line-strong); border-radius:var(--ck-r-md); background:var(--ck-page);
}
.ck-profile__avatar {
  width:46px; height:46px; border-radius:50%; flex:0 0 auto; object-fit:cover;
  background:var(--ck-recess);
}
.ck-profile__name { font-size:15px; font-weight:600; }
.ck-profile__stats { font-size:12.5px; color:var(--ck-muted); margin-top:2px; font-variant-numeric:tabular-nums; }
.ck-profile__check { margin-left:auto; color:var(--ck-green); font-size:19px; }

/* ── post picker ───────────────────────────────────────────────────── */
.ck-picker { margin-top:12px; }
.ck-posts {
  display:grid; grid-template-columns:repeat(auto-fill, minmax(88px, 1fr)); gap:8px;
}
.ck-post {
  position:relative; aspect-ratio:1; padding:0; border:none; cursor:pointer;
  border-radius:var(--ck-r-sm); overflow:hidden; background:var(--ck-recess);
  box-shadow:inset 0 0 0 1px var(--ck-line);
}
.ck-post img { width:100%; height:100%; object-fit:cover; display:block; }
.ck-post::after {
  content:""; position:absolute; inset:0; border-radius:var(--ck-r-sm);
  box-shadow:inset 0 0 0 0 var(--ck-accent); transition:box-shadow .14s;
}
.ck-post[aria-pressed="true"]::after { box-shadow:inset 0 0 0 3px var(--ck-accent); }
.ck-post[aria-pressed="true"] img { filter:brightness(.94); }
.ck-post__tick {
  position:absolute; top:6px; right:6px; width:20px; height:20px; border-radius:50%;
  background:var(--ck-accent); color:#fff; font-size:12px; line-height:20px; text-align:center;
  opacity:0; transform:scale(.7); transition:opacity .14s, transform .14s;
}
.ck-post[aria-pressed="true"] .ck-post__tick { opacity:1; transform:scale(1); }
.ck-post__video {
  position:absolute; bottom:6px; left:6px; font-size:11px; color:#fff;
  text-shadow:0 1px 3px rgba(0,0,0,.6);
}
.ck-post__skeleton { background:linear-gradient(90deg,#ececed,#f5f5f7,#ececed); background-size:200% 100%; animation:ck-shimmer 1.2s linear infinite; }
@keyframes ck-shimmer { to { background-position:-200% 0; } }

.ck-assign { padding:16px 0; border-bottom:1px solid var(--ck-line); }
.ck-assign:last-child { border-bottom:none; padding-bottom:4px; }
.ck-assign__head { display:flex; align-items:baseline; justify-content:space-between; gap:10px; }
.ck-assign__title { font-size:15px; font-weight:600; letter-spacing:-.01em; }
.ck-assign__state { font-size:12.5px; color:var(--ck-muted); }
.ck-assign__state.is-set { color:var(--ck-green); font-weight:600; }

.ck-manual { display:flex; gap:8px; margin-top:10px; }
.ck-manual .ck-field { font-size:14px; padding:10px 12px; }
.ck-manual button { flex:0 0 auto; width:auto; padding:10px 14px; font-size:14px; }

.ck-comments { margin-top:10px; }
.ck-comments textarea {
  width:100%; min-height:120px; resize:vertical; padding:12px 14px;
  border:1px solid var(--ck-line-strong); border-radius:var(--ck-r-md);
  font:inherit; font-size:15px; color:var(--ck-ink); outline:none;
}
.ck-comments textarea:focus { border-color:var(--ck-accent); box-shadow:0 0 0 4px rgba(255,65,88,.12); }
.ck-check {
  display:flex; align-items:flex-start; gap:10px; margin:10px 0 0;
  font-size:13.5px; font-weight:500; line-height:1.5; cursor:pointer;
}
.ck-check input { width:18px; height:18px; margin:1px 0 0; flex:0 0 auto; accent-color:var(--ck-accent); }

/* ── payment (TrustPay EmbeddedFields) ─────────────────────────────── */
.ck-wallets { display:flex; flex-direction:column; gap:10px; }
.ck-wallets.is-off { display:none; }
.ck-wallet { width:100%; height:48px; }
#ck-googlepay { width:100% !important; overflow:hidden !important; border-radius:12px; }
#ck-googlepay iframe, #ck-googlepay button, #ck-googlepay div {
  width:100% !important; height:100% !important; min-width:0 !important; max-width:100% !important;
  border:none !important; display:block !important;
}
#ck-applepay {
  overflow:visible !important; --apple-pay-button-width:100%; --apple-pay-button-height:48px;
  --apple-pay-button-border-radius:12px; --apple-pay-button-padding:0px;
}
#ck-applepay apple-pay-button { display:block; width:100%; height:48px; }
.ck-wallet.is-off { display:none; }
.ck-or {
  display:flex; align-items:center; gap:12px; margin:16px 0;
  color:var(--ck-faint); font-size:12px; font-weight:600;
}
.ck-or::before, .ck-or::after { content:""; flex:1; height:1px; background:var(--ck-line); }
.ck-or.is-off { display:none; }

.ck-cardgroup {
  border:1px solid var(--ck-line-strong); border-radius:var(--ck-r-md); overflow:hidden;
  background:#fff !important; transition:border-color .15s, box-shadow .15s;
}
.ck-cardgroup__row { position:relative; }
.ck-cardgroup__bottom { display:flex; border-top:1px solid var(--ck-line); }
.ck-fieldbox {
  height:52px; background:#fff !important; overflow:hidden; border:none !important;
  flex:1; min-width:0; display:flex; align-items:stretch; padding:0 14px;
}
.ck-fieldbox iframe { flex:1; min-width:0; border:none !important; display:block !important; background:transparent !important; }
.ck-cardgroup input, .ck-cardgroup .trustpay-input, .ck-standalone input, .ck-standalone .trustpay-input {
  flex:1; min-width:0; background:#fff !important; border:none !important; box-shadow:none !important;
  outline:none !important; height:100% !important; padding:0 !important; color:var(--ck-ink);
  font-size:16px !important; font-family:"Inter",-apple-system,sans-serif !important;
  -webkit-appearance:none !important; appearance:none !important;
}
.ck-cardgroup__divider { width:1px; background:var(--ck-line); flex-shrink:0; align-self:stretch; }
.ck-cardgroup.is-focused, .ck-standalone.is-focused {
  border-color:var(--ck-accent); box-shadow:0 0 0 4px rgba(255,65,88,.12);
}
.ck-cardgroup.is-error { border-color:#ff3b30; }
.ck-cardicons {
  position:absolute; right:12px; top:50%; transform:translateY(-50%);
  display:flex; gap:5px; pointer-events:none; z-index:1;
}
.ck-cardicons img { height:16px; width:auto; }
.ck-standalone {
  height:52px; background:#fff !important; border:1px solid var(--ck-line-strong) !important;
  border-radius:var(--ck-r-md) !important; overflow:hidden; display:flex; align-items:stretch;
  padding:0 14px; transition:border-color .15s, box-shadow .15s;
}
.ck-standalone iframe { flex:1; min-width:0; border:none !important; display:block !important; }

.ck-secure {
  text-align:center; font-size:12px; color:var(--ck-muted); margin-top:18px; line-height:1.7;
}
.ck-secure strong { font-weight:600; color:var(--ck-muted); }

/* ── page shells ───────────────────────────────────────────────────── */
.ck-shop {
  display:grid; grid-template-columns:1fr; gap:20px;
  max-width:1040px; margin:0 auto; padding:0 16px;
}
@media (min-width:900px) {
  .ck-shop { grid-template-columns:minmax(0,1.55fr) minmax(300px,1fr); align-items:start; gap:24px; }
  .ck-shop__aside { position:sticky; top:88px; }
}
.ck-panel { padding:20px; }
@media (min-width:640px) { .ck-panel { padding:24px; } }

.ck-wrap { max-width:470px; margin:0 auto; padding:26px 16px 60px; }
.ck-wrap .ck-card { padding:20px; margin-bottom:14px; }
.ck-head { text-align:center; margin-bottom:20px; }
.ck-head img { height:28px; width:auto; }

.ck-fade { animation:ck-fade .25s ease both; }
@keyframes ck-fade { from { opacity:0; transform:translateY(6px); } to { opacity:1; transform:none; } }

/* ══ Checkout chrome — dark sticky summary, upsell list, sticky CTA ══════════
   The summary has to stay legible while the page scrolls, so it is its own dark
   surface rather than a card in the flow, and it carries its own tokens. */
.ck-top {
  position:sticky; top:0; z-index:40;
  background:#1c1c1e; color:#fff;
}
.ck-top__brand {
  display:flex; align-items:center; justify-content:space-between;
  padding:12px 16px; max-width:470px; margin:0 auto;
}
.ck-top__brand img { height:22px; width:auto; filter:brightness(0) invert(1); }
.ck-top__secure { display:inline-flex; align-items:center; gap:5px; font-size:12.5px; color:#9ea0a6; }
.ck-top__secure svg { width:12px; height:12px; }

.ck-sum { max-width:470px; margin:0 auto; padding:0 12px 12px; }
.ck-sum__bar {
  display:flex; align-items:center; gap:10px; width:100%;
  padding:12px 14px; border:none; border-radius:12px;
  background:#2c2c2e; color:#fff; font:inherit; cursor:pointer; text-align:left;
}
.ck-sum__icons { display:flex; }
.ck-sum__chip {
  width:26px; height:26px; border-radius:50%; background:#3a3a3c; display:grid; place-items:center;
  font-size:12px; font-weight:700; border:2px solid #2c2c2e; margin-left:-8px;
}
.ck-sum__chip:first-child { margin-left:0; }
.ck-sum__count { font-size:14px; font-weight:600; }
.ck-sum__total { margin-left:auto; font-size:16px; font-weight:700; font-variant-numeric:tabular-nums; }
.ck-sum__cur { font-size:12px; font-weight:500; color:#9ea0a6; margin-left:3px; }
.ck-sum__caret { width:16px; height:16px; color:#9ea0a6; transition:transform .2s ease; flex:0 0 auto; }
.ck-sum__bar[aria-expanded="true"] .ck-sum__caret { transform:rotate(180deg); }

.ck-sum__panel { display:none; padding:4px 14px 12px; }
.ck-sum__panel.is-open { display:block; }
.ck-sum__line {
  display:flex; align-items:center; gap:9px; padding:9px 0;
  border-bottom:1px solid rgba(255,255,255,.08); font-size:14px;
}
.ck-sum__line:last-of-type { border-bottom:none; }
.ck-sum__line b { font-weight:500; flex:1; min-width:0; }
.ck-sum__line .amt { font-variant-numeric:tabular-nums; color:#e5e5ea; }
.ck-sum__x {
  width:22px; height:22px; border:none; border-radius:50%; background:transparent;
  color:#8e8e93; font-size:16px; line-height:1; cursor:pointer; flex:0 0 auto;
}
.ck-sum__x:hover { background:rgba(255,255,255,.12); color:#fff; }
.ck-sum__foot { font-size:12px; color:#8e8e93; padding-top:9px; }

.ck-progress { height:3px; background:#3a3a3c; }
.ck-progress__fill {
  height:100%; width:33%; background:var(--ck-accent);
  transition:width .3s cubic-bezier(.2,.8,.2,1);
}

/* section head: back + title + aside note */
.ck-sechead {
  display:flex; align-items:center; gap:10px; margin:0 0 18px;
}
.ck-sechead__back {
  display:inline-flex; align-items:center; gap:3px; background:none; border:none; padding:0;
  font:inherit; font-size:14px; font-weight:500; color:var(--ck-muted); cursor:pointer;
}
.ck-sechead__back:hover { color:var(--ck-ink); }
.ck-sechead__title { font-size:19px; font-weight:700; letter-spacing:-.02em; }
.ck-sechead__note {
  margin-left:auto; display:inline-flex; align-items:center; gap:5px;
  font-size:12px; color:var(--ck-faint); text-align:right;
}
.ck-sechead__note svg { width:13px; height:13px; flex:0 0 auto; }

/* input with a leading icon */
.ck-input { position:relative; display:flex; align-items:center; }
.ck-input > svg {
  position:absolute; left:13px; width:17px; height:17px; color:var(--ck-faint); pointer-events:none;
}
.ck-input .ck-field { padding-left:39px; }

/* "Complete your order" — cart lines and upsells in ONE list, because to the
   shopper they are the same question: what is in this order? */
.ck-order { border:1px solid var(--ck-line-strong); border-radius:var(--ck-r-md); overflow:hidden; }
.ck-order__row {
  display:flex; align-items:center; gap:12px; width:100%; padding:13px 14px;
  background:var(--ck-surface); border:none; border-bottom:1px solid var(--ck-line);
  font:inherit; text-align:left; color:inherit;
}
.ck-order__row:last-child { border-bottom:none; }
.ck-order__row--add { cursor:pointer; transition:background .14s; }
.ck-order__row--add:hover { background:#fafafb; }
.ck-order__mark {
  width:22px; height:22px; border-radius:50%; flex:0 0 auto; display:grid; place-items:center;
  border:1.5px solid var(--ck-line-strong); color:transparent; font-size:12px; font-weight:700;
  transition:background .14s, border-color .14s, color .14s;
}
.ck-order__row--in .ck-order__mark { background:var(--ck-green); border-color:var(--ck-green); color:#fff; }
.ck-order__row--add[aria-pressed="true"] .ck-order__mark { background:var(--ck-green); border-color:var(--ck-green); color:#fff; }
.ck-order__body { flex:1; min-width:0; }
.ck-order__name { font-size:14.5px; font-weight:600; letter-spacing:-.01em; }
.ck-order__sub { font-size:12.5px; color:var(--ck-muted); margin-top:2px; }
.ck-order__price { font-size:14px; font-weight:600; white-space:nowrap; font-variant-numeric:tabular-nums; color:var(--ck-ink); }
.ck-order__note { margin:10px 2px 0; font-size:12.5px; color:var(--ck-muted); line-height:1.55; }

/* trust rows */
.ck-trustlist { list-style:none; margin:22px 0 0; padding:0; }
.ck-trustlist li {
  display:flex; align-items:center; gap:11px; padding:11px 2px;
  border-bottom:1px solid var(--ck-line); font-size:14px;
}
.ck-trustlist li:last-child { border-bottom:none; }
.ck-trustlist svg { width:17px; height:17px; color:var(--ck-muted); flex:0 0 auto; }

/* accepted payment methods */
.ck-methods { display:flex; align-items:center; justify-content:center; gap:8px; margin:20px 0 0; }
.ck-methods img { height:26px; width:auto; border-radius:4px; }

/* sticky action bar */
.ck-sticky {
  position:sticky; bottom:0; z-index:35; margin:20px -16px 0; padding:12px 16px 14px;
  background:rgba(247,247,249,.92); backdrop-filter:blur(12px);
  border-top:1px solid var(--ck-line);
}
.ck-sticky .ck-btn { padding:16px 20px; font-size:16.5px; }
.ck-sticky__foot {
  display:flex; align-items:center; justify-content:center; gap:9px;
  margin-top:10px; font-size:12px; color:var(--ck-muted);
}
.ck-sticky__foot .ck-stars { color:var(--ck-green); }