/* sajocarfleet.hu — a Sajó Car Fleet saját arculata (2026-10-30, Ki: mate (macmini)). Forrás: SAJO_CAR_FLEET_VEGSO_ARCULAT.pdf (Fogarasi Flóra
   tervei; Mátétól 2026-10-30): két szín (#262626 és #E5DCD4), Roboto + Arcon, vékony vonalas márkajel, ritkított verzál címek. A rács a
   kiasajo „Szalon-rács” v2 elvei szerint (sűrű, szimmetrikus; lead-blokk, elérhetőség és nyitvatartás minden oldalon; ragadós mobil sáv).
   Arculati eszközök: a jel vízjelként a lead-blokkon (a levélpapír mintája), a kép mögé tolt sötét lap (a bemutatkozó anyag mintája). */

@font-face{font-family:"Arcon";src:url("/static/fonts/arcon.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Roboto";src:url("/static/fonts/roboto-300.woff2") format("woff2");font-weight:300;font-display:swap}
@font-face{font-family:"Roboto";src:url("/static/fonts/roboto-400.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Roboto";src:url("/static/fonts/roboto-500.woff2") format("woff2");font-weight:500;font-display:swap}
/* tartalék-betű a mért metrikákra (Arcon: asc 1,0 / desc 0,2 / átl. szélesség 0,547; Roboto: 0,928 / 0,244 / 0,565): a betűcsere nem mozdít */
@font-face{font-family:"Arcon Fallback";src:local("Helvetica Neue"),local("Arial");size-adjust:98%;ascent-override:100%;descent-override:20%;line-gap-override:0%}
@font-face{font-family:"Roboto Fallback";src:local("Helvetica Neue"),local("Arial");size-adjust:100%;ascent-override:92.8%;descent-override:24.4%;line-gap-override:0%}

:root{
  --ink:#262626; --ink-2:#2f2e2d; --ink-3:#3b3937;
  --paper:#e5dcd4; --paper-2:#d7ccc2; --paper-3:#f4f0ec; --white:#fff;
  --text:#2b2825; --mute:#625c56; --mute-d:#a89f97; --line:#e3dad2; --line-2:#c9beb4; --line-d:rgba(229,220,212,.22); --mezo:#a39890;
  --ok:#2f7a4f; --err:#b42318;
  --font:"Roboto","Roboto Fallback",system-ui,-apple-system,"Segoe UI",Helvetica,Arial,sans-serif;
  --font-disp:"Arcon","Arcon Fallback",system-ui,sans-serif;

  /* típusskála ≥ 1240 px (a kisebb sávok lent) */
  --t-hos:50px; --t-d1:42px; --t-h2:32px; --t-h3:21px; --t-h4:18px; --t-bev:19px; --t-body:17px; --t-small:14px;
  /* térköz: 4-es alap; két szakasz-szint */
  --s2:8px; --s3:12px; --s4:16px; --s5:24px; --s6:32px; --s7:48px; --s8:64px;
  --sz:96px; --fej-koz:48px;
  --margo:60px; --koz:24px; --max:1320px; --fejlec:80px;
  --lap:28px;   /* a kép mögé tolt sötét lap eltolása */
  --e:cubic-bezier(.2,.7,.2,1);
}
@media (max-width:1239.98px){:root{--t-hos:42px;--t-d1:36px;--t-h2:28px;--t-bev:18px;--sz:80px;--margo:40px;--lap:22px}}
@media (max-width:899.98px){:root{--t-hos:31px;--t-d1:28px;--t-h2:24px;--t-h3:20px;--t-h4:17px;--t-bev:17px;--t-body:16px;--sz:60px;--fej-koz:30px;--margo:20px;--koz:16px;--fejlec:68px;--lap:16px}}
@media (max-width:359.98px){:root{--t-hos:27px;--t-d1:25px;--t-h2:22px;--margo:16px;--lap:12px}}

/* ---- alap ---- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:calc(var(--fejlec) + 20px)}
body{margin:0;background:var(--white);color:var(--text);font-family:var(--font);font-size:var(--t-body);line-height:1.65;font-weight:400;
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:clip}
img,picture,svg,video{display:block;max-width:100%}
img{height:auto}
[hidden]{display:none!important}
a{color:inherit}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
h1,h2,h3,h4,p,ul,ol,dl,dd,figure{margin:0}
ul,ol{padding:0;list-style:none}
address{font-style:normal}
:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.vilag-ej :focus-visible,.lablec :focus-visible,.ragados :focus-visible,.felso-sav :focus-visible{outline-color:var(--paper)}
.rejtett{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.ugro{position:absolute;left:16px;top:-80px;z-index:200;padding:12px 18px;background:var(--ink);color:var(--paper)}
.ugro:focus{top:12px}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.racs{width:100%;max-width:calc(var(--max) + 2 * var(--margo));margin-inline:auto;padding-inline:var(--margo)}
/* a megjelenítő betű (Arcon): ritkított verzál, vékony — a kézikönyv címsorai */
.h1,.h2,.hos-h1,.stat dd,.lepes-szam{font-family:var(--font-disp);font-weight:400;text-transform:uppercase}
.h1{font-size:var(--t-d1);line-height:1.12;letter-spacing:.07em}
.h2{font-size:var(--t-h2);line-height:1.16;letter-spacing:.09em;text-wrap:balance}
.h3{font-size:var(--t-h3);line-height:1.3;font-weight:500;letter-spacing:0}
.h4{font-size:var(--t-h4);line-height:1.35;font-weight:500}
.kicker{font-size:12px;line-height:1.3;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--mute);margin-bottom:16px}
.kicker--vilagos,.vilag-ej .kicker{color:var(--mute-d)}
.bev,.lapfej-bev{font-size:var(--t-bev);line-height:1.6;font-weight:300;color:var(--text);max-width:62ch}
.vilag-ej .bev{color:#d9d1c9}
.szoveg-link{color:var(--ink);font-weight:500;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.vilag-ej .szoveg-link,.lablec .szoveg-link{color:var(--paper)}
.gombsor{display:flex;flex-wrap:wrap;gap:12px;align-items:center}

/* ---- gombok: szögletes, ritkított verzál (a kézikönyv feliratai); fő = sötét lap, bézs felirat ---- */
.gomb{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 26px;border-radius:0;border:1px solid transparent;
  font-size:13px;font-weight:500;line-height:1.1;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;white-space:nowrap;
  transition:background-color .2s,color .2s,border-color .2s}
.gomb .nyil{transition:transform .3s var(--e)}
.gomb:hover .nyil{transform:translateX(3px)}
.gomb .ikon{width:17px;height:17px}
.gomb-fo{color:var(--paper);background:var(--ink);border-color:var(--ink)}
.gomb-fo:hover{background:var(--ink-3);border-color:var(--ink-3)}
.gomb-vonal{color:var(--ink);border-color:var(--ink);background:transparent}
.gomb-vonal:hover{background:var(--ink);color:var(--paper)}
.vilag-ej .gomb-fo{color:var(--ink);background:var(--paper);border-color:var(--paper)}
.vilag-ej .gomb-fo:hover{background:#fff;border-color:#fff}
.gomb-vonal-vilagos,.vilag-ej .gomb-vonal{color:var(--paper);border-color:var(--paper);background:transparent}
.gomb-vonal-vilagos:hover,.vilag-ej .gomb-vonal:hover{background:var(--paper);color:var(--ink)}
.gomb-uveg{color:var(--ink);border-color:var(--ink);background:transparent}
.gomb-uveg:hover{background:var(--ink);color:var(--paper)}
.link-gomb{background:none;border:0;padding:0;color:inherit;text-decoration:underline;text-underline-offset:3px;font-size:inherit}
.kor-gomb{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid var(--line-2);background:transparent;color:var(--ink);transition:background .2s,color .2s,border-color .2s}
.kor-gomb:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}

/* ---- felső sáv + fejléc ---- */
.felso-sav{background:var(--ink);color:#cfc6be;font-size:12.5px;letter-spacing:.03em}
.felso-sav-sor{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:38px}
.felso-csoport{color:var(--paper);text-decoration:none;font-weight:500;letter-spacing:.12em;text-transform:uppercase;font-size:11.5px}
.felso-csoport:hover{color:#fff}
.felso-elerh{display:flex;gap:26px;align-items:center}
.felso-elerh li,.felso-elerh a{display:inline-flex;align-items:center;gap:8px;text-decoration:none}
.felso-elerh a:hover{color:#fff}
.felso-elerh .ikon{width:14px;height:14px;color:var(--paper)}
@media (max-width:899.98px){.felso-sav{display:none}}

.fejlec{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.96);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.fejlec-sor{display:flex;align-items:center;gap:28px;min-height:var(--fejlec)}
.marka{display:inline-flex;align-items:center;gap:16px;text-decoration:none;flex:none;color:var(--ink)}
.marka-logo{height:54px;width:auto}
.marka-vonal{width:1px;height:30px;background:var(--line-2)}
.marka-nev{font-size:13px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;white-space:nowrap}
/* a menü egy sorban marad: nowrap minden szinten, a szöveg a sávhoz igazított méretben (mérve 1240–1920 px, 2026-10-30) */
.fomenu{display:flex;align-items:center;gap:18px;margin-left:auto;flex-wrap:nowrap;min-width:0}
.fomenu-lista{display:flex;align-items:center;gap:0;flex-wrap:nowrap;white-space:nowrap}
.fomenu-lista a,.almenu-gomb{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 10px;border:0;background:none;
  font-size:14px;font-weight:500;letter-spacing:.03em;text-decoration:none;color:var(--ink);white-space:nowrap;transition:box-shadow .2s,color .2s}
.fomenu-lista a:hover,.almenu-gomb:hover,.almenus.nyitva .almenu-gomb{box-shadow:inset 0 -1px 0 var(--ink)}
.fomenu-lista a[aria-current],.almenus.aktiv>.almenu-gomb{box-shadow:inset 0 -2px 0 var(--ink)}
.almenus{position:relative}
.almenu{position:absolute;top:calc(100% + 8px);left:0;min-width:280px;padding:6px;background:#fff;border:1px solid var(--line-2);
  opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .2s,transform .2s var(--e),visibility .2s}
.almenu::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}
.almenu a{display:flex;width:100%;box-shadow:none!important;padding:10px 14px;font-weight:400}
.almenu a:hover,.almenu a[aria-current]{background:var(--paper-3)}
.almenus:hover .almenu,.almenus:focus-within .almenu,.almenus.nyitva .almenu{opacity:1;visibility:visible;transform:none}
.almenu-gomb svg{transition:transform .2s}
.almenus.nyitva .almenu-gomb svg{transform:rotate(180deg)}
.fomenu-cta{display:flex;align-items:center;gap:16px;flex:none}
.fomenu-cta .gomb{min-height:42px;padding:0 18px;font-size:12px}
.fomenu-tel{display:inline-flex;align-items:center;gap:8px;font-weight:500;font-size:14px;text-decoration:none;white-space:nowrap}
.fomenu-tel .ikon{width:16px;height:16px}
.menu-gomb{display:none;width:46px;height:46px;margin-left:auto;border:1px solid var(--line-2);border-radius:0;background:#fff;place-items:center}
.menu-ikon,.menu-ikon::before,.menu-ikon::after{display:block;width:18px;height:1.5px;background:var(--ink);transition:transform .3s var(--e),opacity .2s}
.menu-ikon{position:relative}
.menu-ikon::before,.menu-ikon::after{content:"";position:absolute;left:0}
.menu-ikon::before{top:-6px}.menu-ikon::after{top:6px}
.menu-nyitva .menu-ikon{background:transparent}
.menu-nyitva .menu-ikon::before{transform:translateY(6px) rotate(45deg)}
.menu-nyitva .menu-ikon::after{transform:translateY(-6px) rotate(-45deg)}
@media (max-width:1479.98px){.fomenu-tel{display:none}}
@media (max-width:1365.98px){.fomenu-lista a,.almenu-gomb{font-size:13.5px;padding:0 8px}.fejlec-sor{gap:20px}.fomenu{gap:12px}}
@media (max-width:1239.98px){
  .menu-gomb{display:grid}
  .fomenu{display:none;position:fixed;inset:0;z-index:55;flex-direction:column;align-items:stretch;gap:28px;margin:0;overflow-y:auto;
    padding:calc(var(--fejlec) + 56px) var(--margo) 40px;background:#fff}
  .menu-nyitva .fomenu{display:flex}
  .menu-nyitva body{overflow:hidden}
  .fomenu-lista{flex-direction:column;align-items:stretch;gap:0;white-space:normal}
  .fomenu-lista>li{border-bottom:1px solid var(--line)}
  .fomenu-lista a,.almenu-gomb{width:100%;min-height:56px;padding:0 4px;font-size:19px;font-weight:400;letter-spacing:0;box-shadow:none!important}
  .fomenu-lista a[aria-current]{font-weight:500}
  .almenu-gomb{pointer-events:none;color:var(--mute);font-size:12px;letter-spacing:.18em;text-transform:uppercase;font-weight:500;min-height:44px}
  .almenu-gomb svg{display:none}
  .almenu{position:static;opacity:1;visibility:visible;transform:none;border:0;padding:0 0 8px;min-width:0;background:none}
  .almenu a{font-size:18px;min-height:48px;padding:0 4px;background:none!important}
  .fomenu-cta{flex-direction:column;align-items:stretch}
  .fomenu-cta .gomb{min-height:54px;font-size:13px}
  .fomenu-tel{display:inline-flex;justify-content:center;min-height:54px;border:1px solid var(--ink)}
}
@media (max-width:899.98px){.marka-logo{height:38px}.marka{gap:12px}.marka-vonal{height:22px}.marka-nev{font-size:11.5px}}
@media (max-width:389.98px){.marka-logo{height:34px}.marka-nev{font-size:10.5px;letter-spacing:.12em}.marka{gap:9px}}

/* ---- morzsamenü ---- */
.morzsa{margin-bottom:22px;font-size:13px;color:var(--mute)}
.morzsa ol{display:flex;flex-wrap:wrap;gap:6px}
.morzsa li+li::before{content:"/";margin-right:6px;color:var(--line-2)}
.morzsa a{text-decoration:none}
.morzsa a:hover{color:var(--ink);text-decoration:underline}

/* ---- világok (szakasz-háttér): fehér · bézs (a kézikönyv #E5DCD4) · sötét (#262626) ---- */
.vilag-feher{background:var(--white)}
.vilag-papir{background:var(--paper)}
.vilag-ej{background:var(--ink);color:var(--paper)}
.szakasz{padding-block:var(--sz)}
.vilag-feher+.vilag-feher,.vilag-papir+.vilag-papir,.vilag-ej+.vilag-ej{padding-top:0}
h1,h2,h3,.hos-cim,.marka-nev{overflow-wrap:break-word}

/* ---- szakasz-fej: a két fél egy tengelyen ---- */
.fej{display:grid;grid-template-columns:1fr 1fr;gap:var(--s5) 64px;align-items:end;margin-bottom:var(--fej-koz)}
.fej--egy{grid-template-columns:1fr}
.fej-jobb{display:grid;gap:20px;justify-items:start}
.fej .kicker{margin-bottom:14px}
@media (max-width:899.98px){.fej{grid-template-columns:1fr}}

/* ---- hős: szöveg balra, a dia képe jobbra a mögé tolt sötét lappal; alatta a dia-fülek ---- */
.hos{position:relative;background:var(--white);color:var(--text);padding-block:56px 44px;overflow:hidden}
.hos-racs{display:grid;grid-template-columns:minmax(0,11fr) minmax(0,13fr);grid-template-areas:"szoveg kep" "vezerlo vezerlo";gap:56px 72px;align-items:center}
.hos-szoveg{grid-area:szoveg;max-width:640px}
.hos-kepek{grid-area:kep;position:relative;aspect-ratio:4/3;margin:var(--lap) var(--lap) 0 0}
.hos-kepek::before{content:"";position:absolute;inset:calc(-1 * var(--lap)) calc(-1 * var(--lap)) var(--lap) var(--lap);background:var(--ink)}
.hos-dia{position:absolute;inset:0;opacity:0;transition:opacity .9s var(--e)}
.hos-dia[data-aktiv]{opacity:1}
.hos-kep,.hos-kep img{width:100%;height:100%;object-fit:cover}
.hos-modell{position:absolute;left:0;bottom:0;padding:9px 16px;background:var(--paper);color:var(--ink);font-size:11.5px;font-weight:500;letter-spacing:.16em;text-transform:uppercase}
.hos-h1{font-size:var(--t-hos);line-height:1.1;letter-spacing:.07em;margin-bottom:30px;text-wrap:balance}
.hos-felirat{display:grid;gap:14px;justify-items:start;min-height:230px;align-content:start}
.hos-felirat .kicker{margin:0}
.hos-cim{font-size:25px;line-height:1.25;font-weight:500;letter-spacing:0}
.hos-bev{font-size:17px;line-height:1.6;font-weight:300;color:var(--text);max-width:52ch}
.hos-felirat .gombsor{margin-top:10px}
.hos-vezerlo{grid-area:vezerlo;display:flex;align-items:flex-end;gap:32px;padding-top:8px}
.hos-fulek{flex:1;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.hos-ful{display:grid;gap:7px;width:100%;padding:14px 0 0;border:0;background:none;color:var(--mute);text-align:left;position:relative;font-size:12.5px;line-height:1.3;letter-spacing:.04em}
.hos-ful::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:var(--line-2)}
.hos-ful-sav{position:absolute;left:0;top:0;height:2px;width:0;background:var(--ink)}
.hos-ful[aria-current="true"]{color:var(--ink)}
.hos-ful[aria-current="true"] .hos-ful-sav{width:100%}
.hos[data-fut] .hos-ful[aria-current="true"] .hos-ful-sav{width:0;animation:hos-sav linear forwards;animation-duration:var(--hos-ido,3000ms)}
.hos[data-fut="a"] .hos-ful[aria-current="true"] .hos-ful-sav{animation-name:hos-sav-a}
@keyframes hos-sav{to{width:100%}}
@keyframes hos-sav-a{to{width:100%}}
.hos-ful-szam{font-weight:500;font-variant-numeric:tabular-nums;color:inherit}
.hos-ful-nev{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hos-ful:hover{color:var(--ink)}
.hos-gombok{display:flex;gap:10px}
.hos-inditas-ikon{display:none}
[data-hos-szunet][aria-pressed="true"] .hos-szunet-ikon{display:none}
[data-hos-szunet][aria-pressed="true"] .hos-inditas-ikon{display:block}
@media (max-width:1239.98px){.hos-racs{gap:40px 48px}.hos-felirat{min-height:250px}}
@media (max-width:899.98px){
  .hos{padding-block:24px 32px}
  .hos-racs{grid-template-columns:1fr;grid-template-areas:"kep" "szoveg" "vezerlo";gap:28px}
  .hos-kepek{aspect-ratio:16/11;margin:var(--lap) var(--lap) 0 0}
  .hos-szoveg{max-width:none}
  .hos-h1{margin-bottom:20px}
  .hos-felirat{min-height:0}
  .hos-cim{font-size:21px}
  .hos-bev{font-size:16px}
  .hos-modell{font-size:10.5px;padding:7px 12px}
  .hos-ful-nev{display:none}
  .hos-fulek{gap:8px}
  .hos-vezerlo{gap:16px}
  .kor-gomb{width:40px;height:40px}
}

/* ---- aloldal-fej: bézs sáv; a kép a mögé tolt sötét lappal ---- */
.lapfej{background:var(--paper);padding-block:56px 72px}
.lapfej-racs{display:grid;grid-template-columns:1fr;max-width:calc(940px + 2 * var(--margo));margin-inline:auto}
.lapfej--kepes .lapfej-racs{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:72px;align-items:center;max-width:calc(var(--max) + 2 * var(--margo))}
.lapfej-szoveg{display:grid;justify-items:start;align-content:center}
.lapfej-szoveg .h1{margin-bottom:22px;text-wrap:balance}
.lapfej-szoveg .gombsor{margin-top:32px}
.lapfej-kep{position:relative;aspect-ratio:4/3;background:var(--paper-3);margin:var(--lap) var(--lap) 0 0}
.lapfej-kep::before{content:"";position:absolute;inset:calc(-1 * var(--lap)) calc(-1 * var(--lap)) var(--lap) var(--lap);background:var(--ink)}
.lapfej-kep picture{position:relative}
.kep-kitolt,.kep-kitolt img{width:100%;height:100%;object-fit:cover}
@media (max-width:899.98px){.lapfej{padding-block:28px 44px}.lapfej--kepes .lapfej-racs{grid-template-columns:1fr;gap:36px}.lapfej-kep{order:2}}

/* ---- szakasz: cím bal, folyószöveg jobb ---- */
.ketoszlop{display:grid;grid-template-columns:5fr 7fr;gap:64px;align-items:start}
.folyo{display:grid;gap:16px;font-size:18px;line-height:1.7;font-weight:300;color:var(--text)}
.vilag-ej .folyo{color:#d9d1c9}
@media (max-width:899.98px){.ketoszlop{grid-template-columns:1fr;gap:20px}.folyo{font-size:17px}}

/* ---- kártyarács: a darabszámhoz igazítva szimmetrikus; a kártya lapos, vonallal ---- */
.kartyaracs{display:grid;gap:var(--koz);grid-template-columns:repeat(3,minmax(0,1fr))}
.kartyaracs.db-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.kartyaracs.db-5{grid-template-columns:repeat(5,minmax(0,1fr))}
.kartyaracs.db-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.kartya{position:relative;display:flex;flex-direction:column;gap:12px;padding:30px 28px 28px;background:var(--white);border:1px solid var(--line);transition:border-color .25s}
.vilag-feher .kartya{background:var(--paper-3);border-color:transparent}
.kartya p{font-size:16px;line-height:1.6;color:var(--mute)}
.kartya-tovabb{margin-top:auto;padding-top:8px;display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--ink)}
.kartya--link h3 a{text-decoration:none}
.kartya--link h3 a::after{content:"";position:absolute;inset:0}
.kartya--link:hover{border-color:var(--ink)}
.kartya--link:hover .nyil{transform:translateX(3px)}
@media (max-width:1239.98px){
  .kartyaracs.db-4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .kartyaracs.db-5{grid-template-columns:repeat(6,minmax(0,1fr))}
  .kartyaracs.db-5>*{grid-column:span 2}
  .kartyaracs.db-5>:nth-child(4){grid-column:2/span 2}
  .kartyaracs.db-5>:nth-child(5){grid-column:4/span 2}
}
@media (max-width:899.98px){
  .kartyaracs,.kartyaracs.db-5{grid-template-columns:repeat(2,minmax(0,1fr))}
  .kartyaracs.db-5>*,.kartyaracs.db-5>:nth-child(4),.kartyaracs.db-5>:nth-child(5){grid-column:auto}
  .kartyaracs.db-5>:nth-child(5){grid-column:1/-1}
  .kartyaracs.db-3>:nth-child(3){grid-column:1/-1}
}
@media (max-width:599.98px){.kartyaracs,.kartyaracs.db-4,.kartyaracs.db-5,.kartyaracs.db-2{grid-template-columns:1fr}.kartya{padding:24px 22px}}

/* ---- lépések (sorrend: a szám Arcon) ---- */
.lepesek{display:grid;gap:var(--koz);grid-template-columns:repeat(4,minmax(0,1fr));counter-reset:l}
.lepesek.db-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.lepes{display:grid;gap:10px;align-content:start;padding-top:22px;border-top:1px solid var(--line-2)}
.vilag-ej .lepes{border-color:var(--line-d)}
.lepes-szam{font-size:40px;line-height:1;letter-spacing:.04em;color:var(--ink);margin-bottom:8px}
.vilag-ej .lepes-szam{color:var(--paper)}
.lepes p{font-size:16px;color:var(--mute)}
.vilag-ej .lepes p{color:var(--mute-d)}
@media (max-width:1239.98px){.lepesek{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:36px}}
@media (max-width:599.98px){.lepesek,.lepesek.db-3{grid-template-columns:1fr;row-gap:28px}}

/* ---- CTA-sáv (sötét) ---- */
.cta{padding-block:72px;position:relative;overflow:hidden}
.cta-racs{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px 64px;align-items:center}
.cta .bev{margin-top:16px}
@media (max-width:899.98px){.cta-racs{grid-template-columns:1fr}.cta{padding-block:52px}}

/* ---- havidíj ---- */
.havidij{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.havidij-tetel{display:flex;gap:16px;align-items:flex-start;padding:24px;background:var(--white);border:1px solid var(--line)}
.havidij-ikon{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;border:1px solid var(--ink);color:var(--ink)}
.havidij-ikon .ikon{width:18px;height:18px;stroke-width:1.8}
.havidij-tetel .h4{margin-bottom:6px}
.havidij-tetel p{font-size:15px;line-height:1.55;color:var(--mute)}
.jelveny{display:inline-block;vertical-align:2px;margin-left:8px;padding:3px 8px;font-family:var(--font);font-size:10.5px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;background:var(--ink);color:var(--paper)}
.jelveny--opcio{background:var(--paper);color:var(--ink)}
@media (max-width:1239.98px){.havidij{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:599.98px){.havidij{grid-template-columns:1fr}}

/* ---- GYIK ---- */
.gyik-racs{display:grid;grid-template-columns:4fr 8fr;gap:64px;align-items:start}
.gyik-fej{position:sticky;top:calc(var(--fejlec) + 32px);display:grid;gap:24px;justify-items:start}
.gyik-lista{border-top:1px solid var(--line-2)}
.gyik-elem{border-bottom:1px solid var(--line-2)}
.gyik-elem summary{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 0;cursor:pointer;list-style:none}
.gyik-elem summary::-webkit-details-marker{display:none}
.gyik-kerdes{font-size:18px;line-height:1.4;font-weight:500}
.gyik-jel{flex:none;position:relative;width:28px;height:28px;border-radius:50%;border:1px solid var(--line-2)}
.gyik-jel::before,.gyik-jel::after{content:"";position:absolute;left:50%;top:50%;width:11px;height:1px;background:var(--ink);transform:translate(-50%,-50%);transition:transform .25s var(--e)}
.gyik-jel::after{transform:translate(-50%,-50%) rotate(90deg)}
.gyik-elem[open] .gyik-jel::after{transform:translate(-50%,-50%) rotate(0)}
.gyik-elem summary:hover .gyik-kerdes{color:var(--mute)}
.gyik-valasz{display:grid;gap:12px;padding:0 52px 24px 0;color:var(--mute);font-size:16.5px;font-weight:300}
@media (max-width:899.98px){.gyik-racs{grid-template-columns:1fr;gap:28px}.gyik-fej{position:static}.gyik-kerdes{font-size:17px}.gyik-valasz{padding-right:0}}

/* ---- cégcsoport-statisztika (sötét sáv, a szám Arcon bézsben) ---- */
.stat-sor{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--koz)}
.stat{display:flex;flex-direction:column-reverse;gap:10px;padding-top:22px;border-top:1px solid var(--line-d)}
.stat dd{font-size:56px;line-height:1;letter-spacing:.04em;color:var(--paper)}
.stat dt{font-size:15px;color:var(--mute-d)}
@media (max-width:899.98px){.stat-sor{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:28px}.stat dd{font-size:44px}}

/* ---- modell- és autókártyák ---- */
.modellracs{display:grid;gap:var(--koz);grid-template-columns:repeat(4,minmax(0,1fr))}
.modellracs.db-6,.modellracs.db-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.modell{display:flex}
.modell-link{display:flex;flex-direction:column;width:100%;overflow:hidden;background:var(--white);border:1px solid var(--line);text-decoration:none;transition:border-color .25s}
.modell-link:hover{border-color:var(--ink)}
.vilag-feher .modell-link{background:var(--paper-3);border-color:transparent}
.vilag-feher .modell-link:hover{border-color:var(--ink)}
.modell-kep{aspect-ratio:3/2;background:var(--paper-3);overflow:hidden}
.modell-kep--foto{aspect-ratio:4/3}
.modell-kep img{transition:transform .6s var(--e)}
.modell-link:hover .modell-kep img{transform:scale(1.03)}
.modell-adat{display:grid;gap:4px;padding:16px 18px 20px;flex:1;align-content:start}
.modell-marka{font-size:11px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--mute)}
.modell-kat{font-size:14px;color:var(--mute)}
.modell-tovabb{display:inline-flex;align-items:center;gap:6px;margin-top:10px;font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--ink)}
.modell-tovabbiak{margin-top:20px;font-size:14px;color:var(--mute)}
.auto-jellemzok{display:flex;flex-wrap:wrap;font-size:14px;color:var(--mute)}
.auto-jellemzok span+span::before{content:"·";margin:0 8px}
.auto-ar{margin-top:8px;font-size:14px;color:var(--mute)}
.auto-ar strong{font-size:20px;font-weight:500;color:var(--ink);font-variant-numeric:tabular-nums}
.vilag-ej .modell-link{background:var(--ink-2);border-color:var(--line-d);color:var(--paper)}
.vilag-ej .modell-kep{background:var(--ink-3)}
.vilag-ej .auto-ar strong{color:var(--paper)}
.vilag-ej .auto-jellemzok,.vilag-ej .auto-ar{color:var(--mute-d)}
.alcim{font-size:12px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--mute);margin:8px 0 18px}
.modellracs+.alcim{margin-top:44px}
/* a márka-névsor a főoldali modell-sáv alatt: a flottapiac többi márkája */
.marka-nevsor{margin-top:32px;padding-top:22px;border-top:1px solid var(--line-2);font-size:15px;line-height:1.7;font-weight:300;color:var(--mute)}
.marka-nevsor-cimke{display:block;margin-bottom:4px;font-size:12px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--ink)}
@media (max-width:1239.98px){.modellracs{grid-template-columns:repeat(3,minmax(0,1fr))}.modellracs.db-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:899.98px){.modellracs,.modellracs.db-6,.modellracs.db-3,.modellracs.db-4{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.modell-adat{padding:12px 14px 16px}}
@media (max-width:379.98px){.modellracs,.modellracs.db-6,.modellracs.db-3,.modellracs.db-4{grid-template-columns:1fr}}

/* ---- flottapiac (/flotta-modellek/): húsz példa-modell öt kategóriában, a modell-kártyák rácsával ---- */
.piac-csoport{margin-top:var(--s7)}
.fej+.piac-csoport{margin-top:var(--s5)}
.piac-csoport-cim{display:flex;align-items:center;gap:16px;margin-bottom:var(--s4);font-family:var(--font-disp);font-size:14px;font-weight:400;letter-spacing:.18em;text-transform:uppercase;color:var(--ink)}
.piac-csoport-cim::after{content:"";flex:1;height:1px;background:var(--line-2)}
.modell-jel{display:block;margin-top:3px;font-size:10px;letter-spacing:.14em;color:var(--mute)}   /* a cégcsoport-jelvény külön sorban: a márkanév mellett 2–3 sorba tört */
.piac-markaoldalak{display:flex;flex-wrap:wrap;gap:10px 28px;align-items:baseline;margin-top:var(--s7);padding-top:var(--s5);border-top:1px solid var(--line-2);font-size:14px}
.piac-markaoldalak-cimke{font-size:12px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--mute)}
.piac-markaoldalak a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:4px}
.piac-markaoldalak a:hover{text-decoration-color:var(--ink)}
.piac-db{margin-left:6px;font-size:12px;color:var(--mute)}
.piac-fotok{margin-top:var(--s5);font-size:12px;line-height:1.7;color:var(--mute)}
.piac-fotok a{color:var(--mute)}

/* ---- Car Rent feltételek ---- */
.feltetel-racs{display:grid;gap:var(--koz);grid-template-columns:repeat(3,minmax(0,1fr))}
.feltetel-racs.db-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.feltetel-racs.db-1{grid-template-columns:1fr}
.feltetel-csoport{padding:30px;background:var(--paper-3)}
.feltetel-csoport .h3{margin-bottom:18px}
.pipalista{display:grid;gap:12px}
.pipalista li{display:flex;gap:12px;align-items:flex-start;font-size:15.5px;line-height:1.55;color:var(--text)}
.pipalista .ikon{flex:none;width:18px;height:18px;margin-top:3px;color:var(--ink);stroke-width:1.8}
@media (max-width:1239.98px){.feltetel-racs{grid-template-columns:1fr}}

/* ---- dokumentumok ---- */
.doklista{display:grid;gap:12px;max-width:900px}
.dok{display:flex;align-items:center;gap:18px;padding:20px 24px;border:1px solid var(--line-2);text-decoration:none;transition:border-color .2s}
.dok:hover{border-color:var(--ink)}
.dok>.ikon{width:26px;height:26px;color:var(--ink)}
.dok-nev{flex:1;font-weight:500}
.dok-meret{font-size:14px;color:var(--mute);white-space:nowrap}
.dok-le{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);white-space:nowrap}
.dok-le .ikon{width:16px;height:16px}
@media (max-width:599.98px){.dok{flex-wrap:wrap}.dok-nev{flex-basis:calc(100% - 50px)}.dok-meret{margin-left:44px}}

/* ---- vezető (rólunk): a portré a mögé tolt lappal ---- */
.vezeto{display:grid;grid-template-columns:5fr 7fr;gap:72px;align-items:center}
.vezeto-kep{position:relative;aspect-ratio:4/5;background:var(--paper-3);max-width:460px;margin:var(--lap) 0 0 var(--lap)}
.vezeto-kep::before{content:"";position:absolute;inset:calc(-1 * var(--lap)) var(--lap) var(--lap) calc(-1 * var(--lap));background:var(--ink)}
.vezeto-kep picture{position:relative}
.vezeto-szoveg{display:grid;gap:10px;justify-items:start}
.vezeto-szoveg .h2{margin-bottom:14px}
.vezeto-nev{font-size:24px;font-weight:500}
.vezeto-szerep{font-size:12px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--mute);margin-bottom:12px}
.vezeto .gombsor{margin-top:18px}
@media (max-width:899.98px){.vezeto{grid-template-columns:1fr;gap:32px}.vezeto-kep{max-width:none;aspect-ratio:1/1}}

/* ---- elérhetőség + térkép ---- */
.elerh{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.elerh-cella{display:grid;align-content:start;gap:4px;padding:24px;background:var(--paper-3)}
.vilag-papir .elerh-cella,.zaro .elerh-cella{background:var(--white)}
.elerh-cella>.ikon{color:var(--ink);margin-bottom:10px;stroke-width:1.5}
.elerh-cella dt{font-size:11.5px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--mute)}
.elerh-cella dd{font-size:16px;font-weight:400}
.elerh-cella dd a{text-decoration:none}
.elerh-cella dd a:hover{text-decoration:underline;text-underline-offset:3px}
.elerh-cella dd .szoveg-link{font-size:14.5px}
.kapcsolat-racs{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--koz);align-items:stretch}
.elerh--nagy{grid-template-columns:repeat(2,minmax(0,1fr))}
.terkep{position:relative;overflow:hidden;background:var(--paper);min-height:380px}
.terkep-iframe{position:absolute;inset:0;width:100%;height:100%;border:0;filter:grayscale(1) contrast(1.05)}
.terkep-helyorzo{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:16px;padding:24px;text-align:center;background:var(--paper)}
.terkep-helyorzo p{font-weight:400}
.elerh--zaro{margin-top:48px;text-align:left}
@media (max-width:1239.98px){.elerh{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:899.98px){.kapcsolat-racs{grid-template-columns:1fr}.terkep{min-height:300px}}
@media (max-width:479.98px){.elerh,.elerh--nagy{grid-template-columns:1fr}}

/* ---- lead-blokk és űrlapok: bézs sáv, a márkajel vízjelként (a levélpapír mintája) ---- */
.lead{position:relative;padding-block:var(--sz);overflow:hidden}
.lead::before{content:"";position:absolute;right:-30px;top:-70px;width:400px;height:600px;background:url("/static/img/scf-jel.svg") center/contain no-repeat;opacity:.07;pointer-events:none}
.lead-racs{position:relative;display:grid;grid-template-columns:5fr 7fr;gap:64px;align-items:start}
.lead-info{display:grid;gap:18px;position:sticky;top:calc(var(--fejlec) + 32px)}
.lead-elerh{display:grid;gap:14px;margin-top:10px;padding-top:22px;border-top:1px solid var(--line-2)}
.lead-elerh li{display:flex;align-items:center;gap:12px;font-size:16.5px}
.lead-elerh .ikon{flex:none;color:var(--ink);stroke-width:1.5}
.lead-elerh a{text-decoration:none;font-weight:500}
.lead-elerh a:hover{text-decoration:underline;text-underline-offset:3px}
.lead-urlapok{padding:36px;background:var(--white);border:1px solid var(--paper-2)}
.lead-fulek{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}
.lead-fulek [role="tab"]{min-height:42px;padding:0 16px;border:1px solid var(--line-2);background:#fff;font-size:12px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;transition:background .2s,color .2s,border-color .2s}
.lead-fulek [role="tab"]:hover{border-color:var(--ink)}
.lead-fulek [role="tab"][aria-selected="true"]{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.urlap-racs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 16px}
.mezo{display:grid;gap:7px;align-content:start}
.mezo--szeles{grid-column:1/-1}
.mezo label,.jelolo-csoport legend{font-size:14px;font-weight:500}
.csillag{color:var(--mute)}
.mezo input,.mezo select,.mezo textarea{width:100%;min-height:52px;padding:12px 14px;border:1px solid var(--line-2);border-radius:0;background:#fff;font-size:16px;line-height:1.3;transition:border-color .2s,box-shadow .2s}
.mezo select{appearance:none;-webkit-appearance:none;padding-right:40px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m2.5 4.5 3.5 3.5 3.5-3.5' fill='none' stroke='%23262626' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 14px center/12px}
.mezo textarea{min-height:120px;resize:vertical}
.mezo input:hover,.mezo select:hover,.mezo textarea:hover{border-color:var(--ink)}
.mezo input:focus,.mezo select:focus,.mezo textarea:focus{outline:0;border-color:var(--ink);box-shadow:0 0 0 3px rgba(38,38,38,.12)}
.mezo [aria-invalid="true"]{border-color:var(--err)}
.mezo-hiba{font-size:13.5px;color:var(--err);font-weight:500}
.egyseges{display:flex;align-items:center;gap:10px}
.egyseges input{flex:1}
.egyseges span{font-size:15px;color:var(--mute)}
.jelolo-csoport{border:0;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px 20px}
.jelolo-csoport legend{margin-bottom:10px;padding:0}
.jelolo{display:inline-flex;align-items:center;gap:9px;min-height:40px;font-size:15.5px;cursor:pointer}
.jelolo input{width:20px;height:20px;min-height:0;accent-color:var(--ink)}
.mez{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.urlap-kotelezo{margin-top:8px;font-size:13px;color:var(--mute)}
.urlap-kuldes{margin-top:20px;min-width:220px}
.urlap-kuldes[disabled]{opacity:.7;cursor:progress}
.urlap-kozos-hiba{margin-top:18px;padding:14px 16px;border-left:2px solid var(--err);background:var(--paper-3);font-size:15px}
@media (max-width:1239.98px){.lead-racs{gap:40px}}
/* érintőképernyőn a szöveg-linkek érintőcélja legalább 40 px, a sortávolság változatlan (negatív margó); mérve a 3 motoros bejárással 2026-10-30 */
@media (pointer:coarse){.lablec-hasab a,.lablec-jogi a,.lablec-jogi .link-gomb,.lablec-csoport,.lablec address a,.lablec .szoveg-link,.morzsa a,.lead-elerh a,.auto-adatok .szoveg-link,.kartya h3 a,.elerh-cella a,.piac-markaoldalak a{display:inline-block;padding:9.5px 0;margin:-9.5px 0}.hos-ful{padding:14px 0 9px;min-height:44px}}
@media (max-width:899.98px){.lead::before{width:260px;height:390px;right:-60px;top:-40px}.lead-racs{grid-template-columns:1fr}.lead-racs>*{min-width:0}.lead-info{position:static}.lead-urlapok{padding:22px 18px}.urlap-kuldes{width:100%}}
/* a fülek kis képernyőn tördelődnek (nem görgetnek ki a képernyőről): a ritkított verzál felirat szűkebb térközzel — mérve 390 px-en 2026-10-30 */
@media (max-width:599.98px){.urlap-racs{grid-template-columns:1fr}.lead-fulek{gap:6px;margin-bottom:22px}.lead-fulek [role="tab"]{min-height:40px;padding:0 12px;font-size:11.5px;letter-spacing:.1em}}

/* ---- Car Rent autó-adatlap ---- */
.lapfej--auto{background:var(--white)}
.auto-racs{display:grid;grid-template-columns:7fr 5fr;gap:56px;align-items:start}
.auto-fokep{overflow:hidden;aspect-ratio:4/3;background:var(--paper-3)}
.auto-galeria-kep{height:100%}
.auto-belyegek{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-top:10px}
.auto-belyegek button{display:block;width:100%;padding:0;border:1px solid transparent;overflow:hidden;aspect-ratio:4/3;background:var(--paper-3)}
.auto-belyegek button[aria-current="true"]{border-color:var(--ink)}
.auto-adatok{display:grid;justify-items:start;gap:4px}
.auto-adatok .h1{margin-bottom:14px}
.adattabla{width:100%;margin:22px 0 26px;border-top:1px solid var(--line-2)}
.adattabla div{display:flex;justify-content:space-between;gap:16px;padding:13px 0;border-bottom:1px solid var(--line)}
.adattabla dt{color:var(--mute)}
.adattabla dd{font-weight:500;text-align:right}
.adattabla-ar dd strong{font-size:24px;font-weight:500;font-variant-numeric:tabular-nums}
.auto-adatok .gombsor+p{margin-top:16px}
@media (max-width:899.98px){.auto-racs{grid-template-columns:1fr;gap:28px}.auto-belyegek{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* ---- záró oldalak (köszönjük, 404) ---- */
.zaro{padding-block:96px;background:var(--paper)}
.zaro-racs{display:grid;justify-items:start;gap:18px;max-width:calc(1000px + 2 * var(--margo))}
.zaro .gombsor{margin-top:10px}
@media (max-width:899.98px){.zaro{padding-block:56px}}

/* ---- lábléc: sötét, az álló márkajel bézsben (a kézikönyv sötét változata) ---- */
.lablec{background:var(--ink);color:#cfc6be;padding:72px 0 28px;font-size:15px}
.lablec-fej{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;padding-bottom:44px;border-bottom:1px solid var(--line-d)}
.lablec-marka{display:grid;gap:22px;max-width:560px;justify-items:start}
.lablec-logo{height:150px;width:auto}
.lablec-marka p{font-weight:300;line-height:1.65}
.lablec-gombok{justify-content:flex-end}
.lablec-hasabok{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px var(--koz);padding:44px 0}
.lablec-cim{font-size:11.5px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--paper);margin-bottom:18px}
.lablec-hasab ul{display:grid;gap:9px}
.lablec a{text-decoration:none}
.lablec a:hover{color:#fff}
.lablec-cim-sor{display:grid;gap:7px}
.lablec-cim-sor span:first-child{color:var(--paper);font-weight:500}
.lablec-nyitva{display:grid;gap:16px}
.lablec-nyitva dt{color:var(--paper);font-weight:500;margin-bottom:2px}
.lablec-lab{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 28px;padding-top:24px;border-top:1px solid var(--line-d);font-size:13.5px;color:var(--mute-d)}
.lablec-jogi{display:flex;flex-wrap:wrap;gap:8px 22px}
.lablec-csoport{color:var(--paper)!important;font-weight:500;letter-spacing:.08em;text-transform:uppercase;font-size:12px}
@media (max-width:1239.98px){.lablec-hasabok{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:899.98px){.lablec{padding-top:52px}.lablec-fej{flex-direction:column;align-items:flex-start}.lablec-gombok{justify-content:flex-start}.lablec-logo{height:120px}}
@media (max-width:479.98px){.lablec-hasabok{grid-template-columns:1fr}}

/* ---- ragadós mobil sáv ---- */
.ragados{display:none}
@media (max-width:899.98px){
  .ragados{position:fixed;left:0;right:0;bottom:0;z-index:50;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px));
    background:rgba(38,38,38,.96);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform .3s var(--e)}
  .ragados .gomb{min-height:48px;padding:0 12px;font-size:12px}
  .ragados .gomb-fo{color:var(--ink);background:var(--paper);border-color:var(--paper)}
  .ragados[hidden]{display:grid!important;transform:translateY(110%)}
  body{padding-bottom:72px}
}