/* =====================================================================
   NEON VR ESCAPE — közös stíluslap (neon.css)
   Az eredeti neonvrescape.hu arculatára hangolva.
   Betű: Poppins. Háttér: sötét kékesfekete + rács. Cyan + pink neon.
   Címek alapból FEHÉREK, csak kiemelt szó kap cyan glow-t.
   ===================================================================== */

:root{
  /* --- Háttér rétegek --- */
  --bg:        #0A0E1A;   /* fő háttér – mély kékesfekete */
  --bg-2:      #0D1220;   /* szekció-váltó */
  --bg-3:      #11182B;   /* világosabb panel-sáv */
  --card:      #0E1424;   /* kártya háttér */
  --card-2:    #121A2E;   /* kártya hover */
  --line:      #1E2A44;   /* finom keret */

  /* --- Szöveg --- */
  --text:      #F1F5FB;   /* fő szöveg / fehér címek */
  --text-dim:  #9AA6BF;   /* halvány szöveg */

  /* --- Neon akcentusok (az eredeti lágyabb árnyalatai) --- */
  --cyan:      #22D3EE;
  --cyan-soft: #38BDF8;
  --pink:      #EC4899;
  --pink-soft: #F472B6;
  --violet:    #8B5CF6;
  --gold:      #F5C542;   /* akció/kiemelés szöveg */

  /* --- Glow --- */
  --glow-cyan: 0 0 18px rgba(34,211,238,.55);
  --glow-pink: 0 0 18px rgba(236,72,153,.55);
  --glow-cyan-strong: 0 0 28px rgba(34,211,238,.8);

  --font: 'Poppins', system-ui, 'Segoe UI', sans-serif;
  --maxw: 1240px;
  --pad: clamp(20px, 5vw, 56px);
  --r:   14px;
  --r-lg:20px;
}

