/* Profiloldalak (single-tl_profil.php, archive-tl_profil.php) - 2026-10-04 v21
   Tokenek: style.css v14 (vilagos/sotet bor automatikusan).
   Fem-valtozok: header.css v14 (--tl-bar-blue, --tl-rail-*, --tl-key, --tl-silver-frame).
   Mobil elso: az alap a telefon, a min-width blokkok bovitenek. */

.tl-prof{background:var(--bg-base);color:var(--ink);font-family:'Barlow',system-ui,sans-serif;font-size:clamp(16px,.4vw + 14.5px,18px);line-height:1.6}
.tl-prof *,.tl-prof *::before,.tl-prof *::after{box-sizing:border-box}
.tl-prof__wrap{max-width:1200px;margin:0 auto;padding:0 16px}
.tl-prof img{max-width:100%;height:auto;display:block}

/* Morzsamenu */
.tl-prof__crumbs{display:flex;flex-wrap:wrap;gap:.25em .5em;padding-top:14px;padding-bottom:4px;font-size:.92em;color:var(--ink-muted)}
.tl-prof__crumbs a{color:var(--link);text-decoration:none}
.tl-prof__crumbs a:hover{text-decoration:underline}

/* Jelszo-urlap (fejlesztoi allapot) */
.tl-prof__pw{padding-top:40px;padding-bottom:80px}
.tl-prof__pw input[type=password]{max-width:100%;padding:.5em .7em;border:1px solid var(--metal);border-radius:6px;background:var(--bg-surface);color:var(--ink);font:inherit}
.tl-prof__pw input[type=submit]{padding:.5em 1.1em;border:0;border-radius:6px;background:var(--tl-gold-metal,var(--accent));color:var(--cta-ink);font:inherit;font-weight:700;cursor:pointer}

/* ---------- HERO ---------- */
.tl-prof__hero{padding:clamp(12px,2.5vw,32px) 0 clamp(28px,4vw,56px)}
.tl-prof__hero-grid{display:grid;gap:28px;align-items:center}
.tl-prof__eyebrow{margin:0 0 .4em;font-weight:600;font-size:.9em;letter-spacing:.08em;text-transform:uppercase;color:var(--link)}
.tl-prof__title{font-family:'Oswald',sans-serif;font-weight:700;font-size:clamp(30px,4.4vw,52px);line-height:1.1;color:var(--tl-h2);margin:0 0 .45em;overflow-wrap:anywhere;text-wrap:balance}
.tl-prof__title::after{content:"";display:block;width:72px;height:3px;margin-top:14px;border-radius:2px;background:var(--tl-gold-metal,var(--accent))}
.tl-prof__lead{margin:0 0 1.2em;font-size:1.08em;max-width:38em}

/* 4 adat-csempe: kek fem. A minimum szelesseg em-ben, igy 150%-os
   betumeretnel a csempe is no, es a szam nem log ki (kevesebb oszlop lesz). */
