.reveal { opacity: 1; transform: none; }
@media (prefers-reduced-motion: no-preference) {
  .reveal { opacity: 0; transform: translateY(18px); animation: reveal .7s ease forwards; }
  .reveal:nth-child(2) { animation-delay: .12s; }
  .product-card { transition: transform .22s ease, box-shadow .22s ease; }
  .product-card:hover { transform: translateY(-4px); box-shadow: var(--shadow); }
  .button, .icon-button, .filter-chip { transition: transform .18s ease, background .18s ease, border-color .18s ease; }
  .button:hover, .icon-button:hover, .filter-chip:hover { transform: translateY(-1px); }
}
@keyframes reveal { to { opacity: 1; transform: translateY(0); } }