/* ============================================================================
   VXP BÉRLÉS -- vizuális alap a bérlési üzletág weboldalához
   Skicc, 2026-09-03. Kártya: 8cbe2b38 (weboldal) + 80b41d7e (hatókör).

   HOGYAN HASZNÁLD (Ada):
   Ez a fájl a `visionix-tokens.css`-re ÉPÜL, nem másolja le. A színek egyetlen
   helyen élnek -- ha a márka változik, ott változik, és itt nincs mit utánavezetni.
       <link rel="stylesheet" href="visionix-tokens.css">
       <link rel="stylesheet" href="vxp-berles.css">
   Új színt NE vezess be. Ha valamire nincs token, szólj -- az arculati döntés,
   nem fejlesztési.

   A HÁROM SZABÁLY, AMI A HATÓKÖRBŐL JÖN (80b41d7e), ÉS AMI A STÍLUSBAN IS LÁTSZIK:
   1. NEM WEBSHOP. Nincs kosár, nincs fizetés, nincs "Megveszem". Az eszközt
      KIVÁLASZTANI lehet egy igényléshez. Ezért a kártyán jelölőnégyzet van, nem
      gomb, és a gyűjtősáv neve `kivalasztas`, nem `kosar` -- a névadás is véd.
   2. KÉSZLETET NEM ÁLLÍTUNK. Geri kimondta: nem tudjuk, szabad-e az eszköz aznap.
      Ezért a lapon VÉGIG látszik, hogy a válasz visszaigazolás lesz
      (`.vxb-visszaigazolas`). Ezt ne rejtsd el és ne tedd lábjegyzetbe.
   3. KERESÉS-ELSŐ, nem menüfa. Az ellenpélda nevesítve volt: "86 almenüt kell
      végignézni". A kereső a lap tetején, nagy, fókuszban -- a kategóriák csak
      szűkítenek, nem navigálnak.
   ========================================================================== */

@font-face {
  font-family: "Source Sans 3";
  src: url("fonts/SourceSans3.ttf") format("truetype");
  font-weight: 200 900; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Source Serif 4";
  src: url("fonts/SourceSerif4.ttf") format("truetype");
  font-weight: 200 900; font-style: normal; font-display: swap;
}

/* ---------------------------------------------------------------- alap ---- */
*, *::before, *::after { box-sizing: border-box; }

body.vxb {
  margin: 0;
  background: var(--vx-paper);
  color: var(--vx-ink);
  font-family: var(--vx-sans);
  font-size: var(--vx-size-body);
  line-height: 1.62;
  -webkit-font-smoothing: antialiased;
}

.vxb-keret { max-width: 1180px; margin: 0 auto; padding: 0 var(--vx-s5); }

h1, h2, h3 { font-family: var(--vx-serif); font-weight: 700; margin: 0; }
h1 { font-size: var(--vx-size-h1); line-height: 1.16; letter-spacing: -.015em; }
h2 { font-size: 1.4rem; line-height: 1.2; letter-spacing: -.01em; }
h3 { font-size: 1.06rem; line-height: 1.3; }

.vxb-felutes {
  font-size: var(--vx-size-eyebrow); font-weight: 600;
  text-transform: uppercase; letter-spacing: .14em; color: var(--vx-ink-3);
}

/* ---------------------------------------------------------- fejléc -------- */
.vxb-fejlec {
  background: var(--vx-ink); color: var(--vx-paper);
  border-bottom: 3px solid var(--vx-record-bright);
}
.vxb-fejlec .vxb-keret {
  display: flex; align-items: center; justify-content: space-between;
  gap: var(--vx-s4); padding-top: var(--vx-s4); padding-bottom: var(--vx-s4);
}
.vxb-logo { font-weight: 700; letter-spacing: .18em; font-size: .95rem; }
.vxb-telefon {
  /* NEM `--vx-homok`: az LAP-szintu, ez a sav viszont INVERZ. Lasd a token kommentjet. */
  font-size: var(--vx-size-small); color: var(--vx-homok-fejlecen);
  text-decoration: none; white-space: nowrap;
}
.vxb-telefon b { display: block; color: var(--vx-paper); font-size: 1rem; letter-spacing: .01em; }
/* FOKUSZ-GYURU AZ INVERZ SAVON. A bongeszo alapertelmezett gyuruje itt 2,97:1-et ad
   (merve 2026-09-10, billentyuzetes bejaraskor), tehat a 3,0-s kuszob alatt van.
   A `--vx-paper` azert a helyes valasztas, mert a fejlec a SAJAT szabalyaban mar
   ujrahorgonyozta (`background: --vx-ink; color: --vx-paper`) -- vagyis szerkezetileg
   fejlec-relativ, ugyanaz az ok, amiert a `.vxb-telefon b` mindket modban mukodik.
   Skicc dontese: vilagos 16,29:1, sotet 15,45:1 -- a fejlec hatterehez merve. */
