product-selection {
  display: flex;
  flex-direction: column;
  gap: var(--gap);

  .product-selection__status {
    display: flex;
    flex-direction: column;
    gap: var(--gap-s);
    background-color: var(--tea);
    padding: var(--gap-s);

    & > div {
      display: flex;
      flex-direction: column;
      gap: var(--gap-s);
    }

    &.error {
      background-color: var(--pig);
      color: var(--cherry);

      & ~ .product-selection__items {
        display: none;
      }
    }
  }

  .product-selection__items {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--gap-xs);
    align-items: stretch;

    &.loading {
      display: flex;
      align-items: center;
      justify-content: center;
      padding: var(--gap-s);
      background-color: var(--snow);
    }

    .search-card .card-product__media .media__images {
      padding-top: 100%;
    }

    quantity-input.no-packing-label .full-pack__item {
      display: none!important;
    }
  }

  .product-selection__add {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--gap-s);

    .add-all-error-message {
      color: var(--cherry);
    }
  }
    
  .quantity-warning {
    &:is(p) {
      margin-top: var(--gap-xxs);
      font-size: var(--font-18);
      color: var(--tangerine);

      &::before {
        content: '!';
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 1rem;
        height: 1rem;
        background-color: var(--tangerine);
        border-radius: 50%;
        color: var(--white);
        margin-right: var(--gap-xs);
      }
    }

    &:is(input),
    span {
      font-weight: var(--font-base--bold);
      background-color: var(--apricot);
      color: var(--tangerine);
    }

    span {
      padding-left: .125rem;
      padding-right: .125rem;
      border-radius: .125rem;
    }
  }
}