/* ═══════════════════════════════════════════════════════════════════════════
   LKW STORE v3 – LÍZING ÉS TARTÓS BÉRLET (oldal-specifikus stílus)
   ---------------------------------------------------------------------------
   Csak az, ami KIZÁRÓLAG ezen a lapon kell. A terv.css-t nem írja felül:
   sem az img{height:auto}-t, sem a .pg{object-fit:contain}-t nem érinti.
   Hat dolog van benne:
     1. a két konstrukció sorában a kérdés kiemelése,
     2. a pénzügyi lízing fotójának kivágása (a vezetőfülke ne csússzon ki),
     3. az összehasonlító táblázat – ilyen a közös tervben nincs,
     4. a folyamat lépései bizonyíték-hasáb nélkül, CÍM + MAGYARÁZAT két
        hasábon (különben a sor fele üresen marad – lásd a mérést ott),
     5. a GYIK sorai kérdés + válasz két hasábon, ugyanezért,
     6. a nyitány négy állítása kéthasábos rácson, elválasztó nélkül.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── 1. „Tulajdonolni szeretné a járművet?" – a sor nyitókérdése ──────────── */
#megoldasok .szolg-fo p strong{color:var(--ink);font-weight:800}

/* ── 2. A nyerges vontató fotója 1500×1284 – majdnem négyzetes, a széles,
      alacsony sávból ezért csak egy harmada látszik. Az alapértelmezett
      kivágással (50% 56%) a fülke oldala és az ajtó maradt a képen: fehér
      lemezfelület, amin nem látszik, hogy jármű. 66%-kal a hűtőrács, a MAN
      embléma és a fényszórók esnek a sávba – ugyanaz a nézet, mint a másik
      sor flottafotóján. ──────────────────────────────────────────────────── */
.lz-kep-fent img{object-position:50% 66%}

/* ── 3. ÖSSZEHASONLÍTÓ TÁBLÁZAT ──────────────────────────────────────────────
   Sötét szakaszban áll (.sec-dark), ezért a keretek az --ink-3-ból jönnek, a
   fejléc pedig az --ink-2-ből, piros alsó vonallal – ugyanaz a nyelv, mint a
   lap többi adatsávjáé. Nulla lekerekítés, nulla árnyék.                      */