.vxb-telefon:focus-visible {
  outline: 2px solid var(--vx-paper);
  outline-offset: 3px;
  border-radius: 3px;      /* hogy a gyuru ne szogletesen vagja a linket */
}

/* ------------------------------------------------- kereső (keresés-első) -- */
.vxb-hero { padding: var(--vx-s7) 0 var(--vx-s5); }
.vxb-hero h1 { max-width: 22ch; margin-bottom: var(--vx-s3); }
.vxb-hero p { color: var(--vx-ink-2); max-width: var(--vx-measure); margin: 0 0 var(--vx-s5); }

.vxb-kereso { position: relative; max-width: 640px; }
.vxb-kereso input {
  width: 100%; font: inherit; font-size: 1.12rem;
  padding: var(--vx-s4) var(--vx-s5) var(--vx-s4) 3rem;
  background: var(--vx-paper-raised);
  border: 2px solid var(--vx-control-line); border-radius: 10px;
  color: var(--vx-ink);
}
.vxb-kereso input:focus {
  outline: none; border-color: var(--vx-pala-700);
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--vx-pala-700) 18%, transparent);
}
.vxb-kereso::before {
  content: "⌕"; position: absolute; left: 1rem; top: 50%; transform: translateY(-52%);
  font-size: 1.5rem; color: var(--vx-ink-3); pointer-events: none;
}
.vxb-kereso-sugo { font-size: var(--vx-size-small); color: var(--vx-ink-3); margin-top: var(--vx-s2); }

/* ------------------------------------------------------------ szűrők ------ */
.vxb-szurok { display: flex; flex-wrap: wrap; gap: var(--vx-s2); margin: var(--vx-s5) 0 var(--vx-s6); }
.vxb-szuro {
  display: inline-flex; align-items: center; gap: var(--vx-s2);
  padding: .4rem .85rem; border-radius: 999px;
  border: 1px solid var(--vx-control-line); background: var(--vx-paper-raised);
  font-size: var(--vx-size-small); color: var(--vx-ink-2); cursor: pointer;
}
.vxb-szuro[aria-pressed="true"] {
  background: var(--vx-pala-700); border-color: var(--vx-pala-700); color: var(--vx-paper-raised);
}
.vxb-szuro .db { color: var(--vx-ink-3); font-variant-numeric: tabular-nums; }
/* ---------------------------------------------- alkategoria-sor (2. szint) ------
   A FO sor a belepes (7 csoport + Mind), az alkategoria-sor CSAK akkor jelenik meg,
   ha egy fo csoport aktiv. Merve 2026-09-09, 390 px viewporton:
     a 21 chip egyben ....... 8 sor, 325 px  (a kepernyo ~40%-a, elso eszkoz elott)
     a 7 csoport ............ 3 sor, 117 px
     + a legbovebb alkategoria-sor (Kamera, 6 elem) ... +2 sor -> 5 sor a legrosszabb eset
   Vagyis a legrosszabb eset is jobb a mai alapallapotnal. */
.vxb-alszurok {
  display: flex;
  flex-wrap: wrap;
  gap: var(--vx-s2);
  margin: calc(-1 * var(--vx-s4)) 0 var(--vx-s6);
  padding-left: var(--vx-s3);
  border-left: 2px solid var(--vx-rule);   /* a behuzas mondja meg, hogy ALARENDELT */
}
.vxb-alszurok[hidden] { display: none; }
.vxb-alszuro {
  display: inline-flex;
  align-items: center;
  gap: var(--vx-s2);
  padding: .3rem .7rem;                     /* kisebb, mint a fo chip: .4/.85 */
  border-radius: 999px;
  border: 1px solid var(--vx-control-line);
  background: transparent;
  font-size: var(--vx-size-small);
  color: var(--vx-ink-3);
  cursor: pointer;
}
.vxb-alszuro[aria-pressed="true"] {
  background: var(--vx-record-tint);
  border-color: var(--vx-record);
  color: var(--vx-record-deep);
}
.vxb-alszuro .db { font-variant-numeric: tabular-nums; }

