/* pdp-reveal.css — microanimaciones de entrada para la PDP. 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. NO se animan: el tile hero de la galería (es el LCP, lección SS-5b)
   ni el panel de compra (título/precio/tallas/CTAs aparecen instantáneos). */

.pdp__models .pdp__tile--thumb,
.pdp__hat-slider,
.pdp__confidence,
.pdp__description,
.pdp__journal {
  opacity: 0;
  transform: translateY(28px);
  transition:
    opacity 700ms var(--easing-editorial),
    transform 700ms var(--easing-editorial);
}

.pdp__models .pdp__tile--thumb.is-in,
.pdp__hat-slider.is-in,
.pdp__confidence.is-in,
.pdp__description.is-in,
.pdp__journal.is-in {
  opacity: 1;
  transform: none;
}

@media (prefers-reduced-motion: reduce) {
  .pdp__models .pdp__tile--thumb,
  .pdp__hat-slider,
  .pdp__confidence,
  .pdp__description,
  .pdp__journal {
    opacity: 1;
    transform: none;
    transition: none;
  }
}