/* MGLAYETTE - Styles personnalisés */
:root {
  --pink-primary: #e91e8c;
  --pink-gradient: linear-gradient(135deg, #f472b6 0%, #c084fc 50%, #60a5fa 100%);
}

/* Logo animation */
.logo-img {
  transition: transform 0.3s ease;
}
.logo-img:hover {
  transform: scale(1.05);
}

/* Animations */
@keyframes fadeInUp {
  from { opacity: 0; transform: translateY(20px); }
  to { opacity: 1; transform: translateY(0); }
}

.fade-in-up {
  animation: fadeInUp 0.5s ease forwards;
}

/* Product image placeholder */
.img-placeholder {
  background: linear-gradient(135deg, #fce7f3 0%, #f3e8ff 50%, #e8f4ff 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 3rem;
  min-height: 200px;
}

/* Scroll to top */
.scroll-top {
  position: fixed;
  bottom: 5rem;
  right: 1.5rem;
  z-index: 999;
  background: linear-gradient(135deg, #ec4899, #a855f7);
  color: white;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.3s;
  box-shadow: 0 4px 12px rgba(236,72,153,0.3);
}

.scroll-top.visible {
  opacity: 1;
}