/* cm-header-gap-cart-profile-safe-css */

@media (min-width:1400px){
  html body header.top-head .account-actions .mpp-user-panel{
    display:inline-flex!important;
    align-items:center!important;
    gap:4px!important;
    position:relative!important;
    flex:0 0 auto!important;
  }
  html body header.top-head .account-actions .mpp-user-panel > .mpp-user-dropdown{
    right:0!important;
    left:auto!important;
    top:calc(100% + 8px)!important;
    z-index:99999!important;
    transform:none!important;
  }
  html body header.top-head .top-row .logo{
    margin-right:38px!important;
    flex:0 0 auto!important;
    position:relative!important;
    z-index:3!important;
  }
  html body header.top-head .top-row{column-gap:30px!important}

  html body header.top-head .mpp-header-cart-wrap{
    position:relative!important;
    display:inline-flex!important;
    align-items:center!important;
    overflow:visible!important;
  }
  html body header.top-head .mpp-header-cart-panel[hidden]{display:none!important}
  html body header.top-head .mpp-header-cart-panel.is-open,
  html body header.top-head .mpp-header-cart-panel:not([hidden]){
    display:block!important;
    position:absolute!important;
    top:calc(100% + 12px)!important;
    right:0!important;
    left:auto!important;
    width:360px!important;
    max-width:calc(100vw - 28px)!important;
    max-height:72vh!important;
    overflow:auto!important;
    padding:14px!important;
    border-radius:16px!important;
    background:#fff!important;
    color:#172033!important;
    border:1px solid #d8e5f7!important;
    box-shadow:0 18px 46px rgba(15,23,42,.22)!important;
    z-index:1000000!important;
    transform:none!important;
  }
  html body:not(.light-surface) header.top-head .mpp-header-cart-panel.is-open,
  html body:not(.light-surface) header.top-head .mpp-header-cart-panel:not([hidden]){
    background:#0f1724!important;
    color:#eaf1fb!important;
    border-color:#263a59!important;
    box-shadow:0 20px 56px rgba(0,0,0,.55)!important;
  }
  html body header.top-head .mpp-header-cart-panel a{color:inherit!important}
}

@media (max-width:1399px){
  html body header.top-head #mppUserDropdown.cm-mobile-profile-open{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    position:fixed!important;
    top:76px!important;
    right:8px!important;
    left:auto!important;
    width:min(315px,calc(100vw - 16px))!important;
    max-height:calc(100dvh - 92px)!important;
    overflow:auto!important;
    padding:8px!important;
    border-radius:18px!important;
    background:#fff!important;
    color:#111827!important;
    border:1px solid rgba(148,163,184,.45)!important;
    box-shadow:0 18px 48px rgba(15,23,42,.28)!important;
    z-index:1000000!important;
    pointer-events:auto!important;
  }
  html body:not(.light-surface) header.top-head #mppUserDropdown.cm-mobile-profile-open{
    background:#111827!important;
    color:#f8fafc!important;
    border-color:#334155!important;
  }
  html body header.top-head #mppUserDropdown.cm-mobile-profile-open .mpp-user-dropdown__nav{
    display:flex!important;
    flex-direction:column!important;
    gap:4px!important;
    height:auto!important;
    max-height:none!important;
    overflow:visible!important;
    visibility:visible!important;
    opacity:1!important;
  }
  html body header.top-head #mppUserDropdown.cm-mobile-profile-open .mpp-user-dropdown__item{
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    width:100%!important;
    min-height:42px!important;
    padding:10px 12px!important;
    border-radius:12px!important;
    color:inherit!important;
    font-size:15px!important;
    font-weight:900!important;
    text-decoration:none!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
  }
}

/* cm-mobile-header-reference-dark-final-css */

/* 2026-08-07 — a hatar 1399px -> 519px.
   Ez a blokk a TELEFONOS fejlec (52px sav, 104px logo, 8px felirat, sotet
   hatter). Korabban 1399px-ig ervenyesult, ezert a tablet is telefon-fejlecet
   kapott. A tulaj kerese: tableten a PC-fejlec legyen. 520px felett innentol a
   tema sajat fejlece rendel, a menut pedig a
   zzz-cm-tablet-header-quicknav.php pill-sava helyettesiti.
   520px ALATT semmi nem valtozott. */
/* A SOTET SAV csak telefonon (<520px). 520px felett a tema sajat fejlecszine
   ervenyesul (vilagos: rgb(224,234,251) / sotet: rgba(10,14,20,.92)) — igy a
   fejlec hold-ikonos tema-kapcsoloja tableten is mukodik, pont mint PC-n. */
@media (max-width:519px){
  /* SOTET modban (nincs .light-surface) marad az eddigi sotet sav. */
  html body:not(.light-surface) header.top-head,
  html body:not(.light-surface) .top-head,
  html body:not(.light-surface) .site-header,
  html body:not(.light-surface) header.top-head .top-row,
  html body:not(.light-surface) header.top-head .container,
  html body:not(.light-surface) header.top-head .header-inner{
    background:#25272d!important;
    background-color:#25272d!important;
  }
  /* VILAGOS modban a PC-s kekes gradiens (tulaj 2026-08-07). A belso retegek
     atlatszoak, hogy a gradiens egybefuggoen latszodjon. A telefon-fejlec elemei
     onszinezok (vilagos ikon-korongok sotet glifekkel, kek Submit), ezert
     vilagos savon is olvashatoak — csak a currentColor-os reszeknek (pl.
     burger-csikok) kell sotet alapszin. */
  html body.light-surface header.top-head{
    background:linear-gradient(180deg,#ECF3FE 0%,#D4E3FB 100%)!important;
    background-color:#E0EAFB!important;
  }
  html body.light-surface header.top-head .top-row,
  html body.light-surface header.top-head .container,
  html body.light-surface header.top-head .header-inner{
    background:transparent!important;
    background-color:transparent!important;
  }
  html body.light-surface header.top-head .top-row{ color:#0f172a!important; }
}

/* A SZERKEZET tovabbra is 1399px-ig ervenyes. 520-1399 kozott a
   zzz-cm-tablet-header-quicknav.php irja felul PC-meretekre; 520px alatt
   valtozatlanul ez a telefon-fejlec. */
@media (max-width:1399px){
  html body header.top-head .mini-nav,
  html body header.top-head .main-row{
    display:none!important;
  }

  html body header.top-head .top-row{
    /* tulaj 2026-08-07: a telefon-gombok nagyobbak (35/64/8 -> 40/74/9.5) */
    --cm-logo-w:104px;
    --cm-icon:40px;
    --cm-submit:74px;
    --cm-login:40px;
    --cm-gap:6px;
    --cm-font:9.5px;
    --cm-svg:18px;

    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    flex-wrap:nowrap!important;
    gap:6px!important;
    width:100%!important;
    max-width:100%!important;
    height:52px!important;
    min-height:52px!important;
    max-height:52px!important;
    padding:5px 8px 5px 6px!important;
    margin:0!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }

  html body header.top-head .logo{
    flex:0 0 var(--cm-logo-w)!important;
    width:var(--cm-logo-w)!important;
    min-width:var(--cm-logo-w)!important;
    max-width:var(--cm-logo-w)!important;
    height:100%!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
  }

  html body header.top-head .logo .custom-logo-link{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    width:var(--cm-logo-w)!important;
    max-width:var(--cm-logo-w)!important;
    height:100%!important;
    margin:0!important;
    padding:0!important;
  }

  html body header.top-head .logo img,
  html body header.top-head img.custom-logo{
    display:block!important;
    width:var(--cm-logo-w)!important;
    max-width:var(--cm-logo-w)!important;
    max-height:28px!important;
    object-fit:contain!important;
    object-position:left center!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
  }

  html body header.top-head .account-actions{
    flex:1 1 auto!important;
    min-width:0!important;
    max-width:none!important;
    height:var(--cm-icon)!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    flex-wrap:nowrap!important;
    gap:var(--cm-gap)!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    transform:none!important;
    box-sizing:border-box!important;
  }

  html body header.top-head .account-actions > *{
    flex:0 0 auto!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
    box-sizing:border-box!important;
  }

  html body header.top-head .cm-mobile-submit-link{order:1!important}
  html body header.top-head #modeToggle{order:2!important}
  html body header.top-head #mppLangSwitcher{order:3!important}
  html body header.top-head .account-actions > a.account-actions__link:not(.cm-mobile-submit-link),
  html body header.top-head #mppUserMenuTrigger{order:4!important}
  html body header.top-head #navBurger{order:5!important}

  html body header.top-head .cm-mobile-submit-link{
    flex:0 0 var(--cm-submit)!important;
    width:var(--cm-submit)!important;
    min-width:var(--cm-submit)!important;
    max-width:var(--cm-submit)!important;
    height:var(--cm-icon)!important;
    min-height:var(--cm-icon)!important;
    max-height:var(--cm-icon)!important;
    background:#2f7df6!important;
    color:#fff!important;
    border:0!important;
    border-radius:9px!important;
    box-shadow:none!important;
    padding:0 4px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    font-size:0!important;
    line-height:0!important;
    overflow:hidden!important;
    font-weight:900!important;
  }

  html body header.top-head .cm-mobile-submit-link::after{
    content:attr(data-cm-mobile-label)!important;
    white-space:pre-line!important;
    font-size:var(--cm-font)!important;
    line-height:1.05!important;
    font-weight:900!important;
  }

  html body header.top-head #modeToggle,
  html body header.top-head #mppLangSwitcher,
  html body header.top-head #mppLangToggle,
  html body header.top-head #navBurger,
  html body header.top-head .account-actions > a.account-actions__link:not(.cm-mobile-submit-link),
  html body header.top-head #mppUserMenuTrigger{
    flex:0 0 var(--cm-icon)!important;
    width:var(--cm-icon)!important;
    min-width:var(--cm-icon)!important;
    max-width:var(--cm-icon)!important;
    height:var(--cm-icon)!important;
    min-height:var(--cm-icon)!important;
    max-height:var(--cm-icon)!important;
    background:#f4f7ff!important;
    color:#0f172a!important;
    border:0!important;
    border-radius:9px!important;
    box-shadow:none!important;
    padding:0!important;
    margin:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }

  html body header.top-head #navBurger{
    margin-right:0!important;
  }

  html body header.top-head .account-actions > a.account-actions__link:not(.cm-mobile-submit-link){
    font-size:0!important;
    line-height:0!important;
  }

  html body header.top-head .account-actions > a.account-actions__link:not(.cm-mobile-submit-link) > *{
    display:none!important;
  }

  html body header.top-head .account-actions > a.account-actions__link:not(.cm-mobile-submit-link)::before{
    content:''!important;
    width:22px!important;
    height:22px!important;
    display:block!important;
    background:currentColor!important;
    -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21a8 8 0 0 0-16 0'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E") center/contain no-repeat!important;
    mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21a8 8 0 0 0-16 0'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E") center/contain no-repeat!important;
  }

  html body header.top-head #mppLangSwitcher{
    position:relative!important;
    overflow:visible!important;
  }

  html body header.top-head #mppLangToggle{
    position:absolute!important;
    inset:0!important;
    gap:0!important;
    font-size:0!important;
    line-height:0!important;
  }

  html body header.top-head .mpp-lang-current{
    display:none!important;
  }

  html body header.top-head .account-actions svg{
    width:var(--cm-svg)!important;
    height:var(--cm-svg)!important;
    min-width:var(--cm-svg)!important;
    max-width:var(--cm-svg)!important;
    margin:0!important;
  }

  html body header.top-head #navBurger span{
    width:calc(var(--cm-icon) * .54)!important;
    height:2px!important;
    margin:2px 0!important;
    background:#0f172a!important;
  }
}

@media (max-width:340px){
  html body header.top-head .top-row{
    --cm-logo-w:94px;
    --cm-icon:31px;
    --cm-submit:56px;
    --cm-login:31px;
    --cm-gap:3px;
    --cm-font:7px;
    --cm-svg:14px;

    height:48px!important;
    min-height:48px!important;
    max-height:48px!important;
    padding-left:4px!important;
    padding-right:4px!important;
  }
}
@media (max-width:519px){
  /* 2026-08-07: az ELITE/PRO jelveny KILOGHAT a profil-gombbol (tulaj kerese:
     "nem muszaj bele suriteni a profilkepbe") — eddig a csempe
     overflow:hidden-je felbevagta. A kep sajat radiuszt kap, igy a
     csempe-forma megmarad, csak a jelveny log ki felul. */
  html body.cm-me-elite header.top-head #mppUserMenuTrigger,
  html body.cm-me-pro header.top-head #mppUserMenuTrigger{ overflow:visible!important; }
  html body.cm-me-elite header.top-head #mppUserMenuTrigger .mpp-user-panel__avatar,
  html body.cm-me-pro header.top-head #mppUserMenuTrigger .mpp-user-panel__avatar{ overflow:hidden!important; border-radius:9px!important; }
  html body.cm-me-elite header.top-head #mppUserMenuTrigger .mpp-user-panel__avatar-img,
  html body.cm-me-pro header.top-head #mppUserMenuTrigger .mpp-user-panel__avatar-img{ border-radius:9px!important; }
}
@media (max-width:519px){
  /* nev+nyil rejtese telefonon (tulaj 2026-08-08: "valami C betu van a
     profil gomb mellett" — a kilogott felhasznalonev elso betuje volt; a
     nev-elrejto eddig csak az 520-820-as savban elt). */
  html body header.top-head .mpp-user-panel__name,
  html body header.top-head .mpp-user-panel__chev{
    display:none !important;
  }
}

/* cm-mobile-fixed-header-scroll-close-css */

@media (max-width:1399px){
  html body header.top-head{
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    z-index:100000!important;
    overflow:visible!important;
    box-shadow:0 4px 18px rgba(0,0,0,.22)!important;
  }

  /* A sotet szin csak TELEFONON. 520px felett a tema sajat fejlecszine
     ervenyesul (vilagos rgb(224,234,251) / sotet rgba(10,14,20,.92)), igy a
     fejlec tema-kapcsoloja tableten is mukodik — pont mint PC-n.
     A fenti position:fixed viszont 1399px-ig marad: a tapado fejlec kell. */
  @media (max-width:519px){
    /* csak SOTET modban fessen sotetre — vilagosban a kekes gradiens el
       (zzz...-cm-mobile-header-final-only.php). */
    html body:not(.light-surface) header.top-head{ background:#25272d!important; }
  }

  html body.admin-bar header.top-head{
    top:32px!important; /* a WP admin-sav 783px felett 32px magas (a 46px 14px feher csikot hagyott) */
  }

  html body{
    padding-top:var(--cm-mobile-header-h, 102px)!important;
  }

  html body header.top-head .top-row{
    position:relative!important;
    z-index:2!important;
  }

  html body header.top-head .promo-bar{
    display:flex!important;
    position:relative!important;
    z-index:1!important;
    margin:0!important;
  }

  html body.cm-mobile-nav-open header.top-head .main-row,
  html body.cm-mobile-nav-closing header.top-head .main-row{
    display:block!important;
    position:fixed!important;
    top:var(--cm-mobile-menu-top, 102px)!important;
    left:8px!important;
    right:8px!important;
    width:auto!important;
    height:auto!important;
    padding:8px!important;
    background:#fff!important;
    border:1px solid rgba(15,23,42,.10)!important;
    border-radius:14px!important;
    box-shadow:0 14px 34px rgba(15,23,42,.22)!important;
    z-index:100001!important;
    will-change:opacity,transform!important;
    transition:opacity .14s ease, transform .14s ease!important;
  }

  html body.cm-mobile-nav-open header.top-head .main-row{
    opacity:1!important;
    transform:translateY(0) scale(1)!important;
    pointer-events:auto!important;
  }

  html body.cm-mobile-nav-closing header.top-head .main-row{
    opacity:0!important;
    transform:translateY(-10px) scale(.98)!important;
    pointer-events:none!important;
  }

  html body.cm-mobile-lang-closing header.top-head #mppLangDropdown{
    opacity:0!important;
    transform:translateY(-8px) scale(.98)!important;
    pointer-events:none!important;
    transition:opacity .12s ease, transform .12s ease!important;
  }
}
@media (max-width:782px){
  html body.admin-bar header.top-head{
    top:46px!important;
  }
}

/* cm-tabnav-css */

.cm-tabnav{display:none}

/* ==========================================================================
   TABLET-FEJLEC = UGYANAZ, MINT A PC-S (tulaj kerese, 2026-08-07)
   --------------------------------------------------------------------------
   A fejlec 1400px alatt eddig SOTET savot kapott: nem a .top-head-tol, hanem a
   BELSO .top-row-tol, amit a cm-mobile-header-final-only / -sticky-scroll-close
   bovitmenyek #25272d-re festettek !important-tal.
   MERVE (fejetlen Chrome, eles): a .top-head MAR IGY IS helyesen kovette a temat
   mindket szelessegen — vilagosban rgba(248,251,255,.96), sotetben rgba(10,14,20,.92) —,
   es 1920px-en a .top-row ATLATSZO. Vagyis nem kell szint beegetni: eleg a
   .top-row-t itt is atlatszova tenni, es a fejlec automatikusan koveti a
   vilagos/sotet modot, pontosan mint PC-n.
   Ez a blokk a wp_footer 99999-es prioritasan kerul ki, tehat a sotet szabalyok
   UTAN — azonos specificitasnal a kesobbi nyer.
   ========================================================================== */
@media (max-width:1399px) and (min-width:520px){
  /* --- PC-s KEKES hatter vilagos modban (tulaj 2026-08-07: "tablet es telefon
     modban is kekesnek kellene lennie"). A szinek a 040-cm-header-light-bg.php
     PC-szabalyanak masolatai. Sotet modban (nincs .light-surface) nem nyulunk
     hozza. */
  html body.light-surface header.top-head{
    background:linear-gradient(180deg,#ECF3FE 0%,#D4E3FB 100%)!important;
    background-color:#E0EAFB!important;
    /* border-bottom SZANDEKOSAN nincs: a Discord-sav alatt vekony vilagos
       csikot rajzolt (tulaj 2026-08-07 este). */
  }

  /* A promo-sav a fejlec ALJAIG er — PC-n ugyanezt egy -3px margo intezi;
     tableten enelkul 1px fejlec-hatter latszott ki a kek sav alatt.
     (.promo-bar duplazva: a kesobb betolodo sticky-plugin margin:0-ja ellen.) */
  html body header.top-head .promo-bar.promo-bar{ margin-bottom:-2px!important; }

  /* A fooldali kek hajszalvonal (body.home .top-head border) a kek sav alatt
     vekony csikkent latszott <=1399-en — PC-n a -3px atfedes takarja, itt mi. */
  html body.home header.top-head{ border-bottom:0!important; }

  /* --- A fejlec sav: PC-meretek (1920px-en lemerve) --- */
  html body header.top-head .top-row.container{
    --cm-logo-w:202px;   /* PC: a logo kep 202px szeles */
    --cm-icon:44px;      /* PC: 52px; tableten 44px, hogy a pilleknek maradjon hely */
    --cm-login:44px;
    --cm-gap:10px;
    --cm-font:13px;      /* PC: 13px (a telefon-blokk 8px-et adott!) */
    --cm-svg:20px;

    background:transparent!important;       /* a .top-head szine latszodjon at */
    background-color:transparent!important;
    height:72px!important;                  /* PC: 86px; tableten 72px eleg */
    min-height:72px!important;
    max-height:72px!important;
    padding:0 16px!important;               /* PC-vel azonos */
    gap:10px!important;
  }

  /* A logo a PC-vel azonos meretu, de kis kijelzon ne egye meg a savot.
     (Az ikonos pillek miatt 1000px-tol mar a kisebb logo kell — merve: 900px-en
     a 202px-es logo mellett 1 pill vagodott.) */
  @media (max-width:1000px){
    html body header.top-head .top-row.container{ --cm-logo-w:150px; }
  }
  @media (max-width:640px){
    html body header.top-head .top-row.container{ --cm-logo-w:120px; height:64px!important; min-height:64px!important; max-height:64px!important; }
  }
  @media (max-width:570px){
    html body header.top-head .top-row.container{ --cm-logo-w:104px; padding:0 10px!important; }
  }
}

@media (max-width:1399px) and (min-width:520px){
  html body header.top-head .top-row{ position:relative!important; }
  /* A pillek a LOGO MELLE sorakoznak (mint PC-n). A cm-header-responsive-v2
     korabban space-between-nel szethuzta oket, ezert tatongott 820px-en ~200px
     ures res a Mods es a Gallery kozott. */
  /* A pill-sor rendes flex-elem, nem lebego doboz. Az 'order' azert kell, mert
     a JS a .top-row vegere fuzi be — igy vizualisan megis a logo utan all. */
  html body header.top-head .top-row.container > .logo{ order:1!important; }
  html body header.top-head .top-row.container > .cm-tabnav{ order:2!important; }
  /* flex:0 0 auto -> a gombok csak annyi helyet foglalnak, amennyi kell;
     margin-left:auto -> a maradek hely a pillek ELE kerul, igy a gombok
     jobbra tapadnak. Enelkul a .account-actions (flex:1) elszivta a helyet a
     pillek elol, es azok osszenyomodtak. */
  html body header.top-head .top-row.container > .account-actions{
    order:3!important;
    flex:0 0 auto!important;
    width:auto!important;      /* a tema header.css-e 1399px alatt width:100%-ot ad */
    max-width:none!important;
    margin-left:auto!important;
  }

  /* A profil-lenyilo kikerul a sorbol. A cm-header-critical.php ugyanezt teszi
     (min-width:1400px)-nal; tableten eddig senki, ezert a lenyilo szelessege
     beleszamitott a fejlecsorba, es kinyomta a pilleket. */
  html body header.top-head .account-actions .mpp-user-panel{
    position:relative!important;
    flex:0 0 auto!important;
  }
  html body header.top-head .account-actions .mpp-user-panel > .mpp-user-dropdown{
    position:absolute!important;
    right:0!important; left:auto!important;
    top:calc(100% + 8px)!important;
    transform:none!important;
    z-index:99999!important;
  }

  html body header.top-head .top-row.container > .cm-tabnav{
    position:static!important;
    transform:none!important;
    left:auto!important; right:auto!important; top:auto!important;
    /* Tulaj 2026-08-07: "mindig legyen elosztva aranyosan a menugombsor ...
       a crashmods logo es az uzenet gomb kozott". flex:1 -> a sav pontosan a
       logo es a jobb gombok kozti teret kapja; space-evenly -> a pillek kozti
       es a ket szelso res azonos. A pillek maguk nem zsugorodnak (lasd lejjebb
       flex:0 0 auto) — tulcsordulaskor a ledobasi letra vesz el egesz pillt. */
    flex:1 1 auto!important;
    min-width:0!important;
    margin:0 6px!important;
    justify-content:space-evenly!important;
    overflow:hidden!important;  /* vegso vedelem: soha ne logjon ki */
  }
  .cm-tabnav{
    position:absolute; left:170px; top:50%; transform:translateY(-50%);
    display:flex; align-items:center; gap:7px; z-index:3; white-space:nowrap;
  }
  /* PC-s pill: feher lap, finom keret + arnyek, sotet felirat. Sotet modban is
     vilagos marad — 1920px-en merve a PC-pillek ott sem valtanak sotetre. */
  /* PONTOSAN a PC-s menu-pill (1920px-en lemerve): 13px betu, #eef4ff hatter,
     #1d4ed8 szoveg, teljesen lekerekitve. */
  .cm-tabnav__a{
    display:inline-flex; align-items:center; gap:7px;
    flex:0 0 auto;   /* a felirat sose vagodjon fel: egesz pill tunik el helyette */
    background:#fff; color:#1d4ed8!important;
    border:1px solid rgba(15,23,42,.08); box-shadow:0 1px 3px rgba(15,23,42,.07);
    font-weight:600; font-size:14px; line-height:1;   /* tulaj 2026-08-07: nagyobb gombok */
    height:40px; padding:0 17px; border-radius:999px;
    text-decoration:none!important; white-space:nowrap;
    transition:background .15s,box-shadow .15s;
  }
  .cm-tabnav__a:hover{ background:#eef4ff; }
  /* A forras-menubol atklonozott PC-ikon merete (currentColor-t orokli). */
  .cm-tabnav__a svg{ width:16px; height:16px; flex:0 0 auto; display:block; opacity:.9; }
  /* A Submit Mod a PC-fejlec CTA-gombja: tomor kek, 11px lekerekites. */
  .cm-tabnav__a[data-k="submit"]{
    background:rgb(40,118,240); color:#fff!important;
    padding:0 21px; border-radius:12px;
    box-shadow:0 2px 8px rgba(37,99,235,.30);
  }
  .cm-tabnav__a[data-k="submit"]:hover{
    background:rgb(29,100,215);
    box-shadow:0 4px 12px rgba(37,99,235,.38);
  }
  /* #2563eb és nem #3b82f6: fehér szöveggel a világosabb kék csak 3,68:1 kontrasztot ad,
     ami a 4,5:1 alatt van (Lighthouse 2026-07-27). A #2563eb 5,17:1 — és ez a szín amúgy is
     használatban van az oldalon (hero-gomb gradiensének záró színe, statisztika-linkek). */
  .cm-tabnav__a.is-on:not([data-k="submit"]){
    background:#fff; color:#1d4ed8!important;
    box-shadow:inset 0 0 0 2px #2876f0, 0 1px 3px rgba(15,23,42,.06);
  }
  /* a Submit Mod kék CTA-ként középen */
  .cm-tabnav__a[data-k="submit"]{ background:#2563eb; color:#fff!important; font-weight:700; }
  .cm-tabnav__a[data-k="submit"]:hover{ background:#2f6fe0; }
  /* a jobb oldali eredeti Submit gomb elbújik (középre költözött) */
  html body header.top-head .account-actions a.cm-mobile-submit-link{ display:none!important; }
  /* A PROFIL-GOMB pill: PONTOSAN mint asztali (feher pill + kek avatar-gyuru + nev + nyil).
     A mobil-header [class*="avatar"]{width:100%} nyujtotta szet az avatar-spant -> itt
     magas specifitassal (id + 3 class) visszaallitjuk 36px-re. Feher pill = illik a tablet
     fejlec tobbi feher gombjahoz + olvashato a sotet savon. */
  html body header.top-head .account-actions #mppUserMenuTrigger{
    width:auto!important; max-width:200px!important; min-width:0!important; height:auto!important;
    flex:0 0 auto!important;
    display:inline-flex!important; align-items:center!important; gap:8px!important;
    padding:4px 12px 4px 4px!important; border-radius:999px!important;
    background:rgba(255,255,255,.96)!important; border:1px solid rgba(15,23,42,.08)!important;
    color:#0f172a!important; overflow:visible!important;
  }
  html body header.top-head .account-actions #mppUserMenuTrigger .mpp-user-panel__avatar{
    position:relative!important; inset:auto!important;
    width:36px!important; height:36px!important; min-width:36px!important; max-width:36px!important;
    flex:0 0 36px!important; padding:2px!important; border-radius:999px!important; overflow:visible!important;
    display:inline-flex!important; align-items:center!important; justify-content:center!important;
    background:linear-gradient(145deg,#60a5fa,#2563eb)!important;
  }
  html body header.top-head .account-actions #mppUserMenuTrigger .mpp-user-panel__avatar .mpp-user-panel__avatar-img,
  html body header.top-head .account-actions #mppUserMenuTrigger .mpp-user-panel__avatar img,
  html body header.top-head .account-actions #mppUserMenuTrigger .mpp-user-panel__avatar .avatar{
    position:relative!important; inset:auto!important;
    width:100%!important; height:100%!important; max-width:100%!important; max-height:100%!important;
    border-radius:50%!important; object-fit:cover!important; display:block!important;
  }
  html body header.top-head .account-actions #mppUserMenuTrigger .mpp-user-panel__name{
    display:inline-block!important; color:#0f172a!important; -webkit-text-fill-color:#0f172a!important;
    max-width:120px!important; overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important;
    font-weight:700!important; font-size:13.5px!important; line-height:1.1!important;
  }
  html body header.top-head .account-actions #mppUserMenuTrigger .mpp-user-panel__chev{
    display:inline-flex!important; flex-shrink:0!important; opacity:.6!important; color:#0f172a!important; -webkit-text-fill-color:#0f172a!important;
  }
}
/* Fokozatos elkoszones. A sorrend ugy van megvalasztva, hogy a Submit Mod minel
   tovabb KOZEPEN maradjon: eloszor a sor vegerol (Forums), majd az elejerol (Home)
   tunnek el a tetelek, es csak utana a tobbi. A Mods + Submit marad legtovabb.
   (A torespontok a stagingen MERT tenyleges szelessegekhez vannak igazitva.) */
/* Kis kijelzon a felhasznalonev elrejtese — az avatar marad, a profil tovabbra
   is elerheto rakattintva. A telefon-fejlec is igy mukodik.
   MERVE: a nev 74px, a sor pedig 20px-el logott tul (a hamburger levagodott),
   tehat ez boven fedezi. A kuszob 820px, hogy maradjon tartalek. */
@media (max-width:820px) and (min-width:520px){
  /* Ugyanaz az ID-s szelektor, mint a fenti megjelenito szabalye — enelkul az
     (1,3,3) specifitas miatt nem lehetne elrejteni. */
  html body header.top-head .account-actions #mppUserMenuTrigger .mpp-user-panel__name,
  html body header.top-head .account-actions .mpp-user-panel__trigger > .mpp-user-panel__name{
    display:none!important;
  }
  /* A gomb igy csak az avatart tartalmazza — legyen kor alaku, ne nyulos pill. */
  html body header.top-head .account-actions #mppUserMenuTrigger{
    padding:4px!important;
    max-width:none!important;
  }
}

/* PARBAN ledobas: a Submit ket oldalan mindig azonos szamu elem marad.
   2/2 (>=1151) -> 1/1 (871-1150) -> 1/0 (661-870) -> csak Submit (<=660) */
@media (max-width:1180px){
  .cm-tabnav__a[data-k="gallery"],
  .cm-tabnav__a[data-k="community"]{ display:none!important; }
}
@media (max-width:910px){  .cm-tabnav__a[data-k="news"]{ display:none!important; } }
@media (max-width:710px){  .cm-tabnav__a[data-k="mods"]{ display:none!important; } }
/* 560 alatt a maganyos Submit-pill karcsubb, hogy a 104px-es logo mellett is
   kenyelmesen ferjen (merve: 540-en vagodott a nagyobb merettel). */
@media (max-width:560px){
  .cm-tabnav__a[data-k="submit"]{ padding:0 15px!important; font-size:13.5px!important; }
}
/* csik-fix telefonra is */
@media (max-width:519px){
  html body header.top-head .promo-bar.promo-bar{ margin-bottom:-2px!important; }
  html body.home header.top-head{ border-bottom:0!important; }
}

/* Promo-sáv (Discord/TikTok): mindig EGY sorban */
@media (max-width:1399px){
  html body header.top-head .promo-bar{
    flex-wrap:nowrap!important; justify-content:center!important; align-items:center!important;
  }
  html body header.top-head .promo-bar .promo-bar__slide{
    display:flex!important; flex-direction:row!important; flex-wrap:nowrap!important;
    align-items:center!important; justify-content:center!important; gap:10px!important;
  }
  html body header.top-head .promo-bar .promo-bar__slide,
  html body header.top-head .promo-bar .promo-bar__slide *{ white-space:nowrap!important; }
}
@media (max-width:840px){
  html body header.top-head .promo-bar .promo-bar__slide{ font-size:12px!important; }
}

/* cm-modern-footer-css */

#crashmod-site-footer{ display:none !important; }
/* flat one-colour shell + single top divider (no card) */
.cm-mfoot{ --cmf-accent:#2563eb; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif; margin:0; padding:0; box-sizing:border-box; background:#dfe5f0; border-top:1px solid #c3cee0; }
.cm-mfoot *{ box-sizing:border-box; }
.cm-mfoot__inner{ max-width:1760px; margin:0 auto; padding:30px 40px 20px; }
/* ===== TOP: brand + EXPLORE + SITE + LEGAL in one wide row (flat) ===== */
.cm-mfoot__top{ display:grid; grid-template-columns:minmax(270px,1.15fr) 1fr 1fr .92fr; column-gap:48px; align-items:start; }
.cm-mfoot__brandlink{ display:inline-block; margin:0 0 13px; }
.cm-mfoot__wordmark{ width:188px; height:auto; max-height:30px; display:block; object-fit:contain; }
.cm-mfoot__wordtext{ display:inline-block; font-weight:900; font-style:italic; font-size:1.62rem; letter-spacing:-.02em; color:#0f172a; line-height:1; }
.cm-mfoot__wordtext em{ font-style:italic; color:#2563eb; }
body:not(.light-surface) .cm-mfoot__wordtext{ color:#ffffff; }
body:not(.light-surface) .cm-mfoot__wordtext em{ color:#60a5fa; }
.cm-mfoot__tagline{ font-size:.88rem; line-height:1.45; color:#414c60; margin:0 0 14px; max-width:340px; }
.cm-mfoot__social{ display:flex; gap:9px; margin:0; }
.cm-mfoot__social a{ width:38px; height:38px; border-radius:10px; border:1px solid #cdd8e8; background:#eaeff7; display:inline-flex; align-items:center; justify-content:center; color:#334155; transition:transform .14s,color .14s,border-color .14s; }
.cm-mfoot__social a:hover{ transform:translateY(-2px); color:var(--cmf-accent); border-color:var(--cmf-accent); }
.cm-mfoot__social svg{ width:18px; height:18px; fill:currentColor; }
.cm-mfoot__h{ font-size:.74rem; font-weight:800; letter-spacing:.09em; text-transform:uppercase; color:var(--cmf-accent); margin:0 0 10px; }
/* link lists — 2 columns so the tallest (SITE, 9) is only ~5 rows */
.cm-mfoot__links,
#cmModernFooter .cm-mfoot__col ul{ list-style:none !important; margin:0 !important; padding:0 !important; columns:2; column-gap:22px; }
.cm-mfoot__links li,
#cmModernFooter .cm-mfoot__col ul li{ margin:0 !important; break-inside:avoid; }
.cm-mfoot__links a,
#cmModernFooter .cm-mfoot__col ul a{ display:block; font-size:.875rem; line-height:1.9; color:#475569; text-decoration:none; transition:color .14s; }
.cm-mfoot__links a:hover,
#cmModernFooter .cm-mfoot__col ul a:hover{ color:var(--cmf-accent); text-decoration:underline; }
.cm-mfoot__links a::before,
#cmModernFooter .cm-mfoot__col ul a::before{ content:none !important; }
#cmModernFooter .cm-mfoot__col ul a .cm-nav-ico{ display:none !important; }
/* ===== NEWSLETTER — a horizontal strip (keeps the footer flat) ===== */
.cm-mfoot__newsbar{ display:flex; align-items:center; gap:18px 32px; flex-wrap:wrap; margin-top:24px; padding-top:22px; border-top:1px solid #cdd8e8; }
.cm-mfoot__news-head{ flex:0 1 270px; }
.cm-mfoot__news-head .cm-mfoot__h{ margin:0 0 4px; }
.cm-mfoot__news-head p{ font-size:.82rem; line-height:1.4; color:#414c60; margin:0; }
.cm-mfoot__form{ display:flex; gap:9px; margin:0; flex:0 1 360px; min-width:260px; }
.cm-mfoot__form input[type=email]{ flex:1 1 auto; min-width:0; padding:9px 13px; border:1px solid #c3cee0; border-radius:10px; font:inherit; font-size:.86rem; color:#0f172a; background:rgba(255,255,255,.6); outline:none; transition:border-color .14s,box-shadow .14s,background .14s; }
.cm-mfoot__form input[type=email]:focus{ border-color:var(--cmf-accent); box-shadow:0 0 0 3px rgba(37,99,235,.14); background:#fff; }
.cm-mfoot__form button{ flex:0 0 auto; padding:9px 18px; border:0; border-radius:10px; font:inherit; font-weight:700; font-size:.86rem; color:#fff; background:linear-gradient(135deg,#3b82f6,#2563eb); cursor:pointer; transition:transform .12s,filter .14s; }
.cm-mfoot__form button:hover{ transform:translateY(-1px); filter:brightness(1.06); }
.cm-mfoot__ok{ flex:0 1 360px; font-size:.86rem; font-weight:700; color:#059669; margin:0; display:none; }
.cm-mfoot__err{ flex:1 1 100%; font-size:.82rem; font-weight:600; color:#dc2626; margin:2px 0 0; display:none; }
.cm-mfoot.is-subscribed .cm-mfoot__form{ display:none; }
.cm-mfoot.is-subscribed .cm-mfoot__ok{ display:block; }
.cm-mfoot.is-subscribed .cm-mfoot__err{ display:none; }
/* logged-in + already-subscribed: form replaced by an explained, disabled state */
.cm-mfoot__subscribed{ display:flex; align-items:flex-start; gap:10px; flex:1 1 340px; max-width:520px; }
.cm-mfoot__subscribed-ic{ width:30px; height:30px; flex:0 0 auto; border-radius:50%; background:#dcfce7; color:#16a34a; display:flex; align-items:center; justify-content:center; font-weight:800; font-size:.95rem; }
.cm-mfoot__subscribed b{ display:block; font-size:.86rem; color:#0f172a; margin-bottom:1px; }
.cm-mfoot__subscribed > div > span{ font-size:.79rem; color:#4a5872; line-height:1.45; }
body:not(.light-surface) .cm-mfoot__subscribed b{ color:#f1f5f9; }
body:not(.light-surface) .cm-mfoot__subscribed > div > span{ color:#b3bfd2; }
body:not(.light-surface) .cm-mfoot__subscribed-ic{ background:rgba(22,163,74,.18); }
.cm-mfoot__email-locked{ opacity:.62; cursor:not-allowed; pointer-events:none; }
.cm-mfoot__unsub{ display:inline-block; margin-top:6px; font-size:.78rem; font-weight:800; color:#dc2626; text-decoration:underline; text-underline-offset:2px; }
.cm-mfoot__unsub:hover{ color:#b91c1c; }
body:not(.light-surface) .cm-mfoot__unsub{ color:#f87171; }
.cm-mfoot__feat-strip{ flex:1 1 460px; display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.cm-mfoot__feat{ display:flex; align-items:center; gap:9px; margin:0; }
.cm-mfoot__feat .ic{ width:32px; height:32px; flex:0 0 auto; border-radius:9px; display:flex; align-items:center; justify-content:center; font-size:1rem; }
.cm-mfoot__feat .ic--b{ background:#e7efff; } .cm-mfoot__feat .ic--g{ background:#e3f7ec; } .cm-mfoot__feat .ic--p{ background:#efeaff; }
.cm-mfoot__feat b{ display:block; font-size:.8rem; font-weight:800; color:#0f172a; line-height:1.15; }
.cm-mfoot__feat span{ font-size:.73rem; color:#4a5872; line-height:1.2; }
/* ===== BOTTOM bar: © · trust · payment · Secure ===== */
body:not(.light-surface) .cm-mfoot__tagline,body:not(.light-surface) .cm-mfoot__news-head p{ color:#9fadc4 } .cm-mfoot__hr{ height:1px; background:#cdd8e8; margin:22px 0 15px; border:0; }
.cm-mfoot__bottom{ display:flex; align-items:center; gap:12px 26px; flex-wrap:wrap; }
.cm-mfoot__copy{ display:flex; align-items:center; gap:8px; font-size:.83rem; color:#4a5872; }
.cm-mfoot__copy svg{ width:18px; height:18px; color:var(--cmf-accent); flex:0 0 auto; }
.cm-mfoot__trust-inline{ display:flex; align-items:center; gap:8px; font-size:.81rem; color:#4a5872; }
.cm-mfoot__trust-inline svg{ width:18px; height:18px; color:var(--cmf-accent); flex:0 0 auto; }
.cm-mfoot__trust-inline b{ color:#0f172a; font-weight:700; }
.cm-mfoot__pay{ display:flex; align-items:center; gap:8px; margin-left:auto; }
.cm-mfoot__pay .pb{ height:27px; min-width:43px; padding:0 8px; border:1px solid #d4dded; border-radius:7px; background:#fff; display:inline-flex; align-items:center; justify-content:center; font-size:.69rem; font-weight:800; letter-spacing:.02em; }
.cm-mfoot__pay .pb--visa{ color:#1a1f71; font-style:italic; }
.cm-mfoot__pay .pb--pp i{ font-style:italic; font-weight:800; }
.cm-mfoot__pay .pb--pp .a{ color:#003087; } .cm-mfoot__pay .pb--pp .b{ color:#009cde; }
.cm-mfoot__pay .pb--ap{ color:#0f172a; gap:3px; }
.cm-mfoot__pay .pb--gp{ gap:1px; }
.cm-mfoot__pay .pb--gp .g1{color:#4285f4}.cm-mfoot__pay .pb--gp .g2{color:#ea4335}.cm-mfoot__pay .pb--gp .g3{color:#fbbc05}.cm-mfoot__pay .pb--gp .g4{color:#34a853}
.cm-mfoot__mc{ position:relative; width:31px; height:19px; }
.cm-mfoot__mc i{ position:absolute; top:0; width:19px; height:19px; border-radius:50%; }
.cm-mfoot__mc i:first-child{ left:0; background:#eb001b; }
.cm-mfoot__mc i:last-child{ right:0; background:#f79e1b; mix-blend-mode:multiply; }
.cm-mfoot__secure{ display:flex; align-items:center; gap:8px; }
.cm-mfoot__secure svg{ width:22px; height:22px; color:var(--cmf-accent); flex:0 0 auto; }
.cm-mfoot__secure b{ display:block; font-size:.79rem; color:#0f172a; font-weight:700; line-height:1.1; }
.cm-mfoot__secure span{ font-size:.73rem; color:#4a5872; }
@media (max-width:980px){ .cm-trust-detail{ display:none; } }
/* ===== dark theme ===== */
body:not(.light-surface) .cm-mfoot{ background:#0b0f17; border-top-color:rgba(255,255,255,.06); }
body:not(.light-surface) .cm-mfoot__newsbar,
body:not(.light-surface) .cm-mfoot__hr{ border-top-color:rgba(255,255,255,.07); }
body:not(.light-surface) .cm-mfoot__hr{ background:rgba(255,255,255,.07); }
body:not(.light-surface) .cm-mfoot__h{ color:#60a5fa; }
body:not(.light-surface) .cm-mfoot__tagline,
body:not(.light-surface) .cm-mfoot__news-head p,
body:not(.light-surface) .cm-mfoot__links a,
body:not(.light-surface) #cmModernFooter .cm-mfoot__col ul a,
body:not(.light-surface) .cm-mfoot__feat span,
body:not(.light-surface) .cm-mfoot__copy,
body:not(.light-surface) .cm-mfoot__trust-inline,
body:not(.light-surface) .cm-mfoot__secure span{ color:#b3bfd2; }
body:not(.light-surface) .cm-mfoot__feat b,
body:not(.light-surface) .cm-mfoot__trust-inline b,
body:not(.light-surface) .cm-mfoot__secure b{ color:#f1f5f9; }
body:not(.light-surface) .cm-mfoot__social a{ background:#161c27; border-color:rgba(255,255,255,.1); color:#cbd5e1; }
body:not(.light-surface) .cm-mfoot__form input[type=email]{ background:#161c27; border-color:rgba(255,255,255,.12); color:#e8edf5; }
body:not(.light-surface) .cm-mfoot__pay .pb{ background:#fff; border-color:rgba(255,255,255,.16); }
body:not(.light-surface) .cm-mfoot__wordmark{ filter:brightness(0) invert(1); opacity:.92; }
/* 2026-07 a11y-kontraszt: fejlecek + PayPal-badge (Lighthouse contrast audit) */
.cm-mfoot__h{ color:#1e40af; }
.cm-mfoot__pay .pb--pp .b{ color:#00689c; }
body:not(.light-surface) .cm-mfoot__h{ color:#8fbcff; }
/* ===== responsive ===== */
@media (max-width:1100px){
  .cm-mfoot__inner{ padding:30px 24px 20px; }
  .cm-mfoot__top{ grid-template-columns:1fr 1fr; column-gap:36px; row-gap:26px; }
  .cm-mfoot__brand{ grid-column:1 / -1; }
}
@media (max-width:640px){
  .cm-mfoot__inner{ padding:24px 18px 16px; }
  .cm-mfoot__top{ grid-template-columns:1fr; row-gap:22px; }
  .cm-mfoot__links,
  #cmModernFooter .cm-mfoot__col ul{ columns:2; }
  .cm-mfoot__newsbar{ flex-direction:column; align-items:flex-start; gap:14px; }
  /* MOBILE FIX: in the column newsbar, the children's `flex:0 1 <N>px` was setting a 270-360px HEIGHT,
     blowing the email/button/heading up into huge tall boxes. Reset to natural height + full width. */
  #cmModernFooter .cm-mfoot__newsbar > *{ flex:0 0 auto !important; width:100% !important; min-width:0 !important; }
  #cmModernFooter .cm-mfoot__form{ width:100% !important; }
  #cmModernFooter .cm-mfoot__form input[type=email]{ min-width:0 !important; }
  .cm-mfoot__feat-strip{ grid-template-columns:1fr; gap:10px; }
  .cm-mfoot__bottom{ flex-direction:column; align-items:flex-start; gap:13px; }
  .cm-mfoot__pay{ margin-left:0; flex-wrap:wrap; }
  .cm-mfoot__wordmark{ width:168px; }
}
/* 2026-10-08 (tulaj: „telefonon borzasztó hosszú a footer, kompaktabbra kellene; gépen nem baj"): CSAK ≤640 px.
   - márkasor: szó-logó + közösségi ikonok egy sorban, szlogen nélkül;
   - EXPLORE / SITE / LEGAL: lenyitható sávok (a JS teszi rá a .cm-mfoot--acc-ot; JS nélkül minden nyitva marad);
   - hírlevél: csak a cím + űrlap (feliratkozva: „Feliratkozva" + Leiratkozás), a 3 jellemző-doboz rejtve;
   - alsó sáv: fizetési jelvények + ©, a „Safe & Trusted" / „Secure" szöveg rejtve.
   Visszaállítás: /root/cm-modern-footer.php.bak-20261008-mobil */
@media (max-width:640px){
  #cmModernFooter .cm-mfoot__inner{ padding:16px 16px 12px; }
  #cmModernFooter .cm-mfoot__top{ row-gap:0; }
  #cmModernFooter .cm-mfoot__brand{ display:flex; align-items:center; justify-content:space-between; gap:12px; padding-bottom:12px; }
  #cmModernFooter .cm-mfoot__brandlink{ margin:0; }
  #cmModernFooter .cm-mfoot__wordtext{ font-size:1.35rem; }
  #cmModernFooter .cm-mfoot__tagline{ display:none; }
  #cmModernFooter .cm-mfoot__social{ gap:6px; }
  #cmModernFooter .cm-mfoot__social a{ width:32px; height:32px; border-radius:8px; }
  #cmModernFooter .cm-mfoot__social svg{ width:15px; height:15px; }
  #cmModernFooter.cm-mfoot--acc .cm-mfoot__col{ border-top:1px solid #cdd8e8; }
  #cmModernFooter.cm-mfoot--acc .cm-mfoot__col > .cm-mfoot__h{ display:flex; align-items:center; justify-content:space-between; margin:0; padding:12px 4px 12px 2px; min-height:44px; cursor:pointer; user-select:none; -webkit-user-select:none; -webkit-tap-highlight-color:transparent; }
  #cmModernFooter.cm-mfoot--acc .cm-mfoot__col > .cm-mfoot__h::after{ content:""; flex:0 0 auto; width:7px; height:7px; border-right:2px solid currentColor; border-bottom:2px solid currentColor; transform:translateY(-2px) rotate(45deg); transition:transform .18s ease; }
  #cmModernFooter.cm-mfoot--acc .cm-mfoot__col.is-open > .cm-mfoot__h::after{ transform:translateY(2px) rotate(-135deg); }
  #cmModernFooter.cm-mfoot--acc .cm-mfoot__col > .cm-mfoot__h:focus-visible{ outline:2px solid currentColor; outline-offset:2px; border-radius:4px; }
  #cmModernFooter.cm-mfoot--acc .cm-mfoot__col:not(.is-open) > ul{ display:none !important; }
  #cmModernFooter.cm-mfoot--acc .cm-mfoot__col.is-open > ul{ padding:0 2px 10px !important; }
  #cmModernFooter .cm-mfoot__links a,
  #cmModernFooter .cm-mfoot__col ul a{ font-size:.86rem; line-height:1.75; }
  #cmModernFooter .cm-mfoot__newsbar{ margin-top:0; padding-top:14px; gap:8px; }
  #cmModernFooter .cm-mfoot__news-head p{ display:none; }
  #cmModernFooter .cm-mfoot__feat-strip{ display:none !important; }
  #cmModernFooter .cm-mfoot__subscribed{ align-items:center; }
  #cmModernFooter .cm-mfoot__subscribed > div > b + span{ display:none; }
  #cmModernFooter .cm-mfoot__subscribed-ic{ width:24px; height:24px; font-size:.8rem; }
  #cmModernFooter .cm-mfoot__unsub{ margin-top:2px; }
  #cmModernFooter .cm-mfoot__hr{ margin:14px 0 10px; }
  #cmModernFooter .cm-mfoot__bottom{ gap:8px; }
  #cmModernFooter .cm-mfoot__trust-inline,
  #cmModernFooter .cm-mfoot__secure{ display:none; }
  #cmModernFooter .cm-mfoot__pay{ order:-1; gap:6px; }
  #cmModernFooter .cm-mfoot__pay .pb{ height:24px; min-width:38px; padding:0 6px; font-size:.64rem; }
  #cmModernFooter .cm-mfoot__copy{ font-size:.76rem; }
  body:not(.light-surface) #cmModernFooter.cm-mfoot--acc .cm-mfoot__col{ border-top-color:rgba(255,255,255,.07); }
}

/* cm-profile-btn-tier-css */

    /* ===== RANG-CHIP a mod-kártyákon / mod-oldalon (mindenkinek látszik) =====
       Markup: .crashmod-rank-label--mod-tier > __prefix ("Rank:") + __value.crashmod-rank-tier-text--{tier}
       A "Rank:" felirat eltűnik, az érték gradiens-badge lesz (mint a profil-gombon); LITE rejtve. */
    .crashmod-rank-label--mod-tier .crashmod-rank-label__prefix{ display:none !important; }
    /* fehér pill + rang-színű felirat — UGYANAZ a kinézet, mint a profil-gomb badge-e.
       Magas specificitás, hogy a cm-elite-flair gradient-text szabályait stabilan üsse. */
    /* a szerző-sor elemei (név, rang-chip, ✓, TOP) EGY tengelyen, függőlegesen középre igazítva.
       A badge-ek a __author-text SPAN-on belül vannak → azt is flex-be tesszük, különben a
       szöveg alapvonala és a badge-ek közepe elcsúszik egymástól. */
    .mod-card-row__author-line{ display:inline-flex !important; align-items:center !important; gap:6px !important; flex-wrap:wrap; }
    .mod-card-row__author-text{ display:inline-flex !important; align-items:center !important; gap:6px !important; flex-wrap:wrap; line-height:1.2 !important; }
    .mod-card-row__author-text > *{ vertical-align:baseline !important; }
    .mpp-uploaded-by__nameline{ display:flex !important; align-items:center !important; gap:8px !important; flex-wrap:wrap; }
    .crashmod-rank-label--mod-tier{ display:inline-flex !important; align-items:center !important; }
    .crashmod-rank-label--mod-tier .crashmod-rank-label__value.crashmod-rank-tier-text--elite,
    .crashmod-rank-label--mod-tier .crashmod-rank-label__value.crashmod-rank-tier-text--pro{
      display:inline-block !important; line-height:1.15 !important;
      font-size:9px !important; font-weight:900 !important; letter-spacing:.08em !important;
      padding:2.5px 8px !important; border-radius:999px !important;
      background:#fff !important;
      -webkit-background-clip:padding-box !important; background-clip:padding-box !important;
      animation:none !important;
    }
    /* ELITE mod-card chip = same animated red shimmer + glow as the profile .crashmod-badge--elite
       (keyframes cmEliteShimmer / cmEliteGlow come from cm-elite-flair.php, output on every page). */
    .crashmod-rank-label--mod-tier .crashmod-rank-label__value.crashmod-rank-tier-text--elite{
      color:#fff !important; -webkit-text-fill-color:#fff !important;
      background-image:linear-gradient(110deg,#b91c1c 0%,#ef4444 25%,#f87171 50%,#ef4444 75%,#b91c1c 100%) !important;
      background-size:200% 100% !important;
      text-shadow:0 1px 2px rgba(127,29,29,.55) !important;
      box-shadow:0 1px 4px rgba(15,23,42,.18), 0 0 8px rgba(239,68,68,.45) !important;
      animation:cmEliteShimmer 3.4s linear infinite, cmEliteGlow 3s ease-in-out infinite !important;
      overflow:hidden !important;
    }
    @media (prefers-reduced-motion: reduce){
      .crashmod-rank-label--mod-tier .crashmod-rank-tier-text--elite{ animation:none !important; background-position:50% 50% !important; }
    }
    .crashmod-rank-label--mod-tier .crashmod-rank-label__value.crashmod-rank-tier-text--pro{
      color:#2563eb !important; -webkit-text-fill-color:#2563eb !important;
      box-shadow:0 1px 4px rgba(15,23,42,.16), 0 0 0 1px rgba(37,99,235,.3);
    }
    .crashmod-rank-label--mod-tier:has(.crashmod-rank-tier-text--lite){ display:none !important; }
    
/* cm-kartya-jatek-borito-css */

/* A kozepso oszlop jobb also sarka. ABSZOLUT pozicio -> a kartya magassaga valtozatlan. */
.mod-card-row__body{position:relative}
.mod-card-row{--cm-kjb-w:57px}
.cm-kartya-jatek{position:absolute;right:0;bottom:0;z-index:2;display:block;width:var(--cm-kjb-w);
  border-radius:6px;overflow:hidden;line-height:0;
  border:1px solid rgba(148,163,184,.32);box-shadow:0 2px 8px rgba(15,23,42,.16);
  transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}
.cm-kartya-jatek:hover,.cm-kartya-jatek:focus-visible{transform:translateY(-2px);
  box-shadow:0 7px 18px rgba(15,23,42,.26);border-color:rgba(59,130,246,.55)}
.cm-kartya-jatek:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}
.cm-kartya-jatek__img{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:cover;background:#e2e8f0}
body:not(.light-surface) .cm-kartya-jatek{border-color:rgba(148,163,184,.22);box-shadow:0 2px 10px rgba(0,0,0,.35)}
body:not(.light-surface) .cm-kartya-jatek__img{background:#1e293b}
/* A also ket sor (szerzo, breadcrumb) ne fusson a kep ala. */
.mod-card-row__body .mod-card-row__meta,
.mod-card-row__body .mod-card-row__author-line{padding-right:calc(var(--cm-kjb-w) + 12px)}
/* Mobil/tablet: ott a kartya stacked — nem mutatjuk. */
@media (max-width:1100px){.cm-kartya-jatek{display:none}}

/* cm-dark-contrast-fixes */

body:not(.light-surface) .cm-gcb__card{background:#141b2d!important;color:#cbd5e1!important;border-color:rgba(255,255,255,.08)!important}
body:not(.light-surface) .cm-gcb__card h2,
body:not(.light-surface) .cm-gcb__card h3,
body:not(.light-surface) .cm-gcb__card h4,
body:not(.light-surface) .cm-gcb__card strong,
body:not(.light-surface) .cm-gcb__card b{color:#e6e9ef!important}
body:not(.light-surface) .cm-gcb__card p,
body:not(.light-surface) .cm-gcb__card li,
body:not(.light-surface) .cm-gcb__card span{color:#a7b2c5!important}
body:not(.light-surface) .cm-gcb__faq{background:#141b2d!important}
body:not(.light-surface) .cm-gcb__faq summary,
body:not(.light-surface) .cm-gcb__faq h2,
body:not(.light-surface) .cm-gcb__faq h3{color:#e6e9ef!important}
body:not(.light-surface) .cm-gcb__faq p{color:#a7b2c5!important}
body:not(.light-surface) .cm-ee-fm{background:#1b2436!important;border-color:rgba(255,255,255,.10)!important}
body:not(.light-surface) .cm-ee-fm *{color:#dbe4f3!important}
.cm-gdpr__btn{color:#fff!important}
body:not(.light-surface) .cm-gdpr__btn{color:#fff!important}
.mpp-header-cart-panel p{color:#475569!important}
body:not(.light-surface) .mpp-header-cart-panel{background:#161d2e!important;color:#cbd5e1!important}
body:not(.light-surface) .mpp-header-cart-panel p{color:#94a3b8!important}
body:not(.light-surface) .mpp-header-cart-panel b,
body:not(.light-surface) .mpp-header-cart-panel strong{color:#e6e9ef!important}

/* ===== 2. kor — jatek-archivum rendezes/sorrend/idoszak legordulo (mpp-gfc) =====
   A panel background:var(--card,#fff)-ra esik vissza (a --card SEHOL sincs definialva),
   a "Sort by: <ertek>" strong pedig --cm-text (feher) -> feher a feheren. Sotetben a
   panelt sotetitjuk, a szovegeket vilagositjuk; az aktiv sor kek marad. */
body:not(.light-surface) .mpp-gfc__dropdown-menu{background:#151d2e!important;border-color:rgba(255,255,255,.10)!important}
body:not(.light-surface) .mpp-gfc__dropdown-opt{color:#cbd5e1!important}
body:not(.light-surface) .mpp-gfc__dropdown-opt-label{color:#9fb0c9!important}
body:not(.light-surface) .mpp-gfc__dropdown-opt-label strong{color:#eef3fb!important}
body:not(.light-surface) .mpp-gfc__dropdown-opt-ico{color:#8fa3c0!important}
body:not(.light-surface) .mpp-gfc__dropdown-opt:hover,
body:not(.light-surface) .mpp-gfc__dropdown-opt:focus-visible{background:rgba(59,130,246,.14)!important}
body:not(.light-surface) .mpp-gfc__dropdown-opt.is-active{background:rgba(59,130,246,.20)!important}
body:not(.light-surface) .mpp-gfc__dropdown-opt.is-active,
body:not(.light-surface) .mpp-gfc__dropdown-opt.is-active .mpp-gfc__dropdown-opt-label,
body:not(.light-surface) .mpp-gfc__dropdown-opt.is-active .mpp-gfc__dropdown-opt-label strong,
body:not(.light-surface) .mpp-gfc__dropdown-opt.is-active .mpp-gfc__dropdown-opt-ico{color:#7cb1fb!important}

/* ===== 2. kor — /messages/ buborekok es kompanalo sav =====
   A cm-chat-polish (wp_footer, html body szelektor + !important) VILAGOS bejovo-buborekot
   kenyszerit (#eef2f8), mikozben a 020-design-system p-szabalya vilagos szoveget ad ->
   vilagos a vilagoson. Sotetben a bejovo buborek sotet, a sajat marad kek gradiens.
   A html body:not(.light-surface) lanc (0,2,2) specifikusabb a polish (0,1,2)-nel,
   igy sorrendtol fuggetlenul nyer (a polish kesobb, wp_footerben printel!). */
html body:not(.light-surface) .mpp-chat-row__bubble{background:#1e2940!important;color:#dce6f5!important;box-shadow:0 1px 2px rgba(0,0,0,.28)!important}
html body:not(.light-surface) .mpp-chat-row__bubble .mpp-chat-msg__text{color:#dce6f5!important}
html body:not(.light-surface) .mpp-chat-row__bubble .mpp-chat-msg__time{color:#93a4bd!important}
html body:not(.light-surface) .mpp-chat-row__bubble.is-mine{background:linear-gradient(180deg,#3f87f8 0%,#2563eb 100%)!important;color:#fff!important}
html body:not(.light-surface) .mpp-chat-row__bubble.is-mine .mpp-chat-msg__text{color:#fff!important}
html body:not(.light-surface) .mpp-chat-row__bubble.is-mine .mpp-chat-msg__time{color:rgba(255,255,255,.8)!important}
html body:not(.light-surface) .mpp-chat-reaction{background:#26334c!important;border-color:rgba(255,255,255,.16)!important;color:#dce6f5!important}
html body:not(.light-surface) .mpp-chat-compose__input{background:#1b2438!important;color:#e2eaf6!important;border-color:rgba(255,255,255,.10)!important}
html body:not(.light-surface) .mpp-chat-compose__input:focus{background:#202b42!important;border-color:#3b82f6!important}
html body:not(.light-surface) .mpp-chat-compose__input::placeholder{color:#8fa3c0!important}

/* ===== 2. kor — profil-szerkeszto (About/Forensignatur) TinyMCE toolbar =====
   A 031-cm-register-page-dark JS-e sotet modban MINDEN label-re inline
   -webkit-text-fill-color:#fff!important-ot tesz; a wp_editor a label.mpp-field-ben ul,
   igy az ikonok a vilagos #f8fafc savon FEHEREN oroklodnek. Az inline!important-ot
   stylesheet nem veri AZON az elemen, de az OROKLES ellen az ikonra/gombra tett sajat
   ertek nyer. A szinek a TinyMCE gyari szurkei. Minden wp_editor-t fedez (submit/staff is). */
body:not(.light-surface) .wp-editor-wrap .mce-toolbar .mce-ico{color:#50575e!important;-webkit-text-fill-color:#50575e!important}
body:not(.light-surface) .wp-editor-wrap .mce-toolbar .mce-btn button{color:#595959!important;-webkit-text-fill-color:#595959!important}
body:not(.light-surface) .wp-editor-wrap .quicktags-toolbar input.ed_button{color:#50575e!important;-webkit-text-fill-color:#50575e!important}

/* cm-gal-menupill */
.cm-gal-newpill{background:#3b82f6;color:#fff;font-size:9px;font-weight:800;padding:1px 6px;border-radius:999px;letter-spacing:.4px;vertical-align:2px;margin-left:2px}
/* cm-profile-namewrap */

      .mpp-author-name{overflow-wrap:anywhere;word-break:break-word;min-width:0}
      .mpp-author-head__name-row,.username-row{min-width:0;flex-wrap:wrap;max-width:100%}
      .mpp-author-head__name-row>*,.username-row>*{min-width:0}
      .mpp-author-about__identity{min-width:0}
      .mpp-author-about__id-meta{min-width:0;flex:1 1 auto}
      .mpp-author-about__name-row{min-width:0!important;max-width:100%;flex-wrap:wrap}
      .mpp-author-about__name-row>*{min-width:0}
      .mpp-author-about__id-name{overflow-wrap:anywhere;word-break:break-word;max-width:100%;flex:1 1 auto!important}
      .username-row .mpp-author-name{flex:0 1 auto!important}
      .cm-profile-subx{margin-top:26px;margin-bottom:30px}
      /* Imagify wraps the cover <img> in <picture class="mpp-author-cover__img">: the sizing class
         lands on the <picture>, the inner <img> loses it and renders at natural size (a small
         upload sat tiny in the corner). Make the inner img fill and inherit the focal position. */
      .mpp-author-cover picture.mpp-author-cover__img{display:block;width:100%;height:100%;overflow:hidden}
      .mpp-author-cover .mpp-author-cover__img>img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:inherit!important;display:block}
      .cm-profile-subx .mpp-buy-panel--subs{margin:0}
    
/* cm-paidui-mobile */

      /* A) Profile stacked layout: main column must stretch, not size to content
            (.mpp-author-body{align-items:start} makes flex children fit-content on mobile,
            and .cm-pp-tiers' max-content inflated it to 816px). */
      @media (max-width:1023px){
        .mpp-author-body .mpp-author-main{width:100%!important;min-width:0!important;max-width:100%!important}
        .mpp-author-body .mpp-author-about{max-width:100%}
        .mpp-author-main .cm-subx{max-width:100%;min-width:0}
        .mpp-author-main .cm-pp-tiers{max-width:100%!important}
      }
      /* tier cards: single column on phones everywhere the panel appears */
      @media (max-width:640px){
        .cm-pp-tiers{grid-template-columns:1fr!important;max-width:100%!important}
        .cm-pp-tier{min-width:0;max-width:100%}
      }
      /* B) Google Pay / card buttons: shrink the brand chips on phones so the button
            fits (drop AMEX + the "mastercard" wordmark; keep G Pay + VISA + MC circles). */
      @media (max-width:640px){
        .cm-stripe-btn,.cm-payprev__btn--gpay{min-width:0;max-width:100%;justify-content:center!important;gap:10px!important;padding:0 12px!important}
        .cm-stripe-btn [aria-label="American Express"],.cm-payprev__btn--gpay [aria-label="American Express"]{display:none!important}
        .cm-stripe-btn [aria-label="Mastercard"] span,.cm-payprev__btn--gpay [aria-label="Mastercard"] span{display:none!important}
        .cm-pay-row{flex-direction:column!important}
        .cm-pay-row > div{min-width:0!important}
        .cm-pp-buy-form,.cm-stripe-form{min-width:0;max-width:100%}
        .cm-ppbtn,.cm-stripe-btn{max-width:100%}
      }
      /* C) Submit paid block: stack the method/tier cards, clamp everything */
      @media (max-width:760px){
        .cm-payprev{grid-template-columns:1fr!important;min-width:0;max-width:100%}
        .cm-payprev__card{min-width:0;max-width:100%}
        .mpp-paid-details{min-width:0;max-width:100%}
        .cm-tierpick{grid-template-columns:1fr!important;max-width:100%}
        .cm-tierpick__card{min-width:0;max-width:100%}
        .cm-ptype-seg{flex-wrap:wrap}
        .cm-ptype-info{min-width:0;max-width:100%}
      }
      /* E) subscribe-panel header: tighter on phones (was ~118px tall) */
      @media (max-width:560px){
        .cm-subx__head{padding:11px 13px;gap:9px}
        .cm-subx__ic{width:32px;height:32px;flex:0 0 32px;font-size:16px;border-radius:9px}
        .cm-subx__tt b{font-size:.92rem}
        .cm-subx__sub{font-size:.72rem}
        .cm-subx__body{padding:13px}
      }
      /* D) admin bar (logged-in staff only): the Howdy display-name pushed past the
            right edge on small screens — hide the name, keep the avatar. */
      @media (max-width:782px){
        #wpadminbar .ab-top-secondary .display-name{display:none}
      }
    
/* cm-adhesion-doboz-magassag */
@media (max-width:1023px){html body div#fixed_container_bottom{height:auto!important;min-height:0!important}}
/* cm-ios-fixed-gyoker */
@media (max-width:1023px){html{overflow-x:hidden!important}}
/* cm-darkmode-contrast-fix */

/* Both modes: white pills carried too-light blue text (ratio ~2.5) */
/* 2026-08-07: a promo-bar__btn--tiktok szelektorok TOROLVE — a pill mar nem
   feher, hanem attetszo a kek savon, ott a kek szoveg volt a kontraszt-hiba.
   A TikTok-pill a Discord-pill alap stilusat orokli (feher szoveg). */
html body .cm-modsfire-promo .cm-modsfire-promo__cta, html body .cm-modsfire-promo__cta { color:#1d4ed8 !important; }
html body .promo-bar .promo-bar__text, html body .promo-bar__text { color:#ffffff !important; }
html body .cm-mag-feat__badge { color:#ffffff !important; }
/* Home Discord card: pale slate paragraph on indigo → near-white */
html body .cm-home-redesign .cm-side-card--discord p, html body .cm-side-card--discord p { color:rgba(255,255,255,.93) !important; }
/* Dark mode only */
html body:not(.light-surface) .mpp-game-select__label { color:#e8edf5 !important; }
html body:not(.light-surface) .crashmod-rank-label__prefix { color:#a78bfa !important; }
html body:not(.light-surface) .cmfs-pill__label { color:#ffffff !important; }
/* Verified pill is an <a> → inherits the light-blue link colour, so the currentColor
   shield icon disappears on the green pill (worst in dark). White in both modes. */
html body .cmfs-pill, html body a.cmfs-pill, html body a.cmfs-pill:hover,
html body .cmfs-pill .cmfs-pill__icon { color:#ffffff !important; }
/* Mod-card stat grid (Updated/Views/Downloads/Likes/Dislikes/Comments) in dark:
   label #8aa0bd, value #eaf1fb, icon #7e93ad → uniform white. */
html body:not(.light-surface) .mod-card-row__statcell-label,
html body:not(.light-surface) .mod-card-row__statcell-value,
html body:not(.light-surface) .mod-card-row__statcell-ico { color:#ffffff !important; }

/* cm-consent-adhesion */
@media (min-width:1024px){html body .cmplz-cookiebanner.cmplz-bottom,html body .cmplz-cookiebanner.cmplz-bottom-right,html body .cmplz-cookiebanner.cmplz-bottom-left,html body .cmplz-cookiebanner{bottom:110px!important}}@media (max-width:1023px){html body .cmplz-cookiebanner{bottom:120px!important}}html body .cmplz-cookiebanner.cmplz-center,html body .cmplz-cookiebanner.cmplz-top{bottom:auto!important}
/* cm-auth-social-polish */

/* Enabled buttons only (anchors) — the disabled <span> variant keeps main.css's dimming */
html body a.mpp-social-btn{
  opacity:1 !important;
  font-weight:800 !important;
  font-size:.95rem !important;
  border-radius:12px !important;
  padding:.72rem 1rem !important;
  letter-spacing:.01em;
  transition:transform .15s ease, box-shadow .15s ease, background .15s ease !important;
}
html body a.mpp-social-btn .mpp-social-btn__icon svg{ width:20px !important; height:20px !important; display:block; }

/* Discord: brand indigo, BRIGHT white text + logo */
html body a.mpp-social-btn--discord{
  background:#5865f2 !important;
  color:#ffffff !important;
  box-shadow:0 8px 20px rgba(88,101,242,.35) !important;
  border:0 !important;
}
html body a.mpp-social-btn--discord,
html body a.mpp-social-btn--discord svg{ color:#ffffff !important; fill:#ffffff !important; }
html body a.mpp-social-btn--discord:hover{
  background:#4752c4 !important;
  transform:translateY(-1px);
  box-shadow:0 12px 26px rgba(88,101,242,.45) !important;
}

/* Google: clean white pill, FULL BLACK label, vivid multicolor G (fills live in the svg itself) */
html body a.mpp-social-btn--google{
  background:#ffffff !important;
  color:#0f172a !important;
  font-weight:800 !important;
  border:1.5px solid #dadce0 !important;
  box-shadow:0 6px 16px rgba(15,23,42,.08) !important;
}
html body a.mpp-social-btn--google:hover{
  background:#ffffff !important;
  border-color:#c6cbd4 !important;
  transform:translateY(-1px);
  box-shadow:0 12px 26px rgba(15,23,42,.14) !important;
}
/* Dark mode: the white Google pill stays white (its own surface), just soften the border */
html body:not(.light-surface) a.mpp-social-btn--google{ border-color:rgba(148,163,184,.45) !important; }

/* cm-erintofelulet-css */

@media (min-width: 1px) { /* 2026-08-29: asztalra is kiterjesztve (Lighthouse ott is meri) */
  /* 2026-08-29 este: a pottyok (cm-hero__dot / cm-gal2__pont) szabalya ELTAVOLITVA —
   * a tulaj jelezte, hogy a megnovelt doboz latvanyosan belelogott a kartyafeliratba.
   * A kinezet-garancia fontosabb, mint a Lighthouse erintofeluleti pontja. */
  /* Ezek flex-elemek rogzitett magassaggal (border-box) — a padding nem noveli a
   * dobozt, ezert min-height kell. 23/21 px -> 24 px: szemre eszrevehetetlen. */
  .cm-fresh-card__game,
  .cm-featured__game,
  .cm-featured__title {
    min-height: 24px !important;
  }
}

/* cm-desktop-account-button-size-fix-css */

@media (min-width:1400px){
  html body header.top-head .account-actions{
    gap:12px!important;
    align-items:center!important;
    overflow:visible!important;
  }

  html body header.top-head #mppMsgTrigger,
  html body header.top-head #mppNotifTrigger,
  html body header.top-head #mppHeaderCartBtn,
  html body header.top-head .mpp-header-cart__link,
  html body header.top-head .mpp-header-cart-btn,
  html body header.top-head #modeToggle{
    width:52px!important;
    height:52px!important;
    min-width:52px!important;
    min-height:52px!important;
    border-radius:999px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0!important;
    box-sizing:border-box!important;
  }

  html body header.top-head .mpp-header-cart-wrap{
    width:52px!important;
    height:52px!important;
    min-width:52px!important;
    min-height:52px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    position:relative!important;
  }

  html body header.top-head #mppUserMenuTrigger,
  html body header.top-head .mpp-user-menu__trigger,
  html body header.top-head .mpp-user-panel__trigger,
  html body header.top-head [aria-controls="mppUserDropdown"]{
    height:52px!important;
    min-height:52px!important;
    min-width:150px!important;
    padding:0 15px!important;
    border-radius:14px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:10px!important;
    box-sizing:border-box!important;
  }

  html body header.top-head .account-actions svg,
  html body header.top-head .account-actions i{
    width:20px!important;
    height:20px!important;
    font-size:19px!important;
  }

  html body header.top-head .account-actions .badge,
  html body header.top-head .account-actions .count,
  html body header.top-head .account-actions [class*="badge"],
  html body header.top-head .account-actions [class*="count"]{
    top:-7px!important;
    right:-5px!important;
    min-width:19px!important;
    height:19px!important;
    font-size:11px!important;
  }
}

/* cm-btn-sm-primary-contrast */

a.btn--sm.btn--primary,
button.btn--sm.btn--primary,
.btn--sm.btn--primary{
  background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%)!important;
  background-color:#2563eb!important;
}

/* cm-dark-filter-caret */

body:not(.light-surface) .mpp-filter-panel--modern select,
body:not(.light-surface) .mpp-archive-mod-form select,
body:not(.light-surface) #mpp-game-filter-form select,
body:not(.light-surface) .adv-search--premium select{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23cbd5e1' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;
  background-position:calc(100% - 12px) 50%!important;
  padding-right:34px!important;
}

/* cm-edit-profile-polish-css */

/* --- Hero band: lighter, friendlier in LIGHT mode (was dark navy). --- */
body.light-surface .mpp-profile-settings .mpp-profile-hero{
  background:linear-gradient(135deg,#eef4ff 0%,#dbe8ff 55%,#cfe1ff 100%)!important;
  border-bottom:1px solid #d4e1f5!important;
  box-shadow:none!important;
}
body.light-surface .mpp-profile-settings .mpp-profile-hero__title{
  color:#0f1d33!important;-webkit-text-fill-color:#0f1d33!important;
}
body.light-surface .mpp-profile-settings .mpp-profile-hero .btn--ghost{
  color:#1f3a63!important;border-color:#9fc0ee!important;background:rgba(255,255,255,.65)!important;
}

/* --- Position picker box --- */
.mpp-profile-settings .mpp-profile-focal{
  background:#f6f9ff!important;border:1px solid #dde8f8!important;border-radius:14px!important;
  padding:12px 14px!important;
}
body:not(.light-surface) .mpp-profile-settings .mpp-profile-focal{
  background:rgba(22,32,44,.55)!important;border-color:rgba(100,150,255,.22)!important;
}
.mpp-profile-settings .mpp-profile-focal__lbl{display:block!important;margin:6px 0!important;}
.mpp-profile-settings .mpp-profile-focal__lbl > span{
  display:block!important;font-size:.78rem!important;font-weight:700!important;
  color:#5b6b85!important;margin-bottom:2px!important;
}
body:not(.light-surface) .mpp-profile-settings .mpp-profile-focal__lbl > span{color:#9fb2cd!important;}

/* --- Modern range sliders (were thin red bars) --- */
.mpp-profile-settings .mpp-profile-focal__range{
  -webkit-appearance:none;appearance:none;width:100%;height:8px;border-radius:999px;
  background:linear-gradient(90deg,#3b82f6 0%,#60a5fa 100%)!important;
  outline:none;margin:6px 0 2px!important;cursor:pointer;
}
.mpp-profile-settings .mpp-profile-focal__range::-webkit-slider-thumb{
  -webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;
  background:#fff;border:3px solid #2563eb;box-shadow:0 2px 6px rgba(0,0,0,.28);cursor:pointer;
  transition:transform .08s ease;
}
.mpp-profile-settings .mpp-profile-focal__range::-webkit-slider-thumb:active{transform:scale(1.12);}
.mpp-profile-settings .mpp-profile-focal__range::-moz-range-thumb{
  width:20px;height:20px;border-radius:50%;background:#fff;border:3px solid #2563eb;
  box-shadow:0 2px 6px rgba(0,0,0,.28);cursor:pointer;
}
.mpp-profile-settings .mpp-profile-focal__range::-moz-range-track{background:transparent;}
.mpp-profile-settings .mpp-profile-focal__range:focus-visible{box-shadow:0 0 0 3px rgba(37,99,235,.30);}

/* --- Preview: small zoom so BOTH sliders can pan the image. The picture
   already fills one axis under object-fit:cover, so without a little overflow
   on the other axis that slider has nothing to move. --- */
.mpp-profile-settings .mpp-profile-media__preview{overflow:hidden!important;}
.mpp-profile-settings .mpp-profile-media__preview img{transform:scale(1.2);}

/* cm-elite-flair */

    /* ---- Animated ELITE badge (wins over main.css via double-class specificity + !important) ---- */
    @keyframes cmEliteShimmer{0%{background-position:0% 50%}100%{background-position:200% 50%}}
    @keyframes cmEliteGlow{0%,100%{box-shadow:0 0 0 0 rgba(239,68,68,0)}50%{box-shadow:0 0 11px 1px rgba(239,68,68,.5)}}
    .crashmod-badge.crashmod-badge--elite{
      background-image:linear-gradient(110deg,#b91c1c 0%,#ef4444 25%,#f87171 50%,#ef4444 75%,#b91c1c 100%)!important;
      background-size:200% 100%!important;
      color:#fff!important;
      animation:cmEliteShimmer 3.4s linear infinite,cmEliteGlow 3s ease-in-out infinite;
      position:relative;overflow:hidden;
    }
    .crashmod-badge.crashmod-badge--elite .crashmod-badge__text{color:#fff!important;position:relative;z-index:1;text-shadow:0 1px 2px rgba(127,29,29,.55)}
    /* ELITE 'Rang:' text accent on mod cards */
    .crashmod-rank-tier-text--elite{
      background:linear-gradient(90deg,#ef4444,#f87171)!important;-webkit-background-clip:text!important;background-clip:text!important;
      -webkit-text-fill-color:transparent!important;color:transparent!important;font-weight:800!important;
    }

    /* ---- Gradient ELITE name accent (where a name + ELITE badge co-exist) ---- */
    .mpp-uploaded-by__nameline:has(.crashmod-badge--elite) .mpp-uploaded-by__name{
      background:linear-gradient(90deg,#f87171,#dc2626)!important;-webkit-background-clip:text!important;background-clip:text!important;
      -webkit-text-fill-color:transparent!important;color:transparent!important;font-weight:800!important;
    }

    /* ---- Polished Verified-Creator check ---- */
    .crashmod-badge.crashmod-badge--verified{
      background:linear-gradient(135deg,#16a34a,#22c55e)!important;color:#fff!important;
      box-shadow:0 1px 4px rgba(22,163,74,.35);border:none!important;
    }
    .crashmod-badge.crashmod-badge--verified .crashmod-badge__text{color:#fff!important;font-weight:900}

    @media (prefers-reduced-motion: reduce){
      .crashmod-badge.crashmod-badge--elite{animation:none;background-position:50% 50%!important}
    }
    /* Forced-colors (Windows High Contrast): gradient-clipped transparent text would vanish — restore system colors. */
    @media (forced-colors: active){
      .mpp-uploaded-by__nameline:has(.crashmod-badge--elite) .mpp-uploaded-by__name,
      .crashmod-rank-tier-text--elite{-webkit-text-fill-color:CanvasText!important;color:CanvasText!important;background:none!important}
    }
    
/* cm-header-nav-icons */

.top-head #siteNav .menu .cm-nav-ico{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-right:6px;
  flex:0 0 auto;
  line-height:0;
}
.top-head #siteNav .menu .cm-nav-ico svg{
  width:16px;
  height:16px;
  display:block;
  opacity:.9;
}
.top-head #siteNav .menu > li > a:hover .cm-nav-ico svg,
.top-head #siteNav .menu > li.current-menu-item > a .cm-nav-ico svg,
.top-head #siteNav .menu > li > a[aria-current="page"] .cm-nav-ico svg,
.top-head #siteNav .menu > li > a.menu-cta .cm-nav-ico svg{
  opacity:1;
}

/* More visual separation between the wide-desktop menu items (felt cramped after the
   icons were added). The nav slot is genuinely FULL: at the old icon-margin 6px /
   gap 14px there were only ~5px before the account/cart cluster, so simply widening
   the gap overflows and the last item ("Kapcsolat") collides with the profile panel.
   Instead we REDISTRIBUTE width: tighten the icon->label gap (6px -> 3px) and spend
   the freed width on a larger gap BETWEEN items (14px -> 17px). The inter-item gap is
   what actually read as "cramped". Net menu width ends up ~3px NARROWER than before
   (gap +3px*7 = +21px, icon margin -3px*8 = -24px), so this fits everywhere the old
   layout fit, with MORE clearance (~8px vs the old ~5px), verified in-browser.
   NOTE on specificity: several older header plugins set the same selector
   `html body header.top-head #siteNav.main-nav .menu` to different gaps (22/18/14px),
   all !important + equal specificity, so the LAST in source order won. We add
   `nav#siteNav` / `ul.menu` (one extra id-qualified element each) so this rule wins
   regardless of plugin load order. Scoped >=1500px; the 1400-1499px compact tier
   (tightest desktop) is left untouched. */
@media (min-width:1500px){
  html body header.top-head nav#siteNav.main-nav ul.menu{ gap:17px!important; }
  .top-head #siteNav .menu .cm-nav-ico{ margin-right:3px!important; }
}

/* Long usernames must not widen the account cluster into the nav. The header row is a
   CENTERED grid at capacity, and .account-actions is min-width:max-content (it grows
   with the name), so a long username pushed the last menu item ("Kapcsolat") under the
   profile panel. Fix: cap the cluster width and let the username truncate INSIDE it (it
   already has text-overflow:ellipsis) rather than expanding the cluster. Normal-length
   names are unaffected (their cluster is below the cap); only long ones truncate, so the
   menu keeps its clearance regardless of username length. Desktop master header only —
   the <1400px header has a different (hamburger) layout with no inline menu to collide. */
@media (min-width:1400px){
  /* A long username must not widen the account cluster into the nav (the header row is a
     centered grid at capacity). NOTE: capping .account-actions width does NOT work well —
     it forces an INTERNAL overlap (the profile button slides onto the 🌐 language switcher)
     when the fixed-width cluster can't shrink cleanly. Cleaner & robust: cap just the
     USERNAME span. The cluster then sizes naturally (so the language switcher / dark toggle
     keep their spacing — no internal overlap), but it stays bounded, so the last menu item
     keeps its clearance. Normal names (~<=11 chars, e.g. "Tabornok3") show in full; longer
     ones truncate via the span's existing text-overflow:ellipsis. The body.logged-in class
     out-specifies the theme's base max-width:151px and scopes this to logged-in users. */
  html body.logged-in header.top-head .mpp-user-panel__name{ max-width:100px!important; }
}

/* Staff-only "Edit" button on the public mod cards (shown only to ranks with the
   edit_any_mod permission; markup is gated in content-mod.php). Match the side "View
   mod" button width and sit just below it. */
.cm-staff-edit-btn{ display:block; width:100%; margin-top:8px; text-align:center; box-sizing:border-box; }
.cm-staff-edit-inline{ display:inline-flex; align-items:center; gap:4px; margin-top:8px; }

/* Footer "Explore" column reuses the primary nav (fallback), which now carries the
   icons. The user wants the footer list text-only, so hide the icons there. */
.site-footer .cm-nav-ico{ display:none !important; }

/* cm-home-light-contrast-css */

body.light-surface .cm-featured__dl-lbl,
body.light-surface .cm-featured__dl-num,
body.light-surface .cm-featured__row small,
body.light-surface .cm-featured__rating--empty,
body.light-surface .cm-side-card--topdl small,
body.light-surface .cm-side-topdl__name,
body.light-surface .cm-side-topdl__game{
  color:#475569 !important;
}
/* Tulaj (2026-07-11): a Top downloads szamok legyenek ugyanolyan feketek, mint a Statistics
   szamai (.cm-side-stats strong = #0f172a / 850) — az ikon kek marad, mint a Featured blokkban. */
body.light-surface .cm-side-card--topdl [data-cm-top-dl],
body.light-surface .cm-side-topdl__dl{
  color:#0f172a !important;
  font-weight:850 !important;
}
body.light-surface .cm-side-topdl__dl .cm-side-topdl__dl-ico,
body.light-surface .cm-side-topdl__dl svg{
  color:#2563eb !important;
}
/* Tulaj (2026-07-11): a Latest forum topics kommentszamai is olyan feketek legyenek,
   mint a Top downloads szamok — az ikon kek, a "x days ago" masodlagos, marad szurke. */
body.light-surface .cm-side-forum__comments{
  color:#0f172a !important;
  font-weight:850 !important;
}
body.light-surface .cm-side-forum__comments .cm-i,
body.light-surface .cm-side-forum__comments svg{
  color:#2563eb !important;
}

/* cm-imgprotect-css */

img,picture,.mpp-gallery__bd,.cm-hero__game-bg,.mod-card-row__thumb,.mod-card-grid__thumb{
  -webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;user-drag:none;
  -webkit-touch-callout:none;
}

/* cm-dlchip-css */

.cm-dlchip{display:inline-flex;align-items:center;gap:5px;background:#fef2f2;border:1px solid #fecaca;color:#b91c1c;border-radius:999px;padding:3px 10px;font-size:.72rem;font-weight:800;line-height:1.1;white-space:nowrap;margin-top:6px}
.cm-dlchip svg{flex:0 0 auto}
body:not(.light-surface) .cm-dlchip{background:rgba(127,29,29,.28);border-color:rgba(248,113,113,.42);color:#fecaca}

/* cm-mod-card-v2-css */

/* --- Side column inner elements (styling only; these elements exist only on v2 cards) --- */
.mod-card-row__side{display:flex;flex-direction:column;gap:12px;min-width:0}
.mod-card-row__side .mod-card-row__side-btn{width:100%;order:3}
.mod-card-row__statgrid{order:1;display:grid;grid-template-columns:1fr 1fr;gap:13px 8px;min-width:0}
.mod-card-row__statcell{display:flex;align-items:center;gap:8px;min-width:0}
.mod-card-row__statcell-ico{display:inline-flex;flex:0 0 auto;color:#64748b}
.mod-card-row__statcell-ico svg{width:16px;height:16px;display:block}
.mod-card-row__statcell-text{display:flex;flex-direction:column;line-height:1.2;min-width:0}
.mod-card-row__statcell-label{font-size:.7rem;color:#8a98ab;font-weight:500}
.mod-card-row__statcell-value{font-size:.82rem;font-weight:700;color:#1f2a3a}
.mod-card-row__side-foot{order:2;display:flex;flex-wrap:nowrap;align-items:center;gap:8px;min-height:25px}
/* File Size row: "File Size: 94,4 MB" inline on one line, Verified pill pushed to
   the right. The file-scanner injects the pill INSIDE __file-size-value, so we
   collapse that value box with display:contents and let the size text + pill flow
   as direct flex items of the file-size span (pill = margin-left:auto). */
/* File size on the LEFT, verified pill (full size) pinned to the FAR RIGHT of the block via
   margin-left:auto (main.css forces margin:0 0 0 8px !important, so we must !important it back);
   14px column-gap guarantees they never touch; wraps only if the column is somehow too narrow. */
.mod-card-row--v2 .mod-card-row__side-foot .mod-card-row__stat-pair-text--file-size{display:flex;align-items:center;flex-wrap:wrap;gap:5px 14px;width:100%;min-width:0;white-space:nowrap;color:#0a0a0a}
.mod-card-row--v2 .mod-card-row__side-foot .mod-card-row__file-size-label{display:inline;flex:0 0 auto;margin:0}
.mod-card-row--v2 .mod-card-row__side-foot .mod-card-row__file-size-value{display:contents}
.mod-card-row--v2 .mod-card-row__side-foot .cmfs-card-pill-wrap{margin-left:auto !important;flex:0 0 auto}
body:not(.light-surface) .mod-card-row--v2 .mod-card-row__side-foot .mod-card-row__stat-pair-text--file-size{color:#f1f5f9}

/* Dark mode tints */
body:not(.light-surface) .mod-card-row__statcell-label{color:#8aa0bd}
body:not(.light-surface) .mod-card-row__statcell-value{color:#eaf1fb}
body:not(.light-surface) .mod-card-row__statcell-ico,
body:not(.light-surface) .mod-card-row__statcell-ico .mpp-meta-ico{color:#7e93ad}

/* --- Desktop only (>1100px): turn the side wrapper into a real right column. --- */
@media (min-width:1101px){
  .mod-card-row--v2.mod-card-row--modland{
    grid-template-columns: minmax(0, min(calc(300px * 0.9 * 1.14 * 1.15 * 1.1), calc(38vw * 0.9 * 1.14 * 1.15 * 1.1), 34%)) minmax(0,1fr) 300px;
  }
  /* Title only over the middle column (was spanning into the right column). */
  .mod-card-row--v2.mod-card-row--modland .mod-card-row__title-row{grid-column:2;}
  /* Side spans both rows on the right, full height, with a subtle divider. */
  .mod-card-row--v2.mod-card-row--modland .mod-card-row__actions.mod-card-row__side{
    grid-column:3;grid-row:1 / span 2;align-self:stretch;justify-self:stretch;
    padding-left:16px;border-left:1px solid #e6edf6;
  }
  .mod-card-row--v2 .mod-card-row__side .mod-card-row__side-btn{order:0}
  .mod-card-row--v2 .mod-card-row__side-foot{margin-top:auto}
  body:not(.light-surface) .mod-card-row--v2.mod-card-row--modland .mod-card-row__actions.mod-card-row__side{border-left-color:rgba(148,163,184,.18)}
}

/* Game-archive lists (.mod-list--game-wide) sit between two side rails, so the
   middle column is far narrower than on the full-width /mods/ catalog. Below
   1500px there isn't room for the 320px right column without crushing the
   middle — so keep the game-archive card STACKED (thumb → content → stats →
   button) up to 1500px. The wide right-column layout only kicks in on roomy
   /mods/ (from 1101px) and on wide game-archive views (from 1500px). */
@media (min-width:1101px) and (max-width:1499px){
  .mod-list--game-wide .mod-card-row--v2.mod-card-row--modland{grid-template-columns:1fr !important;grid-template-rows:auto !important}
  .mod-list--game-wide .mod-card-row--v2 .mod-card-row__thumb-wrap,
  .mod-list--game-wide .mod-card-row--v2 .mod-card-row__title-row,
  .mod-list--game-wide .mod-card-row--v2 .mod-card-row__body,
  .mod-list--game-wide .mod-card-row--v2 .mod-card-row__actions.mod-card-row__side{grid-column:1 !important;grid-row:auto !important;align-self:stretch !important}
  .mod-list--game-wide .mod-card-row--v2 .mod-card-row__actions.mod-card-row__side{border-left:0 !important;padding-left:0 !important}
}
/* Consistent right-column width regardless of the JS-injected "Verified — safe" pill.
   main.css set the game-wide grid's 3rd column to `auto` → it sized to content: ~205px
   WITHOUT the pill vs ~304px WITH it, so no-pill cards looked compressed/"inward". Pin it. */
@media (min-width:1500px){
  /* NOT on .mod-list--author-cards (the profile's multi-column grid of ~305px cells) —
     there a fixed 320px right column would crush the thumb+middle columns to 0. */
  .mod-list--game-wide:not(.mod-list--author-cards) .mod-card-row--v2.mod-card-row--modland{
    grid-template-columns: minmax(0, min(calc(323px * 1.14 * 1.15 * 1.1), calc(37.4vw * 1.14 * 1.15 * 1.1), 34%)) minmax(0, 1fr) 300px !important;
  }
}

/* cm-mod-feature-pills-css */

.mod-card-row__pills{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 2px;padding:0}
.mod-card-row__pill{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:999px;background:#eef2f7;border:1px solid #dbe3ec;color:#33415c;font-size:.8rem;font-weight:600;line-height:1}
.mod-card-row__pill-ico{display:inline-flex;color:#2563eb}
.mod-card-row__pill-ico svg{display:block}
/* Dark mode: match the dark card surfaces. */
body:not(.light-surface) .mod-card-row__pill{background:rgba(40,54,74,.6);border-color:rgba(100,150,255,.22);color:#dce6f5}
/* Game archive (.mod-list--game-wide) has a narrower content column -> 12 pills wrapped to 3 rows and grew the card. Compact them so all fit in ~2 rows like /mods/. */
.mod-list--game-wide .mod-card-row__pills{gap:6px;max-height:50px;overflow:hidden}
.mod-list--game-wide .mod-card-row__pill{padding:3px 8px;font-size:.72rem;gap:4px;white-space:nowrap}
.mod-list--game-wide .mod-card-row__pill-ico svg{width:10px;height:10px}
body:not(.light-surface) .mod-card-row__pill-ico{color:#6ea0ff}
/* Submit-form feature-pill picker (click-to-select chips, max 7). */
.cm-fp-picker{margin:2px 0}
.cm-fp-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 8px}
.cm-fp-chip{cursor:pointer;padding:7px 13px;border-radius:999px;border:1px solid #dbe3ec;background:#f3f6fb;color:#33415c;font-size:.85rem;font-weight:600;line-height:1}
.cm-fp-chip:hover{border-color:#9db4d0}
.cm-fp-chip.is-on{background:linear-gradient(135deg,#2f7df6,#1d4ed8);border-color:transparent;color:#fff}
.cm-fp-chip:disabled{opacity:.4;cursor:not-allowed}
.cm-fp-help{font-size:.8rem;opacity:.75;margin:.35rem 0 0}
.cm-fp-count{font-weight:800;opacity:.9}
.cm-fp-add{display:flex;align-items:center;gap:8px;margin-top:10px;flex-wrap:wrap}
.cm-fp-add__input{flex:0 1 260px;min-width:180px;padding:7px 12px;border-radius:999px;border:1px solid rgba(120,140,170,.4);background:transparent;color:inherit;font-size:.85rem}
.cm-fp-add__input.is-bad{border-color:#dc2626}
/* A beirt szoveg mar letezo pillt kapcsolt be -> rovid felvillanas, hogy a szem odataláljon. */
@keyframes cm-fp-villan{0%{box-shadow:0 0 0 0 rgba(37,99,235,.55)}100%{box-shadow:0 0 0 9px rgba(37,99,235,0)}}
.cm-fp-chip.cm-fp-villan{animation:cm-fp-villan .9s ease-out}
@media (prefers-reduced-motion:reduce){ .cm-fp-chip.cm-fp-villan{animation:none;outline:2px solid #2563eb;outline-offset:2px} }
.cm-fp-add__err{color:#dc2626;font-size:.78rem;font-weight:600}
/* Egyedi pill: kis x jelzi, hogy kattintasra torolheto. */
.cm-fp-chip[data-custom]::after{content:"\00d7";margin-left:7px;font-weight:900;opacity:.75}
.cm-fp-chip[data-custom]:hover::after{opacity:1}
body:not(.light-surface) .cm-fp-chip{background:rgba(40,54,74,.6);border-color:rgba(100,150,255,.22);color:#dce6f5}
body:not(.light-surface) .cm-fp-chip.is-on{background:linear-gradient(135deg,#2f7df6,#1d4ed8);color:#fff}

/* cm-kartya-kivonat-2sor */

@media (min-width:1024px){
  .mod-list--game-wide:not(.mod-list--author-cards) .mod-card-row--modland .mod-card-row__excerpt{
    white-space:normal;
    display:-webkit-box;
    -webkit-line-clamp:2;
    line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
  }
}

/* cm-hide-privacy-menu */

@media (max-width: 768px) {
  nav ul.menu li:has(a[href*="/privacy/"]),
  nav ul.menu li:has(a[href*="/adatvedelem/"]),
  nav ul.menu li:has(a[href*="/about/"]),
  nav ul.menu li:has(a[href*="/terms/"]) {
    display: none !important;
  }
}

/* cm-breadcrumb-hero-fix */

.mpp-breadcrumbs--hero-lg,
.mpp-breadcrumbs--hero-lg a,
.mpp-breadcrumbs--hero-lg span {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: 0 1px 4px rgba(0,0,0,0.6) !important;
  opacity: 1 !important;
}

/* cm-dark-hero-overflow-fix */

/* DESKTOP/TABLET cover fix: the dark-mode design system (020-cm-dark-mode-design-system)
   lumps .mpp-game-hero in with the card system, giving it a SOLID dark gradient
   background + border + 18px radius + shadow. That opaque background paints OVER
   the .mpp-game-topband::before cover image in the hero region, so the top of the
   game cover gets cut off in dark mode (light mode keeps the hero transparent, so
   the cover shows). Mobile already worked because the 768px block below sets the
   hero transparent. Apply the same at ALL widths so the cover shows through like
   light mode. Class-repetition + html body prefix beats the design-system selector. */
html body:not(.light-surface) .mpp-game-topband .mpp-game-hero,
html body:not(.light-surface) .mpp-game-hero.mpp-game-hero{
  background:transparent !important;
  background-color:transparent !important;
  background-image:none !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

/* Game-archive FILTER BAR (#mpp-game-filter-form / .mpp-gfc) — the Sort/Order/Time
   + "Refine Mod Filters" panel keeps its light theme background (white @ 70%) in
   dark mode, showing as a grey block. Give it the same dark surface + subtle blue
   border the sidebar glass-panels use, so it blends with the rest of the dark UI. */
html body:not(.light-surface) #mpp-game-filter-form,
html body:not(.light-surface) .mpp-gfc.mpp-game-filter-sheet__form{
  background:rgba(22,32,44,.72) !important;
  background-color:rgba(22,32,44,.72) !important;
  background-image:none !important;
  border:1px solid rgba(100,150,255,.22) !important;
}

@media (max-width: 768px) {
  html body:not(.light-surface) .mpp-game-hero {
    overflow: visible !important;
    height: auto !important;
    min-height: unset !important;
    max-height: unset !important;
    background: transparent !important;
  }

  html body:not(.light-surface) .mpp-game-hero__bg {
    overflow: hidden !important;
    border-radius: 0 !important;
  }

  html body:not(.light-surface) .mpp-game-topband .section-block,
  html body:not(.light-surface) .mpp-game-topband .section-block--game-trending,
  html body:not(.light-surface) .mpp-game-topband .section-block--game-trending--modland-strip,
  html body:not(.light-surface) .mpp-game-topband .section-block--game-trending--modland-strip > .container,
  html body:not(.light-surface) .mpp-game-topband .mpp-trending-marquee,
  html body:not(.light-surface) .mpp-game-topband .mpp-trending-marquee__track,
  html body:not(.light-surface) .mpp-game-topband .mpp-trending-marquee__lane{
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
  }

  html body:not(.light-surface) .mpp-trending-kicker {
    color: #f8fbff !important;
    -webkit-text-fill-color: #f8fbff !important;
  }

  html body:not(.light-surface) .mpp-trending-marquee {
    overflow-x: hidden !important;
    overflow-y: hidden !important;
    overscroll-behavior-x: none !important;
    touch-action: pan-y !important;
    scrollbar-width: none !important;
    visibility: visible !important;
    opacity: 1 !important;
    clip: unset !important;
    clip-path: unset !important;
  }
}

/* cm-mobile-profile-kartyak */

@media (max-width:1399px){
  html body header.top-head #mppUserDropdown.cm-mobile-profile-open.cm-mobile-profile-open .mpp-user-dropdown__nav{gap:6px!important;padding:0!important}
  html body header.top-head #mppUserDropdown.cm-mobile-profile-open.cm-mobile-profile-open .mpp-user-dropdown__item{background:#fff!important;border:1px solid rgba(15,23,42,.10)!important;border-radius:12px!important;min-height:48px!important;padding:9px 12px!important;gap:10px!important;margin:0!important;box-shadow:none!important}
  html body header.top-head #mppUserDropdown.cm-mobile-profile-open.cm-mobile-profile-open .mpp-user-dropdown__nav > .mpp-user-dropdown__item + .mpp-user-dropdown__item{border-top:1px solid rgba(15,23,42,.10)!important}
  html body header.top-head #mppUserDropdown.cm-mobile-profile-open.cm-mobile-profile-open .mpp-user-dropdown__ico{width:32px!important;height:32px!important;flex:0 0 32px!important;border-radius:9px!important;background:rgba(37,99,235,.08)!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}
  html body header.top-head #mppUserDropdown.cm-mobile-profile-open.cm-mobile-profile-open .mpp-user-dropdown__sep{margin:2px 4px!important}
  /* sotet mod: ne feher kartya legyen a sotet panelen */
  html body:not(.light-surface) header.top-head #mppUserDropdown.cm-mobile-profile-open.cm-mobile-profile-open .mpp-user-dropdown__item{background:rgba(255,255,255,.04)!important;border-color:rgba(255,255,255,.10)!important}
  html body:not(.light-surface) header.top-head #mppUserDropdown.cm-mobile-profile-open.cm-mobile-profile-open .mpp-user-dropdown__nav > .mpp-user-dropdown__item + .mpp-user-dropdown__item{border-top-color:rgba(255,255,255,.10)!important}
  html body:not(.light-surface) header.top-head #mppUserDropdown.cm-mobile-profile-open.cm-mobile-profile-open .mpp-user-dropdown__ico{background:rgba(255,255,255,.08)!important}
}

/* cm-cta-fix */
.main-nav .menu a.menu-cta,.top-head #siteNav .menu a.menu-cta{color:#fff!important}.main-nav .menu a.menu-cta .cm-nav-label,.main-nav .menu a.menu-cta .cm-nav-ico,.top-head #siteNav .menu a.menu-cta .cm-nav-label,.top-head #siteNav .menu a.menu-cta .cm-nav-ico{color:#fff!important;transition:none!important}
/* cm-netbg-hatter */
@layer cm-netbg{html body.cm-netbg-be.cm-netbg-be{background:radial-gradient(ellipse at 50% 42%, color-mix(in srgb, var(--cmn-bg) 55%, transparent) 0%, transparent 70%) center top / 100% 100vh repeat-y,url("https://crashmods.com/wp-content/uploads/cm-netbg/netbg-vilagos-b1c249d1-tukor.webp?v=1791667428&#038;t=1") center top / max(100%, 160vh) 200vh repeat-y var(--cmn-bg) !important}html body.cm-netbg-be.cm-netbg-be:not(.light-surface){background:radial-gradient(ellipse at 50% 42%, color-mix(in srgb, var(--cmn-bg) 55%, transparent) 0%, transparent 70%) center top / 100% 100vh repeat-y,url("https://crashmods.com/wp-content/uploads/cm-netbg/netbg-sotet-5e85b7b6-tukor.webp?v=1791667428&#038;t=1") center top / max(100%, 160vh) 200vh repeat-y var(--cmn-bg) !important}}
/* cm-search-focus-css */

/* Remove the harsh accent outline rectangle on search inputs. */
input[type="search"]:focus,
input[type="search"]:focus-visible,
.cm-hero__search-input:focus,
.cm-hero__search-input:focus-visible,
.cm-modsearch__input:focus,
.cm-modsearch__input:focus-visible,
.mpp-gfc input[name="keyword"]:focus,
.mpp-gfc input[name="keyword"]:focus-visible{outline:none !important;box-shadow:none !important;}
/* Show focus softly on the wrapping field instead (home hero search). */
.cm-hero__search:focus-within{box-shadow:0 0 0 4px rgba(59,130,246,.18) !important;border-color:#3b82f6 !important;}

/* cm-popup-elmosas-ki */

/* teljes képernyős popup-hátterek: nincs backdrop-filter (a login/regisztráció modal sötét változata 10px-es, !important-os elmosást kapott → erősebb szelektor) */
html body:not(.cm-x) .mpp-modal .mpp-modal__backdrop.mpp-modal__backdrop,
html body:not(.cm-x) #mppLoginModal .mpp-modal__backdrop.mpp-modal__backdrop,
html body:not(.cm-x) #cmOauth2faModal .mpp-modal__backdrop.mpp-modal__backdrop,
html body:not(.cm-x) #mppTwofaModal .mpp-modal__backdrop.mpp-modal__backdrop,
html body .mpp-modal__backdrop,
html body .mpp-report-modal__backdrop,
html body .mpp-external-modal__backdrop,
html body .mpp-game-filter-sheet__backdrop,
html body .cm-mem-modal__backdrop,
html body .cm-tip-modal__backdrop,
html body .cm-pricing-backdrop,
html body .cm-qp-backdrop,
html body .cm2fa-overlay,
html body #cm-dl-warn,
html body #cm-rgn .cm-rgn__bg,
html body .cm-advf__bg,
html body [class*="__backdrop"],
html body [class*="-backdrop"] {
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}
/* elmosás helyett kicsit tömörebb sötétítés, hogy az ablak ugyanúgy kiemelkedjen */
html body:not(.cm-x) .mpp-modal .mpp-modal__backdrop.mpp-modal__backdrop,
html body:not(.cm-x) #mppLoginModal .mpp-modal__backdrop.mpp-modal__backdrop,
html body .mpp-modal__backdrop,
html body .mpp-report-modal__backdrop,
html body .mpp-external-modal__backdrop,
html body .cm-mem-modal__backdrop,
html body .cm-tip-modal__backdrop,
html body .cm-pricing-backdrop,
html body .cm-qp-backdrop,
html body .cm2fa-overlay,
html body #cm-dl-warn,
html body #cm-rgn .cm-rgn__bg,
html body .cm-advf__bg {
  background: rgba(8, 12, 22, .72) !important;
  background-color: rgba(8, 12, 22, .72) !important;
}

/* cm-desktop-header-master-only-css */

@media (min-width:1400px){
  html body header.top-head{
    background:#f8fbff!important;
    border-bottom:1px solid rgba(15,23,42,.08)!important;
    box-shadow:0 1px 0 rgba(15,23,42,.03)!important;
    position:relative!important;
    z-index:90!important;
  }

  html body header.top-head .mini-nav{display:none!important}

  html body header.top-head .container.top-row{
    width:100%!important;
    max-width:1800px!important;
    height:86px!important;
    min-height:86px!important;
    margin:0 auto!important;
    padding:0 34px!important;
    display:grid!important;
    grid-template-columns:200px minmax(0,1fr) auto!important;
    align-items:center!important;
    column-gap:26px!important;
    overflow:visible!important;
    box-sizing:border-box!important;
  }

  html body header.top-head .logo,
  html body header.top-head .logo img,
  html body header.top-head img.custom-logo{
    width:200px!important;
    max-width:200px!important;
    height:auto!important;
  }

  html body header.top-head #siteNav.main-nav{
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    overflow:visible!important;
  }

  html body header.top-head #siteNav.main-nav .menu{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    flex-wrap:nowrap!important;
    gap:22px!important;
    margin:0!important;
    padding:0!important;
    list-style:none!important;
    overflow:visible!important;
  }

  html body header.top-head #siteNav.main-nav .menu > li{
    flex:0 0 auto!important;
    margin:0!important;
    padding:0!important;
  }

  html body header.top-head #siteNav.main-nav .menu > li > a{
    height:46px!important;
    min-height:46px!important;
    padding:0 3px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    color:#111827!important;
    font-size:15px!important;
    font-weight:800!important;
    line-height:1!important;
    white-space:nowrap!important;
    text-decoration:none!important;
    opacity:1!important;
  }

  html body header.top-head #siteNav.main-nav .menu > li > a:hover,
  html body header.top-head #siteNav.main-nav .menu > li.current-menu-item > a,
  html body header.top-head #siteNav.main-nav .menu > li.current_page_item > a,
  html body header.top-head #siteNav.main-nav .menu > li > a[aria-current="page"]{
    color:#1d4ed8!important;
    box-shadow:inset 0 -3px 0 #2f7df6!important;
  }

  html body header.top-head #siteNav.main-nav .menu > li > a.menu-cta{
    min-width:132px!important;
    height:50px!important;
    padding:0 20px!important;
    border-radius:11px!important;
    background:#2876f0!important;
    color:#fff!important;
    box-shadow:0 12px 28px rgba(37,99,235,.32)!important;
  }

  html body header.top-head .account-actions{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:10px!important;
    margin:0!important;
    padding:0!important;
    min-width:max-content!important;
    overflow:visible!important;
  }

  html body:not(.logged-in) header.top-head #mppMsgTrigger,
  html body:not(.logged-in) header.top-head #mppNotifTrigger,
  html body:not(.logged-in) header.top-head #mppHeaderCartBtn,
  html body:not(.logged-in) header.top-head .mpp-header-cart-wrap,
  html body:not(.logged-in) header.top-head .mpp-header-cart__link,
  html body:not(.logged-in) header.top-head .account-actions [class*="cart"],
  html body:not(.logged-in) header.top-head .account-actions [class*="notif"],
  html body:not(.logged-in) header.top-head .account-actions [class*="message"],
  html body:not(.logged-in) header.top-head .account-actions [class*="msg"]{
    display:none!important;
  }

  html body header.top-head .account-actions .account-actions__link[data-mpp-open-login]{
    order:1!important;
    position:static!important;
    transform:none!important;
    height:44px!important;
    min-width:112px!important;
    padding:0 16px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    border-radius:11px!important;
    background:#2876f0!important;
    color:#fff!important;
    border:1px solid rgba(37,99,235,.20)!important;
    box-shadow:0 10px 24px rgba(37,99,235,.30)!important;
    font-size:14px!important;
    font-weight:800!important;
    white-space:nowrap!important;
  }

  html body header.top-head #mppLangSwitcher{
    order:2!important;
    position:relative!important;
    overflow:visible!important;
    width:auto!important;
    min-width:58px!important;
    height:42px!important;
    min-height:42px!important;
    padding:0 12px!important;
    border-radius:999px!important;
    background:#fff!important;
    color:#0f172a!important;
    border:1px solid rgba(15,23,42,.10)!important;
    box-shadow:0 8px 22px rgba(15,23,42,.06)!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    z-index:200!important;
  }

  html body header.top-head #modeToggle{
    order:3!important;
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    min-height:42px!important;
    border-radius:50%!important;
    background:#fff!important;
    color:#0f172a!important;
    border:1px solid rgba(15,23,42,.10)!important;
    box-shadow:0 8px 22px rgba(15,23,42,.06)!important;
  }

  html body header.top-head #mppLangSwitcher:not(.cm-lang-open) > *:not(:first-child),
  html body header.top-head #mppLangSwitcher:not(.cm-lang-open) ul,
  html body header.top-head #mppLangSwitcher:not(.cm-lang-open) ol,
  html body header.top-head #mppLangSwitcher:not(.cm-lang-open) .dropdown-menu,
  html body header.top-head #mppLangSwitcher:not(.cm-lang-open) .sub-menu,
  html body header.top-head #mppLangSwitcher:not(.cm-lang-open) .wpml-ls-sub-menu,
  html body header.top-head #mppLangSwitcher:not(.cm-lang-open) .trp-language-switcher-container,
  html body header.top-head #mppLangSwitcher:not(.cm-lang-open) .trp-ls-shortcode-language,
  html body header.top-head #mppLangSwitcher:not(.cm-lang-open) .gt_options,
  html body header.top-head #mppLangSwitcher:not(.cm-lang-open) .language-options,
  html body header.top-head #mppLangSwitcher:not(.cm-lang-open) .lang-options{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
  }

  html body header.top-head #mppLangSwitcher.cm-lang-open ul,
  html body header.top-head #mppLangSwitcher.cm-lang-open ol,
  html body header.top-head #mppLangSwitcher.cm-lang-open .dropdown-menu,
  html body header.top-head #mppLangSwitcher.cm-lang-open .sub-menu,
  html body header.top-head #mppLangSwitcher.cm-lang-open .wpml-ls-sub-menu,
  html body header.top-head #mppLangSwitcher.cm-lang-open .trp-language-switcher-container,
  html body header.top-head #mppLangSwitcher.cm-lang-open .trp-ls-shortcode-language,
  html body header.top-head #mppLangSwitcher.cm-lang-open .gt_options,
  html body header.top-head #mppLangSwitcher.cm-lang-open .language-options,
  html body header.top-head #mppLangSwitcher.cm-lang-open .lang-options{
    display:block!important;
    position:absolute!important;
    top:calc(100% + 10px)!important;
    right:0!important;
    left:auto!important;
    min-width:150px!important;
    height:auto!important;
    max-height:260px!important;
    padding:8px!important;
    overflow:auto!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
    background:#fff!important;
    color:#0f172a!important;
    border:1px solid rgba(15,23,42,.12)!important;
    border-radius:13px!important;
    box-shadow:0 18px 42px rgba(15,23,42,.18)!important;
    z-index:9999!important;
  }

  html body header.top-head .promo-bar{
    height:32px!important;
    min-height:32px!important;
    background:#2f7df6!important;
    color:#fff!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    font-size:14px!important;
    font-weight:800!important;
  }
}

@media (min-width:1400px) and (max-width:1500px){
  html body header.top-head .container.top-row{
    max-width:1240px!important;
    grid-template-columns:180px minmax(0,1fr) auto!important;
    column-gap:14px!important;
    padding:0 18px!important;
  }

  html body header.top-head .logo,
  html body header.top-head .logo img,
  html body header.top-head img.custom-logo{
    width:180px!important;
    max-width:180px!important;
  }

  html body header.top-head #siteNav.main-nav .menu{
    gap:12px!important;
  }

  html body header.top-head #siteNav.main-nav .menu > li > a{
    font-size:12.6px!important;
  }
}

  /* No blue focus-ring BOX on the top-nav links. Chrome draws a 2px solid #3b82f6 outline on
     :focus / :focus-visible; on a mouse click the link is briefly focused right before the page
     navigates, so that blue box flashed ("kéken villog a menügomb kattintás után"). Remove the
     box for both mouse and keyboard; keyboard users still get a clear, non-flashy cue via the
     blue :focus-visible text (same color as hover / the active item). */
  html body header.top-head .main-nav a:focus,
  html body header.top-head .main-nav a:focus-visible,
  html body header.top-head .main-nav .menu > li > a:focus,
  html body header.top-head .main-nav .menu > li > a:focus-visible,
  html body header.top-head .main-nav ul > li > a:focus,
  html body header.top-head .main-nav ul > li > a:focus-visible,
  html body header.top-head .account-actions a:focus,
  html body header.top-head .account-actions a:focus-visible,
  html body header.top-head .icon-link:focus,
  html body header.top-head .icon-link:focus-visible,
  html body header.top-head #modeToggle:focus,
  html body header.top-head #mppLangToggle:focus{
    outline:none!important;
    box-shadow:none!important;
  }
  /* No blue "fade-in flash" on menu text. The links have transition:color/background .15s, so
     when a clicked button becomes the active page its text FADED dark→blue (0.15s) → looked like
     a blue blink ("kéken villog a szöveg kattintás után"). Make every menu state change instant
     so the active/hover blue just appears, no fade. (Underline/active indicator unchanged.) */
  html body header.top-head .main-nav .menu > li > a,
  html body header.top-head .main-nav ul > li > a,
  html body header.top-head .main-nav .menu > li > a:hover,
  html body header.top-head .main-nav ul > li > a:hover{
    transition:none!important;
  }

  /* Active (current page) menu item must show BLUE TEXT, not just a blue underline. The link text
     lives in an inner <span> that carries its own dark -webkit-text-fill-color (#111827), which
     overrode the <a>'s blue, so the text looked black while the underline was blue. Force the
     blue onto the link AND every descendant, including on hover, so the page you're on stays blue. */
  html body header.top-head .main-nav .menu > li.current-menu-item > a,
  html body header.top-head .main-nav .menu > li.current-menu-item > a *,
  html body header.top-head .main-nav .menu > li.current-menu-item > a:hover,
  html body header.top-head .main-nav .menu > li.current-menu-item > a:hover *,
  html body header.top-head .main-nav .menu > li.current_page_item > a,
  html body header.top-head .main-nav .menu > li.current_page_item > a *,
  html body header.top-head .main-nav .menu > li.is-active > a,
  html body header.top-head .main-nav .menu > li.is-active > a *,
  html body header.top-head .main-nav .menu > li.is-active > a:hover,
  html body header.top-head .main-nav .menu > li.is-active > a:hover *,
  html body header.top-head .main-nav ul > li.current-menu-item > a,
  html body header.top-head .main-nav ul > li.current-menu-item > a *,
  html body header.top-head .main-nav ul > li.is-active > a,
  html body header.top-head .main-nav ul > li.is-active > a *,
  html body header.top-head .main-nav .menu > li > a[aria-current="page"],
  html body header.top-head .main-nav .menu > li > a[aria-current="page"] *{
    color:#1d4ed8!important;
    -webkit-text-fill-color:#1d4ed8!important;
  }
  /* CTA pill kivetel: a "Mod bekuldese" feher-on-kek pill — SOHA ne kapja meg az
     aktiv/hover/aria-current kek szoveget (a label/ikon descendant * is!). #siteNav
     miatt magas specificitas + transition:none, hogy kattintaskori ujraszamitaskor
     se usson at a #1d4ed8 a -webkit-text-fill-color-on (ez volt a "kattintasra eltunik
     a feher szoveg" hiba valodi oka). */
  html body header.top-head #siteNav a.menu-cta,
  html body header.top-head #siteNav a.menu-cta *,
  html body header.top-head .main-nav .menu > li > a.menu-cta,
  html body header.top-head .main-nav .menu > li > a.menu-cta *,
  html body header.top-head .main-nav ul > li > a.menu-cta,
  html body header.top-head .main-nav ul > li > a.menu-cta *{
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    transition:none!important;
  }

  /* ── Bubble pills on the top-nav items (owner request, 2026-07-05) — same #siteNav
     specificity as the master rules above and LATER in the file, so they win the ties.
     The Submit-Mod CTA keeps its solid blue look; the active item swaps the old
     underline for a tinted pill. Light header; the dark variant lives in 003.
     The pills add width, so the menu gap/padding/font STEP DOWN with viewport width —
     everything must fit next to the account icons even at 1920×1080 (no overlap). ── */
  @media (min-width:1400px){
    html body header.top-head #siteNav.main-nav .menu{ gap:8px!important; }
    html body header.top-head #siteNav.main-nav .menu > li > a:not(.menu-cta){
      background:#ffffff!important;
      box-shadow:inset 0 0 0 1px rgba(15,23,42,.10), 0 8px 22px rgba(15,23,42,.06)!important;
      border-radius:999px!important;
      padding:0 12px!important;
      font-size:14px!important;
    }
    html body header.top-head #siteNav.main-nav .menu > li > a:not(.menu-cta):hover{
      background:#f3f7ff!important;
      box-shadow:inset 0 0 0 1px rgba(47,125,246,.40), 0 8px 22px rgba(15,23,42,.06)!important;
    }
    html body header.top-head #siteNav.main-nav .menu > li.current-menu-item > a:not(.menu-cta),
    html body header.top-head #siteNav.main-nav .menu > li.current_page_item > a:not(.menu-cta),
    html body header.top-head #siteNav.main-nav .menu > li > a[aria-current="page"]:not(.menu-cta){
      background:#eef4ff!important;
      box-shadow:inset 0 0 0 1.5px rgba(47,125,246,.50), 0 8px 22px rgba(15,23,42,.06)!important;
    }
  }
  @media (min-width:1400px) and (max-width:1980px){
    html body header.top-head #siteNav.main-nav .menu{ gap:7px!important; }
    html body header.top-head #siteNav.main-nav .menu > li > a:not(.menu-cta){
      font-size:13.5px!important;
      padding:0 11px!important;
    }
    html body header.top-head #siteNav.main-nav .menu > li > a.menu-cta{
      min-width:126px!important;
      padding:0 18px!important;
    }
  }
  @media (min-width:1400px) and (max-width:1640px){
    html body header.top-head .container.top-row{
      padding:0 18px!important;
      grid-template-columns:170px minmax(0,1fr) auto!important;
      column-gap:14px!important;
    }
    html body header.top-head .logo,
    html body header.top-head .logo img,
    html body header.top-head img.custom-logo{
      width:170px!important;
      max-width:170px!important;
    }
    html body header.top-head #siteNav.main-nav .menu{ gap:4px!important; }
    html body header.top-head #siteNav.main-nav .menu > li > a:not(.menu-cta){
      font-size:12.4px!important;
      padding:0 9px!important;
    }
    /* reclaim width: drop the little per-item icons, keep them on the CTA */
    html body header.top-head #siteNav.main-nav .menu > li > a:not(.menu-cta) svg,
    html body header.top-head #siteNav.main-nav .menu > li > a:not(.menu-cta) img{
      display:none!important;
    }
    html body header.top-head #siteNav.main-nav .menu > li > a.menu-cta{
      min-width:0!important;
      padding:0 14px!important;
    }
  }

/* cm-a11y-fixes-css */

/* 1) Kontraszt: fehér szöveg kék pillen — 3,68:1 -> 5,17:1.
   (A .cm-tabnav__a.is-on és a [data-k="submit"] a FORRÁSNÁL javítva:
    zzz-cm-tablet-header-quicknav.php — az a fájl ábécében utánunk töltődik, így ott kellett.) */
a.mpp-skip-link {
    background-color: #2563eb;
}

/* 2a) Hero-lapozó pöttyök: a LÁTVÁNY marad 6 px, a találati felület 24 px lesz */
.cm-hero__dot {
    position: relative;
}
.cm-hero__dot::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    height: 24px;
    transform: translateY(-50%);
}

/* 2b) Cookie-banner bezáró gomb: 20x20 -> 24x24 */
.cmplz-cookiebanner .cmplz-close {
    min-width: 24px;
    min-height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* cm-language-css-flags */

#mppLangDropdown .mpp-lang-option .mpp-lang-flag{
  display:inline-block!important;
  width:22px!important;
  height:15px!important;
  min-width:22px!important;
  margin-right:8px!important;
  border-radius:3px!important;
  font-size:0!important;
  line-height:0!important;
  color:transparent!important;
  overflow:hidden!important;
  vertical-align:-2px!important;
  box-shadow:inset 0 0 0 1px rgba(15,23,42,.18)!important;
}
#mppLangDropdown .mpp-lang-option[data-lang="hu"] .mpp-lang-flag{
  background:linear-gradient(to bottom,#ce2939 0 33.333%,#fff 33.333% 66.666%,#477050 66.666% 100%)!important;
}
#mppLangDropdown .mpp-lang-option[data-lang="en"] .mpp-lang-flag{
  background:
    linear-gradient(146deg,transparent 0 42%,#fff 42% 48%,#c8102e 48% 53%,#fff 53% 59%,transparent 59%),
    linear-gradient(34deg,transparent 0 42%,#fff 42% 48%,#c8102e 48% 53%,#fff 53% 59%,transparent 59%),
    linear-gradient(to bottom,transparent 0 38%,#fff 38% 44%,#c8102e 44% 56%,#fff 56% 62%,transparent 62%),
    linear-gradient(to right,transparent 0 38%,#fff 38% 44%,#c8102e 44% 56%,#fff 56% 62%,transparent 62%),
    #012169!important;
}

/* cm-header-critical-extra-css */
.top-head{position:sticky;top:0;z-index:100;background:rgb(10 14 20 / .82);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:none}
body.light-surface .top-head{background:rgb(210 216 224 / .92)}
.top-row{min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:1rem;position:relative;z-index:3}
.top-head .logo{flex:0 1 auto!important;max-width:72vw;text-align:left;margin-left:12px}
.top-head .logo .custom-logo-link{display:inline-flex!important;align-items:center;line-height:0;max-width:min(240px, 100%)!important}
.top-head .logo .custom-logo-link img,.top-head .logo .custom-logo-link svg{display:block!important;max-height:48px!important;width:auto!important;height:auto!important;max-width:100%!important;object-fit:contain!important}
@media (min-width:1400px){.top-head .logo .custom-logo-link{max-width:min(280px, 100%)!important}}
@media (min-width:1400px){.top-head .logo .custom-logo-link img,.top-head .logo .custom-logo-link svg{max-height:56px!important}}
.account-actions{display:flex;align-items:center;gap:.5rem}
.icon-link{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--bg-card);color:var(--text);cursor:pointer;transition:box-shadow 0.2s,transform 0.15s}
.icon-link svg{display:block;width:18px;height:18px;flex:0 0 auto}
.icon-link:hover{box-shadow:0 0 0 1px var(--accent-glow);transform:translateY(-1px)}
.mpp-msg-icon-link{position:relative}
.mpp-msg-icon-badge{position:absolute;top:-5px;right:-5px;min-width:18px;height:18px;border-radius:999px;padding:0 5px;border:2px solid var(--bg-card);background:#ef4444;color:#fff;font-size:.65rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center;line-height:1}
@media (min-width:1400px){header.top-head .account-actions .cm-mobile-submit-link,header.top-head .account-actions>a[href*="submit-mod"]{display:none!important}}
.main-nav .menu{display:flex;flex-wrap:wrap;gap:.35rem .85rem;list-style:none;margin:0;padding:0}
.main-nav .menu a{font-weight:600;font-size:.9rem;padding:.4rem .55rem;border-radius:8px;color:var(--text-muted);transition:color 0.15s,background 0.15s}
.main-nav .menu a:hover{color:var(--text);background:rgb(255 255 255 / .06)}
.main-nav .menu .is-active>a,.main-nav .menu .current-menu-item>a,.main-nav .menu .current_page_item>a,.main-nav .menu a[aria-current="page"]{color:#fff;background:linear-gradient(180deg,rgb(99 132 255 / .22),rgb(99 132 255 / .12));box-shadow:inset 0 0 0 1px rgb(99 132 255 / .45),0 1px 0 rgb(99 132 255 / .18);position:relative}
.main-nav .menu .is-active>a::after,.main-nav .menu .current-menu-item>a::after,.main-nav .menu .current_page_item>a::after,.main-nav .menu a[aria-current="page"]::after{content:"";position:absolute;left:12%;right:12%;bottom:-6px;height:3px;border-radius:2px;background:linear-gradient(90deg,transparent,#6384ff 30%,#6384ff 70%,transparent);box-shadow:0 0 8px rgb(99 132 255 / .55);pointer-events:none}
.main-nav .menu .is-active>a.menu-cta,.main-nav .menu .current-menu-item>a.menu-cta{background:var(--accent,#6384ff);box-shadow:inset 0 0 0 1px rgb(255 255 255 / .35),0 0 0 2px rgb(99 132 255 / .35)}
body.light-surface .main-nav .menu .is-active>a,body.light-surface .main-nav .menu .current-menu-item>a,body.light-surface .main-nav .menu .current_page_item>a,body.light-surface .main-nav .menu a[aria-current="page"]{color:#1a2856;background:linear-gradient(180deg,rgb(99 132 255 / .18),rgb(99 132 255 / .08));box-shadow:inset 0 0 0 1px rgb(99 132 255 / .55)}
@media (prefers-reduced-motion:reduce){.main-nav .menu a{transition:none}}
body.mpp-portal:not(.light-surface) .main-nav .menu a:not(.menu-cta){color:#e8edf5}
body.mpp-portal:not(.light-surface) .main-nav .menu a:not(.menu-cta):hover{color:#fff}
body.mpp-portal:not(.light-surface) .icon-link .mpp-msg-icon-badge,body.mpp-portal:not(.light-surface) .mpp-msg-icon-badge{color:#ffffff!important;-webkit-text-fill-color:#fff}
body.mpp-portal:not(.light-surface) .mpp-header-cart__badge{color:#ffffff!important;-webkit-text-fill-color:#fff}
body.mpp-portal.light-surface .main-nav .menu li:not(.is-active):not(.current-menu-item):not(.current_page_item)>a:not(.menu-cta):not([aria-current="page"]){color:#0f172a}
body.mpp-portal.light-surface .main-nav .menu li:not(.is-active):not(.current-menu-item):not(.current_page_item)>a:not(.menu-cta):not([aria-current="page"]):hover{color:#020617}
.promo-bar{text-align:center;padding:.5rem .65rem;font-size:.82rem;font-weight:600;line-height:1.25;background:linear-gradient(90deg,#1e3a5f,var(--accent),#1e3a5f);color:#fff;margin-bottom:-3px;position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:.6rem;flex-wrap:wrap}
.promo-bar__text{display:inline-flex;align-items:center;line-height:1.25}
.promo-bar__btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgb(255 255 255 / .45);border-radius:999px;background:rgb(255 255 255 / .12);color:#fff!important;font-size:.74rem;font-weight:700;line-height:1;padding:.28rem .68rem}
.promo-bar__btn:hover{background:rgb(255 255 255 / .2);border-color:rgb(255 255 255 / .65);color:#fff!important}
header.top-head+main.main-wrap{margin-top:-2px}
@media (max-width:1399px){.main-nav{order:3;width:100%;max-height:0;overflow:hidden;opacity:0;transition:max-height 0.35s ease,opacity 0.25s ease}}
@media (max-width:1399px){.main-nav.is-open{max-height:70vh;overflow-y:auto;opacity:1;padding:.75rem 0;border-top:1px solid var(--border)}}
@media (max-width:1399px){.main-nav .menu{flex-direction:column}}
.main-nav .menu a.menu-cta{background:linear-gradient(135deg,var(--accent),#2563eb);color:#fff!important;padding:.45rem 0.85rem!important;border-radius:var(--radius-sm);box-shadow:0 6px 20px var(--accent-glow)}
.main-nav .menu a.menu-cta:hover{color:#fff!important;filter:brightness(1.08)}
.main-nav .menu a.menu-cta:link,.main-nav .menu a.menu-cta:visited,.main-nav .menu a.menu-cta:focus,.main-nav .menu a.menu-cta:focus-visible,.main-nav .menu a.menu-cta:active{color:#fff!important}
.main-nav .menu a.menu-cta,.top-head #siteNav .menu a.menu-cta{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:#fff0}
.main-nav .menu a.menu-cta .cm-nav-label,.main-nav .menu a.menu-cta:hover .cm-nav-label,.main-nav .menu a.menu-cta:focus .cm-nav-label,.main-nav .menu a.menu-cta:active .cm-nav-label,.main-nav .menu a.menu-cta .cm-nav-ico,.top-head #siteNav .menu a.menu-cta .cm-nav-label,.top-head #siteNav .menu a.menu-cta:hover .cm-nav-label,.top-head #siteNav .menu a.menu-cta:active .cm-nav-label,.top-head #siteNav .menu a.menu-cta .cm-nav-ico{color:#fff!important}
.main-nav .menu a.menu-cta .cm-nav-label,.main-nav .menu a.menu-cta .cm-nav-ico,.top-head #siteNav .menu a.menu-cta .cm-nav-label,.top-head #siteNav .menu a.menu-cta .cm-nav-ico{transition:none!important}
.account-actions__hello{font-size:.82rem;color:var(--text-muted);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.account-actions__link{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;font-size:.8rem;font-weight:700;line-height:1.2;padding:.35rem .85rem;border-radius:999px;text-decoration:none;white-space:nowrap;color:#fff;border:1px solid rgb(15 23 42 / .12);background:#2563eb;box-shadow:0 6px 18px rgb(29 78 216 / .38),0 0 0 1px rgb(255 255 255 / .06) inset;transition:transform 0.15s ease,box-shadow 0.2s ease,filter 0.2s ease}
.account-actions__link:hover{color:#fff;transform:translateY(-2px);filter:brightness(1.06);box-shadow:0 10px 26px rgb(29 78 216 / .48),0 0 0 1px rgb(255 255 255 / .08) inset}
.account-actions__link:active{transform:translateY(0);filter:brightness(.98)}
.account-actions__register{white-space:nowrap}
@media (prefers-reduced-motion:reduce){.live-search--dropdown:not(.hidden),.mpp-msg-panel:not([hidden]),.mpp-notif-panel:not([hidden]),.mpp-user-dropdown:not([hidden]){animation:none}}
.account-actions .mpp-user-panel{position:relative;display:flex;align-items:center;gap:.35rem;z-index:120}
.mpp-user-panel__trigger{display:inline-flex;align-items:center;gap:.52rem;max-width:min(235px, 48vw);padding:.18rem .62rem .18rem .18rem;border:1px solid var(--border-strong);border-radius:14px;background:linear-gradient(180deg,color-mix(in srgb,var(--bg-card) 82%,#ffffff 18%),var(--bg-card));color:var(--text);font:inherit;font-size:.9rem;font-weight:700;letter-spacing:.01em;cursor:pointer;transition:box-shadow 0.2s,border-color 0.2s,background-color 0.2s,transform 0.2s}
.mpp-user-panel__trigger:hover{box-shadow:0 6px 18px rgb(0 0 0 / .18),0 0 0 1px var(--accent-glow);border-color:var(--accent-glow);transform:translateY(-1px)}
.mpp-user-panel__trigger:focus-visible,.mpp-user-panel__trigger[aria-expanded="true"]{box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 30%,transparent);border-color:color-mix(in srgb,var(--accent) 55%,var(--border-strong))}
.mpp-user-panel__avatar{position:relative;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;padding:2px;border-radius:999px;flex-shrink:0;overflow:visible;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 70%,#ffffff 30%),color-mix(in srgb,var(--accent) 45%,#0f172a 55%));box-shadow:0 1px 0 rgb(255 255 255 / .25) inset,0 4px 10px rgb(0 0 0 / .2)}
.mpp-user-panel__avatar::after{content:"";position:absolute;right:0;bottom:0;width:10px;height:10px;border-radius:999px;border:2px solid #fff;background:#22c55e;box-shadow:0 0 0 2px rgb(34 197 94 / .18);z-index:3}
.mpp-user-panel__avatar[data-mpp-my-availability="offline"]::after{background:#94a3b8;box-shadow:0 0 0 2px rgb(148 163 184 / .22)}
.mpp-user-panel__avatar[data-mpp-my-availability="busy"]::after{background:#ef4444;box-shadow:0 0 0 2px rgb(239 68 68 / .26)}
.mpp-user-panel__avatar-img{width:100%;height:100%;border-radius:50%;display:block;object-fit:cover;background:color-mix(in srgb,var(--bg-elevated) 88%,#ffffff 12%)}
.mpp-user-panel__avatar .avatar{width:100%!important;height:100%!important;border-radius:50%!important;object-fit:cover;border:1px solid rgb(255 255 255 / .55);position:relative;z-index:1}
.mpp-user-panel__name{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:16ch;min-width:6ch}
.mpp-user-panel__chev{font-size:.65rem;opacity:.7;flex-shrink:0}
.mpp-user-panel__icons{display:flex;align-items:center;gap:.25rem}
.mpp-notif-wrap{position:relative;display:flex;align-items:center}
.mpp-msg-wrap{position:relative;display:flex;align-items:center}
.mpp-notif-trigger{cursor:pointer;opacity:.92;font:inherit;padding:0;margin:0}
.mpp-notif-trigger[aria-expanded="true"]{color:var(--accent)}
.mpp-notif-panel{position:absolute;right:0;top:calc(100% + 10px);width:min(320px, 92vw);padding:.85rem .95rem;background:color-mix(in srgb,var(--bg-card) 92%,var(--accent) 8%);border:1px solid var(--border-strong);border-radius:var(--radius-sm);box-shadow:var(--shadow);z-index:200;color:var(--text)}
.mpp-msg-panel{position:absolute;right:0;top:calc(100% + 10px);width:min(360px, 92vw);max-height:min(520px, 72vh);overflow:auto;padding:.55rem;background:color-mix(in srgb,var(--bg-card) 93%,var(--accent) 7%);border:1px solid var(--border-strong);border-radius:var(--radius-sm);box-shadow:var(--shadow);z-index:220;color:var(--text)}
.mpp-msg-panel__head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.3rem .35rem .55rem;border-bottom:1px solid var(--border);margin-bottom:.5rem}
.mpp-msg-panel__head strong{color:var(--text)}
.mpp-msg-panel__all{font-size:.78rem;color:var(--accent);text-decoration:none}
.mpp-msg-panel__list{display:flex;flex-direction:column;gap:.38rem}
.mpp-msg-panel__me{display:flex;align-items:center;gap:.58rem;text-decoration:none;color:inherit;border:1px solid var(--border);border-radius:11px;padding:.45rem .5rem;background:color-mix(in srgb,var(--bg-elevated) 88%,var(--accent) 12%);margin-bottom:.46rem}
.mpp-msg-panel__me-avatar{width:34px;height:34px;border-radius:50%;object-fit:cover}
.mpp-msg-panel__me-meta{min-width:0;display:flex;flex-direction:column}
.mpp-msg-panel__me-meta strong{font-size:.82rem;line-height:1.15}
.mpp-msg-panel__me-meta small{font-size:.7rem;color:var(--text-muted)}
.mpp-msg-panel__settings{margin-bottom:.55rem;padding:.5rem .45rem;border-radius:10px;border:1px solid var(--border);background:color-mix(in srgb,var(--bg-elevated) 88%,var(--accent) 12%)}
.mpp-msg-panel__settings-title{margin:0 0 .4rem;font-size:.68rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}
.mpp-msg-panel__avail-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem}
.mpp-msg-panel__avail-btn{display:inline-flex;align-items:center;justify-content:center;padding:.38rem .28rem;border-radius:8px;border:1px solid var(--border);background:color-mix(in srgb,var(--bg-surface) 92%,transparent 8%);color:var(--text);font:inherit;font-size:.68rem;font-weight:800;cursor:pointer;transition:border-color 0.15s,background-color 0.15s,box-shadow 0.15s}
.mpp-msg-panel__avail-btn:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--border) 55%)}
.mpp-msg-panel__avail-btn.is-active{border-color:color-mix(in srgb,var(--accent) 62%,transparent 38%);background:color-mix(in srgb,var(--accent) 16%,var(--bg-surface) 84%);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 35%,transparent 65%)}
.mpp-msg-panel__avail-btn[data-mpp-set-availability="online"].is-active{border-color:rgb(34 197 94 / .7);background:rgb(34 197 94 / .2);box-shadow:0 0 0 1px rgb(34 197 94 / .3)}
.mpp-msg-panel__avail-btn[data-mpp-set-availability="offline"].is-active{border-color:rgb(148 163 184 / .72);background:rgb(148 163 184 / .22);box-shadow:0 0 0 1px rgb(148 163 184 / .24)}
.mpp-msg-panel__avail-btn[data-mpp-set-availability="busy"].is-active{border-color:rgb(239 68 68 / .75);background:rgb(239 68 68 / .2);box-shadow:0 0 0 1px rgb(239 68 68 / .28)}
.mpp-msg-panel__item{display:flex;flex-direction:row;align-items:center;gap:.55rem;padding:.5rem;border-radius:10px;text-decoration:none;color:var(--text);border:1px solid #fff0}
.mpp-msg-panel__item:hover{background:color-mix(in srgb,var(--bg-elevated) 82%,var(--accent) 18%);border-color:color-mix(in srgb,var(--accent) 54%,transparent 46%)}
.mpp-msg-panel__avatar{width:34px;height:34px;border-radius:50%;object-fit:cover;flex-shrink:0}
.mpp-msg-panel__avatar--emoji{display:inline-flex;align-items:center;justify-content:center;object-fit:unset;font-size:clamp(1.2rem, 3.8vw, 1.45rem);line-height:1;background:color-mix(in srgb,var(--bg-elevated) 86%,var(--text-muted) 14%);border:1px solid color-mix(in srgb,var(--border) 78%,var(--accent) 22%);user-select:none}
.mpp-msg-panel__meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:.15rem}
.mpp-msg-panel__name{font-size:.82rem;font-weight:700;line-height:1.2;color:var(--text)}
.mpp-msg-panel__excerpt{font-size:.74rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mpp-msg-panel__flag{display:inline-flex;align-items:center;padding:.04rem .36rem;border-radius:999px;font-size:.61rem;font-weight:800;letter-spacing:.03em;text-transform:uppercase;margin-right:.25rem}
.mpp-msg-panel__flag.is-incoming{color:#16a34a;background:rgb(34 197 94 / .18)}
.mpp-msg-panel__flag.is-outgoing{color:#2563eb;background:rgb(37 99 235 / .16)}
.mpp-msg-panel__side{flex-shrink:0;display:inline-flex;flex-direction:column;align-items:flex-end;gap:.22rem}
.mpp-msg-panel__time{font-size:.66rem;color:var(--text-muted)}
.mpp-msg-panel__count{min-width:1.1rem;height:1.1rem;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;padding:0 .24rem;font-size:.64rem;font-weight:700;color:#fff;background:#ef4444}
.mpp-msg-panel__empty{margin:.2rem;color:var(--text-muted);font-size:.79rem}
body.light-surface .mpp-notif-panel{background:color-mix(in srgb,#ffffff 94%,var(--accent) 6%);color:var(--text)}
body.light-surface .mpp-msg-panel{background:color-mix(in srgb,#ffffff 95%,var(--accent) 5%)}
.mpp-notif-panel__lead{margin:0 0 .65rem;font-size:.82rem;line-height:1.45;color:var(--text-muted)}
.mpp-notif-panel__sublead{margin:.75rem 0 .45rem;font-size:.78rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:var(--text-muted)}
.mpp-notif-panel__site{display:flex;flex-direction:column;gap:.45rem;margin:0 0 .35rem}
.mpp-notif-panel__site-item{position:relative;margin:0;padding:.55rem 2.1rem .55rem .6rem;border-radius:10px;border:1px solid var(--border);background:color-mix(in srgb,var(--bg-elevated) 90%,var(--accent) 10%);font-size:.82rem;line-height:1.4;transition:opacity 0.15s ease,transform 0.15s ease}
.mpp-notif-panel__site-item.is-removing{opacity:0;transform:translateX(8px)}
.mpp-notif-panel__site-dismiss{position:absolute;top:4px;right:4px;width:26px;height:26px;padding:0;border:none;border-radius:50%;background:#fff0;color:var(--text-muted);font-size:18px;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background 0.15s ease,color 0.15s ease}
.mpp-notif-panel__site-dismiss:hover,.mpp-notif-panel__site-dismiss:focus-visible{background:color-mix(in srgb,var(--accent) 20%,transparent 80%);color:var(--text);outline:none}
.mpp-notif-panel__site-toolbar{display:flex;justify-content:flex-end;margin-top:.45rem}
.mpp-notif-panel__site-clear-all{background:none;border:none;color:var(--text-muted);font-size:.75rem;font-weight:600;cursor:pointer;padding:.15rem .3rem;border-radius:6px;transition:color 0.15s ease,background 0.15s ease}
.mpp-notif-panel__site-clear-all:hover,.mpp-notif-panel__site-clear-all:focus-visible{color:var(--text);background:color-mix(in srgb,var(--accent) 14%,transparent 86%);outline:none}
.mpp-notif-panel__site-item.is-unread{border-color:color-mix(in srgb,var(--accent) 45%,var(--border) 55%);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 22%,transparent 78%)}
.mpp-notif-panel__site-msg{margin:0 0 .45rem;color:var(--text)}
.mpp-notif-panel__site-title{margin:0 0 .45rem;font-size:.78rem;font-weight:700;color:var(--text-muted)}
.mpp-notif-panel__site-actions{display:flex;flex-wrap:wrap;gap:.35rem}
.mpp-notif-panel__site-actions a{font-size:.76rem;font-weight:700}
.mpp-notif-panel__list{margin:0 0 .75rem;padding-left:1.1rem;font-size:.8rem;line-height:1.45;color:var(--text-muted)}
.mpp-notif-panel__list li{margin-bottom:.35rem}
.mpp-notif-panel__requests{display:flex;flex-direction:column;gap:.4rem}
.mpp-notif-panel__friend{display:grid;grid-template-columns:34px 1fr;gap:.5rem;align-items:center;border:1px solid var(--border);border-radius:10px;padding:.42rem;background:color-mix(in srgb,var(--bg-elevated) 90%,var(--accent) 10%)}
.mpp-notif-panel__friend-avatar{width:34px;height:34px;border-radius:50%;object-fit:cover}
.mpp-notif-panel__friend-meta{min-width:0;display:flex;flex-direction:column;gap:.3rem}
.mpp-notif-panel__friend-name{font-size:.82rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mpp-notif-panel__friend-actions{display:inline-flex;gap:.35rem}
.mpp-msg-panel:not([hidden]),.mpp-notif-panel:not([hidden]),.mpp-user-dropdown:not([hidden]){animation:mpp-header-flyout-in 0.14s ease-out both}
@media (max-width:640px){.mpp-user-panel__name{display:inline-block;max-width:10ch;min-width:4ch}}
@media (max-width:640px){.mpp-user-panel__trigger{max-width:calc(100vw - 170px)}}
.mpp-skip-link{position:absolute;left:-9999px;top:0;z-index:100000;padding:.75rem 1.25rem;background:var(--accent);color:#fff;font-weight:600;border-radius:var(--radius-sm);box-shadow:var(--shadow-soft)}
.mpp-skip-link:focus{left:1rem;top:1rem;outline:3px solid #fff;outline-offset:2px}
@media (max-width:1399px){.top-head{--mpp-flyout-top:clamp(120px, 34vw, 175px)}}
@media (max-width:1399px){.top-head .container.top-row{flex-wrap:wrap;gap:.5rem .75rem;align-items:center}}
@media (max-width:1399px){.top-head .logo{flex:1 1 auto;min-width:0;order:0}}
@media (max-width:1399px){.account-actions{width:100%;flex-wrap:nowrap;justify-content:flex-end;gap:.35rem;position:relative;overflow:visible}}
@media (max-width:1399px){.account-actions .mpp-user-panel{margin-right:auto;min-width:0}}
@media (max-width:1399px){.mpp-user-panel__trigger{max-width:min(58vw, 245px)}}
@media (max-width:1399px){.mpp-user-panel__icons{gap:.24rem}}
@media (max-width:1399px){#navBurger{order:20;margin-left:0}}
@media (max-width:1399px){.main-nav{width:100%;display:none;width:100%;padding:.2rem 0 .55rem;border-top:1px solid var(--border);margin-top:0}}
@media (max-width:1399px){.main-nav.is-open{display:block;background:rgb(10 14 20 / .98);border-radius:10px;padding-left:.35rem;padding-right:.35rem}}
@media (max-width:1399px){body.light-surface .main-nav.is-open{background:rgb(255 255 255 / .98)}}
@media (max-width:1399px){.main-nav .menu{flex-direction:column;gap:.15rem}}
@media (max-width:1399px){.main-nav .menu a{display:block;padding:.65rem .5rem;font-size:1rem}}
@media (max-width:1399px){.icon-link{width:36px;height:36px;min-width:36px;min-height:36px}}
@media (max-width:1399px){.mpp-user-panel__icons{flex-shrink:0;gap:.1rem}}
@media (max-width:1399px){.mpp-msg-wrap,.mpp-notif-wrap{position:relative}}
@media (max-width:1399px){.mpp-msg-panel,.mpp-notif-panel{position:fixed;left:8px;right:8px;top:clamp(90px, 26vw, 140px);width:auto;max-width:none;max-height:calc(100vh - clamp(100px, 26vw, 150px));max-height:calc(100dvh - clamp(100px, 26vw, 150px));overflow-y:auto;-webkit-overflow-scrolling:touch;z-index:9999;box-sizing:border-box;border-radius:12px;box-shadow:0 8px 40px rgb(0 0 0 / .4)}}
@media (max-width:1399px){.promo-bar{font-size:.78rem;padding:.5rem .5rem;line-height:1.25;justify-content:center;text-align:center;gap:.45rem}}
@media (max-width:1399px){.promo-bar__text{min-width:0;flex:1 1 12rem}}
@media (max-width:1399px){.promo-bar__btn{padding:.24rem .62rem;font-size:.72rem;flex-shrink:0}}
@media (max-width:1399px){.live-search--dropdown,.mpp-user-dropdown,.mpp-msg-panel,.mpp-notif-panel,.glass-card,.glass-panel{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}}
@media (max-width:1399px){body.mpp-header-solid .top-head{background:rgb(10 14 20 / .98)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}}
@media (max-width:1399px){body.light-surface.mpp-header-solid .top-head{background:rgb(210 216 224 / .98)!important}}
@media (max-width:480px){.account-actions .btn--sm{padding:.35rem .65rem;font-size:.82rem}}
@media (max-width:480px){.account-actions{gap:.28rem}}
@media (max-width:480px){.mpp-user-panel__trigger{max-width:min(56vw, 220px);padding-right:.48rem}}
@media (max-width:480px){.mpp-user-panel__name{max-width:7ch}}
.mpp-msg-panel__friends-icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:rgb(59 130 246 / .15);color:var(--accent);flex-shrink:0}
.mpp-msg-panel__friends-count{color:#22c55e;font-weight:600}
.mpp-lang-switcher{position:relative;display:inline-flex;align-items:center}
.mpp-lang-trigger{display:inline-flex;align-items:center;gap:.3rem;cursor:pointer;background:none;border:none;color:inherit;font-size:.8rem;font-weight:600;letter-spacing:.04em;padding:.35rem .5rem;border-radius:6px;transition:background 0.15s ease}
.mpp-lang-trigger:hover,.mpp-lang-trigger:focus-visible{background:rgb(255 255 255 / .08)}
.mpp-lang-trigger svg{flex-shrink:0}
.mpp-lang-current{text-transform:uppercase}
.mpp-lang-dropdown{position:absolute;top:calc(100% + 6px);right:0;z-index:9999;min-width:150px;padding:.4rem 0;background:var(--glass-bg,rgb(30 30 40 / .96));border:1px solid var(--border-color,rgb(255 255 255 / .1));border-radius:10px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 8px 32px rgb(0 0 0 / .35)}
.mpp-lang-option{display:flex;align-items:center;gap:.55rem;padding:.55rem .9rem;color:var(--text-color,#e0e0e0);text-decoration:none;font-size:.88rem;font-weight:500;transition:background 0.12s ease;white-space:nowrap}
.mpp-lang-option:hover,.mpp-lang-option:focus-visible{background:rgb(255 255 255 / .07);color:var(--text-color,#fff);text-decoration:none}
.mpp-lang-option--active{color:var(--accent,#6366f1);font-weight:700}
.mpp-lang-option--active::after{content:"\2713";margin-left:auto;font-size:.85rem}
.mpp-lang-flag{font-size:1.15rem;line-height:1}
.mpp-lang-flag-svg{display:block;width:22px;height:15px;border-radius:2px;box-shadow:0 0 0 1px rgb(0 0 0 / .18);flex-shrink:0}
.mpp-lang-current-flag{display:inline-flex;align-items:center}
.mpp-lang-switcher{padding:0 9px}
.icon-link.mpp-lang-trigger{padding:5px;width:auto;height:auto}
.icon-link.mpp-lang-trigger .mpp-lang-flag-svg{width:28px;height:19px;min-width:28px;max-width:none;flex:0 0 auto;border-radius:3px}
.light-surface .mpp-lang-dropdown{background:rgb(255 255 255 / .97);border-color:rgb(0 0 0 / .1);box-shadow:0 8px 32px rgb(0 0 0 / .12)}
.light-surface .mpp-lang-option{color:#333}
.light-surface .mpp-lang-option:hover,.light-surface .mpp-lang-option:focus-visible{background:rgb(0 0 0 / .04);color:#111}
.light-surface .mpp-lang-option--active{color:var(--accent,#6366f1)}
@media (max-width:768px){.mpp-lang-current{display:none}}
@media (max-width:768px){.mpp-lang-dropdown{right:-.5rem}}
@media (max-width:900px){.top-head .container.top-row{padding-top:max(10px, env(safe-area-inset-top, 0px))}}
@media (max-width:900px){.top-head .logo{margin-top:-21px;align-self:flex-start}}
@media (max-width:900px){.top-head .logo .custom-logo-link{max-width:min(92vw, 100%)!important}}
@media (max-width:900px){.top-head .logo .custom-logo-link img,.top-head .logo .custom-logo-link svg{max-height:112px!important}}
@media (min-width:901px){.top-head{background:rgb(244 247 252 / .96);box-shadow:0 1px 0 rgb(15 23 42 / .08)}}
@media (min-width:901px){body.light-surface .top-head{background:rgb(244 247 252 / .96)}}
@media (min-width:901px){.top-row{min-height:28px;max-width:950px;padding-left:10px;padding-right:10px;gap:8px;justify-content:center}}
@media (min-width:901px){.top-head .logo{margin-left:0;flex:0 0 auto!important}}
@media (min-width:901px){.top-head .logo .custom-logo-link{max-width:120px!important}}
@media (min-width:901px){.top-head .logo .custom-logo-link img,.top-head .logo .custom-logo-link svg{max-height:20px!important}}
@media (min-width:901px){.main-nav{flex:0 1 auto;width:auto;order:0;max-height:none;opacity:1;overflow:visible}}
@media (min-width:901px){.main-nav .menu{flex-wrap:nowrap;align-items:center;gap:3px}}
@media (min-width:901px){.main-nav .menu a{display:inline-flex;align-items:center;min-height:20px;padding:3px 6px;border-radius:5px;font-size:8px;line-height:1;font-weight:800;color:#0f172a!important;white-space:nowrap}}
@media (min-width:901px){.main-nav .menu a:hover{background:rgb(37 99 235 / .08);color:#0b1220!important}}
@media (min-width:901px){.main-nav .menu .is-active>a,.main-nav .menu .current-menu-item>a,.main-nav .menu .current_page_item>a,.main-nav .menu a[aria-current="page"]{background:#dbeafe;color:#1d4ed8!important;box-shadow:inset 0 0 0 1px rgb(37 99 235 / .35)}}
@media (min-width:901px){.main-nav .menu .is-active>a::after,.main-nav .menu .current-menu-item>a::after,.main-nav .menu .current_page_item>a::after,.main-nav .menu a[aria-current="page"]::after{bottom:-3px;height:2px}}
@media (min-width:901px){.main-nav .menu a.menu-cta{min-height:21px;padding:4px 8px!important;border-radius:5px;background:#2563eb;box-shadow:none;color:#fff!important}}
@media (min-width:901px){.account-actions{gap:4px;flex:0 0 auto}}
@media (min-width:901px){.icon-link{width:22px;height:22px;min-width:22px;min-height:22px;border-radius:6px;border-color:rgb(15 23 42 / .08);background:#fff;color:#0f172a}}
@media (min-width:901px){.icon-link svg{width:11px;height:11px}}
@media (min-width:901px){.mpp-lang-trigger{width:auto;padding:0 6px;gap:3px;font-size:8px;font-weight:800}}
@media (min-width:901px){.account-actions__link{min-height:22px;padding:0 8px;border-radius:6px;background:#fff;color:#0f172a;box-shadow:none;font-size:8px;border-color:rgb(15 23 42 / .08)}}
@media (min-width:901px){.account-actions__link svg{width:11px;height:11px;stroke:currentColor}}
@media (min-width:901px){.promo-bar{padding:4px 8px;font-size:10px}}
@media (min-width:901px){.promo-bar__btn{padding:2px 8px;font-size:9px}}
/* cm-header-critical-css */
/* A tema globalis box-sizing szabalya (main.css) kesleltetett volt -> betolteskor content-box
   szamitas = minden paddinges elem szelesebb (pl. nyelvvalto 58->88px). Azonnal adjuk. */
*, *::before, *::after { box-sizing: border-box; }
@font-face { font-family: "Inter-fb"; src: local("Arial"); size-adjust: 93%; ascent-override: 97%; descent-override: 24%; line-gap-override: 0%; }
html body header.top-head .mpp-user-panel__name { font-family: Inter, "Inter-fb", system-ui, sans-serif !important; }
@font-face { font-family: Inter; font-style: normal; font-weight: 400; font-display: swap; src: url("https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7W0Q5nw.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: Inter; font-style: normal; font-weight: 600; font-display: swap; src: url("https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7W0Q5nw.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: Inter; font-style: normal; font-weight: 700; font-display: swap; src: url("https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7W0Q5nw.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: Inter; font-style: normal; font-weight: 800; font-display: swap; src: url("https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7W0Q5nw.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@media (min-width: 1400px) { html body header.top-head .account-actions .mpp-user-panel { display: inline-flex !important; align-items: center !important; gap: 4px !important; position: relative !important; flex: 0 0 auto !important; } }
@media (min-width: 1400px) { html body header.top-head .account-actions .mpp-user-panel > .mpp-user-dropdown { right: 0px !important; left: auto !important; top: calc(100% + 8px) !important; z-index: 99999 !important; transform: none !important; } }
@media (min-width: 1400px) { html body header.top-head .top-row .logo { margin-right: 38px !important; /* tulaj 2026-08-15: vissza az eredeti elosztashoz */ flex: 0 0 auto !important; position: relative !important; z-index: 3 !important; } }
@media (min-width: 1400px) { html body header.top-head .account-actions { gap: 12px !important; align-items: center !important; overflow: visible !important; } }
@media (min-width: 1400px) { html body header.top-head .account-actions svg, html body header.top-head .account-actions i { width: 20px !important; height: 20px !important; font-size: 19px !important; } }
@media (min-width: 1400px) { html body header.top-head .account-actions .badge, html body header.top-head .account-actions .count, html body header.top-head .account-actions [class*="badge"], html body header.top-head .account-actions [class*="count"] { top: -7px !important; right: -5px !important; min-width: 19px !important; height: 19px !important; font-size: 11px !important; } }
.top-head #siteNav .menu .cm-nav-ico { display: inline-flex; align-items: center; justify-content: center; margin-right: 6px; flex: 0 0 auto; line-height: 0; }
.top-head #siteNav .menu .cm-nav-ico svg { width: 16px; height: 16px; display: block; opacity: 0.9; }
@media (min-width: 1500px) { html body header.top-head nav#siteNav.main-nav ul.menu { gap: 17px !important; } }
@media (min-width: 1500px) { .top-head #siteNav .menu .cm-nav-ico { margin-right: 3px !important; } }
@media (min-width: 1400px) { html body header.top-head { background: rgb(248, 251, 255) !important; border-bottom: 1px solid rgba(15, 23, 42, 0.08) !important; box-shadow: rgba(15, 23, 42, 0.03) 0px 1px 0px !important; position: relative !important; z-index: 90 !important; } }
@media (min-width: 1400px) { html body header.top-head .container.top-row { width: 100% !important; max-width: 1800px !important; height: 86px !important; min-height: 86px !important; margin: 0px auto !important; padding: 0px 34px !important; display: grid !important; grid-template-columns: 200px minmax(0px, 1fr) auto !important; align-items: center !important; column-gap: 26px !important; overflow: visible !important; box-sizing: border-box !important; } }
@media (min-width: 1400px) { html body header.top-head .logo, html body header.top-head .logo img, html body header.top-head img.custom-logo { width: 200px !important; max-width: 200px !important; height: auto !important; } }
@media (min-width: 1400px) { html body header.top-head #siteNav.main-nav { width: 100% !important; min-width: 0px !important; margin: 0px !important; padding: 0px !important; display: flex !important; align-items: center !important; justify-content: flex-start !important; overflow: visible !important; } }
@media (min-width: 1400px) { html body header.top-head #siteNav.main-nav .menu { display: flex !important; align-items: center !important; justify-content: flex-start !important; flex-wrap: nowrap !important; gap: 22px !important; margin: 0px !important; padding: 0px !important; list-style: none !important; overflow: visible !important; } }
@media (min-width: 1400px) { html body header.top-head #siteNav.main-nav .menu > li { flex: 0 0 auto !important; margin: 0px !important; padding: 0px !important; } }
@media (min-width: 1400px) { html body header.top-head #siteNav.main-nav .menu > li > a { height: 46px !important; min-height: 46px !important; padding: 0px 3px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; background: transparent !important; border: 0px !important; border-radius: 0px !important; box-shadow: none !important; color: rgb(17, 24, 39) !important; font-size: 15px !important; font-weight: 800 !important; line-height: 1 !important; white-space: nowrap !important; text-decoration: none !important; opacity: 1 !important; } }
@media (min-width: 1400px) { html body header.top-head #siteNav.main-nav .menu > li > a.menu-cta { min-width: 132px !important; height: 50px !important; padding: 0px 20px !important; border-radius: 11px !important; background: rgb(40, 118, 240) !important; color: rgb(255, 255, 255) !important; box-shadow: rgba(37, 99, 235, 0.32) 0px 12px 28px !important; } }
@media (min-width: 1400px) { html body header.top-head .account-actions { display: flex !important; align-items: center !important; justify-content: flex-end !important; gap: 10px !important; margin: 0px !important; padding: 0px !important; min-width: max-content !important; overflow: visible !important; } }
@media (min-width: 1400px) { html body:not(.logged-in) header.top-head #mppMsgTrigger, html body:not(.logged-in) header.top-head #mppNotifTrigger, html body:not(.logged-in) header.top-head #mppHeaderCartBtn, html body:not(.logged-in) header.top-head .mpp-header-cart-wrap, html body:not(.logged-in) header.top-head .mpp-header-cart__link, html body:not(.logged-in) header.top-head .account-actions [class*="cart"], html body:not(.logged-in) header.top-head .account-actions [class*="notif"], html body:not(.logged-in) header.top-head .account-actions [class*="message"], html body:not(.logged-in) header.top-head .account-actions [class*="msg"] { display: none !important; } }
@media (min-width: 1400px) { html body header.top-head .account-actions .account-actions__link[data-mpp-open-login] { order: 1 !important; position: static !important; transform: none !important; height: 44px !important; min-width: 112px !important; padding: 0px 16px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 7px !important; border-radius: 11px !important; background: rgb(40, 118, 240) !important; color: rgb(255, 255, 255) !important; border: 1px solid rgba(37, 99, 235, 0.2) !important; box-shadow: rgba(37, 99, 235, 0.3) 0px 10px 24px !important; font-size: 14px !important; font-weight: 800 !important; white-space: nowrap !important; } }
@media (min-width: 1400px) and (max-width: 1500px) { html body header.top-head .container.top-row { max-width: 1240px !important; grid-template-columns: 180px minmax(0px, 1fr) auto !important; column-gap: 14px !important; padding: 0px 18px !important; } }
@media (min-width: 1400px) and (max-width: 1500px) { html body header.top-head .logo, html body header.top-head .logo img, html body header.top-head img.custom-logo { width: 180px !important; max-width: 180px !important; } }
@media (min-width: 1400px) and (max-width: 1500px) { html body header.top-head #siteNav.main-nav .menu { gap: 12px !important; } }
@media (min-width: 1400px) { html body header.top-head #siteNav.main-nav .menu { gap: 8px !important; } }
@media (min-width: 1400px) { html body header.top-head #siteNav.main-nav .menu > li > a:not(.menu-cta) { background: rgb(255, 255, 255) !important; box-shadow: rgba(15, 23, 42, 0.1) 0px 0px 0px 1px inset, rgba(15, 23, 42, 0.06) 0px 8px 22px !important; border-radius: 999px !important; padding: 0px 12px !important; font-size: 14px !important; } }
@media (min-width: 1400px) and (max-width: 1980px) { html body header.top-head #siteNav.main-nav .menu { gap: 7px !important; } }
@media (min-width: 1400px) and (max-width: 1980px) { html body header.top-head #siteNav.main-nav .menu > li > a:not(.menu-cta) { font-size: 13.5px !important; padding: 0px 11px !important; } }
@media (min-width: 1400px) and (max-width: 1980px) { html body header.top-head #siteNav.main-nav .menu > li > a.menu-cta { min-width: 126px !important; padding: 0px 18px !important; } }
@media (min-width: 1400px) and (max-width: 1640px) { html body header.top-head .container.top-row { padding: 0px 18px !important; grid-template-columns: 170px minmax(0px, 1fr) auto !important; column-gap: 14px !important; } }
@media (min-width: 1400px) and (max-width: 1640px) { html body header.top-head .logo, html body header.top-head .logo img, html body header.top-head img.custom-logo { width: 170px !important; max-width: 170px !important; } }
@media (min-width: 1400px) and (max-width: 1640px) { html body header.top-head #siteNav.main-nav .menu { gap: 4px !important; } }
@media (min-width: 1400px) and (max-width: 1640px) { html body header.top-head #siteNav.main-nav .menu > li > a:not(.menu-cta) { font-size: 12.4px !important; padding: 0px 9px !important; } }
@media (min-width: 1400px) and (max-width: 1640px) { html body header.top-head #siteNav.main-nav .menu > li > a:not(.menu-cta) svg, html body header.top-head #siteNav.main-nav .menu > li > a:not(.menu-cta) img { display: none !important; } }
@media (min-width: 1400px) and (max-width: 1640px) { html body header.top-head #siteNav.main-nav .menu > li > a.menu-cta { min-width: 0px !important; padding: 0px 14px !important; } }
@media (min-width: 1400px) and (max-width: 2049px) { html body header.top-head .container.top-row { max-width: 1880px !important; width: 100% !important; padding-left: 28px !important; padding-right: 28px !important; gap: 18px !important; grid-template-columns: 230px minmax(0px, 1fr) auto !important; } }
@media (min-width: 1400px) and (max-width: 2049px) { html body header.top-head #siteNav.main-nav .menu { gap: 18px !important; } }
@media (min-width: 1400px) and (max-width: 2049px) { html body header.top-head .account-actions { flex-shrink: 0 !important; margin-left: 10px !important; } }
@media (min-width: 1400px) { html body:not(.logged-in) header.top-head .account-actions { align-items: center !important; gap: 10px !important; min-width: 0px !important; justify-content: flex-end !important; } }
@media (min-width: 1400px) { html body:not(.logged-in) header.top-head .account-actions .account-actions__link[data-mpp-open-login], html body:not(.logged-in) header.top-head .account-actions .cm-register-link { display: inline-flex !important; align-items: center !important; gap: 8px !important; height: 46px !important; padding: 0px 22px !important; border-radius: 999px !important; font-weight: 800 !important; font-size: 14.5px !important; line-height: 1 !important; white-space: nowrap !important; text-decoration: none !important; transition: transform 0.15s, box-shadow 0.15s, filter 0.15s !important; } }
@media (min-width: 1400px) { html body:not(.logged-in) header.top-head .account-actions .account-actions__link[data-mpp-open-login]:hover { box-shadow: rgba(15, 23, 42, 0.1) 0px 10px 22px !important; transform: translateY(-1px) !important; } }
@media (min-width: 1400px) { html body:not(.logged-in) header.top-head .account-actions .cm-register-link:hover { filter: brightness(1.06) !important; transform: translateY(-1px) !important; } }
@media (min-width: 1400px) { html body header.top-head #siteNav.main-nav { width: 100% !important; justify-content: stretch !important; } }
@media (min-width: 1400px) { html body header.top-head #siteNav.main-nav .menu { width: 100% !important; display: flex !important; justify-content: space-between !important; align-items: center !important; flex-wrap: nowrap !important; gap: 14px !important; } }
@media (min-width: 1400px) { html body header.top-head .account-actions { gap: 10px !important; } }
.top-row { min-height: 52px; display: flex; align-items: center; justify-content: space-between; gap: 1rem; position: relative; z-index: 3; }
.logo.logo--custom { display: flex; align-items: center; }
.logo-text--brand { display: inline-block; font-size: clamp(1.85rem, 6.5vw, 2.75rem); font-weight: 800; letter-spacing: -0.03em; line-height: 1.05; }
.top-head .logo { max-width: 72vw; text-align: left; margin-left: 12px; flex: 0 1 auto !important; }
.top-head .logo .custom-logo-link { align-items: center; line-height: 0; display: inline-flex !important; max-width: min(240px, 100%) !important; }
.top-head .logo .custom-logo-link img, .top-head .logo .custom-logo-link svg { display: block !important; max-height: 48px !important; width: auto !important; height: auto !important; max-width: 100% !important; object-fit: contain !important; }
@media (min-width: 1400px) { .top-head .logo .custom-logo-link { max-width: min(280px, 100%) !important; } }
.account-actions { display: flex; align-items: center; gap: 0.5rem; }
@media (min-width: 1400px) { header.top-head .account-actions .cm-mobile-submit-link, header.top-head .account-actions > a[href*="submit-mod"] { display: none !important; } }
.main-nav .menu { display: flex; flex-wrap: wrap; gap: 0.35rem 0.85rem; list-style: none; margin: 0px; padding: 0px; }
.main-nav .menu a { font-weight: 600; font-size: 0.9rem; padding: 0.4rem 0.55rem; border-radius: 8px; color: var(--text-muted); transition: color 0.15s, background 0.15s; }
.main-nav .menu .is-active > a, .main-nav .menu .current-menu-item > a, .main-nav .menu .current_page_item > a, .main-nav .menu a[aria-current="page"] { color: rgb(255, 255, 255); background: linear-gradient(rgba(99, 132, 255, 0.22), rgba(99, 132, 255, 0.12)); box-shadow: rgba(99, 132, 255, 0.45) 0px 0px 0px 1px inset, rgba(99, 132, 255, 0.18) 0px 1px 0px; position: relative; }
.main-nav .menu .is-active > a::after, .main-nav .menu .current-menu-item > a::after, .main-nav .menu .current_page_item > a::after, .main-nav .menu a[aria-current="page"]::after { content: ""; position: absolute; left: 12%; right: 12%; bottom: -6px; height: 3px; border-radius: 2px; background: linear-gradient(90deg, transparent, rgb(99, 132, 255) 30%, rgb(99, 132, 255) 70%, transparent); box-shadow: rgba(99, 132, 255, 0.55) 0px 0px 8px; pointer-events: none; }
@media (max-width: 1399px) { .main-nav { order: 3; width: 100%; max-height: 0px; overflow: hidden; opacity: 0; transition: max-height 0.35s, opacity 0.25s; } }
@media (max-width: 1399px) { .main-nav.is-open { max-height: 70vh; overflow-y: auto; opacity: 1; padding: 0.75rem 0px; border-top: 1px solid var(--border); } }
.main-nav .menu a.menu-cta { background: linear-gradient(135deg,var(--accent),#2563eb); border-radius: var(--radius-sm); box-shadow: 0 6px 20px var(--accent-glow); color: rgb(255, 255, 255) !important; padding: 0.45rem 0.85rem !important; }
.account-actions .mpp-user-panel { position: relative; display: flex; align-items: center; gap: 0.35rem; z-index: 120; }
@media (max-width: 1399px) { .top-head .container.top-row { flex-wrap: wrap; gap: 0.5rem 0.75rem; align-items: center; } }
@media (max-width: 1399px) { .top-head .logo { flex: 1 1 auto; min-width: 0px; order: 0; } }
@media (max-width: 1399px) { .account-actions { width: 100%; flex-wrap: nowrap; justify-content: flex-end; gap: 0.35rem; position: relative; overflow: visible; } }
@media (max-width: 1399px) { .account-actions .mpp-user-panel { margin-right: auto; min-width: 0px; } }
@media (max-width: 1399px) { .main-nav { display: none; width: 100%; padding: 0.2rem 0px 0.55rem; border-top: 1px solid var(--border); margin-top: 0px; } }
@media (max-width: 1399px) { .main-nav.is-open { display: block; background: rgba(10, 14, 20, 0.98); border-radius: 10px; padding-left: 0.35rem; padding-right: 0.35rem; } }
@media (max-width: 1399px) { .main-nav .menu { flex-direction: column; gap: 0.15rem; } }
@media (max-width: 1399px) { .main-nav .menu a { display: block; padding: 0.65rem 0.5rem; font-size: 1rem; } }
@media (max-width: 480px) { .account-actions .btn--sm { padding: 0.35rem 0.65rem; font-size: 0.82rem; } }
@media (max-width: 480px) { .account-actions { gap: 0.28rem; } }
@media (max-width: 900px) { .top-head .logo .custom-logo-link { max-width: min(92vw, 100%) !important; } }
@media (min-width: 901px) { .top-row { min-height: 28px; max-width: 950px; padding-left: 10px; padding-right: 10px; gap: 8px; justify-content: center; } }
@media (min-width: 901px) { .top-head .logo { margin-left: 0px; flex: 0 0 auto !important; } }
@media (min-width: 901px) { .top-head .logo .custom-logo-link { max-width: 200px !important; } }
@media (min-width: 901px) { .main-nav { flex: 0 1 auto; width: auto; order: 0; max-height: none; opacity: 1; overflow: visible; } }
@media (min-width: 901px) { .main-nav .menu { flex-wrap: nowrap; align-items: center; gap: 3px; } }
@media (min-width: 901px) { .main-nav .menu a { display: inline-flex; align-items: center; min-height: 20px; padding: 3px 6px; border-radius: 5px; font-size: 8px; line-height: 1; font-weight: 800; white-space: nowrap; color: rgb(15, 23, 42) !important; } }
@media (min-width: 901px) { .main-nav .menu .is-active > a::after, .main-nav .menu .current-menu-item > a::after, .main-nav .menu .current_page_item > a::after, .main-nav .menu a[aria-current="page"]::after { bottom: -3px; height: 2px; } }
@media (min-width: 901px) { .main-nav .menu a.menu-cta { min-height: 21px; border-radius: 5px; background: rgb(37, 99, 235); box-shadow: none; padding: 4px 8px !important; color: rgb(255, 255, 255) !important; } }
@media (min-width: 901px) { .account-actions { gap: 4px; flex: 0 0 auto; } }
.mpp-buy-btn > img, .mpp-buy-btn > svg, .mpp-buy-btn .logo-full, .mpp-buy-btn .gumroad-button-logo, .mpp-buy-btn [class*="logo"] { display: none !important; }
.main-nav .menu > li:not(.is-active):not(.current-menu-item):not(.current_page_item) > a:not(.menu-cta):not([aria-current="page"]) { box-shadow: rgba(200, 215, 235, 0.3) 0px 0px 0px 1px inset; transition: background 0.16s, box-shadow 0.16s, transform 0.12s, color 0.16s; background: rgba(148, 163, 184, 0.22) !important; border-radius: 999px !important; padding: 0.52rem 0.92rem !important; }
.main-nav .menu > li:not(.is-active):not(.current-menu-item):not(.current_page_item) > a:not(.menu-cta):not([aria-current="page"]):hover { box-shadow: rgba(99, 132, 255, 0.42) 0px 0px 0px 1px inset; transform: translateY(-1px); background: rgba(99, 132, 255, 0.18) !important; }
@media (min-width: 901px) { .top-row { height: 34px !important; min-height: 34px !important; max-width: 980px !important; padding-top: 0px !important; padding-bottom: 0px !important; margin: 0px auto !important; align-items: center !important; justify-content: center !important; gap: 8px !important; } }
@media (min-width: 901px) { .top-head .logo { margin-left: 0px !important; } }
@media (min-width: 901px) { .top-head .logo .custom-logo-link { max-width: 200px !important; display: flex !important; align-items: center !important; } }
@media (min-width: 901px) { .top-head .logo .custom-logo-link img, .top-head .logo .custom-logo-link svg { max-height: 32px !important; width: auto !important; display: block !important; } }
@media (min-width: 901px) { .main-nav { width: auto !important; max-height: none !important; overflow: visible !important; opacity: 1 !important; } }
@media (min-width: 901px) { .main-nav .menu { flex-wrap: nowrap !important; gap: 4px !important; align-items: center !important; } }
@media (min-width: 901px) { .main-nav .menu a { min-height: 24px !important; padding: 6px 8px !important; border-radius: 6px !important; font-size: 11px !important; line-height: 1 !important; display: inline-flex !important; align-items: center !important; white-space: nowrap !important; } }
@media (min-width: 901px) { .main-nav .menu a.menu-cta { min-height: 24px !important; padding: 6px 10px !important; border-radius: 6px !important; font-size: 11px !important; } }
@media (min-width: 901px) { .account-actions, .account-actions .mpp-user-panel, .mpp-user-panel__icons { display: flex !important; align-items: center !important; gap: 4px !important; } }
@media (min-width: 901px) { .account-actions .mpp-user-panel { display: inline-flex !important; align-items: center !important; gap: 4px !important; position: relative !important; flex: 0 0 auto !important; } }
@media (min-width: 901px) { .account-actions .mpp-user-panel > .mpp-user-dropdown { right: 0px !important; left: auto !important; top: calc(100% + 8px) !important; z-index: 99999 !important; } }
/* Betoltesi diff-meresek utolso tetelei (2026-07-11): a blokk VEGEN, hogy minden korabbi
   inline szabalyt felulirjon a vegleges ertek. */
@media (min-width: 1400px) {
  html body header.top-head #navBurger { display: none !important; }
  html body header.top-head #mppLangSwitcher { width: 58px !important; max-width: 58px !important; height: 46px !important; overflow: hidden !important; justify-content: center !important; }
  /* A 0-s jelvenyek (uzenet/csengo) vegleges stilusa elhalasztott CSS-ben volt -> az elso
     festesnel meg rejtve voltak, majd "felpattantak". A vegleges allapot elore (a [hidden]
     attributumot az author-szintu display:flex amugy is feluliraja, mint a keszben): */
  html body header.top-head .mpp-msg-icon-badge,
  html body header.top-head .mpp-header-cart__badge {
    display: flex !important; position: absolute; top: -7px; right: -5px;
    min-width: 19px; height: 19px; padding: 0 5px;
    background: rgb(239, 68, 68); color: #fff;
    font-size: 11px; font-weight: 700; line-height: 11px;
    border-radius: 999px; border: 2px solid rgb(244, 246, 251);
    align-items: center; justify-content: center;
  }
}
/* cm-tabular-nums-css */

.cm-stat-card__num,
[data-cm-side],
[data-cm-value],
[data-cm-discord-online],
[data-cm-discord-total],
[data-cm-mod-dl],
[data-cm-top-dl],
[data-cm-cat-count],
.cm-side-stats strong,
.mod-card-row__statcell-value,
.cm-featured__rating strong,
.cm-featured__rating small,
.cm-fresh__grid .cm-fresh__meta,
.mpp-hdr-badge,
.cm-tabnav__a .cm-nav-count{
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum";
}

/* 2026-08-08 v2 — a Statistics-blokk szamai a sor JOBB szelehez szogezve
   (jobb-szelhez szogezve): az !important a flipNum inline position:relative-jet
   is felulirja, igy az animacio SEMMILYEN szelesseg-jatekkal nem tudja
   elmozditani a szamot. */
.cm-side-stats li{ position:relative; }
.cm-side-stats li > strong[data-cm-side]{
  position:absolute !important;
  right:0 !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  margin:0 !important;
  /* a tema .cm-side-stats strong overflow:visible!important-je ellen — a
     kilepo regi szam NE latsszon ki a dobozbol (a szelesseg-zar mar pixel-
     pontos, jogos tartalom nem vagodhat le) */
  overflow:hidden !important;
}

/* cm-header-responsive-v2-css */

@media (min-width:1400px) and (max-width:2049px){
  /* Pill-meret ROGZITESE a szukulo savban (2050+ a nativ, tagasabb tier marad).
     Az ikonok 1850 alatt a meglevo logged-in szabaly szerint elrejtodnek - az jo igy. */
  html body header.top-head #siteNav.main-nav .menu > li > a:not(.menu-cta):not(.cm-nope){font-size:13.5px !important;padding:0 11px !important;}
  html body header.top-head #siteNav.main-nav .menu > li > a:not(.menu-cta):not(.cm-nope) svg,
  html body header.top-head #siteNav.main-nav .menu > li > a:not(.menu-cta):not(.cm-nope) img{display:inline-block !important;}
  html body header.top-head #siteNav.main-nav .menu:not(.cm-nope){gap:7px !important;}
  html body header.top-head #siteNav.main-nav .menu > li > a.menu-cta:not(.cm-nope){min-width:126px !important;padding:0 18px !important;}
}
/* Fokozatos elrejtes: hold -> nyelvvalto -> kosar -> csengo -> uzenet */
@media (min-width:1400px) and (max-width:1899px){
  html body header.top-head #modeToggle{display:none !important;}
}
@media (min-width:1400px) and (max-width:1829px){
  html body header.top-head #mppLangSwitcher{display:none !important;}
}
@media (min-width:1400px) and (max-width:1759px){
  html body header.top-head .mpp-header-cart-wrap,
  html body header.top-head .account-actions #mppHeaderCartBtn{display:none !important;}
}
@media (min-width:1400px) and (max-width:1699px){
  html body header.top-head .mpp-notif-wrap,
  html body header.top-head .account-actions #mppNotifTrigger{display:none !important;}
}
@media (min-width:1400px) and (max-width:1639px){
  html body header.top-head .mpp-msg-wrap,
  html body header.top-head .account-actions #mppMsgTrigger{display:none !important;}
}
/* TABLET (700-1399): a pillek aranyosan toltsek ki a teret a logo es a hold gomb kozott
   (tulaj 2026-07-11: "egyenlo aranyban legyen elosztva"). A .cm-tabnav abszolut poziciós volt
   fix right:492-vel -> 200px+ halott luk a hold elott. */
@media (min-width:520px) and (max-width:1399px){
  html body.logged-in header.top-head .cm-tabnav{
    right:310px !important;
    justify-content:space-between !important;
  }
}
/* VENDEG (kijelentkezett) tablet: ugyanaz az aranyos elosztas (tulaj 2026-07-12).
   A vendeg jobb gombsor (hold+nyelv+Login+burger) csak ~178px szeles, a hold gomb
   a bal szele minden savszelessegen -> right:210 = 32px res marad a hold elott. */
@media (min-width:520px) and (max-width:1399px){
  html body:not(.logged-in) header.top-head .cm-tabnav{
    right:210px !important;
    justify-content:space-between !important;
  }
}

/* cm-desktop-header-width-fit-css */

@media (min-width:1400px) and (max-width:2049px){ /* 2050px+ : a zzz-cm-header-navfit (FINAL WORD) 2100px-es ultrawide szabalya ervenyesul, mint a fooldalon */
  html body header.top-head .container.top-row{
    max-width:1880px!important;
    width:100%!important;
    padding-left:28px!important;
    padding-right:28px!important;
    column-gap:18px!important;
    gap:18px!important;
    grid-template-columns:230px minmax(0,1fr) auto!important;
  }

  html body header.top-head #siteNav.main-nav .menu{
    gap:18px!important;
  }

  html body header.top-head #siteNav.main-nav{
    min-width:0!important;
    overflow:visible!important;
  }

  html body header.top-head #siteNav.main-nav .menu > li > a{
    padding-left:4px!important;
    padding-right:4px!important;
  }

  html body header.top-head .account-actions{
    flex-shrink:0!important;
    margin-left:10px!important;
  }
}

/* cm-mobile-header-logged-in-clean-css */

@media (max-width:1399px){
  html body header.top-head .account-actions #mppMsgTrigger,
  html body header.top-head .account-actions #mppNotifTrigger,
  html body header.top-head .account-actions #mppCartTrigger,
  html body header.top-head .account-actions .mpp-header-cart,
  html body header.top-head .account-actions .mpp-header-cart-wrap,
  html body header.top-head .account-actions .mpp-header-cart__link,
  html body header.top-head .account-actions .mpp-header-cart-btn,
  html body header.top-head .account-actions .cart-link,
  html body header.top-head .account-actions [href*="/cart"],
  html body header.top-head .account-actions [class*="cart"],
  html body header.top-head .account-actions [class*="notif"],
  html body header.top-head .account-actions [class*="message"],
  html body header.top-head .account-actions [class*="msg"]{
    display:none!important;
    visibility:hidden!important;
    width:0!important;
    min-width:0!important;
    max-width:0!important;
    height:0!important;
    min-height:0!important;
    max-height:0!important;
    padding:0!important;
    margin:0!important;
    overflow:hidden!important;
    pointer-events:none!important;
  }

  html body header.top-head .cm-mobile-submit-link{order:1!important}
  html body header.top-head #modeToggle{order:2!important}
  html body header.top-head #mppLangSwitcher{order:3!important}
  html body header.top-head #mppUserMenuTrigger,
  html body header.top-head .mpp-user-menu__trigger,
  html body header.top-head .account-actions > a.account-actions__link:not(.cm-mobile-submit-link){order:4!important}
  /* 2026-08-07: a trigger a .mpp-user-panel BURKOLOBAN ul a nyers HTML-ben
     (a footer-JS csak kesobb emeli ki) -> a burkolo is order:4-et kap, hogy
     mar az elso paintnel a hold/nyelv UTAN alljon — F5-ugras fix. */
  html body header.top-head .account-actions .mpp-user-panel{order:4!important;padding:0!important;margin:0!important;border:0!important;background:transparent!important;box-shadow:none!important;display:flex!important;align-items:center!important} /* doboz-nullazas: a footer-JS kiemeles utani allapottal pixelre azonos */
  html body header.top-head #navBurger{order:5!important}
}

/* cm-profile-width-fit-css */

@media (min-width:1400px){
  html body .mpp-author-head,
  html body .mpp-author-head--overlap,
  html body .mpp-author-tabs,
  html body .mpp-author-body,
  html body .mpp-creator-membership-wrap{
    max-width:var(--container)!important; /* 1560px — same as the submit page */
    width:100%!important;
  }
}
/* Uploaded-by rank badges: tight next to the name (kill the badges' built-in margins) */
.mpp-uploaded-by__badges .crashmod-badge,
.mpp-uploaded-by__badges .cm-staff-badge,
.mpp-uploaded-by__badges .crashmod-micro-label{ margin-left:0!important; margin-right:0!important; }

/* cm-phone-full-width-css */

@media (max-width:600px){
  /* Fooldal: a fo konteiner szelessege a szulo 100%-abol induljon (nem 100vw-bol,
     mert az a gorgetosav miatt tullogast okozna). */
  html body .cm-home-redesign__container{
    width:calc(100% - 20px)!important;
    max-width:none!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  /* A hero-kartya belso behuzasa merseklodik — a cim es a kereso tobb helyet kap. */
  html body .cm-hero{ padding-left:12px!important; padding-right:12px!important; }
  html body .cm-hero__left{ padding-left:12px!important; padding-right:12px!important; }

  /* Mod-oldal: a fo hasab kulso behuzasa csokken (14.4 -> 10px). */
  html body .mpp-single-mod__main{ padding-left:10px!important; padding-right:10px!important; }

  /* --- Tulaj 2026-08-07 este (csak telefon): --- */

  /* "Freshly uploaded mods": telefonon csak 4 kartya (2x2) — az 5. arvan
     logott a 2-oszlopos racs aljan. */
  html body .cm-fresh__grid > *:nth-child(n+5){ display:none!important; }

  /* "Featured & popular" fejlec: a cim 25px-rol 17px-re, es a kek "mods"
     akcent-szo (.cm-h2a) is ugyanakkora — eddig nagy volt es a "Best mods"
     link melle tordelte magat. A sor nem torik: cim balra, link jobbra. */
  html body .cm-featured__head{ flex-wrap:wrap!important; align-items:center!important; gap:4px 10px!important; }
  html body .cm-home-redesign .cm-featured__head h2{ font-size:16px!important; line-height:1.3!important; gap:6px!important; flex-wrap:nowrap!important; min-width:0; white-space:nowrap; }
  html body .cm-home-redesign .cm-featured__head h2 .cm-h2a{ font-size:16px!important; line-height:1.3!important; }
  html body .cm-featured__head .cm-featured__head-ico{ width:22px!important; height:22px!important; flex:0 0 auto!important; }
  html body .cm-featured__head .cm-featured__more{ flex:0 0 auto!important; font-size:12px!important; white-space:nowrap!important; margin-left:auto!important; }
  /* --- Tulaj 2026-08-07 ejjel (telefon): --- */

  /* "Freshly Uploaded Mods": nagy szokezdes + a View all gomb a cim MELLE
     (eddig kulon sorban a leiras alatt volt). A leiras a cim alatt marad. */
  html body .cm-fresh__head{ display:block!important; position:relative!important; }
  html body .cm-fresh__head-main{ width:auto!important; max-width:none!important; }
  html body #cm-fresh-title{ text-transform:capitalize!important; font-size:15px!important; line-height:1.3!important; display:flex!important; align-items:center!important; gap:6px!important; flex-wrap:nowrap!important; white-space:nowrap!important; padding-right:108px!important; margin:0!important; }
  html body #cm-fresh-title .cm-h2a{ font-size:15px!important; line-height:1.3!important; }
  html body .cm-fresh__head .cm-fresh__head-ico{ width:22px!important; height:22px!important; flex:0 0 auto!important; display:inline-flex!important; }
  html body .cm-fresh__head .cm-fresh__head-ico svg{ width:14px!important; height:14px!important; }
  html body .cm-fresh__sub{ font-size:12.5px!important; margin-top:4px!important; padding-right:104px!important; }
  html body .cm-fresh__head .cm-fresh__more{ position:absolute!important; top:0!important; right:0!important; margin:0!important; white-space:nowrap!important; font-size:12px!important; }

  /* "Community gallery" cim tul nagy telefonon -> 16px, mint a Featured fejlec;
     az emoji-ikon inline 18px-e ellen !important kell. */
  html body .cm-homegal .cm-categories__head h2{ font-size:16px!important; line-height:1.3!important; display:flex!important; align-items:center!important; gap:6px!important; min-width:0!important; }
  html body .cm-homegal .cm-categories__head h2 .cm-h2a{ font-size:16px!important; }
  html body .cm-homegal .cm-categories__head .cm-categories__icon{ font-size:16px!important; }
  html body .cm-homegal .cm-categories__head .cm-featured__more{ font-size:12px!important; white-space:nowrap!important; flex:0 0 auto!important; }
}
/* Freshly-fejlec: keskeny telefonon (iPhone 375, kis Android) a cim es a
   sarok-gomb osszeerne -> fokozatos visszalepes. */
@media (max-width:389px){
  html body #cm-fresh-title{ font-size:14px!important; }
  html body #cm-fresh-title .cm-h2a{ font-size:14px!important; }
}
@media (max-width:371px){
  html body #cm-fresh-title{ white-space:normal!important; padding-right:0!important; }
  html body .cm-fresh__sub{ padding-right:0!important; }
  html body .cm-fresh__head .cm-fresh__more{ position:static!important; display:flex!important; width:max-content!important; margin:6px 0 0 auto!important; }
}
/* Fooldali jatek-sav telefonon: 3 oszlopos poszter-racs (tulaj 2026-08-08:
   "alig fernek el a kepek") — a boritok ALLO 2:3 poszterek, a fekvo csik
   csak a kozepso 23%-ot mutatta. Igy nativ aranyban, vagas nelkul latszanak. */
@media (max-width:600px){
  html body .cm-hero__page{
    display:grid !important;
    grid-template-columns:repeat(3, minmax(0,1fr)) !important;
    gap:8px !important;
  }
  html body .cm-hero__game{
    height:auto !important;
    min-height:0 !important;
    aspect-ratio:2/3 !important;
    border-radius:10px !important;
    overflow:hidden !important;
  }
  html body .cm-hero__game img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
  }
  /* jatek-nev cimke kisebb betuvel, hogy a keskeny poszteren is elferjen */
  html body .cm-hero__game *{
    font-size:clamp(10px, 3.4vw, 14px);
  }
}

/* cm-tablet-pc-cards-css */

@media (min-width:768px) and (max-width:1399px){
  html body .mod-card-row{
    grid-template-columns:minmax(0,min(300px,38vw)) minmax(0,1fr) auto!important;
  }
  html body .mod-card-row.mod-card-row--modland,
  html body .mod-card-row--v2.mod-card-row--modland{
    grid-template-columns:minmax(0,min(300px,38vw)) minmax(0,1fr) auto!important;
    grid-template-rows:auto 1fr!important;
  }
  html body .mod-list--game-wide .mod-card-row--modland{
    grid-template-columns:minmax(0,min(320px,40vw)) minmax(0,1fr) auto!important;
  }
  /* A v2-lista sajat 1101-1499-es 1fr szabalya (0,4,0 specificitas) ellen: */
  html body .mod-list--game-wide .mod-card-row--v2.mod-card-row--modland,
  html body .mod-list .mod-card-row--v2.mod-card-row--modland,
  html body .mod-list--game-wide .mod-card-row.mod-card-row--modland{
    grid-template-columns:minmax(0,min(320px,34vw)) minmax(0,1fr) auto!important;
    grid-template-rows:auto 1fr!important;
  }

  /* A gyerek-elemek PC-s oszlop-hozzarendelese — az osszecsuko media ezt is
     auto-ra irta, ezert a tartalom a kep ALA folyt es a 2-3. oszlop ures maradt. */
  html body .mod-card-row.mod-card-row--modland .mod-card-row__thumb-wrap,
  html body .mod-card-row--v2.mod-card-row--modland .mod-card-row__thumb-wrap{
    grid-column:1!important; grid-row:1 / span 2!important; align-self:stretch!important;
  }
  html body .mod-card-row.mod-card-row--modland .mod-card-row__title-row,
  html body .mod-card-row--v2.mod-card-row--modland .mod-card-row__title-row{
    grid-column:2 / -1!important; grid-row:1!important; min-width:0!important;
  }
  html body .mod-card-row.mod-card-row--modland .mod-card-row__body,
  html body .mod-card-row--v2.mod-card-row--modland .mod-card-row__body{
    grid-column:2!important; grid-row:2!important; min-width:0!important;
  }
  html body .mod-card-row.mod-card-row--modland .mod-card-row__actions,
  html body .mod-card-row--v2.mod-card-row--modland .mod-card-row__actions{
    grid-column:3!important; grid-row:2!important; align-self:start!important;
  }

  /* A game-wide v2-lista gyerek-szabalyai (0,4,1) ellen ugyanaz, eros elotaggal: */
  html body .mod-list--game-wide .mod-card-row--v2.mod-card-row--modland .mod-card-row__thumb-wrap,
  html body .mod-list .mod-card-row--v2.mod-card-row--modland .mod-card-row__thumb-wrap{
    grid-column:1!important; grid-row:1 / span 2!important;
  }
  html body .mod-list--game-wide .mod-card-row--v2.mod-card-row--modland .mod-card-row__title-row,
  html body .mod-list .mod-card-row--v2.mod-card-row--modland .mod-card-row__title-row{
    grid-column:2 / -1!important; grid-row:1!important;
  }
  html body .mod-list--game-wide .mod-card-row--v2.mod-card-row--modland .mod-card-row__body,
  html body .mod-list .mod-card-row--v2.mod-card-row--modland .mod-card-row__body{
    grid-column:2!important; grid-row:2!important;
  }
  html body .mod-list--game-wide .mod-card-row--v2.mod-card-row--modland .mod-card-row__actions,
  html body .mod-list .mod-card-row--v2.mod-card-row--modland .mod-card-row__actions{
    grid-column:3!important; grid-row:2!important; align-self:start!important;
  }

  /* a kep-oszlop ne nojon tul magasra a keskenyebb savban */
  html body .mod-card-row__thumb{ min-height:min(170px,24vw)!important; }

  /* kep szinultig: a kep toltse ki a teljes kep-oszlopot (PC-s hatas) —
     eddig 58-139px feher maradt a kep alatt a nyujtott oszlopban. */
  html body .mod-card-row.mod-card-row--modland .mod-card-row__thumb-wrap,
  html body .mod-card-row--v2.mod-card-row--modland .mod-card-row__thumb-wrap{
    overflow:hidden!important;
  }
  /* a temaban (0,4,x) erosebb height:190px ul az <a>-n -> meg erosebb
     szelektor + flex-stretch (a wrap flex-kontener). */
  html body .mod-list--game-wide .mod-card-row--v2.mod-card-row--modland .mod-card-row__thumb,
  html body .mod-list .mod-card-row--v2.mod-card-row--modland .mod-card-row__thumb,
  html body .mod-list--game-wide .mod-card-row.mod-card-row--modland .mod-card-row__thumb,
  html body .mod-card-row.mod-card-row--modland .mod-card-row__thumb,
  html body .mod-card-row--v2.mod-card-row--modland .mod-card-row__thumb{
    height:auto!important; min-height:0!important; max-height:none!important;
    flex:1 1 auto!important; align-self:stretch!important;
  }
  html body .mod-card-row.mod-card-row--modland .mod-card-row__thumb img,
  html body .mod-card-row--v2.mod-card-row--modland .mod-card-row__thumb img{
    width:100%!important; height:100%!important; object-fit:cover!important;
  }
  /* ===== JATEK-OLDAL KIVETEL (tulaj 2026-08-07: "osze van nagyon szukitve,
     a kep alatt feher resz, a pillek nem latszodnak" + "a ket oldalon
     maradjon a kategoria/post/popular") =====
     A .mpp-game-main keskeny hasabjaban (320-840px) NEM eroltetunk fekvo
     PC-sort — ott PAKOLT kartya megy (kep fent, tartalom alatta), minden
     tablet-szelessegen UGYANAZ. Az oldalsavak 769px-tol amugy is maradnak. */
  html body .mpp-game-main .mod-card-row,
  html body .mpp-game-main .mod-card-row.mod-card-row--modland,
  html body .mpp-game-main .mod-card-row--v2.mod-card-row--modland,
  html body .mpp-game-main .mod-list--game-wide .mod-card-row--modland,
  html body .mpp-game-main .mod-list--game-wide .mod-card-row--v2.mod-card-row--modland,
  html body .mpp-game-main .mod-list .mod-card-row--v2.mod-card-row--modland,
  html body .mpp-game-main .mod-list--game-wide .mod-card-row.mod-card-row--modland{
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:auto!important;
  }
  html body .mpp-game-main .mod-card-row.mod-card-row--modland .mod-card-row__thumb-wrap,
  html body .mpp-game-main .mod-card-row--v2.mod-card-row--modland .mod-card-row__thumb-wrap,
  html body .mpp-game-main .mod-list--game-wide .mod-card-row--v2.mod-card-row--modland .mod-card-row__thumb-wrap,
  html body .mpp-game-main .mod-list .mod-card-row--v2.mod-card-row--modland .mod-card-row__thumb-wrap{
    grid-column:auto!important; grid-row:auto!important; align-self:auto!important;
  }
  html body .mpp-game-main .mod-card-row.mod-card-row--modland .mod-card-row__title-row,
  html body .mpp-game-main .mod-card-row--v2.mod-card-row--modland .mod-card-row__title-row,
  html body .mpp-game-main .mod-list--game-wide .mod-card-row--v2.mod-card-row--modland .mod-card-row__title-row,
  html body .mpp-game-main .mod-list .mod-card-row--v2.mod-card-row--modland .mod-card-row__title-row{
    grid-column:auto!important; grid-row:auto!important;
  }
  html body .mpp-game-main .mod-card-row.mod-card-row--modland .mod-card-row__body,
  html body .mpp-game-main .mod-card-row--v2.mod-card-row--modland .mod-card-row__body,
  html body .mpp-game-main .mod-list--game-wide .mod-card-row--v2.mod-card-row--modland .mod-card-row__body,
  html body .mpp-game-main .mod-list .mod-card-row--v2.mod-card-row--modland .mod-card-row__body{
    grid-column:auto!important; grid-row:auto!important;
  }
  html body .mpp-game-main .mod-card-row.mod-card-row--modland .mod-card-row__actions,
  html body .mpp-game-main .mod-card-row--v2.mod-card-row--modland .mod-card-row__actions,
  html body .mpp-game-main .mod-list--game-wide .mod-card-row--v2.mod-card-row--modland .mod-card-row__actions,
  html body .mpp-game-main .mod-list .mod-card-row--v2.mod-card-row--modland .mod-card-row__actions{
    grid-column:auto!important; grid-row:auto!important; align-self:auto!important;
  }
  /* pakolt kartyanal a kep-doboz ARANYOS (16:9) — a sima min-height:0
     1101px folott 0 magassagra ejtette (ott az alap-collapse mar nem ad
     magassagot) -> "nincs a modoknak kepuk" (tulaj, 2026-08-07). */
  html body .mpp-game-main .mod-card-row__thumb{
    min-height:0!important; height:auto!important; max-height:none!important;
    aspect-ratio:16/9!important;
  }
}
/* ===== KETOSZLOPOS PC-kartya 768-1099 (tulaj 2026-08-07 fotoja: allo
   tableten a 3-oszlopos osszenyomodott — ures feher a kep alatt, csonka cim).
   Kep BALRA + cim/leiras JOBBRA (PC-erzet), a statisztika+View mod sav
   ALATTUK teljes szelesen. A jatek-oldali .mpp-game-main kivetelt a fenti
   blokk mar kezeli (magasabb specificitassal veri ezt is). ===== */
@media (min-width:768px) and (max-width:1099px){
  html body .mod-card-row,
  html body .mod-card-row.mod-card-row--modland,
  html body .mod-card-row--v2.mod-card-row--modland,
  html body .mod-list--game-wide .mod-card-row--modland,
  html body .mod-list--game-wide .mod-card-row--v2.mod-card-row--modland,
  html body .mod-list .mod-card-row--v2.mod-card-row--modland,
  html body .mod-list--game-wide .mod-card-row.mod-card-row--modland{
    grid-template-columns:minmax(0,min(300px,38vw)) minmax(0,1fr)!important;
    grid-template-rows:auto auto auto!important;
  }
  html body .mod-card-row.mod-card-row--modland .mod-card-row__thumb-wrap,
  html body .mod-card-row--v2.mod-card-row--modland .mod-card-row__thumb-wrap,
  html body .mod-list--game-wide .mod-card-row--v2.mod-card-row--modland .mod-card-row__thumb-wrap,
  html body .mod-list .mod-card-row--v2.mod-card-row--modland .mod-card-row__thumb-wrap{
    grid-column:1!important; grid-row:1 / span 2!important; align-self:stretch!important;
  }
  html body .mod-card-row.mod-card-row--modland .mod-card-row__title-row,
  html body .mod-card-row--v2.mod-card-row--modland .mod-card-row__title-row,
  html body .mod-list--game-wide .mod-card-row--v2.mod-card-row--modland .mod-card-row__title-row,
  html body .mod-list .mod-card-row--v2.mod-card-row--modland .mod-card-row__title-row{
    grid-column:2!important; grid-row:1!important; min-width:0!important;
  }
  html body .mod-card-row.mod-card-row--modland .mod-card-row__body,
  html body .mod-card-row--v2.mod-card-row--modland .mod-card-row__body,
  html body .mod-list--game-wide .mod-card-row--v2.mod-card-row--modland .mod-card-row__body,
  html body .mod-list .mod-card-row--v2.mod-card-row--modland .mod-card-row__body{
    grid-column:2!important; grid-row:2!important; min-width:0!important;
  }
  html body .mod-card-row.mod-card-row--modland .mod-card-row__actions,
  html body .mod-card-row--v2.mod-card-row--modland .mod-card-row__actions,
  html body .mod-list--game-wide .mod-card-row--v2.mod-card-row--modland .mod-card-row__actions,
  html body .mod-list .mod-card-row--v2.mod-card-row--modland .mod-card-row__actions{
    grid-column:1 / -1!important; grid-row:3!important; align-self:auto!important;
    margin-top:10px!important; width:100%!important; max-width:none!important;
  }
  /* a kep toltse ki a magassagot, de ne nojon oriasira */
  html body .mod-card-row__thumb{ min-height:min(190px,26vw)!important; height:100%!important; }
}

/* cm-social-buttons-strong-text */

@media (min-width:1400px){
  /* DISCORD GOMB — feher szoveg, vastag, mindkét módban */
  html body .mpp-social-btn--discord,
  html body a.mpp-social-btn.mpp-social-btn--discord,
  html body [class*="mpp-social-btn--discord"]{
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    font-weight:850 !important;
    letter-spacing:.01em !important;
    text-shadow:0 1px 1px rgba(0,0,0,.18) !important;
  }
  html body .mpp-social-btn--discord *,
  html body a.mpp-social-btn--discord *{
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    fill:#ffffff !important;
    stroke:#ffffff !important;
  }
  html body .mpp-social-btn--discord span,
  html body .mpp-social-btn--discord strong,
  html body .mpp-social-btn--discord .mpp-social-btn__label{
    font-weight:850 !important;
  }

  /* GOOGLE GOMB — fekete szoveg, vastag, mindket modban */
  html body .mpp-social-btn--google,
  html body a.mpp-social-btn.mpp-social-btn--google,
  html body [class*="mpp-social-btn--google"]{
    color:#0f172a !important;
    -webkit-text-fill-color:#0f172a !important;
    font-weight:850 !important;
    letter-spacing:.01em !important;
    text-shadow:none !important;
  }
  html body .mpp-social-btn--google *,
  html body a.mpp-social-btn--google *{
    color:#0f172a !important;
    -webkit-text-fill-color:#0f172a !important;
  }
  html body .mpp-social-btn--google span,
  html body .mpp-social-btn--google strong,
  html body .mpp-social-btn--google .mpp-social-btn__label{
    font-weight:850 !important;
  }
  /* G logo szineit hagyjuk eredetileg */
  html body .mpp-social-btn--google svg,
  html body .mpp-social-btn--google img{
    filter:none !important;
  }
}

/* cm-game-filters-fluid-css */

@media (max-width:760px){
  /* rendezett 2x2 racs egyenlo szelessegu chipekkel (nem "csak odarakva") */
  html body .cm-qv{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:8px !important;
    overflow-x:visible !important;
    scrollbar-width:none;
  }
  html body .cm-qv::-webkit-scrollbar{ display:none; }
  html body .cm-qv__btn{
    width:100% !important;
    min-width:0 !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:7px !important;
    padding:11px 10px !important;
    font-size:13.5px !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }
  /* a Sort/Time sor ugyanabban a ritmusban (mar 2 oszlopos racs) */
  html body .mpp-gfc__quick{ gap:8px !important; }
  /* nagyon keskeny keszuleken (<=360) kisebb chip, hogy 2 sorban elferjen */
  @media (max-width:360px){
    html body .cm-qv__btn{
      font-size:12px !important;
      padding:10px 6px !important;
      gap:5px !important;
    }
  }
}

/* cm-hamburger-modern-css */

@media (max-width:1399px){
  /* ===== a panel: kompakt kartya jobbra, nem teljes-szeles lepedo ===== */
  html body.cm-mobile-nav-open header.top-head #siteNav.main-nav.main-nav,
  html body.nav-open header.top-head #siteNav.main-nav.main-nav,
  html body header.top-head #siteNav.main-nav.main-nav.is-open{
    left:auto!important;
    right:14px!important;
    width:min(400px, calc(100vw - 28px))!important;
    max-width:none!important;
    border-radius:18px!important;
    background:#fff!important;
    border:1px solid rgba(15,23,42,.06)!important;
    box-shadow:0 24px 60px rgba(10,18,35,.22), 0 4px 14px rgba(10,18,35,.10)!important;
    padding:10px!important;
  }

  /* ===== menupontok: ikonos, levegos sorok ===== */
  html body.cm-mobile-nav-open header.top-head #siteNav.main-nav.main-nav .menu,
  html body header.top-head #siteNav.main-nav.main-nav.is-open .menu{
    display:flex!important; flex-direction:column!important; gap:4px!important;
    margin:0!important; padding:0!important;
  }
  html body.cm-mobile-nav-open header.top-head #siteNav.main-nav.main-nav .menu > li > a,
  html body header.top-head #siteNav.main-nav.main-nav.is-open .menu > li > a{
    display:flex!important; align-items:center!important; gap:10px!important; padding:9px 12px!important; min-height:48px!important; border-radius:12px!important; background:#fff!important; border:1px solid rgba(15,23,42,.10)!important; box-shadow:none!important; /* cm-hamburger-kartyak 2026-09-02: a profil-lenyilo kartyas kinezete */
    transition:background .15s!important;
  }
  html body.cm-mobile-nav-open header.top-head #siteNav.main-nav.main-nav .menu > li > a .cm-nav-label,
  html body header.top-head #siteNav.main-nav.main-nav.is-open .menu > li > a .cm-nav-label{
    font-size:15px!important; font-weight:900!important; color:#0f172a!important;
  }
  html body.cm-mobile-nav-open header.top-head #siteNav.main-nav.main-nav .menu > li > a .cm-nav-ico,
  html body header.top-head #siteNav.main-nav.main-nav.is-open .menu > li > a .cm-nav-ico{
    color:#64748b!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; width:32px!important; height:32px!important; flex:0 0 32px!important; border-radius:9px!important; background:rgba(37,99,235,.08)!important;
  }
  html body.cm-mobile-nav-open header.top-head #siteNav.main-nav.main-nav .menu > li > a .cm-nav-ico svg,
  html body header.top-head #siteNav.main-nav.main-nav.is-open .menu > li > a .cm-nav-ico svg{
    width:18px!important; height:18px!important;
  }
  html body.cm-mobile-nav-open header.top-head #siteNav.main-nav.main-nav .menu > li > a:hover,
  html body header.top-head #siteNav.main-nav.main-nav.is-open .menu > li > a:hover{
    background:#eef4ff!important;
  }

  /* ===== AKTIV elem + Submit CTA: kek hatter, FEHER szoveg es ikon =====
     (tulaj: "a home gomb szovege legyen feher mert ... bele olvad") */
  html body.cm-mobile-nav-open header.top-head #siteNav.main-nav.main-nav .menu > li.current-menu-item > a,
  html body.cm-mobile-nav-open header.top-head #siteNav.main-nav.main-nav .menu > li.current_page_item > a,
  html body.cm-mobile-nav-open header.top-head #siteNav.main-nav.main-nav .menu > li > a[aria-current="page"],
  html body.cm-mobile-nav-open header.top-head #siteNav.main-nav.main-nav .menu > li > a.menu-cta,
  html body header.top-head #siteNav.main-nav.main-nav.is-open .menu > li.current-menu-item > a,
  html body header.top-head #siteNav.main-nav.main-nav.is-open .menu > li.current_page_item > a,
  html body header.top-head #siteNav.main-nav.main-nav.is-open .menu > li > a[aria-current="page"],
  html body header.top-head #siteNav.main-nav.main-nav.is-open .menu > li > a.menu-cta{
    background:linear-gradient(180deg,#3f87f8 0%,#2563eb 100%)!important;
    box-shadow:0 2px 8px rgba(37,99,235,.28)!important;
  }
  html body.cm-mobile-nav-open header.top-head #siteNav.main-nav.main-nav .menu > li.current-menu-item > a *,
  html body.cm-mobile-nav-open header.top-head #siteNav.main-nav.main-nav .menu > li.current_page_item > a *,
  html body.cm-mobile-nav-open header.top-head #siteNav.main-nav.main-nav .menu > li > a[aria-current="page"] *,
  html body.cm-mobile-nav-open header.top-head #siteNav.main-nav.main-nav .menu > li > a.menu-cta *,
  html body header.top-head #siteNav.main-nav.main-nav.is-open .menu > li.current-menu-item > a *,
  html body header.top-head #siteNav.main-nav.main-nav.is-open .menu > li.current_page_item > a *,
  html body header.top-head #siteNav.main-nav.main-nav.is-open .menu > li > a[aria-current="page"] *,
  html body header.top-head #siteNav.main-nav.main-nav.is-open .menu > li > a.menu-cta *{
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
  }
  html body header.top-head #siteNav.main-nav.main-nav.is-open .menu > li > a[aria-current="page"] .cm-nav-ico,
  html body header.top-head #siteNav.main-nav.main-nav.is-open .menu > li > a.menu-cta .cm-nav-ico{background:rgba(255,255,255,.22)!important;color:#fff!important}
  html body header.top-head #siteNav.main-nav.main-nav.is-open .menu{gap:6px!important}
  html body header.top-head #siteNav.main-nav.main-nav.is-open .menu > li{margin:0!important}
}

/* cm-lightbox-fit-css */

html body #mppLightbox{ z-index:100002 !important; }
@media (max-width:1399px){
  /* tableten/telefonon az X fixen a jobb-felso sarokban, jo nagy tap-cellal */
  html body #mppLightbox .mpp-lightbox__x{
    position:fixed !important;
    top:14px !important;
    right:14px !important;
    width:46px !important;
    height:46px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    font-size:26px !important;
    line-height:1 !important;
    border-radius:999px !important;
    background:rgba(15,23,42,.72) !important;
    color:#fff !important;
    border:1px solid rgba(255,255,255,.28) !important;
    box-shadow:0 4px 16px rgba(0,0,0,.35) !important;
    z-index:60 !important;
    cursor:pointer !important;
  }
}
@media (min-width:768px) and (max-width:1399px){
  /* 2026-08-08: a kartya nagyito-gombja tablet-savban display:none volt
     (tulaj: "nem lehet nagyitani a kepeket a mods oldalon es a jatek
     oldalon se") -> lathato es tap-baratabb (36px, mint PC-n csak nagyobb). */
  html body .mod-card-row__zoom{
    display:grid !important;
    opacity:1 !important;
    pointer-events:auto !important;
    width:36px !important;
    height:36px !important;
    top:8px !important;
    right:8px !important;
    z-index:5 !important;
  }
}

/* cm-tablet-contrast-rating-css */

@media (min-width:600px) and (max-width:1399px){
  /* ---- like + ertekeles EGY sorban (mint PC-n) ---- */
  /* v2 (2026-08-08): PIXELRE a PC-ertekek (szamitott-stilus diffbol):
     gap 14.4/19.2, flex-start igazitas, a rating-blokk JOBBRA igazit,
     bal szegellyel (fuggoleges elvalaszto!) es bal-paddinggel — mint PC-n. */
  html body .mpp-single-mod__engage{
    display:flex!important; flex-direction:row!important; flex-wrap:nowrap!important;
    align-items:flex-start!important; justify-content:flex-start!important;
    gap:14.4px 19.2px!important;
  }
  html body .mpp-single-mod__engage .mpp-single-mod__votes{ flex:0 1 auto!important; }
  html body .mpp-single-mod__engage .mpp-single-mod__rating-block{
    flex:0 1 auto!important; width:auto!important; max-width:none!important;
    margin-left:auto!important;
    min-width:208px!important; /* PC-n is 208px a blokk */
    padding:0 0 0 15.2px!important;
    border-left:1px solid rgba(15,23,42,.08)!important;
    text-align:right!important;
  }
  html body .mpp-single-mod__rating-block .mpp-single-mod__stars,
  html body .mpp-single-mod__rating-block .mpp-single-mod__rating-meta,
  html body .mpp-single-mod__rating-block .mpp-single-mod__rate-hint,
  html body .mpp-single-mod__rating-block .mpp-star-pick{
    text-align:right!important;
  }

  /* ---- tablet-kontraszt: halvany szurke cimkek sotetebbre ---- */
  html body .mod-card-row__statcell-label{
    color:#4b5c72!important; font-weight:600!important;
  }
  html body .mpp-single-mod__votes,
  html body .mpp-single-mod__rating-block{
    color:#334155!important;
  }
}

/* cm-tablet-single-hero-fix-css */

@media (min-width:600px) and (max-width:1099px){
  html body .mpp-single-mod__grid{ grid-template-columns:minmax(0,1fr) !important; }
  html body .mpp-single-mod__main{ min-width:0 !important; max-width:100% !important; }
}
/* hero-szabalyok ELTAVOLITVA 2026-08-08: a tulaj a PC-vel azonos
   cover-kitoltest keri tableten is — a tema alapertelmezese pontosan az. */

/* 2026-08-08: SOTET modban a trending-szekcio rgb(7,11,18) hattere
   ELTAKARTA a hero also reszet tablet-savban (vilagosban atlatszo, ott
   atlatszik a borito) — tulaj: "sotet modban levagja". Fix: a game-hero
   trending-savja sotetben is atlatszo (game-trending atlatszo). */
@media (min-width:600px) and (max-width:1399px){
  /* v2: a sotet mod jeloles a temaban body:not(.light-surface) (NEM body.dark!)
     — a 60z-cm-dark-hero-overflow-fix ugyanezt csak <=768-on csinalta meg,
     a tablet-sav kimaradt. Ugyanaz a teljes szelektor-keszlet: */
  html body:not(.light-surface) .mpp-game-topband .section-block,
  html body:not(.light-surface) .mpp-game-topband .section-block--game-trending,
  html body:not(.light-surface) .mpp-game-topband .section-block--game-trending--modland-strip,
  html body:not(.light-surface) .mpp-game-topband .section-block--game-trending--modland-strip > .container,
  html body:not(.light-surface) .mpp-game-topband .mpp-trending-marquee,
  html body:not(.light-surface) .mpp-game-topband .mpp-trending-marquee__track,
  html body:not(.light-surface) .mpp-game-topband .mpp-trending-marquee__lane,
  html body.dark .mpp-game-topband .section-block--game-trending{
    background:transparent !important;
    background-color:transparent !important;
    background-image:none !important;
  }
}

/* cm-discord-card-final */

@media (min-width:1400px){
  /* Online + Tag badge-ek */
  html body:not(.light-surface) .cm-side-card--discord .cm-side-discord__online,
  html body:not(.light-surface) .cm-side-card--discord .cm-side-discord__total{
    background:rgba(255,255,255,.20) !important;
    background-color:rgba(255,255,255,.20) !important;
    color:#ffffff !important;
  }
  html body:not(.light-surface) .cm-side-card--discord .cm-side-discord__online *,
  html body:not(.light-surface) .cm-side-card--discord .cm-side-discord__total *{
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
  }
  html body:not(.light-surface) .cm-side-card--discord .cm-side-discord__online-dot{
    background:#22c55e !important;
    background-color:#22c55e !important;
    box-shadow:0 0 0 3px rgba(34,197,94,.30) !important;
  }
  /* Discord ikon doboz felul */
  html body:not(.light-surface) .cm-side-card--discord .cm-side-discord__ico{
    background:rgba(255,255,255,.18) !important;
    color:#ffffff !important;
  }
}

/* cm-pricing-white-css */

@media (min-width:1400px){
  /* Pricing card gombok szovegei feherek dark modban */
  html body:not(.light-surface) .cm-pricing__btn,
  html body:not(.light-surface) .cm-pricing__btn *,
  html body:not(.light-surface) .cm-pricing-card__btn,
  html body:not(.light-surface) .cm-pricing-card__btn *,
  html body:not(.light-surface) .cm-pricing__cta,
  html body:not(.light-surface) .cm-pricing__cta *,
  html body:not(.light-surface) .pricing-card__btn,
  html body:not(.light-surface) .pricing-card__btn *,
  html body:not(.light-surface) .plan-card__btn,
  html body:not(.light-surface) .plan-card__btn *{   /* 2026-10-09: a [class*=pricing][class*=btn] * általános szabályok törölve — minden body-osztályváltáskor az egész oldalt újraszámolták; a fenti konkrét osztályok lefedik */
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
  }

  /* LITE / PRO / ELITE rang badge-ek — feherre */
  html body:not(.light-surface) .mpp-rank-badge,
  html body:not(.light-surface) .mpp-rank-badge *,
  html body:not(.light-surface) .mpp-rank,
  html body:not(.light-surface) .mpp-rank *,
  html body:not(.light-surface) .cm-rank-badge,
  html body:not(.light-surface) .cm-rank-badge *,
  html body:not(.light-surface) [data-rank],
  html body:not(.light-surface) [data-rank] *{
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
  }
}

/* cm-contact-buttons-tip */

@media (min-width:1400px){
  /* OSSZES gomb a kapcsolat oldali kartyakban — kek bg + feher szoveg, MINDKET MODBAN */
  html body .cm-contact-card .cm-contact-card__btn,
  html body .cm-contact-card .cm-contact-card__btn:link,
  html body .cm-contact-card .cm-contact-card__btn:visited,
  html body .cm-contact-card a[class*="btn"],
  html body .cm-contact-card a.button,
  html body .cm-contact-card a.btn,
  html body .cm-contact-cards a.button,
  html body .cm-contact-cards a.btn,
  html body .cm-contact-cards [class*="btn"]{
    background:#3b82f6 !important;
    background-color:#3b82f6 !important;
    background-image:linear-gradient(180deg,#3b82f6,#2563eb) !important;
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    border:0 !important;
    box-shadow:0 4px 12px rgba(37,99,235,.32) !important;
  }
  html body .cm-contact-card a[class*="btn"]:hover,
  html body .cm-contact-card .cm-contact-card__btn:hover{
    background:#2563eb !important;
    background-color:#2563eb !important;
    background-image:linear-gradient(180deg,#2563eb,#1d4ed8) !important;
    color:#ffffff !important;
  }
  html body .cm-contact-card .cm-contact-card__btn *,
  html body .cm-contact-card a.cm-contact-btn *{   /* 2026-10-09: a[class*=btn] * helyett a valódi osztály (olcsóbb stílus-számítás) */
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    fill:#ffffff !important;
  }

  /* Tipp sor — feher szoveg dark modban; light modban marad eredeti */
  html body:not(.light-surface) .cm-contact-note,
  html body:not(.light-surface) .cm-contact-note *,
  html body:not(.light-surface) .cm-contact-tip,
  html body:not(.light-surface) .cm-contact-tip *{
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
  }
  html body:not(.light-surface) .cm-contact-note strong,
  html body:not(.light-surface) .cm-contact-tip strong{
    color:#ffffff !important;
  }
}

/* cm-header-auth-buttons-dark */

@media (min-width:1400px){

  /* ===== REGISZTRACIO (kek bg + feher szoveg + feher ikon) — dark mode ===== */
  html body:not(.light-surface) header.top-head .account-actions__link[href*="register"],
  html body:not(.light-surface) header.top-head [data-mpp-open-register],
  html body:not(.light-surface) header.top-head a.account-actions__link--register,
  html body:not(.light-surface) header.top-head a[href*="regisztr"],
  html body:not(.light-surface) header .menu-cta[href*="register"]{
    background:#3b82f6 !important;
    background-color:#3b82f6 !important;
    background-image:linear-gradient(180deg,#3b82f6,#2563eb) !important;
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    border:0 !important;
    box-shadow:0 4px 12px rgba(37,99,235,.40) !important;
  }
  html body:not(.light-surface) header.top-head .account-actions__link[href*="register"]:hover,
  html body:not(.light-surface) header.top-head [data-mpp-open-register]:hover,
  html body:not(.light-surface) header.top-head a[href*="regisztr"]:hover{
    background:#2563eb !important;
    background-color:#2563eb !important;
    background-image:linear-gradient(180deg,#2563eb,#1d4ed8) !important;
    color:#ffffff !important;
  }
  html body:not(.light-surface) header.top-head .account-actions__link[href*="register"] *,
  html body:not(.light-surface) header.top-head [data-mpp-open-register] *,
  html body:not(.light-surface) header.top-head a[href*="regisztr"] *{
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    fill:#ffffff !important;
    stroke:#ffffff !important;
  }

  /* ===== BELEPES (feher bg + fekete szoveg + fekete ikon) — dark mode ===== */
  html body:not(.light-surface) header.top-head .account-actions__link[href*="login"],
  html body:not(.light-surface) header.top-head [data-mpp-open-login],
  html body:not(.light-surface) header.top-head a.account-actions__link--login,
  html body:not(.light-surface) header.top-head a[href*="bel.p.s"],
  html body:not(.light-surface) header .menu-cta[href*="login"]{
    background:#ffffff !important;
    background-color:#ffffff !important;
    background-image:none !important;
    color:#0f172a !important;
    -webkit-text-fill-color:#0f172a !important;
    border:0 !important;
    box-shadow:0 4px 12px rgba(0,0,0,.20) !important;
  }
  html body:not(.light-surface) header.top-head .account-actions__link[href*="login"]:hover,
  html body:not(.light-surface) header.top-head [data-mpp-open-login]:hover,
  html body:not(.light-surface) header.top-head a[href*="bel.p.s"]:hover{
    background:#f3f4f6 !important;
    background-color:#f3f4f6 !important;
    color:#0f172a !important;
  }
  html body:not(.light-surface) header.top-head .account-actions__link[href*="login"] *,
  html body:not(.light-surface) header.top-head [data-mpp-open-login] *,
  html body:not(.light-surface) header.top-head a[href*="bel.p.s"] *{
    color:#0f172a !important;
    -webkit-text-fill-color:#0f172a !important;
    fill:#0f172a !important;
    stroke:#0f172a !important;
  }
}

/* cm-register-page-dark */

@media (min-width:1400px){

  /* ===== DISCORD GOMB — kek bg + feher szoveg + feher ikon ===== */
  html body:not(.light-surface) a.mpp-social-btn--discord,
  html body:not(.light-surface) button.mpp-social-btn--discord,
  html body:not(.light-surface) .mpp-social-btn--discord{
    background:#5865f2 !important;
    background-color:#5865f2 !important;
    background-image:linear-gradient(180deg,#5865f2,#4752c4) !important;
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    border:0 !important;
    box-shadow:0 4px 12px rgba(88,101,242,.40) !important;
  }
  html body:not(.light-surface) .mpp-social-btn--discord:hover{
    background:#4752c4 !important;
    background-color:#4752c4 !important;
    background-image:linear-gradient(180deg,#4752c4,#3941ad) !important;
  }
  html body:not(.light-surface) .mpp-social-btn--discord *{
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    fill:#ffffff !important;
    stroke:#ffffff !important;
  }

  /* ===== GOOGLE GOMB — feher bg + fekete szoveg + szines G logo ===== */
  html body:not(.light-surface) a.mpp-social-btn--google,
  html body:not(.light-surface) button.mpp-social-btn--google,
  html body:not(.light-surface) .mpp-social-btn--google{
    background:#ffffff !important;
    background-color:#ffffff !important;
    background-image:none !important;
    color:#0f172a !important;
    -webkit-text-fill-color:#0f172a !important;
    border:1px solid #d1d5db !important;
    box-shadow:0 2px 8px rgba(0,0,0,.18) !important;
  }
  html body:not(.light-surface) .mpp-social-btn--google:hover{
    background:#f3f4f6 !important;
    background-color:#f3f4f6 !important;
  }
  html body:not(.light-surface) .mpp-social-btn--google span,
  html body:not(.light-surface) .mpp-social-btn--google strong,
  html body:not(.light-surface) .mpp-social-btn--google .mpp-social-btn__label{
    color:#0f172a !important;
    -webkit-text-fill-color:#0f172a !important;
  }
  /* A G logo: ha SVG, hagyjuk az eredeti szineket; ha img, novelhetjuk a kontrasztot */
  html body:not(.light-surface) .mpp-social-btn--google svg{
    filter:none !important;
  }
  html body:not(.light-surface) .mpp-social-btn--google img{
    filter:none !important;
  }
  /* Erosebb Google brand szinu G — ha CSS pseudo elemmel van rajzolva,
     itt biztositjuk az eros teltessegot */
  html body:not(.light-surface) .mpp-social-btn--google::before,
  html body:not(.light-surface) .mpp-social-btn--google .google-icon{
    filter:saturate(1.4) contrast(1.1) !important;
  }

  /* ===== FORM LABEL-EK feherek ===== */
  html body:not(.light-surface) .um-field-label,
  html body:not(.light-surface) .um-field-label label,
  html body:not(.light-surface) .um label,
  html body:not(.light-surface) .um-form label,
  html body:not(.light-surface) form.mpp-um-form label,
  html body:not(.light-surface) .mpp-um-form .um-field-label,
  html body:not(.light-surface) .mpp-um-form label{
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
  }

  /* "Elfogadom a … és az …" checkbox-mellett szoveg */
  html body:not(.light-surface) .um-field-checkbox-option,
  html body:not(.light-surface) .um-field-checkbox span,
  html body:not(.light-surface) .um-field-checkbox label,
  html body:not(.light-surface) .um-field-checkbox-option *{
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
  }

  /* ===== FIOK LETREHOZASA gomb (submit) — feher szoveg ===== */
  html body:not(.light-surface) .um-button,
  html body:not(.light-surface) input[type="submit"].um-button,
  html body:not(.light-surface) button.um-button,
  html body:not(.light-surface) .mpp-um-form .um-button,
  html body:not(.light-surface) .mpp-um-action{
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
  }
  html body:not(.light-surface) .um-button *,
  html body:not(.light-surface) .mpp-um-action *{
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
  }
}

/* cm-active-nav-white-dark */

@media (min-width:1400px){
  /* Kek alahuzas / csik eltavolitas dark modban */
  html body:not(.light-surface) header.top-head .current-menu-item > a::before,
  html body:not(.light-surface) header.top-head .current-menu-item > a::after,
  html body:not(.light-surface) header.top-head .current_page_item > a::before,
  html body:not(.light-surface) header.top-head .current_page_item > a::after,
  html body:not(.light-surface) header.top-head .current-menu-parent > a::before,
  html body:not(.light-surface) header.top-head .current-menu-parent > a::after,
  html body:not(.light-surface) header.top-head .current-menu-ancestor > a::before,
  html body:not(.light-surface) header.top-head .current-menu-ancestor > a::after,
  html body:not(.light-surface) header.top-head [aria-current="page"]::before,
  html body:not(.light-surface) header.top-head [aria-current="page"]::after,
  html body:not(.light-surface) header.top-head .menu-item.active > a::before,
  html body:not(.light-surface) header.top-head .menu-item.active > a::after,
  html body:not(.light-surface) header.top-head .nav-link.active::after{
    background:transparent !important;
    background-color:transparent !important;
    border:0 !important;
    height:0 !important;
    width:0 !important;
    display:none !important;
    content:none !important;
    opacity:0 !important;
  }
}

/* cm-login-modal-dark */

@media (min-width:1400px){

  /* OVERLAY — backdrop blur — minden retegre */
  html body:not(.light-surface) #mppLoginModal,
  html body:not(.light-surface) .mpp-modal[data-mpp-login-modal],
  html body:not(.light-surface) .mpp-modal{
    background:transparent !important;
    background-color:transparent !important;
  }
  html body:not(.light-surface) #mppLoginModal .mpp-modal__backdrop,
  html body:not(.light-surface) .mpp-modal .mpp-modal__backdrop{
    background:rgba(15,23,42,.45) !important;
    background-color:rgba(15,23,42,.45) !important;
    backdrop-filter:blur(10px) saturate(1.2) !important;
    -webkit-backdrop-filter:blur(10px) saturate(1.2) !important;
  }

  /* MODAL DIALOG (a kozepi kartya) */
  html body:not(.light-surface) #mppLoginModal .mpp-modal__dialog,
  html body:not(.light-surface) .mpp-modal .mpp-modal__dialog,
  html body:not(.light-surface) .mpp-modal .mpp-modal__dialog.glass-panel,
  html body:not(.light-surface) .glass-panel.mpp-modal__dialog{
    background:#334163 !important;
    background-color:#334163 !important;
    background-image:none !important;
    color:#e2e8f0 !important;
    border:1px solid rgba(148,163,184,.30) !important;
    box-shadow:0 24px 48px rgba(0,0,0,.55) !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }

  /* Cim */
  html body:not(.light-surface) #mppLoginModal h2,
  html body:not(.light-surface) #mppLoginModal h3,
  html body:not(.light-surface) #mppLoginModal .mpp-modal__title,
  html body:not(.light-surface) #mppLoginTitle{
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
  }

  /* Field labelek */
  html body:not(.light-surface) #mppLoginModal .mpp-field__label,
  html body:not(.light-surface) #mppLoginModal label,
  html body:not(.light-surface) .mpp-modal .mpp-field__label{
    color:#e2e8f0 !important;
    -webkit-text-fill-color:#e2e8f0 !important;
    font-weight:600 !important;
  }

  /* INPUT MEZOK — .mpp-input class precize */
  html body:not(.light-surface) #mppLoginModal .mpp-input,
  html body:not(.light-surface) .mpp-modal .mpp-input,
  html body:not(.light-surface) input.mpp-input{
    background:#0f1729 !important;
    background-color:#0f1729 !important;
    background-image:none !important;
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    caret-color:#ffffff !important;
    border:1px solid rgba(148,163,184,.40) !important;
    box-shadow:none !important;
  }
  html body:not(.light-surface) input.mpp-input::placeholder,
  html body:not(.light-surface) #mppLoginModal .mpp-input::placeholder{
    color:#94a3b8 !important;
    opacity:1 !important;
    -webkit-text-fill-color:#94a3b8 !important;
  }
  html body:not(.light-surface) input.mpp-input:focus,
  html body:not(.light-surface) #mppLoginModal .mpp-input:focus{
    border-color:#3b82f6 !important;
    box-shadow:0 0 0 3px rgba(59,130,246,.25) !important;
    outline:0 !important;
  }
  html body:not(.light-surface) input.mpp-input:-webkit-autofill,
  html body:not(.light-surface) #mppLoginModal .mpp-input:-webkit-autofill{
    -webkit-box-shadow:0 0 0 1000px #0f1729 inset !important;
    -webkit-text-fill-color:#ffffff !important;
    caret-color:#ffffff !important;
  }

  /* Show password toggle */
  html body:not(.light-surface) #mppLoginModal .mpp-password-toggle{
    color:#94a3b8 !important;
    background:transparent !important;
  }
  html body:not(.light-surface) #mppLoginModal .mpp-password-toggle:hover{
    color:#e2e8f0 !important;
  }

  /* Checkbox + szoveg */
  html body:not(.light-surface) #mppLoginModal .mpp-checkbox,
  html body:not(.light-surface) #mppLoginModal .mpp-field--checkbox,
  html body:not(.light-surface) #mppLoginModal .mpp-field--checkbox label,
  html body:not(.light-surface) #mppLoginModal label[for*="remember"]{
    color:#e2e8f0 !important;
    -webkit-text-fill-color:#e2e8f0 !important;
  }

  /* Linkek (Elfelejtett jelszo? / Regisztracio) */
  html body:not(.light-surface) #mppLoginModal a:not(.mpp-social-btn--discord):not(.mpp-social-btn--google):not(.mpp-btn--primary):not(.um-button):not(.mpp-um-action){
    color:#60a5fa !important;
    -webkit-text-fill-color:#60a5fa !important;
  }

  /* "vagy" elvalaszto */
  html body:not(.light-surface) #mppLoginModal .mpp-divider,
  html body:not(.light-surface) #mppLoginModal .mpp-or,
  html body:not(.light-surface) #mppLoginModal [class*="divider"]{
    color:#94a3b8 !important;
  }

  /* X bezar */
  html body:not(.light-surface) #mppLoginModal .mpp-modal__close,
  html body:not(.light-surface) #mppLoginModal [data-mpp-close-login]:not(.mpp-modal__backdrop){
    color:#cbd5e1 !important;
    background:transparent !important;
  }
  html body:not(.light-surface) #mppLoginModal .mpp-modal__close:hover{
    color:#ffffff !important;
    background:rgba(148,163,184,.10) !important;
  }
}

/* cm-header-light-bg */

@media (min-width:1400px){
  html body.light-surface header.top-head{
    background:linear-gradient(180deg,#ECF3FE 0%,#D4E3FB 100%) !important;
    background-color:#E0EAFB !important;
    background-image:linear-gradient(180deg,#ECF3FE 0%,#D4E3FB 100%) !important;
  }
  html body.light-surface header.top-head .top-head__inner,
  html body.light-surface header.top-head .top-head__bar{
    background:transparent !important;
    background-color:transparent !important;
    background-image:none !important;
  }
}

/* cm-home-stats-putty-css */

body.home .cm-home-stats{background:#f8fbff!important;border-top:1px solid rgba(15,23,42,.06)!important;border-bottom:1px solid rgba(15,23,42,.08)!important}
body.home .cm-home-stats__inner{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:0!important;padding:12px 16px!important}
body.home .cm-home-stat{position:relative!important;display:grid!important;grid-template-columns:46px auto!important;grid-template-rows:auto auto!important;justify-content:center!important;align-items:center!important;column-gap:12px!important;row-gap:2px!important}
body.home .cm-home-stat:not(:last-child)::after{content:""!important;position:absolute!important;right:0!important;top:18%!important;bottom:18%!important;width:1px!important;background:rgba(15,23,42,.08)!important}
body.home .cm-home-stat__icon{grid-column:1!important;grid-row:1/3!important;width:42px!important;height:42px!important;border-radius:999px!important;background:#e7f0ff!important;color:#2876f0!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:20px!important;margin:0!important}
body.home .cm-home-stat strong{grid-column:2!important;grid-row:1!important;display:block!important;font-size:22px!important;line-height:1!important;font-weight:900!important;color:#111827!important;margin:0!important}
body.home .cm-home-stat span:last-child{grid-column:2!important;grid-row:2!important;display:block!important;font-size:13px!important;line-height:1.25!important;font-weight:500!important;color:#1f2937!important;margin:0!important}
@media(max-width:1399px){body.home .cm-home-stats__inner{grid-template-columns:repeat(2,1fr)!important;row-gap:14px!important}body.home .cm-home-stat:nth-child(2)::after{display:none!important}}

/* cm-mod-szerzo-mezo-css */

/* 2026-08-23: Distribution rights + Author name egymas mellett a jobb fel-oszlopban */
.mpp-submit-mod .cm-jog-szerzo{flex-direction:row !important;align-items:flex-start !important;gap:14px !important}
.mpp-submit-mod .cm-jog-szerzo > .mpp-field{flex:1 1 0;min-width:0;margin-bottom:0 !important}
.mpp-submit-mod .cm-jog-szerzo > .cm-jog-szerzo__jog{flex-basis:46%}
.mpp-submit-mod .cm-jog-szerzo > .cm-jog-szerzo__szerzo{flex-basis:54%}
@media (max-width:720px){
  .mpp-submit-mod .cm-jog-szerzo{flex-direction:column !important;gap:.85rem !important}
  .mpp-submit-mod .cm-jog-szerzo > .mpp-field{flex-basis:auto}
}

/* cm-kartya-avatar-egyseges */

/* 2026-08-23: egyseges szerzo-avatar a mod-kartyakon (lasd zzzz-cm-kartya-avatar-egyseges.php) */
/* (0,3,2) specifikussag: veri a tema 3 osztalyos, !important szabalyat is (main.css:7394), ami a
   kaszkadban kesobb all — merve: a sima 3 osztalyos valtozat 21,6 px-en ragadt. */
html body .mod-card-row .mod-card-row__author-line .mod-card-row__author-avatar{
  width:56px !important;
  height:56px !important;
  border-radius:0 !important;
  object-fit:cover;
  flex-shrink:0;
}

/* cm-kartya-filesize-css */

/* 2026-08-23: "File Size:" + ertek egymas mellett (max 1 szokoz), ertek zold */
html body .mod-card-row--v2 .mod-card-row__side-foot .mod-card-row__stat-pair-text--file-size{column-gap:4px !important}
html body .mod-card-row .mod-card-row__stat-pair-text--file-size .mod-card-row__file-size-label{margin-right:0 !important}
html body .mod-card-row .mod-card-row__file-size-value{color:#16a34a !important}
html body:not(.light-surface) .mod-card-row .mod-card-row__file-size-value{color:#4ade80 !important}

/* cm-hide-hero-filter-button-css */

@media (max-width:1399px){
  body.tax-game .mpp-game-hero a[href*="filter"],
  body.tax-game .mpp-game-hero button,
  body.tax-game .mpp-game-hero .btn,
  body.tax-game .mpp-game-hero [data-mpp-open-game-filter],
  body.tax-game .mpp-game-hero #mpp-open-game-filters{   /* 2026-10-09: body[class*=game] helyett */
    display:none!important;
  }

  .mpp-game-hero a.btn,
  .mpp-game-hero button.btn,
  .mpp-game-hero .mpp-game-hero__actions,
  .mpp-game-hero .mpp-hero-actions{
    display:none!important;
  }
}

/* cm-badge-egy-sorban */
.mod-card-row--v2 .mod-card-row__side-foot .mod-card-row__stat-pair-text--file-size{flex-wrap:nowrap!important}.mod-card-row--v2 .mod-card-row__side-foot .cmfs-pill{padding-left:7px!important;padding-right:7px!important}
/* cm-mobil-szelig-css */

@media (max-width:768px){
  /* 1) A kulso burkolok nullara.
     env(safe-area-inset-*) es nem sima 0: ALLO modban ez pontosan 0 (megvan a
     kert szelig-eres), FEKVO modban viszont nem engedi a tartalmat a notch
     ala csuszni. A jelenlegi 768px-es felulras ezt elejtette. */
  html body .container,
  html body .cm-nm,
  html body .cm-news-nav__inner,
  html body .mpp-single-mod__main,
  html body .cm-home-redesign__container{
    padding-left:env(safe-area-inset-left,0px)!important;
    padding-right:env(safe-area-inset-right,0px)!important;
  }
  /* A fooldal DUPLAN kapott hezagot: a cm-phone-full-width.php
     width:calc(100% - 20px) szabalyat is fel kell oldani, kulonben marad
     10-10px a ket szelen. */
  html body .cm-home-redesign__container{
    width:100%!important;
    max-width:none!important;
  }

  /* 2) Szovegvedelem. A mod-kartyaknak van sajat belso behuzasuk
     (.mod-card-row--modland = .64rem .765rem), azok rendben vannak.
     A .glass-panel alapszabalya viszont NEM tartalmaz paddinget — a benne
     levo sima szoveg 0px kulso hezagnal hozzaerne a kijelzo szelehez. */
  html body .container > .glass-panel,
  html body .cm-nm .cm-nm-main,
  html body .entry-content{
    padding-left:14px!important;
    padding-right:14px!important;
  }

  /* 2b) KIVETEL a szovegvedelem alol: a szuro-urlap NEM szoveges blokk — a benne
     levo gomboknak es mezoknek sajat behuzasuk van, ezert menjen szelrol szelig.
     (Tulaj 2026-08-21: A szuro nem szeltol szelig van, joval beljebb kezdodik.)
     A .mpp-archive-mod-hero KIMARAD: abban cim es leiro szoveg all, annak kell a hezag. */
  html body .container > form.mpp-archive-mod-form,
  html body .container > .mpp-filter-panel--modern{
    padding-left:0!important;
    padding-right:0!important;
  }

  /* 3) KIVETEL: fejlec es lablec behuzva marad (lasd a fejlec-megjegyzest). */
  html body .container.top-row,
  html body .container.footer-premium{
    padding-left:12px!important;
    padding-right:12px!important;
  }
}

/* cm-mobile-top-stats-final-css */

@media (max-width:1399px){
  .cm-modern-stat-box .cm-modern-stat:nth-child(2) > *,
  .cm-modern-stat-box .cm-modern-stat:nth-child(3) > *{
    display:none!important;
  }

  .cm-modern-stat-box .cm-modern-stat:nth-child(2),
  .cm-modern-stat-box .cm-modern-stat:nth-child(3){
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:6px!important;
  }

  .cm-modern-stat-box .cm-modern-stat:nth-child(2)::before,
  .cm-modern-stat-box .cm-modern-stat:nth-child(3)::before{
    content:""!important;
    width:18px!important;
    height:18px!important;
    flex:0 0 18px!important;
    display:block!important;
    background:#334155!important;
  }

  .cm-modern-stat-box .cm-modern-stat:nth-child(2)::before{
    -webkit-mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="black" stroke-width="2" stroke-linejoin="round" d="M20.8 4.6a5.4 5.4 0 0 0-7.6 0L12 5.8l-1.2-1.2a5.4 5.4 0 1 0-7.6 7.6L12 21l8.8-8.8a5.4 5.4 0 0 0 0-7.6Z"/></svg>') center/contain no-repeat!important;
    mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="black" stroke-width="2" stroke-linejoin="round" d="M20.8 4.6a5.4 5.4 0 0 0-7.6 0L12 5.8l-1.2-1.2a5.4 5.4 0 1 0-7.6 7.6L12 21l8.8-8.8a5.4 5.4 0 0 0 0-7.6Z"/></svg>') center/contain no-repeat!important;
  }

  .cm-modern-stat-box .cm-modern-stat:nth-child(3)::before{
    -webkit-mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="black" stroke-width="2" stroke-linejoin="round" d="M4 5h16a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H8l-4 4V6a1 1 0 0 1 1-1Z"/><path fill="none" stroke="black" stroke-width="2" stroke-linecap="round" d="M8 10h.01M12 10h.01M16 10h.01"/></svg>') center/contain no-repeat!important;
    mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="black" stroke-width="2" stroke-linejoin="round" d="M4 5h16a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H8l-4 4V6a1 1 0 0 1 1-1Z"/><path fill="none" stroke="black" stroke-width="2" stroke-linecap="round" d="M8 10h.01M12 10h.01M16 10h.01"/></svg>') center/contain no-repeat!important;
  }

  .cm-modern-stat-box .cm-modern-stat:nth-child(2)::after,
  .cm-modern-stat-box .cm-modern-stat:nth-child(3)::after{
    content:attr(data-cm-label) "\A" attr(data-cm-value)!important;
    white-space:pre!important;
    display:block!important;
    font-size:10px!important;
    line-height:1.12!important;
    font-weight:800!important;
    color:#0f172a!important;
    text-align:left!important;
  }
}

/* cm-mobile-top-stats-final-css */

@media (max-width:1399px){
  .cm-modern-stat-box .cm-modern-stat:nth-child(2) .cm-modern-stat-label,
  .cm-modern-stat-box .cm-modern-stat:nth-child(3) .cm-modern-stat-label{
    font-size:0!important;
    line-height:0!important;
  }

  .cm-modern-stat-box .cm-modern-stat:nth-child(2) .cm-modern-stat-label::after{
    content:"Like"!important;
    display:block!important;
    font-size:10px!important;
    line-height:1.05!important;
  }

  .cm-modern-stat-box .cm-modern-stat:nth-child(3) .cm-modern-stat-label::after{
    content:"Comment"!important;
    display:block!important;
    font-size:10px!important;
    line-height:1.05!important;
  }

  body:not(.cm-top-stats-fixed) .cm-modern-stat-box .cm-modern-stat:nth-child(2) .cm-modern-stat-value,
  body:not(.cm-top-stats-fixed) .cm-modern-stat-box .cm-modern-stat:nth-child(3) .cm-modern-stat-value{
    color:transparent!important;
  }
}

/* cm-kartya-jobb-oszlop-css */

@media (min-width:1101px){
  /* ---- ikon-csempék ---- */
  .mod-card-row--v2 .mod-card-row__statcell{gap:8px;align-items:center;min-width:0}
  .mod-card-row--v2 .mod-card-row__statcell-ico{width:28px;height:28px;border-radius:9px;background:#e8effb;color:#2563eb;align-items:center;justify-content:center}
  .mod-card-row--v2 .mod-card-row__statcell-ico svg{width:15px;height:15px}
  .mod-card-row--v2 .mod-card-row__statcell[data-cm-stat="downloads"] .mod-card-row__statcell-ico{background:#dcfce7;color:#15803d}
  .mod-card-row--v2 .mod-card-row__statcell[data-cm-stat="dislikes"] .mod-card-row__statcell-ico{background:#fee2e2;color:#dc2626}
  .mod-card-row--v2 .mod-card-row__statcell-label{font-size:.7rem;line-height:1.25}
  .mod-card-row--v2 .mod-card-row__statcell-value{font-size:.82rem;font-weight:800;line-height:1.25}

  /* ---- rács: függőleges elválasztó a két oszlop között ---- */
  .mod-card-row--v2 .mod-card-row__statgrid{grid-template-columns:1fr 1fr;column-gap:0;row-gap:13px}
  .mod-card-row--v2 .mod-card-row__statcell:nth-child(2n){padding-left:11px;border-left:1px solid #e6edf6}
  .mod-card-row--v2 .mod-card-row__statcell:nth-child(2n+1){padding-right:11px}

  /* ---- lábsor: vízszintes elválasztó, ikon-csempe, felirat a szám fölött, jobbra a jelvény ----
     Rács: [csempe] [felirat / méret] [jelvény]. A méret-szöveg névtelen rács-elem (a value
     display:contents), ezért auto-elhelyezéssel a 2. sor 2. cellájába kerül. */
  .mod-card-row--v2 .mod-card-row__side-foot{display:block;border-top:1px solid #e6edf6;padding-top:13px;min-height:0}
  .mod-card-row--v2 .mod-card-row__side-foot .mod-card-row__stat-pair-text--file-size{
    display:grid !important;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;
    column-gap:8px;row-gap:0;align-items:center;width:100%;min-width:0;white-space:normal;
    font-size:1.02rem;font-weight:800;color:#2563eb;
  }
  .mod-card-row--v2 .mod-card-row__side-foot .mod-card-row__stat-pair-text--file-size::before{
    content:"";grid-column:1;grid-row:1 / span 2;width:34px;height:34px;border-radius:10px;
    background:#ede9fe url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%237c3aed%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M14%202H6a2%202%200%200%200-2%202v16a2%202%200%200%200%202%202h12a2%202%200%200%200%202-2V8z%22%2F%3E%3Cpolyline%20points%3D%2214%202%2014%208%2020%208%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2215%22%20r%3D%221.6%22%2F%3E%3C%2Fsvg%3E") center/18px no-repeat;
  }
  .mod-card-row--v2 .mod-card-row__side-foot .mod-card-row__file-size-label{
    grid-column:2;grid-row:1;font-size:.73rem;font-weight:500;color:#8a98ab;margin:0;line-height:1.25;
  }
  .mod-card-row--v2 .mod-card-row__side-foot .cmfs-card-pill-wrap{
    grid-column:3;grid-row:1 / span 2;margin:0 !important;align-self:center;
    padding-left:9px;border-left:1px solid #e6edf6;
  }

  .mod-card-row--v2 .mod-card-row__side-foot .cmfs-pill{font-size:.8rem !important;padding:6px 11px !important}

  /* 2026-09-14: biztonsági háló — a jelvény soha ne lógjon ki a kártyából, és ne tördelje a méretet.
     A 300px-es oszlopban a méret („999,9 MB") ~155px-es jelvényig marad egy sorban (mérve); a hosszabb
     felirat innentől „…"-ra vágódik, a teljes szöveg a title-tooltipben marad. A feliratok maguk rövidek
     (class-frontend.php szótár), ez csak a jövőbeli hosszú szövegek ellen véd. */
  .mod-card-row--v2 .mod-card-row__side-foot .cmfs-card-pill-wrap{min-width:0;max-width:164px;box-sizing:border-box}
  .mod-card-row--v2 .mod-card-row__side-foot .cmfs-pill{max-width:100%;box-sizing:border-box;overflow:hidden}
  .mod-card-row--v2 .mod-card-row__side-foot .cmfs-pill__label{min-width:0;overflow:hidden;text-overflow:ellipsis}

  /* ---- funkció-pillek: mind a 14 látszódjon ----
     A `.mod-list--game-wide .mod-card-row__pills` max-height:50px = PONTOSAN 2 sor, a többi pill
     overflow:hidden alá került. Mérve 2026-09-06: a /mods/-on a 14. pill, a hubokon 7-8 pill volt
     rejtve (a hub kozepso oszlopa keskenyebb). A korlat feloldva; a kartya ennyivel magasabb lesz:
     /mods/ 292 -> 313px, hub 287 -> 331px. (A profil-kartyakon mar korabban is feloldott volt.) */
  .mod-list--game-wide .mod-card-row__pills{max-height:none;overflow:visible}

  /* ---- sötét mód ---- */
  body:not(.light-surface) .mod-card-row--v2 .mod-card-row__statcell-ico{background:rgba(59,130,246,.16);color:#93b4f5}
  body:not(.light-surface) .mod-card-row--v2 .mod-card-row__statcell[data-cm-stat="downloads"] .mod-card-row__statcell-ico{background:rgba(34,197,94,.16);color:#86efac}
  body:not(.light-surface) .mod-card-row--v2 .mod-card-row__statcell[data-cm-stat="dislikes"] .mod-card-row__statcell-ico{background:rgba(239,68,68,.16);color:#fca5a5}
  body:not(.light-surface) .mod-card-row--v2 .mod-card-row__statcell:nth-child(2n){border-left-color:rgba(148,163,184,.18)}
  body:not(.light-surface) .mod-card-row--v2 .mod-card-row__side-foot{border-top-color:rgba(148,163,184,.18)}
  body:not(.light-surface) .mod-card-row--v2 .mod-card-row__side-foot .cmfs-card-pill-wrap{border-left-color:rgba(148,163,184,.18)}
  body:not(.light-surface) .mod-card-row--v2 .mod-card-row__side-foot .mod-card-row__stat-pair-text--file-size{color:#93b4f5}
  body:not(.light-surface) .mod-card-row--v2 .mod-card-row__side-foot .mod-card-row__stat-pair-text--file-size::before{background-color:rgba(124,58,237,.20)}
}

/* cm-mobil-jatekoldal-css */

@media (max-width:768px){
  /* --- 1) Felkapott-modok badge: kozepre, ket tuzzel, 10%-kal kisebben --- */
  html body .mpp-trending-kicker{
    /* A tema bal-huzasat semlegesitjuk; width:fit-content miatt az auto kozepre teszi. */
    margin-left:auto!important;
    margin-right:auto!important;
    justify-content:center!important;
    text-align:center!important;
    font-size:.88rem!important;   /* volt: .98rem — pontosan 10%-kal kisebb */
  }
  /* A masodik tuz. A szulo -webkit-text-stroke/text-shadow-jat itt kikapcsoljuk,
     kulonben az emoji korvonalat kapna. A meretek a megleve jobb oldali
     span[aria-hidden] szabalyaval egyeznek (1.22em), hogy a ketto azonos legyen. */
  html body .mpp-trending-kicker::before{
    content:"🔥";
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:1.22em;
    height:1.22em;
    flex:0 0 auto;
    color:#ff7a3f;
    -webkit-text-stroke:0;
    text-shadow:none;
  }
}

/* --- 2) Szuro-sav: szelrol szelig + a nyil ne logjon a szovegbe ---
   A megleve mobil szuro-bovitmeny (…cm-mobile-filter-like-target.php) 1399px-ig
   ervenyes, ezert itt is az a sav, kulonben tablet-meretben szetesne a ketto. */
@media (max-width:1399px){
  html body #mpp-game-filter-form{
    width:100%!important;      /* volt: calc(100% - 28px) */
    margin-left:0!important;
    margin-right:0!important;
  }

  /* FONTOS: a megleve mobil szuro-bovitmeny MINDEN nullazasa
     #mpp-game-filter-form-hoz van kotve — az viszont csak a JATEK-oldalon
     letezik, az ARCHIVUMON (/mods/) nem. Ezert ott sem a behuzas-nullazas,
     sem a nyil-javitas nem ervenyesult. Az alabbi ket szabaly NINCS formhoz
     kotve, igy mindket oldaltipuson hat. */

  /* A pirula-konteiner sajat behuzasa tartotta beljebb a rendezes-gombokat es
     a "Mod-Filter verfeinern" savot (main.css 18318: padding .75rem, 640px
     alatt .6rem). Telefonon menjen szelrol szelig, ahogy a lapozo is. */
  html body .mpp-gfc{
    padding-left:0!important;
    padding-right:0!important;
    border-left:0!important;
    border-right:0!important;
    border-radius:0!important;
  }

  /* A legordulo nyila abszolut pozicionalt (main.css 18548: right:.6rem), tehat
     KIKERUL a sorbol — a szoveg szabadon alafut. A tema alapbol 1.9rem jobb
     behuzast ad ra, de a mobil szuro-bovitmeny ezt "padding:0 10px"-re irja at,
     es ezzel elveszi a nyil helyet. Vissza kell adni.
     SULY: a bovitmeny szabalya "#mpp-game-filter-form"-mal kezdodik, tehat egy
     ID-vel erosebb, mint egy form nelkuli szelektor — a JATEK-oldalon nyerne.
     Ezert a projektben mar hasznalt :not(#cmNope) trukkel emeljuk a sulyt (ket
     ID-ertek), es kulon adjuk meg a form nelkuli valtozatot az ARCHIVUM-hoz. */
  html body #mpp-game-filter-form:not(#cmNope) .mpp-gfc__dropdown-btn,
  html body .mpp-gfc .mpp-gfc__dropdown-btn{
    padding-right:28px!important;
  }
}

/* cm-mobil-fooldal-css */

/* A gomb asztali nezetben soha nem latszik — ott a blokk teljes egeszeben all. */
.cm-seo-toggle{display:none}

/* 2026-08-27 (tulaj: "tablet modban lehet csukva a leiras").
   A toresponti ertek 768 -> 1023, hogy a TABLETEK is osszecsukva kapjak a blokkot.
   A tulaj 778 px szeles ablakban dolgozik — az eddigi 768-as hatar epp alatta zart.

   ⚠️ SZANDEKOSAN KETTEVALASZTVA. Ugyanez a media-lekerdezes rejtette el a "Platform
   updates" oldalsav-kartyat is (2. tetel), azt viszont a tulaj NEM kerte tabletre —
   az tovabbra is csak 768 alatt tunik el, lentebb, sajat blokkban.

   A blokk fuggoleges terkozet (padding) is a telefonos blokkban hagytam: az kozmetikai
   finomitas volt, nem az osszecsukas resze. */
@media (max-width:1023px){
  /* --- 1) SEO-blokk: osszecsukva indul --- */
  /* 2026-08-27 (tulaj: "de csunyan vagja el a szoveget, szebb design ja legyen").
     KET BAJA VOLT a regi 186px-es vagasnak:

     1) A vagas a MASODIK BEKEZDES ELSO SORANAK a KOZEPEBE esett. MERVE (778 px):
          H2 ....... 0 -> 27      (sormagassag 27)
          1. bek. .. 43 -> 152    (4 sor, sormagassag 27,2)
          2. bek. .. 168 -> 304   (5 sor)
        186 px = a 2. bekezdes elso soraba 18 px -> a betuk fuggolegesen elvagva.

     2) Eles vizszintes el: ugy nezett ki, mint egy hiba, nem mint "van meg tovabb".

     A JAVITAS: a vagas 232 px-re nott (cim + 1. bekezdes + a 2. bekezdes ~2,3 sora),
     es a szoveg alja nem ELVAGVA, hanem ELHALVANYULVA vegzodik: az utolso 48 px-en
     egy maszk atlatszova viszi. Igy a felbevagott sor TELJESEN az elhalvanyulo savba
     esik — nem lehet eles elt latni.

     ⚠️ MIERT MASZK ES NEM ATFEDO SZINATMENET: az oldal VILAGOS es SOTET modban is fut,
     ket kulonbozo hatterszinnel. Egy `linear-gradient` overlay-hez tudni kellene a
     hatter szinet (es a blokke `rgba(0,0,0,0)`, tehat oroklodik). A `mask-image` a
     hattertol FUGGETLENUL mukodik: magat az elemet teszi atlatszova.

     ⚠️ NYITOTT ALLAPOTBAN A MASZKOT LE KELL VENNI, kulonben a kinyitott szoveg alja is
     halvany maradna. MERVE: nyitva a mask-image erteke `none`. */
  html body #cm-home-seo-content .cm-home-seo-content__inner{
    max-height:232px;
    overflow:hidden;
    transition:max-height .28s ease;
    -webkit-mask-image:linear-gradient(to bottom,#000 0,#000 calc(100% - 48px),transparent 100%);
            mask-image:linear-gradient(to bottom,#000 0,#000 calc(100% - 48px),transparent 100%);
  }
  html body #cm-home-seo-content.cm-seo-open .cm-home-seo-content__inner{
    max-height:none;
    -webkit-mask-image:none;
            mask-image:none;
  }
  html body .cm-seo-toggle{
    display:inline-flex;
    align-items:center;
    gap:6px;
    margin:10px 0 0;
    padding:9px 16px;
    border:1px solid var(--border-strong,rgba(148,163,184,.35));
    border-radius:999px;
    background:transparent;
    color:var(--cm-link,#2563eb);
    font:inherit;
    font-size:14px;
    font-weight:700;
    line-height:1;
    cursor:pointer;
  }
  html body .cm-seo-toggle::after{
    content:"";
    width:7px;height:7px;
    border-right:2px solid currentColor;
    border-bottom:2px solid currentColor;
    transform:rotate(45deg) translateY(-1px);
    transition:transform .2s ease;
  }
  html body #cm-home-seo-content.cm-seo-open .cm-seo-toggle::after{
    transform:rotate(-135deg) translateY(-1px);
  }

}
/* --- 2) "Platform updates" kartya elrejtese CSAK telefonon (valtozatlan hatar) --- */
@media (max-width:768px){
  /* A blokk fuggoleges terkoze is kisebb telefonon. */
  html body #cm-home-seo-content{padding:1.25rem 0 1.5rem}
  html body .cm-side-card--updates{display:none!important}
}

/* cm-sims-verzio-tiltas-css */

.cm-verzio-tiltva{position:relative}
/* A vezérlők látszanak, de nem használhatók — ez volt a kérés: ne tűnjön el. */
.cm-verzio-tiltva .mpp-vers-combo{
  filter:blur(2.6px);
  opacity:.5;
  pointer-events:none;
  user-select:none;
}
/* A kötelező csillag félrevezető lenne, amíg a mező tiltva van. */
.cm-verzio-tiltva .mpp-field__required{display:none}
/* A mező alatti segédszöveg ("Pick the game version… from the dropdowns")
   blokkolt állapotban ellentmond a jelvénynek — elrejtjük. */
.cm-verzio-tiltva > small.mpp-muted{display:none!important}

/* Magyarázó kártya a homályos mező KÖZEPÉN. A szöveg a data attribútumból jön,
   így egy szabály kiszolgálja mind a 9 nyelvet.
   A +10px eltolás a fölötte álló címke magasságát egyenlíti ki, hogy a kártya
   ne a mező, hanem a VEZÉRLŐK közepére essen.
   Színek: a téma saját változóiból, tartalékkal — így sötét módban is helyes,
   és nem kell a dark-mode osztálynevet eltalálni. */
.cm-verzio-tiltva::after{
  content:attr(data-cm-uzenet);
  position:absolute;
  left:50%;
  top:calc(50% + 10px);
  transform:translate(-50%,-50%);
  z-index:2;
  max-width:min(330px, calc(100% - 22px));
  box-sizing:border-box;
  padding:11px 16px;
  border-radius:14px;
  background:var(--card,#fff);
  color:var(--text,#0f172a);
  border:1px solid var(--border,rgba(148,163,184,.3));
  box-shadow:0 12px 30px rgba(15,23,42,.16), 0 2px 6px rgba(15,23,42,.06);
  font-size:12.5px;
  font-weight:600;
  line-height:1.45;
  letter-spacing:.01em;
  text-align:center;
  text-wrap:balance;
  white-space:normal;
  pointer-events:none;
}
@media (max-width:768px){
  .cm-verzio-tiltva::after{
    font-size:11.5px;
    padding:9px 13px;
    border-radius:12px;
    max-width:calc(100% - 16px);
  }
}

/* cm-pill-tobb-css */

@media (min-width:1101px){
  /* fix 2 sor; a chipnek fenntartott hely a jobb oldalon (felülírja a design-plugin max-height:none-ját,
     mert később jön ugyanabban a kötegben) */
  .mod-list--game-wide:not(.mod-list--author-cards) .mod-card-row__pills{min-height:50px;max-height:50px;overflow:hidden;position:relative;padding-right:46px;align-content:flex-start}
  .mod-list--game-wide:not(.mod-list--author-cards) .mod-card-row__pill{transition:opacity .16s ease, transform .16s ease}
  /* FONTOS: a `hidden` attributum NEM eleg — a .mod-card-row__pill{display:inline-flex} SZERZOI szabaly
     eros ebb, mint a bongeszo [hidden]{display:none} szabalya (origo-precedencia). Ezert sajat osztaly. */
  .mod-list--game-wide:not(.mod-list--author-cards) .mod-card-row__pill.cm-lap-rejt{display:none !important}
  .cm-pill-tobb[hidden]{display:none !important}
  .mod-list--game-wide:not(.mod-list--author-cards) .mod-card-row__pills.cm-lapoz .mod-card-row__pill{opacity:0;transform:translateY(-5px)}

  .cm-pill-tobb{position:absolute;right:0;bottom:0;display:inline-flex;align-items:center;justify-content:center;
    margin:0;padding:2px 8px;border:1px dashed rgba(37,99,235,.45);border-radius:999px;
    background:rgba(37,99,235,.06);color:#2563eb;font-size:.66rem;font-weight:800;line-height:1.55;
    cursor:pointer;font-family:inherit;letter-spacing:.02em;font-variant-numeric:tabular-nums;
    transition:background .15s ease, border-color .15s ease}
  .cm-pill-tobb:hover{background:rgba(37,99,235,.14);border-color:rgba(37,99,235,.7)}
  .cm-pill-tobb:focus-visible{outline:2px solid #2563eb;outline-offset:2px}
  body:not(.light-surface) .cm-pill-tobb{color:#93b4f5;border-color:rgba(147,180,245,.45);background:rgba(147,180,245,.10)}
  body:not(.light-surface) .cm-pill-tobb:hover{background:rgba(147,180,245,.18);border-color:rgba(147,180,245,.75)}
}
@media (max-width:1100px){ .cm-pill-tobb{display:none} }
@media (prefers-reduced-motion:reduce){
  .mod-list--game-wide:not(.mod-list--author-cards) .mod-card-row__pill{transition:none}
  .mod-list--game-wide:not(.mod-list--author-cards) .mod-card-row__pills.cm-lapoz .mod-card-row__pill{opacity:1;transform:none}
}

/* cm-home-stats-icons-css */

body.home .cm-home-stat__icon{font-size:0!important;width:46px!important;height:46px!important;border-radius:999px!important;display:flex!important;align-items:center!important;justify-content:center!important}
body.home .cm-home-stat__icon:before{font-family:"Font Awesome 6 Free"!important;font-weight:900!important;font-size:22px!important;line-height:1!important}
body.home .cm-home-stat:nth-child(1) .cm-home-stat__icon{color:#2d2bdd!important;background:#ece9ff!important}
body.home .cm-home-stat:nth-child(2) .cm-home-stat__icon{color:#13b84f!important;background:#dcf8e8!important}
body.home .cm-home-stat:nth-child(3) .cm-home-stat__icon{color:#2878ff!important;background:#e8f1ff!important}
body.home .cm-home-stat:nth-child(4) .cm-home-stat__icon{color:#2d2bdd!important;background:#ece9ff!important}
body.home .cm-home-stat:nth-child(1) .cm-home-stat__icon:before{content:"\f11b"!important}
body.home .cm-home-stat:nth-child(2) .cm-home-stat__icon:before{content:"\f12e"!important}
body.home .cm-home-stat:nth-child(3) .cm-home-stat__icon:before{content:"\f019"!important}
body.home .cm-home-stat:nth-child(4) .cm-home-stat__icon:before{content:"\f0c0"!important}

/* cm-tap-target-css */
a.cmplz-link.cookie-statement,a.cmplz-link.privacy-statement,a.cm-fresh-card__by,a.cm-side-forum__all,a.cm-mgz__more,a.cm-stat-card__link,a.cm-featured__more,a.cm-upd-more{padding-top:4px;padding-bottom:4px;margin-top:-4px;margin-bottom:-4px;}
/* cm-kartya-kivonat-nagyobb */

@media (min-width:1024px){
  /* 2026-08-27, OTODIK kor (tulaj: "de te a jatek oldalon is atallitottad, nem csak a
     mods oldalon — csak a mods oldalon kertem").
     IGAZA VOLT. A `.mod-list--game-wide` osztaly NEM csak a /mods/ archivumon van rajta,
     hanem a JATEK-OLDALAKON is. MERVE a javitas elott:
       /mods/                     body.post-type-archive-mod  -> 15,70px / 600 / #000
       /game/beamng.drive-mods/   body.tax-game.term-2        -> 15,70px / 600 / #000  (!)
     Ezert MINDEN itteni szabaly ele bekerult a `body.post-type-archive-mod` szukites.
     A jatek-oldalak igy visszakapjak a tema alapallapotat (12,716px, tema-szin, eredeti
     racs-hezagok). A cim/csillag-hezag igazitasa is ide tartozik: azt ugyanebben a
     kereskorben kerte a tulaj, a nagyobb leirasnak helyet csinalva — kulon hagyva a
     jatek-oldalon szukebb hezag + kicsi betu keveredne. */
  /* 2026-08-27, harmadik kor (tulaj: "legyen 5%-kal kisebb es fekete szoveg").
     1.3 * 0.95 = 1.235 -> 15,70 px (az eredeti 12,716 px 123,5%-a).
     A szin FEKETE vilagos modban. Sotet modban ez olvashatatlan lenne, ezert ott
     valtozatlanul a lenti #cbd5e1 marad. */
  /* 2026-08-27, negyedik kor (tulaj: "de felkover legyen").
     A 600-as suly a "felkover" (semi-bold); a 700 mar kover. 600-at hasznalunk, mert a
     cim maga is vastag, es a 700 az egesz kartyat elnehezitene. MERVE: a suly a kapacitast
     is szukiti (197 -> 186 karakter ket sorban), ezert a szamlalo kuszobeit is igazitottam. */
  html body.post-type-archive-mod .mod-list--game-wide .mod-card-row--modland .mod-card-row__excerpt{
    font-size:calc(0.79475rem * 1.235);
    font-weight:600;
    color:#000;
  }
  /* A csillagsor feljebb kerul a cim ala — ez adja a helyet a nagyobb leirasnak. */
  html body.post-type-archive-mod .mod-list--game-wide .mod-card-row--modland .mod-card-row__rating--always{
    margin-top:0;
    margin-bottom:2px;
  }
  /* 2026-08-27, masodik kor (tulaj: "a cim es a csillag kozott meg mindig nagy a res").
     MERVE: a 19px-es res NEM margobol jott, hanem KETTO forrasbol:
       5,6px  a .mod-card-row__title-row also margoja
       12,9px a KARTYA RACS sor-hezaga (a kartya display:grid, gap:12.92px)
     Ezert a csillagsor sajat margojanak nullazasa onmagaban semmit nem valtoztatott.
     CSAK a SOR-hezagot szukitjuk (row-gap) — az oszlop-hezag marad 12,92px, kulonben a
     borito, a szoveg es a jobb oldali statisztika-oszlop osszecsuszna.
     MERVE utana: res 19 -> 4px, es a kartya 312 -> 297px, vagyis a 30%-kal nagyobb
     leiras ellenere is ALACSONYABB, mint az eredeti 305px. */
  html body.post-type-archive-mod .mod-list--game-wide .mod-card-row--modland{
    row-gap:4px;
  }
  html body.post-type-archive-mod .mod-list--game-wide .mod-card-row--modland .mod-card-row__title-row{
    margin-bottom:0;
  }
}
/* Sotet modban a #1e293b olvashatatlan lenne — ott vilagositunk, nem sotetitunk. */
@media (min-width:1024px){
  html body.post-type-archive-mod:not(.light-surface) .mod-list--game-wide .mod-card-row--modland .mod-card-row__excerpt{
    color:#cbd5e1;
  }
}

/* cm-sotet-kontraszt */

/* ── „Támogass minket" widget (cm-tamogatas-widget.php) ─────────────────────── */
body.cm-home-redesigned:not(.light-surface) .cm-home-redesign .cm-tam__ikon{
  color:#052e16 !important;              /* sötét zöld a világoszöld chipen */
}
body.cm-home-redesigned:not(.light-surface) .cm-home-redesign .cm-tam__cimke--arany{
  color:#b45309 !important;
}
body.cm-home-redesigned:not(.light-surface) .cm-home-redesign .cm-tam__cimke--lila{
  color:#be185d !important;
}
body.cm-home-redesigned:not(.light-surface) .cm-home-redesign .cm-tam__cimke--piros{
  color:#b91c1c !important;
}

/* ── „Közösségi galéria" blokk (002-cm-galeria-uj.css) ──────────────────────────
   Tulaj (2026-08-27): „a Közösségi galéria blockban is a szövegek legyenek fehérek,
   mert beleolvad a tartalomba a szöveg, a gomb is."

   UGYANAZ A GYÖKÉR, mint a „Támogass minket"-nél: a desktop-home.css:775 blanket
   `span{color:#a9bdd8!important}` szabálya. MÉRVE: a blokk MIND A 7 felirata pontosan
   #a9bdd8 — a hero cím, a kis kártyák címei, a jelvény, a gomb, a mód-pill, a meta sor.

   ⚠️ AMIT A PUSZTA SZÁM NEM MUTAT: ezek a feliratok FÉNYKÉPEN ülnek. A gépi kontraszt
   9-10:1-et mér, mert a kártya sötét HÁTTERÉHEZ hasonlít — de a szem a fotót látja
   alattuk. Ezért „olvad bele" úgy, hogy közben a szám jónak tűnik.

   A megoldás nem új design: VILÁGOS módban ez a blokk MÁR MOST helyes — fehér cím,
   fehér gomb, fehér jelvény (mérve). Csak sötétben veri szét a blanket. Itt tehát a
   komponens SAJÁT, eredeti színeit adjuk vissza (002-cm-galeria-uj.css:104-176).

   MÉRVE javítás előtt / után:
     „Featured" jelvény  #a9bdd8 a #7c3aed lilán ..... 3,0 -> 5,6  (fehér)
     „Megnézem" gomb     #a9bdd8 a #7c3aed lilán ..... 3,0 -> 5,6  (fehér)
     hero cím, kis címek, mód-pill, meta ............. #a9bdd8 -> a saját fehér/világos

   A szelektor 5 osztály + 1 elem, a blanket 3 osztály + 2 elem — ezért nyer, `!important`
   ide is kell, mert a blanketen is az van. */
body.cm-home-redesigned:not(.light-surface) .cm-home-redesign .cm-gal2 .cm-gal2__hero-cim,
body.cm-home-redesigned:not(.light-surface) .cm-home-redesign .cm-gal2 .cm-gal2__kis-cim,
body.cm-home-redesigned:not(.light-surface) .cm-home-redesign .cm-gal2 .cm-gal2__jelvny,
body.cm-home-redesigned:not(.light-surface) .cm-home-redesign .cm-gal2 .cm-gal2__gomb{
  color:#fff !important;
}
body.cm-home-redesigned:not(.light-surface) .cm-home-redesign .cm-gal2 .cm-gal2__meta,
body.cm-home-redesigned:not(.light-surface) .cm-home-redesign .cm-gal2 .cm-gal2__m{
  color:#e3ebf7 !important;      /* szerzo - datum - kedveles, a fotón */
}
body.cm-home-redesigned:not(.light-surface) .cm-home-redesign .cm-gal2 .cm-gal2__tip{
  color:#e9e2ff !important;      /* „Photo Mode" pill a sajat lilas fehérjével */
}
/* A blokk-fejléc: az ikon-chip VILÁGOS alapú marad sötét módban is (mérve #eff6ff),
   ezért oda a világos módi kék való — a #a9bdd8 ott 1,8:1 volt. A „galéria" akcentus-
   szónak VAN sajat sotet szabalya (desktop-home.css:1680, #60a5fa), csak a blanket
   `!important`-ja megolte; itt eloásuk. Az alcím egy fokkal vilagosabb lesz. */
body.cm-home-redesigned:not(.light-surface) .cm-home-redesign .cm-homegal .cm-categories__icon{
  color:#2563eb !important;
}
body.cm-home-redesigned:not(.light-surface) .cm-home-redesign .cm-homegal .cm-h2a{
  color:#60a5fa !important;
}
body.cm-home-redesigned:not(.light-surface) .cm-home-redesign .cm-gal2 .cm-gal2__sub{
  color:#cbd5e1 !important;
}

/* ── „CrashMods Magazin" blokk (template-front-desktop.php + 001-cm-magazin-uj.css) ──
   Tulaj (2026-08-27): „a CrashMods Magazinban is van kontraszt baj, alul a jatekoknal is."

   UGYANAZ A BLANKET (desktop-home.css:775) festi at itt is a span-eket #a9bdd8-ra.
   MERVE (sotet mod, 1600px, ATMENETEK KIKAPCSOLVA — lasd lent, miert kell):
     .cm-mgz-fr__tag   20 db jatek-cimke ... 1,7 - 3,0   (vilagos modban feher volna)
     .cm-mgz-feat__badge „KIEMELT" ......... 3,0
     .cm-mgz-k__ures   a ▦ jel az aktiv chipen ... ~3,0 a lila szinatmeneten
     .cm-mgz-nep__n    1/2/3 sorszamok ..... 7,0  (atmegy, de lila helyett szurke)
     .cm-h2a           „Magazin" ........... 9,5  (atmegy, de a sajat #60a5fa-ja helyett)

   ⚠️ AMI NEM VOLT HIBAS, pedig elsore annak tunt: az also jatek-chipek (.cm-mgz-k) es az
   „Osszes nepszeru cikk" gomb. Elso meresem 3,6 / 3,3-at mutatott — az HAMIS volt, lasd a
   meresi csapdat lent. Valodi ertekuk 7,1 / 6,6, tehat atmennek. A tulaj keresere megis
   vilagosabbra allitjuk oket (#94a3b8 -> #cbd5e1), mert halvanynak latszanak a feher
   cimek mellett. Az AKTIV chip (.is-on) kimarad — az feher marad.

   ⚠️⚠️ MERESI CSAPDA, amit itt tanultunk (fontos minden kesobbi kontraszt-merésnél):
   1) A .cm-mgz-k-nak `transition: color .15s` van. Ha a bongeszo-panel NINCS megjelenitve,
      a lap nem kompozital kepkockakat, ezert az ATMENETEK SOHA NEM LEPNEK TOVABB — a
      getComputedStyle OROKRE a valtas ELOTTI szint adja vissza. Igy mertem 3,6-ot a valos
      7,1 helyett. Merés elott: `*{transition:none!important;animation:none!important}`.
   2) Az aktiv chip hattere linear-gradient. A backgroundColor-ra epulo kompozitalas ezt
      NEM latja, es feher hatteret szamol -> hamis 1,0 es 18,3 ertekek.

   VISSZAALLITAS: ez a szakasz torolheto; a hatterszinek a template 470. soraban. */
body.cm-home-redesigned:not(.light-surface) .cm-home-redesign .cm-mgz .cm-mgz-fr__tag,
body.cm-home-redesigned:not(.light-surface) .cm-home-redesign .cm-mgz .cm-mgz-feat__badge,
body.cm-home-redesigned:not(.light-surface) .cm-home-redesign .cm-mgz .cm-mgz-k__ures{
  color:#fff !important;
}
body.cm-home-redesigned:not(.light-surface) .cm-home-redesign .cm-mgz .cm-mgz-nep__n{
  color:#c4b5fd !important;      /* a vilagos modi lila sotet-modi parja */
}
body.cm-home-redesigned:not(.light-surface) .cm-home-redesign .cm-magazine .cm-h2a{
  color:#60a5fa !important;      /* a sajat, blanket altal megolt sotet szabalya */
}
/* Az also jatek-chipek es a „Osszes nepszeru cikk" gomb — az AKTIV chip kivetel. */
body.cm-home-redesigned:not(.light-surface) .cm-home-redesign .cm-mgz .cm-mgz-k:not(.is-on),
body.cm-home-redesigned:not(.light-surface) .cm-home-redesign .cm-mgz .cm-mgz-nep__all{
  color:#cbd5e1 !important;
}

/* ── Fejléc- és promó-gombok sötét módban ───────────────────────────────────────
   Tulaj (2026-08-27): „sötét módban tablet nézeten a szövegek beleolvadnak a gombba:
   Submit Mod, Discord, TikTok stb."

   MÁSIK GYÖKÉR, mint a span-blanket. A sötét mód design-rendszere
   (020-cm-dark-mode-design-system.php:40) beállít egy `--cm-link:#60a5fa` változót, és egy
   nagyon széles, `!important`-os szabály MINDEN linket erre fest:

     body:not(.light-surface) a:not(.button)…:not(.mpp-social-btn){ color:var(--cm-link)!important }

   Ez jó a sima szöveglinkekre — de kiüti azoknak a GOMBOKNAK a saját szövegszínét, amiknek
   SAJÁT HÁTTERÜK van. MÉRVE (sötét mód, 778 px):
     „Mods" (fehér hátterű fül) ....... #60a5fa a fehéren ........... 2,54
     „Submit Mod" (kék gomb) .......... #60a5fa a #2563eb-en ........ 2,03
     „Discord"/„TikTok" (promó gomb) .. #60a5fa a rgb(57,82,114)-en . 3,16

   ⚠️ NEM SZELEKTOR-VERSENNYEL javítjuk. Az a szabály TIZENHÁROM osztályt számlál — a
   cm-game-accent.php fejléce ezt már megjárta, és a bevált fogást dokumentálja:
   „nem harcolunk vele: megadjuk, mit fessen" — vagyis magát a `--cm-link` változót
   állítjuk be az elemen. Ez öröklődik, egyszerű, és nem törik el, ha a szabály változik.

   Figyelni kell rá, hogy a két fül-típus ELLENTÉTES irányba szorul:
     fehér hátterű fülek  -> SÖTÉT kék kell (#2563eb)  = 5,17
     kék hátterű Submit   -> FEHÉR kell                = 5,17
     promó gomb           -> FEHÉR kell                = 8,03

   MÉRVE a javítás után (a tulaj böngészőjében, élőben): 5,17 / 5,17 / 8,03.
   VILÁGOS mód változatlan (6,70 / 5,17 / 8,03) — a szabály `:not(.light-surface)` alatt van. */
body:not(.light-surface) header.top-head .cm-tabnav__a{ --cm-link:#2563eb; }
body:not(.light-surface) header.top-head .cm-tabnav__a[href*="submit-mod"]{ --cm-link:#fff; }
body:not(.light-surface) .promo-bar__btn{ --cm-link:#fff; }

/* cm-hero-kozepre */

/* 1) A hero tartalma középre — pontosan ott, ahol egyoszlopos (telefon is beleértve).
      A keresőt SZÁNDÉKOSAN nem piszkáljuk: az teljes szélességű, és annak is kell maradnia. */
@media (max-width:1023px){
  html body .cm-hero__left{ text-align:center; }
  html body .cm-hero__title,
  html body .cm-hero__lead{ text-align:center; }
  html body .cm-hero__cta-row{
    margin-left:auto;
    margin-right:auto;
    justify-content:center;
  }
}
/* 2) A konténer kapja meg a neki szánt 28 px-es margót a tablet-tartományban.
      A `.cm-home-redesign` ős azért kell, hogy specificitásban verje a 37. sort. */
@media (min-width:601px) and (max-width:1023px){
  html body .cm-home-redesign .cm-home-redesign__container{
    width:calc(100vw - 28px) !important;
    max-width:none !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
}

/* cm-game-oldalsav-szurke */

html body.tax-game.light-surface .mpp-game-sidebar__panel{
  background:rgb(240,244,250) !important;
}

/* cm-dark-mode-design-system-v2 */

/* 2026-08-18 (tulaj: "sotet modban a telefonos ui borzasztoan rossz, feher kartyak,
   a szovegek nem latszodnak"): a TELJES sotet dizajnrendszer eddig 601px ALATT NEM
   futott — telefonon csak a mod-kartya (.cm-modern-*) kapott sotet stilust a kulon
   mobil-pluginokbol, a fooldal szekcio-kartyai (.cm-side-card, .cm-stat-card, hero,
   magazin) feheren maradtak, mikozben a szovegszinek mar sotet-modusuak voltak ->
   halvanyszurke szoveg feher alapon. Kinyitva minden szelessegre. VILAGOS MODOT NEM
   ERINT: mind a 159 szelektor :not(.light-surface) / html.cm-dh-dark moge van kotve. */
@media all{

  /* ==========================================================
     1) GLOBÁLIS TOKENEK
     ========================================================== */
  body:not(.light-surface),
  html.cm-dh-dark body{
    --cm-bg:           #050a11;
    --cm-bg-soft:      #08111d;

    --cm-surface-1:    #0f1724;
    --cm-surface-2:    #111c2b;
    --cm-surface-3:    #162235;

    --cm-border:        rgba(148,163,184,.16);
    --cm-border-strong: rgba(148,163,184,.24);
    --cm-divider:       rgba(148,163,184,.14);

    --cm-text:           #f8fafc;
    --cm-text-secondary: #cbd5e1;
    --cm-text-muted:     #94a3b8;

    --cm-link:           #60a5fa;
    --cm-link-hover:     #93c5fd;

    --cm-primary:        #2f7df6;
    --cm-primary-hover:  #4590ff;

    --cm-success:        #22c55e;
    --cm-warning:        #fbbf24;
    --cm-danger:         #ef4444;
  }

  /* ==========================================================
     2) BACKGROUND — minden oldalra ugyanaz a deep dark
     ========================================================== */
  body:not(.light-surface),
  body:not(.light-surface) #page,
  body:not(.light-surface) .site,
  body:not(.light-surface) .site-content,
  body:not(.light-surface) .main-wrap,
  body:not(.light-surface) main,
  body:not(.light-surface) main#main-content,
  body:not(.light-surface) main.main-wrap,
  body:not(.light-surface) main#main-content.main-wrap,
  body:not(.light-surface) .cm-home-redesign,
  body:not(.light-surface) .cm-home-redesign__container,
  body:not(.light-surface) .entry-content,
  body:not(.light-surface) .page-content,
  body:not(.light-surface) .mpp-contact-page,
  body:not(.light-surface) .mpp-page-pricing,
  body:not(.light-surface) .messages-page,
  body:not(.light-surface) .single-mod{
    background:var(--cm-bg) !important;
    background-color:var(--cm-bg) !important;
    color:var(--cm-text-secondary) !important;
  }

  /* ==========================================================
     3) HEADER
     ========================================================== */
  body:not(.light-surface) header.top-head{
    background:var(--cm-bg) !important;
    background-color:var(--cm-bg) !important;
    border-bottom:1px solid var(--cm-border) !important;
    box-shadow:none !important;
  }

  /* ==========================================================
     4) TIPOGRÁFIA — egyseges hierarchia minden oldalon
     ========================================================== */
  body:not(.light-surface) h1,
  body:not(.light-surface) h2,
  body:not(.light-surface) h3,
  body:not(.light-surface) h4,
  body:not(.light-surface) .title,
  body:not(.light-surface) strong{
    color:var(--cm-text) !important;
  }
  body:not(.light-surface) p,
  body:not(.light-surface) li,
  body:not(.light-surface) .description,
  body:not(.light-surface) .excerpt,
  body:not(.light-surface) .lead{
    color:var(--cm-text-secondary) !important;
  }
  body:not(.light-surface) small,
  body:not(.light-surface) .meta,
  body:not(.light-surface) .muted,
  body:not(.light-surface) time,
  body:not(.light-surface) .post-meta,
  body:not(.light-surface) .label,
  body:not(.light-surface) .field-label{
    color:var(--cm-text-muted) !important;
  }

  /* Linkek (kivéve gombok — a fejléc vendég Register/Login pill-jei is kivételek,
     különben a kék gradiensen sötétkék lenne a szöveg sötét módban) */
  body:not(.light-surface) a:not(.button):not(.btn):not(.menu-cta):not(.cm-hero__cta):not(.cm-side-discord__btn):not(.cm-featured__btn):not(.cm-side-topdl__more):not(.um-button):not(.mpp-um-action):not(.cm-register-link):not(.account-actions__link):not(.mpp-social-btn):not(.cm-motd__btn):not(.cm-akt__nev):not(.cm-tam__btn):not(.cm-bev__link):not(.cm-nx-card__a):not(.cm-nx-top__a):not(.cm-nx-t__a):not(.cm-mgz-fr__t):not(.cm-mgz-nep__a):not(.cm-mgz-nep__all):not(.cm-mgz__more):not(.cm-mgz-feat){
    color:var(--cm-link) !important;
  }
  body:not(.light-surface) a:not(.button):not(.cm-register-link):not(.account-actions__link):not(.mpp-social-btn):not(.cm-motd__btn):not(.cm-akt__nev):not(.cm-tam__btn):not(.cm-bev__link):not(.cm-nx-card__a):not(.cm-nx-top__a):not(.cm-nx-t__a):not(.cm-mgz-fr__t):not(.cm-mgz-nep__a):not(.cm-mgz-nep__all):not(.cm-mgz__more):not(.cm-mgz-feat):hover{
    color:var(--cm-link-hover) !important;
  }

  /* ==========================================================
     5) KÁRTYA RENDSZER — egyseges minden oldalon
     ========================================================== */
  body:not(.light-surface) .glass-card,
  body:not(.light-surface) .cm-stat-card,
  body:not(.light-surface) .cm-stats-row,
  body:not(.light-surface) .cm-side-card,
  body:not(.light-surface) .cm-hero,
  body:not(.light-surface) .cm-stats,
  body:not(.light-surface) .cm-featured,
  body:not(.light-surface) .cm-categories,
  body:not(.light-surface) .mpp-card,
  body:not(.light-surface) .mod-card-row,
  body:not(.light-surface) .cm-modern-card-view,
  body:not(.light-surface) .mpp-game-tile,
  body:not(.light-surface) .mpp-um-profile-info-card,
  body:not(.light-surface) .mpp-auth-card,
  body:not(.light-surface) .mpp-form-card,
  body:not(.light-surface) .mpp-panel,
  body:not(.light-surface) .mpp-info-card,
  body:not(.light-surface) .mpp-game-hero,
  body:not(.light-surface) .mpp-pricing-card,
  body:not(.light-surface) .pricing-card,
  body:not(.light-surface) .mpp-contact-card,
  body:not(.light-surface) .contact-option-card,
  body:not(.light-surface) .mpp-contact-form,
  body:not(.light-surface) .mpp-contact-page__card,
  body:not(.light-surface) .mpp-tip-box,
  body:not(.light-surface) .mpp-tip,
  body:not(.light-surface) [class*="tip-box"]{
    background:linear-gradient(180deg,var(--cm-surface-1),var(--cm-surface-2)) !important;
    background-color:var(--cm-surface-1) !important;
    border:1px solid var(--cm-border) !important;
    border-radius:18px !important;
    box-shadow:0 14px 32px rgba(0,0,0,.28) !important;
    color:var(--cm-text-secondary) !important;
  }

  /* Kontaktoldal — minden belso card a tartalomban */
  body:not(.light-surface) .mpp-contact-page section,
  body:not(.light-surface) .mpp-contact-page article,
  body:not(.light-surface) .mpp-contact-page .glass-card,
  body:not(.light-surface) .mpp-contact-page > .container > div{
    background:linear-gradient(180deg,var(--cm-surface-1),var(--cm-surface-2)) !important;
    background-color:var(--cm-surface-1) !important;
    border:1px solid var(--cm-border) !important;
    color:var(--cm-text-secondary) !important;
  }

  /* Sidebar wrapper transparent (nem keret) */
  body:not(.light-surface) .cm-home-redesign__side{
    background:transparent !important;
    background-color:transparent !important;
    border:0 !important;
    box-shadow:none !important;
  }

  /* ==========================================================
     6) DIVIDER
     ========================================================== */
  body:not(.light-surface) hr,
  body:not(.light-surface) .cm-featured__row + .cm-featured__row,
  body:not(.light-surface) .cm-side-topdl li + li,
  body:not(.light-surface) .cm-side-stats li + li,
  body:not(.light-surface) .mod-card-row + .mod-card-row,
  body:not(.light-surface) .cm-modern-card-view + .cm-modern-card-view{
    border-color:var(--cm-divider) !important;
    border-top-color:var(--cm-divider) !important;
    border-bottom-color:var(--cm-divider) !important;
  }

  /* ==========================================================
     7) FORMS — INPUT / SELECT / TEXTAREA / FILTEREK / MODAL
     ========================================================== */
  body:not(.light-surface) input[type="text"],
  body:not(.light-surface) input[type="search"],
  body:not(.light-surface) input[type="email"],
  body:not(.light-surface) input[type="password"],
  body:not(.light-surface) input[type="url"],
  body:not(.light-surface) input[type="number"],
  body:not(.light-surface) input[type="tel"],
  body:not(.light-surface) textarea,
  body:not(.light-surface) select,
  body:not(.light-surface) .mpp-gfc__field,
  body:not(.light-surface) .mpp-gfc__pill,
  body:not(.light-surface) .mpp-gfc__dropdown-btn,
  body:not(.light-surface) .mpp-modal input,
  body:not(.light-surface) .mpp-modal select,
  body:not(.light-surface) .mpp-modal textarea,
  body:not(.light-surface) .um-form input,
  body:not(.light-surface) .um-form select{
    background:var(--cm-bg-soft) !important;
    background-color:var(--cm-bg-soft) !important;
    border:1px solid var(--cm-border-strong) !important;
    color:var(--cm-text) !important;
  }
  body:not(.light-surface) input::placeholder,
  body:not(.light-surface) textarea::placeholder{
    color:var(--cm-text-muted) !important;
    opacity:1 !important;
  }
  body:not(.light-surface) input:focus,
  body:not(.light-surface) textarea:focus,
  body:not(.light-surface) select:focus{
    border-color:var(--cm-link) !important;
    box-shadow:0 0 0 3px rgba(96,165,250,.22) !important;
    outline:none !important;
  }

  /* Login / Auth Modal — Google gomb és modal sajátok */
  body:not(.light-surface) .mpp-modal,
  body:not(.light-surface) .mpp-modal__panel,
  body:not(.light-surface) .mpp-modal__content,
  body:not(.light-surface) .mpp-auth-card{
    background:linear-gradient(180deg,var(--cm-surface-1),var(--cm-surface-2)) !important;
    background-color:var(--cm-surface-1) !important;
    border:1px solid var(--cm-border) !important;
    color:var(--cm-text) !important;
  }
  body:not(.light-surface) .mpp-modal label,
  body:not(.light-surface) .mpp-auth-card label{
    color:var(--cm-text-muted) !important;
  }

  /* ==========================================================
     8) GOMBOK — egyseges rendszer
     ========================================================== */
  body:not(.light-surface) .button,
  body:not(.light-surface) .btn,
  body:not(.light-surface) .menu-cta,
  body:not(.light-surface) a.cm-hero__cta,
  body:not(.light-surface) .cm-hero__cta{
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
  }
  body:not(.light-surface) .cm-hero__cta *{
    color:#ffffff !important;
    fill:#ffffff !important;
  }

  /* Outlined / secondary gombok */
  body:not(.light-surface) .cm-featured__btn,
  body:not(.light-surface) .cm-side-topdl__more,
  body:not(.light-surface) .btn--ghost,
  body:not(.light-surface) .button--secondary{
    background:rgba(15,23,42,.55) !important;
    border:1px solid var(--cm-border-strong) !important;
    color:var(--cm-link) !important;
  }
  body:not(.light-surface) .cm-featured__btn:hover,
  body:not(.light-surface) .cm-side-topdl__more:hover{
    background:rgba(59,130,246,.12) !important;
    border-color:var(--cm-link) !important;
    color:var(--cm-link-hover) !important;
  }

  /* Disabled gomb */
  body:not(.light-surface) [aria-disabled="true"],
  body:not(.light-surface) :disabled{
    opacity:.65 !important;
    color:#dbeafe !important;
  }

  /* Header Regisztráció gomb (vendegnek) */
  body:not(.light-surface) header.top-head .account-actions__link[href*="register"],
  body:not(.light-surface) header.top-head [data-mpp-open-register]{
    background:linear-gradient(180deg,#3b82f6,#2563eb) !important;
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    border:0 !important;
    opacity:1 !important;
  }

  /* ==========================================================
     9) DISCORD KÁRTYA — saját identitás
     ========================================================== */
  body:not(.light-surface) .cm-side-discord,
  body:not(.light-surface) .cm-side-card--discord{
    background:linear-gradient(135deg,#5865F2 0%,#4752c4 100%) !important;
    background-color:#5865F2 !important;
    border:0 !important;
    color:#ffffff !important;
  }
  body:not(.light-surface) .cm-side-discord *{
    color:#ffffff !important;
  }
  body:not(.light-surface) a.cm-side-discord__btn,
  body:not(.light-surface) .cm-side-discord__btn{
    background:#ffffff !important;
    background-color:#ffffff !important;
    color:#1f2950 !important;
    border:0 !important;
    box-shadow:0 6px 14px rgba(0,0,0,.25) !important;
  }
  body:not(.light-surface) a.cm-side-discord__btn *,
  body:not(.light-surface) .cm-side-discord__btn *{
    color:#1f2950 !important;
    -webkit-text-fill-color:#1f2950 !important;
    fill:#1f2950 !important;
  }
  body:not(.light-surface) .cm-side-discord__online,
  body:not(.light-surface) .cm-side-discord__total{
    background:rgba(15,23,42,.72) !important;
    color:#f8fafc !important;
    border:1px solid rgba(255,255,255,.12) !important;
  }
  body:not(.light-surface) .cm-side-discord__online-dot{
    background:var(--cm-success) !important;
    box-shadow:0 0 0 3px rgba(34,197,94,.22) !important;
  }

  /* ==========================================================
     10) MOD/JATEK CARDS — meta szövegek tisztulnak
     ========================================================== */
  body:not(.light-surface) .mod-card-row__title,
  body:not(.light-surface) .mod-card-row__title a,
  body:not(.light-surface) .cm-modern-title,
  body:not(.light-surface) .cm-modern-title a{
    color:var(--cm-link) !important;
  }
  body:not(.light-surface) .mod-card-row__excerpt,
  body:not(.light-surface) .cm-modern-excerpt{
    color:var(--cm-text-secondary) !important;
  }
  body:not(.light-surface) .mod-card-row__meta-line,
  body:not(.light-surface) .cm-modern-stat,
  body:not(.light-surface) .cm-modern-tax,
  body:not(.light-surface) .cm-modern-tax a,
  body:not(.light-surface) .cm-modern-author{
    color:var(--cm-text-muted) !important;
  }

  /* ==========================================================
     11) FOOTER
     ========================================================== */
  body:not(.light-surface) .site-footer,
  body:not(.light-surface) .site-footer--premium,
  body:not(.light-surface) footer.site-footer{
    background:linear-gradient(180deg,var(--cm-bg-soft) 0%,var(--cm-bg) 100%) !important;
    background-color:var(--cm-bg-soft) !important;
    border-top:1px solid var(--cm-border) !important;
    color:var(--cm-text-secondary) !important;
  }
  body:not(.light-surface) .site-footer h2,
  body:not(.light-surface) .site-footer h3,
  body:not(.light-surface) .site-footer h4,
  body:not(.light-surface) .site-footer strong{
    color:var(--cm-text) !important;
  }
  body:not(.light-surface) .site-footer a{
    color:var(--cm-text) !important;
  }
  body:not(.light-surface) .site-footer a:hover{
    color:var(--cm-link-hover) !important;
  }
  body:not(.light-surface) .site-footer .copy,
  body:not(.light-surface) .site-footer .copy *,
  body:not(.light-surface) .site-footer__copy{
    color:var(--cm-text-muted) !important;
  }

  /* ==========================================================
     12) STAT CARDOK
     ========================================================== */
  body:not(.light-surface) .cm-stat-card__num{ color:var(--cm-text) !important; }
  body:not(.light-surface) .cm-stat-card__lbl{ color:var(--cm-text-secondary) !important; }
  body:not(.light-surface) .cm-stat-card__link{ color:var(--cm-link) !important; }
  body:not(.light-surface) .cm-stat-card__ico{
    background:var(--cm-surface-3) !important;
    color:#a9c8ff !important;
  }

  /* ==========================================================
     13) SCROLLBAR / SELECTION
     ========================================================== */
  body:not(.light-surface) ::selection{
    background:rgba(59,130,246,.45);
    color:#fff;
  }
}

/* cm-dark-contact-cards-css */

@media (min-width:1400px){
  body:not(.light-surface) .cm-contact-wrap,
  body:not(.light-surface) .cm-contact-hero,
  body:not(.light-surface) .cm-contact-card,
  body:not(.light-surface) .cm-contact-note,
  body:not(.light-surface) .glass-card.mpp-contact-page{
    background:linear-gradient(180deg,#0f1724,#111c2b) !important;
    background-color:#0f1724 !important;
    border:1px solid rgba(148,163,184,.18) !important;
    color:#cbd5e1 !important;
    border-radius:18px !important;
    box-shadow:0 14px 32px rgba(0,0,0,.28) !important;
  }

  /* A hero (felso kek banner) maradjon, csak finomitsuk */
  body:not(.light-surface) .cm-contact-hero{
    background:linear-gradient(135deg,#1e3a8a 0%,#2563eb 100%) !important;
    color:#f8fafc !important;
  }
  body:not(.light-surface) .cm-contact-hero h1,
  body:not(.light-surface) .cm-contact-hero h2,
  body:not(.light-surface) .cm-contact-hero p{
    color:#f8fafc !important;
  }

  /* A 3 fo card (Tamogatas, DMCA, Kozosseg) */
  body:not(.light-surface) .cm-contact-grid{
    background:transparent !important;
  }
  body:not(.light-surface) .cm-contact-card h2,
  body:not(.light-surface) .cm-contact-card h3,
  body:not(.light-surface) .cm-contact-card strong{
    color:#f8fafc !important;
  }
  body:not(.light-surface) .cm-contact-card p,
  body:not(.light-surface) .cm-contact-card{
    color:#cbd5e1 !important;
  }
  body:not(.light-surface) .cm-contact-card small,
  body:not(.light-surface) .cm-contact-card .meta{
    color:#94a3b8 !important;
  }

  /* "Tip" sav alul */
  body:not(.light-surface) .cm-contact-note{
    background:#0f172a !important;
    background-color:#0f172a !important;
    color:#cbd5e1 !important;
  }

  /* Contact button stilusok */
  body:not(.light-surface) .cm-contact-btn{
    background:linear-gradient(180deg,#3b82f6,#2563eb) !important;
    color:#ffffff !important;
    border:0 !important;
  }
  body:not(.light-surface) .cm-contact-btn.secondary,
  body:not(.light-surface) .cm-contact-btn.cm-ghost{
    background:rgba(15,23,42,.55) !important;
    border:1px solid rgba(148,163,184,.24) !important;
    color:#f8fafc !important;
  }
  body:not(.light-surface) .cm-contact-btn:hover{
    filter:brightness(1.10);
  }
}

/* cm-hero-live-search-dark-css */

@media (min-width:1400px){
  /* Pozicionalas: a hero search formhoz dropdown legyen alatta */
  .cm-hero__search{position:relative !important;overflow:visible !important}

  /* DROPDOWN — sotet modra szabva */
  body:not(.light-surface) .cm-home-live-results{
    background:#0f1724 !important;
    border:1px solid rgba(148,163,184,.18) !important;
    box-shadow:0 22px 48px rgba(0,0,0,.50) !important;
    color:#cbd5e1 !important;
  }
  body:not(.light-surface) .cm-home-live-item{
    color:#e2e8f0 !important;
  }
  body:not(.light-surface) .cm-home-live-item:hover,
  body:not(.light-surface) .cm-home-live-item:focus{
    background:rgba(59,130,246,.16) !important;
    color:#93c5fd !important;
  }
  body:not(.light-surface) .cm-home-live-thumb{
    background:#162235 !important;
    box-shadow:inset 0 0 0 1px rgba(148,163,184,.18) !important;
  }
  body:not(.light-surface) .cm-home-live-title{ color:#f8fafc !important; }
  body:not(.light-surface) .cm-home-live-meta{ color:#94a3b8 !important; }
  body:not(.light-surface) .cm-home-live-action{ color:#60a5fa !important; }
  body:not(.light-surface) .cm-home-live-empty,
  body:not(.light-surface) .cm-home-live-loading{
    color:#94a3b8 !important;
  }

  /* Vilagos modban modern, tiszta */
  body.light-surface .cm-home-live-results{
    background:#ffffff !important;
    border:1px solid rgba(15,23,42,.10) !important;
    box-shadow:0 22px 48px rgba(15,23,42,.18) !important;
  }
}

/* cm-hero-live-search-fix-css */

@media (min-width:1400px){
  /* A dropdown szuloi NE vagjak el */
  .cm-home-redesign,
  .cm-home-redesign__container,
  .cm-home-redesign__main,
  .cm-hero,
  .cm-hero__left,
  .cm-hero__copy,
  .cm-hero__search{
    overflow:visible !important;
  }

  /* Dropdown maradjon a hero felett, ne legyen levagva, kepes a teljes 5 talalatot mutatni */
  .cm-home-live-results{
    z-index:200 !important;
    max-height:none !important;
    overflow:visible !important;
  }
  .cm-home-live-results .cm-home-live-item{
    overflow:hidden !important;
  }
}

/* cm-promo-bar-discord-btn-css */

@media (min-width:1400px){
  header.top-head .promo-bar{
    align-items:center !important;
    gap:12px !important;
    padding:6px 18px !important;
    font-size:13.5px !important;
    line-height:1.2 !important;
  }
  header.top-head .promo-bar__btn{
    display:inline-flex !important;
    align-items:center !important;
    padding:3px 12px !important;
    height:22px !important;
    min-height:22px !important;
    font-size:12px !important;
    font-weight:800 !important;
    letter-spacing:.2px !important;
    line-height:1 !important;
    border-radius:999px !important;
    background:#ffffff !important;
    color:#1d2c63 !important;
    -webkit-text-fill-color:#1d2c63 !important;
    border:0 !important;
    box-shadow:0 2px 8px rgba(0,0,0,.18) !important;
  }
  header.top-head .promo-bar__btn:hover{
    background:#eef2ff !important;
    color:#1d2c63 !important;
  }
  header.top-head .promo-bar__btn::before{ content:none !important; }
}

/* cm-hero-remove-white-filter-css */

body.home .cm-home-hero__media{
  opacity:.95!important;
  filter:none!important;
  mix-blend-mode:normal!important;
}

body.home .cm-home-hero__media--left{
  mask-image:linear-gradient(90deg,#000 0%,#000 45%,rgba(0,0,0,.75) 58%,rgba(0,0,0,.38) 74%,rgba(0,0,0,.12) 88%,transparent 100%)!important;
  -webkit-mask-image:linear-gradient(90deg,#000 0%,#000 45%,rgba(0,0,0,.75) 58%,rgba(0,0,0,.38) 74%,rgba(0,0,0,.12) 88%,transparent 100%)!important;
}

body.home .cm-home-hero__media--right{
  mask-image:linear-gradient(270deg,#000 0%,#000 45%,rgba(0,0,0,.75) 58%,rgba(0,0,0,.38) 74%,rgba(0,0,0,.12) 88%,transparent 100%)!important;
  -webkit-mask-image:linear-gradient(270deg,#000 0%,#000 45%,rgba(0,0,0,.75) 58%,rgba(0,0,0,.38) 74%,rgba(0,0,0,.12) 88%,transparent 100%)!important;
}

body.home .cm-home-hero__media::before,
body.home .cm-home-hero__media::after,
body.home .cm-home-hero::before,
body.home .cm-home-hero::after{
  display:none!important;
  content:none!important;
  background:none!important;
  opacity:0!important;
  filter:none!important;
}

/* cm-mobile-home-fix-css */

@media(max-width:1399px){

  body.home .cm-home-hero{
    min-height:auto!important;
    overflow:hidden!important;
    background:#eef5ff!important;
  }

  body.home .cm-home-hero__media{
    width:100%!important;
    opacity:.22!important;
    filter:none!important;
    mask-image:none!important;
    -webkit-mask-image:none!important;
  }

  body.home .cm-home-hero__inner{
    padding:34px 18px 28px!important;
    min-height:auto!important;
  }

  body.home .cm-home-hero__title{
    max-width:100%!important;
    font-size:34px!important;
    line-height:1.08!important;
    margin:0 auto 16px!important;
    text-align:center!important;
  }

  body.home .cm-home-hero__lead{
    max-width:92%!important;
    font-size:16px!important;
    line-height:1.45!important;
    margin:0 auto 22px!important;
    text-align:center!important;
  }

  body.home .cm-home-search-row{
    display:flex!important;
    flex-direction:column!important;
    gap:14px!important;
    width:100%!important;
    max-width:100%!important;
    margin:0 auto!important;
  }

  body.home .cm-home-search-row .cm-home-search,
  body.home .cm-home-search{
    width:100%!important;
    max-width:100%!important;
    height:58px!important;
    min-height:58px!important;
    aspect-ratio:auto!important;
    border-radius:18px!important;
    padding:5px!important;
    margin:0!important;
    display:flex!important;
    align-items:center!important;
    box-sizing:border-box!important;
  }

  body.home .cm-home-search input[type="search"],
  body.home .cm-home-search input[type="text"]{
    height:48px!important;
    min-height:48px!important;
    font-size:16px!important;
    line-height:48px!important;
    padding:0 58px 0 16px!important;
  }

  body.home .cm-home-search button{
    width:48px!important;
    height:48px!important;
    min-width:48px!important;
    border-radius:15px!important;
  }

  body.home .cm-home-browse-btn{
    width:100%!important;
    height:52px!important;
    border-radius:12px!important;
    font-size:16px!important;
    padding:0 18px!important;
  }

  body.home .cm-home-stats__inner{
    grid-template-columns:repeat(2,1fr)!important;
    padding:22px 18px!important;
    gap:22px 10px!important;
  }

  body.home .cm-home-stat{
    justify-content:center!important;
    grid-template-columns:52px auto!important;
    column-gap:12px!important;
  }

  body.home .cm-home-stat__icon{
    width:52px!important;
    height:52px!important;
  }

  body.home .cm-home-stat strong{
    font-size:28px!important;
  }

  body.home .cm-home-stat span:last-child{
    font-size:15px!important;
  }

  body.home .crashmod-home-games-head{
    padding:24px 18px 12px!important;
  }

  body.home .mpp-games-title{
    font-size:34px!important;
    line-height:1.05!important;
  }
}

/* cm-mobile-search-fix-css */

@media(max-width:1399px){
  body.home .cm-home-search-row{
    width:calc(100% - 32px)!important;
    max-width:420px!important;
    margin:0 auto!important;
    gap:12px!important;
  }

  body.home form.cm-home-search,
  body.home .cm-home-search-row form.cm-home-search{
    width:100%!important;
    max-width:100%!important;
    height:56px!important;
    min-height:56px!important;
    max-height:56px!important;
    aspect-ratio:auto!important;
    padding:0 6px 0 18px!important;
    margin:0!important;
    border-radius:999px!important;
    background:#fff!important;
    display:flex!important;
    align-items:center!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }

  body.home form.cm-home-search input,
  body.home form.cm-home-search input[type="search"],
  body.home form.cm-home-search input[type="text"]{
    flex:1 1 auto!important;
    width:auto!important;
    height:56px!important;
    min-height:0!important;
    padding:0 10px!important;
    margin:0!important;
    border:0!important;
    background:transparent!important;
    font-size:15px!important;
    line-height:56px!important;
  }

  body.home form.cm-home-search button,
  body.home form.cm-home-search .search-submit{
    flex:0 0 46px!important;
    width:46px!important;
    height:46px!important;
    min-width:46px!important;
    min-height:46px!important;
    margin:0!important;
    padding:0!important;
    border-radius:999px!important;
  }

  body.home .cm-home-browse-btn{
    width:calc(100% - 32px)!important;
    max-width:420px!important;
    height:52px!important;
    margin:0 auto!important;
    border-radius:12px!important;
  }
}

/* cm-profile-paid-inline */
.mpp-author-main .mod-list.mod-list--author-cards .mpp-paid-badge{position:static!important;top:auto!important;right:auto!important;left:auto!important;margin:0!important;flex:0 0 auto!important}.mpp-author-main .mod-list.mod-list--author-cards .mod-card-row__title{gap:.3rem!important;align-items:center!important;flex-wrap:nowrap!important}.mpp-author-main.mpp-author-main .mod-list.mod-list--author-cards .mod-card-row--modland .mod-card-row__title-main{display:flex!important;flex-wrap:nowrap!important;align-items:baseline!important;gap:.34rem!important;min-width:0!important;flex:1 1 auto!important;overflow:hidden!important}.mpp-author-main.mpp-author-main .mod-list.mod-list--author-cards .mod-card-row--modland .mod-card-row__title--modland a{display:block!important;flex:0 1 auto!important;min-width:0!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;-webkit-line-clamp:unset!important}.mpp-author-main.mpp-author-main .mod-list.mod-list--author-cards .mod-card-row--modland .mod-card-row__title-version{flex:0 0 auto!important;white-space:nowrap!important}
/* cm-desktop-guest-register-css */

@media (min-width:1400px){
  /* RESERVE SPACE — vendegnek mindig ugyanannyi szelesseg, akar van Reg gomb akar nincs */
  html body:not(.logged-in) header.top-head .account-actions{
    align-items:center!important;
    gap:10px!important;
    min-width:0!important; /* volt 430px helyfoglalas -> 169px fantom-hezag; a Reg gomb elso paint elott megjelenik, nincs szukseg ra */
    justify-content:flex-end!important;
  }
  html body:not(.logged-in) header.top-head .account-actions .account-actions__link[data-mpp-open-login],
  html body:not(.logged-in) header.top-head .account-actions .cm-register-link{
    display:inline-flex!important;align-items:center!important;gap:8px!important;
    height:46px!important;padding:0 22px!important;border-radius:999px!important;
    font-weight:800!important;font-size:14.5px!important;line-height:1!important;
    white-space:nowrap!important;text-decoration:none!important;
    transition:transform .15s ease,box-shadow .15s ease,filter .15s ease!important;
  }
  html body:not(.logged-in) header.top-head .account-actions .account-actions__link[data-mpp-open-login]{
    background:#fff!important;color:#1f3a8a!important;
    border:1px solid rgba(15,23,42,.16)!important;
    box-shadow:0 6px 16px rgba(15,23,42,.06)!important;
  }
  html body:not(.logged-in) header.top-head .account-actions .account-actions__link[data-mpp-open-login] svg{stroke:#1f3a8a!important;}
  html body:not(.logged-in) header.top-head .account-actions .account-actions__link[data-mpp-open-login]:hover{
    box-shadow:0 10px 22px rgba(15,23,42,.10)!important;transform:translateY(-1px)!important;
  }
  html body:not(.logged-in) header.top-head .account-actions .cm-register-link{
    background:linear-gradient(180deg,#3b82f6 0%,#2563eb 100%)!important;color:#fff!important;
    border:1px solid #2563eb!important;box-shadow:0 10px 22px rgba(37,99,235,.32)!important;
  }
  html body:not(.logged-in) header.top-head .account-actions .cm-register-link svg{stroke:#fff!important;}
  html body:not(.logged-in) header.top-head .account-actions .cm-register-link:hover{filter:brightness(1.06)!important;transform:translateY(-1px)!important;}

  html body header.top-head #mppLangSwitcher,
  html body header.top-head #modeToggle{
    height:46px!important;min-height:46px!important;border-radius:999px!important;
    border:1px solid rgba(15,23,42,.12)!important;
    box-shadow:0 6px 16px rgba(15,23,42,.06)!important;
    background:#fff!important;outline:none!important;
    transition:filter .15s ease,transform .15s ease!important;
  }
  html body header.top-head #mppLangSwitcher{padding:0 14px!important;}
  html body header.top-head #modeToggle{width:46px!important;min-width:46px!important;}
  html body header.top-head #mppLangSwitcher:hover,
  html body header.top-head #modeToggle:hover{transform:translateY(-1px)!important;box-shadow:0 10px 22px rgba(15,23,42,.10)!important;}
  html body header.top-head #mppLangToggle,
  html body header.top-head #mppLangToggle:hover,
  html body header.top-head #mppLangToggle:focus,
  html body header.top-head #mppLangToggle:focus-visible,
  html body header.top-head #mppLangToggle:active{
    background:transparent!important;border:0!important;box-shadow:none!important;outline:none!important;
  }
}
/* 2026-08-25 (tulaj bejelentese): a gomb ATMERETEZESKOR beragadt a fejlecbe.
   A JS csak beszurta, de sosem vette ki, ezert 1400px ala visszahuzva is ott maradt,
   es szuk ablakban rafolyt a "Mod feltoltese" gombra. F5 utan mar nem latszott.
   Ez a szabaly garantalja, hogy 1400px ALATT SOHA nem latszik -- akkor sem, ha
   valamiert bentragadna a DOM-ban. Vetelytars nincs: minden tobbi .cm-register-link
   szabaly @media (min-width:1400px) alatt van (005-... es cm-header-critical.php is). */
@media (max-width:1399.98px){
  html body header.top-head .account-actions .cm-register-link{ display:none!important; }
}

/* cm-desktop-header-distribute-css */

@media (min-width:1400px){
  html body header.top-head .container.top-row{
    column-gap:30px!important;
  }
  /* Even distribution of primary menu items across middle column */
  html body header.top-head #siteNav.main-nav{
    width:100%!important;
    justify-content:stretch!important;
  }
  html body header.top-head #siteNav.main-nav .menu{
    width:100%!important;
    display:flex!important;
    justify-content:space-between!important;
    align-items:center!important;
    flex-wrap:nowrap!important;
    gap:14px!important;
  }
  /* Right-side action buttons: balanced spacing */
  html body header.top-head .account-actions{
    gap:10px!important;
  }
  /* Language pill: kill the inner blue focus / hover ring */
  html body header.top-head #mppLangSwitcher,
  html body header.top-head #mppLangSwitcher:hover,
  html body header.top-head #mppLangSwitcher:focus,
  html body header.top-head #mppLangSwitcher:focus-within,
  html body header.top-head #mppLangSwitcher:focus-visible,
  html body header.top-head #mppLangToggle,
  html body header.top-head #mppLangToggle:hover,
  html body header.top-head #mppLangToggle:focus,
  html body header.top-head #mppLangToggle:focus-visible,
  html body header.top-head #mppLangToggle:active{
    outline:none!important;
    box-shadow:0 8px 22px rgba(15,23,42,.06)!important;
    border-color:rgba(15,23,42,.10)!important;
  }
  html body header.top-head #mppLangSwitcher:hover{
    background:#f4f7fc!important;
  }
}

/* cm-profile-button-bigger-css */

@media (min-width:1400px){
  /* Keep the OUTER button size the same (min 172px); just let the avatar + name
     fill it more (tighter padding/gap so the bigger content fits the 52px pill). */
  html body header.top-head #mppUserMenuTrigger,
  html body header.top-head .mpp-user-panel__trigger,
  html body header.top-head [aria-controls="mppUserDropdown"]{
    min-width:172px!important;
    max-width:230px!important;
    padding:0 13px!important;
    gap:9px!important;
  }

  /* The avatar IMG carries .mpp-user-panel__a (NOT a .mpp-user-panel__avatar
     wrapper), so target that directly — the old .mpp-user-panel__avatar rules
     never matched, which is why the avatar stayed small (30px). */
  html body header.top-head .mpp-user-panel__trigger .mpp-user-panel__a,
  html body header.top-head .mpp-user-panel__trigger img.avatar,
  html body header.top-head .mpp-user-panel__avatar,
  html body header.top-head .mpp-user-panel__avatar-img,
  html body header.top-head .mpp-user-panel__avatar .avatar{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    min-height:40px!important;
    border-radius:50%!important;
  }

  html body header.top-head .mpp-user-panel__name{
    font-size:18px!important;
    font-weight:800!important;
    line-height:1.1!important;
    max-width:14ch!important;
  }

  html body header.top-head .mpp-user-panel__chev{
    font-size:11px!important;
    opacity:.8!important;
  }
}

/* cm-dark-profile-light-cart-red-badge-css */

/* --- 1) Sötét módban is világos profil gomb (desktop) --- */
@media (min-width:1400px){
  html body:not(.light-surface) header.top-head #mppUserMenuTrigger,
  html body:not(.light-surface) header.top-head .mpp-user-panel__trigger,
  html body:not(.light-surface) header.top-head [aria-controls="mppUserDropdown"]{
    background:linear-gradient(180deg,#f8fbff 0%,#eef3fb 100%)!important;
    color:#0f172a!important;
    border:1px solid rgba(59,130,246,.45)!important;
    box-shadow:0 8px 22px rgba(2,6,23,.22)!important;
  }

  html body:not(.light-surface) header.top-head .mpp-user-panel__name,
  html body:not(.light-surface) header.top-head .mpp-user-panel__chev{
    color:#0f172a!important;
    -webkit-text-fill-color:#0f172a!important;
  }
}

/* --- 2) Kosár badge mindig piros, ne essen szét szöveggé --- */
html body header.top-head .mpp-header-cart-btn{
  position:relative!important;
  overflow:visible!important;
}

html body header.top-head .mpp-header-cart__badge{
  position:absolute!important;
  /* Match the message / bell badge (.mpp-msg-icon-badge) exactly: same offset,
     size, font and ring, and NO drop shadow so all three look identical. */
  top:-5px!important;
  right:-5px!important;
  min-width:18px!important;
  height:18px!important;
  padding:0 5px!important;
  border-radius:999px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  line-height:1!important;
  font-size:0.65rem!important;
  font-weight:700!important;
  background:#ef4444!important;
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
  box-shadow:none!important;
  border:2px solid var(--bg-card, #f4f6fb)!important; /* fallback: a --bg-card a kesleltetett CSS-ben definialt -> nelkule a border az elso festeskor 0 volt es a jelveny "megnott" */
  transform:none!important;
  z-index:9999!important;
}

html body header.top-head .mpp-header-cart__badge[hidden]{
  display:none!important;
}

/* cm-cart-panel-unified-all-pages-css */

@media (min-width:1400px){
  html body header.top-head .mpp-header-cart-panel:not([hidden]),
  html body:not(.light-surface) header.top-head .mpp-header-cart-panel:not([hidden]){
    display:flex!important;
    flex-direction:column!important;
    position:absolute!important;
    top:calc(100% + 8px)!important;
    right:0!important;
    left:auto!important;
    width:min(258px, calc(100vw - 24px))!important;   /* +10% */
    max-height:min(68vh, 370px)!important;            /* +10% */
    overflow:hidden!important;
    border-radius:9px!important;
    border:1px solid #d4deee!important;
    background:#ffffff!important;
    color:#1f2937!important;
    box-shadow:0 13px 34px rgba(15,23,42,.20)!important;
    z-index:1000000!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    transform:none!important;
  }

  html body header.top-head .mpp-header-cart-panel__scroll{
    padding:9px 11px 8px!important;
    overflow:auto!important;
  }

  html body header.top-head .mpp-header-cart-panel ul.woocommerce-mini-cart.cart_list{
    list-style:none!important;
    margin:0!important;
    padding:0!important;
  }

  html body header.top-head .mpp-header-cart-panel ul.woocommerce-mini-cart.cart_list li{
    display:grid!important;
    grid-template-columns:39px minmax(0,1fr)!important;
    gap:7px!important;
    align-items:start!important;
    padding:7px 0!important;
    border-bottom:1px solid #e5eaf3!important;
    position:relative!important;
  }

  html body header.top-head .mpp-header-cart-panel ul.woocommerce-mini-cart.cart_list li:last-child{
    border-bottom:0!important;
  }

  html body header.top-head .mpp-header-cart-panel ul.cart_list li img{
    width:39px!important;
    height:39px!important;
    object-fit:cover!important;
    border-radius:7px!important;
    border:1px solid #dbe4f3!important;
    background:#f8fbff!important;
    margin:0!important;
  }

  html body header.top-head .mpp-header-cart-panel ul.cart_list li > a:not(.remove){
    color:#1f2937!important;
    font-size:21px!important;      /* +10% */
    font-weight:800!important;
    line-height:1.25!important;
    text-decoration:none!important;
    display:block!important;
    padding-right:20px!important;
    position:relative!important;
    z-index:1!important;
  }

  html body header.top-head .mpp-header-cart-panel ul.cart_list li .quantity{
    color:#374151!important;
    font-size:11px!important;
    font-weight:700!important;
    margin-top:4px!important;
    display:inline-flex!important;
    gap:4px!important;
  }

  html body header.top-head .mpp-header-cart-panel ul.cart_list li .quantity .amount{
    color:#1f2937!important;
    font-weight:800!important;
  }

  html body header.top-head .mpp-header-cart-panel ul.cart_list li a.remove{
    position:absolute!important;
    top:7px!important;
    right:0!important;
    width:18px!important;
    height:18px!important;
    border-radius:999px!important;
    border:1px solid rgba(239,68,68,.35)!important;
    background:rgba(239,68,68,.12)!important;
    color:#ef4444!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    font-size:11px!important;
    font-weight:900!important;
    line-height:1!important;
    text-decoration:none!important;
    z-index:40!important;
    pointer-events:auto!important;
    cursor:pointer!important;
  }

  html body header.top-head .mpp-header-cart-panel .woocommerce-mini-cart__total,
  html body header.top-head .mpp-header-cart-panel p.woocommerce-mini-cart__total{
    display:flex!important;
    align-items:baseline!important;
    justify-content:space-between!important;
    margin:8px 0 0!important;
    padding-top:8px!important;
    border-top:1px solid #e5eaf3!important;
    color:#1f2937!important;
    font-size:12px!important;
    font-weight:800!important;
  }

  html body header.top-head .mpp-header-cart-panel .woocommerce-mini-cart__total strong{
    color:#374151!important;
    font-weight:800!important;
  }

  html body header.top-head .mpp-header-cart-panel .woocommerce-mini-cart__total .amount{
    color:#3b82f6!important;
    font-size:22px!important;
    font-weight:900!important;
  }

  html body header.top-head .mpp-header-cart-panel .woocommerce-mini-cart__buttons{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:7px!important;
    margin-top:8px!important;
  }

  html body header.top-head .mpp-header-cart-panel .woocommerce-mini-cart__buttons a,
  html body header.top-head .mpp-header-cart-panel .woocommerce-mini-cart__buttons .button{
    min-height:28px!important;
    border-radius:7px!important;
    font-size:11px!important;
    font-weight:800!important;
    text-decoration:none!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
  }

  html body header.top-head .mpp-header-cart-panel .woocommerce-mini-cart__buttons .wc-forward:not(.checkout){
    background:#e5eaf1!important;
    border:1px solid #cfd8e6!important;
    color:#1f2937!important;
    box-shadow:none!important;
  }

  html body header.top-head .mpp-header-cart-panel .woocommerce-mini-cart__buttons .checkout{
    background:linear-gradient(135deg,#22c55e,#16a34a)!important;
    border:1px solid rgba(22,163,74,.45)!important;
    color:#ffffff!important;
    box-shadow:0 5px 12px rgba(22,163,74,.24)!important;
  }

  html body header.top-head .mpp-header-cart-panel .woocommerce-notices-wrapper,
  html body header.top-head .mpp-header-cart-panel .woocommerce-message,
  html body header.top-head .mpp-header-cart-panel .woocommerce-info{
    display:none!important;
  }
}

/* cart badge: always visible + red, even when count is 0 */
html body header.top-head .mpp-header-cart-wrap .mpp-header-cart__badge,
html body header.top-head .mpp-header-cart-wrap [data-mpp-cart-count]{
  position:absolute!important;
  /* Identical to the message / bell badge (.mpp-msg-icon-badge): same offset, size,
     weight and ring, and NO drop shadow so all three header badges look the same. */
  top:-7px!important;
  right:-5px!important;
  min-width:19px!important;
  height:19px!important;
  padding:0 5px!important;
  border-radius:999px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#ef4444!important;
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
  font-size:11px!important;
  font-weight:700!important;
  line-height:1!important;
  border:2px solid var(--bg-card, #f4f6fb)!important;
  box-shadow:none!important;
  z-index:9999!important;
}

/* override [hidden] so 0 is shown too */
html body header.top-head .mpp-header-cart-wrap .mpp-header-cart__badge[hidden],
html body header.top-head .mpp-header-cart-wrap [data-mpp-cart-count][hidden]{
  display:inline-flex!important;
}

/* cm-woo-add-to-cart-notice-polish-css */

/* Keep same row position, only visual polish */
.woocommerce-notices-wrapper{
  margin:10px 0 14px!important;
}

.woocommerce-notices-wrapper .woocommerce-message{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  padding:10px 12px!important;
  border-radius:12px!important;
  border:1px solid #dbe6f5!important;
  background:#ffffff!important;
  color:#1f2937!important;
  box-shadow:0 8px 20px rgba(15,23,42,.08)!important;
  line-height:1.35!important;
}

.woocommerce-notices-wrapper .woocommerce-message::before{
  content:"\2713"!important;
  font-family:inherit!important;
  font-weight:900!important;
  font-size:13px!important;
  color:#16a34a!important;
  width:22px!important;
  height:22px!important;
  border-radius:999px!important;
  background:rgba(34,197,94,.15)!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  position:static!important;
  margin:0 2px 0 0!important;
  float:none!important;
}

/* "View cart" button: right side, same row */
.woocommerce-notices-wrapper .woocommerce-message .button,
.woocommerce-notices-wrapper .woocommerce-message .wc-forward{
  order:2!important;
  margin-left:auto!important;
  float:none!important;
  min-height:28px!important;
  padding:0 10px!important;
  border-radius:8px!important;
  border:1px solid #cfe0f8!important;
  background:#ecf5ff!important;
  color:#1f3b61!important;
  font-size:12px!important;
  font-weight:800!important;
  text-decoration:none!important;
  display:inline-flex!important;
  align-items:center!important;
}

/* message text/link */
.woocommerce-notices-wrapper .woocommerce-message a:not(.button):not(.wc-forward){
  color:#1f2937!important;
  text-decoration:none!important;
  font-weight:700!important;
}

/* Dark mode compatibility */
body:not(.light-surface) .woocommerce-notices-wrapper .woocommerce-message{
  background:#111a27!important;
  border-color:#2b3d57!important;
  color:#e6eefb!important;
  box-shadow:0 10px 24px rgba(0,0,0,.35)!important;
}
body:not(.light-surface) .woocommerce-notices-wrapper .woocommerce-message .button,
body:not(.light-surface) .woocommerce-notices-wrapper .woocommerce-message .wc-forward{
  background:#1b2a3d!important;
  border-color:#35507a!important;
  color:#e8f1ff!important;
}
body:not(.light-surface) .woocommerce-notices-wrapper .woocommerce-message a:not(.button):not(.wc-forward){
  color:#e6eefb!important;
}