/* =========================================================================
   METIN2LIFE — arculat
   Izzó láva + arany, a logó színvilágából származtatva.
   ========================================================================= */
:root{
  --ink:      #0A0605;
  --ink-2:    #120B08;
  --ink-3:    #1B100C;
  --panel:    rgba(24,14,10,.82);
  --lava:     #C4321A;
  --lava-lit: #FF6A1E;
  --ember:    #FF9A3C;
  --bordo:    #6E1618;
  --bordo-lit:#96222A;
  --gold:     #E9B448;
  --gold-lit: #FFDE93;
  --gold-deep:#8A5A14;
  --parch:    #F0DDBC;
  --muted:    #A98D6C;
  --ok:       #4FB877;
  --err:      #E4635F;

  --display:'Cinzel', 'Times New Roman', serif;
  --body:'Barlow', system-ui, -apple-system, sans-serif;
  --util:'Barlow Condensed','Barlow',sans-serif;

  --shell:1200px;
  --hair:1px solid rgba(233,180,72,.20);
  --glow:0 0 34px -8px rgba(255,106,30,.55);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--ink);color:var(--parch);
  font-family:var(--body);font-size:16.5px;line-height:1.65;
  min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden;
}
/* parázsló háttér */
body::before{
  content:"";position:fixed;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(90% 55% at 50% -8%, rgba(255,106,30,.30), transparent 62%),
    radial-gradient(60% 40% at 12% 18%, rgba(110,22,24,.42), transparent 70%),
    radial-gradient(55% 45% at 88% 30%, rgba(196,50,26,.24), transparent 72%),
    repeating-linear-gradient(112deg, rgba(233,180,72,.028) 0 1px, transparent 1px 9px);
}
body::after{
  content:"";position:fixed;left:0;right:0;bottom:0;height:38vh;z-index:0;pointer-events:none;
  background:linear-gradient(0deg, rgba(196,50,26,.20), transparent);
}
img,svg{display:block;max-width:100%}
a{color:var(--gold);text-decoration:none}
:focus-visible{outline:2px solid var(--gold-lit);outline-offset:3px}
.shell{width:min(100% - 34px,var(--shell));margin-inline:auto;position:relative;z-index:1}

/* ── tipográfia ─────────────────────────────────────────────────────── */
h1,h2,h3,h4{font-family:var(--display);font-weight:700;line-height:1.14;margin:0}
.gold{
  background:linear-gradient(178deg,var(--gold-lit) 4%,var(--gold) 38%,var(--gold-deep) 76%,var(--gold-lit));
  -webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 2px 10px rgba(255,154,60,.30));
}
.eyebrow{
  font-family:var(--util);font-weight:700;text-transform:uppercase;
  letter-spacing:.3em;font-size:.74rem;color:var(--ember);
  display:flex;align-items:center;gap:12px;margin:0 0 14px;
}
.eyebrow::before{content:"";width:7px;height:7px;background:var(--lava-lit);transform:rotate(45deg);flex:none;box-shadow:0 0 10px var(--lava-lit)}
.eyebrow::after{content:"";height:1px;flex:1;background:linear-gradient(90deg,rgba(233,180,72,.45),transparent)}
.lead{color:var(--muted);max-width:64ch}
.muted{color:var(--muted)}

/* ── fejléc ─────────────────────────────────────────────────────────── */
.topbar{
  position:sticky;top:0;z-index:60;
  background:rgba(10,6,5,.86);backdrop-filter:blur(12px);
  border-bottom:var(--hair);
}
.topbar__in{display:flex;align-items:center;gap:24px;height:70px}
.brand{display:flex;align-items:center;gap:12px;margin-right:auto}
.brand img{width:44px;height:44px;border-radius:50%;box-shadow:0 0 22px -4px rgba(255,106,30,.85)}
.brand span{font-family:var(--display);font-weight:700;font-size:1.16rem;letter-spacing:.02em}
.nav{display:flex;gap:24px}
.nav a{
  font-family:var(--util);text-transform:uppercase;letter-spacing:.15em;
  font-weight:600;font-size:.9rem;color:var(--parch);position:relative;padding:5px 0;
}
.nav a.on{color:var(--gold-lit)}
.nav a::after{content:"";position:absolute;left:0;right:100%;bottom:0;height:1px;background:linear-gradient(90deg,var(--lava-lit),var(--gold));transition:right .28s ease}
.nav a:hover::after,.nav a.on::after{right:0}
.userbox{display:flex;align-items:center;gap:12px}
.userbox__name{font-family:var(--util);text-transform:uppercase;letter-spacing:.12em;font-size:.86rem;color:var(--gold-lit)}
.burger{display:none;background:none;border:var(--hair);color:var(--gold);padding:9px 12px;border-radius:3px;font-size:1rem;cursor:pointer}

