/* =====================================================
   Member backend motion — เมนูเด็ด.com (แบบเบา)
   การ์ด/บล็อกค่อยๆ ขึ้นตอนเปิดหน้าและตอนเลื่อนถึง
   ใช้ property `translate` เพื่อไม่ทับ hover ที่ใช้ `transform`
   `html .mu-reveal` ให้ specificity ชนะคลาส transition-* ของ Tailwind CDN
   ===================================================== */
html .mu-reveal {
    opacity: 0;
    translate: 0 12px;
    transition:
        opacity 0.45s ease,
        translate 0.45s cubic-bezier(0.2, 0.7, 0.2, 1),
        transform 0.25s ease,
        box-shadow 0.25s ease,
        border-color 0.25s ease,
        background-color 0.25s ease,
        color 0.25s ease;
}

html .mu-reveal.is-visible {
    opacity: 1;
    translate: 0 0;
}

@media (prefers-reduced-motion: reduce) {
    html .mu-reveal {
        opacity: 1;
        translate: none;
        transition: none;
    }
}