.lz-tabla{border:1px solid var(--ink-3)}
.lz-tabla table{width:100%;border-collapse:collapse}
.lz-tabla th,
.lz-tabla td{text-align:left;vertical-align:top;padding:16px 18px}
.lz-tabla thead th{
  background:var(--ink-2);color:#fff;
  font-size:11.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;
  line-height:1.4;border-bottom:2px solid var(--red);
}
.lz-tabla thead th:first-child{width:21%}
.lz-tabla tbody th{
  color:#fff;font-weight:800;font-size:15.5px;line-height:1.3;
  background:rgba(255,255,255,.035);
}
.lz-tabla tbody td{color:#a8aeb6;font-size:15px;line-height:1.55}
.lz-tabla tbody tr+tr th,
.lz-tabla tbody tr+tr td{border-top:1px solid var(--ink-3)}
.lz-tabla th+th,
.lz-tabla td+td,
.lz-tabla th+td{border-left:1px solid var(--ink-3)}
.lz-tabla tbody tr:hover td{color:#e7e9eb}

@media (max-width:860px){
  /* soronként egymás alá: minden cella a saját oszlopcímkéjével.
     Így nincs vízszintes görgetés, és egyetlen adat sem vész el. */
  .lz-tabla{border:0}
  .lz-tabla thead{position:absolute;width:1px;height:1px;overflow:hidden;white-space:nowrap;clip:rect(0 0 0 0)}
  .lz-tabla table,
  .lz-tabla tbody,
  .lz-tabla tr,
  .lz-tabla th,
  .lz-tabla td{display:block;width:auto}
  .lz-tabla tbody tr{border:1px solid var(--ink-3);margin-bottom:14px}
  .lz-tabla tbody tr:last-child{margin-bottom:0}
  .lz-tabla tbody th{
    background:var(--ink-2);font-size:12px;letter-spacing:.12em;text-transform:uppercase;
    padding:12px 16px;
  }
  .lz-tabla tbody td{padding:14px 16px}
  .lz-tabla tbody tr+tr th,
  .lz-tabla tbody tr+tr td,
  .lz-tabla th+th,
  .lz-tabla td+td,
  .lz-tabla th+td{border-left:0;border-top:0}
  .lz-tabla tbody td+td{border-top:1px solid var(--ink-3)}
  .lz-tabla tbody td::before{
    content:attr(data-th);display:block;
    font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;
    color:var(--gray-2);margin-bottom:6px;
  }
}

/* ── 4. A FOLYAMAT – bizonyíték-hasáb nélkül ─────────────────────────────────
   A főoldalon minden lépés mellett áll egy bizonyíték (szám, pecsét, fotó).
   Itt ilyen adat NINCS a v1 lapon, és kitalálni nem lehet – üres harmadik
   hasáb helyett a szöveg kapja meg a helyet.

   LEMÉRVE: ettől a sor NEM telt meg. A .step-say 1146 px széles lett, a
   bekezdés viszont a terv.css max-width:58ch korlátja miatt 577 px-nél megállt
   – 569 px, vagyis a sáv FELE üresen maradt, miközben a vízszintes vonalak
   végigfutottak 1340 px-en. Négy soron át. Ezért itt a lépés szövege maga lesz
   kéthasábos: balra a cím, jobbra a magyarázat. Ugyanaz a tartalom, ugyanaz a
   sorrend, de a sor a teljes szélességében tartalom – nem fél sornyi üresség.
   A piros vezetővonal, a sorszám és a lépésenkénti belépés változatlan.       */
#folyamat .step{grid-template-columns:104px minmax(0,1fr)}
#folyamat .step-say{
  display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);
  column-gap:clamp(30px,3.2vw,52px);align-items:baseline;
}
#folyamat .step-say p{margin-top:0;max-width:none}
@media (max-width:1080px){ #folyamat .step{grid-template-columns:76px minmax(0,1fr)} }
@media (max-width:1000px){
  /* szűkülő kereten a kéthasábos lépés mérete alá megy: vissza egymás alá,
     a terv.css eredeti ritmusával. */
  #folyamat .step-say{display:block}
  #folyamat .step-say p{margin-top:13px;max-width:58ch}
}
@media (max-width:720px){  #folyamat .step{grid-template-columns:1fr} }

/* ── 5. GYIK – kérdés balra, válasz jobbra ──────────────────────────────────
   Ugyanaz a mérés, ugyanaz a baj: a .szolg-fo 1184 px, a válasz 636 px-nél
   megállt (.szolg-fo p max-width:62ch), tehát 548 px üres sáv maradt a
   vonalak alatt. Kérdés és válasz egymás mellett: ez a klasszikus GYIK-tördelés,
   és a sor így végig tartalom. Az akció-hasáb továbbra sincs – itt nincs gomb. */
#gyik .szolg-row{grid-template-columns:72px minmax(0,1fr)}
#gyik .szolg-fo{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);
  column-gap:clamp(30px,3.2vw,52px);align-items:baseline;
}
#gyik .szolg-fo h3{margin-bottom:0}
#gyik .szolg-fo p{max-width:none}
@media (max-width:1000px){
  #gyik .szolg-row{grid-template-columns:52px minmax(0,1fr)}
  #gyik .szolg-fo{display:block}
  #gyik .szolg-fo h3{margin-bottom:8px}
  #gyik .szolg-fo p{max-width:62ch}
}
@media (max-width:620px){  #gyik .szolg-row{grid-template-columns:1fr} }

/* ── 6. A NYITÁNY NÉGY ÁLLÍTÁSA ─────────────────────────────────────────────
   A terv.css saját jegyzete szerint ez „a négy állítás – egy sorban,
   elválasztó nélkül". A főoldalon kettő áll benne, ott ez igaz is. Itt NÉGY
   van (a v1 $heroPoints), és 612 px-es hasábban két sorba törik: 266+281,
   majd 244+287 px. A li+li::before „·" a saját elemével együtt vándorol, ezért
   a MÁSODIK SOR egy árva ponttal kezdődött. Kéthasábos rács, elválasztó
   nélkül – pontosan az, amit a terv.css jegyzete leír, csak négy tételre.
   Az auto-fit miatt szűk kereten magától egy hasáb lesz belőle.              */
.hero .claims{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(252px,1fr));
  gap:9px 24px;
}
.hero .claims li+li::before{content:none}
/* A tétel NE legyen flex-doboz: a terv.css-ben a <b> és a mögötte álló szöveg
   két külön flex-tétel, és 1280 px-en külön-külön törtek – „Szakértői /
   támogatás" az egyik hasábban, „a teljes / folyamatban" a másikban, négy
   sorban. Blokként egyetlen szövegfolyam, és ott törik, ahol a szó ér véget.
   A szóköz a markupban megvan (…</b> és rugalmas…), tehát a gap nem hiányzik. */
.hero .claims li{display:block}