/* ── gombok ─────────────────────────────────────────────────────────── */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  font-family:var(--util);text-transform:uppercase;letter-spacing:.16em;font-weight:700;font-size:.92rem;
  padding:13px 26px;border-radius:3px;border:1px solid transparent;cursor:pointer;text-align:center;
  transition:transform .18s ease,box-shadow .25s ease,background .25s ease,color .22s ease;
}
.btn--gold{
  background:linear-gradient(162deg,var(--gold-lit),var(--gold) 44%,var(--gold-deep));
  color:#2B1405;box-shadow:0 0 0 1px rgba(255,222,147,.5),0 14px 32px -16px rgba(255,154,60,.95);
}
.btn--gold:hover{transform:translateY(-2px);box-shadow:0 0 0 1px var(--gold-lit),0 20px 40px -14px rgba(255,154,60,1)}
.btn--lava{
  background:linear-gradient(162deg,var(--lava-lit),var(--lava) 60%,var(--bordo));
  color:#FFF1E2;box-shadow:0 14px 32px -16px rgba(255,106,30,.95);
}
.btn--lava:hover{transform:translateY(-2px)}
.btn--ghost{border-color:rgba(233,180,72,.38);color:var(--gold);background:rgba(110,22,24,.20)}
.btn--ghost:hover{background:var(--bordo);color:var(--parch);border-color:var(--bordo-lit);transform:translateY(-2px)}
.btn--sm{padding:9px 17px;font-size:.82rem}
.btn--block{width:100%}
.btn[disabled],.btn.off{opacity:.42;pointer-events:none}

/* ── panelek ────────────────────────────────────────────────────────── */
.card{
  border:var(--hair);background:linear-gradient(172deg,rgba(27,16,12,.90),rgba(10,6,5,.90));
  padding:26px;border-radius:4px;position:relative;
}
.card--gold{border-top:3px solid var(--gold)}
.card--lava{border-top:3px solid var(--lava-lit)}
.card h3{font-size:1.16rem;margin-bottom:6px}
.card__sub{font-family:var(--util);text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;color:var(--ember);margin-bottom:18px}

.section{padding:76px 0;position:relative}
.section--tight{padding:46px 0}
.section__head{margin-bottom:38px;max-width:76ch}
.section__head h2{font-size:clamp(1.8rem,4vw,2.7rem)}
.section__head p{margin:12px 0 0;color:var(--muted)}

/* ── hero ───────────────────────────────────────────────────────────── */
.hero{padding:56px 0 64px;position:relative;overflow:hidden}
.hero__grid{display:grid;grid-template-columns:1.02fr .98fr;gap:48px;align-items:center}
.hero h1{font-size:clamp(2.6rem,6.6vw,4.6rem);text-transform:uppercase;letter-spacing:.02em}
.hero__kicker{font-family:var(--util);text-transform:uppercase;letter-spacing:.32em;color:var(--ember);font-weight:700;font-size:.8rem;margin:0 0 16px}
.hero p.lead{margin:20px 0 28px;font-size:1.06rem}
.hero__cta{display:flex;flex-wrap:wrap;gap:14px}
.logo-stage{position:relative;display:grid;place-items:center;min-height:380px}
.logo-stage img{
  width:min(100%,400px);border-radius:50%;
  box-shadow:0 0 70px -10px rgba(255,106,30,.75),0 0 0 1px rgba(233,180,72,.35);
  animation:breathe 6s ease-in-out infinite;
}
.logo-stage::before{
  content:"";position:absolute;width:min(112%,470px);aspect-ratio:1;border-radius:50%;
  background:radial-gradient(circle,rgba(255,106,30,.35),rgba(110,22,24,.18) 48%,transparent 70%);
  animation:breathe 6s ease-in-out infinite;
}
@keyframes breathe{0%,100%{transform:scale(.985)}50%{transform:scale(1.015)}}
.ember{position:absolute;bottom:4%;width:3px;height:3px;border-radius:50%;background:var(--ember);opacity:0;animation:rise 9s linear infinite;box-shadow:0 0 8px var(--lava-lit)}
@keyframes rise{0%{opacity:0;transform:translateY(0)}14%{opacity:.9}100%{opacity:0;transform:translateY(-340px)}}

