/* Staging storefront: transform-only accents; no layout changes. */
.mhc-review-controls .mhc-review-play{font:13px Arial,sans-serif;text-decoration:underline;text-underline-offset:3px;padding:0 10px;min-width:56px}
@media(prefers-reduced-motion:no-preference){
 .home-best .mhc-product-photo{overflow:hidden}
 .home-best .mhc-product-photo img{transition:transform .4s ease}
 .hero .button,.home-best .button,.compact .button{transition:background-color .2s,color .2s,transform .2s}
 .hero .button:active,.home-best .button:active,.compact .button:active{transform:translateY(1px)}
}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 .home-best .product>a:hover .mhc-product-photo img{transform:scale(1.025)}
 .hero .button:hover,.home-best .button:hover,.compact .button:hover{transform:translateY(-1px)}
}
@media(prefers-reduced-motion:reduce){.mhc-review-track{scroll-behavior:auto!important}}

.hero.mhc-parallax{position:relative;isolation:isolate;overflow:hidden}
.hero.mhc-parallax>.mhc-parallax-photo{position:absolute;inset:-50px 0;z-index:-1;pointer-events:none;background-size:cover;background-repeat:no-repeat;will-change:transform}
@media(max-width:800px){.hero.mhc-parallax>.mhc-parallax-photo{inset:-30px 0}}
@media(prefers-reduced-motion:reduce){.hero.mhc-parallax>.mhc-parallax-photo{transform:none!important;will-change:auto}}

@media(prefers-reduced-motion:no-preference){.hero.mhc-parallax>.mhc-parallax-photo{transition:transform 800ms cubic-bezier(.2,.6,.3,1)}}