.cart-icon {
  position: fixed;
  top: 20px; /* distance from top of page/header */
  right: 20px;
  width: 40px; /* adjust for icon size */
  height: 40px;
  cursor: pointer;
  z-index: 10000;
}

.cart-icon img {
  width: 100%;
  height: 100%;
}

#cart-count {
  position: absolute;
  bottom: -10px; /* below icon */
  left: 50%;
  transform: translateX(-50%);
  background: black;
  color: white;
  border-radius: 50%;
  padding: 2px 6px;
  font-size: 12px;
}

.cart-panel {
  position: fixed;
  top: 84px; /* header height */
  right: -320px;
  width: 300px;
  height: calc(100% - 84px);
  background: white;
  box-shadow: -4px 0 12px rgba(0,0,0,0.2);
  padding: 20px;
  z-index: 9999;
  transition: right 0.3s ease;
  overflow-y: auto;
}

.cart-panel.show {
  right: 0;
}

.cart-panel ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.cart-panel ul li {
  margin-bottom: 10px;
}