.sale-price-preview {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  padding: 16px 18px;
  border: 1px solid var(--line, #dfe7ec);
  border-radius: 14px;
  background: #f7fafb;
}

.sale-price-preview > div {
  display: grid;
  gap: 5px;
  color: var(--muted, #65717c);
  font-size: 13px;
}

.sale-price-preview strong {
  color: var(--ink, #14202b);
  font-size: 17px;
}

.sale-price-preview .sale-price-total {
  text-align: right;
}

.sale-price-preview .sale-price-total strong {
  color: var(--blue, #146ba0);
  font-size: 21px;
}

.sale-price-preview p {
  grid-column: 1 / -1;
  margin: 0;
  color: var(--muted, #65717c);
  font-size: 12px;
}

.sale-price-preview p.is-error {
  color: #b13b32;
}

@media (max-width: 560px) {
  .sale-price-preview {
    grid-template-columns: 1fr 1fr;
  }

  .sale-price-preview .sale-price-total {
    grid-column: 1 / -1;
    text-align: left;
  }
}