/* ------------------------------------------- tobbes kategoria-tagsag a kartyan ---
   11 eszkoz KET kategoriaban all. A teljes "A · B" cimke telefonon NEM fer ki:
   a kartya belso szelessege ket hasabnal ~131 px, a leghosszabb paros
   ("Kiegészítők · Kommunikáció") 11 px-es verzal, .12em ritkitassal 183 px.
   Merve 2026-09-09. A ket alternativa, amit elvetettem:
     kisbetus, ritkitas nelkul ... 130 px -> EGY pixel tartalek
     a masodik cimke 4 beture ..... 129 px -> KET pixel tartalek
   Egyik sem megoldas, hanem szerencse -- egy hosszabb kategorianev barmikor eltori.
   A "+1" 100 px, azaz 31 px tartalekkal fer el, es az arculatot sem tori meg. */
.vxb-kartya .kat .tobb {
  margin-left: .25em;
  padding: 0 .28em;
  border-radius: 4px;
  background: var(--vx-rule);
  color: var(--vx-ink-chip);          /* NEM ink-3: az a PAPIRHOZ van merve, itt kitoltes van */
  letter-spacing: 0;                        /* a ritkitas itt csak helyet vinne */
  cursor: help;                              /* desktopon a title elojon */
}

.vxb-szuro[aria-pressed="true"] .db { color: color-mix(in srgb, var(--vx-paper-raised) 72%, transparent); }

/* ------------------------------------------------- visszaigazolás-sáv ----- */
/* Ez NEM díszítés: a készlet-adat hiányát mondja ki, végig láthatóan. */
.vxb-visszaigazolas {
  display: flex; gap: var(--vx-s3); align-items: flex-start;
  background: var(--vx-record-tint); border-left: 4px solid var(--vx-record);
  padding: var(--vx-s4) var(--vx-s5); border-radius: 0 8px 8px 0;
  font-size: var(--vx-size-small); color: var(--vx-ink-2);
  margin-bottom: var(--vx-s6);
}
.vxb-visszaigazolas b { color: var(--vx-ink); }

/* ------------------------------------------------------- katalógus -------- */
.vxb-katalogus {
  display: grid; gap: var(--vx-s4);
  grid-template-columns: repeat(auto-fill, minmax(248px, 1fr));
  margin-bottom: var(--vx-s7);
}

.vxb-kartya {
  position: relative; display: flex; flex-direction: column;
  background: var(--vx-paper-raised);
  border: 1px solid var(--vx-rule); border-radius: 12px;
  overflow: hidden; transition: border-color .12s, box-shadow .12s;
}
.vxb-kartya:hover { border-color: var(--vx-rule-strong); box-shadow: 0 2px 10px color-mix(in srgb, var(--vx-ink) 8%, transparent); }
.vxb-kartya:has(input:checked) {
  border-color: var(--vx-pala-700);
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--vx-pala-700) 26%, transparent);
}

.vxb-kartya-kep {
  aspect-ratio: 4 / 3; background: var(--vx-paper-sunken);
  display: grid; place-items: center; color: var(--vx-ink-3);
  font-size: var(--vx-size-small); border-bottom: 1px solid var(--vx-rule);
}
.vxb-kartya-kep img { width: 100%; height: 100%; object-fit: cover; display: block; }

.vxb-kartya-torzs { padding: var(--vx-s4); display: flex; flex-direction: column; gap: var(--vx-s2); flex: 1; }
.vxb-kartya .kat { font-size: var(--vx-size-eyebrow); text-transform: uppercase;
  letter-spacing: .12em; font-weight: 600; color: var(--vx-pala-500); }
.vxb-kartya .ar { font-size: var(--vx-size-small); color: var(--vx-ink-3);
  font-variant-numeric: tabular-nums; margin-top: auto; }
.vxb-kartya .ar b { color: var(--vx-ink-2); font-weight: 600; }

