body { 
    font-family: Arial, 
    sans-serif; 
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}


.card-img-top { object-fit: cover; height: 180px; }


footer {
  background-color: #f8f9fa; /* màu nền */
  text-align: center;
  padding: 10px 0;
  border-top: 1px solid #ddd;
  position: sticky;
  bottom: 0;
}

html, body {
  height: 100%;
  margin: 0;
}


main {
  flex: 1;
}

footer {
  background-color: #f8f9fa; /* màu nền */
  text-align: center;
  padding: 10px 0;
  border-top: 1px solid #ddd;
  position: sticky;
  bottom: 0;
}