/* Highlight styles for product cards */
.card.h-100 {
  border: 0;
  transition: transform 180ms ease, box-shadow 180ms ease;
}
.card.h-100:hover {
  transform: translateY(-6px);
  box-shadow: 0 10px 30px rgba(0,0,0,0.12);
}
.card-img-top { 
  height: 220px; 
  object-fit: cover; 
}
.product-badge {
  font-size: 12px;
  padding: 6px 10px;
  border-radius: 20px;
  color: #222;
}
.product-name {
  font-weight: 600;
  font-size: 0.95rem;
  line-height: 1.1;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.product-price {
  font-weight: 700;
  color: #bb7916;
}
.card-footer {
  background: transparent;
  border-top: 0;
}
/* make the image area visually prominent */
.card .card-body { padding-top: 0.8rem; padding-bottom: 0.6rem; }

@media (max-width: 576px) {
  .card-img-top { height: 160px; }
  .carousel-caption { max-width: 95%; }
}

/* subtle hover for 'Voir' button */
.btn-outline-primary:hover { background-color: #0d6efd; color: #fff; border-color: #0d6efd; }

/* emphasize add button */
.btn-success { box-shadow: 0 4px 14px rgba(13,110,253,0.18); }