/* =====================================================================
   Stránka „Náš tým" (page-nas-tym.php)

   Na rozdíl od homepage NENÍ absolutně pozicovaná — karty tečou mřížkou,
   aby šlo lidi přidávat a ubírat bez přepočítávání souřadnic.

   Rozměry karty jsou OPSANÉ Z ŽIVÉHO CSS homepage (style.css: fx42 fotka,
   fx83 jméno, fx91 pozice, fx107 citát; pasma-jeden.css pro tablet a mobil),
   ne odhadnuté z návrhu. Klíčové zjištění: karta má ve VŠECH TŘECH pásmech
   stejnou typografii i stejné odstupy od horní hrany fotky —
       jméno  +219 px
       pozice +272 px
       citát  +322 px
   Liší se jen nadpis stránky. Proto je karta v základu jen jednou a
   pásma přepisují pouze hlavičku a počet sloupců.

   VŠECHNO JE POD `#nas-tym`. Ne pro pořádek, ale kvůli specificitě:
   `style.css` má `body.atelier-kotlar p, h1..h4 { margin: 0 }` (0,1,2),
   což holé `.tym-jmeno` (0,1,0) přebije a margin zahodí. Bez prefixu byla
   karta o 29 px nižší a úvodní odstavec se nevycentroval (4. 9. 2026).
   Stejně to řeší `#cenik` i `#kosmetika`.

   Sloupce: desktop 3, tablet 2, mobil 1.
   ===================================================================== */

/* --- plátno ---------------------------------------------------------- */

/* Pozadí kreslí SPOLEČNÁ vrstva `#fig-pozadi` — táž jako na homepage.
   Ta má ve `style.css` napevno `--fig-pozadi-h: 7898px`, což je výška
   plátna HOMEPAGE. Bez tohohle odepnutí roztáhne i tuhle stránku na
   7898 px (naměřeno: obsah 4033 px, dokument 7898 px).
   Stejné odepnutí mají ceník, studio i kosmetika. */
body.page-template-page-nas-tym > #fig-pozadi,
body.stranka-nas-tym > #fig-pozadi {
	position: absolute; inset: 0; height: auto; }

body.page-template-page-nas-tym .fig-pozadi-okno,
body.stranka-nas-tym .fig-pozadi-okno {
	height: 100%; }

body.page-template-page-nas-tym .fig-pata-pruh-tym,
body.stranka-nas-tym .fig-pata-pruh-tym {
	position: absolute; left: calc(50% - 720px); width: 1440px; bottom: 0;
	height: 72px; background: #F1EEE9;
	pointer-events: none; }

#nas-tym-stranka { position: relative; }

/* Plátno je široké celých 1440 px, ne jen na mřížku: nadpis „Poznejte
   Náš tým" i s postranními linkami zabírá 1089 px (v návrhu x175–1264)
   a v užším kontejneru se lámal na dva řádky. Mřížka si střed drží sama
   (`justify-content: center`), takže na šířce kontejneru nezávisí. */
/* Plátno je pevných 1440 px a centruje se přes `calc(50% - 720px)`, ne
   přes `margin: 0 auto` — to blok ŠIRŠÍ než okno necentruje, jen ho
   přilepí vlevo. Při 1200 px pak obsah utekl doprava a udělal vodorovný
   posuvník. Homepage má na `#stage-wrap` totéž, jen ten záporný margin
   dopočítává `js/canvas.js`; tady stačí CSS (stejný `calc` používá i pruh
   patičky). `max-width: 100%` tu schválně NENÍ — smrsklo by kontejner,
   zatímco mřížka si drží odsazení dopočítané pro 1440. */
#nas-tym { position: relative; width: 1440px;
	margin: 0 0 0 calc(50% - 720px); padding-bottom: 80px; }

