/* Microkit Base, layout es komponensek. Minden ertek a tokens.css-bol jon. */

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;font-family:var(--mk-font);font-size:1rem;line-height:var(--mk-lh);
  color:var(--mk-ink);background:var(--mk-bg);-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:var(--mk-akc-700)}
h1,h2,h3{line-height:var(--mk-lh-tight);margin:0 0 var(--mk-s4);color:var(--mk-900);
  font-weight:700;letter-spacing:-.015em}
h1{font-size:var(--mk-fs-h1)} h2{font-size:var(--mk-fs-h2)} h3{font-size:var(--mk-fs-h3)}
p{margin:0 0 var(--mk-s4)}
svg{width:1.25em;height:1.25em;fill:none;stroke:currentColor;stroke-width:1.7;vertical-align:-.15em}

.mk-container{width:100%;max-width:var(--mk-container);margin-inline:auto;padding-inline:var(--mk-gutter)}
.mk-section{padding-block:var(--mk-s8)}
.mk-section--soft{background:var(--mk-bg-soft);border-block:1px solid var(--mk-line)}
.mk-mt6{margin-top:var(--mk-s6)}
.mk-head{max-width:58ch;margin-bottom:var(--mk-s7)}
.mk-head--center{margin-inline:auto;text-align:center}
.mk-lead{font-size:var(--mk-fs-lead);color:var(--mk-ink-soft)}
.mk-eyebrow{font-size:.75rem;font-weight:600;letter-spacing:var(--mk-track-eyebrow);
  text-transform:uppercase;color:var(--mk-akc-700);margin:0 0 var(--mk-s3)}
.mk-note{font-size:var(--mk-fs-small);color:var(--mk-muted)}

.mk-skip{position:absolute;left:-9999px}
.mk-skip:focus{left:var(--mk-s4);top:var(--mk-s4);z-index:99;background:#fff;
  padding:var(--mk-s3) var(--mk-s4);border-radius:var(--mk-radius-sm);box-shadow:var(--mk-shadow-lift)}
:focus-visible{outline:2px solid var(--mk-akc-500);outline-offset:2px}

/* Bemutato sav */
.mk-demobar{background:var(--mk-demo);color:#fff;font-size:var(--mk-fs-small);
  text-align:center;padding:var(--mk-s2) var(--mk-s4);display:flex;flex-wrap:wrap;
  justify-content:center;gap:var(--mk-s3)}
.mk-demobar strong{background:rgba(0,0,0,.24);border-radius:var(--mk-radius-pill);padding:0 .6rem}

/* Fejlec */
/* GORGETESI TELJESITMENY (2026-09-14): a backdrop-filter kikerult.
   Ragadós fejlecen minden gorgetesi kepkockan ujra kellett szamolni a
   mogotte levo elmosast, ez akasztotta a gorgetest. Helyette tomor hatter. */
.mk-header{position:sticky;top:0;z-index:40;background:var(--mk-header-bg,#fff);
  border-bottom:1px solid var(--mk-line)}
.mk-header__inner{display:flex;align-items:center;gap:var(--mk-s4);min-height:var(--mk-header-h)}
.mk-brand{display:flex;align-items:center;gap:var(--mk-s3);text-decoration:none;
  color:var(--mk-900);margin-right:auto}
.mk-brand__mark{display:grid;place-items:center;width:34px;height:34px;color:var(--mk-akc-600)}
.mk-brand__mark svg{width:34px;height:34px;stroke-width:0}
.mk-brand__txt{display:flex;flex-direction:column;font-weight:700;letter-spacing:.14em;line-height:1.05}
.mk-brand__txt small{font-weight:500;letter-spacing:.04em;font-size:.625rem;
  color:var(--mk-muted);text-transform:none}
.mk-brand__txt--foot{color:#fff}
.mk-brand__txt--foot small{color:rgba(255,255,255,.6)}

.mk-burger{display:none;background:none;border:1px solid var(--mk-line);
  border-radius:var(--mk-radius-sm);padding:var(--mk-s2);color:var(--mk-900);cursor:pointer}
.mk-nav{display:flex;align-items:center;gap:var(--mk-s5)}
.mk-nav__list{display:flex;align-items:center;gap:var(--mk-s5);list-style:none;margin:0;padding:0}
.mk-nav__list a{text-decoration:none;color:var(--mk-ink-soft);font-weight:500;
  font-size:.9375rem;padding-block:var(--mk-s2)}
.mk-nav__list a:hover{color:var(--mk-akc-700)}
.mk-nav__list a[aria-current="page"]{color:var(--mk-900);font-weight:600;
  box-shadow:inset 0 -2px 0 var(--mk-akc-500)}

/* Nyelvvalto */
.mk-langsw{position:relative}
.mk-langsw__btn{display:flex;align-items:center;gap:var(--mk-s2);background:#fff;cursor:pointer;
  border:1px solid var(--mk-line);border-radius:var(--mk-radius-pill);
  padding:var(--mk-s2) var(--mk-s3);font:inherit;font-size:var(--mk-fs-small);
  font-weight:600;color:var(--mk-ink)}
.mk-caret{width:14px;height:14px;transition:transform .15s}
.mk-langsw[data-open="1"] .mk-caret{transform:rotate(180deg)}
.mk-flag{font-size:1rem;line-height:1}
.mk-langsw__list{position:absolute;right:0;top:calc(100% + 6px);min-width:170px;list-style:none;
  margin:0;padding:var(--mk-s2);background:#fff;border:1px solid var(--mk-line);
  border-radius:var(--mk-radius);box-shadow:var(--mk-shadow-lift);display:none;z-index:50}
.mk-langsw[data-open="1"] .mk-langsw__list{display:block}
.mk-langsw__list a{display:flex;align-items:center;gap:var(--mk-s3);padding:var(--mk-s2) var(--mk-s3);
  border-radius:var(--mk-radius-sm);text-decoration:none;color:var(--mk-ink);font-size:var(--mk-fs-small)}
.mk-langsw__list a:hover{background:var(--mk-akc-100)}
.mk-langsw__list a[aria-current="true"]{background:var(--mk-akc-200);font-weight:600}

/* Gombok */
.mk-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--mk-s2);
  padding:.78rem 1.4rem;border:1px solid transparent;border-radius:var(--mk-radius-pill);
  font-weight:600;font-size:.9375rem;text-decoration:none;cursor:pointer;
  transition:background .15s,color .15s,border-color .15s}
