/* ============================================================
   ANIMATIONS — this site's motion tier.
   ------------------------------------------------------------
   The store site uses a tier of its own: "Product-Energetic" —
   punchy enough to feel like a modern SaaS/product site (this is
   Cheapwebsitestore selling itself, not a client template), but
   not as bouncy as the "Energetic" tier used on casual
   restaurant/fast fashion. Quick fade-and-rise on scroll
   (--transition-medium, 0.4s), noticeable card hover lift, no
   idle/ambient motion.
   ============================================================ */

@keyframes fade-in {
  from { opacity: 0; }
  to { opacity: 1; }
}

.card:hover,
.package-card:hover,
.service-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-md);
}

.quote-base-card:hover {
  border-color: var(--color-border-light);
}