/* CHHES 购物车/结算 — 叠加 Bootstrap */
.chhes-flow-page {
  background: var(--chhes-bg-primary, #f3f1ec);
}

.chhes-flow-page > h3,
.chhes-flow-page h3.mb-10,
.chhes-flow-page h3.mb-4 {
  font-weight: 300;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  font-size: 20px;
}

.chhes-flow-page .list-group-item {
  border: 1px solid var(--chhes-border, rgba(17, 17, 17, 0.1));
  border-radius: 0;
  background: #fff;
  margin-bottom: 12px;
}

.chhes-flow-page #total_html.card,
.chhes-flow-page .card.mb-2,
.chhes-flow-page .card.mb-5,
.chhes-flow-page .card.mb-7 {
  border: 1px solid var(--chhes-border, rgba(17, 17, 17, 0.1));
  border-radius: 0;
  box-shadow: none;
}

.chhes-flow-page #total_html.card {
  background: #fff !important;
}

.chhes-flow-page .btn-dark {
  border-radius: 0;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  font-size: 12px;
  padding: 14px 20px;
  background: var(--chhes-text-primary, #111);
  border-color: var(--chhes-text-primary, #111);
}

.chhes-flow-page .btn-dark:hover {
  background: var(--chhes-accent-hover, #3a3a3a);
  border-color: var(--chhes-accent-hover, #3a3a3a);
}

.chhes-flow-page .btn-outline-dark,
.chhes-flow-page .btn-outline-border {
  border-radius: 0;
  font-size: 12px;
}

.chhes-flow-page .form-control,
.chhes-flow-page .form-select {
  border-radius: 0;
}

.chhes-flow-page .list-group-item.bg-warning-soft {
  background: rgba(17, 17, 17, 0.04) !important;
}

.chhes-flow-page .border-bottom {
  border-color: var(--chhes-border, rgba(17, 17, 17, 0.12)) !important;
}

.flow-steps {
  display: flex;
  justify-content: center;
  gap: 8px;
  flex-wrap: wrap;
  margin: 24px auto 32px;
  padding: 0;
}

.flow-steps__item {
  padding: 8px 16px;
  font-size: 12px;
  letter-spacing: 0.08em;
  color: var(--chhes-text-muted, #909090);
  border: 1px solid var(--chhes-border, rgba(17, 17, 17, 0.15));
  border-radius: 999px;
  background: #fff;
}

.flow-steps__item.is-active {
  color: #fff;
  background: var(--chhes-text-primary, #111);
  border-color: var(--chhes-text-primary, #111);
}

.flow-steps__item.is-done {
  color: var(--chhes-text-primary, #111);
  border-color: var(--chhes-text-primary, #111);
}