img.mealz-default-ingredient-picture {
  content: url('https://storage.googleapis.com/assets.miam.tech/generic/images/default-ingredient-picture.svg');
}

img.mealz-default-recipe-picture {
  content: url('https://storage.googleapis.com/assets.miam.tech/generic/images/placeholder.png');
}

.mealz-replace-item-card {
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  border-bottom: 1px solid var(--mealz-ds-color-neutral-200, #D9DDE1);
  border-right: 1px solid var(--mealz-ds-color-neutral-200, #D9DDE1);

  &.selected {
    background: var(--mealz-ds-color-primary-50, #F0F3F4);
  }


  .mealz-replace-item-card__upper-section {
    display: flex;
    align-items: center;
    gap: 16px;

    .mealz-replace-item-card__image-container {
      width: 96px;
      height: 96px;
      flex-shrink: 0;

      .mealz-replace-item-card__image {
        width: 100%;
        height: 100%;
      }
    }

    .mealz-replace-item-card__info {
      flex: 1;
    }

    .mealz-replace-item-card__brand {
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
    }

    .mealz-replace-item-card__brand-text {
      text-transform: uppercase;
    }

    .mealz-replace-item-card__name {
      margin-bottom: 12px;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
    }
  }

  .mealz-replace-item-card__lower-section {
    display: flex;
    align-items: center;
    justify-content: space-between;

    .mealz-replace-item-card__price {
      color: var(--mealz-ds-color-neutral-black, #0F191F);
      line-height: 0;
    }

    .mealz-replace-item-card__cta {
      .mealz-replace-item-card__loader {
        width: 24px;
        height: 24px;
        background-position-x: 12px;
        background-size: 12px 12px;
      }
    }
  }
}