/* ============================================================
   MERIDIAN SKIN v2 – megosztott réteg
   Referencia: index.html (RC1) · Rollout 1: foglalas.html
   Forrás: MERIDIAN-FOUNDATION-v1 (+RC1 Addendum) · COMPONENTS · MOTION
   Minden szabály body.meridian alá zárva – csak a bekötött oldalakat érinti.
============================================================ */

/* ---------- FOUNDATION: color + fizika tokenek ---------- */
body.meridian{
  /* base – az Éjszaka */
  --bg:#0A0E18;            /* base.zenith */
  --bg-2:#0E1320;          /* base.field */
  --surface:#111726;       /* surface.1 */
  --surface-2:#161D30;     /* surface.2 */
  --line:rgba(237,231,219,.07);        /* line.faint */
  --line-soft:rgba(237,231,219,.14);   /* line.soft */
  /* text – meleg törtfehér a hideg égen */
  --text:#EDE7DB;
  --muted:#A9B2C5;
  /* gold system – az idő fénye */
  --gold:#E5C476;          /* gold.light */
  --gold-2:#F2DFA7;        /* gold.core */
  --gold-deep:#A87F35;
  /* fizika */
  --radius:16px;           /* radius.m */
  --shadow:0 24px 60px rgba(6,8,15,.5);  /* ambient – csak lebegőnek */
  --ease:cubic-bezier(.22,1,.36,1);       /* EASE.SWEEP */
  --ease-scene:cubic-bezier(.16,1,.3,1);
  --ease-tick:cubic-bezier(.4,0,.6,1);
  --mono:"IBM Plex Mono",ui-monospace,monospace;

  background:var(--bg);
  color:var(--text);
}

/* film grain lehalkítva – a Meridian vászna tiszta ég (Foundation 9.) */
body.meridian::after{opacity:.02}

/* vignetta – a kupola-érzet (Light System: kötelező) */
body.meridian::before{
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(120% 90% at 50% 40%,transparent 55%,rgba(6,8,15,.55) 100%);
}

/* fókusz + kijelölés (state.focus / state.selection) */
body.meridian :focus-visible{outline:2px solid rgba(229,196,118,.7);outline-offset:2px;border-radius:4px}
body.meridian ::selection{background:rgba(229,196,118,.14);color:var(--gold-2)}

/* ---------- TYPOGRAPHY: a három hang ---------- */
/* display – a Mesélő vékonyabb, szoborszerű (Observatory) */
body.meridian .h-xl{font-weight:500;letter-spacing:-0.01em}
body.meridian .h-lg{font-weight:500}
/* a Jelzet: kicker → mono meta-sor (Archive) */
body.meridian .kicker{
  font-family:var(--mono);font-size:11px;font-weight:500;
  letter-spacing:.2em;color:var(--gold);
}
body.meridian .kicker::before{width:24px;background:rgba(229,196,118,.45)}
/* minden szám mono (Foundation 2.1) */
body.meridian .trust-item strong,
body.meridian .room-meta,
body.meridian .hero-meta{font-family:var(--mono);letter-spacing:0}
body.meridian .trust-item strong{font-weight:600;font-size:1.25rem}
body.meridian .hero-meta{font-size:12px}
/* kártya-címek: type.h3 = Inter 650 (Components 10.) */
body.meridian .room-body h3{font-family:var(--font-body);font-weight:700;font-size:1.05rem;letter-spacing:.01em}
body.meridian .exp-body h3{font-family:var(--font-body);font-weight:700;font-size:1.2rem}
/* tagline-suttogás marad szerif italic – B-réteg */

/* ---------- SPACING: jelenetváltásnyi csend ---------- */
body.meridian .section{padding:clamp(96px,10vw,128px) 0}   /* section.gap */
body.meridian .section-head{margin-bottom:clamp(40px,5vw,56px)}

/* ---------- SURFACES & DEPTH: árnyék helyett fény ---------- */
/* kártyák az égen fekszenek – árnyék nincs, rim light van (Foundation 5.) */
body.meridian .room-card,
body.meridian .why-item,
body.meridian .rev-card{
  background:var(--surface);
  border:1px solid var(--line);
  box-shadow:inset 0 1px 0 rgba(237,231,219,.05);   /* rim light */
}
body.meridian .room-card:hover,
body.meridian .why-item:hover,
body.meridian .rev-card:hover{
  background:var(--surface-2);
  border-color:var(--line-soft);
  box-shadow:inset 0 1px 0 rgba(237,231,219,.09);
  transform:translateY(-4px);
}
body.meridian .why-item:hover{border-color:rgba(229,196,118,.3)}
/* exp-card (plakát): rim light + dolly-in marad, dobozárnyék le */
body.meridian .exp-card{border:1px solid var(--line)}
body.meridian .exp-card:hover{
  box-shadow:inset 0 1px 0 rgba(237,231,219,.12);
  transform:translateY(-6px);
}
/* videó-keret: lebegő réteg – ambient marad */
body.meridian .video-frame{box-shadow:var(--shadow);border:1px solid var(--line)}

/* ---------- BUTTONS: a főbejárat fénye (Components 1–3.) ---------- */
body.meridian .btn{transition:transform .2s var(--ease),box-shadow .2s var(--ease),background .2s}
body.meridian .btn-gold{
  background:linear-gradient(135deg,var(--gold-2),var(--gold) 45%,var(--gold-deep));
  color:#141005;
  box-shadow:0 0 24px rgba(229,196,118,.25);          /* glow.gold 25% */
}
body.meridian .btn-gold:hover{
  transform:translateY(-2px);
  box-shadow:0 0 38px rgba(229,196,118,.4);           /* glow tágul 40% */
}
body.meridian .btn-gold:active{
  transform:translateY(1px);
  transition-duration:.16s;                            /* motion.tick.heavy */
}
body.meridian .btn-ghost{border-color:var(--line-soft)}
body.meridian .btn-ghost:hover{
  transform:translateY(-2px);
  border-color:rgba(229,196,118,.45);
  background:rgba(229,196,118,.08);                    /* gold.ghost */
}
/* ghost-link nyíl tick-lépése */
body.meridian .btn:hover .arr,
body.meridian .room-card:hover .room-cta .arr{transition:transform .11s var(--ease-tick)}

/* ---------- HEADER: üveg keret-elem ---------- */
body.meridian .nav.scrolled{
  background:rgba(10,14,24,.78);
  backdrop-filter:blur(16px);
  border-color:var(--line);
}
body.meridian .nav-menu a.active,
body.meridian .drop-toggle.active{color:var(--gold-2)}
body.meridian .dropdown{
  background:#1C2438;                                  /* surface.3 */
  border-color:var(--line);
  box-shadow:var(--shadow);                            /* lebegő réteg */
}
body.meridian .logo em{color:var(--gold)}

