script.js

const allCartButtons = document.querySelectorAll('.add-btn, .mini-add');
const cartBadge = document.querySelector('.cart-link em');
let cartCount = 2;

allCartButtons.forEach((button) => {
  button.addEventListener('click', () => {
    cartCount += 1;
    cartBadge.textContent = cartCount;
    button.classList.add('added');
    button.innerHTML = '<i class="bi bi-check2"></i> Added';
    setTimeout(() => {
      button.classList.remove('added');
      button.innerHTML = '<i class="bi bi-cart3"></i> Add to Cart';
    }, 1200);
  });
});

const wishlistButtons = document.querySelectorAll('.wish-btn');
wishlistButtons.forEach((button) => {
  button.addEventListener('click', () => {
    button.classList.toggle('active');
    button.innerHTML = button.classList.contains('active')
      ? '<i class="bi bi-heart-fill"></i>'
      : '<i class="bi bi-heart"></i>';
  });
});