@media (max-width: 767.98px) {
  h1, .display-4, .display-5 {
    font-size: 1.75rem;
    line-height: 1.3;
  }

  .navbar-brand img {
    height: 60px !important;
  }

  .footer .col-md-3 {
    text-align: center;
    margin-bottom: 2rem;
  }

  .tcg-card img {
    width: 100%;
    height: auto;
  }

  .card-inner {
    padding: 1rem;
  }
}