/* Stránky z modulu Stránky (server/stranky.js). Bloky používajú triedy webu (section, cards,
   card, related, why-layout); tu je len to, čo web predtým nemal. */
/* H1 stránky: spoločný komponent .nadpis-stranky v style.css (28. 9. 2026). */
.stranka-uvod .tags{margin-top:18px}
/* Výška obrázka úvodu ako pôvodná grafika O TCN (390 px) — rozloženie sekcie ostane rovnaké. */
/* Rám = obrázok (šírka auto, nie 100 % + contain): pri širokom obsahu (5. 11. 2026) bol rám 921×390 a obrázok 16:9 v ňom
   menší s OSTRÝMI rohmi — zaoblený bol len neviditeľný rám (Ivan: „náhľad katalógu TCN má stále ostré hrany"; pixel v rohu
   obrázka = tmavá obálka). Stráži skusky/zaoblene_rohy.mjs. */
.stranka-uvod-obrazok img{display:block;width:auto;max-width:100%;height:auto;max-height:390px;margin:0 auto;border-radius:var(--r-md)}
.stranka-akcia{margin:22px 0 0}
.stranka-text{max-width:820px;margin:0 auto}
.stranka-text h2{margin-top:0}
/* Text v karte s okrajmi ako pôvodné karty (p/ul priamo v .card: 16px) — .rich-text ich nuluje. */
.stranka-blok .card .rich-text p,.stranka-blok .card .rich-text ul{margin:16px 0}
.stranka-blok .card .stranka-akcia{margin-top:18px}
.stranka-cisla{margin-top:0}
/* Okraj prvého/posledného prvku sa k odsadeniu sekcie nepripočíta (medzery_sekcii, 13. 10. 2026 O firme: nadpis bloku +10,
   čísla 22/28 px z .official-tcn-facts, úvod s obrázkom +18 pod odsekom). */
.stranka-blok > .stranka-cast:first-child > .container > .center:first-child > :first-child{margin-top:0}
.official-tcn-facts.stranka-cisla{margin-bottom:0 !important}
.container > .official-tcn-facts.stranka-cisla:first-child{margin-top:0 !important}
.stranka-uvod > div > :last-child{margin-bottom:0}
/* Čísla na mobile v riadkoch (číslo vľavo, popis vpravo) — tri vysoké políčka pod sebou zbytočne predlžovali stránku. */
@media(max-width:760px){
  .official-tcn-facts.stranka-cisla div{display:flex;align-items:center;gap:14px;text-align:left !important;padding:12px 16px !important}
  .official-tcn-facts.stranka-cisla strong{flex:0 0 auto;min-width:64px;white-space:nowrap;margin:0 !important}   /* „SK + CZ" sa pri 76 px lámalo */
}
.stranka-poznamka{text-align:center;color:var(--muted);font-size:var(--fs-sm);margin:18px 0 0}
.stranka-galeria{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px}
.stranka-galeria figure{margin:0;background:#fff;border:1px solid var(--line,#e5e5e0);border-radius:var(--r-md);overflow:hidden}
.stranka-galeria img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.stranka-galeria figcaption{padding:10px 14px;font-size:var(--fs-sm);color:var(--muted)}
.stranka-vyzva{max-width:820px;margin:0 auto;text-align:center;background:#fff;border:1px solid var(--line,#e5e5e0);border-radius:var(--r-md);padding:38px 28px}
.stranka-vyzva h2{margin-top:0}
.stranka-vyzva p{color:var(--muted);margin:0 0 22px}
/* Súvisiace ako samostatná sekcia bez odsadenia; ako pokračovanie sekcie s pôvodným odsadením. */
.stranka-blok > .stranka-cast-suvisiace:first-child .related{margin-top:0}
@media(max-width:900px){
  .stranka-uvod.why-layout{grid-template-columns:1fr;gap:28px}
}
/* Štyri karty 2×2, nie 3 + 1 osamotená (O firme, 13. 10. 2026); pod 1180 px sú karty po dvoch aj tak, pod 650 px po jednej. */
@media(min-width:1181px){
  .stranka-blok .cards:has(> .card:nth-child(4):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}
}
/* Dlhý zoznam (6 a viac bodov) v texte na počítači v dvoch stĺpcoch — kratšia stránka, číta sa ako prehľad (O firme, Telemetria). */
@media(min-width:761px){
  .stranka-text .rich-text ul:has(> li:nth-child(6)){columns:2;column-gap:40px}
  .stranka-text .rich-text ul:has(> li:nth-child(6)) li{break-inside:avoid}
}

/* Blok Video (12. 10. 2026): 16:9 na šírku textu, popis pod ním. */
.stranka-video{max-width:880px;margin:0 auto}
.stranka-video .v139-media{width:100%}
.stranka-video figcaption{margin-top:10px;color:var(--muted);font-size:var(--fs-sm);text-align:center}
.stranka-cast-video h2{margin-top:0}   /* ako .stranka-text h2 — sekcia začína v rovnakej vzdialenosti (medzery_sekcii) */