:root {
  --pink: #e83e8c;
}

.text-pink   { color: var(--pink) !important; }
.btn-outline-pink {
  border-color: var(--pink);
  color: var(--pink);
}
.btn-outline-pink:hover {
  background-color: var(--pink);
  color: white;
}
.hero {
  background: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.4)), 
              url('https://images.unsplash.com/photo-1556228453-efd6c41aa48c?w=1600') center/cover;
}
.product-card:hover {
  transform: translateY(-8px);
  transition: all 0.3s;
  box-shadow: 0 10px 25px rgba(0,0,0,0.1) !important;
}
.bg-pink { background-color: var(--pink) !important; }

.category-img {
  width: 100%;
  height: 220px;        
  object-fit: cover;      
  object-position: center; 
}

.card:hover .category-img {
  transform: scale(1.05);
  transition: transform 0.4s ease;
}