/* ============================================================
   webova-aplikace/aplikace.css
   Styly specifické pro stránku /webova-aplikace.
   Globální: ../style.css  |  Sdílené subpage: ../tvorba-webu-na-miru/page.css
   ============================================================ */

/* ── 5-ITEM GRID: 3 nahoře, 2 dole centrovaně ── */
.benefits-grid-five {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 2rem;
  max-width: 1200px;
  margin: 3rem auto 0;
}
.benefits-grid-five .benefit-card:nth-child(1) { grid-column: 1 / 3; }
.benefits-grid-five .benefit-card:nth-child(2) { grid-column: 3 / 5; }
.benefits-grid-five .benefit-card:nth-child(3) { grid-column: 5 / 7; }
.benefits-grid-five .benefit-card:nth-child(4) { grid-column: 2 / 4; }
.benefits-grid-five .benefit-card:nth-child(5) { grid-column: 4 / 6; }

@media (max-width: 900px) {
  .benefits-grid-five {
    grid-template-columns: 1fr 1fr;
  }
  .benefits-grid-five .benefit-card:nth-child(n) {
    grid-column: auto;
  }
}

@media (max-width: 560px) {
  .benefits-grid-five {
    grid-template-columns: 1fr;
  }
}