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

  > *:not(:last-child) {
    margin-bottom: 8px;
  }

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

  .mealz-replace-item-card-planner__upper-section {
    display: flex;
    align-items: center;

    > *:not(:last-child) {
      margin-right: 16px;
    }

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

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

    .mealz-replace-item-card-planner__info {
      flex: 1;
    }

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

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

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

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

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

    .mealz-replace-item-card-planner__cta {
      .mealz-replace-item-card-planner__loader {
        width: 24px;
        height: 24px;
        background-position-x: 12px;
        background-size: 12px 12px;
      }
    }
  }
}