/* DESIGNSYS2-F (7. 10. 2026) — /studio a /studio/pricing (lib/landing/render.ts). Načítava sa za tokens + chrome + components +
 * home.css (sekcie Studia sú komponenty domova, lib/home). Nahrádza short.css na týchto 2 stránkach: rytmus krátkeho domova
 * (0,42 × sekcia ako domov v2) + rozloženia sekcií Studia, ktoré boli v short.css, a tmavý úvod podstránky (components .sp-dtop).
 * Pravidlá ako components.css: len var(--…) z tokens.css, systémové písmo, ⛔ var(--mono), ⛔ verzálky, ⛔ :is() so zoznamom,
 * selektory na 1 riadku. Domov (short.css) sa týmto súborom nemení. */

/* ── rytmus: ako krátky domov (short.css .home--short .sec) */
.st-page .sec, .st-page .sec + .sec:not(.on-dark) { padding: calc(var(--section) * .42) 0; }

/* ── tmavý úvod (components .sp-dtop) — obsah = nadtitulok, H1, úvod a tlačidlá pôvodnej hlavičky */
.st-top .lead { color: var(--on-dark-muted); max-width: 39.96em; margin: 0; }
.st-top .lead b { color: var(--on-dark); }
.st-top h1 { font-family: var(--font-display); }
.st-top__ctas { align-items: center; gap: 12px 24px; }
.st-top__ctas .gg-link { color: var(--on-dark) !important; }
.st-top__ctas .gg-link:hover { color: var(--sun) !important; }

/* ── cenník: sekcia #cennik hneď pod tmavým úvodom */
.st-pricing { padding-top: var(--s-8) !important; }
/* WEBPOLISH2 (SK/EN, lib/landing pricing-hero.json): pod úvodom hneď karty balíkov (#balicky), pod nimi vysvetlenie
   „Čo je zadarmo a za čo sa platí" (payflow--facts) = 3 fakty vedľa seba bez spojovacej čiarky (nie sú to kroky) + pôvodný úvod */
#balicky { scroll-margin-top: 96px; }
.st-pricing .tiers { margin-bottom: var(--s-8); }
.tier__rib--best { left: auto; right: 24px; background: var(--larch); color: var(--on-dark); }
.payflow--facts .payflow__h { font-size: var(--fs-h2); margin-bottom: 12px; }
.payflow--facts .st-intro { margin: 0 0 var(--s-6); }
.payflow--facts .pf:not(:last-child)::after { content: none; }
@media (min-width: 1000px) { .payflow--facts .payflow__list { grid-template-columns: repeat(3, minmax(0, 1fr)); } }

/* ── FAQ: odkazy „ďalšie otázky" pod nadpisom (short.css) */
.faq__h .gg-link { justify-self: start; }

/* ── sekcie Studia (prevzaté zo short.css, rovnaké hodnoty) */
.how__steps { list-style: none; margin: 0; padding: 0; display: grid; gap: 16px; }
@media (min-width: 900px) { .how__steps { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1200px) { .how__steps { grid-template-columns: repeat(4, 1fr); } }
.tlsec .tl { margin-top: 0; }
.tl__h { font-size: var(--fs-h3); margin-bottom: 8px !important; }
.tl__lead { margin: 0 0 24px !important; }
.views--all .view { margin-bottom: clamp(28px, 4vw, 48px); }
.featsec .feats { margin-top: 0; }