
.table-cart {
   margin-bottom: 20px;
   width: 100%;
   display: block;

   p {
      margin: 0;
   }

   a {
      color: $font-color;
   }

   .product {
      margin: 0;
      border-bottom: 1px solid $border-color;

      + .product .product-inner {
         border-top-width: 1px;
      }
   }

   .product-inner {
      border: 2px solid transparent;
      border-bottom-width: 1px;
      display: block;

      > div {
         display: table-cell;
         float: none;
         vertical-align: middle;
         height: 78px;
      }

      @media screen and (min-width: 992px) {
         min-height: 81px;
      }
   }

   &.cart .product-inner:hover {
      border-color: $border-color;
      transition: all .3s;

      .product-delete a {
         visibility: visible;
      }
   }

   .product-image {
      width: 110px;
      min-width: 110px;

      a {
         display: block;
         text-align: center;
      }

      img {
         max-width: 90px;
         max-height: 70px;
         margin: 5px auto;
         overflow: hidden;
      }
   }

   &.cart .product-image img {
      @media screen and (max-width: 991px) {
         max-width: 60px;
         margin: 25px auto;
      }
   }

   &.summary .product-inner {
      @media screen and (max-width: 767px) {
         .product-pieces {
            padding-top: 15px;
         }

         .product-price-total {
            padding-top: 5px;
            float: right;
         }
      }

      .product-pieces {
         color: $font-color-light;
         font-size: 18px;
      }
   }

   .product-title {
      min-width: 450px;

      @media screen and (max-width: 1199px) {
         min-width: 330px;
      }

      @media screen and (max-width: 991px) {
         min-width: 190px;
      }
   }

   .gender-cart {
      width: 40px;
   }

   .product-pieces {
      min-width: 105px;
      text-align: right;

      .form-control {
         @include disable-spinner;

         vertical-align: middle;
      }
   }

   .buy_count {
      margin-right: 2px;

      @media screen and (max-width: 991px) {
         display: inline-block;
      }
   }

   .product-price-per-piece {
      font-size: 18px;
      color: $font-color-light;
      min-width: 140px;
      text-align: right;

      @media screen and (max-width: 1199px) {
         display: none;
      }
   }

   .product-price-total {
      text-align: right;
      min-width: 120px;
      font-size: 18px;
      color: $gray-dark;
      font-weight: 700;
      white-space: nowrap; //nebude se zalamovat

      @media screen and (max-width: 991px) {
         font-size: 18px;
         min-width: 100px;
      }
   }

   .product-delete {
      min-width: 50px;

      a {
         color: #fd2979;
         font-size: 22px;

         @media screen and (min-width: 992px) {
            visibility: hidden;
         }

         &:hover,
         &:active,
         &:focus {
            color: darken(#fd2979, 15%);
         }
      }
   }

   .hidden {
      display: none;
   }

   @media screen and (max-width: 767px) {
      margin-bottom: 20px;
      display: block;

      .product {
         display: block;
         position: relative; // kvuli delete produktu
      }

      .product-inner {
         display: block;
         height: auto;
         overflow: auto;
         padding: 10px 0;

         > div {
            display: block;
            float: left;
            height: auto;
         }

         .product-image {
            width: 30%;
         }

         .product-title {
            width: 70%;
            min-width: 0;
         }

         .product-pieces {
            min-width: 98px;
            width: 98px;
         }

         .product-price-per-piece {
            display: none;
         }

         .product-price-total {
            white-space: nowrap; //nebude se zalamovat
            padding-top: 15px;
         }

         .product-delete {
            position: absolute;
            right: 0;
            bottom: 20px;
         }
      }
   }

   @media screen and (max-width: 543px) {
      .product-inner {
         .product-image {
            min-width: 80px;

            img {
               margin: 0 auto 15px;
            }
         }

         .product-title {
            margin-bottom: 15px;
         }

         .product-pieces {
            clear: both;
         }
      }
   }
}

.touch .product-delete a {
   visibility: visible;
}
