/*  id="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;
  }
}

/*  id="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;
  }
}

/*  id="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}
}

/*  id="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; }

/*  id="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);
  }
}

/*  id="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; }
}

/*  id="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;
  }
}

/*  id="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;
    }
  }
}

/*  id="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}
}

/*  id="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;
  }
}

/*  id="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;
  }
}

/*  id="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;
  }
}

/*  id="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;
  }
}

/*  id="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;
  }
}