/* A KIVÁLASZTÁS: jelölőnégyzet, nem gomb. A teljes sáv kattintható. */
.vxb-valaszt {
  display: flex; align-items: center; gap: var(--vx-s3);
  padding: var(--vx-s3) var(--vx-s4);
  border-top: 1px solid var(--vx-rule); background: var(--vx-paper);
  cursor: pointer; font-size: var(--vx-size-small); font-weight: 600; color: var(--vx-ink-2);
}
.vxb-valaszt input { width: 1.15rem; height: 1.15rem; accent-color: var(--vx-pala-700); margin: 0; }
.vxb-kartya:has(input:checked) .vxb-valaszt { background: color-mix(in srgb, var(--vx-pala-700) 8%, var(--vx-paper)); color: var(--vx-pala-700); }

/* --------------------------------------------- kiválasztás-sáv (NEM kosár) */
.vxb-kivalasztas {
  position: sticky; bottom: 0; z-index: 10;
  background: var(--vx-ink); color: var(--vx-paper);
  border-top: 3px solid var(--vx-record-bright);
}
.vxb-kivalasztas .vxb-keret {
  display: flex; align-items: center; justify-content: space-between;
  gap: var(--vx-s4); padding-top: var(--vx-s3); padding-bottom: var(--vx-s3);
}
.vxb-kivalasztas .db { font-size: var(--vx-size-small); color: color-mix(in srgb, var(--vx-paper) 78%, transparent); }
.vxb-kivalasztas .db b { color: var(--vx-paper); font-size: 1.05rem; }

.vxb-gomb {
  display: inline-block; font: inherit; font-weight: 700; cursor: pointer;
  padding: .7rem 1.4rem; border-radius: 8px; border: 0;
  /* A feher felirat 16 px / 700 -- NEM nagy szoveg (ahhoz 18,66 px kellene
     felkoveren), tehat a 4,5-os kuszob all ra. A --vx-live (#FF1F2D) csak
     3,83:1-et ad. A hover-szin viszont 5,74 -- eddig a hover volt a jobb, mint
     az alapallapot. Megforditva. */
  /* A FELIRAT NEM KOVETHETI A SEMAT. A `--vx-paper-raised` sotet modban #1B1B1F, a gomb
     hattere viszont MINDKET modban piros -- a felirat igy sotetben majdnem feketeve valt a
     piroson. Merve 2026-09-10: elotte 4,49:1 (mar akkor is bukas), a hatter sotetitese utan
     2,99. A hiba regebbi nalam, de EN MELYITETTEM EL, amikor a hattert javitottam
     vilagosban. A gomb felirata szandeka szerint FEHER a piroson, mindket modban. */
  background: var(--vx-record-bright); color: #FFFFFF; text-decoration: none;
}
/* NEM `--vx-record`: az FORDUL, es sotetben #E2585B-re valt -> a feher felirat 3,63:1.
   A `--vx-gomb-hover` szandekosan nem fordul. Lasd a token kommentjet. */
.vxb-gomb:hover { background: var(--vx-gomb-hover); }
.vxb-gomb--halk {
  background: transparent; color: var(--vx-ink-2);
  border: 1px solid var(--vx-control-line);
}

/* ------------------------------------------------------------ űrlap ------- */
.vxb-urlap { max-width: 760px; padding-bottom: var(--vx-s8); }
.vxb-mezo { margin-bottom: var(--vx-s5); }
.vxb-mezo > label { display: block; font-weight: 600; margin-bottom: var(--vx-s2); }
.vxb-mezo .sugo { font-size: var(--vx-size-small); color: var(--vx-ink-3); margin-top: var(--vx-s2); }
.vxb-mezo input[type="text"], .vxb-mezo input[type="email"],
.vxb-mezo input[type="tel"], .vxb-mezo input[type="date"], .vxb-mezo textarea {
  width: 100%; font: inherit; padding: .7rem .85rem;
  background: var(--vx-paper-raised); color: var(--vx-ink);
  border: 1px solid var(--vx-control-line); border-radius: 8px;
}
.vxb-mezo input:focus, .vxb-mezo textarea:focus {
  outline: none; border-color: var(--vx-pala-700);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--vx-pala-700) 16%, transparent);
}
.vxb-sor { display: grid; grid-template-columns: 1fr 1fr; gap: var(--vx-s4); }

