/* Tartalomválasztó · AI Upgrade index2 (2026-10-13). Laci arculati tokenjeit használja (tokens.css). */
:root { --tv-keret: var(--aiu-narancs); --tv-sav: #111214; }

/* ── a választható helyek jelölése ── */
.tv-slot { position: relative; }  /* keret nélkül (Sanyi 10-13): a hely a lapozáskor úgyis látszik */
.tv-var[hidden] { display: none !important; }
.tv-var [data-be] { opacity: 1 !important; transform: none !important; }
.tv-hero { margin: 0 0 30px; }
.tv-hero .hero__lead { margin: 0; }

/* vezérlő sáv minden hely fölött */
.tv-vez { position: relative; z-index: 6; display: flex; flex-wrap: wrap; align-items: center; gap: 6px 8px; margin: 26px 0 16px;
  padding: 8px 10px; border-radius: 14px; background: var(--tv-sav); color: #fff; font: 500 13px/1.3 var(--aiu-betu-sans);
  box-shadow: 0 10px 28px -14px rgba(0, 0, 0, .6); border: 1px solid rgba(255, 255, 255, .12); max-width: 100%; }
.tv-vez__id { font: 700 11px/1 var(--aiu-betu-mono); background: var(--aiu-narancs); color: #0A0A0A; padding: 5px 7px; border-radius: 6px; }
.tv-vez__cim { font-weight: 600; color: rgba(255, 255, 255, .86); margin-right: 4px; }
.tv-vez__lapoz { display: inline-flex; align-items: center; gap: 4px; }
.tv-vez button { font: inherit; cursor: pointer; border: 1px solid rgba(255, 255, 255, .22); background: rgba(255, 255, 255, .06); color: #fff;
  border-radius: 9px; min-height: 36px; min-width: 36px; padding: 6px 10px; }
.tv-vez button:hover { border-color: var(--aiu-narancs); }
.tv-vez button:focus-visible { outline: 2px solid var(--aiu-sarga); outline-offset: 2px; }
.tv-vez__valt { display: inline-flex; flex-wrap: wrap; gap: 5px; }
.tv-vez__valt button { font-size: 12px; min-height: 32px; padding: 5px 9px; }
.tv-vez__valt button[aria-pressed="true"] { background: #fff; color: #0A0A0A; border-color: #fff; font-weight: 700; }
.tv-vez__valt button .tv-csillag { color: var(--aiu-narancs); margin-left: 4px; }
.tv-f-laci { box-shadow: inset 3px 0 0 #8fa3b8; } .tv-f-sanyi { box-shadow: inset 3px 0 0 var(--aiu-narancs); }
.tv-f-claude { box-shadow: inset 3px 0 0 #a58cff; } .tv-f-egon { box-shadow: inset 3px 0 0 #ff4d6d; } .tv-f-nincs { box-shadow: inset 3px 0 0 #666; }
.tv-vez__jelol { display: inline-flex; gap: 5px; margin-left: auto; }
.tv-vez__jelol .tv-elso[aria-pressed="true"] { background: var(--aiu-narancs); border-color: var(--aiu-narancs); color: #0A0A0A; font-weight: 700; }
.tv-vez__jelol .tv-masod[aria-pressed="true"] { background: var(--aiu-sarga); border-color: var(--aiu-sarga); color: #0A0A0A; font-weight: 700; }
.tv-vez__megj { flex-basis: 100%; margin: 2px 0 0; font-size: 12.5px; color: #ffd27a; line-height: 1.45; }
.tv-vez__megj::before { content: "⚠ "; }
.tv-vez__jegyzet { flex-basis: 100%; display: none; }
.tv-vez.nyitott .tv-vez__jegyzet { display: block; }
.tv-vez__jegyzet textarea { width: 100%; min-height: 64px; margin-top: 4px; border-radius: 10px; border: 1px solid rgba(255, 255, 255, .25);
  background: #1c1d20; color: #fff; padding: 8px 10px; font: 14px/1.4 var(--aiu-betu-sans); box-sizing: border-box; }
.tv-vez__allapot { font: 11px/1 var(--aiu-betu-mono); color: rgba(255, 255, 255, .55); }
.tv-vez__allapot.ok { color: #7CE38B; }

/* ── videó-helyek ── */
.tv-cimsor { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 440px); gap: clamp(20px, 3vw, 48px); align-items: start; }
.tv-cimsor.tv-ures { grid-template-columns: minmax(0, 1fr); }
.tv-cimsor > .tv-vez { grid-column: 1 / -1; }
.tv-balcim .tv-slot { margin-top: 18px; }
.tv-jobboszlop { display: flex; flex-direction: column; gap: 22px; min-width: 0; }
.tv-video { margin: 0; }
.tv-video__keret { position: relative; aspect-ratio: 16 / 9; border-radius: 16px; overflow: hidden; background: #000; box-shadow: 0 18px 40px -22px rgba(0, 0, 0, .7); }
.tv-video video { width: 100%; height: 100%; display: block; object-fit: contain; background: #000; }
.tv-video__nincs { position: absolute; inset: 0; display: none; place-items: center; text-align: center; padding: 20px; color: #fff; font: 600 15px/1.4 var(--aiu-betu-sans); background: #111; }
.tv-kulcs-nelkul .tv-video__nincs { display: grid; }
.tv-video figcaption { margin-top: 8px; font-size: 11px; opacity: .75; display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.tv-video code { font: inherit; }
.tv-egon { background: #ff4d6d; color: #fff; padding: 3px 7px; border-radius: 6px; font-weight: 700; }
.tv-nincs-video { padding: 14px 16px; border: 1.5px dashed currentColor; border-radius: 14px; opacity: .55; font-size: 12px; }
.tv-nagyvideo { max-width: 980px; margin: 30px auto 0; }
.tv-miertmost { max-width: 760px; margin: 0 auto clamp(40px, 6vw, 70px); text-align: center; }
@media (max-width: 900px) { .tv-cimsor { grid-template-columns: minmax(0, 1fr); } }

/* ── sorrend-tételek (a tartalom egyszer van a lapon) ── */
.tv-slot--rend { display: flex; flex-direction: column; }
.tv-rend-T4[data-aktiv="A"] .toredek-jelmagyarazat { order: -1; margin: clamp(30px, 4vw, 46px) 0 0; }
.tv-rend-T4[data-aktiv="A"] .toredek { margin-top: 16px; }
.tv-rend-T6[data-aktiv="A"] > .lead { order: -2; }
.tv-rend-T6[data-aktiv="A"] > .tv-husz-ev { order: -1; }

/* ── új tartalmi elemek Laci arculatában ── */
.tv-alcim { font: 700 var(--aiu-meret-h3)/1.15 var(--aiu-betu-sans); letter-spacing: -.015em; margin: 0 0 18px; max-width: 900px; }
.tv-alcim--eu { margin-top: clamp(40px, 5vw, 60px); }
.tv-pipalista { list-style: none; padding: 0; margin: 0 0 10px; display: grid; gap: 10px; max-width: 860px; }
.tv-pipalista li { position: relative; padding-left: 30px; font-size: clamp(18px, 2vw, 22px); font-weight: 600; line-height: 1.35; }
.tv-pipalista li::before { content: ""; position: absolute; left: 0; top: .42em; width: 14px; height: 14px; border-radius: 4px; background: var(--aiu-narancs); }
.tv-pipalista__tobb { font-weight: 400 !important; font-style: italic; opacity: .7; }
.tv-pipalista__tobb::before { background: transparent !important; border: 1.5px solid var(--aiu-narancs); }

.tv-eredmenyek { list-style: none; padding: 0; margin: clamp(26px, 3vw, 40px) 0 0; display: grid; gap: 12px; }
.tv-eredmeny { display: grid; grid-template-columns: minmax(0, 300px) minmax(0, 1fr); gap: 8px 26px; align-items: center; padding: 18px 22px;
  background: #fff; border-radius: var(--aiu-sugar-kartya, 20px); border: 1px solid var(--aiu-tinta-13); }
.tv-eredmeny__szam { display: flex; align-items: baseline; gap: 12px; flex-wrap: wrap; }
.tv-eredmeny__szam s { font: 500 18px/1 var(--aiu-betu-mono); color: var(--aiu-tinta-45); text-decoration-thickness: 2px; text-decoration-color: var(--aiu-narancs); }
.tv-eredmeny__szam b { font: 800 clamp(28px, 3.2vw, 40px)/1 var(--aiu-betu-sans); color: var(--aiu-narancs); letter-spacing: -.02em; }
.tv-eredmeny__mit { font-size: 17px; line-height: 1.45; color: var(--aiu-tinta-86); }
.tv-eredmeny--kifejtes { grid-template-columns: minmax(0, 300px) minmax(0, 1fr); }
.tv-eredmeny--kifejtes .tv-pelda { grid-column: 1 / -1; }
@media (max-width: 760px) { .tv-eredmeny, .tv-eredmeny--kifejtes { grid-template-columns: minmax(0, 1fr); } }
.tv-pelda { margin-top: 6px; border-radius: 16px; background: var(--aiu-ej); color: #fff; padding: 16px 18px; }
.tv-pelda summary { cursor: pointer; list-style: none; display: grid; gap: 6px; }
.tv-pelda summary::-webkit-details-marker { display: none; }
.tv-pelda summary .mono { color: var(--aiu-sarga); }
.tv-pelda summary b { font-size: clamp(18px, 2vw, 22px); line-height: 1.3; }
.tv-pelda__nyit { color: var(--aiu-narancs); }
.tv-pelda[open] .tv-pelda__nyit { display: none; }
.tv-pelda p { color: var(--aiu-feher-72); font-size: 15px; }
.tv-lepesek { margin: 10px 0; padding: 0; list-style: none; display: grid; gap: 8px; counter-reset: l; }
.tv-lepesek li { display: grid; grid-template-columns: 74px minmax(0, 1fr); gap: 12px; padding: 10px 12px; border-radius: 12px; background: var(--aiu-feher-06); border: 1px solid var(--aiu-feher-12); font-size: 15px; line-height: 1.45; }
.tv-lepesek li .mono { color: var(--aiu-sarga); }
.tv-pelda__osszeg { color: #fff !important; padding: 12px 14px; border-radius: 12px; border: 1px dashed rgba(255, 219, 1, .5); background: rgba(255, 219, 1, .08); }
.tv-pelda__lab { font-size: 11px !important; opacity: .6; }

.tv-eu-csempek { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-top: 22px; }
.tv-eu-csempe { display: grid; gap: 0; padding: 0; border: 2px solid var(--aiu-tinta-13); border-radius: 18px; overflow: hidden; background: #fff; cursor: pointer;
  text-align: left; font: 600 15px/1.35 var(--aiu-betu-sans); color: var(--aiu-tinta); transition: transform .25s var(--aiu-ease), border-color .25s, box-shadow .25s; }
.tv-eu-csempe:hover { transform: translateY(-4px); border-color: var(--aiu-narancs); box-shadow: 0 18px 36px -20px rgba(255, 90, 0, .6); }
.tv-eu-csempe:focus-visible { outline: 3px solid var(--aiu-narancs); outline-offset: 3px; }
.tv-eu-csempe img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; object-position: top; display: block; }
.tv-eu-csempe span { padding: 12px 16px; }
.tv-eu-csempe b { color: var(--aiu-narancs); }
.tv-eu-csempe--egesz { grid-column: 1 / -1; background: var(--aiu-tinta); color: #fff; border-color: var(--aiu-tinta); text-align: center; }
@media (max-width: 560px) { .tv-eu-csempek { grid-template-columns: 1fr; } }

/* lightbox */
.tv-lb { position: fixed; inset: 0; z-index: 200; background: rgba(5, 5, 7, .86); display: grid; grid-template-rows: auto minmax(0, 1fr); padding: clamp(10px, 2vw, 28px); gap: 10px; }
.tv-lb[hidden] { display: none; }
.tv-lb__fej { display: flex; align-items: center; gap: 12px; color: #fff; font: 600 15px/1.3 var(--aiu-betu-sans); }
.tv-lb__fej a { color: var(--aiu-sarga); margin-left: auto; font-size: 13px; }
.tv-lb__fej button { min-width: 44px; min-height: 44px; border-radius: 12px; border: 0; background: var(--aiu-narancs); color: #0A0A0A; font: 700 20px/1 var(--aiu-betu-sans); cursor: pointer; }
.tv-lb iframe { width: 100%; height: 100%; border: 0; border-radius: 14px; background: #fff; }

/* záró döntési blokk */
.tv-dontes__cim { max-width: 1100px; }
.tv-kiemel { display: inline-block; background: var(--aiu-narancs); color: #0A0A0A; padding: 0 .22em .06em; border-radius: .18em; transform: rotate(-1.2deg); }
.tv-dontes__dontott { opacity: .55; margin: 12px auto 30px; font-size: 11px; }
.tv-ketkartya { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(16px, 2.4vw, 28px); align-items: stretch; }
.tv-ketkartya > .tv-vez { grid-column: 1 / -1; }
@media (max-width: 900px) { .tv-ketkartya { grid-template-columns: minmax(0, 1fr); } }
.tv-kartya { height: 100%; box-sizing: border-box; display: flex; flex-direction: column; gap: 12px; padding: clamp(22px, 3vw, 34px); border-radius: var(--aiu-sugar-panel, 26px);
  background: #fff; border: 1px solid var(--aiu-tinta-13); box-shadow: 0 24px 50px -34px rgba(10, 10, 10, .45); }
.tv-kartya--fo { background: var(--aiu-tinta); color: #fff; border-color: var(--aiu-tinta); }
.tv-kartya--fo p { color: var(--aiu-feher-72); }
.tv-kartya p { margin: 0; font-size: 17px; line-height: 1.5; }
.tv-kartya__felirat { color: var(--aiu-narancs) !important; font-size: 12px !important; }
.tv-kartya__cim { font: 700 var(--aiu-meret-h3)/1.1 var(--aiu-betu-sans); margin: 0; letter-spacing: -.015em; }
.tv-kartya--fo .serif { color: var(--aiu-sarga); }
.tv-kartya .serif { color: var(--aiu-narancs); }
.tv-kartya__ar b { font: 800 34px/1 var(--aiu-betu-sans); color: #fff; }
.tv-kartya__kap { font-size: 12px !important; opacity: .8; }
.tv-helyorzo { background: #ffe9a8; color: #6b4b00; padding: 2px 6px; border-radius: 5px; }
.tv-urlap { display: grid; gap: 10px; margin-top: auto; padding-top: 6px; }
.tv-urlap label { display: grid; gap: 5px; font-size: 14px; font-weight: 600; }
.tv-urlap input[type=text], .tv-urlap input[type=email], .tv-urlap input[type=tel] { min-height: 46px; border-radius: 12px; border: 1.5px solid var(--aiu-tinta-13); background: var(--aiu-mezo); padding: 0 14px; font: 16px var(--aiu-betu-sans); }
.tv-kartya--fo .tv-urlap input { background: #1a1a1c; border-color: var(--aiu-feher-16); color: #fff; }
.tv-pipa { display: flex !important; grid-template-columns: none; align-items: center; gap: 10px !important; font-weight: 500 !important; }
.tv-sugo { font-size: 12.5px; opacity: .7; font-weight: 400; line-height: 1.4; }
.tv-urlap .gomb { cursor: default; }
.tv-urlap-megj { opacity: .5; font-size: 11px; margin-top: 24px; }
.tv-utak { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(14px, 2vw, 24px); margin-top: clamp(40px, 5vw, 64px); }
@media (max-width: 1000px) { .tv-utak { grid-template-columns: minmax(0, 1fr); } }
.tv-ut { display: flex; flex-direction: column; gap: 10px; padding: clamp(20px, 2.6vw, 30px); border-radius: 22px; background: var(--aiu-lap-mely); border: 1px solid var(--aiu-tinta-13); }
.tv-ut__szam { color: var(--aiu-narancs); font-size: 12px; margin: 0; }
.tv-ut h3 { font: 700 clamp(22px, 2.2vw, 28px)/1.15 var(--aiu-betu-sans); margin: 0; }
.tv-ut .serif { color: var(--aiu-narancs); }
.tv-ut ul { margin: 0; padding-left: 18px; display: grid; gap: 7px; font-size: 15.5px; line-height: 1.45; color: var(--aiu-tinta-86); }
.tv-ut__kapu { margin: auto 0 0 !important; padding: 8px 12px; border-radius: 10px; background: var(--aiu-tinta); color: var(--aiu-sarga) !important; font-size: 11.5px; align-self: flex-start; }
.tv-ut__gomb { margin-top: auto; display: inline-flex; align-self: flex-start; padding: 12px 18px; border-radius: 999px; border: 1.5px solid var(--aiu-tinta); color: var(--aiu-tinta); text-decoration: none; font-weight: 700; font-size: 15px; }
.tv-ut__kapu + .tv-ut__gomb { margin-top: 10px; }
.tv-ut__gomb:hover { background: var(--aiu-tinta); color: #fff; }
.tv-ut__megj { font-size: 10.5px !important; opacity: .55; margin: 0; }

/* ── felső sáv (név, haladás, útmutató) ── */
.tv-dokk { position: fixed; left: 50%; bottom: 14px; transform: translateX(-50%); z-index: 150; display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px;
  max-width: calc(100vw - 24px); box-sizing: border-box; padding: 10px 14px; border-radius: 16px; background: var(--tv-sav); color: #fff;
  font: 600 13px/1.3 var(--aiu-betu-sans); box-shadow: 0 16px 40px -14px rgba(0, 0, 0, .7); border: 1px solid rgba(255, 255, 255, .14); }
.tv-dokk button, .tv-dokk select { font: inherit; min-height: 38px; border-radius: 10px; border: 1px solid rgba(255, 255, 255, .22); background: rgba(255, 255, 255, .06); color: #fff; padding: 6px 10px; cursor: pointer; }
.tv-dokk select option { color: #000; }
.tv-dokk__nev b { color: var(--aiu-sarga); }
.tv-dokk__halad { font-family: var(--aiu-betu-mono); font-size: 12px; }
.tv-dokk__halad i { display: inline-block; width: 70px; height: 6px; border-radius: 3px; background: rgba(255, 255, 255, .15); vertical-align: middle; margin-left: 6px; overflow: hidden; }
.tv-dokk__halad i b { display: block; height: 100%; background: var(--aiu-narancs); width: 0; transition: width .3s; }
.tv-mentes-jelzo { position: fixed; top: 84px; left: 50%; transform: translateX(-50%) translateY(-12px); z-index: 160; opacity: 0; pointer-events: none;
  padding: 12px 20px; border-radius: 14px; background: #1f7a3a; color: #fff; font: 700 16px/1.2 var(--aiu-betu-sans); transition: opacity .25s, transform .25s; }
.tv-mentes-jelzo.lathato { opacity: 1; transform: translateX(-50%); }
.tv-mentes-jelzo.hiba { background: #9b1c1c; }
.tv-utmutato { position: fixed; inset: 0; z-index: 210; background: rgba(5, 5, 7, .8); display: grid; place-items: center; padding: 16px; }
.tv-utmutato[hidden] { display: none; }
.tv-utmutato__lap { max-width: 640px; width: 100%; max-height: 90vh; overflow: auto; background: #fff; color: #0A0A0A; border-radius: 22px; padding: clamp(20px, 3vw, 34px); box-sizing: border-box; font: 16px/1.55 var(--aiu-betu-sans); }
.tv-utmutato__lap h2 { margin: 0 0 10px; font-size: 26px; }
.tv-utmutato__lap ol { padding-left: 20px; display: grid; gap: 8px; }
.tv-utmutato__lap .tv-jel { display: inline-block; padding: 1px 7px; border-radius: 6px; font-weight: 700; font-size: 13px; }
.tv-utmutato__lap textarea { width: 100%; min-height: 90px; box-sizing: border-box; border-radius: 12px; border: 1.5px solid #ccc; padding: 10px; font: 15px/1.4 var(--aiu-betu-sans); }
.tv-utmutato__lap .gomb { margin-top: 14px; }
.tv-nezelodo { background: #9b5b00 !important; }
main { padding-bottom: 90px; }
@media (max-width: 600px) {
  .tv-vez__cim { flex-basis: 100%; }
  .tv-vez__jelol { margin-left: 0; }
  .tv-dokk { bottom: 8px; padding: 8px 10px; gap: 6px 8px; font-size: 12px; }
  .tv-dokk__halad i { width: 44px; }
}
@media (prefers-reduced-motion: reduce) { .tv-eu-csempe, .tv-mentes-jelzo { transition: none; } }
.tv-eredmeny__al { font-size: 11px; color: var(--aiu-tinta-60); }

/* ── tiszta nézet: minden választó-felület rejtve, az oldal úgy látszik, ahogy a most látható változatokkal kinézne ── */
.tv-tiszta .tv-vez, .tv-tiszta .tv-dokk, .tv-tiszta .tv-nincs-video, .tv-tiszta .tv-video figcaption,
.tv-tiszta .tv-urlap-megj, .tv-tiszta .tv-dontes__dontott, .tv-tiszta .tv-mentes-jelzo { display: none !important; }
.tv-tiszta main { padding-bottom: 0; }
.tv-kapcsolo { position: fixed; right: 0; top: 50%; transform: translateY(-50%); z-index: 170; writing-mode: vertical-rl;
  padding: 16px 9px; border: 1px solid rgba(255, 255, 255, .18); border-right: 0; border-radius: 14px 0 0 14px; cursor: pointer;
  background: var(--tv-sav); color: #fff; font: 700 13px/1 var(--aiu-betu-sans); letter-spacing: .02em;
  box-shadow: -8px 0 24px -12px rgba(0, 0, 0, .6); }
.tv-kapcsolo:hover { background: #24262a; }
.tv-kapcsolo:focus-visible { outline: 2px solid var(--aiu-sarga); outline-offset: 2px; }
.tv-kapcsolo[aria-pressed="true"] { background: var(--aiu-narancs); color: #0A0A0A; border-color: var(--aiu-narancs); }
@media (max-width: 600px) { .tv-kapcsolo { padding: 12px 6px; font-size: 11.5px; } }
.tv-dokk select { max-width: 100%; min-width: 0; }
@media (max-width: 600px) { .tv-dokk select { flex: 1 1 140px; } }

/* ── Sanyi 10-13 este: a „töredéke” blokk ritmusa ── */
/* a cím + videó sor és a két hasáb között legalább kétszeres térköz (Laci: 34 px a cím alatt) - a videó árnyéka se lógjon a bekezdésbe */
.tv-cimsor--toredek { margin-bottom: 72px; }
.tv-cimsor--toredek > h2 { margin-bottom: 0; }
/* T2 B: a mondat új bekezdésként az 1. hasáb végén */
.tv-t2b { display: none; }
.ket-hasab:has(#tv-T2[data-aktiv="B"]) .tv-t2b { display: block; }
/* T5 A: a „nagyságrendi előrelépést jelent:” cím fölött ugyanannyi tér, mint a felette lévő címkeblokk fölött
   (fölötte: bekezdés-margó 18 px + clamp(30px, 4vw, 46px); alatta a címkék 18 px-es margója már megvan) */
section:has(#tv-T4[data-aktiv="A"]) #tv-T5 .tv-alcim { margin-top: clamp(30px, 4vw, 46px); }
section:has(#tv-T4[data-aktiv="0"]) #tv-T5 .tv-alcim { margin-top: calc(18px + clamp(30px, 4vw, 46px) - clamp(34px, 4vw, 48px)); }

/* ── T10 (Sanyi 10-13 este): kiterjesztett tételek fekete panellel ── */
.tv-panel { grid-column: 1 / -1; margin-top: 6px; border-radius: 16px; background: var(--aiu-ej); color: #fff; padding: clamp(16px, 2.4vw, 30px); min-width: 0;
  --mono: var(--aiu-betu-mono); --sans: var(--aiu-betu-sans); --serif: var(--aiu-betu-serif); --yellow: var(--aiu-sarga); --orange: var(--aiu-narancs); --ink: #0A0A0A; --r-lg: 24px; }
/* a sales-oldal folyamatábrájának címe (ott a .vb .vb__cim adta) */
.tv-panel .vb .vb__cim { font-family: var(--sans); font-weight: 500; letter-spacing: -.03em; font-size: clamp(24px, 3vw, 38px); line-height: 1.1; margin: 0 auto 10px; max-width: 24ch; color: #fff; text-align: center; }
.tv-panel .vb .vb__cim em { font-family: var(--serif); font-style: italic; font-weight: 400; color: var(--yellow); }
.tv-panel .vf .vf__al { color: rgba(255, 255, 255, .62); }
.tv-panel--eu .eu-alatt { color: rgba(255, 255, 255, .72); }
.tv-panel--eu .eu { margin-top: 0; }
.tv-eredmeny__apro { display: block; margin-top: 10px; font-size: 14px; line-height: 1.55; color: var(--aiu-tinta-60); }
.tv-eredmeny__apro b { color: var(--aiu-tinta); font-weight: 700; }
/* V6 A (Sanyi 10-13 este): a cím alatt a szöveg, jobbra a videó */
.tv-aram-csere { align-items: start; }
.tv-aram-szoveg { margin-top: clamp(20px, 2.4vw, 30px); }

/* ── aláírás (Sanyi 10-13 este): a Schlingloff-aláírás a név (137 px, Figtree 18/700) szélességénél 2 × 30%-kal szélesebb
   = 219 px, és enyhén EMELKEDIK. Mért dőlés a képen: 7,0° lejtés → cél: +2,3° emelkedés (a harmada) → elforgatás −9,3° ── */
.alairasok .alairas:first-child img { width: 219px; height: auto; transform: rotate(-9.3deg); transform-origin: 50% 60%;
  margin-block: calc((clamp(64px, 7vw, 86px) - 58.8px) / 2); }  /* a sor magassága marad Laci aláírásáé: a két név egy vonalban */

/* ── folyamatábra-chat (Sanyi 10-13 este): a beviteli rész ALUL, mint egy chatablakban (eddig a beszélgetés fölött volt,
   kattintás után csak az látszott, hogy az üzenet eltűnt); és látványosabb felhívás a kattintásra ── */
.tv-panel--vf .vf-ch { display: flex; flex-direction: column; }
.tv-panel--vf .vf-ch__tor { order: 1; }
.tv-panel--vf .vf-bev { order: 2; border-bottom: 0; border-top: 1px solid var(--vonal); background: #1d1a12;
  animation: tv-vf-keret 1.4s ease-in-out infinite; }
.tv-panel--vf .vf-hivas { font-size: 17px; padding: 13px 16px 13px 13px; animation: tv-vf-hivas 1.4s ease-in-out infinite; }
.tv-panel--vf .vf-hivas__kez { width: 32px; height: 32px; }
.tv-panel--vf .vf-hivas__kez svg { width: 19px; height: 19px; animation: tv-vf-kez 1.4s ease-in-out infinite; }
.tv-panel--vf .vf-bev__kuld { width: 52px; height: 52px; }
@keyframes tv-vf-keret { 0%, 100% { box-shadow: inset 0 0 0 2px rgba(255, 219, 1, .9); } 50% { box-shadow: inset 0 0 0 2px rgba(255, 219, 1, .25); } }
@keyframes tv-vf-hivas { 0%, 100% { transform: none; box-shadow: 0 0 0 0 rgba(255, 219, 1, .75), 0 12px 30px rgba(0, 0, 0, .5); }
  50% { transform: translateY(-4px) scale(1.02); box-shadow: 0 0 0 12px rgba(255, 219, 1, 0), 0 16px 34px rgba(0, 0, 0, .55); } }
@keyframes tv-vf-kez { 0%, 100% { transform: none; } 50% { transform: translateY(2px) scale(.9); } }

/* ── filc-réteg a videókon (Sanyi 10-13 este, 2. kör): kézírásos felszólítás + kézi filc-nyíl ─────────────────────
   A /utolagos-kiemeles jóváhagyott készletéből: Caveat (CSAK a filc-rétegben, arculati kivétel ⑤), arculati narancs,
   „egy filc, egy szín”; a nyíl a filc.py seed-elt kézi nyila. 2. kör: kisebb, NEM félkövér (Caveat 500); a nyíl nem lóg
   bele a videóba, alulról (felülről) mutat rá, a vége közel függőleges. 'ja' = jobb alsó, felfelé · 'bf' = bal felső, lefelé. */
@font-face { font-family: 'Caveat'; font-style: normal; font-weight: 500; font-display: swap;
  src: url(/aiu/index3/tv-betu/Caveat500-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Caveat'; font-style: normal; font-weight: 500; font-display: swap;
  src: url(/aiu/index3/tv-betu/Caveat500-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
.tv-hivo-gazda { position: relative; }
.tv-hivo { position: absolute; display: flex; pointer-events: none; color: #FF5A00; z-index: 3; }
.tv-hivo__nyil { display: block; flex: none; overflow: visible; }
.tv-hivo__szoveg { font: 500 23px/1 'Caveat', cursive; white-space: nowrap; }
/* jobb alsó: a nyíl hegye 8 px-re a videó alsó éle ALATT áll meg (nem lóg bele); a szöveg a nyíl talpánál, jobbra */
.tv-hivo--ja { right: 10px; top: calc(100% + 8px); align-items: flex-end; }
.tv-hivo--ja .tv-hivo__szoveg { transform: rotate(-3deg); transform-origin: left center; margin: 0 0 calc(2.4px - .5em) 4px; }  /* a nyíl a sor közepéből indul */
/* bal felső: a nyíl hegye 8 px-re a videó felső éle FÖLÖTT áll meg; a szöveg a nyíl tövénél, balra */
.tv-hivo--bf { left: 10px; bottom: calc(100% + 8px); align-items: flex-start; flex-direction: row-reverse; justify-content: flex-end; }
.tv-hivo--bf .tv-hivo__szoveg { transform: rotate(-3deg); transform-origin: right center; margin: calc(2.4px - .5em) 4px 0 0; }
/* a választó saját felirata ne kerüljön a kézírás alá (tiszta nézetben a felirat úgyis rejtett) */
.tv-video--hivo figcaption { margin-top: 42px; }
/* ha a látható V1-változaton van felszólítás, a sor alatt több tér kell (Sanyi „legalább kétszeres” térköze így is áll) */
@media (max-width: 600px) { .tv-hivo__szoveg { font-size: 21px; } }
/* jobb felső (6. kör, Sanyi): sötét háttéren a felszólítás a videó FÖLÖTT, a nyíl a 'ja' tükörképe, LEFELÉ mutat;
   a nyíl a szöveg sorának közepéből indul (kezdőpontja a 24 px-es doboz 10%-án, 2,4 px-re a tetejétől) */
.tv-hivo--jf { right: 10px; bottom: calc(100% + 8px); align-items: flex-start; }
.tv-hivo--jf .tv-hivo__szoveg { transform: rotate(-3deg); transform-origin: left center; margin: calc(2.4px - .5em) 0 0 4px; }
/* választó módban a vezérlő sáv közvetlenül a videó fölött ül: ott helyet kér (tiszta nézetben nem) */
html:not(.tv-tiszta) .tv-video--fent { margin-top: 44px; }
.tv-video--fent figcaption { margin-top: 8px; }
/* T11: a nagy videó fölött csak 30 px volt az alcímig — a fölé kerülő kézírásnak hely kell (mérve: ütközött) */
.tv-nagyvideo:has(.tv-video--fent) { margin-top: 64px; }
/* egyhasábos elrendezésben a videó fölött közvetlenül egy másik doboz áll (pl. az árdoboz): a fölé kerülő kézírásnak
   saját hely kell (mérve: 390 px-en a V3 kézírása ráért az árdoboz aljára) */
@media (max-width: 1000px) { .tv-video--fent { margin-top: 40px; } }
@media (max-width: 1000px) { .tv-video--hivo:not(.tv-video--fent) { margin-bottom: 40px; } }  /* mérve: 390 px-en a V6 kézírása ráért az áram-ábrára */
@media (max-width: 1000px) { .tv-cimsor--toredek .tv-video--hivo { margin-bottom: 0; } }  /* a V1 alatt a 72 px-es sorköz már elég (40 px marad) */