/**
 * Card Component System - Mobile-First
 * La Fille du Fleuriste
 */

/* ===== Base Card ===== */
.card {
  background: var(--color-bg-light);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
  overflow: hidden;
  transition: all var(--transition-base);
  display: flex;
  flex-direction: column;
}

.card:hover {
  box-shadow: var(--shadow-md);
  transform: translateY(-2px);
}

/* ===== Card Sections ===== */

/* ===== Card Image ===== */

/* Image Badge/Label */

/* ===== Card Title ===== */

/* ===== Card Text ===== */

/* ===== Card Actions ===== */

/* ===== Product Card ===== */

/* Quick View Button */

/* ===== Testimonial Card ===== */

/* ===== Category Card ===== */

/* ===== Collection Card ===== */

/* ===== Horizontal Card ===== */

/* ===== Tablet (768px+) ===== */

/* ===== Desktop (1024px+) ===== */

/* ===== Card Grid ===== */