/* ═══════════════════════════════════════════════════════════════════════════
   LKW STORE v3 – SAFECONTROL® ALOLDAL
   ---------------------------------------------------------------------------
   Csak az, ami KIZÁRÓLAG ezen a lapon kell. A terv.css-t nem írjuk át:
   sem az img{height:auto}, sem a .pg{object-fit:contain} nincs itt felülírva,
   és egyetlen közös osztály viselkedése sem változik más lapon – minden
   szabály a body.o-safecontrol alá van kötve.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── A JELÖLT SZEMLEFOTÓ SZÉLESSÉGE ────────────────────────────────────────
   A sc-truck.jpg 1500×1284, tehát majdnem négyzetes – a főoldal szemlefotója
   ezzel szemben 1500×880, fekvő. Teljes, 1284 px-es tartalomsávban ez a kép
   1099 px magas lett: egyedül másfél képernyőt foglalt, és a szakasz többi
   része (nyolc terület, négy fotó, két gomb) a hajtás alá csúszott.
   A v1 ugyanezt a fotót 820 px-re fogta (style.css .sc360). Itt 940 px a
   korlát: a jelölők feliratai még beférnek (a leghosszabb, a 08-as, 53%-tól
   indul és ~290 px-et kér), a kép magassága viszont 1099 → 805 px.
   A SZÁZALÉKOS JELÖLŐHELYEK ÉRINTETLENEK – nem vágunk a képből (nincs
   object-fit:cover), csak kisebb, tehát a v1-ből átvett koordináták
   pontosan ugyanoda esnek.                                                 */
body.o-safecontrol .td-scan{
  max-width:940px;
  margin-left:auto;
  margin-right:auto;
}

/* ── A VIDEÓCSEMPE SÖTÉT SÁVBAN ────────────────────────────────────────────
   A .vid-big a terv.css-ben keret és háttér nélküli gomb (.sec-dark-ban a
   lapszín adja a hátteret). Itt .sec-ink-en ül, ahol a lapszín egy árnyalattal
   világosabb, ezért a csempének saját, a szekciónál sötétebb felülete kell –
   különben a szöveges fele súlytalanul lebeg a kép mellett. Ugyanaz a nyelv,
   mint a .sc-cta doboza: --ink felület, --ink-3 szegély.

   Ezen a lapon EGY csempe van (a v1 egyetlen beágyazott videója), nem hat
   Shorts mellett – a három hasábnyi sávban a szöveges fele mellett 340 px
   maradt üresen. A sáv ezért 1040 px-nél megáll, a kép pedig 46%-ot kap:
   így a kép és a szöveg egyensúlyban van, és a csempe nem ül szét.         */
body.o-safecontrol .vids{max-width:1040px}
body.o-safecontrol .vids .vid-big{
  background:var(--ink);
  border:1px solid var(--ink-3);
}
body.o-safecontrol .vids .vid-big:hover{border-color:#3a434d}
body.o-safecontrol .vid-big .vid-sub{color:#a8aeb6}
@media (min-width:721px){
  body.o-safecontrol .vid-big img{width:46%}
}

/* ── AZ EREDMÉNY-SOROK HARMADIK HASÁBJA ────────────────────────────────────
   A hat tétel közül háromnál nincs továbbvivő hivatkozás. A .szolg-row
   harmadik oszlopa (260 px) ilyenkor üresen állna a sor jobb szélén, és a
   szöveg indokolatlanul korán törne. Ezen a lapon a sorok rövidek, ezért a
   harmadik hasáb csak akkora, amekkorát a leghosszabb link kér.            */
@media (min-width:1001px){
  body.o-safecontrol .szolg-row{grid-template-columns:72px minmax(0,1fr) max-content}
}

/* ── A KÉT GYORSAJÁNLAT – MINDEGYIK A SAJÁT ÍGÉRETÉVEL ────────────────────
   A v1 nyitányában két külön kártya állt (quick-grid, 1fr 1fr): az egyik a
   szemleanyagra vitt „Valódi SafeControl® szemle, ahogy vevőink kapják."
   mondattal, a másik a folyamat videójára a „Videón mutatjuk, hogyan zajlik
   az átvizsgálás." mondattal. Egy .sc-cta dobozba összevonva a videó mondata
   a DOKUMENTUMRA mutató gomb alá csúszott. A két ajánlat ezért újra külön
   hasábban áll – ugyanazon a felületen (--ink-2 + --ink-3 szegély), tehát a
   lap nyelve nem változik, csak az állítás kerül a helyére.
   A .sc-cta a terv.css-ben flex/space-between; itt két egyenlő hasáb.      */
body.o-safecontrol .sc-cta-ket{
  display:grid;
  grid-template-columns:1fr 1fr;
  align-items:start;
  gap:clamp(20px,2.4vw,30px);
}
body.o-safecontrol .sc-aj{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:12px;
  min-width:0;
}
body.o-safecontrol .sc-aj .btn{width:100%;justify-content:center}
body.o-safecontrol .sc-aj p{margin:0;color:#a8aeb6;font-size:15.5px;max-width:none}

@media (max-width:720px){
  body.o-safecontrol .sc-cta-ket{grid-template-columns:1fr;gap:22px}
}