@media only screen and (max-width: 700px) {
  .main-container {
    padding: 10px;
  }

  header {
    padding: 20px 10px;
  }

  h1 {
    font-size: 1.8em;
  }

  .card.uncollapsed {
    margin-right: -40px; /* Těsnější vějíř na mobilech */
  }

  .card:hover {
    margin-right: 0;
    margin-left: 0;
  }
}