/* IP sáv */
.ipbar{
  margin-top:30px;display:flex;flex-wrap:wrap;align-items:center;gap:14px;
  border:var(--hair);border-left:3px solid var(--lava-lit);
  background:linear-gradient(90deg,rgba(110,22,24,.48),rgba(18,11,8,.4));padding:14px 18px;border-radius:3px;
}
.ipbar__label{font-family:var(--util);text-transform:uppercase;letter-spacing:.2em;font-size:.74rem;color:var(--muted)}
.ipbar__val{font-family:var(--display);font-weight:700;font-size:1.12rem;color:var(--gold-lit)}

/* ── statisztika ────────────────────────────────────────────────────── */
.stats{display:grid;grid-template-columns:repeat(4,1fr);border:var(--hair);background:rgba(18,11,8,.6);border-radius:4px;overflow:hidden}
.stat{padding:28px 24px;border-right:var(--hair)}
.stat:last-child{border-right:0}
.stat__num{font-family:var(--display);font-weight:700;font-size:clamp(1.8rem,4vw,2.6rem);color:var(--gold-lit);line-height:1}
.stat__label{font-family:var(--util);text-transform:uppercase;letter-spacing:.2em;font-size:.76rem;color:var(--muted);margin-top:11px}
.pip{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--ok);margin-right:9px;vertical-align:middle;box-shadow:0 0 0 0 rgba(79,184,119,.6);animation:beat 2.2s ease-out infinite}
@keyframes beat{70%{box-shadow:0 0 0 12px rgba(79,184,119,0)}100%{box-shadow:0 0 0 0 rgba(79,184,119,0)}}

.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}

table.tbl{width:100%;border-collapse:collapse;font-size:.94rem}
table.tbl th{
  font-family:var(--util);text-transform:uppercase;letter-spacing:.16em;font-size:.74rem;
  color:var(--muted);text-align:left;padding:0 10px 12px;border-bottom:var(--hair);font-weight:600;
}
table.tbl td{padding:12px 10px;border-bottom:1px dashed rgba(233,180,72,.14)}
table.tbl tr:last-child td{border-bottom:0}
table.tbl tbody tr:hover{background:rgba(255,106,30,.06)}
.pos{font-family:var(--display);font-weight:700;color:var(--gold-deep);width:2.4em}
tr:nth-child(1) .pos{color:var(--gold-lit)}
tr:nth-child(2) .pos{color:var(--gold)}
tr:nth-child(3) .pos{color:var(--ember)}
.tag{font-family:var(--util);text-transform:uppercase;letter-spacing:.12em;font-size:.76rem;color:var(--ember)}

/* ── űrlapok ────────────────────────────────────────────────────────── */
.form-wrap{max-width:520px;margin-inline:auto}
.field{margin-bottom:18px}
.field label{display:block;font-family:var(--util);text-transform:uppercase;letter-spacing:.18em;font-size:.76rem;color:var(--gold);margin-bottom:8px}
.field input,.field select,.field textarea{
  width:100%;padding:13px 15px;background:rgba(10,6,5,.9);color:var(--parch);
  border:1px solid rgba(233,180,72,.24);border-radius:3px;font-family:var(--body);font-size:1rem;transition:.2s;
}
.field input:focus,.field select:focus{border-color:var(--gold);outline:none;box-shadow:0 0 0 3px rgba(233,180,72,.14)}
.field input.ok{border-color:var(--ok)}
.field input.err{border-color:var(--err)}
.field small{display:block;margin-top:7px;color:var(--muted);font-size:.82rem}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.check{display:flex;gap:11px;align-items:flex-start;margin:18px 0;font-size:.9rem;color:var(--muted)}
.check input{margin-top:4px;accent-color:var(--gold);width:16px;height:16px;flex:none}

