/* wear-reveal.css — microanimaciones de entrada para las colecciones Wear.
   Port del patrón Gallery (country.css): oculto + translateY, revela .is-in
   con easing editorial. Archivo del PORT — no existe en el mockup, los
   re-syncs no lo pisan. El hero NO se anima (es el LCP de la página). */

.collection__header,
.collection__grid .bestseller-card {
  opacity: 0;
  transform: translateY(28px);
  transition:
    opacity 700ms var(--easing-editorial),
    transform 700ms var(--easing-editorial);
}

.collection__header.is-in,
.collection__grid .bestseller-card.is-in {
  opacity: 1;
  transform: none;
}

@media (prefers-reduced-motion: reduce) {
  .collection__header,
  .collection__grid .bestseller-card {
    opacity: 1;
    transform: none;
    transition: none;
  }
}