/* Product Image Placeholders */
.product-image-placeholder {
  width: 60px;
  height: 60px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-weight: bold;
  font-size: 20px;
  text-transform: uppercase;
}

.product-image-placeholder.electronics {
  background: linear-gradient(135deg, #00c9c0, #008f89);
}

.product-image-placeholder.footwear {
  background: linear-gradient(135deg, #ff5a3d, #e54632);
}

.product-image-placeholder.apparel {
  background: linear-gradient(135deg, #2ecc71, #27ae60);
}

.product-image-placeholder.wearables {
  background: linear-gradient(135deg, #03a9f4, #0288d1);
}

.product-image-placeholder.lifestyle {
  background: linear-gradient(135deg, #ffc107, #ff9800);
}

/* User Avatar Placeholders */
.user-avatar-placeholder {
  width: 40px;
  height: 40px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-weight: bold;
  font-size: 16px;
  text-transform: uppercase;
}

.user-avatar-placeholder.user1 {
  background: linear-gradient(135deg, #00c9c0, #008f89);
}

.user-avatar-placeholder.user2 {
  background: linear-gradient(135deg, #ff5a3d, #e54632);
}

.user-avatar-placeholder.user3 {
  background: linear-gradient(135deg, #2ecc71, #27ae60);
}

.user-avatar-placeholder.user4 {
  background: linear-gradient(135deg, #03a9f4, #0288d1);
}

.user-avatar-placeholder.user5 {
  background: linear-gradient(135deg, #ffc107, #ff9800);
}