/* max(8.6em, fel szelesseg): legfeljebb 2 oszlop (2x2, nincs arva csempe); ha 8.6em nem fer ki ketszer, 1 oszlop */
.tl-prof__tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,max(8.6em,calc(50% - 5px))),1fr));gap:10px;margin:0 0 1.4em;padding:0}
.tl-prof__tile{background:var(--tl-bar-blue);color:#fff;border-radius:8px;padding:.6em .8em;box-shadow:var(--tl-card-shadow);border:1px solid rgba(255,255,255,.14)}
.tl-prof__tile dt{margin:0;font-size:.74em;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#C9D6E4}
.tl-prof__tile dd{margin:.1em 0 0;font-family:'Oswald',sans-serif;font-weight:700;font-size:1.35em;line-height:1.2;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.35)}

/* Gombok */
.tl-prof__btns{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.tl-prof__btns--center{justify-content:center}
.tl-prof__btn{display:inline-block;padding:.75em 1.5em;border-radius:var(--tl-offer-radius,8px);font-family:'Montserrat',sans-serif;font-weight:700;font-size:.98em;line-height:1.2;text-decoration:none;transition:transform .2s,box-shadow .2s,background .2s,color .2s}
.tl-prof__btn--offer{background:var(--tl-offer-bg);color:var(--tl-offer-ink);border:1px solid var(--tl-offer-border);box-shadow:var(--tl-offer-shadow)}
.tl-prof__btn--offer:hover,.tl-prof__btn--offer:focus-visible{background:var(--tl-offer-bg-hover);color:var(--tl-offer-ink-hover);border-color:var(--tl-offer-border-hover);box-shadow:var(--tl-offer-shadow-hover);transform:translateY(-2px)}
.tl-prof__btn--colors{background:var(--tl-patina);color:#fff;border:1px solid rgba(255,255,255,.35);text-shadow:0 1px 2px rgba(0,0,0,.4);box-shadow:var(--tl-card-shadow)}
.tl-prof__btn--colors:hover,.tl-prof__btn--colors:focus-visible{background:var(--tl-patina-hover);color:#fff;transform:translateY(-2px)}

/* Foto ezust kerettel */
.tl-prof__photo{margin:0;padding:6px;border-radius:12px;background:var(--tl-silver-frame);box-shadow:var(--tl-card-shadow)}
.tl-prof__photo img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:7px}
.tl-prof__photo figcaption{padding:.4em .3em .1em;font-size:.85em;color:#1F2A35}

/* ---------- SZAKASZOK ---------- */
.tl-prof__sec{padding:clamp(32px,5vw,64px) 0}
.tl-prof__sec--tight{padding:clamp(24px,3.5vw,44px) 0}
.tl-prof__h2{font-family:'Oswald',sans-serif;font-weight:700;font-size:clamp(24px,3vw,34px);line-height:1.2;color:var(--tl-h2);margin:0 0 .8em;overflow-wrap:anywhere}
.tl-prof__h2::after{content:"";display:block;width:72px;height:3px;margin-top:10px;border-radius:2px;background:var(--tl-gold-metal,var(--accent))}
.tl-prof__h3{font-family:'Oswald',sans-serif;font-weight:700;font-size:clamp(20px,2.2vw,24px);line-height:1.25;color:var(--tl-h2);margin:0 0 .7em}
.tl-prof__sub{margin:-.3em 0 1em;color:var(--ink-muted)}
.tl-prof__grid2{display:grid;grid-template-columns:minmax(0,1fr);gap:28px}

/* Kartya: 6 px ezust keret (mint a tobbi tl-card) */
.tl-prof__card{border:6px solid transparent;border-radius:12px;padding:18px 20px;
  background:linear-gradient(var(--bg-surface),var(--bg-surface)) padding-box,var(--tl-silver-frame) border-box;box-shadow:var(--tl-card-shadow)}

/* Leiras (WP-szerkesztobol) */
.tl-prof__desc>*:last-child{margin-bottom:0}
.tl-prof__desc p{margin:0 0 1em;max-width:42em}
.tl-prof__desc a{color:var(--link)}

/* Arazas-kartya */
.tl-prof__save{align-self:start}
.tl-prof__save-num{margin:0;font-family:'Oswald',sans-serif;font-weight:700;font-size:clamp(40px,5vw,56px);line-height:1;color:var(--accent-deep)}
.tl-prof__save-title{font-family:'Oswald',sans-serif;font-weight:700;font-size:clamp(20px,2.2vw,24px);line-height:1.25;color:var(--tl-h2);margin:.3em 0 .5em}
.tl-prof__save p{margin:0 0 .7em}
.tl-prof__save-ex{padding-top:.7em;border-top:1px solid var(--line);margin-bottom:0!important}

/* Muszaki: vilagosban kek femsav kroom sinnel (mint a fooldal tl-section--alt) */
.tl-prof__sec--alt{position:relative;background:var(--bg-surface-alt)}
html:not([data-theme="dark"]) .tl-prof__sec--alt{background:var(--tl-bar-blue)}
html:not([data-theme="dark"]) .tl-prof__sec--alt::before,
html:not([data-theme="dark"]) .tl-prof__sec--alt::after{content:"";position:absolute;left:0;right:0;height:7px;background:var(--tl-rail-top)}
html:not([data-theme="dark"]) .tl-prof__sec--alt::before{top:0}
html:not([data-theme="dark"]) .tl-prof__sec--alt::after{bottom:0;background:var(--tl-rail-bot)}
html:not([data-theme="dark"]) .tl-prof__sec--alt>.tl-prof__wrap>.tl-prof__h2{color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.45)}
/* minmax(0,1fr): az oszlop ne nojon a tablazat legszelesebb tartalmahoz (360 px + 150% betu) */
.tl-prof__tech{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;align-items:start}
.tl-prof__table{width:100%;border-collapse:collapse}
.tl-prof__table th,.tl-prof__table td{padding:.6em 0;border-bottom:1px solid var(--line);vertical-align:baseline}
.tl-prof__table th{text-align:left;font-weight:400;color:var(--ink-muted);padding-right:1em}
.tl-prof__table td{text-align:right;font-family:'Oswald',sans-serif;font-weight:600;font-size:1.1em;white-space:nowrap;color:var(--ink)}
.tl-prof__note{margin:.8em 0 0;font-size:.92em;color:var(--ink-muted)}
/* A muszaki abra feher hatteru rajz: sotet borben is feher alapon marad */
.tl-prof__drawing{margin:0;background:linear-gradient(#fff,#fff) padding-box,var(--tl-silver-frame) border-box}
.tl-prof__drawing img{width:100%}
.tl-prof__drawing figcaption{margin-top:.5em;font-size:.85em;color:#4A5868;text-align:center}

/* Filc */
.tl-prof__filc{display:grid;gap:20px;align-items:center}
.tl-prof__filc p{margin:0 0 .8em;max-width:46em}
.tl-prof__filc p:last-child{margin-bottom:0}
.tl-prof__filc-img img{width:100%;border-radius:6px}

/* Fotok */
.tl-prof__gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:16px}
.tl-prof__gimg{margin:0;padding:0;overflow:hidden}
.tl-prof__gimg img{width:100%;aspect-ratio:3/2;object-fit:cover;transition:transform .3s}
.tl-prof__gimg a:hover img{transform:scale(1.03)}
.tl-prof__gimg figcaption{padding:.5em .8em .6em;font-size:.9em;color:var(--ink-muted)}

/* Szinek */
.tl-prof__swatches{list-style:none;margin:0 0 1em;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.tl-prof__swatches li{width:44px;height:44px;border-radius:7px;overflow:hidden;border:1px solid var(--line);box-shadow:0 1px 3px rgba(0,0,0,.15)}
.tl-prof__swatches img{width:100%;height:100%;object-fit:cover}
.tl-prof__more{color:var(--link);font-weight:600;text-decoration:none}
.tl-prof__more:hover{text-decoration:underline}

/* Chipek: kek fem gomb */
.tl-prof__chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.tl-prof__chips a{display:inline-block;padding:.45em .95em;border-radius:999px;background:var(--tl-key);color:#fff;font-weight:600;font-size:.95em;text-decoration:none;border:1px solid rgba(255,255,255,.2);box-shadow:var(--tl-card-shadow);transition:background .2s,color .2s}
.tl-prof__chips a:hover,.tl-prof__chips a:focus-visible{background:var(--tl-key-hover);color:var(--tl-gold,#D4AE3A)}

/* Ajanlatkero sav: kek fem, kroom sin */
.tl-prof__band{position:relative;background:var(--tl-bar-blue);color:#fff;text-align:center;padding:clamp(36px,5vw,60px) 0}
.tl-prof__band::before{content:"";position:absolute;left:0;right:0;top:0;height:7px;background:var(--tl-rail-top)}
.tl-prof__band-title{font-family:'Oswald',sans-serif;font-weight:700;font-size:clamp(24px,3vw,34px);line-height:1.2;margin:0 0 .5em;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.45);overflow-wrap:anywhere}
.tl-prof__band p{margin:0 auto 1.2em;max-width:38em;color:#E3ECF5}
.tl-prof__tel{font-family:'Oswald',sans-serif;font-weight:700;font-size:1.25em;color:#fff;text-decoration:none;white-space:nowrap;letter-spacing:.03em}
.tl-prof__tel:hover{color:var(--tl-gold,#D4AE3A)}

/* ---------- Gyujtooldal (ideiglenes) ---------- */
.tl-prof__hero--arch{padding-top:clamp(24px,4vw,48px)}
.tl-prof__cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:16px}
.tl-prof__pcard{display:flex;flex-direction:column;padding:0;overflow:hidden;text-decoration:none;color:var(--ink);transition:transform .2s,box-shadow .2s}
.tl-prof__pcard:hover{transform:translateY(-3px);box-shadow:var(--tl-card-shadow-hover)}
.tl-prof__pcard img{width:100%;aspect-ratio:3/2;object-fit:cover}
.tl-prof__pcard-name{padding:.6em .9em 0;font-family:'Oswald',sans-serif;font-weight:700;font-size:1.25em;color:var(--tl-h2)}
.tl-prof__pcard-meta{padding:.1em .9em .8em;font-size:.9em;color:var(--ink-muted)}

/* Keskeny telefon: kevesebb belso margo a kartyakban */
@media (max-width:479px){
  .tl-prof__card{padding:14px 12px}
}

/* ---------- Szelesebb kepernyok ---------- */
@media (min-width:768px){
  /* ket hasab csak ha van kep; kep nelkul a szoveg a teljes kartyat kapja */
  .tl-prof__filc:has(.tl-prof__filc-img){grid-template-columns:minmax(0,1fr) minmax(0,1.6fr)}
}
@media (min-width:900px){
  .tl-prof__hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:40px}
  .tl-prof__grid2{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:40px}
  .tl-prof__grid2--even{grid-template-columns:1fr 1fr}
  .tl-prof__tech{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}
}
@media (prefers-reduced-motion:reduce){
  .tl-prof__btn,.tl-prof__gimg img,.tl-prof__pcard{transition:none}
}

/* ---------- Gyujtooldal /trapezlemezek/ (v24, 2026-10-04) ----------
   archive-tl_profil.php. Tokenek: style.css v14, fem-valtozok: header.css v14.
   Szerkezet: hero + ugro-chipek -> felhasznalas-szakaszok (#teto...#belso; cim + bevezeto,
   mellette illusztracio; alattuk kepes profilkartyak) -> "Egyeb profilok" (ha van)
   -> osszehasonlito tablazat -> ajanlatkero sav (kartya). */

/* Horgonyugrasnal a fix fejlec ne takarja a cimet */
.tl-gy [id]{scroll-margin-top:calc(var(--tl-header-h,72px) + 12px)}

/* Ugro-chipek a hero alatt: mobilon ez a fo navigacio (a mega-menu ott fiokban van) */
.tl-gy__jump{list-style:none;margin:1.2em 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.tl-gy__jump a{display:inline-flex;align-items:center;gap:.45em;padding:.5em 1em;border-radius:999px;background:var(--tl-key);color:#fff;
  font-weight:600;font-size:.95em;line-height:1.2;text-decoration:none;border:1px solid rgba(255,255,255,.2);box-shadow:var(--tl-card-shadow);transition:background .2s,color .2s}
.tl-gy__jump a:hover,.tl-gy__jump a:focus-visible{background:var(--tl-key-hover);color:var(--tl-gold,#D4AE3A)}
/* darabszam kis korben: a laikus latja, hany lehetoseg van */
.tl-gy__jump b{min-width:1.6em;padding:0 .35em;border-radius:999px;background:rgba(255,255,255,.18);font-size:.85em;text-align:center}

/* Szakasz feje: cim + bevezeto; asztalon (>=900) mellette jobbra az illusztracio */
.tl-gy__head{display:grid;grid-template-columns:minmax(0,1fr);gap:0 40px}
.tl-gy__intro{margin:0 0 1.1em;max-width:40em}
/* kek femsavon (vilagos bor, --alt) a cim es a bevezeto feher */
html:not([data-theme="dark"]) .tl-prof__sec--alt .tl-gy__intro{color:#E3ECF5}
html:not([data-theme="dark"]) .tl-gy__use.tl-prof__sec--alt .tl-prof__h2{color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.45)}

/* Illusztracio (GPT-kep): "Illusztracio" felirattal, mert nem termekfoto (v20 dontes) */
.tl-gy__banner{position:relative;margin:0 0 20px}
.tl-gy__banner img{width:100%;aspect-ratio:2/1;object-fit:cover}
.tl-gy__banner figcaption{position:absolute;left:14px;bottom:14px;padding:.2em .6em;border-radius:4px;background:rgba(10,22,34,.72);color:#fff;
  font-size:.75em;font-weight:600;letter-spacing:.04em}

/* Kepes profilkartyak: soronkent legfeljebb 3, a maradek kozepre (5 = 3+2) */
.tl-gy__list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.tl-gy__list>li{flex:0 1 calc((100% - 24px) / 3);min-width:min(100%,17em)}
/* telefonon vizszintes kartya: kis foto balra, szoveg jobbra (rovidebb oldal) */
.tl-gy__pc{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;align-items:center;height:100%;padding:10px;
  text-decoration:none;color:var(--ink);transition:transform .2s,box-shadow .2s}
.tl-gy__pc:hover,.tl-gy__pc:focus-visible{transform:translateY(-3px);box-shadow:var(--tl-card-shadow-hover)}
.tl-gy__pc img,.tl-gy__noimg{width:96px;aspect-ratio:3/2;object-fit:cover;border-radius:5px;background:#fff}
/* kep nelkuli profil (pl. PR40/180): kek fem helyorzo a nevvel */
.tl-gy__noimg{display:flex;align-items:center;justify-content:center;background:var(--tl-bar-blue);color:#C9D6E4;
  font-family:'Oswald',sans-serif;font-weight:700;font-size:.9em;letter-spacing:.04em;text-align:center}
.tl-gy__pc-body{min-width:0}
.tl-gy__pc-name{display:flex;flex-wrap:wrap;align-items:baseline;gap:.2em .5em;font-family:'Oswald',sans-serif;font-weight:700;font-size:1.2em;line-height:1.2;color:var(--tl-h2)}
.tl-gy__tag{font-family:'Barlow',sans-serif;font-weight:600;font-size:.6em;letter-spacing:.05em;text-transform:uppercase;color:var(--accent-deep);
  border:1px solid currentColor;border-radius:4px;padding:0 .4em}
html[data-theme="dark"] .tl-gy__tag{color:var(--accent)}
.tl-gy__pc-cimke{display:block;margin-top:.2em;font-size:.92em;color:var(--ink-muted)}
.tl-gy__pc-meta{display:block;margin-top:.45em;font-size:.9em;font-weight:600;color:var(--ink)}
.tl-gy__pc-arrow{color:var(--link);font-weight:700}
@media (min-width:600px){
  /* fuggoleges kartya: foto felul. A termekfotok feher alapon kivagott lemezek -> 2:1 kivagas */
  .tl-gy__pc{grid-template-columns:minmax(0,1fr);gap:0;padding:0;overflow:hidden;align-items:stretch}
  .tl-gy__pc img,.tl-gy__pc .tl-gy__noimg{width:100%;aspect-ratio:2/1;border-radius:0}
  .tl-gy__pc .tl-gy__noimg{font-size:1.4em}
  .tl-gy__pc-body{padding:10px 14px 12px}
}
@media (min-width:900px){
  .tl-gy__head{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;margin-bottom:24px}
  .tl-gy__head .tl-gy__banner{margin:0}
  .tl-gy__head .tl-gy__intro{margin-bottom:0}
}

/* Osszehasonlito tablazat. Mobilon (<760) minden sor kulon kartya, cimkekkel. */
.tl-gy__cmp{width:100%;border-collapse:collapse;font-size:.95em}
.tl-gy__cmp caption{text-align:left;margin-bottom:.6em;color:var(--ink-muted);font-size:.92em}
.tl-gy__cmp th,.tl-gy__cmp td{padding:.6em .7em;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.tl-gy__cmp thead th{font-weight:600;font-size:.85em;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-muted);border-bottom:2px solid var(--metal)}
.tl-gy__cmp tbody th a{font-family:'Oswald',sans-serif;font-weight:700;font-size:1.1em;color:var(--link);text-decoration:none;white-space:nowrap}
.tl-gy__cmp tbody th a:hover{text-decoration:underline}
.tl-gy__cmp .tl-gy__num{font-family:'Oswald',sans-serif;font-weight:600;white-space:nowrap;text-align:right}
.tl-gy__cmp thead .tl-gy__num{text-align:right}
.tl-gy__cmp tr.tl-gy__sep th{padding-top:1.1em;font-family:'Oswald',sans-serif;font-size:1em;letter-spacing:0;text-transform:none;color:var(--tl-h2);border-bottom:2px solid var(--metal)}
.tl-gy__cmp tbody tr:not(.tl-gy__sep):hover{background:var(--bg-base)}
@media (max-width:759px){
  .tl-gy__cmp thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  /* v24b: a caption is blokk legyen, kulonben table-caption-kent min-content szelessegu (szavankent tord) */
  .tl-gy__cmp caption{display:block;width:100%}
  .tl-gy__cmp,.tl-gy__cmp tbody,.tl-gy__cmp tr,.tl-gy__cmp th,.tl-gy__cmp td{display:block;width:100%}
  .tl-gy__cmp tr{padding:.4em 0 .7em;border-bottom:1px solid var(--line)}
  .tl-gy__cmp tr.tl-gy__sep{border-bottom:0;padding-bottom:0}
  .tl-gy__cmp th,.tl-gy__cmp td{border:0;padding:.15em 0}
  .tl-gy__cmp td{display:flex;justify-content:space-between;gap:1em}
  .tl-gy__cmp td::before{content:attr(data-label);color:var(--ink-muted);font-family:'Barlow',sans-serif;font-weight:400}
  .tl-gy__cmp .tl-gy__num{text-align:right}
  .tl-gy__cmp td.tl-gy__uses{display:block}
  .tl-gy__cmp td.tl-gy__uses::before{display:block}
}
@media (prefers-reduced-motion:reduce){
  .tl-gy__pc,.tl-gy__jump a{transition:none}
}

/* ---------- Ajanlatkero sav KARTYAKENT (v24) - gyujtooldal ES profiloldalak ----------
   Teljes szelessegben ugyanolyan navy fem volt, mint a lablec, es egy blokknak latszottak.
   Most lekerekitett, fem keretes panel, szelessege = a tartalom (1168 px), korulotte az oldal hattere. */
.tl-prof__band{margin:clamp(32px,5vw,56px) max(16px, calc((100% - 1168px) / 2)) clamp(40px,6vw,72px);
  border:6px solid transparent;border-radius:16px;
  background:var(--tl-bar-blue) padding-box,var(--tl-silver-frame) border-box;box-shadow:var(--tl-card-shadow)}
.tl-prof__band::before{display:none} /* a felso krom sin a teljes szelessegu savhoz kellett */
/* a sav also margoja ne loghasson ki a main-bol (margin collapse) -> a hatter a main-e marad */
.tl-prof{display:flow-root}

/* mobil (<600 px): a hero gombsor (Ajanlatkeres / Szinek) kozepre igazitva - minden profil-/panel-/termekcsalad-oldalon (v35) */
@media (max-width:599px){ .tl-prof__btns{justify-content:center} }

/* Színpróba gomb a profil-/termékcsalád-oldalak felső gombsorában (v38i): kék fémgomb, mint a menüpontok */
.tl-prof__btn--try{background:var(--tl-key,#165A9F);color:#fff;border:1px solid rgba(255,255,255,.3);text-shadow:0 1px 2px rgba(0,0,0,.35);box-shadow:var(--tl-card-shadow)}
.tl-prof__btn--try:hover,.tl-prof__btn--try:focus-visible{background:var(--tl-key-hover,#226BB4);color:#fff;transform:translateY(-2px)}


/* v40b: hero-gombsor sziget - az ajanlatkero sav (.tl-prof__band) stilusaban: kek fem (--tl-bar-blue)
   + ezust keret (--tl-silver-frame); mindket valtozonak van sotet valtozata, igy a sotet mod koveti.
   Szelesseg = a hero szovegoszlopa (ugyanaz, mint a Profilmagassag + Hasznos szelesseg csempeparos).
   Oldalak: profil, panel, termekcsalad, kiegeszitok, /trapezlemezek/, /szendvicspanelek/. */
.tl-prof__hero .tl-prof__btns{width:100%;box-sizing:border-box;margin-top:28px;padding:20px 18px;justify-content:center;gap:14px;border:6px solid transparent;border-radius:16px;background:var(--tl-bar-blue) padding-box,var(--tl-silver-frame) border-box;box-shadow:var(--tl-card-shadow)}
/* a kek Szinproba-gomb ne olvadjon bele a kek fem hatterbe: vilagos szegely + melyebb arnyek */
.tl-prof__hero .tl-prof__btns .tl-prof__btn--try{border-color:rgba(255,255,255,.6);box-shadow:0 0 0 1px rgba(0,0,0,.25),0 4px 12px rgba(0,0,0,.35)}
@media (max-width:599px){ .tl-prof__hero .tl-prof__btns{margin-top:22px;padding:14px 10px;border-width:4px;border-radius:12px} }