.product-ingredients__content {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  gap: 2rem;
  --size-mobile: 120px;
  --size-desktop: 160px;
}

.product-ingredients__item {
  display: flex;
  flex-direction: row;
  gap: 1rem;

  .product-ingredients__item-image {
    width: var(--size-mobile);
    height: var(--size-mobile);
    z-index: 1;

    img {
      width: 100%;
      height: auto;
      object-fit: cover;
      background-color: var(--alabaster);
      border-radius: 50%;
    }
  }

  .product-ingredients__item-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    border: 2px solid var(--alabaster);
    border-radius: var(--size-mobile) 4px 4px var(--size-mobile);
    margin-left: calc(var(--size-mobile) * -1);
    padding: 0.6rem 0.6rem 0.6rem calc(var(--size-mobile) + 1rem);

    .h2,
    p {
      margin: 0;
    }

    .h2 {
      font-size: var(--mobile-font-h2-size);
    }

    p {
      font-size: var(--font-s-size);
      text-wrap: balance;
      -webkit-line-clamp: 3;
      line-clamp: 3;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
    }
  }
}

@media (width > 750px) {
  .product-ingredients__content {
    grid-template-columns: 1fr 1fr;
    gap: 4rem;

    .product-ingredients__item {
      .product-ingredients__item-image {
        width: var(--size-desktop);
        height: var(--size-desktop);
      }

      .product-ingredients__item-content {
        border-radius: var(--size-desktop) 0 0 var(--size-desktop);
        margin-left: calc(var(--size-desktop) * -1);
        padding: 1.6rem 1.6rem 1.6rem calc(var(--size-desktop) + 2rem);

        .h2 {
          font-size: var(--font-h2-size);
        }

        p {
          -webkit-line-clamp: 4;
          line-clamp: 4;
        }
      }
    }
  }
}