body { background-color: #f8f9fa; }
    .card img { height: 200px; object-fit: cover; }
    #cartDrawer {
      position: fixed;
      top: 0;
      right: 0;
      width: 360px;
      height: 100%;
      background: white;
      box-shadow: -2px 0 6px rgba(0,0,0,0.2);
      transform: translateX(100%);
      transition: transform 0.3s ease;
      z-index: 1000;
    }
    #cartDrawer.open { transform: translateX(0); }


    /* style.css */

.navbar {
  background-color:#f8f9fa; 
}

.navbar-brand {
  font-size: 2rem;
  letter-spacing: 0.5px;
}

.nav-link {
  font-weight: 500;
  color:brown;
  transition: color 0.3s ease;
}

.nav-link:hover {
  color: #0d6efd;
}

#cart-btn {
  font-weight: 500;
  border-radius: 50px;
}