/* Shared app-card layout: one visual component for every product. */
.app-grid .app-card,
.app-grid .app-card-featured {
  grid-column: span 2;
  height: 330px;
  min-height: 330px;
  display: flex;
  flex-direction: column;
}

.app-grid .app-card-top {
  min-height: 64px;
  align-items: flex-start;
}

.app-grid .app-card h3 {
  min-height: 56px;
  margin: 22px 0 10px;
}

.app-grid .app-card p {
  min-height: 72px;
  margin: 0;
}

.app-grid .app-card .card-link {
  position: static;
  display: inline-block;
  margin-top: auto;
}

@media (max-width: 900px) {
  .app-grid .app-card,
  .app-grid .app-card-featured {
    grid-column: span 1;
  }
}

@media (max-width: 560px) {
  .app-grid .app-card,
  .app-grid .app-card-featured {
    height: 330px;
    min-height: 330px;
  }
}