/* ═══════════════════════════════════════════════════════════════════════════
   NEMZETKÖZI ÉRTÉKESÍTÉS ÉS EXPORT – amit CSAK ez a lap kér
   ---------------------------------------------------------------------------
   A terv.css-t ez a fájl NEM írja át: nincs benne egyetlen olyan szabály sem,
   ami a közös osztályok alapállapotát módosítaná. Ami itt van, az vagy
   darabszám (öt, illetve három hasáb egy olyan sávban, amit a terv.css négyre
   méretez), vagy egy szándékos képvágás, vagy egy hiányzó térköz.
   A két védett szabályhoz (img{height:auto}, .pg{object-fit:contain}) nem nyúl.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── A SÁVOK HASÁBSZÁMA ────────────────────────────────────────────────────
   A terv.css a .lepcso-row-t NÉGY hasábra méretezi (a főoldalon négy lépcső
   van). Itt a folyamat ÖT lépés, a beszerzési előnyök pedig HÁRMAN vannak –
   négyes rácsban mindkettő csonka sort hagyna. 1240 px alatt marad a terv.css
   kettes, 720 px alatt az egyhasábos elrendezése: azokhoz nem nyúlunk.        */
@media (min-width: 1241px) {
  #folyamat .lepcso-row { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 0 24px }
  #keres    .lepcso-row { grid-template-columns: repeat(3, minmax(0, 1fr)) }
}

/* A v1 nyitószövegében a kiemelés fehér volt (.exp-hero-text strong). A sötét
   szakaszok vezérmondata a terv.css-ben #a8aeb6 – a <strong> ott elveszne. */
.sec-ink .sec-head .lead strong,
.sec-dark .sec-head .lead strong { color: #fff }

/* ── A TELEPHELYI FOTÓ A „MEGKERESSÜK ÖNNEK" SZAKASZBAN ────────────────────
   A fájl 1800×973: teljes tartalmi szélességen 694 px magas sávot adna, ami
   egy képernyő kétharmada. A vágás SZÁNDÉKOS, ezért object-fit: cover – így a
   terv.css img{height:auto} szabálya sértetlen marad, és a kép nem nyúlik meg
   (a kepek.mjs a cover/contain vágást nem is számolja torzulásnak).
   LEÍRT GYEREK NINCS: a kép a <picture>-ön BELÜL van (a terv.css a
   picture{display:contents}-szel veszi ki az elrendezésből), tehát a .td-img
   közvetlen gyereke a <picture>, nem az <img>. A `>` kombinátor itt némán
   nem illeszkedne – mérve: a kép 693 px magas maradt a 470 helyett, és a
   lusta betöltéskor 0,36 px-et ugrott a laphossz.                            */
#keres .td-img img {
  height: clamp(260px, 34vw, 470px);
  object-fit: cover;
  object-position: 50% 55%;
}

/* ── A SZOLGÁLTATÁSSOROK FOTÓI ─────────────────────────────────────────────
   A terv.css 56%-os függőleges vágáspontja ezen a három felvételen levágná a
   szakértő arcát, illetve a táblagépet. 40%-nál mindhárom képen a lényeg a
   sávban marad (gal-sc-2: a szakértő és a motortér, gal-fleet-1: a fülkék és
   a hűtőrácsok, sc-tablet: a táblagép a képernyővel).                         */
#szolgaltatas .szolg-kep img { object-position: 50% 40% }

/* ── TÉRKÖZÖK ──────────────────────────────────────────────────────────────
   A .sc-cta-btns a terv.css-ben egy dobozon BELÜL él (.sc-cta), ezért nincs
   saját felső térköze. Itt önállóan áll, a sáv alatt.                        */
#keres .sc-cta-btns,
#indulas .sc-cta-btns { margin-top: clamp(26px, 3vw, 36px) }

/* A .claims a nyitányban a szöveg alatt ül; itt a szakaszfej alatt áll. */
#indulas .claims { margin-top: clamp(22px, 2.6vw, 30px) }

/* A .td keretnek a nyitányban a rács ad térközt; önálló szakaszban nincs. */
#keres .td { margin-top: clamp(28px, 3.4vw, 40px) }

/* A kapcsolattartó-sáv a gombok alatt, azonos ritmusban a szakasz többi
   blokkjával (a terv.css 40 px-es alapértékét csak szűk képernyőn húzzuk le). */
@media (max-width: 720px) {
  #indulas .people-more { margin-top: 28px }
  /* A terv.css a .btn-eket teljes szélességűre húzza ebben a sávban; a
     WhatsApp-gomb (.wa) nem .btn, ezért magától keskeny maradna. */
  #indulas .sc-cta-btns .wa { width: 100%; justify-content: center }
}