.alert{padding:13px 16px;border-radius:3px;margin-bottom:20px;font-size:.94rem;border-left:3px solid}
.alert--err{background:rgba(228,99,95,.12);border-color:var(--err);color:#FFC0BE}
.alert--ok{background:rgba(79,184,119,.12);border-color:var(--ok);color:#B8F0CE}
.alert--info{background:rgba(233,180,72,.10);border-color:var(--gold);color:var(--parch)}

/* ── letöltés ───────────────────────────────────────────────────────── */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:32px}
.step{border:var(--hair);padding:24px;background:rgba(18,11,8,.55);border-radius:4px}
.step__no{font-family:var(--display);font-weight:700;font-size:2.8rem;color:rgba(196,50,26,.6);line-height:.85;margin-bottom:12px}
.step h3{font-size:1.1rem;margin-bottom:7px}
.step p{margin:0;color:var(--muted);font-size:.94rem}
.mirrors{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.mirror{
  display:flex;align-items:center;gap:14px;padding:18px 20px;border-radius:3px;
  border:1px solid rgba(233,180,72,.26);background:rgba(110,22,24,.22);transition:.22s;
}
.mirror:hover{background:linear-gradient(120deg,var(--bordo),rgba(196,50,26,.55));border-color:var(--gold);transform:translateY(-3px)}
.mirror__t{font-family:var(--util);text-transform:uppercase;letter-spacing:.14em;font-weight:700;color:var(--parch);font-size:.94rem;display:block}
.mirror__s{font-size:.82rem;color:var(--muted)}
.specs{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));border:var(--hair);margin-top:28px;border-radius:4px;overflow:hidden}
.spec{padding:20px 22px;border-right:var(--hair)}
.spec:last-child{border-right:0}
.spec dt{font-family:var(--util);text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;color:var(--muted);margin-bottom:5px}
.spec dd{margin:0;font-weight:500}

/* ── SE rendelés ────────────────────────────────────────────────────── */
.step-hd{display:flex;align-items:center;gap:14px;margin-bottom:20px;padding-bottom:14px;border-bottom:var(--hair)}
.step-n{
  width:38px;height:38px;flex:none;display:grid;place-items:center;border-radius:50%;
  font-family:var(--display);font-weight:700;color:#2B1405;
  background:linear-gradient(160deg,var(--gold-lit),var(--gold-deep));
}
.step-t{font-family:var(--display);font-weight:700;font-size:1.2rem}

.methods{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin-bottom:24px}
.method{
  border:1px solid rgba(233,180,72,.24);background:rgba(18,11,8,.6);
  padding:18px;border-radius:4px;cursor:pointer;text-align:center;transition:.2s;
}
.method:hover{border-color:rgba(233,180,72,.6)}
.method.sel{border-color:var(--gold);background:linear-gradient(170deg,rgba(110,22,24,.5),rgba(18,11,8,.7));box-shadow:var(--glow)}
.method__icon{font-size:1.5rem;margin-bottom:6px}
.method__label{font-family:var(--util);text-transform:uppercase;letter-spacing:.14em;font-weight:700;color:var(--parch)}
.method__sub{font-size:.82rem;color:var(--muted)}

.pkgs{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}
.pkg{
  border:1px solid rgba(233,180,72,.22);background:linear-gradient(175deg,rgba(27,16,12,.9),rgba(10,6,5,.9));
  border-radius:4px;padding:22px 18px;text-align:center;cursor:pointer;transition:.2s;position:relative;overflow:hidden;
}
.pkg::before{content:"";position:absolute;inset:0 0 auto 0;height:2px;background:linear-gradient(90deg,transparent,var(--lava-lit),transparent);opacity:0;transition:.25s}
.pkg:hover{transform:translateY(-4px);border-color:rgba(233,180,72,.55)}
.pkg:hover::before,.pkg.sel::before{opacity:1}
.pkg.sel{border-color:var(--gold);box-shadow:var(--glow)}
.pkg__name{font-family:var(--util);text-transform:uppercase;letter-spacing:.2em;font-size:.8rem;color:var(--ember);margin-bottom:10px}
.pkg__coins{font-family:var(--display);font-weight:700;font-size:1.9rem;line-height:1}
.pkg__unit{font-size:.78rem;color:var(--muted);margin-top:4px}
.pkg__base{font-size:.78rem;color:var(--muted);text-decoration:line-through;margin-top:4px}
.pkg__sep{border:0;border-top:1px dashed rgba(233,180,72,.2);margin:14px 0}
.pkg__price{font-family:var(--util);font-weight:700;letter-spacing:.1em;font-size:1.06rem;color:var(--gold-lit)}

