.two-col a {
  background-color: red;
  text-decoration: none;
  border-radius: 4px;
  color: white;
  font-weight: bold;
  text-align: center; }

.title {
  font-weight: bold;
  font-size: larger;
  border-top: 10px solid silver;
  border-bottom: 1px dotted gray;
  display: grid;
  padding: 4px;
  grid-template-columns: 4fr 1fr; }
  .title div {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .title .currency {
    font-size: 0.9em; }

.discounts,
.item-subtotal {
  display: grid;
  grid-template-columns: 3fr 1fr; }
  .discounts > div,
  .item-subtotal > div {
    padding: 8px 0; }
  .discounts .two-term-msg,
  .item-subtotal .two-term-msg {
    color: red;
    font-weight: bold;
    text-align: center; }

.cart-total {
  font-size: 1.2em;
  border-top: 2px dotted silver;
  font-weight: bold; }

.links a {
  text-decoration: none;
  font-size: 12px;
  display: inline-block;
  padding: 4px 0px;
  color: #0066C0;
  font-weight: bold; }
  .links a::after {
    content: ' / '; }
  .links a:last-child::after {
    content: ' '; }
  .links a:hover {
    text-decoration: underline; }

.cart-table {
  margin-top: 8px;
  display: grid;
  grid-template-columns: 2fr 1fr 1fr;
  grid-gap: 1px;
  border-bottom: 10px solid silver;
  /*border: 1px solid #eee;*/
  /* border-radius:8px;*/
  /*background-color: #eee;*/ }
  .cart-table > div {
    background-color: white;
    padding: 0.25em 0.2em;
    line-height: 1.75em;
    min-height: 2em; }
  .cart-table .button a {
    /*@extend %button;*/
    display: block;
    margin: 0 4px;
    color: blue; }

.one-col {
  grid-column-start: 1;
  grid-column-end: 4; }

.two-col {
  grid-column-start: 1;
  grid-column-end: 3; }
  .two-col a {
    background-color: #000000;
    line-height: 2em;
    color: white;
    display: inline-block; }

.three-col {
  grid-column-start: 1;
  grid-column-end: 4;
  text-align: center; }

.currency {
  text-align: right;
  font-weight: bold; }

.discount {
  color: red; }

.discount-desc {
  padding-left: 1em;
  font-weight: bold;
  color: red; }
  .discount-desc::after {
    content: ' >'; }
  .discount-desc::before {
    content: '< '; }