/* Vodorovná linka pod hlavičkou a hvězdička na jejím konci. Není v
   `hlavicka.php` — kreslí si ji každé plátno samo (homepage přes
   imgVector29.svg, ceník přes CSS). Hodnoty naměřené na homepage:
   desktop x175 y103 š1080, hvězda x1263 y95; shodné s `#cenik`. */
#nas-tym .tym-ozdoba-cara { position: absolute; top: 103px;
	left: 175px; right: 185px; height: 1px; background: #D2BEA9; }
#nas-tym .tym-ozdoba-hvezda { position: absolute; top: 95px; right: 161px;
	width: 16px; height: 16px;
	background: url("assets/obrazky/imgVector37.svg") no-repeat center/contain; }

/* Kosočtverec mezi dvěma slovy pozice („Majitel ✦ Kadeřník"). Mezera je
   z nezlomitelných mezer v markupu, kosočtverec sedí absolutně na jejím
   středu — táž konstrukce jako `fig-tym-oddelovac` v `pasma-jeden.css`. */
.tym-blok .tym-oddelovac { position: relative; }
.tym-blok .tym-kosoctverec { position: absolute; left: 50%; top: 50%;
	width: 15px; height: 15px; max-width: none;
	transform: translate(-50%, -50%); }

/* --- tlačítko „Zobrazit všechny členy našeho týmu" (jen homepage) ----- */
/* Odkazem je PŘÍMO text (uzel 1:405), ne obal kolem něj. Důvod: `style.css`
   má `#stage a:hover { opacity: .72 }`, a `opacity` menší než 1 ZAKLÁDÁ
   VRSTVICÍ KONTEXT. Když byl odkaz obalem, stal se při najetí vlastní
   vrstvou se `z-index: auto` a text uvnitř (z-index 189) se v ní uzavřel —
   spadl pod pilulku (187), zmizel, tím zmizel i hover, text se vrátil…
   a tlačítko problikávalo a nešlo trefit. Takhle nese `z-index: 189`
   sám odkaz, takže zůstane nad pilulkou i s vlastním kontextem.
   Motiv na tutéž past narazil už u tlačítka vějíře. */
/* `color` se schválně NENASTAVUJE: barvu (#EBE7DD) nese `.fx385` ve
   `style.css` a `tym.css` se načítá později — `color: inherit` by ji při
   stejné specificitě přebilo a text by zčernal. */
.fig-tym-vsichni { display: block; text-decoration: none; }

/* Klikací plocha na CELOU pilulku, ne jen na řádek textu. Text je vysoký
   23 px, pilulka 42 — bez tohohle se krajních 10 px nedá trefit.
   `::after` schválně: kdyby se plocha dělala paddingem, posunul by se text. */
.fig-tym-vsichni::after { content: ""; position: absolute;
	left: 0; right: 0; top: -10px; bottom: -9px; }

/* --- blok týmu na ÚVODNÍ STRANĚ -------------------------------------- */
/* Homepage je celá na absolutních pozicích, takže se blok do plátna vloží
   absolutně. `top` je poloha ikony židle, naměřená na původním ručním
   markupu (uzel 1:338): desktop 2546, tablet 2270, mobil 2676. */
/* Dvě třídy schválně: `.tym-blok { position: relative }` stojí v souboru
   níž a při stejné specificitě by tohle přebilo — blok by se pak pozicoval
   od své statické polohy, ne od plátna (naměřeno: posun o 23 px). */
.tym-blok.tym-blok-home { position: absolute; left: 0; top: 2546px;
	width: 1440px; }

/* --- hlavička stránky ------------------------------------------------ */
/* Svislý rytmus měřený od horní hrany ikony židle (fx336 na homepage):
   nadpis +53, „Poznejte" +67, úvodní text +149, první fotka +253. */

/* Komponenta sama neurčuje, jak vysoko na stránce začíná — to si říká
   ta která stránka. Podstránka odsazuje shora, homepage blok umísťuje
   absolutně do plátna. */
