.product-category-container
  border-top: 1px solid #ddd
  border-bottom: 1px solid #ddd
  margin-bottom: 5px
  h4.product_category-title
    cursor: pointer
    margin-bottom: 5px
    .icon
      @extend .fa
      @extend .fa-arrow-down
      color: #ccc
      padding-right: 10px
      &.collapsed
        @extend .fa-arrow-right
ul.product_category-products
  list-style: none
  margin: 0 0 5px rem-calc(1.0)
.product_category-products
  .inactive
    color: #777
    a
      color: #777
  .product-price
    float: right
  .show-product-description
    +button($bg: $secondary-color)
    +button-icon-only
    margin-right: 7px
    span
      @extend .fa
      @extend .fa-info
      @extend .fa-lg
  .no-product-description
    // Empty space to match the product description for layout
    display: inline-block
    width: 1.65rem
  .add-product-to-list
    +button($bg: $secondary-color)
    +button-icon-only
    float: right
    margin-left: 5px
    span
      @extend .fa
      @extend .fa-plus
      @extend .fa-lg
