/* Focus motion on the entrance and products. No persistent scroll effects. */
@media(prefers-reduced-motion:no-preference){
  .button{transition:transform 200ms ease,background 180ms,box-shadow 200ms}
  .button:active{transform:scale(.98)}
  nav a,.text-link{transition:color 180ms}
}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  .product-card{transition:transform 300ms cubic-bezier(.22,1,.36,1),box-shadow 300ms}
  .product-card:hover,.product-card:focus-within{transform:translateY(-4px);box-shadow:0 12px 24px -20px #173d3150}
  .button:hover{transform:translateY(-2px)}
  .text-link:hover{color:#bd3c10}
}
footer,footer *,footer *::before,footer *::after{animation:none!important;transition:none!important;transform:none!important}
footer a:hover{color:#bd3c10;text-decoration:underline;text-underline-offset:5px}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}
  .product-card:hover,.button:hover,.button:active{transform:none!important}
}