t.appendChild(itemCard);
  });
}

// Show item details in the side panel
function showItemDetails(item) {
  itemDetails.innerHTML = `
    <div class="item-image">Product Image Placeholder</div>
    <h2>${item.title}</h2>
    <p><strong>Category:</strong> ${item.category}</p>
    <p><strong>Price:</strong> ${item.price}</p>
    <p>${item.description}</p>
  `;
  
  // Reset any existing transitions
  sidePanel.style.transition = 'none';
  sidePanel.style.transform = 'translateX(100%)';
  
  // Show the dialog