/* Recalls by Model — v3 csiszolás (2026-11-12) */
@font-face { font-family:"Plex"; src:url(/betu/ibm-plex-sans-v23-latin_latin-ext-500.woff2) format("woff2"); font-weight:500; font-display:swap; }
@font-face { font-family:"Plex"; src:url(/betu/ibm-plex-sans-v23-latin_latin-ext-600.woff2) format("woff2"); font-weight:600; font-display:swap; }
@font-face { font-family:"Plex"; src:url(/betu/ibm-plex-sans-v23-latin_latin-ext-700.woff2) format("woff2"); font-weight:700; font-display:swap; }
h1, h2, h3, .logo { font-weight:600; letter-spacing:-.4px; } b, strong, th { font-weight:600; }
.csempe b, .e-szamok b, .evc b, .hos h1 { font-weight:700; }
.kartya { box-shadow:0 1px 2px rgba(15,23,42,.04); }
/* értékelő fejléc */
.ertekelo { display:grid; grid-template-columns:minmax(0, 1.05fr) minmax(0, 1fr); gap:0; background:var(--lap); border:1px solid var(--vonal); border-radius:18px; overflow:hidden; margin:16px 0; }
.ertekelo.kepnelkul { grid-template-columns:1fr; }
.e-kep .foto { height:100%; display:flex; flex-direction:column; } .e-kep .foto img { border-radius:0; flex:1; height:100%; min-height:260px; }
.e-kep .foto figcaption { padding:6px 12px 10px; margin:0; }
.e-panel { padding:20px 22px; }
.e-cim { display:flex; gap:8px; align-items:center; font-size:1.05rem; margin-bottom:12px; }
.mero { display:grid; grid-template-columns:repeat(5, 1fr); gap:4px; height:30px; }
.mero span { border-radius:7px; display:grid; place-items:center; font-size:.78rem; font-weight:700; color:#fff; opacity:.28; }
.mero .m0 { background:#15803d; } .mero .m1 { background:#65a30d; } .mero .m2 { background:#ca8a04; } .mero .m3 { background:#ea580c; } .mero .m4 { background:#b91c1c; }
.mero span.itt { opacity:1; box-shadow:0 0 0 2px var(--lap), 0 0 0 4px currentColor; color:#fff; }
.mero .m0.itt { color:#15803d; } .mero .m1.itt { color:#65a30d; } .mero .m2.itt { color:#ca8a04; } .mero .m3.itt { color:#ea580c; } .mero .m4.itt { color:#b91c1c; }
.mero span.itt { color:#fff; outline:2px solid var(--ink); outline-offset:2px; box-shadow:none; }
.mero-sz { margin:10px 0 14px; font-size:.95rem; }
.e-szamok { display:grid; grid-template-columns:repeat(3, 1fr); gap:10px; }
.e-szamok div { display:grid; grid-template-columns:auto 1fr; column-gap:8px; align-items:center; background:var(--bg); border-radius:12px; padding:9px 11px; }
.e-szamok .ik { grid-row:span 2; width:20px; height:20px; } .e-szamok b { font-size:1.15rem; line-height:1.1; } .e-szamok span { color:var(--halvany); font-size:.76rem; }
@media (max-width:760px) { .ertekelo { grid-template-columns:1fr; } .e-kep .foto img { min-height:0; aspect-ratio:3/2; } .e-szamok { grid-template-columns:repeat(2, 1fr); } }
/* idővonal */
.idovonal .vh { position:relative; margin-left:22px; }
.idovonal .vh::before { content:""; position:absolute; left:-17px; top:24px; width:10px; height:10px; border-radius:50%; background:var(--fo); box-shadow:0 0 0 3px var(--lap); z-index:1; }
.idovonal .vh::after { content:""; position:absolute; left:-13px; top:30px; bottom:-14px; width:2px; background:var(--vonal); }
.idovonal .vh:last-of-type::after { display:none; }
.vh-sz.hosszu:not(.nyitva) p { display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; overflow:hidden; }
.tovabb-gomb { font:inherit; font-size:.88rem; font-weight:600; color:var(--fo); background:none; border:0; padding:2px 0; cursor:pointer; }
details.eredeti { border:0; padding:4px 0 0; } details.eredeti summary { font-size:.82rem; color:var(--halvany); font-weight:500; } details.eredeti p { font-size:.85rem; color:var(--soft); }
/* gyártói fejléc */
.gyfej { position:relative; border-radius:20px; overflow:hidden; margin:10px 0 16px; min-height:220px; display:flex; align-items:flex-end; color:#fff;
  background:linear-gradient(180deg, rgba(11,18,34,.05) 0%, rgba(11,18,34,.82) 78%), var(--kep) center/cover no-repeat, #1e3a8a; }
.gyfej.kepnelkul { min-height:0; background:linear-gradient(135deg, #1e3a8a, #2563eb); }
.gyfej-b { display:flex; gap:14px; align-items:center; padding:22px; } .gyfej h1 { margin:0; color:#fff; } .gyfej p { margin:4px 0 0; color:#dbe6ff; }
.gyfej-f { position:absolute; top:10px; right:12px; font-size:.68rem; color:rgba(255,255,255,.8); background:rgba(0,0,0,.35); padding:2px 8px; border-radius:6px; max-width:60%; text-align:right; }
/* szűrő és rendezés */
.szuro { display:flex; flex-wrap:wrap; gap:10px 14px; align-items:center; margin:0 0 14px; }
.kicsi-tk { flex:1; min-width:200px; max-width:320px; } .kicsi-tk input { padding:8px 12px 8px 36px; }
.szuro-g { display:inline-flex; background:var(--bg); border:1px solid var(--vonal); border-radius:11px; padding:3px; }
.szuro-g button { font:inherit; font-size:.86rem; border:0; background:none; padding:6px 11px; border-radius:8px; color:var(--soft); cursor:pointer; }
.szuro-g button.akt { background:var(--lap); color:var(--ink); font-weight:600; box-shadow:0 1px 3px rgba(15,23,42,.12); }
.szuro-c { font-size:.86rem; color:var(--soft); display:flex; gap:6px; align-items:center; cursor:pointer; }
.pirosp { font-style:normal; color:var(--piros); font-weight:600; }
/* fotó nélküli kártya: sziluett */
.mkartya .nk.sz { aspect-ratio:3/2; display:flex; flex-direction:column; gap:6px; align-items:center; justify-content:center; background:linear-gradient(160deg, var(--fo-hal), var(--bg)); color:var(--sav-hal); }
.mkartya .nk.sz .szil { width:62%; height:auto; aspect-ratio:120/48; }
.mkartya .nk.sz span { color:var(--halvany); font-size:.78rem; font-weight:600; letter-spacing:.5px; text-transform:uppercase; }
/* mobil alsó sáv */
.alsosav { display:none; }
@media (max-width:640px) {
  .alsosav { display:grid; grid-template-columns:repeat(4, 1fr); position:fixed; left:0; right:0; bottom:0; z-index:40; background:color-mix(in srgb, var(--lap) 94%, transparent); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); border-top:1px solid var(--vonal); padding:6px 4px calc(6px + env(safe-area-inset-bottom)); }
  .alsosav a, .alsosav button { display:flex; flex-direction:column; align-items:center; gap:2px; font:inherit; font-size:.7rem; color:var(--soft); text-decoration:none; background:none; border:0; padding:4px 0; min-height:44px; justify-content:center; }
  .alsosav .ik { width:22px; height:22px; }
  body { padding-bottom:72px; }
  .fej { transition:transform .25s ease; } .fej.rejt { transform:translateY(-100%); }
}
/* finom mozgás */
@media (prefers-reduced-motion:no-preference) {
  .diag .osz, .diag .osz2 { transform-box:fill-box; transform-origin:bottom; }
  .diag.var .osz, .diag.var .osz2 { transform:scaleY(0); }
  .diag.lat .osz, .diag.lat .osz2 { transform:scaleY(1); transition:transform .7s cubic-bezier(.2,.8,.2,1); }
  .mkartya, .evc, .gyors a { transition:transform .15s ease, box-shadow .15s ease, border-color .15s; } .mkartya:hover { transform:translateY(-2px); }
}
@media (prefers-color-scheme: dark) { .mero span.itt { outline-color:#e5e9f2; } }
.mero span.itt { color:#fff !important; text-shadow:0 1px 1px rgba(0,0,0,.25); }
.mero-tengely { display:flex; justify-content:space-between; font-size:.72rem; color:var(--halvany); margin-top:4px; }