/* Checkout stepper: mobile = 4 equal columns (dot above label), desktop = inline row */
.cj-cart-stepper { margin: 1.25rem 0 0; text-align: center; }
.cj-cart-stepper__list { display: flex; margin: 0; padding: 0; list-style: none; }
.cj-cart-stepper__item { position: relative; flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; align-items: center; gap: 0.4rem; color: #8a8680; font-size: 0.6875rem; line-height: 1.35; letter-spacing: 0.02em; }
.cj-cart-stepper__item:not(:last-child)::after { content: ""; position: absolute; top: calc(0.25rem + 1.5px); left: calc(50% + 0.6rem); width: calc(100% - 1.2rem); height: 1px; background: #d4d0c8; }
.cj-cart-stepper__dot { flex-shrink: 0; box-sizing: content-box; width: 0.5rem; height: 0.5rem; border: 1.5px solid currentColor; border-radius: 50%; background: transparent; }
.cj-cart-stepper__item.is-current { color: #1a1a1a; font-weight: 700; }
.cj-cart-stepper__item.is-current .cj-cart-stepper__dot { background: #1a1a1a; border-color: #1a1a1a; }
.cj-cart-stepper__item.is-done { color: #5c5852; }
.cj-cart-stepper__item.is-done .cj-cart-stepper__dot { background: #b5985a; border-color: #b5985a; }
@media (min-width: 768px) {
  .cj-cart-stepper { margin-top: 2rem; }
  .cj-cart-stepper__list { display: inline-flex; align-items: center; }
  .cj-cart-stepper__item { flex: none; flex-direction: row; gap: 0.4rem; font-size: 0.875rem; line-height: inherit; letter-spacing: 0.04em; }
  .cj-cart-stepper__item:not(:last-child)::after { position: static; display: inline-block; width: 2.25rem; margin: 0 0.55rem 0 0.35rem; }
}