.cart-btn--loading {
  opacity: 0.6;
  cursor: wait;
  pointer-events: none;
}

button[type="submit"]:disabled {
  cursor: wait;
}

/* ── "it goes in the same order and ships together" ──────────────────

   `shared/_ships_together_note` landed on main using `.ships-together`,
   `__line` and `__link` and those classes were DEFINED NOWHERE — measured
   with `git grep` across every stylesheet. So the note rendered at the
   browser's default paragraph size with the brand's bare `a` colour on
   the link, which is the unstyled-block defect this repo has shipped
   twice, most recently as a white-on-white sign-out button.

   Here rather than in a sheet of its own because `shared/cart_feedback`
   is already linked on both surfaces that render the partial — the cart
   and the checkout — so a new file would be a new line in five layouts
   and a sixth to forget.

   Every value is a `--checkout-*` token — the one family all five brand
   sheets declare (Glam's palette lives in its uray02 theme and defines no
   `--color-*` at all, so a bare `var(--color-text)` there evaluates to
   nothing: brand_css_token_definition_guard_test). The link carries `a.` and names the block root:
   `.brand a { color: var(--color-accent) }` is (0,1,1) and a bare class
   is (0,1,0), which is how four brands shipped an invisible CTA. */

.ships-together {
  margin: 10px 0;
  font-size: 13px;
  line-height: 1.5;
}

.ships-together .ships-together__line {
  margin: 0;
  color: var(--checkout-text);
}

.ships-together a.ships-together__link {
  display: inline-block;
  margin-top: 4px;
  color: var(--checkout-accent);
  font-weight: 600;
  text-decoration: underline;
}