.mk-btn--primary{background:var(--mk-900);color:#fff}
.mk-btn--primary:hover{background:var(--mk-800)}
.mk-btn--cta{background:var(--mk-cta);color:#fff}
.mk-btn--cta:hover{background:var(--mk-cta-dark)}
.mk-btn--ghost{background:transparent;color:var(--mk-900);border-color:var(--mk-300)}
.mk-btn--ghost:hover{border-color:var(--mk-900)}
.mk-btnrow{display:flex;flex-wrap:wrap;gap:var(--mk-s3);margin:0}
.mk-link{display:inline-flex;align-items:center;gap:var(--mk-s2);font-weight:600;
  font-size:.9375rem;text-decoration:none;color:var(--mk-akc-700)}
.mk-link:hover{text-decoration:underline}

/* ==========================================================================
   HERO. Minden oldal ezzel indul. A harom valtozat ezt a komponenst rendezi at.
   Alapertelmezes: kemeny elu vilagos fatyol balrol, a szoveg a tomor zonaban.
   ========================================================================== */
.mk-hero{position:relative;display:grid;align-items:center;isolation:isolate;
  min-height:var(--mk-hero-min);overflow:hidden;background:var(--mk-100)}
.mk-hero--nagy{min-height:var(--mk-hero-min-nagy)}
/* Sajat rajzolasi reteg a heronak: a szuro es a diavetites igy egyszer
   rasztereződik, es gorgeteskor csak osszerakni kell, nem ujraszamolni. */
.mk-hero__media{position:absolute;inset:0;z-index:0;transform:translateZ(0);contain:paint}
.mk-hero__media img,.mk-hero__media video,.mk-hero__media .mk-ph{width:100%;height:100%;object-fit:cover;border:0;border-radius:0;display:block}
.mk-hero__veil{position:absolute;inset:0;z-index:1;
  background:linear-gradient(90deg,
    var(--mk-000) 0%, var(--mk-000) 36%,
    rgba(255,255,255,.86) 52%, rgba(255,255,255,.35) 70%, rgba(255,255,255,0) 88%)}
.mk-hero__inner{position:relative;z-index:2;padding-block:var(--mk-s8)}

/* Helykitolt allapot: a kep helye latszik, jobb oldalt, panelkent.
   Igy a bemutato egyben megmutatja, milyen kep keszul oda. */
.mk-hero--ph .mk-hero__media{left:auto;width:44%;top:var(--mk-s6);bottom:var(--mk-s6);
  right:var(--mk-gutter);z-index:2;max-width:560px}
.mk-hero--ph .mk-hero__media .mk-ph{border-radius:var(--mk-radius-lg);background:
  repeating-linear-gradient(135deg,rgba(255,255,255,.92),rgba(255,255,255,.92) 12px,rgba(255,255,255,.75) 12px,rgba(255,255,255,.75) 24px)}
.mk-hero--ph .mk-hero__veil{background:none}
.mk-hero--ph{background:linear-gradient(120deg,var(--mk-050),var(--mk-100))}
.mk-hero h1{font-size:var(--mk-fs-hero);color:var(--mk-hero-text);
  max-width:min(680px,56vw);margin-bottom:var(--mk-s5)}
.mk-hero .mk-lead{color:var(--mk-hero-lead);max-width:min(560px,50vw);margin-bottom:var(--mk-s6)}
.mk-hero .mk-eyebrow{color:var(--mk-akc-700)}

/* Kep helykitolto, egyben a kepterv jelolese */
.mk-ph{display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:var(--mk-s2);text-align:center;padding:var(--mk-s5);min-height:180px;
  background:repeating-linear-gradient(135deg,var(--mk-100),var(--mk-100) 12px,var(--mk-050) 12px,var(--mk-050) 24px);
  border:1px dashed var(--mk-300);border-radius:var(--mk-radius);color:var(--mk-600)}
.mk-ph__nev{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8125rem;
  font-weight:600;color:var(--mk-700);background:#fff;border:1px solid var(--mk-200);
  border-radius:var(--mk-radius-sm);padding:.15rem .5rem}
.mk-ph__alt{font-size:var(--mk-fs-small);max-width:44ch;color:var(--mk-600)}
.mk-ph__jel{font-size:.6875rem;letter-spacing:.12em;text-transform:uppercase;color:var(--mk-400)}

/* Vizsgalati teruletek, kartya kepekkel */
.mk-grid{display:grid;gap:var(--mk-s5)}
.mk-grid--2{grid-template-columns:repeat(2,1fr)}
.mk-grid--3{grid-template-columns:repeat(3,1fr)}
.mk-tech{background:#fff;border:1px solid var(--mk-line);border-radius:var(--mk-radius-lg);
  overflow:hidden;box-shadow:var(--mk-shadow);display:flex;flex-direction:column}
.mk-tech__kep{aspect-ratio:4/3;background:var(--mk-100)}
.mk-tech__kep img,.mk-tech__kep .mk-ph{width:100%;height:100%;object-fit:cover;border:0;border-radius:0}
.mk-tech__txt{padding:var(--mk-s5)}
.mk-tech__ico{display:grid;place-items:center;width:40px;height:40px;border-radius:var(--mk-radius-sm);
  background:var(--mk-akc-100);color:var(--mk-akc-700);margin-bottom:var(--mk-s4)}
.mk-tech__txt p{margin:0;color:var(--mk-ink-soft);font-size:.9375rem}

/* Valtakozo sorok a diagnosztika oldalon */
.mk-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--mk-s7);align-items:center;
  padding-block:var(--mk-s7);border-bottom:1px solid var(--mk-line)}
