@media(prefers-reduced-motion:no-preference){
.motion-reveal{opacity:0;transform:translateY(20px);transition:opacity .6s ease var(--motion-delay,0ms),transform .6s cubic-bezier(.2,.7,.3,1) var(--motion-delay,0ms)}
.motion-reveal.motion-visible{opacity:1;transform:translateY(0)}
.button,.icon-button,.header-action,.favorite,.quantity button{transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease}
.button:active,.icon-button:active,.favorite:active,.quantity button:active{transform:scale(.97)}
.product-photo img,.category-image img,.exploration-gallery img,.feature-photo img{transition:transform .55s cubic-bezier(.2,.7,.3,1)}
.navigation a{transition:color .2s ease}
.navigation a:hover{color:#0054ff}
.gallery button{transition:transform .2s ease,border-color .2s ease}
.gallery button:active{transform:scale(.95)}
#toast:not([hidden]){animation:toast-appear .25s ease-out both}
@keyframes toast-appear{from{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}
}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
.button:hover{transform:translateY(-2px);box-shadow:0 7px 20px #0054ff1c}
.product-card:hover .product-photo img,.category-card:hover img{transform:scale(1.045)}
.exploration-gallery img:hover,.feature-photo:hover img{transform:scale(1.025)}
.header-action:hover,.favorite:hover{transform:translateY(-2px)}
}
@media(prefers-reduced-motion:reduce){.motion-reveal{opacity:1!important;transform:none!important}.whatsapp-float:hover{transform:none}.journal-card:hover img{transform:none}}