/* =====================================================================
   Szendvicspanelek (/szendvicspanelek/ + aloldalak) - 2026-10-08, v32
   Alap: profil.css (hero, szakaszok, kartya, tablazat, chipek, sav)
       + kiegeszito.css (info-kartya | galeria, egyforma magas >=900 px).
   Itt csak az elteresek. Tokenek: style.css v14 (mindket bor).
   ===================================================================== */

/* --- Hero --- */
/* a telefonszam a profil.css-ben feher (kek savra keszult) -> vilagos hero-n sotet */
.tl-pn .tl-prof__hero .tl-prof__tel{color:var(--tl-tel-ink,var(--ink))}
.tl-pn .tl-prof__hero .tl-prof__tel:hover{color:var(--link)}
.tl-pn .tl-prof__hero .tl-prof__btns{align-items:center}
/* adat-csempek: a szoveges ertekek (pl. "2000-13 500 mm", "PIR hab, PUR hab") torhetnek,
   igy 150%-os betuvel sem log ki a csempe */
.tl-pn__tiles .tl-prof__tile dd{white-space:normal;overflow-wrap:anywhere;font-size:1.2em}
@media (min-width:900px){ .tl-pn__tiles{max-width:44em} }
/* gyujtooldal hero-fotoja: valodi foto, de kicsi (788 px) -> nem nagyitjuk, kozepre */
.tl-pn__herophoto img{aspect-ratio:auto;object-fit:contain;width:auto;max-width:100%;margin:0 auto}

