.order-products-summary {
   border-top: 0;

   .title {
      padding-right: $grid-gutter-width;
   }

   .price-summary {
      text-align: right;
   }

   .price-total-summary {
      width: 100%;
      font-size: $font-size-base;
      white-space: nowrap;
   }

   .price-total-with-discount {
      .flag {
         margin-right: 10px;
      }

      div {
         strong {
            font-size: $font-size-base;
         }

         .strike-price {
            font-size: $font-size-smaller;
         }
      }

      .pieces-summary {
         order: -2;
         font-weight: 400;
      }
   }

   @media screen and (max-width: $md - 1) {
      .product {
         flex-wrap: nowrap;
      }

      .title {
         margin-left: 10px;
      }
   }
}