/* A kiválasztott eszközök -- ide NEM kell begépelni semmit. */
.vxb-tetelek { border: 1px solid var(--vx-rule); border-radius: 10px; background: var(--vx-paper-raised); }
.vxb-tetel {
  display: grid; grid-template-columns: 1fr auto auto; align-items: center;
  gap: var(--vx-s4); padding: var(--vx-s3) var(--vx-s4);
  border-bottom: 1px solid var(--vx-rule);
}
.vxb-tetel:last-child { border-bottom: 0; }
.vxb-tetel .nev { font-weight: 600; }
.vxb-tetel .nev span { display: block; font-weight: 400; font-size: var(--vx-size-small); color: var(--vx-ink-3); }
.vxb-tetel input[type="number"] { width: 4.5rem; font: inherit; padding: .35rem .5rem;
  border: 1px solid var(--vx-control-line); border-radius: 6px; background: var(--vx-paper); }
.vxb-tetel .torol { background: none; border: 0; color: var(--vx-ink-3); cursor: pointer; font-size: 1.1rem; }
.vxb-tetel .torol:hover { color: var(--vx-record); }

.vxb-lablec {
  border-top: 1px solid var(--vx-rule); padding: var(--vx-s6) 0;
  font-size: var(--vx-size-small); color: var(--vx-ink-3);
}

/* ------------------------------------------------------- breakpointok ----- */
/* Geri kikötése szó szerint: "gépről és telefonról is működő". A töréspontok a
   flotta alapértelmezései: 360 / 768 / 1024 / 1440. */
@media (max-width: 768px) {
  .vxb-keret { padding: 0 var(--vx-s4); }
  .vxb-hero { padding: var(--vx-s6) 0 var(--vx-s4); }
  .vxb-kereso input { font-size: 1rem; }
  .vxb-katalogus { grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: var(--vx-s3); }
  .vxb-sor { grid-template-columns: 1fr; }
  .vxb-fejlec .vxb-keret { flex-direction: column; align-items: flex-start; gap: var(--vx-s2); }
  .vxb-kivalasztas .vxb-keret { flex-direction: row; }
  .vxb-gomb { padding: .65rem 1rem; }
}
@media (max-width: 400px) {
  /* MA ez a sor NEM ő állítja be a két hasábot: az alapszabály
     (repeat(auto-fill, minmax(160px,1fr))) ezen a szélességen amúgy is két hasábot ad.
     Biztosításként áll itt: ha a kártya min-szélessége valaha 160px alá megy, ez tartja
     a két hasábot. Mérve 2026-09-03, headless Chromium. */
  .vxb-katalogus { grid-template-columns: 1fr 1fr; }
  .vxb-kartya-torzs { padding: var(--vx-s3); }
  /* A torlo gomb MARADJON a tetel soraban. Elso valtozatban `1fr auto` volt,
     amitol a harmadik oszlop uj sorba csuszott es a x kozepen lebegett. */
  .vxb-tetel { grid-template-columns: 1fr auto auto; gap: var(--vx-s2); padding: var(--vx-s3); }
  .vxb-tetel input[type="number"] { width: 3.4rem; }
}

/* 2026-09-25 -- Skicc dontese (Visio 3870 atadasaval), SZO SZERINT: a kartyakep 3:4. Az overflow:hidden
   kapcsolja ki a min-height:auto-t, ez szunteti meg a sor-elcsuszast; a helykitolto ugyanaz az elem,
   tehat az is 3:4 lesz. A nem 3:4-es foto (11 db) `contain`-t kap -- az osztalyt a generator a
   PIXELMERETBOL teszi ra, nem kezi listabol. */
.vxb-kartya-kep { aspect-ratio: 3 / 4; overflow: hidden; }
.vxb-kartya-kep img.nem-3-4 { object-fit: contain; }

/* 2026-09-25 -- Ada: a lablec linkjei (fooldal, ASZF, adatkezelesi tajekoztato). A szin a lablec
   szurke szovegszine, az alahuzas marad, hogy linknek latsszon. Skicc felulirhatja. */
.vxb-lablec a { color: inherit; }

/* 2026-09-25 -- Ada: a spamcsapda-mezo (`website`, class="hidden-field") LATSZOTT, mert erre az osztalyra itt
   nem volt szabaly -- aki beleirt, annak az igenylese level nelkul visszairanyitodott. A szabaly szo szerint a
   vxp.hu fooldali styles.css-ebol valo, ahol ugyanez a mezo ugyanigy rejtett. */
.hidden-field { display: none !important; }