.paybox{
  border:1px solid rgba(233,180,72,.3);background:rgba(110,22,24,.24);
  padding:20px;border-radius:4px;margin-bottom:18px;
}
.paybox__label{font-family:var(--util);text-transform:uppercase;letter-spacing:.16em;font-size:.74rem;color:var(--muted);margin-bottom:5px}
.paybox__val{font-family:var(--display);font-weight:700;font-size:1.35rem;color:var(--gold-lit);letter-spacing:.04em;word-break:break-all}
.bank-row{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;align-items:center;padding:11px 0;border-bottom:1px dashed rgba(233,180,72,.16)}
.bank-row:last-child{border-bottom:0}
.bank-row__l{font-family:var(--util);text-transform:uppercase;letter-spacing:.14em;font-size:.76rem;color:var(--muted)}
.bank-row__v{font-weight:600;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.copy{
  background:none;border:1px solid rgba(233,180,72,.35);color:var(--gold);
  font-family:var(--util);text-transform:uppercase;letter-spacing:.12em;font-size:.74rem;font-weight:600;
  padding:5px 12px;border-radius:3px;cursor:pointer;transition:.2s;
}
.copy:hover{background:var(--gold);color:#2B1405}
.copy.done{background:var(--ok);border-color:var(--ok);color:#0A0605}
.note{border-left:3px solid var(--gold);background:rgba(233,180,72,.07);padding:14px 16px;border-radius:0 3px 3px 0;font-size:.92rem;margin-bottom:16px}
.warn{border-left:3px solid var(--lava-lit);background:rgba(255,106,30,.10);padding:14px 16px;border-radius:0 3px 3px 0;font-size:.92rem;color:#FFD3B5;margin-bottom:16px}
.locked{border:1px dashed rgba(233,180,72,.3);padding:26px;text-align:center;color:var(--muted);border-radius:4px}
.promo{
  display:inline-flex;align-items:center;gap:9px;padding:8px 16px;border-radius:99px;margin-bottom:20px;
  background:linear-gradient(100deg,var(--lava),var(--ember));color:#2B1405;
  font-family:var(--util);text-transform:uppercase;letter-spacing:.14em;font-weight:700;font-size:.84rem;
}

/* ── lábléc ─────────────────────────────────────────────────────────── */
.foot{margin-top:auto;border-top:var(--hair);padding:40px 0 28px;background:linear-gradient(180deg,transparent,rgba(110,22,24,.30));position:relative;z-index:1}
.foot__in{display:flex;flex-wrap:wrap;gap:22px;justify-content:space-between;align-items:center}
.foot__links{display:flex;gap:20px;flex-wrap:wrap;font-family:var(--util);text-transform:uppercase;letter-spacing:.13em;font-size:.82rem}
.foot small{display:block;margin-top:20px;color:var(--muted);font-size:.8rem;line-height:1.7}

/* ── admin ──────────────────────────────────────────────────────────── */
.badge{font-family:var(--util);text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;padding:4px 10px;border-radius:99px;font-weight:700}
.badge--pending{background:rgba(233,180,72,.18);color:var(--gold-lit)}
.badge--done{background:rgba(79,184,119,.18);color:#A6E8C3}
.badge--rejected{background:rgba(228,99,95,.18);color:#FFB4B2}

/* ── reszponzív ─────────────────────────────────────────────────────── */
@media (max-width:980px){
  .hero__grid{grid-template-columns:1fr;gap:26px}
  .logo-stage{order:-1;min-height:280px}
  .logo-stage img{width:min(74%,290px)}
  .stats{grid-template-columns:1fr 1fr}
  .stat{border-bottom:var(--hair)}
  .stat:nth-child(2n){border-right:0}
  .stat:nth-last-child(-n+2){border-bottom:0}
  .grid-2,.grid-3,.steps,.pkgs{grid-template-columns:1fr}
  .spec{border-right:0;border-bottom:var(--hair)}
  .spec:last-child{border-bottom:0}
  .nav{
    position:fixed;inset:70px 0 auto 0;flex-direction:column;gap:0;
    background:var(--ink-2);border-bottom:var(--hair);padding:8px 18px 18px;display:none;
  }
  .nav.open{display:flex}
  .nav a{padding:14px 0;border-bottom:var(--hair)}
  .burger{display:block}
  .userbox .btn{display:none}
}
@media (max-width:560px){
  .row2,.methods{grid-template-columns:1fr}
  .section{padding:54px 0}
  .card{padding:20px}
}
@media (prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important}
  html{scroll-behavior:auto}
}

/* ── AKCIÓ SÁV A LAP TETEJÉN ────────────────────────────────────────── */
.promobar{
  display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;
  padding:11px 18px;position:relative;z-index:70;text-decoration:none;
  background:linear-gradient(100deg,var(--bordo) 0%,var(--lava) 45%,var(--ember) 100%);
  background-size:200% 100%;animation:promoflow 9s ease-in-out infinite;
  color:#2B1405;border-bottom:1px solid rgba(255,222,147,.45);
}
.promobar:hover{color:#2B1405}
.promobar__mult{
  font-family:var(--display);font-weight:700;font-size:1.32rem;line-height:1;
  color:#FFF4DC;text-shadow:0 1px 6px rgba(90,20,0,.55);
}
.promobar__txt{
  font-family:var(--util);text-transform:uppercase;letter-spacing:.16em;
  font-weight:700;font-size:.86rem;color:#FFF0DA;
}
.promobar__clock{
  font-family:var(--util);font-weight:700;letter-spacing:.1em;font-size:.94rem;
  background:rgba(20,8,4,.42);color:#FFDE93;padding:5px 13px;border-radius:3px;
  border:1px solid rgba(255,222,147,.4);font-variant-numeric:tabular-nums;min-width:8.4em;text-align:center;
}
@keyframes promoflow{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@media (max-width:620px){
  .promobar{gap:10px;padding:9px 14px}
  .promobar__txt{font-size:.74rem;letter-spacing:.1em;width:100%;text-align:center;order:3}
  .promobar__clock{font-size:.86rem;min-width:7.6em}
}

/* ── ADMIN AKCIÓ VEZÉRLŐ ───────────────────────────────────────────── */
.promo-live{
  display:flex;align-items:center;gap:18px;flex-wrap:wrap;
  border:1px solid rgba(233,180,72,.4);border-left:3px solid var(--lava-lit);
  background:linear-gradient(100deg,rgba(110,22,24,.45),rgba(18,11,8,.5));
  padding:18px 20px;border-radius:4px;margin-bottom:22px;
}
.promo-live__mult{font-family:var(--display);font-weight:700;font-size:2rem;line-height:1;color:var(--gold-lit)}
.promo-live__clock{
  font-family:var(--util);font-weight:700;letter-spacing:.1em;font-size:1.28rem;color:var(--ember);
  font-variant-numeric:tabular-nums;
}
.promo-live__meta{font-size:.88rem;color:var(--muted)}
.quick{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:6px}
.quick button{
  background:rgba(110,22,24,.28);border:1px solid rgba(233,180,72,.3);color:var(--gold);
  font-family:var(--util);text-transform:uppercase;letter-spacing:.12em;font-weight:700;font-size:.78rem;
  padding:8px 14px;border-radius:3px;cursor:pointer;transition:.2s;
}
.quick button:hover{background:var(--bordo);color:var(--parch);border-color:var(--gold)}

/* ── HÁTTÉRKÉP A KEZDŐLAPON ─────────────────────────────────────────────
   A kép már elmosva és sötétítve van elmentve, így a böngészőnek nem kell
   futásidőben szűrőt számolnia — ez mobilon érezhetően gyorsabb.
   ──────────────────────────────────────────────────────────────────── */
html{background:var(--ink)}
body.has-bg{background:transparent}
.pagebg{
  position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:url('../assets/hatter.jpg') center 12% / cover no-repeat;
}
/* Sötétítő fátyol: fent áttetszőbb, hogy látszódjon a kép, lent tömör,
   hogy a szöveg és a kártyák mindig olvashatók maradjanak. */
.pagebg::after{
  content:"";position:absolute;inset:0;
  background:
    linear-gradient(180deg,
      rgba(10,6,5,.42) 0%,
      rgba(10,6,5,.62) 30%,
      rgba(10,6,5,.86) 62%,
      var(--ink) 92%),
    radial-gradient(70% 50% at 50% 6%, rgba(255,106,30,.20), transparent 70%);
}
/* A kezdőlapon a kép adja a hangulatot, ezért a lapközépi fényfoltokat
   visszavesszük, hogy ne mosódjon össze minden. */
body.has-bg::before{opacity:.55}
body.has-bg::after{opacity:.7}
@media (max-width:760px){
  .pagebg{background-position:center 20%}
  .pagebg::after{background:linear-gradient(180deg,rgba(10,6,5,.55) 0%,rgba(10,6,5,.80) 34%,var(--ink) 78%)}
}