/* ============================================================
   BETUTIPUSOK - sajat kiszolgalas, semmi nem jon kulso szerverrol.
   Source Sans 3 (szoveg) es Manrope (muszerfal, nagy szamok).
   Mindketto variable woff2, ezert egy fajl fedi a hasznalt
   vastagsagokat: Source Sans 3 400-700, Manrope 400-800.
   A latin-ext keszlet kotelezo: az "o" es "u" hosszu ekezetes
   valtozata (U+0151, U+0171) csak abban van benne.
   Licenc: SIL Open Font License 1.1
   Reszletek: /assets/fonts/OFL-NOTICE.txt
   ============================================================ */
@font-face{
  font-family:"Source Sans 3";
  font-style:normal;
  font-weight:400 700;
  font-display:swap;
  src:url(/assets/fonts/source-sans-3-latin-ext.woff2) format("woff2");
  unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face{
  font-family:"Source Sans 3";
  font-style:normal;
  font-weight:400 700;
  font-display:swap;
  src:url(/assets/fonts/source-sans-3-latin.woff2) format("woff2");
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face{
  font-family:"Manrope";
  font-style:normal;
  font-weight:400 800;
  font-display:swap;
  src:url(/assets/fonts/manrope-latin-ext.woff2) format("woff2");
  unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face{
  font-family:"Manrope";
  font-style:normal;
  font-weight:400 800;
  font-display:swap;
  src:url(/assets/fonts/manrope-latin.woff2) format("woff2");
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* MerdMeg tartalmi rendszer - kozos stilus. Illeszkedik a meglevo arculathoz. */
:root{--mm-accent:#E8A13C;--mm-accent-dark:#c9842a;--mm-accent-soft:#fdf3e3;--mm-text:#33312e;--mm-muted:#6b6862;--mm-bg:#faf8f4;--mm-border:#ece7de;--mm-wide:1080px;}
.mm-scope *{box-sizing:border-box;}
.mm-wrap{max-width:var(--mm-wide);margin:0 auto;padding:0 20px;}
.mm-scope{font-family:"Source Sans 3",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--mm-text);}
.mm-nav{position:sticky;top:0;z-index:50;background:rgba(250,248,244,.95);backdrop-filter:blur(8px);border-bottom:1px solid var(--mm-border);}
.mm-nav-inner{display:flex;align-items:center;gap:16px;height:64px;max-width:var(--mm-wide);margin:0 auto;padding:0 20px;}
.mm-logo{display:flex;align-items:center;font-weight:700;font-size:1.25rem;color:var(--mm-text);text-decoration:none;letter-spacing:.01em;}
.mm-logo b{color:var(--mm-accent-dark);}
.mm-logo{padding:6px 0;}
.mm-logo-img{display:block;height:46px;width:auto;}
@media(max-width:820px){.mm-logo-img{height:40px;}}
.mm-menu{display:flex;align-items:center;gap:2px;list-style:none;margin:0 0 0 auto;padding:0;}
.mm-menu>li{position:relative;}
.mm-menu>li>a,.mm-menu>li>button{font:inherit;font-size:.97rem;font-weight:600;color:var(--mm-text);background:none;border:0;padding:8px 12px;border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;gap:5px;text-decoration:none;}
.mm-menu>li>a:hover,.mm-menu>li>button:hover{background:var(--mm-accent-soft);color:var(--mm-accent-dark);}
.mm-caret{font-size:.7em;opacity:.6;}
.mm-dd{position:absolute;top:calc(100% + 4px);left:0;min-width:240px;background:#fff;border:1px solid var(--mm-border);border-radius:12px;box-shadow:0 12px 30px rgba(51,49,46,.12);padding:8px;display:none;}
.mm-dd.open{display:block;}
.mm-dd a{display:block;padding:8px 12px;border-radius:8px;color:var(--mm-text);text-decoration:none;font-size:.95rem;}
.mm-dd a:hover{background:var(--mm-accent-soft);color:var(--mm-accent-dark);}
.mm-burger{display:none;margin-left:auto;background:none;border:1px solid var(--mm-border);border-radius:8px;width:44px;height:40px;font-size:1.3rem;cursor:pointer;}
.mm-hero{text-align:center;padding:48px 0 8px;}
.mm-hero h1{font-size:2rem;margin:0 0 6px;}
.mm-hero p{color:var(--mm-muted);font-size:1.15rem;margin:0 0 24px;}
.mm-search{max-width:640px;margin:0 auto;position:relative;}
.mm-search input{width:100%;font:inherit;font-size:1.05rem;padding:15px 18px;border:2px solid var(--mm-border);border-radius:14px;background:#fff;}
.mm-search input:focus{outline:none;border-color:var(--mm-accent);}
.mm-popular{margin:10px 0 0;font-size:.9rem;color:var(--mm-muted);}
.mm-popular a{color:var(--mm-accent-dark);text-decoration:none;margin:0 4px;}
.mm-filters{display:flex;gap:8px;overflow-x:auto;padding:16px 0;-webkit-overflow-scrolling:touch;}
.mm-filter{flex:0 0 auto;font:inherit;font-size:.9rem;font-weight:600;padding:8px 16px;border:1px solid var(--mm-border);border-radius:999px;background:#fff;color:var(--mm-text);cursor:pointer;white-space:nowrap;}
.mm-filter.active{background:var(--mm-accent);border-color:var(--mm-accent);color:#fff;}
/* min(): 320px-en a 260px-es minimum 4 pixellel tulcsordult (ez a hiba a
   sablonositas ELOTT is megvolt). A min() csak akkor hat, ha nincs eleg hely. */
.mm-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr));gap:16px;}
.mm-card{display:flex;flex-direction:column;gap:10px;background:#fff;border:1px solid var(--mm-border);border-radius:14px;padding:18px;text-decoration:none;color:var(--mm-text);transition:transform .12s,box-shadow .12s;}
a.mm-card:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(51,49,46,.08);}
.mm-card.soon{opacity:.62;}
.mm-card h3{margin:0;font-size:1.08rem;}
.mm-card p{margin:0;color:var(--mm-muted);font-size:.94rem;line-height:1.5;}
.mm-card-foot{margin-top:auto;display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.mm-tag{display:inline-flex;align-items:center;font-size:.68rem;letter-spacing:.06em;font-weight:700;text-transform:uppercase;padding:4px 9px;border-radius:6px;border:1px solid var(--mm-border);color:var(--mm-muted);background:#fff;}
.mm-tag.calculator{color:#b06d12;border-color:#f0d9b0;background:#fdf3e3;}
.mm-tag.dashboard{color:#2f6f6b;border-color:#cfe6e3;background:#eef8f6;}
.mm-tag.article{color:#3a5a8c;border-color:#d3ddec;background:#eef2f9;}
.mm-tag.comparison{color:#7a5aa0;border-color:#ddd2ea;background:#f4f0fa;}
.mm-tag.product{color:#8a6a2f;border-color:#e6dcc4;background:#f8f4ea;}
.mm-tag.guide{color:#3a5a8c;border-color:#d3ddec;background:#eef2f9;}
.mm-soon-badge{font-size:.72rem;font-weight:700;color:var(--mm-muted);}
.mm-section{padding:26px 0;}
.mm-section h2{font-size:1.5rem;margin:0 0 4px;}
.mm-section .lead{color:var(--mm-muted);margin:0 0 18px;}
.mm-topic-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;}
.mm-topic-card{display:block;background:#fff;border:1px solid var(--mm-border);border-radius:14px;padding:20px;text-decoration:none;color:var(--mm-text);transition:transform .12s,box-shadow .12s;}
.mm-topic-card:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(51,49,46,.08);}
.mm-topic-card h3{margin:0 0 6px;font-size:1.15rem;color:var(--mm-accent-dark);}
.mm-topic-card p{margin:0;color:var(--mm-muted);font-size:.95rem;line-height:1.5;}
.mm-goal-block{margin:22px 0;}
.mm-goal-block h3{font-size:1.15rem;margin:0 0 12px;display:flex;align-items:center;gap:8px;}
.mm-goal-block h3 .g{font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#fff;background:var(--mm-accent);padding:4px 9px;border-radius:6px;}
.mm-related{margin:34px 0 10px;padding:24px;background:var(--mm-accent-soft);border-radius:16px;}
.mm-related h2{margin:0 0 4px;font-size:1.3rem;}
.mm-related .lead{color:var(--mm-muted);margin:0 0 16px;}
.mm-empty{color:var(--mm-muted);font-style:italic;padding:8px 0;}
.mm-foot{border-top:1px solid var(--mm-border);margin-top:40px;padding:26px 0;color:var(--mm-muted);font-size:.9rem;text-align:center;}
.mm-foot a{color:var(--mm-accent-dark);text-decoration:none;}
/* morzsamenu: halkitva, hogy ne versenyezzen a .mm-back visszalinkkel (2026-07-29) */
.mm-crumb{font-size:.8rem;color:var(--mm-muted);padding:16px 0 0;opacity:.85;}
.mm-crumb a{color:var(--mm-muted);text-decoration:none;}
.mm-crumb a:hover{color:var(--mm-accent-dark);text-decoration:underline;}
@media(max-width:820px){.mm-menu{position:fixed;top:64px;left:0;right:0;background:#fff;border-bottom:1px solid var(--mm-border);flex-direction:column;align-items:stretch;gap:0;padding:8px;display:none;box-shadow:0 12px 30px rgba(51,49,46,.12);}.mm-menu.open{display:flex;}.mm-menu>li>a,.mm-menu>li>button{width:100%;padding:12px;}.mm-dd{position:static;box-shadow:none;border:0;padding:0 0 0 12px;min-width:0;}.mm-burger{display:block;}.mm-hero h1{font-size:1.6rem;}}


/* ==================================================================
   MerdMeg - Kalkulator navigacio es gyujtooldalak (2026-07-26)
   Legordulo menu nincs. Sajat CSS, kulso forras nelkul, mm- prefix.
   ================================================================== */

/* Biztonsagi zar: ha barhol maradna regi legordulo markup, ne latszodjon */
.mm-menu .mm-dd{display:none !important;}
.mm-menu .mm-caret{display:none !important;}
.mm-mega{display:none !important;}

/* Szakaszok a gyujtooldalon */
.mm-cat-sec{margin:0 0 36px;}
.mm-cat-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin:0 0 14px;padding:0 0 8px;border-bottom:1px solid var(--mm-border,#ece7de);}
.mm-cat-head h2{margin:0;font-size:21px;line-height:1.2;color:var(--mm-navy,#1c2b45);}
.mm-cat-more{font-size:14px;font-weight:600;color:var(--mm-accent-dark,#c9842a);text-decoration:none;white-space:nowrap;}
.mm-cat-more:hover,.mm-cat-more:focus-visible{text-decoration:underline;}

/* Kartyaracs: asztalon 4, kozepen 3, mobilon 2 */
.mm-cat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;align-items:stretch;}
.mm-cat-grid--rich{grid-template-columns:repeat(3,1fr);}
.mm-cat-card{display:flex;align-items:center;gap:12px;min-height:92px;padding:16px;border:1px solid var(--mm-border,#ece7de);border-radius:14px;background:#fff;text-decoration:none;color:inherit;transition:border-color .15s,box-shadow .15s,transform .15s;}
.mm-cat-grid--rich .mm-cat-card{align-items:flex-start;}
a.mm-cat-card:hover{border-color:var(--mm-navy,#1c2b45);box-shadow:0 2px 10px rgba(28,43,69,.08);transform:translateY(-1px);}
a.mm-cat-card:focus-visible{outline:2px solid var(--mm-navy,#1c2b45);outline-offset:2px;}
.mm-cat-ic{flex:0 0 auto;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--mm-navy,#1c2b45);}
.mm-cat-tx{min-width:0;}
.mm-cat-nm{display:block;font-size:15px;font-weight:600;line-height:1.25;color:var(--mm-text,#33312e);overflow-wrap:break-word;}
.mm-cat-d{display:block;margin-top:5px;font-size:13.5px;line-height:1.45;color:var(--mm-muted,#6b6862);}
.mm-cat-ext{font-size:12px;color:var(--mm-muted,#6b6862);}
.mm-cat-card.is-soon{background:var(--mm-bg,#faf8f4);border-style:dashed;}
.mm-cat-card.is-soon .mm-cat-ic,.mm-cat-card.is-soon .mm-cat-nm{opacity:.62;}
.mm-cat-soon{display:inline-block;margin-top:6px;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--mm-muted,#6b6862);}

/* Gyujtooldal: hirdetesi hely */
.mm-group-ad{margin:28px 0 8px;padding:26px 16px;text-align:center;border:1px dashed var(--mm-border,#ece7de);border-radius:14px;color:var(--mm-muted,#6b6862);font-size:14px;background:var(--mm-bg,#faf8f4);}

@media (max-width:900px){
  .mm-cat-grid{grid-template-columns:repeat(3,1fr);}
  .mm-cat-grid--rich{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:640px){
  .mm-cat-grid,.mm-cat-grid--rich{grid-template-columns:repeat(2,1fr);gap:12px;}
  .mm-cat-card,.mm-cat-grid--rich .mm-cat-card{flex-direction:column;align-items:flex-start;min-height:0;padding:14px;gap:8px;}
  .mm-cat-nm{font-size:14px;}
  .mm-cat-d{font-size:12.5px;}
  .mm-cat-head h2{font-size:18px;}
  .mm-cat-more{font-size:13px;}
}
/* Bizalmi sor. Nincs kerete, nincs hattere, nincs kiemelese.
   Az ikon mindig a szoveg szinet veszi fel (currentColor). */
.mm-trust{display:flex;align-items:center;gap:6px;margin:14px 0 0;padding:0;border:0;background:none;font-size:11.5px;line-height:1.5;color:var(--mm-muted);}
.mm-trust>svg{flex:0 0 14px;width:14px;height:14px;}
.mm-trust--calc{margin:16px 0 4px;}
.mm-foot .mm-trust{justify-content:center;margin:8px 0 0;font-size:11.5px;}
.mm-foot .mm-trust a{color:inherit;text-decoration:none;border-bottom:1px solid rgba(107,104,98,.35);}
.mm-foot .mm-trust a:hover{color:var(--mm-accent-dark);border-bottom-color:var(--mm-accent-dark);}
.mm-foot-links .mm-trust{margin:0;}
@media(max-width:640px){.mm-trust{align-items:flex-start;}.mm-trust>svg{margin-top:2px;}}

/* Ugyanaz az ikon nagyban, az Amiben hiszunk oldal szakaszaban. */
.mm-trust-block{margin:38px 0 6px;}
.mm-trust-block>svg{display:block;width:44px;height:44px;color:var(--mm-muted);}
.mm-trust-block h2{margin:16px 0 8px;}
.mm-trust-block p{margin:0;}


/* ===== Egyseges lablec, 2026-07-27 - halk, szoveges hasabok =====
   4 hasab asztalon, 2 kozepes szelessegen, 1 db 460px alatt.
   Nincs listapont, nincs keret, nincs szines kiemeles. */
footer.mm-foot{--mm-muted:#6b6862;--mm-border:#ece7de;--mm-text:#33312e;--mm-wide:1080px;}
.mm-foot-wrap{max-width:var(--mm-wide);margin:0 auto;padding:0 20px;text-align:left;}
.mm-foot-cols{display:grid;grid-template-columns:1fr;gap:20px 28px;}
@media(min-width:461px){.mm-foot-cols{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(min-width:900px){.mm-foot-cols{grid-template-columns:repeat(4,minmax(0,1fr));}}
.mm-foot-col{min-width:0;}
.mm-foot-h{margin:0 0 7px;font-size:12.5px;font-weight:600;color:#918d86;}
.mm-foot-h a{color:inherit;text-decoration:none;border:0;}
.mm-foot-h a:hover{color:var(--mm-text);text-decoration:underline;}
.mm-foot-col ul{list-style:none;margin:0;padding:0;}
.mm-foot-col li{margin:0 0 6px;font-size:13.5px;line-height:1.5;}
.mm-foot-col li:last-child{margin-bottom:0;}
.mm-foot-col li a{color:var(--mm-muted);text-decoration:none;border:0;}
.mm-foot-col li a:hover{color:var(--mm-text);text-decoration:underline;}
.mm-foot-d{display:block;font-size:12px;line-height:1.45;color:#918d86;}
.mm-foot-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;margin-top:22px;padding-top:14px;border-top:1px solid var(--mm-border);}
.mm-foot-bottom .mm-foot-copy{font-size:13px;color:var(--mm-muted);}
.mm-foot .mm-foot-bottom .mm-trust{margin:0;justify-content:flex-start;}

/* ------------------------------------------------------------------
   MORZSAMENU - egyseges <ol><li> jeloles (2026-07-27, sablonositas)
   Korabban harom kulonbozo valtozat volt: &rsaquo;, sima / es ›.
   Most a breadcrumb.php ad egy szemantikus listat, a valasztojelet
   a CSS teszi ki. Listapont nincs, a kinezet valtozatlan.
   ------------------------------------------------------------------ */
/* Flex + wrap: igy minden morzsaelem sortoresi lehetoseg. Inline
   megjelenitessel 320px-en egyetlen tordelhetetlen sor lett belole,
   mert a valasztojel generalt tartalom, korulotte nincs szokoz. */
.mm-crumb ol{display:flex;flex-wrap:wrap;align-items:baseline;list-style:none;margin:0;padding:0}
.mm-crumb li{display:flex;align-items:baseline}
.mm-crumb li+li::before{content:"›";margin:0 .22em;color:var(--mm-muted)}
.mm-crumb [aria-current="page"]{color:var(--mm-muted)}

/* Csak felolvasonak szant szoveg. */
.mm-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* ==================================================================
   ALAPOK - 2026-07-27, sablonositas
   Korabban 6 oldal inline CSS-e allitotta be, 5 oldalon viszont
   kimaradt: ott 8px bongeszo-margo es feher hatter latszott.
   Most egy helyen, minden oldalra egyformán.
   ================================================================== */
body{margin:0;background:var(--mm-bg)}

/* ==================================================================
   DOKUMENTUM-OLDALAK (Kapcsolat, Adatvedelem, Impresszum)
   Ez a blokk korabban szo szerint azonosan allt inline a /kapcsolat/
   es az /adatvedelem/ oldalon. Az /impresszum/ ugyanezeket az
   osztalyokat hasznalja, de nem kapta meg a stilust - most megkapja.
   A 720px-es szukites .mm-narrow ala kerult, hogy csak a szoveges
   dokumentumoldalakon hasson, ne mindenhol.
   ================================================================== */
:where(.mm-narrow) main .mm-wrap{max-width:720px}
.mm-doc{font-size:1.04rem;line-height:1.72;}
.mm-doc p{margin:0 0 16px;}
.mm-doc h2{margin:32px 0 10px;font-size:1.22rem;line-height:1.3;}
.mm-doc ul{margin:0 0 16px;padding-left:22px;}
.mm-doc li{margin:0 0 6px;}
.mm-doc a{color:var(--mm-accent-dark,#b25f18);}
.mm-mail{display:inline-block;font-size:1.3rem;font-weight:700;margin:0 0 6px;}
.mm-facts{display:grid;gap:0;margin:0 0 8px;border-top:1px solid var(--mm-line,#e7e0d5);}
.mm-fact{display:flex;flex-wrap:wrap;gap:4px 16px;padding:11px 0;border-bottom:1px solid var(--mm-line,#e7e0d5);}
.mm-fact dt{flex:0 0 190px;font-weight:600;color:var(--mm-muted,#7a7266);font-size:.95rem;}
.mm-fact dd{margin:0;flex:1 1 240px;}
.mm-note{background:var(--mm-soft,#f4efe6);border-left:3px solid var(--mm-accent,#e08b3a);border-radius:8px;padding:12px 16px;margin:0 0 16px;}
.mm-updated{margin-top:34px;font-size:.9rem;color:var(--mm-muted,#7a7266);}
@media (max-width:560px){.mm-fact dt{flex:1 1 100%;}}

/* ==================================================================
   "Amiben hiszunk" - korabban inline az /amiben-hiszunk/ oldalon.
   A csupasz "article" szelektort :where(.mm-creed) ala szukitettuk,
   hogy ne szoljon bele mas oldalak cikkeibe. A :where() nulla
   specifikussagot ad, ezert a szabalyok pontosan ugy versenyeznek,
   mint amikor inline voltak.
   ================================================================== */
:where(.mm-creed) article p{margin:0 0 18px;font-size:1.08rem;line-height:1.7;}:where(.mm-creed) article h2{margin:34px 0 10px;font-size:1.4rem;}:where(.mm-creed) article .closer{font-weight:700;color:var(--mm-accent-dark);font-size:1.15rem;}

/* ==================================================================
   FOOLDAL - 2026-07-27, sablonositas
   ------------------------------------------------------------------
   Ide kerult at a fooldal kilenc inline <style> blokkja (harom a
   fejben, hat a torzs vegen). Minden szelektor ":where(body.mm-home)"
   ala van szukitve. A :where() NULLA specifikussagot ad, ezert a
   szabalyok pontosan ugy versenyeznek egymassal es az mm-app.css
   tobbi reszevel, mint amikor inline voltak - a fooldal kinezete
   valtozatlan, es egyetlen mas oldal sem valtozik.
   A ":root" valtozok (navy/korall paletta) is ide, a fooldal ala
   kerultek: NEM globalis design-tokenek.
   ------------------------------------------------------------------
   Torolt szabalyok: 95 db. Mindegyikrol bizonyitva, hogy semmi nem
   hivatkozik rajuk - sem a markup, sem a JS altal futasidoben
   generalt DOM, sem a JS forrasa:
     62 db  .afa2-*   a fooldalba korabban beagyazott, mar nem letezo
                      AFA-modul (a .afa2-collapse KIVETEL, lasd lent)
     13 db  .mm-side*, .mm-center*, .mm-dash-grid   regi ket-hasabos
                      elrendezes
     13 db  .site-footer, footer.site-footer*, .mm-foot-inner,
                      .mm-foot-links*                regi lablec
      2 db  .brand .accent, .logo                    regi fejlec
      5 db  .mm-calc-panel-title, .mm-calc-panel-desc, .mm-sec-kicker,
            .mm-sec-lead, .mm-field.mm-nolabel .mm-unit
   MEGTARTVA ovatossagbol 14 szabaly, amire nincs elem, de vagy JS
   hivatkozik rajuk, vagy allapothoz kototten jelennek meg:
     .afa2-collapse*  (inline script figyeli a klikket rajuk)
     .mm-info-pop*, .mm-info-back  (inline script hozza letre oket)
     .mm-dash-section .mm-calc-bar, .mm-menu.open, .mm-dd*,
     .mm-field select
   ================================================================== */

/* --- fooldali blokk #1 --- */
:where(body.mm-home){ --accent: #E8A13C; --accent-dark: #c9842a; --accent-soft: #fdf3e3; --text: #33312e; --text-muted: #6b6862; --bg: #faf8f4; --border: #ece7de; --max: 660px; }
:where(body.mm-home) *{ box-sizing: border-box; }
html:where(:has(body.mm-home)){ text-size-adjust: 100%; scroll-behavior: smooth; }
body:where(.mm-home){ margin: 0px; background: var(--bg); color: var(--text); font-family: "Source Sans 3", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; font-size: 18px; line-height: 1.65; -webkit-font-smoothing: antialiased; text-rendering: optimizelegibility; }
:where(body.mm-home) .wrap{ max-width: var(--max); margin: 0px auto; padding: 72px 24px 56px; }
:where(body.mm-home) a{ color: var(--accent-dark); text-decoration: none; border-bottom: 1px solid rgba(201, 132, 42, 0.35); transition: border-color 0.15s, color 0.15s; }
:where(body.mm-home) a:hover{ color: var(--accent); border-bottom-color: var(--accent); }
:where(body.mm-home) header.site-header{ text-align: center; margin-bottom: 56px; }
:where(body.mm-home) .brand{ font-size: 3rem; font-weight: 700; letter-spacing: -0.02em; line-height: 1.1; margin: 0px; color: var(--text); }
:where(body.mm-home) .tagline{ margin: 14px 0px 0px; font-size: 1.05rem; color: var(--text-muted); font-style: italic; }
:where(body.mm-home) .visually-hidden{ position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border: 0px; }
:where(body.mm-home) main section{ margin-bottom: 44px; }
:where(body.mm-home) main section:last-of-type{ margin-bottom: 0px; }
:where(body.mm-home) h2{ font-size: 1.35rem; font-weight: 700; letter-spacing: -0.01em; margin: 0px 0px 14px; color: var(--text); }
:where(body.mm-home) p{ margin: 0px 0px 16px; }
:where(body.mm-home) p:last-child{ margin-bottom: 0px; }
:where(body.mm-home) #csomag{ background: var(--accent-soft); border-top: 1px solid rgb(243, 220, 180); border-right: 1px solid rgb(243, 220, 180); border-bottom: 1px solid rgb(243, 220, 180); border-image: none; border-left: 4px solid var(--accent); border-radius: 12px; padding: 28px 30px; }
:where(body.mm-home) #csomag h2{ color: var(--accent-dark); }
@media (max-width: 560px) {
  :where(body.mm-home) .wrap{ padding: 48px 20px 40px; }
  :where(body.mm-home) .brand{ font-size: 2.4rem; }
  body:where(.mm-home){ font-size: 17px; }
  :where(body.mm-home) #csomag{ padding: 24px 22px; }
}
:where(body.mm-home) .mm-home-articles{ max-width: 1080px; margin: 0px auto; padding: 0px 20px; scroll-margin-top: 80px; }
:where(body.mm-home) .mm-articles-wrap{ margin-top: 28px; padding-top: 0px; }
:where(body.mm-home) .mm-articles-head{ display: flex; align-items: baseline; justify-content: space-between; gap: 14px; flex-wrap: wrap; margin: 0px 0px 18px; }
:where(body.mm-home) .mm-articles-kicker{ margin: 0px; font-size: 0.8rem; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: var(--text-muted,#6b6862); }
:where(body.mm-home) .mm-articles-all{ font-weight: 600; font-size: 0.9rem; color: var(--accent-dark,#c9842a); border-bottom: 2px solid rgba(201, 132, 42, 0.35); text-decoration: none; padding-bottom: 2px; white-space: nowrap; }
:where(body.mm-home) .mm-articles-all:hover{ border-bottom-color: var(--accent,#E8A13C); }
:where(body.mm-home) .mm-home-feat{ display: grid; grid-template-columns: 1.05fr 1fr; gap: 0px; background: rgb(255, 255, 255); border: 1px solid var(--border,#ece7de); border-radius: 20px; overflow: hidden; text-decoration: none; color: var(--text,#33312e); transition: transform 0.14s, box-shadow 0.14s; }
:where(body.mm-home) .mm-home-feat:hover{ transform: translateY(-3px); box-shadow: rgba(51, 49, 46, 0.12) 0px 16px 40px; }
:where(body.mm-home) .mm-home-feat-ph{ margin: 0px; background: rgb(250, 247, 241); }
:where(body.mm-home) .mm-home-feat-ph img{ width: 100%; height: 100%; min-height: 250px; object-fit: cover; display: block; }
:where(body.mm-home) .mm-home-feat-body{ padding: 28px 30px; display: flex; flex-direction: column; justify-content: center; }
:where(body.mm-home) .mm-home-feat-cat{ align-self: flex-start; font-size: 0.7rem; letter-spacing: 0.08em; font-weight: 700; text-transform: uppercase; color: rgb(58, 90, 140); background: rgb(238, 242, 249); border: 1px solid rgb(211, 221, 236); padding: 5px 11px; border-radius: 999px; margin: 0px 0px 14px; }
:where(body.mm-home) .mm-home-feat-body h3{ font-size: 1.4rem; line-height: 1.22; margin: 0px 0px 12px; color: var(--text,#33312e); }
:where(body.mm-home) .mm-home-feat-body p{ color: var(--text-muted,#6b6862); font-size: 1rem; line-height: 1.55; margin: 0px 0px 16px; }
:where(body.mm-home) .mm-home-feat-meta{ font-size: 0.9rem; color: var(--text-muted,#6b6862); margin: 0px 0px 14px; }
:where(body.mm-home) .mm-home-feat-cta{ align-self: flex-start; font-weight: 700; color: var(--accent-dark,#c9842a); border-bottom: 2px solid rgba(201, 132, 42, 0.35); padding-bottom: 2px; }
:where(body.mm-home) .mm-home-feat:hover .mm-home-feat-cta{ border-bottom-color: var(--accent,#E8A13C); }
:where(body.mm-home) .mm-home-sec{ display: flex; align-items: center; gap: 18px; margin-top: 14px; background: rgb(255, 255, 255); border: 1px solid var(--border,#ece7de); border-radius: 16px; padding: 14px 18px; text-decoration: none; color: var(--text,#33312e); transition: transform 0.14s, box-shadow 0.14s; }
:where(body.mm-home) .mm-home-sec:hover{ transform: translateY(-2px); box-shadow: rgba(51, 49, 46, 0.1) 0px 10px 26px; }
:where(body.mm-home) .mm-home-sec-ph{ flex: 0 0 96px; margin: 0px; background: rgb(250, 247, 241); border-radius: 12px; overflow: hidden; }
:where(body.mm-home) .mm-home-sec-ph img{ width: 100%; height: 72px; object-fit: cover; display: block; }
:where(body.mm-home) .mm-home-sec-body{ min-width: 0px; }
:where(body.mm-home) .mm-home-sec-cat{ display: inline-block; font-size: 0.66rem; letter-spacing: 0.08em; font-weight: 700; text-transform: uppercase; color: rgb(58, 90, 140); margin: 0px 0px 6px; }
:where(body.mm-home) .mm-home-sec-body h3{ font-size: 1.02rem; line-height: 1.3; margin: 0px 0px 6px; color: var(--text,#33312e); font-weight: 700; }
:where(body.mm-home) .mm-home-sec-meta{ font-size: 0.82rem; color: var(--text-muted,#6b6862); }
@media (max-width: 520px) {
  :where(body.mm-home) .mm-home-sec{ gap: 14px; padding: 12px 14px; }
  :where(body.mm-home) .mm-home-sec-ph{ flex: 0 0 72px; }
  :where(body.mm-home) .mm-home-sec-ph img{ height: 58px; }
  :where(body.mm-home) .mm-home-sec-body h3{ font-size: 0.96rem; }
}
@media (max-width: 760px) {
  :where(body.mm-home) .mm-home-feat{ grid-template-columns: 1fr; }
  :where(body.mm-home) .mm-home-feat-ph img{ min-height: 190px; }
  :where(body.mm-home) .mm-home-feat-body{ padding: 22px 20px; }
  :where(body.mm-home) .mm-home-feat-body h3{ font-size: 1.22rem; }
  :where(body.mm-home) .mm-articles-head h2{ font-size: 1.3rem; }
}
:where(body.mm-home) #muszerfal.mm-dash-section{ width: auto; max-width: none; margin-left: -24px; margin-right: -24px; padding: 0px; }
@media (max-width: 640px) {
  :where(body.mm-home) #muszerfal.mm-dash-section{ margin-left: -18px; margin-right: -18px; }
}
:where(body.mm-home) .mm-calc-item[data-key="afa"] .mm-calc-panel-inner{ padding-top: 10px; padding-bottom: 12px; }
@property --afa2-deg { syntax: "<angle>"; inherits: true; initial-value: 283deg; }
:where(body.mm-home) .afa2-collapse{ display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; margin: 14px 0px 0px; padding: 11px 14px; border: 1.5px solid var(--mm-border,#ece7de); border-radius: 10px; background: var(--mm-bg,#faf8f4); color: var(--mm-muted,#6b6862); font-family: "Source Sans 3", sans-serif; font-size: 14px; font-weight: 700; letter-spacing: 0.02em; cursor: pointer; transition: 0.15s; }
:where(body.mm-home) .afa2-collapse:hover{ border-color: var(--mm-accent,#E8A13C); background: var(--mm-accent-soft,#fdf3e3); color: rgb(51, 49, 46); }
:where(body.mm-home) .afa2-collapse:focus-visible{ outline: rgba(232, 161, 60, 0.5) solid 3px; outline-offset: 2px; }
:where(body.mm-home) .afa2-collapse-ic{ font-size: 12px; line-height: 1; }
@media (max-width: 640px) {
  :where(body.mm-home) .mm-calc-item[data-key="afa"] .mm-calc-panel-inner{ padding: 12px; }
}

/* --- fooldali blokk #2 --- */
:where(body.mm-home) .mm-dash-section .mm-calc-bar{ margin: 0px 0px 18px; }
:where(body.mm-home) .mm-calc-grid{ display: grid; grid-template-columns: repeat(6, 1fr); gap: 10px; }
:where(body.mm-home) .mm-calc-item{ grid-column: span 1; min-width: 0px; }
:where(body.mm-home) .mm-calc-item.is-open{ grid-column: 1 / -1; }
:where(body.mm-home) .mm-calc-btn{ width: 100%; min-height: 78px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; padding: 10px 8px; border: 1px solid rgb(215, 219, 230); border-radius: 14px; background: rgb(255, 255, 255); cursor: pointer; font-family: inherit; box-shadow: rgba(20, 30, 60, 0.06) 0px 1px 2px; transition: border-color 0.15s, box-shadow 0.15s, background 0.15s; }
:where(body.mm-home) .mm-calc-btn:hover{ border-color: rgb(91, 107, 255); box-shadow: rgba(40, 60, 160, 0.12) 0px 3px 10px; }
:where(body.mm-home) .mm-calc-btn:focus-visible{ outline: rgb(91, 107, 255) solid 2px; outline-offset: 2px; }
:where(body.mm-home) .mm-calc-ic{ font-size: 22px; line-height: 1; }
:where(body.mm-home) .mm-calc-nm{ font-size: 12.5px; font-weight: 600; text-align: center; color: rgb(28, 37, 64); line-height: 1.15; }
:where(body.mm-home) .mm-calc-chev{ font-size: 11px; color: rgb(154, 162, 184); transition: transform 0.15s; }
:where(body.mm-home) .mm-calc-item.is-open .mm-calc-btn{ border-color: rgb(91, 107, 255); background: rgb(244, 246, 255); }
:where(body.mm-home) .mm-calc-item.is-open .mm-calc-chev{ transform: rotate(180deg); }
:where(body.mm-home) .mm-calc-panel{ margin-top: 10px; }
:where(body.mm-home) .mm-calc-panel[hidden]{ display: none; }
:where(body.mm-home) .mm-calc-panel-inner{ border: 1px solid rgb(215, 219, 230); border-radius: 14px; padding: 16px; background: rgb(255, 255, 255); }
:where(body.mm-home) .mm-calc-soon{ display: inline-block; font-size: 12px; color: rgb(122, 129, 154); background: rgb(238, 241, 248); border-radius: 999px; padding: 4px 10px; margin-bottom: 12px; }
:where(body.mm-home) .mm-calc-ad{ border: 1px dashed rgb(195, 201, 216); border-radius: 10px; padding: 14px; text-align: center; color: rgb(152, 160, 182); font-size: 13px; background: rgb(250, 251, 255); }
:where(body.mm-home) .mm-dash-wide .mm-center,:where(body.mm-home) .mm-dash-wide{ max-width: none; width: 100%; }
@media (max-width: 1100px) {
  :where(body.mm-home) .mm-calc-grid{ grid-template-columns: repeat(4, 1fr); }
}
@media (max-width: 640px) {
  :where(body.mm-home) .mm-calc-grid{ grid-template-columns: repeat(3, 1fr); }
  :where(body.mm-home) .mm-calc-nm{ font-size: 11px; }
  :where(body.mm-home) .mm-calc-btn{ min-height: 70px; padding: 8px 5px; }
}

/* --- fooldali blokk #3 --- */
:where(body.mm-home){ --mm-navy: #1c2b45; --mm-navy-2: #22304d; --mm-coral: #e2604f; --mm-gold: #E8A13C; --mm-ink: #26313f; --mm-muted: #5b6472; --mm-line: #e6e2d9; --mm-max: 1140px; --mm-s: 8px; }
:where(body.mm-home) .wrap{ max-width: var(--mm-max) !important; padding: 96px 24px 64px !important; }
:where(body.mm-home) .mm-dash-section,:where(body.mm-home) .mm-calc-section,:where(body.mm-home) #cikkek,:where(body.mm-home) #csomag,:where(body.mm-home) #rolunk{ margin: 0px auto; }
:where(body.mm-home) .mm-calc-section{ margin-bottom: 56px; }
:where(body.mm-home) .mm-dash-section{ margin-bottom: 40px; }
:where(body.mm-home) #csomag{ margin-top: 56px; }
:where(body.mm-home) #rolunk{ margin-top: 56px; }
:where(body.mm-home) .mm-nav{ position: sticky; top: 0px; z-index: 60; background: rgba(250, 248, 244, 0.92); backdrop-filter: saturate(1.1) blur(8px); border-bottom: 1px solid var(--mm-line); }
:where(body.mm-home) .mm-nav-inner{ max-width: var(--mm-max); margin: 0px auto; padding: 10px 24px; display: flex; align-items: center; gap: 24px; min-height: 64px; }
:where(body.mm-home) .mm-logo{ display: inline-flex; align-items: center; border: 0px !important; padding: 0px !important; background: none !important; }
:where(body.mm-home) .mm-logo-img{ display: block; height: 60px !important; width: auto !important; }
:where(body.mm-home) .mm-menu{ display: flex; align-items: center; gap: 22px; margin: 0px 0px 0px auto; padding: 0px; list-style: none; }
:where(body.mm-home) .mm-menu > li > a{ border: 0px; font-weight: 600; font-size: 15px; color: var(--mm-ink); padding: 8px 2px; }
:where(body.mm-home) .mm-menu > li > a:hover{ color: var(--mm-gold); }
:where(body.mm-home) .mm-sec-head{ display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin: 0px 0px 24px; }
:where(body.mm-home) .mm-sec-title{ margin: 0px; font-size: 28px; line-height: 1.2; font-weight: 700; color: var(--mm-ink); }
:where(body.mm-home) .mm-sec-all{ white-space: nowrap; border-width: 0px 0px 2px; border-style: none none solid; border-color: currentcolor currentcolor rgba(232, 161, 60, 0.4); border-image: none; font-weight: 600; font-size: 15px; color: var(--mm-gold); padding-bottom: 2px; }
:where(body.mm-home) .mm-sec-all:hover{ border-bottom-color: var(--mm-gold); color: var(--mm-gold); }
:where(body.mm-home) .mm-calc-grid{ align-items: stretch; grid-template-columns: repeat(4, 1fr) !important; gap: 16px !important; }
:where(body.mm-home) .mm-calc-item{ align-self: stretch; }
:where(body.mm-home) .mm-calc-btn{ height: 100%; min-height: 96px !important; gap: 10px !important; border: 1px solid var(--mm-line) !important; border-radius: 14px !important; box-shadow: none !important; background: rgb(255, 255, 255) !important; padding: 18px 14px !important; }
:where(body.mm-home) .mm-calc-btn:hover{ transform: translateY(-1px); border-color: var(--mm-navy) !important; box-shadow: rgba(28, 43, 69, 0.08) 0px 2px 10px !important; }
:where(body.mm-home) .mm-calc-ic{ color: var(--mm-navy); width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; font-size: 24px !important; }
:where(body.mm-home) .mm-calc-nm{ font-size: 15px !important; color: var(--mm-ink) !important; }
:where(body.mm-home) .mm-calc-chev{ color: rgb(174, 180, 192) !important; }
:where(body.mm-home) .mm-calc-item.is-open .mm-calc-btn{ border-color: var(--mm-navy) !important; background: rgb(246, 248, 252) !important; }
:where(body.mm-home) .mm-calc-panel-inner{ border-radius: 14px !important; border-color: var(--mm-line) !important; }
:where(body.mm-home) .mm-calc-ad{ background: rgb(251, 250, 247) !important; border-color: rgb(227, 221, 208) !important; }
:where(body.mm-home) .mf{ border-radius: 18px; }
:where(body.mm-home) .mf .cimke{ font-size: 12.5px !important; letter-spacing: 0.1em; }
:where(body.mm-home) .mf-fejlec h2{ font-size: 24px; letter-spacing: 0.2px; }
:where(body.mm-home) .mf-datum{ text-align: right; }
:where(body.mm-home) .mf-datum .cimke-faint{ opacity: 0.7; }
:where(body.mm-home) .mf-alap{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
:where(body.mm-home) .mf-alap .alap-ertek{ font-size: 26px; }
:where(body.mm-home) .mf-alap .alap-ertek span{ font-size: 14px; opacity: 0.75; }
:where(body.mm-home) .marad .pn-num,:where(body.mm-home) .marad{ color: var(--mm-coral) !important; }
:where(body.mm-home) .mf-kieg,:where(body.mm-home) .labjegyzet,:where(body.mm-home) .mf-lab{ font-size: 14px !important; line-height: 1.5; }
:where(body.mm-home) .mm-info{ display: inline-flex; align-items: center; justify-content: center; width: 18px; height: 18px; margin-left: 6px; border: 1px solid; border-radius: 50%; font-size: 11px; line-height: 1; font-style: normal; font-weight: 700; opacity: 0.6; cursor: pointer; background: none; color: inherit; vertical-align: middle; padding: 0px; }
:where(body.mm-home) .mm-info:hover{ opacity: 1; }
:where(body.mm-home) .mm-info-pop{ position: fixed; z-index: 200; max-width: 280px; background: rgb(255, 255, 255); color: var(--mm-ink); border: 1px solid var(--mm-line); border-radius: 12px; box-shadow: rgba(20, 30, 60, 0.18) 0px 12px 40px; padding: 14px 16px; font-size: 14px; line-height: 1.5; }
:where(body.mm-home) .mm-info-pop h4{ margin: 0px 0px 6px; font-size: 14px; color: var(--mm-navy); }
:where(body.mm-home) .mm-info-pop p{ margin: 4px 0px; color: var(--mm-muted); font-size: 13.5px; }
:where(body.mm-home) .mm-info-back{ position: fixed; inset: 0px; z-index: 190; background: transparent; }
:where(body.mm-home) .mf-reszletek,:where(body.mm-home) .mf-toggle{ margin-top: 8px !important; }
:where(body.mm-home) .mf-toggle{ border: 1px solid var(--mm-line) !important; border-radius: 12px !important; }
:where(body.mm-home) .mm-home-feat{ border-radius: 16px !important; box-shadow: none !important; border: 1px solid var(--mm-line) !important; }
:where(body.mm-home) .mm-home-feat:hover{ box-shadow: rgba(28, 43, 69, 0.1) 0px 10px 30px !important; transform: translateY(-2px) !important; }
:where(body.mm-home) .mm-articles-kicker{ color: var(--mm-gold) !important; }
:where(body.mm-home) #csomag{ background: rgb(253, 246, 234); border-top: 0px; border-right: 0px; border-bottom: 0px; border-image: none; border-left: 3px solid var(--mm-gold); border-radius: 8px; padding: 22px 26px; }
:where(body.mm-home) #csomag h2{ margin-top: 0px; font-size: 20px; color: var(--mm-ink); }
:where(body.mm-home) #csomag p{ margin-bottom: 0px; max-width: 70ch; font-size: 16px; }
:where(body.mm-home) .mm-about-grid{ display: grid; grid-template-columns: 1.15fr 1fr; gap: 40px; align-items: start; }
:where(body.mm-home) .mm-about-col h2{ font-size: 24px; margin: 0px 0px 12px; color: var(--mm-ink); }
:where(body.mm-home) .mm-about-col p{ margin: 0px; font-size: 16px; color: var(--mm-muted); max-width: 60ch; }
:where(body.mm-home) .mm-about-facts{ background: rgb(255, 255, 255); border: 1px solid var(--mm-line); border-radius: 14px; padding: 22px 24px; }
:where(body.mm-home) .mm-facts{ margin: 0px; }
:where(body.mm-home) .mm-fact{ display: flex; justify-content: space-between; gap: 16px; padding: 9px 0px; border-bottom: 1px solid rgb(240, 236, 227); }
:where(body.mm-home) .mm-fact:last-child{ border-bottom: 0px; }
:where(body.mm-home) .mm-fact dt{ margin: 0px; font-size: 13px; font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase; color: var(--mm-muted); }
:where(body.mm-home) .mm-fact dd{ margin: 0px; font-size: 15px; color: var(--mm-ink); text-align: right; }
:where(body.mm-home) .mm-fact dd a{ border: 0px; }
:where(body.mm-home) .mm-foot-copy{ font-size: 14px; color: var(--mm-muted); }
@media (max-width: 900px) {
  :where(body.mm-home) .mm-calc-grid{ grid-template-columns: repeat(3, 1fr) !important; }
  :where(body.mm-home) .mm-about-grid{ grid-template-columns: 1fr; gap: 28px; }
  :where(body.mm-home) .mm-sec-head{ flex-direction: column; align-items: flex-start; gap: 12px; }
}
@media (max-width: 640px) {
  :where(body.mm-home) .wrap{ padding: 80px 16px 48px !important; }
  :where(body.mm-home) .mm-calc-grid{ grid-template-columns: repeat(2, 1fr) !important; gap: 12px !important; }
  :where(body.mm-home) .mm-calc-btn{ min-height: 88px !important; }
  :where(body.mm-home) .mm-sec-title{ font-size: 23px; }
  :where(body.mm-home) .mf-alap{ grid-template-columns: 1fr; gap: 10px; }
  :where(body.mm-home) .mm-nav-inner{ gap: 12px; padding: 8px 16px; }
  :where(body.mm-home) .mm-logo-img{ height: 48px !important; }
}
@media (max-width: 380px) {
  :where(body.mm-home) .mm-calc-nm{ font-size: 13.5px !important; }
}
@media (max-width: 640px) {
  :where(body.mm-home) .mm-info{ width: 24px; height: 24px; font-size: 12px; position: relative; }
  :where(body.mm-home) .mm-info::after{ content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 44px; height: 44px; }
  :where(body.mm-home) .mm-info-pop{ max-width: none; width: auto; bottom: 0px; border-radius: 16px 16px 0px 0px; left: 12px !important; right: 12px !important; top: auto !important; }
}
:where(body.mm-home) .wrap{ padding-top: 32px !important; padding-bottom: 48px !important; }
:where(body.mm-home) .mm-nav-inner{ min-height: 60px !important; padding-top: 6px !important; padding-bottom: 6px !important; }
:where(body.mm-home) .mm-logo-img{ height: 44px !important; }
:where(body.mm-home) .mm-calc-section{ margin-bottom: 0px !important; }
:where(body.mm-home) .mm-sec-head{ align-items: flex-end !important; margin: 0px 0px 18px !important; }
@media (max-width: 900px) {
  :where(body.mm-home) .mm-sec-head{ flex-direction: row !important; align-items: baseline !important; gap: 16px !important; }
}
:where(body.mm-home) .mm-sec-title{ font-size: 26px !important; }
:where(body.mm-home) .mm-calc-grid{ grid-template-columns: repeat(4, 1fr) !important; gap: 14px !important; }
:where(body.mm-home) .mm-calc-btn{ position: relative; min-height: 0px !important; height: 92px !important; flex-direction: row !important; justify-content: flex-start !important; gap: 12px !important; padding: 0px 16px !important; text-align: left !important; }
:where(body.mm-home) .mm-calc-ic{ flex: 0 0 34px; width: 34px !important; height: 34px !important; color: var(--mm-navy) !important; font-size: 0px !important; }
:where(body.mm-home) .mm-calc-ic svg{ display: block; width: 26px; height: 26px; color: var(--mm-navy); }
:where(body.mm-home) .mm-calc-nm{ line-height: 1.25; font-size: 15px !important; text-align: left !important; }
:where(body.mm-home) .mm-calc-chev{ display: none !important; }
:where(body.mm-home) .mm-calc-btn::after{ content: "→"; position: absolute; right: 14px; top: 50%; transform: translateY(-50%); color: rgb(196, 201, 210); font-size: 16px; opacity: 0; transition: opacity 0.15s, color 0.15s; }
:where(body.mm-home) .mm-calc-btn:hover::after{ opacity: 1; color: var(--mm-navy); }
:where(body.mm-home) .mm-calc-item.is-open .mm-calc-btn::after{ content: "−"; opacity: 1; color: var(--mm-navy); }
:where(body.mm-home) #kalkulatorok + .mm-dash-section,:where(body.mm-home) .mm-dash-section{ margin-top: 40px !important; }
:where(body.mm-home) .mm-dash-section{ margin-bottom: 36px !important; }
:where(body.mm-home) .mf-fejlec{ padding-top: 4px; padding-bottom: 4px; }
:where(body.mm-home) .mf .cimke{ font-size: 12.5px !important; }
:where(body.mm-home) .mf-kieg,:where(body.mm-home) .mf-lab,:where(body.mm-home) .labjegyzet{ font-size: 13px !important; }
:where(body.mm-home) .mf-lab{ opacity: 0.85; }
:where(body.mm-home) .mf-lab .mm-src-toggle{ color: rgb(207, 214, 230); text-decoration: underline; cursor: pointer; border: 0px; background: none; font: inherit; padding: 0px; }
:where(body.mm-home) .mf-lab .mm-src-toggle:hover{ color: rgb(255, 255, 255); }
:where(body.mm-home) .mf-toggle{ display: flex; align-items: center; min-height: 56px !important; }
:where(body.mm-home) .mf-toggle-sub{ font-size: 13px !important; opacity: 0.8; }
:where(body.mm-home) #cikkek{ margin-top: 38px !important; }
:where(body.mm-home) .mm-articles-head{ margin-bottom: 16px !important; }
:where(body.mm-home) .mm-home-feat-body{ padding: 22px 24px !important; }
:where(body.mm-home) #csomag{ margin-top: 48px !important; padding: 18px 24px !important; }
:where(body.mm-home) #csomag h2{ margin-bottom: 10px !important; font-size: 19px !important; }
:where(body.mm-home) #rolunk{ margin-top: 48px !important; }
:where(body.mm-home) .mm-about-facts{ padding: 16px 20px !important; }
:where(body.mm-home) .mm-fact{ padding: 6px 0px !important; }
@media (max-width: 640px) {
  :where(body.mm-home) .wrap{ padding-left: 18px !important; padding-right: 18px !important; padding-top: 24px !important; }
  :where(body.mm-home) .mm-calc-grid{ grid-template-columns: repeat(2, 1fr) !important; gap: 12px !important; }
  :where(body.mm-home) .mm-calc-btn{ height: 84px !important; padding: 0px 12px !important; }
  :where(body.mm-home) .mm-calc-nm{ font-size: 14px !important; }
  :where(body.mm-home) .mm-calc-section,:where(body.mm-home) #kalkulatorok{ margin-bottom: 0px !important; }
  :where(body.mm-home) .mm-dash-section{ margin-top: 32px !important; }
  :where(body.mm-home) #cikkek,:where(body.mm-home) #csomag,:where(body.mm-home) #rolunk{ margin-top: 36px !important; }
  :where(body.mm-home) .mf-toggle-sub{ display: none !important; }
}
@media (max-width: 380px) {
  :where(body.mm-home) .mm-calc-grid{ grid-template-columns: 1fr !important; }
  :where(body.mm-home) .mm-calc-btn{ height: 76px !important; }
}

/* --- fooldali blokk #4 --- */
:where(body.mm-home) .mm-burger[aria-expanded="true"]{ background: var(--mm-accent-soft,#fdf3e3); border-color: var(--mm-accent,#E8A13C); color: var(--mm-accent-dark,#c9842a); }

/* --- fooldali blokk #5 --- */
:where(body.mm-home) .mm-calc{ --mm-c-navy: var(--mm-navy,#16243D); --mm-c-amber: var(--mm-accent,#E5A02D); --mm-c-amber-ink: #40230A; --mm-c-blue: #2F6FB5; --mm-c-ink: var(--mm-ink,#1E2A3A); --mm-c-muted: var(--mm-muted,#6B7280); --mm-c-line: var(--mm-border,#E4E7EC); --mm-c-soft: var(--mm-bg,#F6F7F9); --mm-c-radius: 8px; font-family: inherit; color: var(--mm-c-ink); }
:where(body.mm-home) .mm-calc__body{ display: grid; grid-template-columns: minmax(0px, 1fr) minmax(0px, 1.1fr); gap: 20px; }
:where(body.mm-home) .mm-calc__col-out{ align-self: start; }
:where(body.mm-home) .mm-seg{ display: flex; gap: 4px; padding: 4px; background: var(--mm-c-soft); border-radius: var(--mm-c-radius); margin-bottom: 12px; }
:where(body.mm-home) .mm-seg button{ flex: 1 1 0%; height: 32px; border: 0px; border-radius: 6px; background: transparent; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 14px; color: var(--mm-c-ink); cursor: pointer; }
:where(body.mm-home) .mm-seg button[aria-pressed="true"]{ background: rgb(255, 255, 255); box-shadow: rgba(16, 24, 40, 0.08) 0px 1px 2px; font-weight: 600; }
:where(body.mm-home) .mm-field{ position: relative; margin-bottom: 12px; }
:where(body.mm-home) .mm-field:last-child{ margin-bottom: 0px; }
:where(body.mm-home) .mm-flabel{ display: block; font-size: 12px; font-weight: 600; letter-spacing: 0.02em; color: var(--mm-c-muted); margin: 0px 0px 5px; }
:where(body.mm-home) .mm-field input{ width: 100%; height: 46px; box-sizing: border-box; padding: 0px 40px 0px 14px; font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 20px; font-weight: 600; color: var(--mm-c-ink); background: rgb(255, 255, 255); border: 1px solid var(--mm-c-line); border-radius: var(--mm-c-radius); }
:where(body.mm-home) .mm-field input:focus-visible{ outline: 2px solid var(--mm-c-amber); outline-offset: 1px; border-color: var(--mm-c-amber); }
:where(body.mm-home) .mm-field .mm-unit{ position: absolute; right: 14px; top: 34px; font-size: 14px; color: var(--mm-c-muted); pointer-events: none; }
:where(body.mm-home) .mm-field select{ width: 100%; height: 46px; box-sizing: border-box; padding: 0px 14px; font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 15px; font-weight: 600; color: var(--mm-c-ink); background: rgb(255, 255, 255); border: 1px solid var(--mm-c-line); border-radius: var(--mm-c-radius); cursor: pointer; }
:where(body.mm-home) .mm-rates{ display: flex; gap: 6px; flex-wrap: wrap; }
:where(body.mm-home) .mm-rates button{ flex: 1 1 0%; min-width: 44px; height: 30px; padding: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 13px; cursor: pointer; border: 1px solid var(--mm-c-line); border-radius: 15px; background: rgb(255, 255, 255); color: var(--mm-c-ink); }
:where(body.mm-home) .mm-rates button:hover{ border-color: rgb(201, 207, 216); }
:where(body.mm-home) .mm-rates button[aria-pressed="true"]{ background: var(--mm-c-amber); border-color: var(--mm-c-amber); color: var(--mm-c-amber-ink); font-weight: 600; }
:where(body.mm-home) .mm-rates__custom{ display: flex; align-items: center; gap: 2px; height: 30px; padding: 0px 10px; border: 1px solid var(--mm-c-line); border-radius: 15px; font-size: 13px; color: var(--mm-c-muted); }
:where(body.mm-home) .mm-rates__custom input{ width: 40px; height: 24px; padding: 0px; border: 0px; background: transparent; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 13px; text-align: right; color: var(--mm-c-ink); }
:where(body.mm-home) .mm-rates__custom input:focus-visible{ outline: none; }
:where(body.mm-home) .mm-rates__custom:focus-within{ border-color: var(--mm-c-amber); }
:where(body.mm-home) .mm-out{ display: flex; align-items: center; gap: 16px; padding: 14px 16px; background: var(--mm-c-soft); border-radius: var(--mm-c-radius); }
:where(body.mm-home) .mm-out__ring{ flex: 0 0 auto; transform: rotate(-90deg); }
:where(body.mm-home) .mm-out__ring circle{ transition: stroke-dasharray 0.2s, stroke-dashoffset 0.2s; }
:where(body.mm-home) .mm-out__label{ font-size: 12px; color: var(--mm-c-muted); }
:where(body.mm-home) .mm-out__gross{ font-size: 26px; font-weight: 600; line-height: 1.2; margin-bottom: 10px; }
:where(body.mm-home) .mm-out__row{ display: flex; justify-content: space-between; align-items: center; font-size: 14px; padding: 3px 0px; }
:where(body.mm-home) .mm-out__row span:first-child{ color: var(--mm-c-muted); display: flex; align-items: center; gap: 7px; }
:where(body.mm-home) .mm-out__dot{ width: 9px; height: 9px; border-radius: 50%; display: inline-block; }
:where(body.mm-home) .mm-out__row b{ font-weight: 600; }
:where(body.mm-home) .mm-calc-ad{ margin-top: 14px; }
@media (max-width: 640px) {
  :where(body.mm-home) .mm-calc__body{ grid-template-columns: 1fr; gap: 14px; }
  :where(body.mm-home) .mm-out{ padding: 12px; }
  :where(body.mm-home) .mm-out__gross{ font-size: 24px; }
}
@media (prefers-reduced-motion: reduce) {
  :where(body.mm-home) .mm-out__ring circle{ transition: none; }
}

/* --- fooldali blokk #6 --- */
@media (max-width: 820px) {
  :where(body.mm-home) .mm-nav .mm-menu{ position: absolute; top: 100%; left: 0px; right: 0px; display: none; flex-direction: column; align-items: stretch; gap: 0px; margin: 0px; padding: 8px; background: rgb(255, 255, 255); border-bottom: 1px solid var(--mm-line,#e6e2d9); box-shadow: rgba(51, 49, 46, 0.12) 0px 12px 30px; max-height: calc(-72px + 100vh); overflow-y: auto; }
  :where(body.mm-home) .mm-nav .mm-menu.open{ display: flex; }
  :where(body.mm-home) .mm-nav .mm-menu > li{ width: 100%; }
  :where(body.mm-home) .mm-nav .mm-menu > li > a{ width: 100%; padding: 12px; font-size: 16px; min-height: 44px; display: flex; align-items: center; }
  :where(body.mm-home) .mm-nav .mm-burger{ display: block; margin-left: auto; }
  :where(body.mm-home) .mm-nav .mm-dd{ position: static; box-shadow: none; border: 0px; border-radius: 0px; padding: 0px 0px 0px 12px; min-width: 0px; }
  :where(body.mm-home) .mm-nav .mm-dd a{ min-height: 44px; display: flex; align-items: center; }
}

/* --- fooldali blokk #7 --- */
:where(body.mm-home) .mm-calc-grid .mm-calc-item.is-open{ order: -1; }
:where(body.mm-home) .mm-calc-nm{ overflow-wrap: break-word; word-break: normal; hyphens: manual; min-width: 0px; }

/* --- fooldali blokk #8 --- */
:where(body.mm-home) .mm-calc input.mm-sample{ color: var(--mm-muted,#5b6472); opacity: 0.75; }

/* --- fooldali blokk #9 --- */
:where(body.mm-home) .mm-cattab-row{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin: 0px 0px 14px; }
:where(body.mm-home) .mm-cattab{ display: flex; align-items: center; justify-content: center; gap: 10px; min-height: 66px; padding: 14px 16px; border: 1px solid var(--mm-line,#e6e2d9); border-radius: 14px; background: rgb(255, 255, 255); font-family: inherit; font-size: 15px; font-weight: 600; color: var(--mm-ink,#26313f); cursor: pointer; transition: border-color 0.15s, background 0.15s, box-shadow 0.15s; }
:where(body.mm-home) .mm-cattab:hover{ border-color: var(--mm-navy,#1c2b45); box-shadow: rgba(28, 43, 69, 0.08) 0px 2px 10px; }
:where(body.mm-home) .mm-cattab:focus-visible{ outline: 2px solid var(--mm-navy,#1c2b45); outline-offset: 2px; }
:where(body.mm-home) .mm-cattab[aria-expanded="true"]{ border-color: var(--mm-navy,#1c2b45); background: rgb(246, 248, 252); }
:where(body.mm-home) .mm-cattab-ic{ display: flex; align-items: center; color: var(--mm-navy,#1c2b45); }
:where(body.mm-home) .mm-cattab-ch{ font-size: 12px; color: rgb(154, 162, 184); transition: transform 0.15s; }
:where(body.mm-home) .mm-cattab[aria-expanded="true"] .mm-cattab-ch{ transform: rotate(180deg); }
:where(body.mm-home) .mm-calc-grid .mm-calc-item[hidden]{ display: none !important; }
:where(body.mm-home) .mm-calc-soon .mm-calc-btn{ cursor: default; border-style: dashed !important; background: rgb(250, 248, 244) !important; box-shadow: none !important; }
:where(body.mm-home) .mm-calc-soon .mm-calc-btn:hover{ border-color: var(--mm-line,#e6e2d9) !important; box-shadow: none !important; transform: none !important; }
:where(body.mm-home) .mm-calc-soon .mm-calc-ic,:where(body.mm-home) .mm-calc-soon .mm-calc-nm{ opacity: 0.55; }
:where(body.mm-home) .mm-calc-soon .mm-calc-btn{ justify-content: flex-start !important; }
:where(body.mm-home) .mm-calc-soon .mm-calc-tx{ display: flex; flex-direction: column; gap: 3px; min-width: 0px; flex: 1 1 auto; text-align: left; }
:where(body.mm-home) .mm-soon-tag{ font-size: 10px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: rgb(167, 173, 187); }
:where(body.mm-home) .mm-calc-link{ display: block; text-decoration: none; color: inherit; }
:where(body.mm-home) .mm-calc-link .mm-calc-arrow{ font-size: 12px; color: rgb(154, 162, 184); }
@media (max-width: 640px) {
  :where(body.mm-home) .mm-cattab-row{ grid-template-columns: 1fr; gap: 10px; }
  :where(body.mm-home) .mm-cattab{ min-height: 56px; }
}

/* ==================================================================
   FOOLDAL - vizszintes tulcsordulas javitasa (2026-07-27)
   A szakaszfej (cim + "Osszes kalkulator" link) 320px-en nem fert ki,
   ezert a .wrap 8 pixellel tulcsordult. A sor most tordelhet.
   Csak 360px alatt hat - nagyobb kepernyon semmi nem valtozik.
   Ez a hiba a sablonositas ELOTT is megvolt, ugyanennyivel.
   ================================================================== */
@media (max-width:360px){
  :where(body.mm-home) .mm-sec-head{flex-wrap:wrap}
  :where(body.mm-home) .mm-sec-title{min-width:0}
}

/* ------------------------------------------------------------------
   "Ugras a tartalomra" link. Korabban csak a harom uj oldalon volt
   meg, es CSS nelkul - vagyis lathatoan ott ult a lap tetejen. Most
   minden oldalon ott van, de csak billentyuzet-fokusz eseten jelenik
   meg. Egerrel hasznalonak lathatatlan, a kinezet nem valtozik.
   ------------------------------------------------------------------ */
.mm-skip{position:absolute;left:-9999px;top:0;z-index:100;padding:10px 16px;background:#fff;color:var(--mm-accent-dark);border:1px solid var(--mm-border);border-radius:0 0 8px 0;font-size:.95rem;text-decoration:none}
.mm-skip:focus{left:0}

/* ===== Kategoriatudatos visszalink a kalkulatoroldalakon (2026-07-29) =====
   Helye: a morzsamenu ALATT, a H1 FOLOTT; a head.php irja ki egy helyen.
   Link, nem gomb: nincs keret, nincs hatter. A nyil es a szoveg egyetlen
   kattinthato egyseg, az erintheto terulet mobilon is min. 44 px magas.
   Hoverre az egesz link egy pixelt felfele mozdul, a nyil balra lep. */
.mm-back{
  display:inline-flex;align-items:center;gap:8px;
  min-height:44px;padding:2px 2px;margin:2px 0 0;
  font-size:1rem;font-weight:600;line-height:1.2;
  color:var(--mm-accent-dark);text-decoration:none;
  transition:transform .15s ease,color .15s ease;
}
.mm-back__ar{font-size:1.15em;line-height:1;transition:transform .15s ease;}
.mm-back:hover,.mm-back:focus-visible{color:var(--mm-accent);transform:translateY(-1px);}
.mm-back:hover .mm-back__ar,.mm-back:focus-visible .mm-back__ar{transform:translateX(-3px);}
.mm-back:hover .mm-back__tx,.mm-back:focus-visible .mm-back__tx{text-decoration:underline;text-underline-offset:3px;}
.mm-back:focus-visible{outline:2px solid var(--mm-accent);outline-offset:3px;border-radius:6px;}
@media(max-width:560px){.mm-back{font-size:.98rem;}}
@media(prefers-reduced-motion:reduce){
  .mm-back,.mm-back__ar{transition:none;}
  .mm-back:hover,.mm-back:focus-visible{transform:none;}
  .mm-back:hover .mm-back__ar,.mm-back:focus-visible .mm-back__ar{transform:none;}
}
/* ------------------------------------------------------------------
   Weblepes.hu vekony ajanlo csik (.mm-wl-*)  - 2026-08-08 / v2
   Markup: /includes/banner.php  -> mm_wl_bar("dash|calc|hub")
   Cel: egy soros, halk csik. Desktop ~42 px, mobil 2 sor (~55 px).
   ------------------------------------------------------------------ */
.mm-wl-band{max-width:1080px;margin:22px auto 0;padding:0 20px}
.mm-wl{display:flex;align-items:center;gap:10px;min-height:42px;padding:7px 14px;box-sizing:border-box;border:1px solid #e8e4db;border-radius:10px;background:#fbfaf6;color:#6b7269;font-size:.9rem;line-height:1.3;text-decoration:none;transition:background .15s ease,border-color .15s ease}
.mm-wl:hover,.mm-wl:focus-visible{background:#f5f8f4;border-color:#d2ddd3}
.mm-wl-mark{position:relative;display:block;width:18px;height:18px;border-radius:5px;background:#174c3c;flex:0 0 auto}
.mm-wl-mark i{position:absolute;left:6px;top:4px;display:block;width:4px;height:9px;background:#e9bd5a;transform:rotate(-22deg)}
.mm-wl-name{flex:0 0 auto;font-weight:700;color:#174c3c;letter-spacing:.01em}
.mm-wl-txt{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mm-wl-go{flex:0 0 auto;color:#174c3c;font-weight:600;border-bottom:1px solid rgba(23,76,60,.25)}
.mm-wl:hover .mm-wl-go{border-bottom-color:rgba(23,76,60,.55)}
.mm-calc-ad--wl,.mm-group-ad--wl{padding:0!important;border:0!important;background:none!important;text-align:left!important;color:inherit!important;font:inherit!important}
.mm-calc-ad--wl{margin-top:14px}
.mm-group-ad--wl{margin:24px 0 8px!important}
@media (max-width:640px){
  .mm-wl{flex-wrap:nowrap;gap:9px;padding:8px 12px;min-height:0}
  .mm-wl-name{display:none}
  .mm-wl-txt{white-space:normal;overflow:visible;text-overflow:clip;font-size:.83rem;line-height:1.25}
  .mm-wl-go{align-self:center;font-size:0;border-bottom:0;line-height:1}
  .mm-wl-go span{font-size:1.05rem}
  .mm-wl-band{margin-top:18px;padding:0 16px}
}
@media (prefers-reduced-motion:reduce){.mm-wl{transition:none}}