.order-item {
  $block: #{&};

  &__cover-wrapper {
    @include size(6rem, 6rem);

    position: relative;
  }

  &__cover {
    @include size(100%, 100%);

    object-fit: cover;
    object-position: center;
  }

  &__input,
  &__select {
    flex: 1;
    min-inline-size: 0;
  }

  &__quantity-input {
    max-inline-size: 15rem;
  }

  // &__price-input,
  // &__quantity-input {
  //   max-inline-size: 15rem;
  // }

  // &__discount-input {
  //   max-inline-size: 20rem;
  // }

  &__name-container {
    @include flex(row, nowrap, $whitespace-4, center);
  }
}