*,*::before,*::after{ box-sizing:border-box; margin:0; padding:0; }
html{ scroll-behavior:smooth; }
body{
  font-family:var(--font);
  color:var(--text);
  font-size:17px;
  line-height:1.65;
  background:var(--bg);
  /* finom rács-minta, mint az eredetin */
  background-image:
    linear-gradient(rgba(34,211,238,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(34,211,238,.035) 1px, transparent 1px),
    radial-gradient(1000px 600px at 85% -5%, rgba(139,92,246,.10), transparent 60%),
    radial-gradient(800px 500px at 0% 5%, rgba(236,72,153,.07), transparent 55%);
  background-size:46px 46px, 46px 46px, 100% 100%, 100% 100%;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
@media (prefers-reduced-motion: reduce){
  *{ animation:none !important; transition:none !important; scroll-behavior:auto !important; }
}

a{ color:inherit; text-decoration:none; }
img{ max-width:100%; display:block; }
h1,h2,h3,h4{ line-height:1.12; font-weight:700; color:var(--text); }
strong{ font-weight:700; }

.wrap{ max-width:var(--maxw); margin-inline:auto; padding-inline:var(--pad); }
.section{ padding-block:clamp(56px,8vw,104px); position:relative; }
.section--alt{ background:var(--bg-2); border-block:1px solid var(--line); }

/* címek: fehér alap, kiemelt szó cyan glow-val */
.section-title{ font-size:clamp(2rem,4.5vw,3.2rem); font-weight:800; text-align:center; margin-bottom:14px; letter-spacing:-.01em; }
.section-title .hl{ color:var(--cyan); text-shadow:var(--glow-cyan); }
.section-lead{ color:var(--text-dim); text-align:center; max-width:60ch; margin:0 auto 48px; font-size:1.1rem; }

/* eyebrow = pill címke (mint "Miért válassz minket?", "Játékaink") */
.eyebrow{
  display:inline-block; font-weight:600; font-size:.92rem;
  color:var(--cyan); padding:7px 18px; border-radius:999px;
  background:rgba(34,211,238,.08); border:1px solid rgba(34,211,238,.35);
}
.eyebrow--pink{ color:var(--pink); background:rgba(236,72,153,.08); border-color:rgba(236,72,153,.4); }
.center{ text-align:center; }
.eyebrow-wrap{ text-align:center; margin-bottom:18px; }

/* =========================== GOMBOK =========================== */
.btn{
  display:inline-flex; align-items:center; gap:10px; cursor:pointer;
  font-family:var(--font); font-weight:600; font-size:1rem;
  padding:15px 28px; border-radius:12px; border:2px solid transparent;
  transition:transform .15s, box-shadow .2s, background .2s, border-color .2s;
}
.btn:hover{ transform:translateY(-2px); }
/* elsődleges: áttetsző + cyan szöveg + cyan keret + glow (mint "Foglalj most") */
.btn--primary{
  color:var(--cyan); border-color:var(--cyan);
  background:rgba(34,211,238,.06); box-shadow:var(--glow-cyan);
}
.btn--primary:hover{ box-shadow:var(--glow-cyan-strong); background:rgba(34,211,238,.12); }
/* pink: áttetsző + pink szöveg + pink keret (mint "Játékok felfedezése") */
.btn--pink{
  color:var(--pink-soft); border-color:var(--pink);
  background:rgba(236,72,153,.06); box-shadow:var(--glow-pink);
}
.btn--pink:hover{ background:rgba(236,72,153,.12); }
/* tömör cyan – erős CTA-khoz */
.btn--solid{
  color:#04121A; border-color:var(--cyan);
  background:linear-gradient(135deg,var(--cyan),var(--cyan-soft));
  box-shadow:var(--glow-cyan);
}
.btn--ghost{ color:var(--text); border-color:var(--line); background:rgba(255,255,255,.02); }
.btn--ghost:hover{ border-color:var(--cyan); color:var(--cyan); }
.btn--lg{ padding:18px 34px; font-size:1.05rem; }

/* =========================== NAV =========================== */
.nav{ position:sticky; top:0; z-index:50; background:rgba(10,14,26,.82);
  backdrop-filter:blur(14px); border-bottom:1px solid var(--line); }
.nav__inner{ display:flex; align-items:center; gap:24px; height:76px; }
/* logó: NEON(pink) VR(outline cyan) ESCAPE(white) – neon outline hatás */
.nav__logo{ font-weight:800; font-size:1.45rem; letter-spacing:.04em; display:flex; align-items:center; }
.nav__logo .n{ color:var(--pink); text-shadow:var(--glow-pink); }
.nav__logo .v{ color:var(--cyan); text-shadow:var(--glow-cyan);
  -webkit-text-stroke:1px var(--cyan); }
.nav__logo .e{ color:var(--text); }
.nav__menu{ display:flex; gap:30px; margin-left:auto; }
.nav__menu a{ color:var(--text-dim); font-weight:500; font-size:1rem; transition:color .15s; position:relative; }
.nav__menu a:hover, .nav__menu a[aria-current="page"]{ color:var(--text); }
.nav__menu a[aria-current="page"]::after{ content:''; position:absolute; left:0; right:0; bottom:-26px; height:2px;
  background:linear-gradient(90deg,var(--pink),var(--cyan)); }
.nav__cta{ margin-left:6px; }
.nav__burger{ display:none; background:none; border:0; color:var(--text); font-size:1.7rem; margin-left:auto; cursor:pointer; }
@media(max-width:920px){ .nav__menu, .nav__cta{ display:none; } .nav__burger{ display:block; } }

/* =========================== HERO =========================== */
.hero{ position:relative; overflow:hidden; }
.hero__bg{ position:absolute; inset:0; z-index:0; }
.hero__bg img{ width:100%; height:100%; object-fit:cover; opacity:.32; }
.hero__bg::after{ content:''; position:absolute; inset:0;
  background:linear-gradient(90deg, var(--bg) 8%, rgba(10,14,26,.6) 45%, rgba(10,14,26,.2)); }
.hero__inner{ position:relative; z-index:1; display:grid; grid-template-columns:1.05fr .95fr; gap:48px;
  align-items:center; padding-block:clamp(64px,9vw,112px); }
.hero__badge{ display:inline-flex; align-items:center; gap:8px; font-weight:600; font-size:.92rem;
  color:var(--cyan); margin-bottom:22px; }
/* nagy cím: fehér + egy sor cyan glow-val (mint VALÓSÁGBA) */
.hero h1{ font-size:clamp(2.6rem,7vw,5rem); font-weight:800; text-transform:uppercase;
  letter-spacing:-.01em; line-height:1.04; margin-bottom:22px; }
.hero h1 .glow{ color:var(--cyan); text-shadow:var(--glow-cyan-strong); }
.hero h1 .pink{ color:var(--pink); text-shadow:var(--glow-pink); }
.hero p.lead{ font-size:1.18rem; color:var(--text-dim); max-width:46ch; margin-bottom:30px; }
.hero__actions{ display:flex; gap:16px; flex-wrap:wrap; }
@media(max-width:920px){ .hero__inner{ grid-template-columns:1fr; } .hero__bg::after{ background:linear-gradient(180deg,rgba(10,14,26,.55),var(--bg)); } }

/* jobb oldali panel: countdown + stat kártyák */
.hero__panel{ display:flex; flex-direction:column; gap:18px; }
.promo-box{ border:1px solid var(--line); border-radius:var(--r-lg); padding:22px;
  background:rgba(14,20,36,.7); backdrop-filter:blur(6px); }
.countdown{ display:flex; gap:12px; justify-content:flex-end; margin-bottom:14px; }
.countdown span{ background:var(--card); border:1px solid var(--line); border-radius:12px;
  padding:12px 4px; min-width:74px; text-align:center; }
.countdown b{ display:block; font-size:1.8rem; font-weight:700; color:var(--text); line-height:1; }
.countdown small{ display:block; font-size:.62rem; color:var(--text-dim); letter-spacing:.12em; margin-top:6px; }
.promo-note{ color:var(--gold); font-size:.92rem; text-align:center; font-weight:500; }

/* =========================== STAT KÁRTYÁK =========================== */
.stats{ display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.stat{ background:var(--card); border:1px solid var(--line); border-radius:var(--r-lg);
  padding:26px 20px; text-align:center; transition:border-color .2s, box-shadow .2s; }
.stat:nth-child(1){ border-color:rgba(34,211,238,.25); }
.stat:nth-child(2){ border-color:rgba(236,72,153,.25); }
.stat:nth-child(3){ border-color:rgba(236,72,153,.25); }
.stat:nth-child(4){ border-color:rgba(34,211,238,.18); }
.stat b{ display:block; font-size:2.6rem; font-weight:800; line-height:1; margin-bottom:8px; }
.stat:nth-child(odd) b{ color:var(--cyan); text-shadow:var(--glow-cyan); }
.stat:nth-child(even) b{ color:var(--pink); text-shadow:var(--glow-pink); }
.stat span{ color:var(--text-dim); font-size:.82rem; letter-spacing:.1em; text-transform:uppercase; }

/* full-width stat-sáv (aloldalakon) */
.statbar{ display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
@media(max-width:680px){ .statbar{ grid-template-columns:repeat(2,1fr); } }

/* =========================== USP KÁRTYÁK =========================== */
.cards{ display:grid; grid-template-columns:repeat(3,1fr); gap:26px; }
.card{ background:var(--card); border:1px solid var(--line); border-radius:var(--r-lg);
  padding:32px; transition:transform .2s, border-color .2s, box-shadow .2s; position:relative; }
.card:hover{ transform:translateY(-4px); }
.card:nth-child(1){ border-color:rgba(34,211,238,.22); }
.card:nth-child(1):hover{ box-shadow:var(--glow-cyan); }
.card:nth-child(2){ border-color:rgba(236,72,153,.22); }
.card:nth-child(2):hover{ box-shadow:var(--glow-pink); }
.card:nth-child(3){ border-color:rgba(139,92,246,.25); }
.card:nth-child(3):hover{ box-shadow:0 0 18px rgba(139,92,246,.5); }
/* ikon-csempe – lekerekített, halvány színes háttér */
.card .ico{ width:64px; height:64px; border-radius:16px; display:grid; place-items:center;
  font-size:1.7rem; margin-bottom:20px; }
.card:nth-child(1) .ico{ background:rgba(34,211,238,.12); color:var(--cyan); }
.card:nth-child(2) .ico{ background:rgba(236,72,153,.12); color:var(--pink); }
.card:nth-child(3) .ico{ background:rgba(139,92,246,.14); color:var(--violet); }
.card h3{ font-size:1.35rem; font-weight:700; margin-bottom:12px; }
.card p{ color:var(--text-dim); font-size:1rem; }
@media(max-width:920px){ .cards{ grid-template-columns:1fr; } }

/* =========================== JÁTÉK KÁRTYÁK =========================== */
.games{ display:grid; grid-template-columns:repeat(3,1fr); gap:26px; }
.game{ background:var(--card); border:1px solid var(--line); border-radius:var(--r-lg);
  overflow:hidden; display:flex; flex-direction:column; transition:transform .2s, box-shadow .2s, border-color .2s; }
.game:hover{ transform:translateY(-5px); border-color:rgba(34,211,238,.4); box-shadow:var(--glow-cyan); }
.game__img{ position:relative; aspect-ratio:16/10; overflow:hidden; }
.game__img img{ width:100%; height:100%; object-fit:cover; transition:transform .4s; }
.game:hover .game__img img{ transform:scale(1.05); }
.game__tag{ position:absolute; top:14px; left:14px; background:rgba(10,14,26,.85);
  border:1px solid var(--line); border-radius:999px; padding:6px 14px; font-size:.8rem; color:var(--cyan); }
.game__disc{ position:absolute; top:14px; right:14px; background:var(--pink); color:#1A0410;
  border-radius:8px; padding:5px 11px; font-size:.85rem; font-weight:700; }
.game__body{ padding:24px; display:flex; flex-direction:column; gap:12px; flex:1; }
.game__body h3{ font-size:1.4rem; font-weight:700; }
.game__body p{ color:var(--text-dim); font-size:.97rem; flex:1; }
.game__price{ display:flex; align-items:baseline; gap:8px; }
.game__price b{ font-size:1.6rem; font-weight:800; color:var(--cyan); text-shadow:var(--glow-cyan); }
.game__price em{ color:var(--text-dim); font-style:normal; font-size:.9rem; }
.game__price s{ color:var(--text-dim); font-size:.9rem; }
@media(max-width:920px){ .games{ grid-template-columns:1fr; } }

/* =========================== GALÉRIA =========================== */
.gallery{ display:grid; grid-template-columns:repeat(4,1fr); grid-auto-rows:200px; gap:14px; }
.gallery a{ position:relative; border-radius:var(--r); overflow:hidden; border:1px solid var(--line); }
.gallery a img{ width:100%; height:100%; object-fit:cover; transition:transform .4s; }
.gallery a:hover img{ transform:scale(1.07); }
.gallery .wide{ grid-column:span 2; }
.gallery .tall{ grid-row:span 2; }
.gallery .play::after{ content:'▶'; position:absolute; inset:0; display:grid; place-items:center;
  font-size:2.2rem; color:#fff; background:rgba(10,14,26,.45); text-shadow:var(--glow-cyan); }
@media(max-width:920px){ .gallery{ grid-template-columns:repeat(2,1fr); grid-auto-rows:150px; } }

.video-embed{ position:relative; aspect-ratio:16/9; border-radius:var(--r-lg); overflow:hidden;
  border:1px solid var(--line); box-shadow:0 0 40px rgba(34,211,238,.1); }
.video-embed iframe, .video-embed video{ position:absolute; inset:0; width:100%; height:100%; border:0; }

/* =========================== REVIEW-K =========================== */
.reviews-head{ display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:18px; margin-bottom:40px; }
.reviews-score{ display:flex; align-items:center; gap:14px; background:var(--card);
  border:1px solid var(--line); border-radius:var(--r); padding:14px 24px; }
.reviews-score .num{ font-size:2.4rem; font-weight:800; color:var(--cyan); text-shadow:var(--glow-cyan); }
.reviews-score .stars{ color:var(--gold); font-size:1.15rem; letter-spacing:2px; }
.reviews-score .g{ color:var(--text-dim); font-size:.9rem; }
.reviews{ display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
.review{ background:var(--card); border:1px solid var(--line); border-radius:var(--r-lg); padding:26px; }
.review__top{ display:flex; align-items:center; gap:12px; margin-bottom:12px; }
.review__av{ width:46px; height:46px; border-radius:50%; display:grid; place-items:center;
  font-weight:700; color:#fff; background:linear-gradient(135deg,var(--violet),var(--pink)); }
.review__name{ font-weight:600; }
.review__name small{ display:block; color:var(--text-dim); font-weight:400; font-size:.8rem; }
.review .stars{ color:var(--gold); letter-spacing:2px; margin-bottom:10px; }
.review p{ color:var(--text-dim); font-size:.98rem; }
@media(max-width:920px){ .reviews{ grid-template-columns:1fr; } }

/* =========================== GYIK =========================== */
.faq{ max-width:840px; margin-inline:auto; }
.faq details{ border:1px solid var(--line); border-radius:var(--r); margin-bottom:12px; background:var(--card); overflow:hidden; }
.faq summary{ cursor:pointer; padding:20px 26px; font-weight:600; font-size:1.05rem; list-style:none;
  display:flex; justify-content:space-between; gap:16px; }
.faq summary::-webkit-details-marker{ display:none; }
.faq summary::after{ content:'+'; color:var(--cyan); font-size:1.5rem; line-height:1; transition:transform .2s; }
.faq details[open] summary::after{ transform:rotate(45deg); }
.faq details[open]{ border-color:rgba(34,211,238,.3); }
.faq details > div{ padding:0 26px 22px; color:var(--text-dim); }

/* =========================== CTA SÁV =========================== */
.cta-band{ text-align:center; border-radius:var(--r-lg); padding:clamp(44px,7vw,84px);
  border:1px solid var(--line);
  background:
    radial-gradient(600px 300px at 50% 0%, rgba(34,211,238,.16), transparent 70%),
    linear-gradient(135deg, rgba(236,72,153,.08), rgba(139,92,246,.08)), var(--bg-2); }
.cta-band h2{ font-size:clamp(1.9rem,5vw,3rem); font-weight:800; margin-bottom:16px; }
.cta-band p{ color:var(--text-dim); margin:0 auto 30px; max-width:50ch; font-size:1.1rem; }
.cta-band .hero__actions{ justify-content:center; }

/* =========================== TÉRKÉP / INFO =========================== */
.map-grid{ display:grid; grid-template-columns:1fr 1fr; gap:30px; align-items:stretch; }
.map-embed{ border-radius:var(--r-lg); overflow:hidden; border:1px solid var(--line); min-height:380px; }
.map-embed iframe{ width:100%; height:100%; min-height:380px; border:0; filter:grayscale(.2) invert(.9) hue-rotate(180deg); }
.info-list{ list-style:none; display:flex; flex-direction:column; gap:18px; }
.info-list li{ display:flex; gap:14px; align-items:flex-start; }
.info-list .ico{ color:var(--cyan); font-size:1.3rem; min-width:28px; }
.info-list b{ display:block; }
.info-list span{ color:var(--text-dim); }
@media(max-width:920px){ .map-grid{ grid-template-columns:1fr; } }

/* =========================== ŰRLAP =========================== */
.form{ display:grid; gap:18px; max-width:600px; }
.form .row{ display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.form label{ font-size:.85rem; color:var(--text-dim); display:block; margin-bottom:7px; font-weight:600; }
.form input, .form select, .form textarea{ width:100%; background:var(--bg-2); border:1px solid var(--line);
  border-radius:10px; padding:14px 16px; color:var(--text); font-family:var(--font); font-size:1rem; }
.form input:focus, .form select:focus, .form textarea:focus{ outline:2px solid var(--cyan); border-color:var(--cyan); }
.form textarea{ min-height:120px; resize:vertical; }
@media(max-width:560px){ .form .row{ grid-template-columns:1fr; } }

/* =========================== LÁBLÉC =========================== */
.footer{ background:var(--bg-2); border-top:1px solid var(--line); padding-block:56px 26px; }
.footer__grid{ display:grid; grid-template-columns:1.6fr 1fr 1fr 1fr; gap:34px; margin-bottom:42px; }
.footer h4{ font-size:.95rem; color:var(--cyan); margin-bottom:16px; letter-spacing:.06em; }
.footer ul{ list-style:none; display:flex; flex-direction:column; gap:11px; }
.footer a{ color:var(--text-dim); font-size:.96rem; }
.footer a:hover{ color:var(--text); }
.footer__brand p{ color:var(--text-dim); font-size:.96rem; margin:12px 0 18px; max-width:34ch; }
.footer__social{ display:flex; gap:12px; }
.footer__social a{ width:42px; height:42px; border:1px solid var(--line); border-radius:10px;
  display:grid; place-items:center; color:var(--text-dim); font-weight:700; transition:.2s; }
.footer__social a:hover{ border-color:var(--cyan); color:var(--cyan); box-shadow:var(--glow-cyan); }
.footer__bottom{ border-top:1px solid var(--line); padding-top:22px; display:flex; flex-wrap:wrap;
  justify-content:space-between; gap:12px; color:var(--text-dim); font-size:.86rem; align-items:center; }
@media(max-width:920px){ .footer__grid{ grid-template-columns:1fr 1fr; } }

/* =========================== STICKY MOBIL CTA =========================== */
.sticky-cta{ position:fixed; left:0; right:0; bottom:0; z-index:60; display:none; gap:10px; padding:10px 14px;
  background:rgba(10,14,26,.94); backdrop-filter:blur(10px); border-top:1px solid var(--line); }
.sticky-cta .btn{ flex:1; justify-content:center; padding:14px; }
@media(max-width:920px){ .sticky-cta{ display:flex; } body{ padding-bottom:76px; } }

@keyframes rise{ from{ opacity:0; transform:translateY(18px); } to{ opacity:1; transform:none; } }
.reveal{ animation:rise .6s ease both; }
.scroll-cue{ text-align:center; color:var(--cyan); font-size:1.6rem; margin-top:8px; animation:bob 1.8s ease-in-out infinite; }
@keyframes bob{ 0%,100%{ transform:translateY(0); } 50%{ transform:translateY(8px); } }

/* =========================== KIEGÉSZÍTŐK (új oldalakhoz) =========================== */

/* prose – pillér/blog hosszú szöveg */
.prose{ max-width:760px; margin-inline:auto; }
.prose h2{ font-size:clamp(1.5rem,3.2vw,2rem); margin:38px 0 14px; }
.prose h3{ font-size:1.3rem; margin:28px 0 10px; color:var(--cyan); }
.prose p{ color:var(--text-dim); margin-bottom:16px; }
.prose ul{ color:var(--text-dim); margin:0 0 18px 22px; display:flex; flex-direction:column; gap:8px; }
.prose a{ color:var(--cyan); }
.prose a:hover{ text-decoration:underline; }
.prose strong{ color:var(--text); }

/* tartalomjegyzék / belső linkek doboz */
.toc{ background:var(--card); border:1px solid var(--line); border-radius:var(--r-lg); padding:24px 28px; margin-bottom:30px; }
.toc h4{ color:var(--cyan); margin-bottom:12px; font-size:1rem; }
.toc ul{ list-style:none; display:flex; flex-direction:column; gap:8px; }
.toc a{ color:var(--text-dim); }
.toc a:hover{ color:var(--cyan); }

/* játék-aloldal: két oszlopos fejléc */
.game-hero{ display:grid; grid-template-columns:1.1fr .9fr; gap:40px; align-items:center; }
.game-hero__media{ border-radius:var(--r-lg); overflow:hidden; border:1px solid var(--line); aspect-ratio:16/10; box-shadow:0 0 50px rgba(34,211,238,.12); }
.game-hero__media img{ width:100%; height:100%; object-fit:cover; }
.game-meta-row{ display:flex; flex-wrap:wrap; gap:12px; margin:18px 0 24px; }
.pill{ background:var(--card); border:1px solid var(--line); border-radius:999px; padding:8px 16px; font-size:.9rem; color:var(--text-dim); }
.pill b{ color:var(--cyan); }
@media(max-width:920px){ .game-hero{ grid-template-columns:1fr; } }

/* lépés-blokk (számozott, vízszintes) */
.steps{ display:grid; grid-template-columns:repeat(3,1fr); gap:22px; counter-reset:step; }
.step{ background:var(--card); border:1px solid var(--line); border-radius:var(--r-lg); padding:28px; position:relative; }
.step::before{ counter-increment:step; content:counter(step); position:absolute; top:-16px; left:24px;
  width:40px; height:40px; border-radius:50%; display:grid; place-items:center; font-weight:800;
  background:linear-gradient(135deg,var(--cyan),var(--cyan-soft)); color:#04121A; box-shadow:var(--glow-cyan); }
.step h3{ margin:10px 0 8px; font-size:1.15rem; }
.step p{ color:var(--text-dim); font-size:.96rem; }
@media(max-width:920px){ .steps{ grid-template-columns:1fr; } }

/* két oszlopos lista (kinek való / mit tartalmaz) */
.split{ display:grid; grid-template-columns:1fr 1fr; gap:30px; }
.split .box{ background:var(--card); border:1px solid var(--line); border-radius:var(--r-lg); padding:30px; }
.split .box h3{ color:var(--cyan); margin-bottom:14px; }
.split ul{ list-style:none; display:flex; flex-direction:column; gap:10px; color:var(--text-dim); }
.split li{ display:flex; gap:10px; }
.split li::before{ content:'✦'; color:var(--pink); }
@media(max-width:920px){ .split{ grid-template-columns:1fr; } }

/* kapcsolódó oldalak kártyák (belső linkelés SEO-hoz) */
.related{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.related a{ background:var(--card); border:1px solid var(--line); border-radius:var(--r); padding:22px; transition:border-color .2s, transform .2s; }
.related a:hover{ border-color:var(--cyan); transform:translateY(-3px); }
.related b{ display:block; margin-bottom:6px; }
.related span{ color:var(--text-dim); font-size:.9rem; }
@media(max-width:680px){ .related{ grid-template-columns:1fr; } }



/* Imported sample-page runtime fixes */
.map-embed--static{
  min-height:320px;
  display:flex;
  align-items:stretch;
  justify-content:center;
  padding:0;
}
.map-placeholder{
  width:100%;
  min-height:320px;
  display:grid;
  place-items:center;
  text-align:center;
  padding:32px;
  background:
    radial-gradient(circle at 30% 20%, rgba(34,211,238,.18), transparent 35%),
    radial-gradient(circle at 80% 70%, rgba(236,72,153,.14), transparent 35%),
    linear-gradient(135deg, rgba(14,20,36,.96), rgba(17,24,43,.96));
  border:1px solid rgba(34,211,238,.26);
  border-radius:18px;
}
.map-placeholder strong{display:block;font-size:1.35rem;color:var(--text);margin-bottom:8px;}
.map-placeholder span{display:block;color:var(--text-dim);line-height:1.7;}
.video-embed--static{min-height:260px;display:grid;place-items:center;color:var(--text-dim);font-weight:700;}
.form .privacy-row{display:flex;gap:10px;align-items:flex-start;color:var(--text-dim);font-size:.9rem;margin:6px 0 18px;}
.form .privacy-row input{width:auto;margin-top:5px;}
.card.is-selected{
  border-color:rgba(236,72,153,.72);
  box-shadow:0 0 0 1px rgba(236,72,153,.28), 0 0 32px rgba(236,72,153,.16);
}
button.card{
  cursor:pointer;
  text-align:left;
  font:inherit;
}
@media(max-width:920px){
  .nav.nav--open .nav__menu{
    display:flex;
    position:absolute;
    left:18px;
    right:18px;
    top:76px;
    flex-direction:column;
    gap:0;
    padding:14px;
    border:1px solid rgba(34,211,238,.26);
    border-radius:18px;
    background:rgba(10,14,26,.98);
    box-shadow:0 18px 60px rgba(0,0,0,.45);
  }
  .nav.nav--open .nav__menu a{padding:12px 10px;}
}