:root {
  --primary-color: #ec4899 !important;
  --primary-hover: #db2777 !important;
}

body {
  background: linear-gradient(135deg, #fdf2f8, #ffffff, #fce7f3) !important;
}

.product-card {
  border: 1px solid rgba(236, 72, 153, 0.2) !important;
  border-radius: 16px !important;
}

.product-card:hover {
  box-shadow: 0 8px 30px rgba(236, 72, 153, 0.15) !important;
  transform: translateY(-4px) !important;
  transition: all 0.3s !important;
}

.btn-primary {
  background: linear-gradient(135deg, #ec4899, #a855f7) !important;
  border-radius: 12px !important;
}