.page-wrapper {
  padding-top: .5rem;
  padding-bottom: .25rem;
}

.page-footer .checkout-wrapper {
  height: var(--cart-checkout-wrapper--h);
  justify-content: space-between;
  align-items: center;
  gap: .5rem;
  padding-inline: 1rem;
  display: flex;
}

.page-footer .bottom-old {
  color: #e81331;
  font-size: .875rem;
  font-weight: 500;
  line-height: 1rem;
  text-decoration: line-through;
}

.page-footer .bottom-total {
  color: #27282b;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.25rem;
}

.page-footer .button {
  min-width: 10.625rem;
  min-height: 2.25rem;
  font-size: .875rem;
}

.section-positions {
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: .625rem;
  margin-top: .5rem;
  display: flex;
}

.section-summary {
  margin-top: .625rem;
  margin-bottom: calc(var(--cart-checkout-wrapper--h) + .625rem);
}

.section-summary .row {
  gap: .5rem;
  margin-bottom: .25rem;
}

.section-summary .row:not([hidden]) {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.section-summary .row.total {
  margin-top: .75rem;
}

.section-summary .row .left {
  font-size: .875rem;
  font-weight: 300;
  line-height: 1.25rem;
}

.section-summary .row .right {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.25rem;
}

.section-summary .row .black {
  color: #27282b;
}

.section-summary .row .red {
  color: #e81331;
}

.section-summary .row .blue {
  color: #009ae3;
  font-size: 1.375rem;
  font-weight: 700;
  line-height: 1.625rem;
}

.section-summary .button {
  margin-top: 1.125rem;
}