/* ================================================================
   MANIAC MOODY COLLECTIBLES — effects (transform + opacity only)
   Gated behind body.mm-fx and prefers-reduced-motion.
   ================================================================ */

/* Card tilt (pointer-fine desktops) */
body.mm-fx .product-card,
body.mm-fx .pd-main-img { transition: transform .18s ease; }
body.mm-fx .product-card:hover {
    transform: perspective(900px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg)) translateY(-4px);
}
body.mm-fx .pd-main-img:hover {
    transform: perspective(1200px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg));
}

/* Reveal on scroll — showcase frames, ledger rows, intro columns */
body.mm-fx .sc-frame,
body.mm-fx .ledger-row,
body.mm-fx .intro-cols p {
    opacity: 0;
    transform: translateY(14px);
    transition: opacity .5s ease var(--mm-d, 0ms), transform .5s ease var(--mm-d, 0ms);
}
body.mm-fx .sc-frame.mm-in,
body.mm-fx .ledger-row.mm-in,
body.mm-fx .intro-cols p.mm-in {
    opacity: 1;
    transform: none;
}

@media (prefers-reduced-motion: reduce) {
    body.mm-fx .sc-frame,
    body.mm-fx .ledger-row,
    body.mm-fx .intro-cols p { opacity: 1; transform: none; transition: none; }
}