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

/* ── PILÍŘE WEBDESIGNU (4 karty s čísly) ── */
/* Využívá sdílené .benefits-section, .benefits-grid, .benefit-card z page.css */

/* ── CENA WEBDESIGNU ── */
/* Využívá .pricing-section, .pricing-tiers, .pricing-tier z page.css */

/* Specifická cena — 2 sloupce místo 3 */
.pricing-tiers.webdesign-pricing {
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  max-width: 720px;
}

@media (max-width: 768px) {
  .pricing-tiers.webdesign-pricing { grid-template-columns: 1fr; }
}