/* 2026-09-25 -- Ada: KATEGORIA-CSEMPEK + TAJEKOZTATO KALKULATOR (Visio 3951, Geri 11:41). Funkcionalis alap a
   meglevo tokenekkel; Skicc szabadon atirhatja. Ket FIX pont: a kepdoboz 4:3 (a kepek erre keszulnek), es a nem
   valasztott csempe szurke + halvany, de LATHATO marad. A [hidden] mukodjon: itt sehol nincs display a
   .vxb-becsles-en es a .vxb-csempe-vissza-n. */
.vxb-csempek-blokk { margin: var(--vx-s5) 0 var(--vx-s2); }
/* 2026-09-25 (Geri, Slack 12:05, Visio 3969): a hianyos UTOLSO SOR KOZEPEN. Ezert flex-wrap + center, es a csempe
   szelessege az oszlopszambol szamolt FIX alap (nem nyulik): 4 / 3 / 2 oszlop, a teli sorral azonos szelesseg. */
.vxb-csempek { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--vx-s4); }
.vxb-csempe { flex: 0 0 calc((100% - 3 * var(--vx-s4)) / 4); min-width: 0; }
.vxb-csempe {
  display: flex; flex-direction: column; gap: var(--vx-s2); padding: 0; overflow: hidden;
  border: 1px solid var(--vx-rule); border-radius: 10px; background: var(--vx-paper-raised);
  font: inherit; color: var(--vx-ink); text-align: left; cursor: pointer;
  transition: filter .2s ease, opacity .2s ease, box-shadow .2s ease;
}
.vxb-csempe-kep { display: block; aspect-ratio: 4 / 3; overflow: hidden; background: var(--vx-paper-sunken); }
.vxb-csempe-kep img { display: block; width: 100%; height: 100%; object-fit: cover; }
.vxb-csempe-kep.ures { background: var(--vx-pala-500); }
.vxb-csempe-nev { padding: 0 var(--vx-s3) var(--vx-s3); font-weight: 600; line-height: 1.25; }
.vxb-csempe-nev .db { font-weight: 400; color: var(--vx-ink-3); font-variant-numeric: tabular-nums; }
.vxb-csempe[aria-pressed="true"] { border-color: var(--vx-pala-700); box-shadow: 0 0 0 2px var(--vx-pala-700); }
.vxb-csempek.van-aktiv .vxb-csempe[aria-pressed="false"] { filter: grayscale(1); opacity: .45; }
.vxb-csempe:focus-visible { outline: 2px solid var(--vx-pala-700); outline-offset: 2px; }
.vxb-csempe-vissza {
  margin-top: var(--vx-s3); padding: .3rem 0; border: 0; background: none; cursor: pointer;
  font: inherit; font-size: var(--vx-size-small); color: var(--vx-ink-2); text-decoration: underline;
}
@media (max-width: 1024px) { .vxb-csempe { flex-basis: calc((100% - 2 * var(--vx-s4)) / 3); } }
@media (max-width: 600px) {
  .vxb-csempek { gap: var(--vx-s3); }
  .vxb-csempe { flex-basis: calc((100% - var(--vx-s3)) / 2); }
}

.vxb-becsles {
  margin: var(--vx-s4) 0; padding: var(--vx-s4); border: 1px solid var(--vx-rule-strong);
  border-radius: 8px; background: var(--vx-paper-raised);
}
.vxb-becsles-fej { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: var(--vx-s3); font-weight: 600; }
.vxb-becsles-fej b { font-size: 1.3rem; white-space: nowrap; font-variant-numeric: tabular-nums; }
.vxb-becsles-jelzes { margin-top: var(--vx-s2); font-size: var(--vx-size-small); color: var(--vx-record-deep); }
.vxb-becsles-sorok { margin: var(--vx-s3) 0 0; padding-left: 1.1rem; font-size: var(--vx-size-small); color: var(--vx-ink-2); }
.vxb-becsles .sugo { margin-top: var(--vx-s3); font-size: var(--vx-size-small); color: var(--vx-ink-3); }
/* 2026-09-25 -- Ada (Geri 12:06, Visio 3971): keszlet-sor a kartyan, az ar ALATT, az ar stilusaval egy fokkal halkabban. */
.vxb-kartya .keszlet { font-size: var(--vx-size-small); color: var(--vx-ink-3); }