/* =====================================================================
   Termekcsalad-oldalak (page-termekcsalad.php: /cserepeslemez/, /tablalemez/) - 2026-10-08, v34
   Alap: profil.css (hero, kartyak, tablazat, chipek, sav) + kiegeszito.css (galeria).
   Itt csak az elteresek. Tokenek: style.css v14 (mindket bor).
   ===================================================================== */

/* --- Hero adat-csempek: szoveges ertekek (pl. "1250 × 3000 mm", "1-2 munkanap") torhetnek,
   igy 150%-os betuvel sem log ki a csempe (a profil.css nowrap-ot ad) --- */
.tl-tc__tiles .tl-prof__tile dd{white-space:normal;overflow-wrap:break-word}
/* mobil: a hero-csempe ertekek (pl. "1 250 × 3 000 mm", "2 000–60 000 mm") egy sorban maradjanak:
   a betumeret a viewport szelessegehez igazodik (4.6vw), felul 1.35em (az eredeti), alul .95em; a break-word csak vesztartalek */
@media (max-width:599px){ .tl-tc__tiles .tl-prof__tile dd{font-size:clamp(.95em,4.6vw,1.35em)} }
@media (min-width:900px){ .tl-tc__tiles{max-width:44em} }

/* --- Galeria: allo/negyzetes kep (contain) es kis kep (scale) ---
   (0,2,1): a profil.css .tl-prof__photo img (cover) szabalyat feluliria.
   Ugyanez a hiba a /kiegeszitok/ oldalon meg el (kiegeszito.css: 0,1,0) - ott kulon "mehet" kell. */
.tl-kg__stage img.tl-kg__fit--contain{object-fit:contain;padding:8px}
.tl-kg__stage img.tl-kg__fit--scale{object-fit:scale-down;padding:12px;background:#fff}
.tl-tc__about .tl-kg__info > .tl-prof__h2{margin-top:0}
.tl-tc__about .tl-prof__desc ul{margin:0 0 1em;padding-left:1.2em}
.tl-tc__about .tl-prof__desc li{margin:.2em 0}

/* --- 5-7% kartya onalloan (a profiloldalon a leiras mellett all): kozepen, szam balra --- */
.tl-tc__save{max-width:820px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr);gap:4px 24px;align-items:center}
.tl-tc__save .tl-prof__save-title{margin-top:0}
@media (min-width:600px){
  .tl-tc__save{grid-template-columns:auto minmax(0,1fr)}
  .tl-tc__save .tl-prof__save-num{padding-right:24px;border-right:1px solid var(--line)}
}

/* --- Muszaki adatok: tablazat (+ abra). Abra nelkul a kartya kozepen, max. 760 px --- */
.tl-tc__tech--solo{grid-template-columns:minmax(0,1fr) !important}
.tl-tc__tech--solo .tl-tc__techcard{max-width:760px;width:100%;margin-inline:auto}
.tl-tc__techcard .tl-prof__table td{white-space:normal;overflow-wrap:anywhere;line-height:1.35}
/* a Hello reset.css tablazat-szabalyai (oldalso keretek, csikozas, 15 px padding, .9em)
   atutnek a profil.css tablazatan -> itt kikapcsolva (mint a szendvicspanel-oldalakon) */
.tl-tc .tl-prof__table{font-size:1em;margin-block-end:0}
.tl-tc .tl-prof__table th,.tl-tc .tl-prof__table td{border:0;border-bottom:1px solid var(--line);background:none;padding:.6em 0}
.tl-tc .tl-prof__table th{padding-right:1em;font-weight:400}
@media (max-width:599px){
  /* keskeny kepernyon a megnevezes az ertek fole kerul; a vonal a soron (tr) van */
  .tl-tc .tl-tc__techcard .tl-prof__table tr{display:block;padding:.5em 0;border-bottom:1px solid var(--line)}
  .tl-tc .tl-tc__techcard .tl-prof__table th,.tl-tc .tl-tc__techcard .tl-prof__table td{display:block;border:0;padding:0;text-align:left}
  .tl-tc .tl-tc__techcard .tl-prof__table th{font-size:.9em}
}
/* szeles, alacsony muszaki abra (pl. 1814x787): asztalon a tablazat alatt, teljes szelessegben */
@media (min-width:900px){
  .tl-tc .tl-prof__tech{grid-template-columns:minmax(0,1fr)}
  .tl-tc .tl-prof__tech .tl-tc__techcard{max-width:760px;width:100%;margin-inline:auto}
  .tl-tc .tl-prof__drawing{max-width:760px;width:100%;margin-inline:auto}
}

/* --- Szinek (szoveges mod) --- */
.tl-tc__colors{max-width:820px;margin:0 auto}
.tl-tc__colors p{margin:0 0 .8em}

/* --- Kozepre igazitott szakaszcimek a kek savon (Muszaki adatok) --- */
.tl-tc #muszaki > .tl-prof__wrap > .tl-prof__h2{text-align:center}
.tl-tc #muszaki > .tl-prof__wrap > .tl-prof__h2::after{margin-inline:auto}