body{font:400 16px/1.55 var(--font-b);background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif}
a{color:var(--primary)}
a:hover{color:#ffc040}
.container{max-width:1280px;padding:0 16px}
.site-header{position:sticky;top:0;z-index:50;padding:0 16px;backdrop-filter:none;border-bottom:0;background:linear-gradient(0deg,var(--header-bg),var(--header-bg)),linear-gradient(rgba(147,167,196,.2),transparent 67.5%,rgba(53,39,46,.16));box-shadow:0 6px 18px rgba(0,0,0,.35)}
.site-header .header-inner{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;min-height:70px;padding:12px 0;max-width:1248px}
.logo img{height:42px;max-height:42px;width:auto}
.main-nav{margin:0;display:flex;justify-content:center}
.main-nav ul{display:flex;gap:20px;flex-wrap:wrap;justify-content:center}
.main-nav a{padding:4px 0;border-radius:0;background:none;color:var(--text);font:700 16px/1.3 var(--font-b);text-shadow:rgba(0,0,0,.8) 0 2px 0,rgba(0,0,0,.5) 0 0 2px;transition:transform .2s,color .2s,filter .2s}
.main-nav a:hover,.main-nav a[aria-current=page]{background:none;color:#fff;transform:translateY(-1px);filter:drop-shadow(rgba(0,0,0,.35) 0 2px 6px)}
.header-cta{display:flex;gap:12px;align-items:center}
.btn-wood{position:relative;display:inline-grid;place-items:center;min-width:80px;padding:9px 20px;font:900 14px/1.2 var(--font-b);letter-spacing:.04em;color:var(--wood-light);text-decoration:none;border:3px solid #2a1810;box-shadow:inset 0 0 0 2px rgba(244,218,192,.35),0 0 0 2px #6b6157,rgba(0,0,0,.35) 0 8px 18px;text-shadow:rgba(0,0,0,.8) 0 2px 0,rgba(0,0,0,.5) 0 0 2px;transition:transform .2s,filter .2s;border-width:5px;border-radius:6px;background:linear-gradient(180deg,#b8743f,#7a4524 55%,#5a3017)}
.btn-wood:hover{color:var(--wood-light);transform:translateY(-1px);filter:brightness(1.08) drop-shadow(rgba(0,0,0,.45) 0 6px 16px)}
.btn-wood:active{transform:none;filter:brightness(.98)}
.btn-wood:focus-visible{outline:2px solid var(--wood-light);outline-offset:2px}
.burger{display:none;width:48px;height:42px;border-radius:10px;border:2px solid #6b6157;background:linear-gradient(180deg,#4a3d44,#2b2228);color:var(--text);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.btn{border-radius:8px;font:900 16px/1.2 var(--font-b);letter-spacing:.04em;transition:transform .2s,filter .2s,box-shadow .2s}
.btn-primary{text-transform:uppercase;color:var(--primary-text);background:linear-gradient(180deg,var(--gold-top) 0%,var(--primary) 50%,var(--gold-bot) 100%);border:3px solid #5a3a12;box-shadow:0 0 0 2px #e8c27a,inset 0 2px 0 rgba(255,255,255,.45),0 8px 18px rgba(0,0,0,.45)}
.btn-primary:hover{color:var(--primary-text);filter:brightness(1.08);box-shadow:0 0 0 2px #f4d48f,inset 0 2px 0 rgba(255,255,255,.45),0 10px 22px rgba(0,0,0,.5)}
.btn-lg{padding:16px 34px;font-size:18px}
.content{padding:0 0 60px}
h1,h2,h3{color:var(--text);letter-spacing:0}
h1{font-size:40px;font-weight:800;padding:10px 0;line-height:1.25}
h2{font-weight:700;font-size:22px;line-height:1.3;margin-top:1.6em}
h3{font-weight:700;margin-top:1.1em;font-size:20px}
.page-body p{margin:12px 0}
.page-body li{line-height:1.5;margin:6px 0}
.page-body ul,.page-body ol{margin:12px 0 16px 24px;padding-left:0}
.hero{position:relative;display:flex;align-items:center;width:100vw;margin:0 0 36px calc(50% - 50vw);padding:60px max(16px,calc(50vw - 624px));border:0;border-radius:0;box-shadow:none;background:var(--bg);overflow:hidden;isolation:isolate;min-height:420px;padding-top:70px;padding-bottom:40px;margin-top:26px}
.hero>.hero-inner{display:contents}
.hero-media{position:absolute;inset:0;margin:0;z-index:-2}
.hero-media img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;border-radius:0}
.hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(30,24,34,.7) 0%,rgba(30,24,34,.4) 38%,rgba(30,24,34,0) 65%),linear-gradient(0deg,var(--bg) 0%,rgba(30,24,34,0) 30%)}
.hero-text{position:relative;text-align:center;max-width:560px}
.hero h1{color:var(--hero-title);line-height:1.1;font-weight:800;text-shadow:rgba(0,0,0,.8) 0 3px 0,rgba(0,0,0,.5) 0 0 8px;margin:0 0 .4em;padding:0;font-size:40px}
.hero .lead,.hero p{font-size:16px;color:var(--text);text-shadow:0 1px 4px rgba(0,0,0,.8)}
.hero-actions{justify-content:center}
.hero .btn-primary{padding:16px 30px;font-size:18px}
.section{margin:0 0 30px}
.table-wrap{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:12px;margin:20px 0}
table{font-size:16px;min-width:600px;border-radius:12px}
th:last-child,td:last-child{border-right:0}
th{background:transparent;text-transform:none;letter-spacing:0;font:700 15px/1.4 var(--font-b);color:var(--text)}
td:first-child{font-weight:700}
tbody tr:hover{background:rgba(255,255,255,.04)}
tbody tr:last-child td{border-bottom:0}
.cards{gap:16px}
.card,.related-card,.faq details,.steps>li,.tcard,.facts,.author-box{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:12px}
.related-card{transition:transform .2s,box-shadow .2s,filter .2s}
.related-card:hover{border-color:rgba(212,129,0,.5);transform:translateY(-2px);box-shadow:rgba(0,0,0,.35) 0 6px 18px}
.related-card strong{color:var(--primary)}
.steps>li{padding:10px 16px 10px 52px;font-size:16px}
.steps>li::before{background:linear-gradient(180deg,var(--gold-top),var(--gold-bot));color:var(--primary-text);border:2px solid #5a3a12;line-height:30px}
.checklist>li::before{border-color:var(--primary);background-color:rgba(255,170,6,.2)}
.page-body li::marker{color:var(--primary)}
.cta-box{border-radius:12px;background:linear-gradient(120deg,rgba(212,129,0,.18),rgba(255,255,255,.03));border:1px solid rgba(212,129,0,.5)}
.cta-box strong{color:var(--wood-light)}
.promo-box{border-color:var(--primary);background:rgba(255,255,255,.03)}
.note{border-left-color:var(--primary);background:rgba(255,255,255,.04);border-radius:0 8px 8px 0}
.faq details{margin-bottom:10px}
.faq summary{font:700 17px/1.4 var(--font-b);color:var(--text)}
.faq summary::after{color:var(--primary)}
.faq details[open]{border-color:rgba(212,129,0,.5)}
.media img{border:0;border-radius:12px}
.crumbs a:hover{color:var(--primary)}
.pay-icons img{height:32px}
.site-footer{background:radial-gradient(120% 100% at 50% 0,rgba(255,255,255,.04) 0,transparent 60%) no-repeat,var(--footer-bg);border-top:1px solid rgba(255,255,255,.06);padding:40px 0 56px;color:var(--text);font-size:15px}
.footer-center{display:grid;gap:20px;justify-items:center;text-align:center}
.site-footer .logo img{height:42px}
.footer-pay{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;align-items:center;margin:0}
.footer-pay img{box-sizing:content-box;height:28px;width:auto;max-width:90px;object-fit:contain;padding:14px 22px;border-radius:12px;background:rgba(255,255,255,.04);transition:transform .2s,box-shadow .2s,filter .2s}
.footer-pay img:hover{filter:brightness(1.08);box-shadow:rgba(0,0,0,.35) 0 6px 18px;transform:translateY(-2px)}
.footer-more{margin-left:8px;color:var(--text);text-decoration:none;display:inline-flex;gap:8px;align-items:center;transition:color .2s,transform .2s}
.footer-more:hover{color:#fff;transform:translateX(2px)}
.footer-nav ul{columns:auto;display:flex;flex-wrap:wrap;justify-content:center;gap:8px 22px}
.footer-nav li{margin:0}
.footer-nav a{color:var(--text);font-weight:700}
.footer-nav a:hover{color:var(--primary)}
.site-footer .responsible{flex-direction:column;gap:16px;max-width:760px;margin:8px auto 0;font-size:14px;line-height:28px;color:var(--text)}
.age-badge{width:44px;height:44px;border:4px solid var(--text);border-radius:50%;margin:0;font:400 17px/1 var(--font-b);color:var(--text)}
.footer-text,.footer-licence{max-width:760px;margin:0 auto;font-size:14px;line-height:1.7;color:var(--muted)}
.footer-copy{margin:0;font-size:16px;color:var(--text)}
.to-top{background:var(--header-bg);color:var(--wood-light);border-color:#6b6157}
@media (max-width:980px){
.site-header{padding:0 12px}
.site-header .header-inner{grid-template-columns:auto 1fr auto auto;gap:10px;padding:10px 0}
.burger{display:inline-flex;grid-column:4}
.header-cta{grid-column:3;margin:0}
.main-nav{display:none;position:absolute;left:0;right:0;top:100%;inset:auto;top:100%;background:var(--nav-bg);border-bottom:1px solid rgba(255,255,255,.08);padding:16px 24px 24px;max-height:calc(100vh - 130px);overflow:auto;box-shadow:0 12px 24px rgba(0,0,0,.45)}
.nav-open .main-nav{display:block}
.main-nav ul{flex-direction:column;gap:6px;align-items:stretch}
.main-nav a{padding:12px 10px;font-size:17px;border-bottom:1px solid rgba(255,255,255,.06)}
.hero{min-height:440px;padding:48px 24px}
.hero-text{max-width:460px}
.hero h1{font-size:36px}
h1{font-size:34px}
h2{font-size:28px}
h3{font-size:23px}
}
@media (max-width:767px){
.hero{flex-direction:column;justify-content:flex-end;min-height:0;padding:260px 16px 32px;padding-top:300px}
.hero-media img{object-position:center top}
.hero::after{background:linear-gradient(0deg,var(--bg) 0%,rgba(30,24,34,.85) 45%,rgba(30,24,34,0) 75%)}
.hero-text{max-width:none}
}
@media (max-width:560px){
.site-header .header-inner{grid-template-columns:auto 1fr auto}
.logo{grid-area:1/1}
.burger{grid-area:1/3}
.header-cta{grid-area:2/1/auto/-1;width:100%;gap:10px}
.header-cta .btn,.header-cta .btn-wood{display:inline-flex;justify-content:center;flex:1 1 0;font-size:16px;padding:8px 12px;min-width:0}
.logo img{height:36px}
.hero h1{font-size:30px}
.hero .btn-primary{padding:14px 20px;font-size:16px;width:100%}
h1{font-size:30px}
h2{font-size:20px}
h3{font-size:20px}
.footer-pay{gap:10px}
.footer-pay img{padding:10px 14px;height:24px}
th,td{padding:10px 12px}
}
/* AI: звірка з референсом home 1 */
.hero-media img{object-position:75% center}
/* blocks: / */
.x-hero{position:relative;display:flex;align-items:center;overflow:hidden;padding:0;margin-top:26px;min-height:322px}
.x-hero .hero-inner{position:relative;z-index:2;width:100%;max-width:1280px;margin:0 auto;padding:40px 16px;display:block}
.x-hero .hero-media{position:absolute;inset:0;margin:0;z-index:0}
.x-hero .hero-media img{width:100%;height:100%;object-fit:cover;object-position:center top;border-radius:0}
.x-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:220px;pointer-events:none;z-index:1;background:linear-gradient(rgba(30,24,34,0),rgba(30,24,34,.6) 60%,var(--bg))}
.x-hero .hero-text{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;width:50%;max-width:420px}
.x-hero h1{margin:0;line-height:1.05;font-size:34px;font-weight:700;color:#e7cdb7;text-shadow:none}
.x-hero .lead{margin:0;color:var(--text);font-size:12px}
.x-badge{display:inline-flex;align-items:center;justify-content:center;padding:6px 14px;border-radius:999px;background:#23120e;color:#ffaa06;font-weight:800;letter-spacing:.02em;text-transform:uppercase;border:1px solid rgba(212,129,0,.5)}
.x-proscons{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.x-proscons>div{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px}
.x-proscons h3{margin-top:0}
.x-age{display:flex;gap:24px;align-items:center;max-width:860px;margin:32px auto;padding:20px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}
.x-age-badge{flex:0 0 auto;width:52px;height:52px;border:4px solid var(--text);border-radius:50%;display:grid;place-items:center;color:var(--text);font-size:17px}
.x-age p{margin:0;font-size:14px;line-height:1.8;color:var(--muted)}
@media (min-width:1280px){
.x-hero{min-height:600px}
}
@media (max-width:980px){
.x-hero .hero-text{width:60%}
.x-proscons{grid-template-columns:1fr}
.page-body h2{font-size:28px}
.page-body h3{font-size:24px}
}
@media (max-width:560px){
.x-hero{align-items:flex-end;margin-top:0;min-height:384px}
.x-hero .hero-text{width:100%;max-width:100%;gap:10px;padding-top:0}
.x-hero h1{font-size:28px}
.x-badge{padding:3px 14px;font-size:12px}
.x-age{flex-direction:column;text-align:center;gap:14px}
}
/* AI: звірка з референсом home 2 */
.page-body p{font-size:18px;line-height:25px}
th,td{padding:12px 14px;border-right:0;border-bottom:1px solid rgba(255,255,255,.06);white-space:nowrap;font-size:15px}
th:first-child,td:first-child{width:40%}
@media (max-width:560px){
.page-body p{font-size:16px;line-height:1.5}
.page-body h2{font-size:24px}
.page-body h3{font-size:20px}
}
/* AI: звірка з референсом inner 1 */
.page-body li{font-size:16px}
.page-body h2{font-size:32px;color:var(--heading);margin:24px 0 12px;line-height:1.3}
.page-body h3{font-size:28px;color:var(--heading);margin:24px 0 12px;line-height:1.3}
.page-body h2,.page-body h3{font-weight:700}
th{font-size:15px;font-weight:700}
td:first-child,th:first-child{width:auto;font-weight:400}
.crumbs ol{font-size:14px}

/* Dragonia visual enhancement: locally hosted artwork and game-card layouts */
.cards .card img{display:block;width:100%;height:180px;object-fit:cover;border-radius:9px;margin:0 0 14px}
.cards .card{overflow:hidden}
.section figure img{max-width:100%;height:auto;object-fit:cover;border-radius:12px}
.cta-box{position:relative;overflow:hidden;background:linear-gradient(90deg,rgba(32,18,42,.96),rgba(48,24,48,.82)),url('../images/dragonia-promo-banner.webp') center/cover no-repeat;border:1px solid rgba(252,186,78,.65);box-shadow:0 8px 24px rgba(0,0,0,.22)}
.promo-box{position:relative;background:linear-gradient(100deg,rgba(31,18,42,.92),rgba(58,25,64,.68)),url('../images/dragonia-premium-banner.webp') center/cover no-repeat}
@media(max-width:700px){.cards .card img{height:170px}.cta-box{background-position:70% center}}

.dragonia-hu-link{color:#ffd68d;text-decoration:none;border:1px solid rgba(255,213,141,.6);border-radius:7px;padding:8px 12px;font-weight:800;white-space:nowrap}.dragonia-hu-link:hover{background:#543345;color:#fff}

/* Dragonia premium artwork: retain headings and buttons as accessible HTML. */
.x-hero .hero-media img{object-position:center center}
.x-hero .hero-text{align-items:flex-start;text-align:left;max-width:510px}
.x-hero .hero-inner{padding:55px clamp(20px,5vw,70px)}
.x-hero .lead{font-size:clamp(14px,1.5vw,18px);line-height:1.55}
.x-hero h1{font-size:clamp(27px,3.1vw,44px);line-height:1.12}
.x-hero::after{background:linear-gradient(90deg,rgba(14,5,34,.67),transparent 74%),linear-gradient(0deg,rgba(19,8,35,.4),transparent 55%)}
.cards .card img{height:186px;object-fit:cover;object-position:center center}
.cards .card figure{overflow:hidden;border-radius:12px;margin:0 0 12px}
.cards .card figure img{display:block;width:100%;height:185px;object-fit:cover;transition:transform .28s ease}
.cards .card:hover figure img,.cards .card:hover>img{transform:scale(1.035)}
.cards .card{background:linear-gradient(180deg,#2b1c30,#241d2b);border-color:#574158}
.promo-box{background:linear-gradient(90deg,rgba(25,11,42,.93),rgba(44,15,55,.78)),url('../images/dragonia-premium-banner.webp') center/cover no-repeat}
@media(max-width:700px){.x-hero .hero-text{max-width:100%;width:100%;align-items:center;text-align:center}.x-hero .hero-inner{padding:34px 20px}.x-hero::after{background:rgba(14,5,34,.68)}.cards .card img,.cards .card figure img{height:170px}}


/* 2026-11-09: wide, legible internal heroes and consistent live-cashback artwork. */
@media (min-width: 701px) {
  .hero:not(.x-hero) { position:relative; min-height:540px; height:auto; display:flex; align-items:center; overflow:hidden; padding:54px max(25px,calc((100vw - 1240px)/2)); }
  .hero:not(.x-hero) .hero-inner { display:block; width:100%; max-width:1240px; position:relative; z-index:2; }
  .hero:not(.x-hero) .hero-text { width:min(100%,570px); max-width:570px; text-align:left; margin:0; }
  .hero:not(.x-hero) .hero-actions { justify-content:flex-start; }
  .hero:not(.x-hero) .hero-media { position:absolute; inset:0; width:100%; height:100%; margin:0; z-index:0; }
  .hero:not(.x-hero) .hero-media img { width:100%; height:100%; object-fit:cover; object-position:center center; border:0; border-radius:0; }
  .hero:not(.x-hero)::after { content:""; position:absolute; inset:0; z-index:1; pointer-events:none; background:linear-gradient(90deg,rgba(15,7,29,.95) 0%,rgba(15,7,29,.76) 28%,rgba(15,7,29,.18) 62%,transparent 85%); }
  .hero:not(.x-hero) h1 { font-size:clamp(29px,3vw,43px); margin:0 0 18px; line-height:1.16; }
  .hero:not(.x-hero) p { max-width:570px; line-height:1.6; }
}
@media (max-width:700px) {
  .hero:not(.x-hero) { margin-top:12px; padding:245px 18px 26px; min-height:0; align-items:flex-end; }
  .hero:not(.x-hero) .hero-media img { object-position:74% top; }
  .hero:not(.x-hero)::after { background:linear-gradient(0deg,rgba(21,10,31,1) 0%,rgba(21,10,31,.96) 44%,rgba(21,10,31,.28) 80%,rgba(21,10,31,.1) 100%); }
  .hero:not(.x-hero) .hero-text { text-align:left; width:100%; max-width:100%; }
  .hero:not(.x-hero) .hero-actions { justify-content:flex-start; }
  .hero:not(.x-hero) h1 { font-size:clamp(26px,7vw,34px); }
}
/* Keep four promotion cards visually even and make image height match other cards. */
.cards .card > img { width:100%;height:186px;object-fit:cover;object-position:center;border-radius:9px;display:block;margin-bottom:14px; }
@media(max-width:700px){.cards .card > img {height:170px}}


/* Hero fix: internal pages use CSS backgrounds, never a covering image layer. */
.hero.hero-repaired:not(.x-hero) {
  position: relative !important;
  isolation: isolate;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex-direction: row !important;
  min-height: 500px !important;
  height: auto !important;
  padding: 55px clamp(24px, 6vw, 100px) !important;
  overflow: hidden;
  background-image: linear-gradient(90deg, rgba(16,6,30,.97) 0%,rgba(16,6,30,.89) 29%,rgba(16,6,30,.48) 57%,rgba(16,6,30,.06) 89%), var(--hero-background) !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}
.hero.hero-repaired:not(.x-hero)::after { display: none !important; content: none !important; }
.hero.hero-repaired:not(.x-hero) > .hero-inner {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
  z-index: 2 !important;
  flex: 0 1 720px;
  width: min(100%, 46vw) !important;
  max-width: 720px !important;
  min-width: 320px;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 1 !important;
  visibility: visible !important;
}
.hero.hero-repaired:not(.x-hero) .hero-text {
  display: block !important;
  position: relative !important;
  z-index: 3 !important;
  width: 100% !important;
  max-width: 620px !important;
  margin: 0 auto !important;
  text-align: center !important;
  opacity: 1 !important;
  visibility: visible !important;
}
.hero.hero-repaired:not(.x-hero) .hero-text h1,
.hero.hero-repaired:not(.x-hero) .hero-text p,
.hero.hero-repaired:not(.x-hero) .hero-text .hero-actions { opacity: 1 !important; visibility: visible !important; }
.hero.hero-repaired:not(.x-hero) .hero-text p { margin-left: auto !important; margin-right: auto !important; }
.hero.hero-repaired:not(.x-hero) .hero-actions { justify-content: center !important; }
@media(max-width:700px) {
 .hero.hero-repaired:not(.x-hero) {
    min-height: 0 !important;
    padding: 225px 20px 32px !important;
    flex-direction: column !important;
    justify-content: flex-end !important;
    background-position: 72% top !important;
    background-image: linear-gradient(0deg,rgba(16,6,30,.98) 0%,rgba(16,6,30,.92) 39%,rgba(16,6,30,.2) 83%),var(--hero-background) !important;
 }
 .hero.hero-repaired:not(.x-hero) > .hero-inner {width:100% !important;max-width:100% !important;min-width:0 !important;}
 .hero.hero-repaired:not(.x-hero) .hero-text {max-width:100% !important;}
}

/* Background image paths resolve from this CSS file for local and hosted pages. */
.hero.hero-repaired.hero-felelos-jatek { --hero-background: url("../images/dragonia-12-phone.webp"); }
.hero.hero-repaired.hero-mobil { --hero-background: url("../images/dragonia-13-phone.webp"); }
.hero.hero-repaired.hero-licenc-es-biztonsag { --hero-background: url("../images/dragonia-16-shield.webp"); }
.hero.hero-repaired.hero-regisztracio-bejelentkezes { --hero-background: url("../images/hero-registration-wide.webp"); }
.hero.hero-repaired.hero-fizetesi-modok { --hero-background: url("../images/hero-payments-wide.webp"); }
.hero.hero-repaired.hero-kapcsolat { --hero-background: url("../images/dragonia-25-phone.webp"); }
.hero.hero-repaired.hero-felhasznalasi-feltetelek { --hero-background: url("../images/dragonia-26-phone.webp"); }
.hero.hero-repaired.hero-jatekok { --hero-background: url("../images/hero-games-wide.webp"); }
.hero.hero-repaired.hero-vip-program { --hero-background: url("../images/dragonia-30-gift.webp"); }
.hero.hero-repaired.hero-adatvedelem { --hero-background: url("../images/dragonia-33-phone.webp"); }
.hero.hero-repaired.hero-udvozlo-bonusz { --hero-background: url("../images/udvozlo-bonusz-ref-1.webp"); }

/* 2026-11-09: centered internal hero copy and unified premium hero artwork. */
.hero.hero-repaired:not(.x-hero) {
  align-items: center !important;
  min-height: 520px !important;
  background-position: center center !important;
}
.hero.hero-repaired:not(.x-hero) > .hero-inner {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  max-width: 640px !important;
  min-height: 100% !important;
}
.hero.hero-repaired:not(.x-hero) .hero-text {
  width: min(100%, 600px) !important;
  max-width: 600px !important;
  margin: 0 !important;
  text-align: center !important;
}
.hero.hero-repaired:not(.x-hero) .hero-actions {
  justify-content: center !important;
}
.hero.hero-repaired:not(.x-hero) .hero-text p {
  margin-left: auto !important;
  margin-right: auto !important;
}
@media(max-width:700px){
  .hero.hero-repaired:not(.x-hero) {
    min-height: 0 !important;
    padding: 245px 20px 32px !important;
    justify-content: flex-end !important;
    background-position: 68% top !important;
  }
  .hero.hero-repaired:not(.x-hero) > .hero-inner {
    justify-content: center !important;
    max-width: 100% !important;
  }
  .hero.hero-repaired:not(.x-hero) .hero-text {
    width: 100% !important;
    max-width: 100% !important;
  }
}

.hero.hero-repaired.hero-jatekok { --hero-background: url("../images/hero-jatekok-style.webp"); }
.hero.hero-repaired.hero-regisztracio-bejelentkezes { --hero-background: url("../images/hero-regisztracio-style.webp"); }
.hero.hero-repaired.hero-fizetesi-modok { --hero-background: url("../images/hero-fizetesi-style.webp"); }
.hero.hero-repaired.hero-udvozlo-bonusz { --hero-background: url("../images/hero-bonus-style.webp"); }
.hero.hero-repaired.hero-vip-program { --hero-background: url("../images/hero-vip-style.webp"); }
.hero.hero-repaired.hero-mobil { --hero-background: url("../images/hero-mobil-style.webp"); }
.hero.hero-repaired.hero-licenc-es-biztonsag { --hero-background: url("../images/hero-licenc-style.webp"); }
.hero.hero-repaired.hero-felelos-jatek { --hero-background: url("../images/hero-felelos-style.webp"); }
.hero.hero-repaired.hero-adatvedelem { --hero-background: url("../images/hero-adatvedelem-style.webp"); }
.hero.hero-repaired.hero-felhasznalasi-feltetelek { --hero-background: url("../images/hero-feltetelek-style.webp"); }
.hero.hero-repaired.hero-kapcsolat { --hero-background: url("../images/hero-kapcsolat-style.webp"); }