#cart-content
  margin: 0
  min-height: 320px

/* Cart row
 ========================================================================== */

// Product row
.cart-instance-row
  display: block
  padding-bottom: 20px
  border-bottom: 1px solid #eaeaea

.cart-instance-firstrow
  margin-top: 35px

.cart-instance-image
  float: left
  overflow: hidden
  margin-right: 20px
  width: 70px
  height: 70px

  +respond-to-width($bp_xs)
    float: none

.cart-instance-title
  position: relative
  float: left
  margin: 16px 0 0 0
  color: #565656
  letter-spacing: 1px

  +respond-to-width($bp_xs)
    float: none

// Quantity
.cart-quantity
  margin: 10px 0

  .quantity
    display: inline-block
    margin-right: 10px

.cart-instance-notinstock
  font-style: italic
  color: #565656
  letter-spacing: 1px

.cart-instance-color
  display: block
  position: absolute
  left: 0
  top: 24px
  width: 32px
  height: 16px
  background: #ffda80

.cart-instance-price
  position: relative
  float: right
  margin: 16px 0 0 0
  color: #565656
  text-align: right
  letter-spacing: 1px

  +respond-to-width($bp_mobile)
    clear: both
    float: none
    padding-left: 90px
    text-align: left

  +respond-to-width($bp_xs)
    padding-left: 0

.cart-instance-price-discount
  position: relative
  top: 20px
  left: -80px
  float: left
  margin: 16px 0 0 0
  width: 80px
  height: 56px
  color: #565656
  text-align: right
  letter-spacing: 1px

/* Summary
 ========================================================================== */

form.cart-summary
  @extend %clearfix

.cart-summary-holder
  float: right
  width: 200px
  margin: 16px 0 0 168px
  padding: 16px 0 0 0

  +respond-to-width($bp_mobile)
    float: left
    width: 100%
    margin-left: 0

.cart-summary-price-holder
  float: right
  width: 80px
  text-align: right
  color: #565656
  letter-spacing: 1px

.cart-summary-price-label-holder
  font-weight: 600
  float: left
  width: 72px
  color: #565656

.cart-summary-vat-holder
  margin: 20px 0
  font-size: 14px
  color: #aaa

.cart-summary-buttons-holder

  .button-144
    margin: 0 12px 0 0
  span.button-arrow-152
    margin: 0 12px 0 0
    padding-top: 4px

    +respond-to-width($bp_xs)
      display: none

    &.no-margin
      margin: 0

.addremove-btns
  float: left
  margin: 16px 0 0 0
  width: 70px
  height: 16px
  text-align: right
  color: #565656
  letter-spacing: 1px