.tym-blok { position: relative; }
.tym-blok .tym-hlava { text-align: center; }

/* Odsazení hlavičky patří PODSTRÁNCE (pod sdílenou hlavičkou webu). */
#nas-tym .tym-hlava { padding-top: 205px; }

.tym-blok .tym-znak { display: block; width: 48px; height: 48px;
	margin: 0 auto; }

.tym-blok .tym-nadpis { display: flex; align-items: baseline;
	justify-content: center; gap: 22px; margin: 5px 0 0; }

/* `nowrap`: nadpis se nesmí lámat — dřív než text ustoupí linky vedle něj. */
.tym-blok .tym-nadpis-1 { flex: none; white-space: nowrap;
	font-family: "Cinzel Decorative", serif;
	font-weight: 400; font-size: 57px; line-height: normal; color: #A8845E; }

.tym-blok .tym-nadpis-2 { flex: none; white-space: nowrap;
	font-family: "Cinzel Decorative", serif;
	font-weight: 400; font-size: 72px; line-height: normal; color: #7E5232; }

/* Vodorovné linky po stranách nadpisu (Vector 104 / 105 v návrhu).
   Odsazení od textu je v návrhu větší než mezera mezi slovy nadpisu
   (34 px vlevo, 31 px vpravo proti 22 px uvnitř) — dorovnává margin. */
/* `flex: 0 1 auto` — linky se smí smrštit. Na tabletu (plátno 768 px) se
   nadpis s linkami v plné délce nevešel a „Náš tým" se lámalo na dva
   řádky; teď ubere šířku linka, ne text. */
/* `top: 3px` — svisle je linka o tři pixely níž, než kam ji posadí
   `align-self: center` v řádku s nestejně velkými nadpisy. Naměřeno na
   původním ručním markupu homepage (uzly 1:152/1:153, y2650). */
.tym-blok .tym-cara { flex: 0 1 auto; height: 1px; background: #D2BEA9;
	align-self: center; position: relative; top: 3px; }
.tym-blok .tym-cara-vlevo { width: 186px; margin-right: 13px; }
.tym-blok .tym-cara-vpravo { width: 203px; margin-left: 9px; }

/* `-1px` není překlep: na homepage má nadpis (fx12, top 2599, výška 97)
   spodní hranu na 2696 a úvodní text (fx126) začíná na 2695 — o pixel
   dřív. V toku se to dorovná záporným marginem. */
.tym-blok .tym-podtitul { max-width: 812px; margin: -1px auto 0;
	text-align: center; font-family: "Jost", sans-serif; font-weight: 300;
	font-size: 18px; line-height: 22px; color: #7E5232; }

.tym-blok .tym-skryty-nadpis { position: absolute; width: 1px; height: 1px;
	margin: -1px; padding: 0; overflow: hidden;
	clip-path: inset(50%); white-space: nowrap; border: 0; }

/* --- mřížka karet ---------------------------------------------------- */
/* Rozteč řad na homepage je 467 px, karta je vysoká 391 px -> mezera 76 px.
   Prostřední sloupec sedí o 215 px výš (2799 vs. 3014 u fx42/fx312). */

/* MŘÍŽKA JE OBTAŽENÁ PODLE HOMEPAGE, ne odvozená ze symetrie. Naměřeno
   na živé homepage (rámečky fotek, desktop 1440):
       sloupce  x280 / x649 / x1030     -> rozteče 369 a 381 px
       řádky    2799 (střed) / 3014 (kraje), pak +467
   Sloupce NEJSOU rozestavěné rovnoměrně — mezi 1. a 2. je 105 px, mezi
   2. a 3. je 117 px. Je to tak i ve Figma návrhu, takže to není chyba
   měření; dřív jsem měl mřížku symetrickou a třetí sloupec vycházel o 8 px
   jinam než na homepage. Sudé stopy mřížky jsou proto MEZERY, ne sloupce.

   Karta je 264 široká, fotka 135 uprostřed -> levý okraj karty je
   x_fotky − 64,5. První karta tedy začíná na 215,5 px. */
.tym-blok .tym-mrizka { display: grid;
	grid-template-columns: 264px 105px 264px 117px 264px;
	row-gap: 76px;                       /* 467 rozteč − 391 výška karty */
	grid-auto-flow: row dense;
	align-items: start;
	width: 1014px; margin: 275px 0 0 215.5px; }

/* ROZDĚLENÍ DO SLOUPCŮ: první z každé trojice patří DOPROSTŘED a o 215 px
   výš, druhý doleva, třetí doprava. Tak to má homepage (první je Tomáš K.
   uprostřed) i návrh.

   `grid-auto-flow: row dense` je nutné: s pevně určeným sloupcem by řídké
   plnění poslalo druhou kartu až do dalšího řádku, protože kurzor mřížky
   už stojí vpravo od ní.

   ZÁPORNÝ MARGIN, ne `transform`: mřížka počítá výšku řádku z okrajového
   boxu položky, takže se posun promítne i do výšky celé mřížky. */
.tym-blok .tym-mrizka > .tym-karta:nth-child(3n+1) { grid-column: 3;
	margin-top: -215px; }
.tym-blok .tym-mrizka > .tym-karta:nth-child(3n+2) { grid-column: 1; }
.tym-blok .tym-mrizka > .tym-karta:nth-child(3n+3) { grid-column: 5; }

/* Svislé oddělovače sloupců. Homepage je kreslí obrázkem imgVector83.svg —
   hairline, který má na OBOU koncích přechod do průhledna, a barvu
   #A8845E (ne #D2BEA9). Tady je to týž přechod v CSS.
   Visí na prostřední (vyvýšené) kartě, takže na řádek vyjdou oba naráz
   a nemusí se řešit, kolik karet v řádku zrovna je. */
.tym-blok .tym-mrizka > .tym-karta::before,
.tym-blok .tym-mrizka > .tym-karta::after {
	content: ""; display: none; position: absolute; top: 176px;
	width: 1px; height: 409px; pointer-events: none;
	background: linear-gradient(to bottom,
		rgba(168, 132, 94, 0) 0%, #A8845E 48.5%, rgba(168, 132, 94, 0) 100%); }
/* x530 a x908 na homepage; prostřední karta je 584,5–848,5. */
.tym-blok .tym-mrizka > .tym-karta::before { left: -54.5px; }
.tym-blok .tym-mrizka > .tym-karta::after { right: -59.5px; }

/* Osamocená karta v posledním řádku oddělovače nemá — návrh je nekreslí
   ani u Leoše K., ani u Mariany K. */
.tym-blok .tym-mrizka > .tym-karta:nth-child(3n+1):not(:last-child)::before,
.tym-blok .tym-mrizka > .tym-karta:nth-child(3n+1):not(:last-child)::after {
	display: block; }

/* --- karta ----------------------------------------------------------- */

.tym-blok .tym-karta { position: relative; width: 264px; margin: 0;
	text-align: center; }

/* Rámeček nese kroužek za fotkou (fx36 na homepage: 135×202,
   border-radius 200px, posazený o 9 px vlevo a 8 px nahoru). */
.tym-blok .tym-foto-ram { position: relative; width: 135px; height: 203px;
	margin: 0 auto; }

.tym-blok .tym-foto-ram::before { content: ""; position: absolute;
	left: -9px; top: -8px; width: 135px; height: 202px;
	border-radius: 200px; border: 1px solid #7E5232;
	pointer-events: none; }

/* `position: relative` je tu kvůli VRSTVENÍ, ne kvůli posunu: kroužek je
   `::before` s `position: absolute`, a pozicované prvky se kreslí nad
   nepozicovanými bez ohledu na pořadí v DOM. Bez tohohle řádku vedl kroužek
   přes fotku. Homepage to řeší z-indexy (fotka 33, kroužek 24). */
.tym-blok .tym-foto { position: relative; display: block;
	width: 135px; height: 203px;
	object-fit: cover; border-radius: 219.5px; }

/* Zástupný kroužek, když fotka chybí. Drží přesně rozměr fotky, aby
   rozvržení sedělo i bez ní. */
.tym-blok .tym-foto-chybi { background: #E3DED6;
	background-image:
		radial-gradient(circle at 50% 38%, #D2BEA9 0 26px, transparent 27px),
		radial-gradient(ellipse 44px 34px at 50% 92%, #D2BEA9 0 100%, transparent 0); }

/* ŽÁDNÝ `text-transform` — to je ta „dvě písma", na kterou upozornil
   zadavatel. Cinzel Decorative kreslí malá písmena jako KAPITÁLKY, takže
   „Tomáš K." vyjde jako velké T a menší OMÁŠ; to je záměr návrhu.
   `uppercase` všechna písmena srovná na jednu velikost a efekt zabije.
   Homepage má na jméně (fx83) spočtený `text-transform: none`. */
.tym-blok .tym-jmeno { margin: 16px 0 0;
	font-family: "Cinzel Decorative", serif; font-weight: 400;
	font-size: 40px; line-height: 40px;
	text-transform: none; color: #3C1D06; }

.tym-blok .tym-pozice { margin: 13px 0 0;
	font-family: "Cinzel Decorative", serif; font-weight: 400;
	font-size: 20px; line-height: 20px;
	text-transform: lowercase; color: #7E5232; }

.tym-blok .tym-citat { position: relative; width: 264px; height: 69px;
	margin: 30px auto 0; }

.tym-blok .tym-citat p { margin: 0; font-family: "Jost", sans-serif;
	font-weight: 300; font-size: 15px; line-height: 19px; color: #7E5232; }

/* Citát se normálně láme do 264 px — tak to má homepage u šesti ze sedmi
   lidí: odstavce jsou předrozdělené a delší z nich se ještě zalomí.
   VÝJIMKA je Adam U., kde má homepage na bloku `white-space: nowrap`,
   protože jeho první řádek je 268 px a do 264 px se sám nevejde; nechá se
   tedy o 4 px přetéct. Nastavuje se v datech přes `citat_nezlom`. */
.tym-blok .tym-citat.je-nezlom { white-space: nowrap; word-break: break-word; }

/* Ozdobné uvozovky (fx153 / fx146 na homepage) — 55px Cinzel Decorative
   ve světlé zlaté. NEJSOU na okrajích bloku, ale ZAKOTVENÉ NA PRVNÍM
   A POSLEDNÍM SLOVĚ: když je poslední řádek kratší, musí koncová uvozovka
   jít s ním, ne zůstat viset u pravé hrany. Homepage to řeší úplně stejně
   (`fig-tym-kotva` + `fig-tym-uv` v pasma-jeden.css), odtud i hodnoty. */
.tym-blok .tym-kotva { position: relative; }
.tym-blok .tym-uv { position: absolute; width: auto; height: auto;
	white-space: nowrap; pointer-events: none;
	font-family: "Cinzel Decorative", serif; font-weight: 400;
	font-size: 55px; line-height: normal; color: #DBC593; }
.tym-blok .tym-uv-zac { left: -26.04px; top: -13px; right: auto; }
.tym-blok .tym-uv-kon { left: 100%; margin-left: 7.94px; top: 4px; right: auto; }

/* --- sekce ZuzkaPro.Nails -------------------------------------------- */
/* Odstupy z návrhu 3029:90: nadpis +81 za koncem předchozí mřížky,
   úvodní text +95, tlačítko +72, první fotka +114. */

.tym-blok .tym-sekce-zuzkapro { margin-top: 81px; text-align: center; }

.tym-blok .tym-nadpis-divize { justify-content: center; }
.tym-blok .tym-nadpis-divize .tym-nadpis-1 { text-transform: lowercase; }

/* Stejné −2 px jako u hlavního podtitulu: text začíná o pixel dva výš,
   než končí box nadpisu (návrh 3029:90 — nadpis y2790 v. 97, text y2885). */
.tym-blok .tym-sekce-zuzkapro .tym-podtitul { max-width: 610px;
	margin-top: -2px; }

/* Tlačítko „Více o ZuzkaPro.Nails" — odkaz na /zuzkapronails/ (8. 9. 2026).
   Tvar podle návrhu: pruh 269×42, kolečko 56×56 vpravo. */
.tym-blok .tym-vyzva { position: relative; display: block;
	width: 289px; height: 56px; margin: 28px auto 0; }

/* `padding-right: 36px` posune vystředěný text o 18 px doleva, aby seděl
   na návrh (text x16..222 v pilulce 0..269). Bez toho začínal na x34 a
   zajížděl pod kolečko, které začíná na x233. */
.tym-blok .tym-vyzva-popisek { position: absolute; left: 0; top: 7px;
	width: 269px; height: 42px; line-height: 42px;
	padding-right: 36px; box-sizing: border-box;
	border-radius: 32px; background: #A8845E;
	font-family: "Cinzel", sans-serif; font-weight: 600;
	font-size: 17px; color: #EBE7DD; }

.tym-blok .tym-vyzva-kolecko { position: absolute; right: 0; top: 0;
	width: 56px; height: 56px; border-radius: 32px;
	background: #F1EEE9; pointer-events: none; }

.tym-blok .tym-vyzva-sipka { position: absolute; left: 256px; top: 13px;
	width: 15px; height: 30px; max-width: none; }

/* 281 px = odstup krajního sloupce od spodní hrany tlačítka podle návrhu
   (tlačítko končí 3013, Ruslana/Vanessa začínají 3294). Prostřední
   sloupec si −215 px bere sám, takže Zuzana vyjde na 3079. */
.tym-blok .tym-sekce-zuzkapro .tym-mrizka { margin-top: 281px; }

/* =====================================================================
   PÁSMA
   Základ výš = desktop (>= 1200 px). Níž mobil a tablet, stejné pořadí
   jako v ostatních souborech motivu.
   ===================================================================== */

/* --- mobil ----------------------------------------------------------- */
@media (max-width:767px) {

	/* Plátno mobilu je 402 px; mřížka se v něm vystředí sama na 264 px,
	   což sedí na fx42 z homepage (fotka `left: 133px`, tedy 135 px
	   vycentrovaných ve 402). */
	#nas-tym { width: 402px; margin-left: calc(50% - 201px); }
	.tym-blok.tym-blok-home { top: 2676px; width: 402px; left: calc(50% - 201px); }

	/* Na mobilu ukazuje ÚVODNÍ STRANA jen první tři lidi — tak to měl
	   i původní ruční markup (zbylé čtyři karty schovával). Podstránka
	   /nas-tym/ je nemá omezené a vypíše všechny. */
	.tym-blok-home .tym-mrizka > .tym-karta:nth-child(n+4) { display: none; }

	/* Naměřeno na homepage při 402 px: čára x26 y82 š322, hvězda x355 y74. */
	#nas-tym .tym-ozdoba-cara { top: 82px; left: 26px; right: 54px; }
	#nas-tym .tym-ozdoba-hvezda { top: 74px; right: 31px; }

	#nas-tym .tym-hlava { padding-top: 175px; }

	/* Na mobilu jsou „Poznejte" a „Náš tým" POD SEBOU (na homepage mají
	   obě `left: calc(50% + ~4px)` a různý `top`), ne vedle sebe. */
	.tym-blok .tym-nadpis { flex-direction: column; align-items: center;
		gap: 0; }
	.tym-blok .tym-nadpis-1 { font-size: 28px; order: 1; }
	.tym-blok .tym-nadpis-2 { font-size: 44px; order: 2; margin-top: -6px; }
	.tym-blok .tym-cara { display: none; }

	.tym-blok .tym-podtitul { max-width: 326px; margin-top: 25px;
		font-size: 15px; line-height: 20px; }

	/* Ruční zalomení z návrhu platí jen na desktopu; v užších pásmech se
	   `<br>` vypne a text se láme sám (`radky-mezera` dodá chybějící
	   mezeru). Zrcadlí `[data-radky]` v pasma-jeden.css pro homepage. */
	.tym-blok [data-radky] { white-space: normal; }
	.tym-blok [data-radky] br { display: none; }
	.tym-blok [data-radky] .radky-mezera { display: inline; }


	/* Rozteč 489 px, ne desktopových 467 — tolik má tým na homepage
	   v tomhle pásmu (naměřeno při 402 px: fotky 2962 / 3449 / 3940).
	   Karta je 391 vysoká, mezera tedy 98. */
	/* Homepage při 402 px: rámeček fotky x133, rozteč 492 px.
	   Karta 264 -> levý okraj 133 − 64,5 = 68,5. Rozteč 492 − 391 = 101. */
	.tym-blok .tym-mrizka { grid-template-columns: 264px;
		row-gap: 101px; width: 264px; margin: 38px 0 0 68.5px; }
	/* Jeden sloupec: zrušit desktopové zařazení i vyvýšení. Musí se
	   vyjmenovat všechny tři varianty `3n+…` — kdyby se některá vynechala,
	   propadne z desktopu záporný margin a karty se překryjí (to se stalo
	   Marianě K. na tabletu, viz proc/tym_stranka_mrizka.py). */
	.tym-blok .tym-mrizka > .tym-karta:nth-child(3n+1),
	.tym-blok .tym-mrizka > .tym-karta:nth-child(3n+2),
	.tym-blok .tym-mrizka > .tym-karta:nth-child(3n+3) {
		grid-column: auto; margin-top: 0; }

	/* Bez sloupců nemají oddělovače smysl. Stejná specificita jako
	   pravidlo, které je v základu zapíná, a níž v souboru — proto vyhraje. */
	.tym-blok .tym-mrizka > .tym-karta:nth-child(3n+1):not(:last-child)::before,
	.tym-blok .tym-mrizka > .tym-karta:nth-child(3n+1):not(:last-child)::after {
		display: none; }

	.tym-blok .tym-sekce-zuzkapro .tym-podtitul { max-width: 326px; }
	.tym-blok .tym-sekce-zuzkapro .tym-mrizka { margin-top: 90px; }
}

/* --- tablet ---------------------------------------------------------- */
@media (min-width:768px) and (max-width:1199px) {

	/* Plátno tabletu je 768 px; dva sloupce (264 + 105 + 264 = 633 px)
	   se v něm vystředí samy. */
	#nas-tym { width: 768px; margin-left: calc(50% - 384px); }
	.tym-blok.tym-blok-home { top: 2270px; width: 768px; left: calc(50% - 384px); }

	/* Naměřeno na homepage při 768 px: čára x34 y85 š700, hvězda x739 y77. */
	#nas-tym .tym-ozdoba-cara { top: 85px; left: 34px; right: 34px; }
	#nas-tym .tym-ozdoba-hvezda { top: 77px; right: 13px; }

	#nas-tym .tym-hlava { padding-top: 190px; }

	.tym-blok .tym-nadpis-1 { font-size: 47px; }
	.tym-blok .tym-nadpis-2 { font-size: 62px; }
	.tym-blok .tym-cara-vlevo { width: 96px; }
	.tym-blok .tym-cara-vpravo { width: 104px; }

	.tym-blok .tym-podtitul { max-width: 626px; margin-top: 24px;
		font-size: 16px; line-height: 22px; }

	/* Ruční zalomení z návrhu platí jen na desktopu; v užších pásmech se
	   `<br>` vypne a text se láme sám (`radky-mezera` dodá chybějící
	   mezeru). Zrcadlí `[data-radky]` v pasma-jeden.css pro homepage. */
	.tym-blok [data-radky] { white-space: normal; }
	.tym-blok [data-radky] br { display: none; }
	.tym-blok [data-radky] .radky-mezera { display: inline; }


	/* CIKCAK, ne dva rovné sloupce — tým na homepage se v tomhle pásmu
	   chová takhle a vizuální koncept má být shodný. Naměřeno na homepage
	   při 768 px: pravá fotka x~501, levá x~126, PRAVÝ sloupec je o 210 px
	   VÝŠ a svislá rozteč dvojice je 473 px (karta 391 -> mezera 82).
	   `direction: rtl` posílá první kartu doprava, stejně jako na homepage
	   (tam je první Tomáš K. v pravém, vyšším sloupci); karty si samy
	   vracejí `ltr`, aby se nepřevrátil text. */
	/* 224 px: vyšší (pravá) fotka má sedět 241 px pod ikonou židle, přesně
	   jako tým na homepage v tomhle pásmu (ikona 2270, fotka 2511).
	   Bez toho se první karta posunem o -210 px nasunula přes úvodní text. */
	/* Homepage při 768 px: rámeček pravé fotky x501, levé x132, pravý
	   sloupec o 215 px výš, rozteč dvojice 481 px.
	   Karty: levá 67,5–331,5, pravá 436,5–700,5 -> mezera 105.
	   Rozteč řádku 481 − 391 = 90. */
	.tym-blok .tym-mrizka { grid-template-columns: repeat(2, 264px);
		column-gap: 105px; row-gap: 90px;
		direction: rtl; width: 633px; margin: 229px 0 0 67.5px; }
	.tym-blok .tym-mrizka > .tym-karta { direction: ltr; }

	/* Zrušit desktopové zařazení do tří sloupců. VŠECHNY tři varianty
	   `3n+…` — dřív se tu rušil jen `:last-child:nth-child(3n+1)` a
	   Marianě K. (4. z divize ZuzkaPro) propadl z desktopu `margin-top:
	   -215px`, protože ten selektor měl vyšší specificitu než pásmový
	   override. Výsledkem byla karta přes kartu. */
	.tym-blok .tym-mrizka > .tym-karta:nth-child(3n+1),
	.tym-blok .tym-mrizka > .tym-karta:nth-child(3n+2),
	.tym-blok .tym-mrizka > .tym-karta:nth-child(3n+3) {
		grid-column: auto; margin-top: 0; }

	/* Liché karty = pravý sloupec = o 210 px výš. Až ZA rušením výš,
	   stejná specificita rozhoduje pořadím. */
	.tym-blok .tym-mrizka > .tym-karta:nth-child(odd) { margin-top: -215px; }

	/* Jediný oddělovač uprostřed mezery, tedy vlevo od vyvýšené (pravé)
	   karty. Naměřeno na homepage při 768 px: x383, mezera 325,5–436,5. */
	.tym-blok .tym-mrizka > .tym-karta:nth-child(3n+1):not(:last-child)::before,
	.tym-blok .tym-mrizka > .tym-karta:nth-child(3n+1):not(:last-child)::after {
		display: none; }
	.tym-blok .tym-mrizka > .tym-karta:nth-child(odd):not(:last-child)::before {
		display: block; left: -55.5px; }

	/* 276 px, ne 100: vyšší (pravá) karta si bere -210 px a při 100 px se
	   nasunula 110 px přes tlačítko. Takhle zůstane pod ním 66 px odstup,
	   stejně jako na desktopu. */
	.tym-blok .tym-sekce-zuzkapro .tym-mrizka { margin-top: 276px; }
}