.priceDetailsTable {
  border-collapse: collapse;
  width: 100%;
}

.price {
  text-align: end;
}

.tableSection {
  display: flex;
  gap: var(--Spacing-x-half);
  flex-direction: column;
  width: 100%;
}

.tableSection:has(tr > th) {
  padding-top: var(--Spacing-x2);
}

.tableSection:has(tr > th):not(:first-of-type) {
  border-top: 1px solid var(--Primary-Light-On-Surface-Divider-subtle);
}

.tableSection:not(:last-child) {
  padding-bottom: var(--Spacing-x2);
}
.row {
  display: flex;
  justify-content: space-between;
}
@media screen and (min-width: 768px) {
  .priceDetailsTable {
    min-width: 512px;
  }
}