.mk-row:last-child{border-bottom:0}
.mk-row--forditott .mk-row__kep{order:2}
.mk-row__kep{aspect-ratio:16/10;border-radius:var(--mk-radius-lg);overflow:hidden;background:var(--mk-100)}
.mk-row__kep img,.mk-row__kep .mk-ph{width:100%;height:100%;object-fit:cover;border:0;border-radius:0}

/* Nevracs */
.mk-namegrid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--mk-s3);
  list-style:none;margin:0 0 var(--mk-s4);padding:0}
.mk-namegrid li{padding:var(--mk-s5) var(--mk-s4);text-align:center;font-weight:600;
  color:var(--mk-800);border:1px solid var(--mk-line);border-radius:var(--mk-radius);background:#fff}

/* Kartyak */
.mk-card{background:#fff;border:1px solid var(--mk-line);border-radius:var(--mk-radius-lg);
  padding:var(--mk-s5);box-shadow:var(--mk-shadow)}
.mk-card h2{font-size:var(--mk-fs-h3);margin-bottom:var(--mk-s3)}
.mk-card--empty{opacity:.72}
.mk-card__todo{margin-bottom:var(--mk-s3)}
.mk-portre{aspect-ratio:3/4;border-radius:var(--mk-radius);overflow:hidden;
  background:var(--mk-100);margin-bottom:var(--mk-s4)}
.mk-portre img,.mk-portre .mk-ph{width:100%;height:100%;object-fit:cover;border:0;border-radius:0}

.mk-taglist{display:flex;flex-wrap:wrap;gap:var(--mk-s2);list-style:none;margin:0 0 var(--mk-s4);padding:0}
.mk-taglist li{font-size:.8125rem;padding:.2rem .65rem;border-radius:var(--mk-radius-pill);
  background:var(--mk-akc-100);border:1px solid var(--mk-akc-200);color:var(--mk-akc-700)}

/* Kitoltendo jeloles */
.mk-todo{display:inline-block;font-size:.8125rem;font-weight:600;color:var(--mk-todo);
  background:var(--mk-todo-bg);border:1px solid currentColor;border-radius:var(--mk-radius-sm);
  padding:.15rem .5rem}

/* Rendeles sav */
.mk-band{position:relative;isolation:isolate;overflow:hidden;background:var(--mk-900);color:#fff}
.mk-band__media{position:absolute;inset:0;z-index:0}
.mk-band__media img,.mk-band__media .mk-ph{width:100%;height:100%;object-fit:cover;border:0;border-radius:0;opacity:.5}
.mk-band__veil{position:absolute;inset:0;z-index:1;
  background:linear-gradient(90deg,rgba(25,42,86,.94),rgba(25,42,86,.72) 60%,rgba(25,42,86,.5))}
.mk-band__inner{position:relative;z-index:2;padding-block:var(--mk-s8)}
.mk-band h2{color:#fff}
.mk-band .mk-lead{color:rgba(255,255,255,.82)}
.mk-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--mk-s5);
  list-style:none;margin:0 0 var(--mk-s6);padding:0;counter-reset:l}
.mk-steps li{display:grid;gap:var(--mk-s2);padding-top:var(--mk-s4);
  border-top:2px solid rgba(255,255,255,.28)}
.mk-steps__n{font-size:.75rem;letter-spacing:.14em;color:var(--mk-akc-200)}
.mk-steps strong{color:#fff}
.mk-steps span:last-child{color:rgba(255,255,255,.76);font-size:.9375rem}

/* Kapcsolat */
.mk-kapcs{display:grid;grid-template-columns:1.25fr .75fr;gap:var(--mk-s7);align-items:start}
.mk-form{max-width:40rem}
.mk-form__ket{display:grid;grid-template-columns:1fr 1fr;gap:0 var(--mk-s4)}
.mk-field{display:flex;flex-direction:column;gap:var(--mk-s2);margin-bottom:var(--mk-s4)}
.mk-field label{font-weight:600;font-size:var(--mk-fs-small)}
.mk-req{font-weight:500;color:var(--mk-muted)}
.mk-field input,.mk-field select,.mk-field textarea{font:inherit;padding:.7rem .85rem;
  border:1px solid var(--mk-300);border-radius:var(--mk-radius-sm);background:#fff;color:var(--mk-ink)}
.mk-check{display:flex;flex-direction:column;gap:var(--mk-s2);margin-bottom:var(--mk-s5)}
.mk-check label{display:flex;gap:var(--mk-s3);align-items:flex-start;
  font-size:var(--mk-fs-small);color:var(--mk-ink-soft)}
/* 0.8.0: urlap allapotok es robotcsapda */
#urlap{scroll-margin-top:calc(var(--mk-header-h) + var(--mk-s5))}
.mk-hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden;opacity:0}
.mk-check a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.mk-check a:hover{color:var(--mk-akc-700)}
.mk-form__ok{background:var(--mk-bg-soft);border:1px solid var(--mk-line);border-radius:var(--mk-radius-lg);
  padding:var(--mk-s6);max-width:40rem}
.mk-form__ok h2{margin:0 0 var(--mk-s3);font-size:var(--mk-fs-h3)}
.mk-form__ok p{margin:0 0 var(--mk-s4)}
.mk-form__hiba{background:#fdf2f2;border:1px solid #f1b8b8;color:#8a1f1f;border-radius:var(--mk-radius);
  padding:var(--mk-s4) var(--mk-s5);margin-bottom:var(--mk-s5);font-size:var(--mk-fs-small)}
.mk-kapcs__side{background:var(--mk-bg-soft);border:1px solid var(--mk-line);
  border-radius:var(--mk-radius-lg);padding:var(--mk-s6)}
.mk-contact{list-style:none;margin:0;padding:0;display:grid;gap:var(--mk-s5)}
.mk-contact li{display:flex;gap:var(--mk-s3);align-items:flex-start;font-size:var(--mk-fs-small)}
.mk-contact svg{color:var(--mk-akc-600)}

/* Lablec */
.mk-footer{background:var(--mk-900);color:rgba(255,255,255,.8);padding-block:var(--mk-s7)}
.mk-footer__grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:var(--mk-s6)}
.mk-footer h3{color:#fff;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;
  margin-bottom:var(--mk-s4)}
.mk-footer ul{list-style:none;margin:0;padding:0;display:grid;gap:var(--mk-s2);font-size:var(--mk-fs-small)}
.mk-footer a{color:rgba(255,255,255,.86);text-decoration:none}
.mk-footer a:hover{color:#fff;text-decoration:underline}
.mk-footer p{font-size:var(--mk-fs-small);margin-top:var(--mk-s4);max-width:38ch}
.mk-footer__legal .mk-todo{background:transparent;color:#ffb8b2}
.mk-footer__bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--mk-s3);
  margin-top:var(--mk-s7);padding-top:var(--mk-s4);border-top:1px solid rgba(255,255,255,.14);
  font-size:var(--mk-fs-small);color:rgba(255,255,255,.6)}

/* 0.8.3: DSP arculati blokk a lableben. A 141 px-es logomagassag es a 141 px-es koz a KTK minimuma,
   a 14 px belso margo az 5 mm-es vedotavolsag. */
.mk-footer__dsp{margin-top:var(--mk-s7);padding:var(--mk-s5) 14px 0;border-top:1px solid rgba(255,255,255,.14)}
.mk-footer .mk-footer__dsp-szoveg{color:#fff;font-size:var(--mk-fs-small);margin:0 0 var(--mk-s5);max-width:none}
.mk-footer__dsp-logok{display:flex;flex-wrap:wrap;align-items:center;gap:var(--mk-s5) 141px}
.mk-footer__dsp-logo{display:block;width:auto;height:141px}
.mk-footer__neum-logo{display:block;width:auto;height:64px}

/* Reszponziv */
@media (max-width:980px){
  .mk-hero--ph .mk-hero__media{position:relative;inset:auto;width:auto;max-width:none;
    margin:0 var(--mk-gutter) var(--mk-s6);height:220px}
  .mk-hero--ph{display:flex;flex-direction:column;justify-content:center}
  .mk-grid--3,.mk-grid--2,.mk-kapcs,.mk-footer__grid,.mk-steps,.mk-row{grid-template-columns:1fr}
  .mk-row--forditott .mk-row__kep{order:0}
  .mk-namegrid{grid-template-columns:repeat(2,1fr)}
  .mk-burger{display:inline-flex}
  .mk-nav{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;
    align-items:stretch;gap:var(--mk-s4);background:#fff;border-bottom:1px solid var(--mk-line);
    padding:var(--mk-s5) var(--mk-gutter)}
  .mk-nav[data-open="1"]{display:flex}
  .mk-nav__list{flex-direction:column;align-items:stretch;gap:var(--mk-s3)}
  .mk-langsw__list{right:auto;left:0}
  .mk-hero h1,.mk-hero .mk-lead{max-width:none}
  .mk-hero__veil{background:linear-gradient(180deg,rgba(255,255,255,.97),rgba(255,255,255,.92) 70%,rgba(255,255,255,.8))}
  .mk-form__ket{grid-template-columns:1fr}
}
@media (max-width:560px){ .mk-namegrid{grid-template-columns:1fr} }
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto}}