/* --- Galeria: kis abra NEM nagyitodik (eredeti meret, kozepen) --- */
/* (0,2,1): a profil.css .tl-prof__photo img (cover) szabalyat is feluliria */
.tl-kg__stage img.tl-kg__fit--scale{object-fit:scale-down;padding:12px;background:#fff}
.tl-kg__stage img.tl-kg__fit--contain{object-fit:contain;padding:8px}

/* --- "A panelrol" kartya: retegrend szamozott listaja --- */
.tl-pn__about .tl-kg__info > .tl-prof__h2{margin-top:0}
.tl-pn__layers{margin:0;padding:0;list-style:none;counter-reset:reteg}
.tl-pn__layers li{position:relative;counter-increment:reteg;padding:.35em 0 .35em 2.2em;line-height:1.4;border-bottom:1px solid var(--line)}
.tl-pn__layers li:last-child{border-bottom:0}
.tl-pn__layers li::before{content:counter(reteg);position:absolute;left:0;top:.3em;width:1.6em;height:1.6em;border-radius:50%;
  background:var(--tl-bar-blue);color:#fff;font-family:'Oswald',sans-serif;font-weight:700;font-size:.9em;
  display:flex;align-items:center;justify-content:center}
.tl-pn__about .tl-prof__desc h3{font-family:'Oswald',sans-serif;font-weight:700;font-size:1.15em;color:var(--tl-h2);margin:1.1em 0 .4em}
.tl-pn__about .tl-prof__desc ul{margin:0 0 1em;padding-left:1.2em}

/* --- Muszaki tablazat: hosszabb szoveges ertekek --- */
.tl-pn__techcard{max-width:860px}
.tl-pn__techcard .tl-prof__table td{white-space:normal;overflow-wrap:anywhere;line-height:1.35}
@media (max-width:599px){
  /* keskeny kepernyon a cimke az ertek fole kerul */
  .tl-pn__techcard .tl-prof__table tr{display:block;padding:.5em 0;border-bottom:1px solid var(--line)}
  .tl-pn__techcard .tl-prof__table th,.tl-pn__techcard .tl-prof__table td{display:block;border:0;padding:0;text-align:left}
  .tl-pn__techcard .tl-prof__table th{font-size:.9em}
}

/* --- Gyujtooldal: panel-kartyak --- */
/* az abrak sematikus rajzok (400-600 px): egeszben, feher alapon, nem nagyitva */
.tl-pn__pcimg{display:flex;align-items:center;justify-content:center;background:#fff;width:96px;aspect-ratio:3/2;border-radius:5px;overflow:hidden}
.tl-pn__pcimg img{width:auto !important;height:auto;max-width:100%;max-height:100%;aspect-ratio:auto !important;object-fit:contain !important;border-radius:0 !important}
@media (min-width:600px){
  .tl-pn__pcimg{width:100%;aspect-ratio:2/1;border-radius:0;padding:10px;border-bottom:1px solid var(--line)}
}
/* --- v32b: "Mi a szendvicspanel?" = buborekok egy kozos keretben ---
   A temak (h3) kulon kartyat kapnak, kis koz, kozos aattetszo keret: osszetartoznak. */
.tl-pn__bubs{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;max-width:1080px;margin:0 auto;padding:12px;
  border-radius:18px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.32)}
html[data-theme="dark"] .tl-pn__bubs{background:rgba(255,255,255,.03);border-color:var(--line)}
.tl-pn__bub{flex:1 1 100%;min-width:0;background:var(--bg-surface);color:var(--ink);border-radius:12px;padding:16px 18px;
  border-top:3px solid var(--tl-gold,#D4AE3A);box-shadow:var(--tl-card-shadow)}
.tl-pn__bub h3{font-family:'Oswald',sans-serif;font-weight:700;font-size:1.2em;color:var(--tl-h2);margin:0 0 .45em}
.tl-pn__bub p{margin:0 0 .7em}
.tl-pn__bub ul{margin:0 0 .7em;padding-left:1.2em}
.tl-pn__bub > :last-child{margin-bottom:0}
@media (min-width:600px){ .tl-pn__bub{flex:0 1 calc((100% - 12px) / 2)} }
@media (min-width:900px){ .tl-pn__bub{flex:0 1 calc((100% - 24px) / 3)} }

/* --- v32b: kozepre igazitott objektumok (tablazatok, kartyak) es a cimuk --- */
.tl-pn__c > .tl-prof__wrap > .tl-prof__h2{text-align:center}
.tl-pn__c > .tl-prof__wrap > .tl-prof__h2::after{margin-inline:auto}
.tl-pn__techcard{margin-inline:auto}
.tl-pn__cmpcard{max-width:1000px;margin-inline:auto}

/* --- v32b: a Hello reset.css tablazat-szabalyai (oldalso keretek, csikozas, 15 px padding)
   a profil.css tablazatain is atutnek -> itt a panel-oldalakon kikapcsolva --- */
.tl-pn .tl-prof__table th,.tl-pn .tl-prof__table td,
.tl-pn .tl-gy__cmp th,.tl-pn .tl-gy__cmp td{border:0;border-bottom:1px solid var(--line);background:none}
.tl-pn .tl-prof__table th,.tl-pn .tl-prof__table td{padding:.6em 0}
.tl-pn .tl-prof__table th{padding-right:1em;font-weight:400}
.tl-pn .tl-gy__cmp th,.tl-pn .tl-gy__cmp td{padding:.6em .7em}
.tl-pn .tl-gy__cmp thead th{border-bottom:2px solid var(--metal)}
.tl-pn .tl-prof__table,.tl-pn .tl-gy__cmp{font-size:1em;margin-block-end:0}
.tl-pn .tl-gy__cmp tbody tr:hover>td,.tl-pn .tl-gy__cmp tbody tr:hover>th{background:var(--bg-base)}
@media (max-width:759px){ .tl-pn .tl-gy__cmp th,.tl-pn .tl-gy__cmp td{border:0;padding:.15em 0} }

/* osszehasonlito tablazat: asztalon a szoveges oszlopok ne torjenek feleslegesen */
.tl-pn__cmp td{min-width:6em}

/* kapcsolattarto sor a kek savon */
.tl-pn__contact{margin:1em auto 0 !important;font-size:.95em}
.tl-pn__contact a{color:#fff;font-weight:600;white-space:nowrap}
.tl-pn__contact a:hover{color:var(--tl-gold,#D4AE3A)}
@media (max-width:599px){
  /* keskeny kepernyon a muszaki tablazat soronkent blokk: a vonal a soron (tr) van */
  .tl-pn .tl-pn__techcard .tl-prof__table th,.tl-pn .tl-pn__techcard .tl-prof__table td{border:0;padding:0}
}
.tl-pn__cmp td:nth-child(3){white-space:nowrap}