/* ---------- HERO: canvas recept + Orbit szignatúra ---------- */
body.meridian .hero-media .video-ph{
  background:
    radial-gradient(55% 75% at 74% 20%,rgba(139,108,217,.28),transparent 60%),  /* spec.vborton derengés */
    radial-gradient(45% 60% at 12% 82%,rgba(79,169,126,.18),transparent 60%),   /* spec.kamra */
    radial-gradient(38% 48% at 50% 55%,rgba(229,196,118,.10),transparent 65%),
    linear-gradient(168deg,#0E1424 0%,#0A0E18 55%,#0C1120 100%);
}
body.meridian .hero-media::after{
  background:
    linear-gradient(90deg,rgba(10,14,24,.92) 0%,rgba(10,14,24,.5) 45%,rgba(10,14,24,.12) 100%),
    linear-gradient(0deg,var(--bg) 0%,transparent 30%),
    radial-gradient(120% 100% at 50% 30%,transparent 50%,rgba(6,8,15,.5) 100%);   /* vignetta */
}

/* AZ ORBIT – hajszál-ív + fénypont (UI Signature) */
body.meridian .m-orbit{
  position:absolute;z-index:1;pointer-events:none;
  width:min(120vh,1100px);height:min(120vh,1100px);
  right:-18%;top:50%;transform:translateY(-50%);
  border:1px solid rgba(229,196,118,.10);
  border-radius:50%;
}
body.meridian .m-orbit .arm{
  position:absolute;inset:-1px;border-radius:50%;
  animation:mOrbitIn 1.2s var(--ease) both;            /* motion.orbit */
  transform:rotate(24deg);
}
body.meridian .m-orbit .arm::after{
  content:"";position:absolute;top:-4px;left:50%;margin-left:-4px;
  width:8px;height:8px;border-radius:50%;
  background:var(--gold-2);                            /* gold.core mag */
  box-shadow:0 0 18px 4px rgba(229,196,118,.45),       /* halo */
             0 0 44px 14px rgba(229,196,118,.12);      /* másod-halo */
}
@keyframes mOrbitIn{from{transform:rotate(-120deg)}to{transform:rotate(24deg)}}

/* HERO ENTRANCE koreográfia (Motion 5. – CTA ≤ 2s) */
body.meridian .hero .reveal.in{opacity:0;animation:mSceneIn .9s var(--ease-scene) both}
@keyframes mSceneIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
body.meridian .hero .badge.reveal.in{animation-delay:.4s}
body.meridian .hero h1.reveal.in{animation-delay:.6s}
body.meridian .hero .lead.reveal.in{animation-delay:.8s}
body.meridian .hero .hero-ctas.reveal.in{animation-delay:1.05s}
body.meridian .hero .hero-meta.reveal.in{animation-delay:1.2s}

/* scroll-cue: az inga (Temporal Design) */
body.meridian .scroll-cue::after{background:linear-gradient(rgba(229,196,118,.8),transparent)}

/* ---------- SCROLL REVEAL: 16px, kaszkád max 5×70ms (MP6) ---------- */
body.meridian .reveal{transform:translateY(16px);transition:opacity .9s var(--ease-scene),transform .9s var(--ease-scene)}
body.meridian .d1{transition-delay:70ms}
body.meridian .d2{transition-delay:140ms}
body.meridian .d3{transition-delay:210ms}
body.meridian .d4{transition-delay:280ms}
body.meridian .d5,
body.meridian .d6{transition-delay:350ms}   /* kaszkád-plafon: 5 lépcső */

/* ---------- TRUST BAR: hairline + mono arany ---------- */
body.meridian .trust{background:var(--bg-2);border-color:var(--line)}
body.meridian .trust-item .stars{color:var(--gold)}

/* ---------- MISSION CARD részletek ---------- */
body.meridian .room-tag{
  font-family:var(--mono);letter-spacing:.14em;
  color:var(--gold-2);border-color:rgba(229,196,118,.35);
  background:rgba(10,14,24,.65);
}
body.meridian .diff i.on{background:var(--gold)}
body.meridian .room-meta{border-top-color:var(--line)}

/* ---------- FAQ: regiszter-sor + a válasz derengése ---------- */
body.meridian .faq-item{border-bottom-color:var(--line)}
body.meridian .faq-item.open{
  background:linear-gradient(90deg,rgba(229,196,118,.05),transparent 70%);   /* gold.ghost derengés */
}
body.meridian .faq-item.open .faq-q .ico{background:var(--gold);border-color:var(--gold);color:#141005}
body.meridian .faq-a{transition:max-height .5s var(--ease)}                   /* motion.enter */
body.meridian .faq-q .ico{transition:transform .11s var(--ease-tick),background .11s,border-color .11s}

/* ---------- REVIEWS: tanúk fénye ---------- */
body.meridian .rev-stars{color:var(--gold)}
body.meridian .rev-avatar{
  background:linear-gradient(135deg,rgba(229,196,118,.25),rgba(229,196,118,.06));
  border-color:rgba(229,196,118,.3);color:var(--gold-2);
}
body.meridian .rev-btn:hover{background:rgba(229,196,118,.12);border-color:var(--gold)}

/* ---------- FINAL CTA: egy fényforrás ---------- */
body.meridian .final::before{
  background:
    radial-gradient(50% 60% at 50% 100%,rgba(229,196,118,.13),transparent 65%),
    radial-gradient(55% 70% at 22% 8%,rgba(139,108,217,.16),transparent 60%),
    var(--bg-2);
}

/* ---------- FOOTER: stáblista, dupla vonallal (line.double) ---------- */
body.meridian .footer{background:#080B14;border-top:1px solid var(--line);position:relative}
body.meridian .footer::before{
  content:"";position:absolute;top:3px;left:0;right:0;height:1px;background:var(--line);
}
body.meridian .footer ul a:hover{color:var(--gold)}

/* ---------- PLAY GOMB: radius.orbit + glow ---------- */
body.meridian .play-btn{
  background:linear-gradient(135deg,var(--gold-2),var(--gold-deep));
  box-shadow:0 0 0 0 rgba(229,196,118,.4);
}

/* ---------- REDUCED MOTION (MP9) ---------- */
@media (prefers-reduced-motion: reduce){
  body.meridian .m-orbit .arm{animation:none;transform:rotate(24deg)}
  body.meridian .hero .reveal.in{animation:none;opacity:1}
  body.meridian .reveal{transition-duration:.01ms;transform:none}
  body.meridian .hero-media .video-ph{animation:none}
}

/* ---------- MOBIL (Thumb First – a drift és az ív rövidül) ---------- */
@media (max-width:860px){
  body.meridian .m-orbit{width:150vw;height:150vw;right:-60vw;top:auto;bottom:-70vw;transform:none}
  body.meridian .section{padding:64px 0}
}


/* ============================================================
   RC1 – STABILIZÁCIÓS RÉTEG
   P1: viewport-aranyszabály · P2: mono-szűkítés + gold-egységesítés
   + Meridian Consistency Sweep
============================================================ */

/* ---------- P1-1: VIEWPORT GOLD RULE ----------
   A header CTA a hero felett ghost; amint a hero-CTA elhagyja
   a viewportot (nav.cta-gold), visszakapja az aranyat.
   Méret, padding, betű változatlan – csak a hangsúly vált. */
body.meridian .nav .nav-right .btn-gold{
  background:rgba(255,255,255,.05);
  color:var(--text);
  border:1px solid var(--line-soft);
  box-shadow:none;
  transition:background .25s var(--ease),color .25s var(--ease),
             border-color .25s var(--ease),box-shadow .25s var(--ease),
             transform .2s var(--ease);
}
body.meridian .nav .nav-right .btn-gold:hover{
  background:rgba(229,196,118,.1);
  border-color:rgba(229,196,118,.45);
  transform:translateY(-2px);
}
body.meridian .nav.cta-gold .nav-right .btn-gold{
  background:linear-gradient(135deg,var(--gold-2),var(--gold) 45%,var(--gold-deep));
  color:#141005;
  border-color:transparent;
  box-shadow:0 0 24px rgba(229,196,118,.25);
}
body.meridian .nav.cta-gold .nav-right .btn-gold:hover{
  box-shadow:0 0 38px rgba(229,196,118,.4);
}

/* ---------- P2-3: TYPOGRAPHY RULE – mono kizárólag adatnyelv ----------
   Trust bar: mono csak a numerikus tételeken (1–3.);
   a szöveges kiemelések visszatérnek a Mesélőhöz. */
body.meridian .trust-inner .trust-item:nth-child(n+4) strong{
  font-family:var(--font-display);
  font-weight:600;font-size:1.15rem;letter-spacing:0;
}
/* Hero-meta: mondat-szintű meta → vissza a Jelen hangjára */
body.meridian .hero-meta{
  font-family:var(--font-body);
  font-size:12.5px;letter-spacing:.02em;
}

/* ---------- P2-4: GOLD CONSISTENCY – a régi arany teljes kivezetése ---------- */
/* hero badge */
body.meridian .hero .badge{
  color:var(--gold-2);
  border-color:rgba(229,196,118,.35);
  background:rgba(229,196,118,.07);
}
/* USP ikonkeret */
body.meridian .why-icon{
  background:linear-gradient(135deg,rgba(229,196,118,.16),rgba(229,196,118,.05));
  border-color:rgba(229,196,118,.28);
}
/* review avatár */
body.meridian .rev-avatar{
  background:linear-gradient(135deg,rgba(229,196,118,.25),rgba(229,196,118,.06));
  border-color:rgba(229,196,118,.3);
}
/* dropdown hover-sor (gold.ghost) */
body.meridian .dropdown a:hover{
  background:rgba(229,196,118,.09);
  color:var(--gold-2);
}
/* ajándék-kártya derengése az új aranyra hangolva */
body.meridian .bg-gift{
  background:
    radial-gradient(65% 85% at 70% 25%,rgba(229,196,118,.32),transparent 60%),
    radial-gradient(50% 60% at 20% 85%,rgba(168,127,53,.3),transparent 60%),
    linear-gradient(160deg,#1C1810,#0C0F18);
}
/* play-gomb pulzus: a keyframe token-aranyat kap (globális felülírás –
   csak az index tölti be ezt a fájlt) */
@keyframes pulse{
  0%{box-shadow:0 0 0 0 rgba(229,196,118,.4)}
  70%{box-shadow:0 0 0 34px rgba(229,196,118,0)}
  100%{box-shadow:0 0 0 0 rgba(229,196,118,0)}
}
body.meridian .rev-btn:hover{
  background:rgba(229,196,118,.12);
  border-color:var(--gold);
}

/* ---------- CONSISTENCY SWEEP ---------- */
/* kártya-hover időzítés: hover = 250ms (Motion 3.), nem 350–500 */
body.meridian .exp-card,
body.meridian .room-card,
body.meridian .why-item,
body.meridian .rev-card{
  transition-duration:.25s;
  transition-timing-function:var(--ease);
}
/* dolly-in: 900ms scene (Motion: Gallery/Card) az 1.1s helyett */
body.meridian .exp-card .exp-bg,
body.meridian .room-media .exp-bg{
  transition:transform .9s var(--ease-scene);
}
/* dropdown radius → radius.m token */
body.meridian .dropdown{border-radius:var(--radius)}
/* exp-kártya leírás a token-szövegszínre */
body.meridian .exp-body p{color:rgba(237,231,219,.75)}


/* ============================================================
   ROLLOUT 1 – FOGLALÓ (foglalas.html)
   Szemantikus tokenek + a booking-réteg régi literáljainak kivezetése
============================================================ */

/* Foundation szemantikus színek (sem.free / sem.scarce) – a régi zöld/narancs helyett */
body.meridian{--ok:#5FBF82;--ok-2:#A9DDBE;--warn:#F0A35E}

/* --- IDŐPONT-GOMBOK: type.number (mono) + sem.free fényrend --- */
body.meridian .tslot{
  font-family:var(--mono);font-weight:600;
  color:var(--ok-2);
  background:rgba(95,191,130,.11);
  border-color:rgba(95,191,130,.5);
  transition:transform .2s var(--ease),background .2s var(--ease),
             color .2s var(--ease),box-shadow .2s var(--ease);
}
body.meridian .tslot .tl{font-family:var(--font-body)}
body.meridian .tslot:hover{
  background:linear-gradient(135deg,#A9DDBE,#3F8B5D);
  color:#0B1710;border-color:transparent;
  box-shadow:0 0 24px rgba(95,191,130,.28);
}
body.meridian .tslot-feat{background:rgba(95,191,130,.16)}
/* kevés hely: sem.scarce */
body.meridian .tslot-few{
  color:var(--warn);
  background:rgba(240,163,94,.12);
  border-color:rgba(240,163,94,.55);
}
body.meridian .tslot-few:hover{
  background:linear-gradient(135deg,#F6C592,#C0762E);
  color:#1A1005;box-shadow:0 0 24px rgba(240,163,94,.28);
}
body.meridian .scarce{color:var(--warn)}
body.meridian .warn-big{
  background:rgba(240,163,94,.1);
  border-color:rgba(240,163,94,.5);
  color:#F3BE8B;
}
body.meridian .warn-big .w-small{color:#E09A5C}
body.meridian .warn-big .w-big{color:var(--warn)}

/* --- zöld emoji helyett token-fénypont (okdot) --- */
body.meridian .okdot{
  display:inline-block;width:8px;height:8px;border-radius:50%;
  background:var(--ok);box-shadow:0 0 8px rgba(95,191,130,.55);
  margin-right:7px;vertical-align:2px;
}
body.meridian .m-time{font-family:var(--mono);font-weight:700}

/* --- MOBIL KÁRTYA-CTA (m-toggle): sem.free vezérlés --- */
body.meridian .m-toggle{
  background:rgba(95,191,130,.1);
  border-color:rgba(95,191,130,.45);
  color:var(--ok-2);
}
body.meridian .m-toggle .chev{background:rgba(95,191,130,.22);color:var(--ok-2)}
body.meridian .dr.open .m-toggle{background:rgba(255,255,255,.05);border-color:var(--line);color:var(--muted)}
body.meridian .dr.open .m-toggle .chev{background:rgba(255,255,255,.08);color:var(--muted)}

/* --- NAPI KÁRTYA (booking card = panel recept) --- */
body.meridian .dr{background:var(--surface-2);border-color:var(--line);border-radius:20px}
body.meridian .dr:hover{border-color:rgba(229,196,118,.3)}
body.meridian .slotzone{border-top-color:var(--line)}

/* --- NAPTÁR: a napok számai mono (type.number) --- */
body.meridian .cal-day{font-family:var(--mono);font-size:12px}
body.meridian .calpop{border-color:rgba(229,196,118,.3)}
body.meridian .cal-sheet{border-color:rgba(229,196,118,.3)}

/* --- DÁTUMVEZÉRLŐ + gombok: token-arany --- */
body.meridian .mbar{border-color:rgba(229,196,118,.24);border-bottom-color:var(--gold)}
body.meridian .dbtn:hover{border-color:var(--gold);background:rgba(229,196,118,.1)}
body.meridian .quick3 .dbtn{border-color:rgba(229,196,118,.4);color:var(--gold-2)}
body.meridian .msub{
  background:rgba(229,196,118,.09);              /* gold.ghost – 14% alatt */
  border-color:rgba(229,196,118,.4);
  box-shadow:none;
}
body.meridian .msub:hover{background:rgba(229,196,118,.14);border-color:var(--gold)}

/* --- SZŰRŐK: aktív chip felirata text.inverse; caret token-arany --- */
body.meridian .chip.on{color:#141005}
body.meridian .psel{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23E5C476' fill='none' stroke-width='1.5'/%3E%3C/svg%3E");
}
body.meridian .psel:hover,body.meridian .psel:focus{border-color:var(--gold)}

/* --- ZSÁKUTCA-MENTŐK + PANELEK: token-arany keretek --- */
body.meridian .wk-alt{background:rgba(229,196,118,.06);border-color:rgba(229,196,118,.3)}
body.meridian .pick-hint{border-color:rgba(229,196,118,.4)}
body.meridian .size-hint{background:rgba(229,196,118,.07);border-color:rgba(229,196,118,.3)}
body.meridian .bk-panel{border-color:rgba(229,196,118,.4);background:#1C2438}   /* floating: surface.3 */
body.meridian .bk-success{border-color:rgba(229,196,118,.4)}
body.meridian .day-sum .oksum{color:var(--ok-2)}

/* --- REDUCED MOTION (MP9): a foglaló mikro-belépői is állnak --- */
@media (prefers-reduced-motion: reduce){
  body.meridian .pop{animation:none}
  body.meridian .dr.open .slotzone{animation:none}
  body.meridian .cal-sheet,
  body.meridian .bk-panel{transition:none}
}


/* ============================================================
   ROLLOUT 2 – VARÁZSVILÁG (hub + Odú + Titkok Kamrája + Börtön)
   Egy univerzum, három hangulat. Observatory-réteg, nem giccs.
   Referencia: index RC1. Csak skin – nulla layout/UX/copy változás.
============================================================ */

/* ---------- KÖZÖS VARÁZSVILÁG-ALAP ----------
   A hero-canvas per oldal külön él (lásd lentebb), a poster/trailer
   dekor token-aranyra és token-szövegre hangolva. */

/* poster (hub) + trailer (pályaoldal) régi arany kivezetése */
body.meridian .poster:hover{border-color:rgba(229,196,118,.35)}
body.meridian .poster-num{
  background:linear-gradient(160deg,var(--gold-2),rgba(229,196,118,.25));
  -webkit-background-clip:text;background-clip:text;
}
body.meridian .poster-body .tagline,
body.meridian .trailer-body .tagline{color:var(--gold-2)}
/* meleg-fehér tintek → token-szöveg (Foundation 2., mint az exp-body-nál) */
body.meridian .poster-body p{color:rgba(237,231,219,.78)}
body.meridian .trailer-body>p{color:rgba(237,231,219,.8)}
body.meridian .trailer-chips span{
  color:rgba(237,231,219,.85);
  background:rgba(237,231,219,.06);
  border-color:var(--line-soft);
}
body.meridian .trailer-timer{color:rgba(237,231,219,.14)}   /* type.number, néma óra */

/* poster CTA a hub-on ghost (viewport gold rule: a rácsban NINCS arany –
   az egyetlen arany a fejléc; a hero-CTA a fő arany fókusz) */
body.meridian .poster .btn-ghost{width:100%;justify-content:center}

/* nehézség-pöttyök: az aktív token-arany (index-parity) */
body.meridian .diff i{background:var(--line-soft)}
body.meridian .diff i.on{background:var(--gold)}

/* ---------- OBSERVATORY POR (sparkles) – csendes, nem tündérpor ----------
   Kevesebb fény, gold.core mag, lassabb sodrás. A csúcs-opacitás
   levíve, hogy „csillagpor" legyen, ne fantasy-glitter. */
body.meridian .sparkles span{
  background:var(--gold);
  box-shadow:0 0 6px 1px rgba(229,196,118,.3);
  width:3px;height:3px;
}
@keyframes floatUp{                     /* felülírás – csak a meridian oldalak töltik */
  0%{transform:translateY(30px) scale(.4);opacity:0}
  20%{opacity:.42}
  60%{opacity:.24}
  100%{transform:translateY(-58vh) scale(.9);opacity:0}
}

/* ---------- HERO CANVAS – oldalanként külön hangulat ----------
   Mindegyik ugyanabból a Meridian-égből épül (base.zenith),
   a különbség a fény hőmérséklete és iránya. */

/* HUB – a három világ egy látképen: violet + teal + halvány arany */
body.meridian.vv-hub .hero-media .video-ph{
  background:
    radial-gradient(55% 75% at 76% 18%,rgba(139,108,217,.30),transparent 60%),   /* mágia-violet */
    radial-gradient(46% 62% at 12% 82%,rgba(79,169,126,.20),transparent 60%),     /* kamra-teal */
    radial-gradient(40% 50% at 48% 60%,rgba(229,196,118,.10),transparent 65%),    /* idő-arany mag */
    linear-gradient(168deg,#0F1326 0%,#0A0E18 55%,#0C1120 100%);
}

/* ODÚ – melegebb, könnyedebb: meleg arany fő-fény, lágy violet alul */
body.meridian.vv-odu .hero-media .video-ph{
  background:
    radial-gradient(56% 74% at 72% 20%,rgba(229,196,118,.22),transparent 60%),    /* meleg arany derengés */
    radial-gradient(48% 60% at 14% 84%,rgba(139,108,217,.20),transparent 62%),    /* halk mágia-violet */
    radial-gradient(38% 46% at 50% 58%,rgba(242,223,167,.10),transparent 65%),
    linear-gradient(168deg,#141326 0%,#0A0E18 52%,#12111F 100%);
}

/* TITKOK KAMRÁJA – rejtélyesebb: mélyebb teal-zöld + violet, több árnyék */
body.meridian.vv-kamra .hero-media .video-ph{
  background:
    radial-gradient(52% 72% at 26% 24%,rgba(79,169,126,.26),transparent 60%),     /* kamra-zöld, balról */
    radial-gradient(50% 64% at 82% 82%,rgba(139,108,217,.22),transparent 62%),    /* violet, jobbról-alul */
    radial-gradient(34% 42% at 50% 52%,rgba(229,196,118,.07),transparent 66%),    /* alig-arany */
    linear-gradient(168deg,#0C1420 0%,#080C14 58%,#0B1018 100%);                  /* sötétebb ég */
}

/* VARÁZSLÓBÖRTÖN – küldetésesebb, nem horroros: hűvös acél-violet + irányfény */
body.meridian.vv-borton .hero-media .video-ph{
  background:
    linear-gradient(105deg,transparent 40%,rgba(229,196,118,.08) 62%,transparent 78%), /* keskeny „reflektor" ferde sáv */
    radial-gradient(54% 72% at 74% 22%,rgba(139,108,217,.28),transparent 60%),    /* mágikus violet */
    radial-gradient(46% 60% at 14% 82%,rgba(120,140,170,.24),transparent 62%),    /* acél-kékszürke (börtön) */
    linear-gradient(168deg,#0D1220 0%,#090D16 56%,#0E1322 100%);
}

/* ---------- REDUCED MOTION (MP9) – Varázsvilág-atmoszféra elpihen ---------- */
@media (prefers-reduced-motion: reduce){
  body.meridian .sparkles span{animation:none;opacity:0}
  body.meridian .fog::before,
  body.meridian .fog::after{animation:none}
  body.meridian .trailer-timer{animation:none}
  body.meridian .scroll-cue::after{animation:none}
}


/* ============================================================
   ROLLOUT 3 – HORROR / THRILLER / NYOMOZÁS
   (Pszichopata · Csernobil · Börtöncsapda · CSI Budapest)
   Feszült, filmes, sötét – de a félelem ATMOSZFÉRA, nem dekoráció.
   Kevés vörös, több hideg árnyék. Clarity > Beauty. Csak skin.
============================================================ */

/* --- A "pulzus" filmesebb: nincs olcsó strobe-villanás ---
   A redPulse-t a red-pulse ÉS a zone-pulse is használja; a felülírás
   csak a meridian oldalakat érinti, és mindkettőt lassú lélegzetté csendesíti. */
@keyframes redPulse{
  0%,100%{opacity:.2}50%{opacity:.5}
}

/* --- PSZICHOPATA (hero-horror): pszichológiai feszültség, zárt tér ---
   Tompított oxvér + hideg acél-árnyék; a vörös lehalkítva, mélyebb bázis. */
body.meridian .hero-horror .video-ph{
  background:
    radial-gradient(52% 70% at 68% 26%,rgba(150,44,54,.28),transparent 62%),    /* tompa oxvér */
    radial-gradient(46% 62% at 14% 84%,rgba(40,46,64,.5),transparent 62%),       /* hideg acél-árny */
    radial-gradient(30% 40% at 50% 52%,rgba(229,196,118,.05),transparent 66%),   /* alig-arany */
    linear-gradient(168deg,#120A0D 0%,#08090F 56%,#0C0A10 100%);
}
body.meridian .red-pulse{
  background:radial-gradient(60% 70% at 60% 40%,rgba(150,48,58,.15),transparent 66%);
}

/* --- CSERNOBIL (hero-chernobyl): radioaktív hidegség, ipari ---
   Beteg zöld lehűtve + acél; kevesebb telítettség, sötétebb ég. */
body.meridian .hero-chernobyl .video-ph{
  background:
    radial-gradient(54% 72% at 70% 24%,rgba(150,178,96,.22),transparent 60%),    /* tompa toxikus zöld */
    radial-gradient(48% 62% at 15% 84%,rgba(64,84,96,.42),transparent 62%),       /* ipari acél-cyan */
    radial-gradient(30% 40% at 48% 52%,rgba(229,196,118,.05),transparent 66%),
    linear-gradient(168deg,#0F1410 0%,#080B0C 56%,#0C110F 100%);
}
body.meridian .zone-pulse{
  background:radial-gradient(60% 70% at 60% 40%,rgba(150,190,90,.12),transparent 66%);
}
body.meridian .hazard-line{opacity:.6}   /* veszély-csík halkabb; token-arany marad (adat-jelzés) */

/* --- BÖRTÖNCSAPDA (hero-prison): szökés, időnyomás, zártság ---
   Hideg acél-kék, magasabb kontraszt; a reflektor és rács marad. */
body.meridian .hero-prison .video-ph{
  background:
    radial-gradient(54% 72% at 70% 24%,rgba(120,150,190,.26),transparent 60%),    /* hideg reflektor-kék */
    radial-gradient(48% 62% at 15% 84%,rgba(44,56,78,.5),transparent 62%),         /* zárka-árny */
    radial-gradient(28% 38% at 50% 52%,rgba(229,196,118,.06),transparent 66%),
    linear-gradient(168deg,#0E131C 0%,#080A11 56%,#0C1017 100%);
}
body.meridian .searchlight{
  background:conic-gradient(from 0deg at 85% -10%,transparent 0deg,rgba(220,230,245,.06) 8deg,rgba(220,230,245,.1) 12deg,rgba(220,230,245,.06) 16deg,transparent 24deg);
}

/* --- CSI BUDAPEST (hero-csi): nyomozás, kriminalisztikai hidegség ---
   Steril hideg fény + halvány bűnügyi meleg; a vörös csak jelzés. */
body.meridian .hero-csi .video-ph{
  background:
    radial-gradient(54% 72% at 72% 22%,rgba(70,110,130,.34),transparent 60%),     /* forensic hideg-cyan */
    radial-gradient(46% 60% at 14% 82%,rgba(46,54,72,.46),transparent 62%),        /* boncterem-árny */
    radial-gradient(26% 36% at 55% 46%,rgba(180,60,72,.10),transparent 66%),       /* alig-vörös nyom */
    linear-gradient(168deg,#0F1318 0%,#080A0F 56%,#0C1016 100%);
}
/* vörös fonal (nyomozótábla): mélyebb, kevésbé neon, halkabb halo */
body.meridian .red-thread{
  background:linear-gradient(90deg,transparent,rgba(178,62,62,.7) 15%,rgba(178,62,62,.7) 85%,transparent);
}
body.meridian .red-thread::before,
body.meridian .red-thread::after{
  background:#b23e3e;box-shadow:0 0 6px rgba(178,62,62,.45);
}

/* --- STORY HÁTTÉR: a horror-plakát vörös lehalkítva (ne vér-dominancia) --- */
body.meridian .bg-horror{
  background:
    radial-gradient(60% 80% at 30% 25%,rgba(150,44,54,.34),transparent 60%),
    radial-gradient(45% 55% at 85% 85%,rgba(40,44,60,.5),transparent 65%),
    linear-gradient(160deg,#160B0E,#08090E);
}

/* --- REDUCED MOTION (MP9): a thriller-atmoszféra elpihen --- */
@media (prefers-reduced-motion: reduce){
  body.meridian .red-pulse,
  body.meridian .zone-pulse{animation:none;opacity:.28}
  body.meridian .searchlight{animation:none}
}


/* ============================================================
   ROLLOUT 4 – ENIGMA & FLUX
   Enigma: elegáns, kódfejtős – az Archive (mono/Jelzet) réteg erősebb.
   Flux: időanomália / sci-fi – az Observatory réteg erősebb, DE nem neon-gamer.
   Mindkettő prémium, tiszta, olvasható. Clarity > Beauty. Csak skin.
============================================================ */

/* --- ENIGMA (hero-enigma): a megfejtés fénye a titkosított sötéten ---
   Mély indigó-violet + hideg archív-kék, és egyetlen keskeny arany
   „kulcs-sugár" (a megfejtett kód). Régi arany kivezetve. */
body.meridian .hero-enigma .video-ph{
  background:
    linear-gradient(102deg,transparent 44%,rgba(229,196,118,.07) 60%,transparent 74%), /* keskeny arany „kulcs-sugár" */
    radial-gradient(54% 72% at 72% 22%,rgba(110,96,190,.28),transparent 60%),   /* indigó-violet */
    radial-gradient(46% 60% at 14% 82%,rgba(58,84,120,.42),transparent 62%),     /* archív hideg-kék */
    linear-gradient(168deg,#12122A 0%,#090A16 56%,#0E1024 100%);
}
/* cipher-line (morze-kód): az Archive szignatúra – token-arany, elegánsan halkabb */
body.meridian .cipher-line{opacity:.5}

/* --- FLUX (hero-flux): időanomália, nem cyberpunk ---
   Lehűtött idő-teal + tompa violet + arany idő-mag; a neon telítettség
   levíve, hogy Observatory-hullám legyen, ne gamer-fény. */
body.meridian .hero-flux .video-ph{
  background:
    radial-gradient(54% 72% at 72% 22%,rgba(90,168,190,.26),transparent 60%),    /* idő-teal, deszaturált */
    radial-gradient(46% 60% at 14% 82%,rgba(126,100,200,.24),transparent 62%),    /* tompa violet */
    radial-gradient(30% 40% at 50% 52%,rgba(229,196,118,.08),transparent 66%),    /* arany idő-mag */
    linear-gradient(168deg,#0D1622 0%,#080B14 56%,#0E1020 100%);
}
/* idő-torzulás vonal: deszaturált, halkabb, lassabb – nem neon */
body.meridian .flux-line{
  background:linear-gradient(90deg,transparent,rgba(120,175,195,.5),rgba(150,140,205,.5),rgba(120,175,195,.5),transparent);
  background-size:200% 100%;
  opacity:.6;
  animation-duration:9s;
}
/* Flux story-háttér: ugyanaz a lehűtött idő-paletta (ne neon) */
body.meridian .bg-flux{
  background:
    radial-gradient(65% 85% at 70% 25%,rgba(90,168,190,.3),transparent 60%),
    radial-gradient(50% 60% at 20% 85%,rgba(126,100,200,.26),transparent 60%),
    linear-gradient(160deg,#0E1A22,#0A0912);
}

/* --- REDUCED MOTION (MP9): a Flux idő-hullám megáll --- */
@media (prefers-reduced-motion: reduce){
  body.meridian .flux-line{animation:none}
}


/* ============================================================
   ASSET BINDING – valódi képek a placeholderek helyén
   Csak skin: a képek a meglévő rétegbe ülnek, a layer-rend,
   a Meridian overlay és a caption-olvashatóság változatlan.
============================================================ */
/* HERO fő kép (LCP): a video-ph gradiens fölé, a ::after tónus alá */
body.meridian .hero-photo{position:absolute;inset:0;z-index:0;pointer-events:none}
body.meridian .hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}

/* TRAILER / story cinematic kép: az exp-bg rétegében (z-2), a ::after alatt */
body.meridian .media-photo{position:absolute;inset:0;z-index:-2;overflow:hidden;pointer-events:none}
body.meridian .media-photo img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;
  transition:transform 1.4s var(--ease-scene)}
body.meridian .trailer:hover .media-photo img{transform:scale(1.05)}

/* GALÉRIA kép: az exp-bg rétegében (z-1), a ::after sötétítés a caption alá */
body.meridian .gal-photo{position:absolute;inset:0;z-index:-1;pointer-events:none}
body.meridian .gal-photo img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;
  transition:transform 1s var(--ease)}
body.meridian .gal-item:hover .gal-photo img{transform:scale(1.09)}

@media (prefers-reduced-motion: reduce){
  body.meridian .media-photo img,
  body.meridian .gal-photo img{transition:none}
}


/* ============================================================
   PRESS / ARTICLE CARD – „Rólunk mondták" (Archive-réteg)
   Token-alapú, a meglévő kártya-fizikával (rim light, 250ms sweep).
   Mono kizárólag a Jelzet-sorra (forrás · év). Arany csak a Jelzeten
   és a hover-keretén – a kártyán NINCS arany primary CTA.
============================================================ */
body.meridian .press-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
@media (max-width:860px){body.meridian .press-grid{grid-template-columns:1fr}}

body.meridian .press-card{
  display:flex;flex-direction:column;gap:10px;
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:var(--radius);
  padding:26px 24px;
  box-shadow:inset 0 1px 0 rgba(237,231,219,.05);          /* rim light */
  transition:transform .25s var(--ease),border-color .25s var(--ease),
             background .25s var(--ease),box-shadow .25s var(--ease);
}
body.meridian .press-card:hover{
  transform:translateY(-4px);
  background:var(--surface-2);
  border-color:rgba(229,196,118,.3);
  box-shadow:inset 0 1px 0 rgba(237,231,219,.09);
}
/* Jelzet-sor: forrás · év – mono, adatnyelv */
body.meridian .press-src{
  font-family:var(--mono);font-size:11px;font-weight:600;
  letter-spacing:.16em;text-transform:uppercase;color:var(--gold);
}
body.meridian .press-card h3{
  font-family:var(--font-body);font-weight:700;font-size:1.08rem;line-height:1.35;
}
body.meridian .press-card p{
  font-size:14px;color:rgba(237,231,219,.75);max-width:68ch;
}
body.meridian .press-actions{
  display:flex;gap:20px;flex-wrap:wrap;margin-top:auto;padding-top:8px;
}
/* archív / nem elérhető forrás jelzése */
body.meridian .press-note{font-size:12.5px;color:var(--muted);font-style:italic}
body.meridian .press-card .trailer-chips{margin-bottom:4px}

@media (prefers-reduced-motion: reduce){
  body.meridian .press-card{transition:none}
}


/* ============================================================
   LEGAL / JOGI DOKUMENTUM (Archive-réteg)
   Clarity > Beauty: a jogi szöveg az elsődleges. Nincs dekoráció,
   nincs arany CTA, nincs animált overlay. Max 72ch, 1.7 line-height.
============================================================ */
body.meridian .legal-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:48px;align-items:start}
@media (max-width:1024px){body.meridian .legal-layout{grid-template-columns:1fr;gap:24px}}

/* sticky tartalomjegyzék – csak desktopon */
body.meridian .legal-toc{position:sticky;top:96px;max-height:calc(100vh - 140px);overflow-y:auto;
  border-left:1px solid var(--line);padding-left:18px}
body.meridian .legal-toc ol{list-style:none;counter-reset:toc;display:flex;flex-direction:column;gap:8px}
body.meridian .legal-toc li{counter-increment:toc}
body.meridian .legal-toc a{font-size:13px;color:var(--muted);line-height:1.45;display:block}
body.meridian .legal-toc a::before{content:counter(toc) ". ";font-family:var(--mono);font-size:11px;color:var(--gold)}
body.meridian .legal-toc a:hover{color:var(--text)}
@media (max-width:1024px){body.meridian .legal-toc{display:none}}

/* mobil: lenyitható „Ugrás egy fejezethez" */
body.meridian .legal-toc-mobile{display:none;border:1px solid var(--line);border-radius:var(--radius);
  background:var(--surface);padding:14px 16px;margin-bottom:28px}
body.meridian .legal-toc-mobile summary{cursor:pointer;font-weight:600;font-size:14px}
body.meridian .legal-toc-mobile ol{margin-top:12px;padding-left:18px;display:flex;flex-direction:column;gap:8px}
body.meridian .legal-toc-mobile a{font-size:13.5px;color:var(--muted)}
@media (max-width:1024px){body.meridian .legal-toc-mobile{display:block}}

/* dokumentum-törzs */
body.meridian .legal-doc{max-width:72ch}
body.meridian .legal-doc h2{font-family:var(--font-body);font-weight:700;font-size:1.35rem;
  margin:56px 0 14px;padding-top:18px;border-top:1px solid var(--line);scroll-margin-top:100px}
body.meridian .legal-doc h2:first-of-type{margin-top:0;border-top:none;padding-top:0}
body.meridian .legal-doc h3{font-family:var(--font-body);font-weight:650;font-size:1.05rem;margin:28px 0 10px;color:var(--text)}
body.meridian .legal-doc p,
body.meridian .legal-doc li{font-size:15px;line-height:1.7;color:rgba(237,231,219,.82)}
body.meridian .legal-doc p{margin-bottom:14px}
body.meridian .legal-doc ul{list-style:disc;padding-left:22px;margin-bottom:16px;display:flex;flex-direction:column;gap:8px}
body.meridian .legal-doc a{color:var(--gold-2);text-decoration:underline;text-underline-offset:3px}
body.meridian .legal-doc a[target="_blank"]::after{content:" ↗";font-size:.85em;color:var(--gold)}

/* Jelzet meta-sor + adatkezelői kártyák */
body.meridian .legal-meta{font-family:var(--mono);font-size:11.5px;letter-spacing:.12em;
  text-transform:uppercase;color:var(--muted)}
body.meridian .legal-meta strong{color:var(--gold)}
body.meridian .ctrl-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin:22px 0}
@media (max-width:760px){body.meridian .ctrl-grid{grid-template-columns:1fr}}
body.meridian .ctrl-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);
  padding:20px 22px;box-shadow:inset 0 1px 0 rgba(237,231,219,.05)}
body.meridian .ctrl-card dl{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;font-size:13.5px}
body.meridian .ctrl-card dt{color:var(--muted)}
body.meridian .ctrl-card dd{color:var(--text)}
body.meridian .ctrl-card .mono{font-family:var(--mono)}

/* figyelmeztető sáv (pontosítás szükséges) – nem placeholder, tartalmi jelzés */
body.meridian .legal-flag{border:1px solid rgba(240,163,94,.5);background:rgba(240,163,94,.08);
  border-radius:var(--radius);padding:14px 18px;font-size:13.5px;color:#F3BE8B;margin:18px 0}

/* érintetti jogok – közérthető kártyák */
body.meridian .rights-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:18px 0}
@media (max-width:760px){body.meridian .rights-grid{grid-template-columns:1fr}}
body.meridian .right-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px}
body.meridian .right-card h4{font-family:var(--font-body);font-weight:700;font-size:14px;margin-bottom:5px}
body.meridian .right-card p{font-size:13px;color:var(--muted);line-height:1.6;margin:0}

body.meridian .to-top{display:inline-block;margin-top:40px;font-size:13.5px;color:var(--muted)}

/* NYOMTATÁS – a jogi szöveg papíron is olvasható */
@media print{
  body.meridian{background:#fff;color:#000}
  body.meridian .nav,body.meridian .nav-mobile,body.meridian .footer,
  body.meridian .legal-toc,body.meridian .legal-toc-mobile,
  body.meridian .hero-media,body.meridian .to-top{display:none !important}
  body.meridian .legal-layout{display:block}
  body.meridian .legal-doc{max-width:100%}
  body.meridian .legal-doc p,body.meridian .legal-doc li,
  body.meridian .legal-doc h2,body.meridian .legal-doc h3{color:#000}
  body.meridian .legal-doc a{color:#000;text-decoration:underline}
  body.meridian .legal-doc a[href^="http"]::after{content:" (" attr(href) ")";font-size:10px}
  body.meridian .ctrl-card,body.meridian .right-card{border:1px solid #999;background:#fff}
}


/* ============================================================
   ROLLOUT 6 – KIEGÉSZÍTŐ OLDALAK
   ajándékutalvány · maratoni · kapcsolat · pályáink · csoport/esemény
   Csak skin: hero-hangulatok Meridian-palettán, régi arany kivezetve,
   konfetti-sparkles prémiumra halkítva. hero-sub a generikus canvast örökli.
============================================================ */

/* --- AJÁNDÉKUTALVÁNY / RENDEZVÉNY (hero-gift): elegáns ajándék-fény, nem giccs --- */
body.meridian .hero-gift .video-ph{
  background:
    radial-gradient(54% 72% at 72% 22%,rgba(229,196,118,.20),transparent 60%),   /* meleg arany ajándék-derengés */
    radial-gradient(46% 60% at 14% 82%,rgba(139,108,217,.16),transparent 62%),    /* halk violet */
    radial-gradient(30% 40% at 50% 55%,rgba(242,223,167,.08),transparent 66%),
    linear-gradient(168deg,#141026 0%,#0A0E18 56%,#12101F 100%);
}

/* --- MARATONI KIHÍVÁSOK (hero-marathon): kihívás, időnyomás, prémium --- */
body.meridian .hero-marathon .video-ph{
  background:
    linear-gradient(100deg,transparent 42%,rgba(229,196,118,.08) 60%,transparent 76%), /* idő-sáv */
    radial-gradient(54% 72% at 74% 22%,rgba(120,140,190,.24),transparent 60%),    /* hűvös elszántság */
    radial-gradient(46% 60% at 14% 82%,rgba(139,108,217,.20),transparent 62%),
    linear-gradient(168deg,#0D1220 0%,#080B14 56%,#0E1222 100%);
}

/* --- CSAPATÉPÍTŐ (hero-team): összetartás, energia, prémium --- */
body.meridian .hero-team .video-ph{
  background:
    radial-gradient(54% 72% at 74% 22%,rgba(90,140,210,.26),transparent 60%),     /* csapat-kék */
    radial-gradient(46% 60% at 14% 82%,rgba(139,108,217,.18),transparent 62%),
    radial-gradient(30% 40% at 50% 55%,rgba(229,196,118,.08),transparent 66%),
    linear-gradient(168deg,#0E1526 0%,#0A0E18 56%,#101426 100%);
}

/* --- SZÜLINAP / OSZTÁLYKIRÁNDULÁS (hero-birthday): ünnep, de prémium --- */
body.meridian .hero-birthday .video-ph{
  background:
    radial-gradient(54% 72% at 72% 22%,rgba(229,196,118,.20),transparent 60%),     /* meleg ünnep-arany */
    radial-gradient(46% 60% at 14% 82%,rgba(190,110,170,.18),transparent 62%),      /* lágy magenta */
    radial-gradient(30% 40% at 50% 55%,rgba(139,108,217,.10),transparent 66%),
    linear-gradient(168deg,#161026 0%,#0A0E18 56%,#141020 100%);
}
/* konfetti-sparkles → csendes arany por (nem giccs) */
body.meridian .hero-birthday .sparkles span,
body.meridian .hero-birthday .sparkles span:nth-child(2n),
body.meridian .hero-birthday .sparkles span:nth-child(3n){
  background:var(--gold);
  box-shadow:0 0 6px 1px rgba(229,196,118,.3);
  width:3px;height:3px;
}

/* --- TIMELINE / TL-NUM: régi arany → token-arany (vízszintes + mobil függőleges) --- */
body.meridian .timeline::before,
body.meridian .timeline-6::before{
  background:linear-gradient(90deg,transparent,rgba(229,196,118,.5) 14%,rgba(229,196,118,.5) 86%,transparent);
}
body.meridian .tl-num{box-shadow:0 8px 24px rgba(229,196,118,.3)}
@media (max-width:860px){
  body.meridian .timeline::before,
  body.meridian .timeline-6::before{
    background:linear-gradient(180deg,transparent,rgba(229,196,118,.5) 10%,rgba(229,196,118,.5) 90%,transparent);
  }
}


/* ============================================================
   BLOG ARTICLE – hosszú szöveg olvashatósága (Archive-réteg)
   A legal-doc tipográfiájára épül; nincs új vizuális rendszer.
============================================================ */
body.meridian .article-doc{max-width:72ch}
body.meridian .article-doc h2{font-family:var(--font-body);font-weight:700;font-size:1.3rem;margin:44px 0 12px;scroll-margin-top:100px}
body.meridian .article-doc h3{font-family:var(--font-body);font-weight:650;font-size:1.05rem;margin:28px 0 10px}
body.meridian .article-doc p{font-size:16px;line-height:1.75;color:rgba(237,231,219,.84);margin-bottom:18px}
body.meridian .article-doc a{color:var(--gold-2);text-decoration:underline;text-underline-offset:3px}
body.meridian .article-doc a[target="_blank"]::after{content:" ↗";font-size:.85em;color:var(--gold)}
body.meridian .article-doc figure{margin:28px 0}
body.meridian .article-doc img{width:100%;height:auto;display:block;border-radius:var(--radius);border:1px solid var(--line)}
body.meridian .breadcrumb{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:16px}
body.meridian .breadcrumb a{color:var(--gold)}
body.meridian .article-meta{font-family:var(--mono);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}


/* ============================================================
   YOUTUBE BEÁGYAZÁS – 16:9, reszponzív, privacy-enhanced
   A videó a meglévő .video-frame konténerbe ül, layout változatlan.
============================================================ */
body.meridian .yt-embed{position:absolute;inset:0;width:100%;height:100%;border:0;display:block;border-radius:var(--radius)}
body.meridian .video-frame{position:relative;aspect-ratio:16/9;min-height:0;overflow:hidden}
@media (max-width:640px){body.meridian .video-frame{aspect-ratio:16/9}}
/* a placeholder-chip véglegesen kivezetve (nem marad prototípus-felirat) */
body.meridian .ph-tag{display:none !important}


/* nyelvváltó: az EN még nem elérhető -> inaktív, nem kattintható (nincs holtpont) */
body.meridian .lang .lang-on{color:var(--gold-2);font-weight:600}
body.meridian .lang .lang-off{color:var(--muted);opacity:.5;cursor:not-allowed}


/* press/blog kártya borítókép – a kártya tetején, 16:9, rim light */
body.meridian .press-cover{display:block;position:relative;margin:-26px -24px 14px;overflow:hidden;
  border-radius:var(--radius) var(--radius) 0 0;aspect-ratio:16/9}
body.meridian .press-cover img{width:100%;height:100%;object-fit:cover;display:block;
  transition:transform 1s var(--ease)}
body.meridian .press-card:hover .press-cover img{transform:scale(1.06)}
body.meridian .press-cover::after{content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,transparent 55%,rgba(8,10,16,.55))}
@media (prefers-reduced-motion: reduce){body.meridian .press-cover img{transition:none}}


/* blogcikk borítókép – az Observatory ablaka a szöveg előtt */
body.meridian .art-cover{position:relative;margin:0 auto 8px;max-width:1000px;padding:0 24px}
body.meridian .art-cover .art-cover-in{position:relative;overflow:hidden;border-radius:var(--radius);
  aspect-ratio:21/9;border:1px solid var(--line);box-shadow:inset 0 1px 0 rgba(237,231,219,.06)}
body.meridian .art-cover img{width:100%;height:100%;object-fit:cover;display:block}
body.meridian .art-cover .art-cover-in::after{content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(10,14,24,.25),transparent 45%,rgba(10,14,24,.35))}
body.meridian .art-cover figcaption{font-family:var(--mono);font-size:11px;letter-spacing:.12em;
  color:var(--muted);margin-top:10px;text-transform:uppercase}
@media (max-width:640px){body.meridian .art-cover .art-cover-in{aspect-ratio:16/9}}


/* ============================================================
   RENDERED VISUAL QA – RÉTEGREND JAVÍTÁS
   Hiba: a .room-media NEM hozott létre stacking contextet
   (position:relative, z-index:auto), a benne lévő .gal-photo
   viszont z-index:-1 volt. Így a kép a legközelebbi stacking
   context-ig "kiesett", és a .room-card OPAK háttere
   (background:var(--surface)) a festési sorrendben FÖLÉ került
   → 32 pálya-kártya képe a DOM-ban ott volt, betöltött, de
   nem látszott. Minden media-wrapper mostantól saját réteg.
============================================================ */
body.meridian .room-media,
body.meridian .gal-item,
body.meridian .trailer,
body.meridian .exp-card,
body.meridian .poster,
body.meridian .video-frame{position:relative;isolation:isolate}
/* a .hero-media absolute+inset:0 marad (main.css) – position:relative 0 magasságra roskasztaná */
body.meridian .hero-media{isolation:isolate}

/* a képréteg soha nem negatív többé */
body.meridian .media-photo,
body.meridian .gal-photo{z-index:0}
body.meridian .hero-media .video-ph{z-index:0}
body.meridian .hero-photo{z-index:1}

/* overlay a kép fölé, a szöveg alá */
body.meridian .room-media::after,
body.meridian .gal-item::after,
body.meridian .exp-card::after,
body.meridian .poster::after,
body.meridian .trailer::after,
body.meridian .video-frame::after{z-index:1}
body.meridian .hero-media::after{z-index:2}

/* tartalom mindig a legfelső réteg */
body.meridian .room-body,
body.meridian .exp-body,
body.meridian .poster-body,
body.meridian .trailer-body,
body.meridian .room-tag,
body.meridian .exp-icon,
body.meridian .poster-num,
body.meridian .trailer-timer,
body.meridian .gal-cap{position:relative;z-index:3}
body.meridian .hero-inner{position:relative;z-index:3}
body.meridian .video-frame .yt-embed,
body.meridian .video-frame .play-btn{z-index:3}

/* a media-konténer soha ne legyen nulla magasságú */
body.meridian .room-media{aspect-ratio:16/10;min-height:180px}
body.meridian .gal-item{min-height:150px}