/* ==========================================================================
   0.4.0, az ugyfel levele szerinti uj elemek
   ========================================================================== */

.mk-vizualisan-rejtett{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.mk-head--sor{display:flex;flex-wrap:wrap;gap:var(--mk-s4);align-items:flex-end;
  justify-content:space-between;max-width:none}

/* Legordulo fomenu */
.mk-nav__has{position:relative}
.mk-nav__has > a,.mk-nav__nyit{display:inline-flex;align-items:center;gap:var(--mk-s2)}
.mk-nav__has > a svg,.mk-nav__nyit svg{width:14px;height:14px;transition:transform .15s}
.mk-nav__has[data-open="1"] > .mk-nav__nyit svg{transform:rotate(180deg)}
.mk-nav__has[data-aktiv="1"] > a,.mk-nav__has[data-aktiv="1"] > .mk-nav__nyit{color:var(--mk-900);font-weight:600;box-shadow:inset 0 -2px 0 var(--mk-700)}
.mk-nav__sub{position:absolute;left:0;top:calc(100% + 10px);min-width:230px;list-style:none;
  margin:0;padding:var(--mk-s2);background:#fff;border:1px solid var(--mk-line);
  border-radius:var(--mk-radius);box-shadow:var(--mk-shadow-lift);display:none;z-index:50}
.mk-nav__has[data-open="1"] .mk-nav__sub{display:block}
.mk-nav__sub a{display:block;padding:var(--mk-s2) var(--mk-s3);border-radius:var(--mk-radius-sm);
  text-decoration:none;color:var(--mk-ink);font-size:var(--mk-fs-small)}
.mk-nav__sub a:hover{background:var(--mk-100)}

/* Webshop, inaktiv menuelem. Nem link, nem visz sehova. */
.mk-nav__inaktiv{display:inline-flex;align-items:center;gap:var(--mk-s2);
  font-size:.9375rem;color:var(--mk-400);cursor:default;user-select:none}
.mk-nav__inaktiv svg{width:17px;height:17px}
.mk-nav__inaktiv em{font-style:normal;font-size:.6875rem;letter-spacing:.08em;text-transform:uppercase;
  background:var(--mk-100);color:var(--mk-500);border-radius:var(--mk-radius-pill);padding:.1rem .5rem}

.mk-ikonbtn{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:var(--mk-radius-pill);
  border:1px solid var(--mk-line);color:var(--mk-ink);text-decoration:none;background:#fff}
.mk-ikonbtn:hover{border-color:var(--mk-500);color:var(--mk-700)}

/* Csempek */
.mk-csempek{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--mk-s5)}
.mk-csempek--gyarto{grid-template-columns:repeat(4,1fr)}
.mk-csempe{display:flex;flex-direction:column;background:#fff;border:1px solid var(--mk-line);
  border-radius:var(--mk-radius-lg);overflow:hidden;text-decoration:none;color:inherit;
  box-shadow:var(--mk-shadow);transition:box-shadow .15s,transform .15s}
.mk-csempe:hover{box-shadow:var(--mk-shadow-lift);transform:translateY(-2px)}
.mk-csempe__kep{display:block;aspect-ratio:4/3;background:var(--mk-100)}
.mk-csempe__kep img,.mk-csempe__kep .mk-ph{width:100%;height:100%;object-fit:cover;border:0;border-radius:0}
.mk-csempe__txt{display:grid;gap:var(--mk-s2);padding:var(--mk-s5)}
.mk-csempe__ico{display:grid;place-items:center;width:38px;height:38px;border-radius:var(--mk-radius-sm);
  background:var(--mk-100);color:var(--mk-700);margin-bottom:var(--mk-s2)}
.mk-csempe__txt strong{font-size:var(--mk-fs-h3);color:var(--mk-900)}
.mk-csempe__txt > span{color:var(--mk-ink-soft);font-size:.9375rem}
.mk-csempe__db{font-size:.75rem!important;letter-spacing:.06em;text-transform:uppercase;
  color:var(--mk-muted)!important;margin-top:var(--mk-s2)}
.mk-csempe--kulso .mk-csempe__txt{padding:var(--mk-s5);min-height:170px;align-content:start}
.mk-csempe__kulso{display:inline-flex;align-items:center;gap:var(--mk-s2);margin-top:auto;
  font-weight:600;font-size:.8125rem;color:var(--mk-700)}
.mk-csempe__todo{margin-bottom:var(--mk-s2)}

/* Cegunkrol */
.mk-ceg{display:grid;grid-template-columns:1.1fr .9fr;gap:var(--mk-s7);align-items:center}
.mk-ceg__kep{aspect-ratio:4/3;border-radius:var(--mk-radius-lg);overflow:hidden;background:var(--mk-100)}
.mk-ceg__kep img,.mk-ceg__kep .mk-ph{width:100%;height:100%;object-fit:cover;border:0;border-radius:0}

/* Hirek kepekben */
.mk-hir{display:flex;flex-direction:column;background:#fff;border:1px solid var(--mk-line);
  border-radius:var(--mk-radius-lg);overflow:hidden;text-decoration:none;color:inherit;box-shadow:var(--mk-shadow)}
a.mk-hir:hover{box-shadow:var(--mk-shadow-lift)}
.mk-hir__kep{display:block;aspect-ratio:16/10;background:var(--mk-100)}
.mk-hir__kep img,.mk-hir__kep .mk-ph{width:100%;height:100%;object-fit:cover;border:0;border-radius:0}
.mk-hir__txt{display:grid;gap:var(--mk-s2);padding:var(--mk-s5)}
.mk-hir__txt strong{font-size:var(--mk-fs-h3);color:var(--mk-900)}

/* Rendelesi lap csempe */
.mk-rendcsempe{display:grid;gap:var(--mk-s2);padding:var(--mk-s5);margin-bottom:var(--mk-s5);
  background:var(--mk-700);color:#fff;border-radius:var(--mk-radius-lg);text-decoration:none}
.mk-rendcsempe strong{font-size:var(--mk-fs-h3)}
.mk-rendcsempe > span{color:rgba(255,255,255,.82);font-size:.9375rem}
.mk-rendcsempe__ico{display:grid;place-items:center;width:40px;height:40px;border-radius:var(--mk-radius-sm);
  background:rgba(255,255,255,.16)}
.mk-rendcsempe__gomb{display:inline-flex;align-items:center;justify-content:center;margin-top:var(--mk-s3);
  padding:.6rem 1rem;border:1px solid rgba(255,255,255,.4);border-radius:var(--mk-radius-pill);
  font-weight:600;font-size:.875rem;color:#fff!important}

/* Kereses */
.mk-keres{max-width:760px}
.mk-keres__mezo input{font-size:1.125rem;padding:.9rem 1rem}
.mk-keres__lista{list-style:none;margin:var(--mk-s5) 0 0;padding:0;border-top:1px solid var(--mk-line)}
.mk-keres__lista li{border-bottom:1px solid var(--mk-line)}
.mk-keres__lista a{display:flex;justify-content:space-between;align-items:center;gap:var(--mk-s4);
  padding:var(--mk-s4) 0;text-decoration:none;color:var(--mk-ink)}
.mk-keres__lista a:hover strong{color:var(--mk-700);text-decoration:underline}
.mk-keres__lista span{font-size:.8125rem;color:var(--mk-muted)}

@media (max-width:980px){
  .mk-csempek,.mk-csempek--gyarto,.mk-ceg{grid-template-columns:1fr}
  .mk-nav__sub{position:static;display:block;box-shadow:none;border:0;padding:0 0 0 var(--mk-s4);
    background:transparent;min-width:0}
  .mk-nav__has > a svg,.mk-nav__nyit svg{display:none}
  .mk-nav__sub{display:block}
  .mk-head--sor{display:block}
}
@media (min-width:981px) and (max-width:1200px){
  .mk-csempek--gyarto{grid-template-columns:repeat(2,1fr)}
}
.mk-footer__al{padding-left:var(--mk-s3);opacity:.85}
.mk-footer__inaktiv{color:rgba(255,255,255,.45)}

/* 0.4.1: a fejlec gombjai nem torhetnek ket sorba */
.mk-btn{white-space:nowrap}
.mk-nav__inaktiv{white-space:nowrap}

/* ==========================================================================
   0.6.0, az ugyfel 2026-09-11-i pontjai
   ========================================================================== */

/* Fejlec: az igazi logo, a menu a logo mellett, a kereso es a nyelvvalaszto a jobb szelen */
.mk-brand{margin-right:var(--mk-s3)}
.mk-brand__logo{display:block;width:auto;height:48px} /* 0.7.10: Kata kerte nagyobbra, a 74px-es fejlecben ez a max, ami levegot hagy */
.mk-header__inner{gap:var(--mk-s6)}
.mk-nav{flex:1;justify-content:space-between}
.mk-nav__jobb{display:flex;align-items:center;gap:var(--mk-s3);margin-left:auto}
.mk-nav__nyit{background:none;border:0;padding:var(--mk-s2) 0;margin:0;font:inherit;font-weight:500;font-size:.9375rem;
  color:var(--mk-ink-soft);cursor:pointer}
.mk-nav__nyit:hover{color:var(--mk-akc-700)}
.mk-nav__sub-mind{font-weight:600;border-bottom:1px solid var(--mk-line);border-radius:0!important;margin-bottom:var(--mk-s1)}
.mk-nav__sub a[aria-current="page"]{background:var(--mk-100);font-weight:600}
.mk-footer__logo{display:block;width:auto;height:34px;margin-bottom:var(--mk-s3)}

/* Hero diavetites: a kepek egymason, az aktiv latszik, lassu attunes */
.mk-hero__dia{position:absolute;inset:0}
.mk-hero__lap{position:absolute;inset:0;opacity:0;transition:opacity 1.6s ease;
  will-change:opacity;transform:translateZ(0)}
.mk-hero__lap--aktiv{opacity:1}
.mk-hero__lap img{width:100%;height:100%;object-fit:cover}

/* Gyartok: logo, alatta a szoveg, a regi honlap mintajara */
.mk-gyartok{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--mk-s5)}
.mk-gyarto{display:flex;flex-direction:column;background:#fff;border:1px solid var(--mk-line);
  border-radius:var(--mk-radius-lg);overflow:hidden;text-decoration:none;color:inherit;
  box-shadow:var(--mk-shadow);transition:box-shadow .15s,transform .15s}
.mk-gyarto:hover{box-shadow:var(--mk-shadow-lift);transform:translateY(-2px)}
/* 0.7.9: a logomezo 3:2 aranyu, es a logofajlok EGYSEGES 900x600-as vasznak
   (99_Munka/logo-normalizalo.py): a tinta margo nelkul, azonos teruletre skalazva.
   Kata 2026-09-21-i levele: a szeles logo (VMRD) oriasi volt, a negyzetes (Biostone)
   apro, mert a contain az egyiket szelessegben, a masikat magassagban korlatozta.
   A CSS onmagaban ezt nem tudja kiegyenliteni, ezert a fajlok vannak normalizalva,
   a mezo pedig csak kitolti oket. Nyers, nem normalizalt feltoltesre a max 78/66%
   a vedohalo. */
.mk-gyarto__logo{display:flex;align-items:center;justify-content:center;aspect-ratio:3/2;flex:none;
  background:#fff;padding:var(--mk-s3) var(--mk-s4);border-bottom:1px solid var(--mk-line)}
.mk-gyarto__logo img{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain}
.mk-gyarto__logo img:not([src*="/logo-"]){max-width:78%;max-height:66%;width:auto;height:auto}
.mk-gyarto__nevlogo{font-size:var(--mk-fs-h2);font-weight:700;color:var(--mk-700);letter-spacing:-.02em;text-align:center}
.mk-gyarto__txt{display:grid;gap:var(--mk-s2);padding:var(--mk-s5);background:var(--mk-bg-soft);flex:1;align-content:start}
.mk-gyarto__txt strong{font-size:var(--mk-fs-h3);color:var(--mk-900)}
.mk-gyarto__txt > span{color:var(--mk-ink-soft);font-size:.9375rem}
.mk-gyarto__link{display:inline-flex;align-items:center;gap:var(--mk-s2);margin-top:var(--mk-s2);
  font-weight:600;font-size:.8125rem;color:var(--mk-700)!important}

/* Uzletagi kapcsolattarto */
.mk-kapcstarto{display:grid;gap:var(--mk-s1);margin-top:var(--mk-s7);padding:var(--mk-s5) var(--mk-s6);
  background:var(--mk-bg-soft);border:1px solid var(--mk-line);border-radius:var(--mk-radius-lg);max-width:520px}
.mk-kapcstarto .mk-eyebrow{margin-bottom:var(--mk-s2)}
.mk-kapcstarto strong{font-size:var(--mk-fs-h3);color:var(--mk-900)}
.mk-kapcstarto a{color:var(--mk-ink-soft);text-decoration:none}
.mk-kapcstarto a:hover{color:var(--mk-700);text-decoration:underline}

/* Hirek: kattinthato kategoria a csempe tetejen, szuro, korabbi gomb */
.mk-hir{position:relative}
.mk-hir__kat{position:absolute;top:var(--mk-s3);left:var(--mk-s3);z-index:2;font-size:.6875rem;font-weight:700;
  letter-spacing:.1em;text-transform:uppercase;text-decoration:none;color:var(--mk-900);
  background:rgba(255,255,255,.94);border-radius:var(--mk-radius-pill);padding:.3rem .7rem;box-shadow:var(--mk-shadow)}
.mk-hir__kat:hover{background:var(--mk-900);color:#fff}
/* 0.6.2: a cim linkje a teljes csempere kiterjed, a kategoria cimke folotte marad kattinthato */
.mk-hir__link{color:inherit;text-decoration:none}
.mk-hir__link::after{content:"";position:absolute;inset:0;z-index:1}
.mk-hir:hover .mk-hir__link{text-decoration:underline}
.mk-hircikk{max-width:760px}
.mk-hircikk__kep{margin-bottom:var(--mk-s6)}
.mk-hircikk__kep img{width:100%;height:auto;border-radius:var(--mk-radius-lg)}
.mk-hir__datum{font-size:.8125rem;color:var(--mk-muted)}
.mk-hirszuro{display:flex;flex-wrap:wrap;align-items:center;gap:var(--mk-s2);margin:0;font-size:var(--mk-fs-small)}
.mk-hirszuro > span{color:var(--mk-muted);margin-right:var(--mk-s1)}
.mk-hirszuro a{text-decoration:none;color:var(--mk-ink);padding:.3rem .8rem;border:1px solid var(--mk-line);border-radius:var(--mk-radius-pill)}
.mk-hirszuro a:hover{border-color:var(--mk-500)}
.mk-hirszuro a[aria-current="true"]{background:var(--mk-900);border-color:var(--mk-900);color:#fff}

/* Rendelesi lap. Az ugyfel 14. es 15. pontja: a letolto nyil kikerult, es
   NEM az egesz csempe szinezodik at, csak a letolto teglalap lesz szurke. */
.mk-rendcsempe__gomb{background:var(--mk-100);border-color:var(--mk-100);color:var(--mk-900)!important;
  text-decoration:none;justify-self:start}
.mk-rendcsempe__gomb:hover{background:#fff;border-color:#fff}

@media (max-width:1200px){ .mk-gyartok{grid-template-columns:repeat(2,1fr)} }
@media (max-width:980px){
  .mk-gyartok{grid-template-columns:1fr}
  .mk-nav__jobb{margin-left:0;flex-wrap:wrap}
  .mk-nav__nyit{padding:0;color:var(--mk-ink)}
  .mk-brand__logo{height:38px}
}

/* 0.7.2: jogi oldalak, adatlap. Atvezetve a microkit-base 0.6.4-bol. */
.mk-jogi{max-width:760px}
.mk-adatlap{display:grid;grid-template-columns:minmax(0,15rem) minmax(0,1fr);gap:var(--mk-s3) var(--mk-s5);margin:0}
.mk-adatlap dt{font-weight:600;color:var(--mk-900)}
.mk-adatlap dd{margin:0;color:var(--mk-ink-soft)}
.mk-adatlap a{color:var(--mk-akc-700)}
.mk-footer__legal a{color:rgba(255,255,255,.86);text-decoration:none}
.mk-footer__legal a:hover{color:#fff;text-decoration:underline}
@media (max-width:640px){ .mk-adatlap{grid-template-columns:minmax(0,1fr);gap:var(--mk-s1) 0}
  .mk-adatlap dd{margin-bottom:var(--mk-s3)} }

/* 0.7.2: hosszu jogi szoveg (adatkezelesi tajekoztato). A tablazat sajat
   gorgetheto dobozban all, hogy telefonon se csordulja tul az oldalt. */
.mk-jogiszoveg{max-width:760px;overflow-wrap:break-word}
.mk-jogiszoveg h2{margin:var(--mk-s7) 0 var(--mk-s3);font-size:1.35rem}
.mk-jogiszoveg h3{margin:var(--mk-s5) 0 var(--mk-s2);font-size:1.1rem}
.mk-jogiszoveg h2:first-child{margin-top:0}
.mk-jogiszoveg p{margin:0 0 var(--mk-s3);color:var(--mk-ink-soft)}
.mk-jogiszoveg a{color:var(--mk-akc-700)}
.mk-jogiszoveg ul{margin:0 0 var(--mk-s3) var(--mk-s5);color:var(--mk-ink-soft)}
.mk-jogiszoveg li{margin:0 0 var(--mk-s1)}
.mk-tablabox{overflow-x:auto;margin:0 0 var(--mk-s4);max-width:100%}
.mk-tabla{width:100%;border-collapse:collapse;margin:0;font-size:.95rem}
.mk-tabla th,.mk-tabla td{text-align:left;vertical-align:top;padding:var(--mk-s2) var(--mk-s3);
  border-bottom:1px solid var(--mk-line);color:var(--mk-ink-soft)}
.mk-tabla th{font-weight:600;color:var(--mk-900);white-space:normal}
.mk-tabla thead th{border-bottom-width:2px}
@media (max-width:640px){ .mk-tabla{font-size:.9rem;min-width:30rem} .mk-tabla th,.mk-tabla td{padding:var(--mk-s2)} }