.returns-box {
   .item {
      border-bottom: 1px solid $border-color;
      display: flex;
      align-items: center;
      padding: 20px 10px;
   }

   .image {
      flex: none;
      padding-right: 20px;
      width: 100px;
   }

   .title-wrapper {
      display: flex;
      align-items: center;
      flex-grow: 1;
      margin-right: 60px;

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

   .title {
      flex-grow: 1;
      line-height: 1.4;

      a {
         @include underline-hover;

         color: $text-dark;
      }
   }

   .variation-title {
      color: $text-muted;
      display: block;
   }

   .price {
      color: $text-dark;
      flex-shrink: 0;
      font-size: 18px;
      font-weight: $font-weight-bold;

      @media screen and (min-width: 768px) {
         text-align: right;
      }
   }

   .img,
   .custom-checkbox {
      flex-shrink: 0;
   }

   .custom-checkbox {
      color: $text-dark;
   }

   .pieces {
      display: flex;
      flex: none;
      width: 76px;

      &.disabled {
         pointer-events: none;
         opacity: .4;
      }
   }

   select {
      font-size: 14px;
      max-width: 270px;
      min-height: 40px;
      margin-top: 6px;
      padding-top: 4px;
      padding-bottom: 4px;
   }

   .pieces .form-control {
      min-width: 50px;
      padding-right: 4px;
      padding-left: 4px;
      text-align: center;
   }

   .buy_count {
      padding: 0;

      button:disabled {
         pointer-events: none;
         opacity: .3;
      }
   }

   @media screen and (max-width: 767px) {
      padding: 10px 10px 0;
   }

   @media screen and (max-width: 543px) {
      .item {
         flex-wrap: wrap;
         padding-left: 90px;
         position: relative;
      }

      .image {
         position: absolute;
         left: 0;
         top: 0;
         bottom: 0;
         margin: auto;
         display: flex;
         align-items: center;
      }

      .title-wrapper {
         width: 100%;
         margin-right: 0;
      }
   }
}

.returns-box-returns {
   border: 1px solid $border-color;
   margin-bottom: 10px;
   padding: 20px 30px;

   .item:last-child {
      border-bottom: 0;
   }

   .pieces {
      margin-left: 26px;
   }

   @media screen and (max-width: 599px) {
      padding: 20px 10px 0;
   }
}

.returns-box-replacements {
   margin-bottom: 30px;

   .price {
      flex-shrink: 0;
      width: 160px;
   }

   .delete-product {
      color: $text-dark;
      font-size: 16px;
      margin: 0 10px;
      padding: 10px;

      @include haf {
         color: $state-error;
      }
   }
}

.returns-box-accordion-order-header {
   display: flex;
   align-items: center;
   cursor: pointer;

   .title-default {
      margin: 0 !important;
   }

   &::before {
      @include fonticon;

      content: $lightbox_right;
      font-size: 12px;
      margin-right: 10px;
      transition: transform .2s;
   }

   &.expanded::before {
      transform: rotate(90deg);
   }
}
