Чипекве

document.addEventListener('click', switchColorButtonHandler);

function switchColorButtonHandler({ target }) {
    const clickedButton = target.closest('.slide-product__options');
    if (!clickedButton) return;

    const productWrapper = clickedButton.closest('.slide-product__image');
    const productImage = productWrapper.querySelector('.picture img');

    productWrapper.querySelectorAll('button').forEach(button => {
        button.classList.remove('_active');
    });
    clickedButton.classList.add('_active');

    productImage.src = clickedButton.dataset.src;
}

function renderItem(cardData) {
    const newCard = cardTemplate.cloneNode(true);
    const cardTitle = newCard.querySelector('.card__title');
    const cardImage = newCard.querySelector('.card__image');

    cardImage.src = cardData.link;
    cardTitle.textContent = cardData.name;
 
    container.append(newCard);
 }
renderItem(); //← поэтому семь
render();

padding: 10px 450px 15px 27px;

<TextField
  multiline
  sx={{
    '& textarea': {
      resize: 'both',
    }
  }}
/>

cardRecommended.forEach((card) => {
  card.addEventListener('click', (e) => {
    if (popupRecommended.classList.contains('-open') || e.target.classList.contains('favorite-btn')) return;
    popupRecommended.classList.add('-open');
    document.body.classList.add('-lock');
  })
})