.configuration-total {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  margin: 16px -20px -20px;
  padding: 18px 20px;
  border-top: 1px solid var(--line);
  background: #f7f8fb;
}

.configuration-total span { display: grid; gap: 4px; }
.configuration-total b { color: var(--ink); font-size: 14px; }
.configuration-total small { color: var(--muted); font-size: 10px; font-weight: 400; }
.configuration-total strong { color: #168447; font-size: 29px; white-space: nowrap; }

@media (max-width: 520px) {
  .configuration-total { align-items: end; gap: 12px; }
  .configuration-total small { max-width: 160px; line-height: 1.35; }
  .configuration-total strong { font-size: 24px; }
}