/* Keep the footer/card rooted at the bottom when a page has spare vertical space.
   On longer marketplace pages it naturally follows the content instead. */
html,body{
  min-height:100%;
}
body{
  min-height:100vh !important;
  display:flex !important;
  flex-direction:column !important;
}
.footer{
  margin-top:auto !important;
  flex-shrink:0 !important;
}
@media(max-width:768px){
  .footer{
    margin-top:auto !important;
    margin-bottom:60px !important;
  }
}