/* ═══════════════════════════════════════════════════════════════════
   gergonyako.hu — az új oldal közös alapja (DEMÓ, 2026-10-16)

   Egy fájl minden lapnak. Az arculat tokenjei a design systemből jönnek
   (claude.ai/artifact/5ESdCmbSsieKX3U2ygxXuy), a mozgás nyelvtana a
   2026-10-16-i demóból:
     · minden mozgás EGYSZER fut, amikor az elem a képbe ér
     · UI-válasz 180–250 ms, belépés 600–900 ms, rajzolás ≤ 1,4 s
     · egy görbe: cubic-bezier(.22,.8,.3,1); elmozdulás ≤ 16 px
     · arany csak vonal, pont, ikon; nincs parallax, számláló, felugró
     · prefers-reduced-motion: minden azonnal a végállapotában
   A teljes nyelvtan és az elemek listája: MOZGAS.md.
   ═══════════════════════════════════════════════════════════════════ */

:root{
  color-scheme: light;
  --feher:#FFFFFF; --papir:#F7F5F0; --papir2:#EFEBE2;
  --tinta:#16181C; --grafit:#2B2E33; --szoveg:#565654;
  --halk:#6A6A68; --halkabb:#B4B4B2; --vonal:#E6E3DC;
  --arany:#B08D57; --arany-sotet:#8A6A3C; --arany-halk:#F5EEE1;
  --hiba:#A33A2A;
  --r:16px; --r-kis:10px;
  --szel:clamp(22px,4vw,44px); --max:1120px;
  --fej:64px;
  --ease:cubic-bezier(.22,.8,.3,1);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--fej) + 12px)}
body{background:var(--feher);color:var(--szoveg);
  font-family:Archivo,system-ui,-apple-system,sans-serif;
  font-size:16px;line-height:1.62;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}
:focus-visible{outline:2px solid var(--arany-sotet);outline-offset:3px;border-radius:4px}
::selection{background:var(--arany-halk)}
.keret{width:100%;max-width:calc(var(--max) + var(--szel)*2);margin-inline:auto;padding-inline:var(--szel)}
.rejtett{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ── betű ── */
.d1,.d2,.d3{font-family:Manrope,sans-serif;font-weight:300;color:var(--tinta);
  letter-spacing:-.028em;line-height:1.14;text-wrap:balance}
.d1{font-size:clamp(28px,4.4vw,48px);line-height:1.1}
.d2{font-size:clamp(24px,3vw,34px)}
.d3{font-size:clamp(19px,2.2vw,23px);font-weight:400;line-height:1.25}
.d1 b,.d2 b,.d3 b{font-weight:600}
.bev{font-size:clamp(15.5px,1.6vw,17.5px);line-height:1.66;max-width:58ch}
.bev b{color:var(--tinta);font-weight:600}
.apro{font-size:13px;line-height:1.55;color:var(--halk)}
.cimke{display:inline-flex;align-items:center;gap:9px;font-size:11px;font-weight:600;
  letter-spacing:.14em;text-transform:uppercase;color:var(--arany-sotet)}

/* ── a /// jel: három vonás, egymás után nő ki ── */
.jel{display:inline-flex;gap:2.5px;align-items:center;flex:none}
.jel i{display:block;width:1.5px;height:10px;background:var(--tinta);transform:skewX(-17.74deg);transform-origin:bottom}
.jel i:nth-child(2){background:var(--arany);height:13px}
.mozog .jel i{transform:skewX(-17.74deg) scaleY(0);transition:transform .5s var(--ease)}
.mozog .jel i:nth-child(2){transition-delay:.09s}
.mozog .jel i:nth-child(3){transition-delay:.18s}
.mozog .lat .jel i,.mozog .jel.lat i{transform:skewX(-17.74deg) scaleY(1)}

/* ── gombok ── */
.gomb{display:inline-flex;align-items:center;justify-content:center;gap:8px;
  background:var(--feher);color:var(--arany-sotet);border:1px solid var(--arany-sotet);border-radius:999px;
  padding:12px 21px;font-size:14.5px;font-weight:600;line-height:1.2;text-align:center;
  transition:background .22s var(--ease),color .22s var(--ease),transform .22s var(--ease),border-color .22s}
.gomb:hover{background:var(--arany-sotet);color:#fff;transform:translateY(-1px)}
.gomb:active{transform:scale(.98)}
.gomb .ny{transition:transform .22s var(--ease)}
.gomb:hover .ny{transform:translateX(4px)}
.gomb.tele{background:var(--arany-sotet);color:#fff}
.gomb.tele:hover{background:#735830;border-color:#735830}
.gomb.halk{color:var(--tinta);border-color:var(--vonal)}
.gomb.halk:hover{background:var(--papir);color:var(--tinta);border-color:var(--halkabb)}
.gomb svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.7}
.gombsor{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.link-nyil{display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:14.5px;color:var(--arany-sotet);
  border-bottom:1px solid var(--arany-halk);padding-bottom:2px;transition:border-color .2s}
.link-nyil:hover{border-color:var(--arany-sotet)}

/* ═══ Demó-sáv (élesben nincs) ═══ */
.demo-sav{background:#EEF2FC;color:#1B2B55;font-size:12px;line-height:1.4;padding:7px var(--szel);
  display:flex;gap:10px;justify-content:space-between;align-items:center}
.demo-sav a{font-weight:600;text-decoration:underline;white-space:nowrap}
.demo-jegy{border:1.5px dashed #2457D6;border-radius:12px;background:#F6F8FF;color:#1B2B55;
  padding:10px 13px;font-size:13px;line-height:1.5;margin-top:14px}
.demo-jegy b{font-weight:700}

/* ═══ Fejléc ═══ */
.fej{position:sticky;top:0;z-index:50;height:var(--fej);background:rgba(255,255,255,.94);
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--vonal);
  transition:background .3s var(--ease),border-color .3s var(--ease)}
.fej .keret{height:100%;display:flex;align-items:center;gap:10px}
.jegy{display:inline-flex;align-items:center;gap:10px;color:var(--tinta);margin-right:auto}
.jegy b{font-size:13px;font-weight:600;letter-spacing:.06em;white-space:nowrap}
.fej .menu{display:none}
.fej .menu a{font-size:14px;color:var(--szoveg);padding:8px 10px;border-radius:8px;transition:color .2s,background .2s}
.fej .menu a:hover{color:var(--tinta);background:var(--papir)}
.fej .menu a[aria-current="page"]{color:var(--tinta);font-weight:600}
.kor-gomb{width:44px;height:44px;border-radius:50%;border:1px solid var(--vonal);display:grid;place-items:center;
  color:var(--tinta);flex:none;transition:background .2s,border-color .2s,color .2s}
.kor-gomb:hover{background:var(--papir)}
.kor-gomb svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round}
.kor-gomb.hivas{color:var(--arany-sotet);border-color:var(--arany)}
.fej .fej-cta{display:none}
/* a főoldalon a fejléc a képen ül, amíg el nem görget */
.fej.atlatszo{background:transparent;border-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}
.fej.atlatszo .jegy,.fej.atlatszo .kor-gomb{color:#fff;border-color:rgba(255,255,255,.55)}
.fej.atlatszo .jegy .jel i{background:#fff}
.fej.atlatszo .jegy .jel i:nth-child(2){background:var(--arany)}
.fej.atlatszo .menu a{color:rgba(255,255,255,.88)}
.fej.atlatszo .menu a:hover{background:rgba(255,255,255,.12);color:#fff}
@media (min-width:1080px){
  .fej .menu{display:flex;gap:2px}
  .fej .nyito{display:none}
  .fej .fej-cta{display:inline-flex;padding:10px 18px;font-size:13.5px}
  .fej .kor-gomb.hivas{display:none}
}

/* ── a menü: kis legördülő a gomb alatt, ahogy a régi oldalon volt
   (Gergő, 2026-10-17: a teljes képernyős, nagybetűs fiók túl sok) ── */
.fiok{position:fixed;z-index:60;top:calc(var(--fej) - 2px);right:var(--szel);
  min-width:220px;max-width:calc(100vw - var(--szel)*2);
  background:var(--feher);border:1px solid var(--vonal);border-radius:var(--r-kis);
  box-shadow:0 20px 44px -22px rgba(16,18,22,.34);padding:6px;
  opacity:0;visibility:hidden;transform:translateY(-6px);
  transition:opacity .2s var(--ease),transform .2s var(--ease),visibility 0s .2s}
.fiok.nyitva{opacity:1;visibility:visible;transform:none;transition:opacity .2s var(--ease),transform .2s var(--ease)}
.fiok-fej,.fiok .fiok-also,.fiok nav a small{display:none}
.fiok nav{display:flex;flex-direction:column;gap:1px}
.fiok nav a{display:block;padding:9px 13px;border-radius:9px;font-size:14.5px;line-height:1.35;color:var(--szoveg)}
.fiok nav a:hover{background:var(--papir);color:var(--tinta)}
.fiok nav a[aria-current="page"]{color:var(--tinta);font-weight:600}
.nyito .i-nyit,.nyito .i-zar{display:contents}
.nyito .i-zar,.nyito[aria-expanded="true"] .i-nyit{display:none}
.nyito[aria-expanded="true"] .i-zar{display:contents}

/* ═══ Hero ═══ */
.hero{position:relative;margin-top:calc(var(--fej) * -1);min-height:clamp(600px,92svh,780px);display:flex;align-items:flex-end;
  padding-top:calc(var(--fej) + 24px);padding-bottom:22px;overflow:hidden;background:var(--papir2)}
.hero-kep{position:absolute;inset:0}
.hero-kep img{width:100%;height:100%;object-fit:cover}
.mozog .hero-kep img{animation:lassu 16s var(--ease) forwards}
@keyframes lassu{from{transform:scale(1.06)}to{transform:scale(1)}}
.hero-fatyol{position:absolute;inset:0;background:linear-gradient(185deg,rgba(14,16,20,.5) 0%,rgba(14,16,20,.06) 30%,rgba(14,16,20,.02) 55%,rgba(14,16,20,.3) 100%)}
.hero-tabla{position:relative;z-index:2;background:#fff;border-radius:var(--r);padding:clamp(20px,2.6vw,32px);max-width:600px;
  box-shadow:0 2px 6px rgba(16,18,22,.05),0 26px 60px -26px rgba(16,18,22,.32)}
.mozog .hero-tabla{opacity:0;transform:translateY(16px);animation:be .9s var(--ease) .15s forwards}
@keyframes be{to{opacity:1;transform:none}}
.bekoszon{display:flex;gap:14px;align-items:flex-start}
.portre{width:60px;height:60px;border-radius:50%;overflow:hidden;flex:none;border:1px solid var(--vonal);background:var(--papir2)}
.portre img{width:100%;height:100%;object-fit:cover}
.bekoszon b{display:block;font-size:15px;font-weight:600;color:var(--tinta);line-height:1.3}
.bekoszon .szerep{display:block;font-size:12.5px;color:var(--halk)}
.bekoszon .titulus{display:block;font-size:12px;font-weight:600;color:var(--arany-sotet);margin-top:1px}
.bekoszon p{margin-top:8px;font-size:14.5px;line-height:1.55;color:var(--szoveg);max-width:48ch}
.hero-tabla .d1{margin-top:16px;padding-top:16px;border-top:1px solid var(--vonal)}
.hero-tabla .bev{margin-top:10px;font-size:15.5px}
.hero-tabla .gomb{margin-top:16px}

/* aloldali belépő: kép nélkül, papíron, a fonal ott kezdődik */
.belepo{padding-block:clamp(34px,6vw,72px) clamp(26px,4vw,44px);border-bottom:1px solid var(--vonal)}
.belepo .d1{margin-top:14px;max-width:20ch}
.belepo .bev{margin-top:14px}
.belepo .gombsor{margin-top:20px}
.belepo-racs{display:grid;gap:26px}
.belepo-kep{border-radius:var(--r);overflow:hidden;aspect-ratio:3/2;background:var(--papir2)}
.belepo-kep img{width:100%;height:100%;object-fit:cover}
@media (min-width:900px){.belepo-racs{grid-template-columns:1.1fr .9fr;align-items:center;gap:48px}}

/* ── az ígéret: három ikonos tétel ── */
.igeret{margin-top:16px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;border-top:1px solid var(--vonal);padding-top:14px;list-style:none}
.igeret li{display:flex;flex-direction:column;gap:6px;font-size:12px;line-height:1.35;color:var(--szoveg)}
.igeret b{display:block;color:var(--tinta);font-weight:600;font-size:12.5px}
.igeret svg{width:22px;height:22px;stroke:var(--arany);fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.mozog .igeret li:nth-child(1) .rajz *{transition-delay:.6s}
.mozog .igeret li:nth-child(2) .rajz *{transition-delay:.85s}
.mozog .igeret li:nth-child(3) .rajz *{transition-delay:1.1s}

/* ═══ Rajzolódó vonal — minden ikon közös nyelve ═══ */
.ik{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex:none}
.mozog .rajz :is(path,circle,rect,polyline,line){stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.1s var(--ease)}
.mozog :is(.lat .rajz,.rajz.lat) :is(path,circle,rect,polyline,line){stroke-dashoffset:0}

/* ═══ A FONAL — a lap bal szélén fut, arannyal töltődik ═══ */
main{position:relative}
.fonal{position:absolute;top:0;bottom:0;left:calc(max(var(--szel), (100% - var(--max)) / 2) - 13px);width:1px;
  background:linear-gradient(var(--vonal) 85%,rgba(230,227,220,0));pointer-events:none;z-index:1}
.fonal i{position:absolute;left:0;top:0;width:1px;height:var(--fonal,0px);background:var(--arany)}
.szakasz{position:relative;padding-block:clamp(44px,6vw,84px)}
.szakasz + .szakasz{border-top:1px solid transparent}
.fejlec{position:relative;z-index:2;margin-bottom:clamp(22px,3vw,34px);max-width:720px}
.fejlec .d2{margin-top:12px}
.fejlec .bev{margin-top:12px}
.fejlec::before{content:"";position:absolute;left:-17.5px;top:4px;width:9px;height:9px;border-radius:50%;
  background:var(--feher);border:1.5px solid var(--arany);box-shadow:0 0 0 5px var(--feher);transition:background .35s var(--ease)}
.fejlec.elert::before{background:var(--arany)}
.mozog .fejlec.elert::before{animation:pont .6s var(--ease)}
@keyframes pont{40%{transform:scale(1.45)}}
.papirsav{background:var(--papir);box-shadow:-100vmax 0 0 var(--papir),100vmax 0 0 var(--papir)}
.papirsav .fejlec::before{box-shadow:0 0 0 5px var(--papir)}
.papirsav .fejlec:not(.elert)::before{background:var(--papir)}
@media (min-width:960px){
  .ket-has{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;align-items:start}
  .ket-has > .fejlec{position:sticky;top:calc(var(--fej) + 28px)}
}

/* belépés: finom felúszás, egyszer */
.mozog .be{opacity:0;transform:translateY(14px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.mozog .be.lat{opacity:1;transform:none}

/* ═══ Kártyák, listák ═══ */
.kartya{border:1px solid var(--vonal);border-radius:var(--r);background:#fff;padding:clamp(18px,2.4vw,26px)}
.papirsav .kartya{background:#fff}
.pontlista{list-style:none;border-top:1px solid var(--vonal)}
.pontlista li{display:grid;grid-template-columns:34px 1fr;gap:12px;padding:15px 0;border-bottom:1px solid var(--vonal)}
.pontlista .ikon-kor{width:34px;height:34px;border-radius:50%;border:1px solid var(--arany);display:grid;place-items:center;color:var(--arany-sotet)}
.pontlista .ikon-kor .ik{width:17px;height:17px}
.pontlista h3{font-family:Manrope,sans-serif;font-weight:500;font-size:16.5px;letter-spacing:-.015em;color:var(--tinta);line-height:1.3}
.pontlista p{margin-top:3px;font-size:14.5px;line-height:1.55}

/* ═══ Az árelemzés-dokumentum ═══ */
.dok{position:relative;background:#fff;border:1px solid var(--vonal);border-radius:var(--r);padding:20px 18px 18px;
  box-shadow:0 1px 0 var(--vonal),0 22px 50px -30px rgba(16,18,22,.28)}
.dok::before{content:"";position:absolute;left:18px;right:18px;top:0;height:2px;background:var(--arany)}
.dok-fej{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.dok-fej .mit{font-size:10.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--arany-sotet)}
.dok-fej .cim{margin-top:5px;font-family:Manrope,sans-serif;font-size:17px;letter-spacing:-.02em;color:var(--tinta);line-height:1.3}
.dok-fej .cim span.al{font-size:13px;color:var(--halk);font-family:Archivo,sans-serif;letter-spacing:0}
.minta{flex:none;font-size:10px;font-weight:700;letter-spacing:.16em;color:var(--halk);border:1px solid var(--vonal);border-radius:999px;padding:4px 9px}
.takar{display:inline-block;height:.82em;vertical-align:-.04em;border-radius:3px;background:var(--papir2)}
.dok-alcim{margin-top:16px;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--halk)}
.halmaz{margin-top:8px;width:100%;height:auto;display:block;overflow:visible}
.halmaz .pont{fill:var(--halkabb)}
.halmaz .pont.sajat{fill:var(--tinta)}
.halmaz .sav{fill:var(--arany-halk)}
.halmaz .tengely{stroke:var(--vonal);stroke-width:1}
.halmaz .jelolo{stroke:var(--arany);stroke-width:1.5}
.halmaz .jelolo-pont{fill:var(--arany)}
.halmaz text{font-family:Archivo,sans-serif;font-size:10.5px;fill:var(--halk)}
.halmaz text.eros{fill:var(--arany-sotet);font-weight:600}
.mozog .halmaz .pont{opacity:0;transform-box:fill-box;transform-origin:center;transform:scale(.2);transition:opacity .35s var(--ease),transform .45s var(--ease)}
.mozog .lat .halmaz .pont{opacity:1;transform:none}
.mozog .halmaz .sav{transform-box:fill-box;transform-origin:left;transform:scaleX(0);transition:transform .9s var(--ease) 1s}
.mozog .lat .halmaz .sav{transform:none}
.mozog .halmaz .jelolo-csop{opacity:0;transform:translateY(-8px);transition:opacity .5s var(--ease),transform .5s var(--ease)}
.mozog .lat .halmaz .jelolo-csop{opacity:1;transform:none}
.harom{margin-top:14px;border-top:1px solid var(--vonal);list-style:none}
.harom li{display:grid;grid-template-columns:12px 1fr auto;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid var(--vonal)}
.harom .p{width:8px;height:8px;border-radius:50%;background:var(--arany)}
.harom li:nth-child(2) .p{background:var(--arany-sotet);box-shadow:0 0 0 3px var(--arany-halk)}
.harom .nev{font-size:14.5px;color:var(--tinta);font-weight:500;line-height:1.35}
.harom .nev small{display:block;font-size:12px;color:var(--halk);font-weight:400}
.mozog .harom li{opacity:0;transform:translateX(-10px);transition:opacity .5s var(--ease),transform .5s var(--ease)}
.mozog .lat .harom li{opacity:1;transform:none}
.mozog .lat .harom li:nth-child(1){transition-delay:1.9s}
.mozog .lat .harom li:nth-child(2){transition-delay:2.05s}
.mozog .lat .harom li:nth-child(3){transition-delay:2.2s}
.dok figcaption{margin-top:12px;font-size:12px;color:var(--halk);line-height:1.5}

/* ═══ Előtte–utána ═══ */
.ossz{position:relative;border-radius:var(--r);overflow:hidden;aspect-ratio:4/3;background:var(--papir2);touch-action:pan-y}
.ossz img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ossz .felso{clip-path:inset(0 calc(100% - var(--x,50%)) 0 0)}
.ossz .valaszto{position:absolute;top:0;bottom:0;left:var(--x,50%);width:2px;margin-left:-1px;background:#fff}
.ossz .fogo{position:absolute;top:50%;left:var(--x,50%);width:42px;height:42px;margin:-21px 0 0 -21px;border-radius:50%;
  background:#fff;display:grid;place-items:center;box-shadow:0 4px 14px rgba(0,0,0,.18);pointer-events:none}
.ossz .fogo svg{width:18px;height:18px;stroke:var(--tinta);fill:none;stroke-width:1.8}
.ossz .tag{position:absolute;bottom:12px;font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  background:rgba(255,255,255,.92);color:var(--tinta);border-radius:999px;padding:6px 11px;pointer-events:none}
.ossz .tag.b{left:12px}.ossz .tag.j{right:12px;color:var(--halk)}
.ossz input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0}

/* ═══ A menet ═══ */
.lepesek{position:relative;list-style:none}
.lepesek::before,.lepesek::after{content:"";position:absolute;left:19px;top:20px;bottom:20px;width:1px;background:var(--vonal)}
.lepesek::after{background:var(--arany);bottom:auto;height:var(--gerinc,0px);max-height:calc(100% - 40px)}
.lepesek li{position:relative;display:grid;grid-template-columns:40px 1fr;gap:14px;padding:11px 0}
.lepesek .ikon{position:relative;z-index:1;width:40px;height:40px;border-radius:50%;background:var(--feher);
  border:1px solid var(--vonal);display:grid;place-items:center;color:var(--arany-sotet);transition:border-color .4s var(--ease)}
.papirsav .lepesek .ikon{background:var(--papir)}
.lepesek li.lat .ikon{border-color:var(--arany)}
.lepesek .sz{font-size:11px;font-weight:600;letter-spacing:.1em;color:var(--arany-sotet)}
.lepesek h3{font-family:Manrope,sans-serif;font-weight:400;font-size:17.5px;letter-spacing:-.02em;color:var(--tinta);line-height:1.3}
.lepesek p{margin-top:3px;font-size:14.5px;line-height:1.55}

/* ═══ Bizonyíték ═══ */
.velemeny{margin-top:14px;padding-top:18px;border-top:1px solid var(--vonal)}
.velemeny q{display:block;font-family:Manrope,sans-serif;font-size:19px;letter-spacing:-.02em;line-height:1.4;color:var(--halkabb);quotes:"„" "”"}
.velemeny .ki{margin-top:10px;font-size:13px;color:var(--halk)}
.hely{display:inline-block;margin-top:10px;font-size:11px;font-weight:600;color:#A0612A;background:#FBF1E6;border-radius:6px;padding:3px 8px}

/* ═══ Piktogram, pontmező ═══ */
.piktogram .sor{display:grid;gap:8px;padding:10px 0}
.piktogram .sor + .sor{border-top:1px solid var(--vonal)}
.piktogram .nev{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--halk)}
.piktogram .ikonok{display:flex;flex-wrap:wrap;gap:6px}
.piktogram svg{width:26px;height:26px;stroke:var(--tinta);fill:none;stroke-width:1.4;stroke-linejoin:round;stroke-linecap:round}
.piktogram .kereslet svg{stroke:var(--arany-sotet)}
.mozog .piktogram svg{opacity:0;transform:translateY(6px);transition:opacity .35s var(--ease),transform .35s var(--ease)}
.mozog .piktogram.lat svg{opacity:1;transform:none}
/* szűrő-ábra: a sáv minden hirdetése egy vékony, ferde vonás — a márka
   jelének (///) nyelvén. Sűrű sorokban állnak, mint egy találati lista;
   szűréskor a többi elhalványul, a 3, ami szóba jön, arany és megnő.
   Mobilon is alacsony marad (három-négy sor). */
.szuro-racs{display:flex;flex-wrap:wrap;gap:12px 4px;padding:8px 2px 4px}
.szuro-racs i{display:block;flex:none;width:1.5px;height:20px;border-radius:1px;background:var(--halkabb);
  transform:skewX(-17.74deg);transform-origin:bottom;transition:opacity .6s var(--ease),transform .6s var(--ease),background .6s var(--ease)}
.szuro.szurt .szuro-racs i:not(.m){opacity:.32}
.szuro.szurt .szuro-racs i.m{background:var(--arany);width:2px;transform:skewX(-17.74deg) scaleY(1.5)}
.mozog .szuro-racs i{transform:skewX(-17.74deg) scaleY(0)}
.mozog .szuro.lat .szuro-racs i{transform:skewX(-17.74deg) scaleY(1);transition-delay:var(--k)}
.mozog .szuro.szurt .szuro-racs i{transition-delay:0s}
.mozog .szuro.szurt .szuro-racs i:not(.m){opacity:.32}
.mozog .szuro.szurt .szuro-racs i.m{transform:skewX(-17.74deg) scaleY(1.5)}
.szuro-szam{display:flex;gap:26px;margin-top:18px}
.szuro-szam b{display:block;font-family:Manrope,sans-serif;font-weight:300;font-size:34px;letter-spacing:-.03em;color:var(--tinta);line-height:1}
.szuro-szam .arany b{color:var(--arany-sotet);font-weight:500}
.szuro-szam span{font-size:12.5px;color:var(--halk)}

/* ═══ Kérdések (kinyitható) ═══ */
.nyitok{border-top:1px solid var(--vonal)}
.nyito-elem{border-bottom:1px solid var(--vonal)}
.nyito-elem > summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:1fr 30px;gap:12px;align-items:center;padding:16px 0;-webkit-tap-highlight-color:transparent}
.nyito-elem > summary::-webkit-details-marker{display:none}
.nyito-elem .kicsoda{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--arany-sotet)}
.nyito-elem .kicsoda .ik{width:15px;height:15px;color:var(--arany)}
.nyito-elem .kerdes{display:block;margin-top:5px;font-family:Manrope,sans-serif;font-size:18px;letter-spacing:-.02em;line-height:1.3;color:var(--tinta)}
.nyito-elem .kerdes-al{display:block;margin-top:3px;font-size:13px;color:var(--halk)}
.nyito-elem .plusz{width:30px;height:30px;border-radius:50%;border:1px solid var(--vonal);display:grid;place-items:center;color:var(--halk);transition:transform .3s var(--ease),background .25s,color .25s,border-color .25s}
.nyito-elem .plusz svg{width:12px;height:12px;stroke:currentColor;fill:none;stroke-width:2}
.nyito-elem[open] .plusz{transform:rotate(45deg);background:var(--arany-sotet);border-color:var(--arany-sotet);color:#fff}
.nyito-elem .valasz{padding:2px 0 26px}
.mozog .nyito-elem[open] .valasz{animation:nyit .45s var(--ease) both}
@keyframes nyit{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.valasz p + p{margin-top:12px}
.valasz .d3{margin-bottom:12px}

/* ═══ Űrlap ═══ */
.urlap{position:relative;border:1px solid var(--vonal);border-radius:var(--r);background:#fff;padding:clamp(20px,3vw,32px);
  box-shadow:0 1px 0 var(--vonal),0 26px 60px -40px rgba(16,18,22,.3)}
.urlap::before{content:"";position:absolute;left:clamp(20px,3vw,32px);right:clamp(20px,3vw,32px);top:0;height:2px;background:var(--arany)}
.urlap-fej .d3{margin-top:8px}
.urlap-fej p{margin-top:6px;font-size:14.5px;line-height:1.55}
.kerdes-blokk{margin-top:22px}
.kerdes-blokk > .kcim,.mezo > .kcim{display:flex;gap:9px;align-items:baseline;font-size:15px;font-weight:600;color:var(--tinta);margin-bottom:10px;line-height:1.35}
.kcim .ksz{font-size:11px;font-weight:600;letter-spacing:.08em;color:var(--arany-sotet);font-variant-numeric:tabular-nums}
.kcim .opc{font-weight:400;color:var(--halk);font-size:13px}
.chipek{display:flex;flex-wrap:wrap;gap:7px}
.chip{position:relative;display:inline-flex}
.chip input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.chip span{display:inline-flex;align-items:center;min-height:42px;padding:9px 15px;border:1px solid var(--vonal);border-radius:999px;
  font-size:14px;line-height:1.25;color:var(--tinta);background:#fff;transition:background .2s var(--ease),border-color .2s,color .2s,transform .15s}
.chip:hover span{border-color:var(--halkabb)}
.chip input:checked + span{background:var(--arany-sotet);border-color:var(--arany-sotet);color:#fff}
.chip input:focus-visible + span{outline:2px solid var(--arany-sotet);outline-offset:2px}
.chip input:active + span{transform:scale(.97)}
.mezok{display:grid;gap:12px;margin-top:22px}
@media (min-width:640px){.mezok.ketto{grid-template-columns:1fr 1fr}}
.mezo label,.mezo .mcim{display:block;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--halk);margin-bottom:7px}
.mezo .mcim small,.mezo label small{text-transform:none;letter-spacing:0;font-weight:400}
.mezo input[type=text],.mezo input[type=tel],.mezo input[type=email],.mezo input[type=url],.mezo input[type=number],.mezo textarea{
  width:100%;padding:13px 15px;border:1px solid var(--vonal);border-radius:12px;background:var(--papir);
  font:inherit;font-size:16px;color:var(--tinta);transition:border-color .2s,background .2s}
.mezo textarea{min-height:96px;resize:vertical}
.mezo input::placeholder,.mezo textarea::placeholder{color:var(--halkabb)}
.mezo input:focus,.mezo textarea:focus{outline:none;border-color:var(--arany-sotet);background:#fff}
.mezo .egyseg{position:relative}
.mezo .egyseg input{padding-right:46px}
.mezo .egyseg::after{content:attr(data-egyseg);position:absolute;right:15px;top:50%;transform:translateY(-50%);color:var(--halk);font-size:15px;pointer-events:none}
.javaslatok{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.javaslatok button{font-size:13.5px;padding:7px 12px;border-radius:999px;background:var(--arany-halk);color:var(--arany-sotet);font-weight:600}
.csuszka{margin-top:4px}
.csuszka output{display:inline-block;font-family:Manrope,sans-serif;font-size:24px;font-weight:500;letter-spacing:-.02em;color:var(--tinta)}
.csuszka input[type=range]{width:100%;margin-top:8px;accent-color:var(--arany-sotet);height:28px}
.csuszka .skala{display:flex;justify-content:space-between;font-size:12px;color:var(--halk)}
.elerhetoseg{margin-top:26px;padding-top:22px;border-top:1px dashed var(--vonal)}
.elerhetoseg .cim-sor{font-size:15px;font-weight:600;color:var(--tinta)}
.elerhetoseg .cim-sor small{display:block;font-weight:400;font-size:13.5px;color:var(--halk);margin-top:2px}
.egyet{margin-top:16px;display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.55;color:var(--halk)}
.egyet input{margin-top:2px;flex:none;width:19px;height:19px;accent-color:var(--arany-sotet)}
.egyet a{text-decoration:underline}
.urlap .kuld{margin-top:18px;width:100%;padding:15px 20px;font-size:15.5px}
.urlap .biztosit{margin-top:12px;font-size:13px;line-height:1.55;color:var(--halk);text-align:center}
.urlap .hibauz{margin-top:12px;font-size:14px;color:var(--hiba);font-weight:500}
.urlap .csapda{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.urlap .hianyzik > .kcim{color:var(--hiba)}
.urlap .hianyzik .chip span{border-color:#E7C3BB}
.urlap .mezo.hianyzik input{border-color:var(--hiba)}
.kesz-allapot{display:none;text-align:left}
.urlap.elkuldve > *:not(.kesz-allapot){display:none}
.urlap.elkuldve .kesz-allapot{display:block}
.kesz-allapot .pipa{width:48px;height:48px;border-radius:50%;border:1.5px solid var(--arany);display:grid;place-items:center;color:var(--arany-sotet)}
.kesz-allapot .pipa svg{width:22px;height:22px}
.kesz-allapot .d3{margin-top:14px}
.kesz-allapot p{margin-top:8px}
/* a haladás: hány kérdésből mennyi kész — egy vékony arany vonal az űrlap tetején */
.urlap .halad{position:absolute;left:clamp(20px,3vw,32px);top:0;height:2px;width:0;background:var(--arany-sotet);z-index:1;transition:width .35s var(--ease);max-width:calc(100% - 2*clamp(20px,3vw,32px))}
.urlap .halad-szoveg{font-size:12px;color:var(--halk);font-variant-numeric:tabular-nums}

/* ═══ Csomagok (beruházók) ═══ */
.csomagok{display:grid;gap:12px}
@media (min-width:980px){.csomagok{grid-template-columns:repeat(3,1fr)}}
.csomag{display:flex;flex-direction:column}
.csomag .szint{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--halk)}
.csomag h3{margin-top:6px;font-family:Manrope,sans-serif;font-size:22px;font-weight:500;letter-spacing:-.025em;color:var(--tinta)}
.csomag .kinek{margin-top:8px;font-size:14.5px;line-height:1.55}
.csomag .dij{margin-top:14px;padding-block:12px;border-block:1px solid var(--vonal);font-size:14px;color:var(--tinta);font-weight:600}
.csomag .dij small{display:block;font-weight:400;color:var(--halk);font-size:12.5px}
.csomag ul{list-style:none;margin-top:12px;display:grid;gap:8px;font-size:14px;line-height:1.5}
.csomag li{display:grid;grid-template-columns:16px 1fr;gap:9px}
.csomag li::before{content:"";width:6px;height:6px;margin-top:8px;border-radius:50%;background:var(--arany)}
.csomag .gomb{margin-top:auto;align-self:flex-start}
.csomag .tovabbi{margin-top:12px;font-size:13px;color:var(--halk);margin-bottom:18px}
.csomag.kiemelt{border-color:var(--arany)}
.csomag .kiemel-cimke{display:inline-block;margin-left:8px;font-size:10px;letter-spacing:.12em;padding:3px 8px;border-radius:999px;background:var(--arany-halk);color:var(--arany-sotet)}

/* ── idővonal-ábra (beruházók) ── */
.idoabra{display:grid;gap:14px}
.idosor .fel{font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--tinta)}
.idosor .fel small{font-weight:400;text-transform:none;letter-spacing:0;color:var(--halk);margin-left:6px}
.idosor .savok{margin-top:8px;display:grid;gap:5px}
.idosor .sav{position:relative;height:22px;border-radius:5px;background:var(--papir)}
.idosor .sav i{position:absolute;top:0;bottom:0;left:var(--k);width:var(--h);border-radius:5px;background:var(--arany);display:flex;align-items:center;padding-left:8px;
  font-style:normal;font-size:11px;color:#fff;white-space:nowrap;overflow:hidden}
.idosor.mas .sav i{background:var(--halkabb)}
.idosor .skala{display:flex;justify-content:space-between;font-size:11px;color:var(--halk);margin-top:5px}
.mozog .idosor .sav i{transform-origin:left;transform:scaleX(0);transition:transform .8s var(--ease)}
.mozog .idosor.lat .sav i{transform:none}
.mozog .idosor.lat .sav:nth-child(2) i{transition-delay:.12s}
.mozog .idosor.lat .sav:nth-child(3) i{transition-delay:.24s}
.mozog .idosor.lat .sav:nth-child(4) i{transition-delay:.36s}

/* ═══ Kalkulátor (kérdések) ═══ */
.szamolo .sor{margin-top:14px}
.szamolo .eredmeny{margin-top:18px;padding:16px;border-radius:12px;background:var(--papir)}
.szamolo .eredmeny b{display:block;font-family:Manrope,sans-serif;font-size:30px;font-weight:500;letter-spacing:-.03em;color:var(--tinta);line-height:1.1}
.szamolo .eredmeny span{font-size:13.5px}

/* ═══ Záró, hírlevél, lábléc ═══ */
.zaro-kep{border-radius:var(--r);overflow:hidden;aspect-ratio:3/2;background:var(--papir2)}
.zaro-kep img{width:100%;height:100%;object-fit:cover}
.zaro{display:grid;gap:18px}
@media (min-width:900px){.zaro{grid-template-columns:1fr 1fr;align-items:center;gap:48px}}
.zaro .gondolat{margin-top:16px;padding-top:16px;border-top:1px solid var(--vonal);font-size:15px;line-height:1.65}
.hirlevel{border-top:1px solid var(--vonal);padding-block:20px}
.hirlevel form{max-width:880px;margin-inline:auto;display:grid;gap:8px;justify-items:center;text-align:center}
.hl-sor{display:grid;gap:10px;width:100%;align-items:center}
@media (min-width:760px){.hl-sor{grid-template-columns:auto minmax(0,380px);gap:24px;justify-content:center;text-align:left}}
.hirlevel .sor{display:flex;gap:8px}
.hirlevel input[type=email]{flex:1;min-width:0;padding:11px 16px;border:1px solid var(--vonal);border-radius:999px;font:inherit;font-size:16px;background:#fff}
.hirlevel p{font-size:15px;color:var(--tinta)}
.hirlevel small{display:block;font-size:13px;color:var(--halk)}
.hirlevel .egyet{margin-top:2px;text-align:left;font-size:12.5px}
.lab{background:var(--papir);font-size:13.5px;color:var(--halk);
  padding-block:26px calc(22px + env(safe-area-inset-bottom))}
.lab a{transition:color .2s var(--ease)}
.lab a:hover{color:var(--tinta)}
.lab-fent{display:grid;gap:10px 28px;align-items:center}
.lab-fent .jegy{margin:0}
.lab-elerheto{display:flex;flex-wrap:wrap;gap:4px 18px;color:var(--tinta)}
.lab-menu{display:flex;flex-wrap:wrap;gap:0 16px}
.lab-menu a,.lab-jogi a{display:inline-flex;align-items:center;min-height:36px}
@media (min-width:900px){.lab-fent{grid-template-columns:auto 1fr auto}.lab-menu{justify-content:flex-end}}
.lab-also{margin-top:14px;display:grid;gap:6px 18px;align-items:center;font-size:12.5px}
.lab-jogi{display:flex;flex-wrap:wrap;gap:0 16px}
@media (min-width:900px){.lab-also{grid-template-columns:auto 1fr auto}}
.lab-keszitette{display:inline-flex;align-items:center;gap:10px;padding-right:18px;border-right:1px solid var(--vonal);justify-self:start}
/* mobilon: középre zárt, tömör tömb — a jegy, az elérhetőség, a menü, alatta
   kisebben a jogiak, a © és a készítő; nem szétszórt bal oldali oszlop */
@media (max-width:899px){
  .lab{text-align:center;padding-top:30px}
  .lab-fent{justify-items:center;gap:8px}
  .lab-fent .jegy{margin-bottom:4px}
  .lab-elerheto{justify-content:center;gap:2px 16px}
  .lab-menu{justify-content:center;gap:0 14px}
  .lab-also{display:flex;flex-direction:column;align-items:center;gap:4px;margin-top:16px;font-size:12px}
  .lab-jogi{order:1;justify-content:center;gap:0 14px}
  .lab-also > span:not(.lab-keszitette){order:2;max-width:32ch;line-height:1.5;text-wrap:balance}
  .lab-keszitette{order:3;border-right:0;padding-right:0;justify-self:auto;margin-top:8px}
}
.lab .lockup{color:var(--halk)}
.lab .lockup:hover{color:var(--tinta)}
.lockup{display:inline-flex;align-items:center;gap:7px;color:var(--halkabb);justify-self:start}
.lockup:hover{color:var(--szoveg)}
.lockup .w{font-family:Manrope,sans-serif;font-size:10.5px;font-weight:600;letter-spacing:.19em;line-height:1}
.lockup svg{display:block;height:17px;width:auto}

/* ═══ Ragadós cselekvés mobilon ═══ */
.ragados{position:fixed;left:0;right:0;bottom:0;z-index:40;background:rgba(255,255,255,.96);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--vonal);
  padding:10px var(--szel) calc(10px + env(safe-area-inset-bottom));display:flex;gap:10px;align-items:center;
  transform:translateY(110%);transition:transform .3s var(--ease)}
.ragados.lat{transform:none}
.ragados .gomb{flex:1;padding:13px 16px}
/* az adatlapé: két felirattal ellátott gomb, a hívás a keskenyebb */
.ragados.ket-gomb .gomb.halk{flex:0 0 auto;background:#fff}
@media (min-width:900px){.ragados{display:none}}
/* az adatlapé a jobb oldali ajánlatdobozig áll (960 px), addig nincs más gomb */
@media (min-width:900px) and (max-width:959px){.ragados.ket-gomb{display:flex}}

@media (prefers-reduced-motion:reduce){
  .mozog *,.mozog *::before,.mozog *::after{animation:none!important;transition:none!important}
  .mozog .be,.mozog .hero-tabla,.mozog .harom li,.mozog .halmaz .pont,.mozog .halmaz .jelolo-csop,.mozog .piktogram svg{opacity:1!important;transform:none!important}
  .mozog .halmaz .sav,.mozog .idosor .sav i,.mozog .jel i{transform:none!important}
  .mozog .rajz *{stroke-dashoffset:0!important}
}

/* űrlap-finomítás: a kérdés címe a mező fölött is kérdés, nem verzál címke */
fieldset{border:0;min-width:0}
legend{padding:0}
.mezo > label.kcim{display:flex;text-transform:none;letter-spacing:0;font-size:15px;font-weight:600;color:var(--tinta)}
.urlap .mezo.hianyzik > label.kcim{color:var(--hiba)}

/* a belépő szálválasztója: kiválasztva halvány arany, hogy ne tűnjön második fő gombnak */
.chipek.szalak .chip input:checked + span{background:var(--arany-halk);border-color:var(--arany);color:var(--arany-sotet);font-weight:600}
/* kiemelt mondat — Manrope, nem dőlt serif */
.kiemelt{font-family:Manrope,sans-serif;font-weight:400;font-size:clamp(20px,2.4vw,26px);letter-spacing:-.022em;line-height:1.35;color:var(--tinta);
  padding-left:18px;border-left:2px solid var(--arany);max-width:34ch}
.szoveg p + p{margin-top:14px}
.szoveg{max-width:62ch}
/* számozott elvek (rólam) */
.elvek{list-style:none;counter-reset:e;border-top:1px solid var(--vonal)}
.elvek li{counter-increment:e;display:grid;grid-template-columns:52px 1fr;gap:10px;padding:18px 0;border-bottom:1px solid var(--vonal);
  font-family:Manrope,sans-serif;font-size:18px;letter-spacing:-.018em;line-height:1.4;color:var(--tinta)}
.elvek li::before{content:counter(e,decimal-leading-zero);font-size:30px;font-weight:300;color:var(--arany);line-height:1}
/* kapcsolati csatornák */
.csatornak{display:grid;gap:10px}
.csatorna{display:grid;grid-template-columns:40px 1fr;gap:12px;align-items:start}
.csatorna .ikon-kor{width:40px;height:40px;border-radius:50%;border:1px solid var(--arany);display:grid;place-items:center;color:var(--arany-sotet)}
.csatorna b{display:block;color:var(--tinta);font-weight:600}
.csatorna a{color:var(--arany-sotet);font-weight:600}
.csatorna p{font-size:14px;line-height:1.5}
/* tények sora (beruházók) */
.tenyek{display:grid;gap:1px;background:var(--vonal);border:1px solid var(--vonal);border-radius:var(--r);overflow:hidden}
@media (min-width:760px){.tenyek{grid-template-columns:repeat(3,1fr)}}
.tenyek > div{background:#fff;padding:18px;display:grid;grid-template-columns:36px 1fr;gap:12px}
.tenyek b{display:block;font-family:Manrope,sans-serif;font-weight:500;font-size:17px;letter-spacing:-.02em;color:var(--tinta)}
.tenyek p{font-size:14px;line-height:1.5;margin-top:2px}
.tenyek .ik{width:26px;height:26px;color:var(--arany)}
/* mi történik most (köszönőlapok) */
.utana{list-style:none;display:grid;gap:0;border-top:1px solid var(--vonal)}
.utana li{display:grid;grid-template-columns:88px 1fr;gap:12px;padding:15px 0;border-bottom:1px solid var(--vonal)}
.utana .mikor{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--arany-sotet);padding-top:3px}
.utana p{font-size:15px;line-height:1.55;color:var(--tinta)}
.utana p small{display:block;color:var(--szoveg);font-size:14px;margin-top:2px}
/* széles képernyőn a dokumentum ne nőjön plakáttá */
.dok{max-width:560px}

/* ═══════════════════════════════════════════════════════════════════
   2. kör (2026-10-16 este): előszoba-főoldal, kínálat, gondolatok
   ═══════════════════════════════════════════════════════════════════ */

/* ── a főoldal tartalomjegyzéke: négy ajtó ── */
.ajtok{list-style:none;border-top:1px solid var(--vonal);counter-reset:a}
.ajto{counter-increment:a;border-bottom:1px solid var(--vonal)}
.ajto a{display:grid;grid-template-columns:34px 1fr 36px;gap:12px;align-items:center;padding:18px 0;-webkit-tap-highlight-color:transparent}
.ajto a::before{content:counter(a,decimal-leading-zero);font-size:12px;font-weight:600;letter-spacing:.08em;color:var(--arany-sotet);align-self:start;padding-top:5px}
.ajto .kinek{display:block;font-family:Manrope,sans-serif;font-size:clamp(21px,2.6vw,28px);font-weight:400;letter-spacing:-.025em;color:var(--tinta);line-height:1.15}
.ajto .mit{display:block;margin-top:4px;font-size:14.5px;line-height:1.5;color:var(--szoveg)}
.ajto .ajanlat{display:inline-block;margin-top:8px;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--arany-sotet)}
.ajto .nyil-kor{width:36px;height:36px;border-radius:50%;border:1px solid var(--vonal);display:grid;place-items:center;color:var(--tinta);transition:transform .25s var(--ease),background .25s,border-color .25s,color .25s}
.ajto .nyil-kor svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.8}
.ajto a:hover .nyil-kor{transform:translateX(4px);background:var(--arany-sotet);border-color:var(--arany-sotet);color:#fff}
.ajto a:active{background:var(--papir)}
.mozog .ajto{opacity:0;transform:translateY(10px);transition:opacity .6s var(--ease),transform .6s var(--ease)}
.mozog .ajtok.lat .ajto{opacity:1;transform:none}
.mozog .ajtok.lat .ajto:nth-child(2){transition-delay:.08s}
.mozog .ajtok.lat .ajto:nth-child(3){transition-delay:.16s}
.mozog .ajtok.lat .ajto:nth-child(4){transition-delay:.24s}

/* fejléc + „mind" link egy sorban */
.szakasz-fej{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap}
.szakasz-fej .fejlec{margin-bottom:0}
.szakasz-fej + *{margin-top:clamp(20px,3vw,30px)}

/* ── sín: vízszintesen húzható sor, snap-pel ── */
.sin{display:grid;grid-auto-flow:column;grid-auto-columns:min(78%,320px);gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;
  margin-inline:calc(var(--szel) * -1);padding:4px var(--szel) 8px;scroll-padding-inline:var(--szel);scrollbar-width:none;-webkit-overflow-scrolling:touch}
.sin::-webkit-scrollbar{display:none}
.sin > *{scroll-snap-align:start}
.sin-vege{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:10px;border:1px dashed var(--halkabb);border-radius:var(--r);padding:20px;aspect-ratio:3/2}
.sin-vege b{font-family:Manrope,sans-serif;font-size:20px;font-weight:400;letter-spacing:-.02em;color:var(--tinta)}

/* ── szűrők ── */
.szurok{display:grid;gap:10px;margin-bottom:22px}
.szurok .chipek{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:calc(var(--szel) * -1);padding-inline:var(--szel)}
.szurok .chipek::-webkit-scrollbar{display:none}
.szurok .chip span{white-space:nowrap;min-height:38px;padding:7px 14px;font-size:13.5px}
.talalat{font-size:13px;color:var(--halk);margin-bottom:14px}
.rendezes{margin:-10px 0 22px}
.rendezes .chipek{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:calc(var(--szel) * -1);padding-inline:var(--szel)}
.rendezes .chipek::-webkit-scrollbar{display:none}
.rendezes .chip span{white-space:nowrap;min-height:34px;padding:6px 13px;font-size:13px}
/* a lista közepén, a 6. kártya után: ugyanaz az ajánlat, mint a lap alján */
.kozbe-sav{grid-column:1 / -1;display:flex;flex-direction:column;align-items:flex-start;gap:16px;
  background:var(--papir);border-radius:var(--r);padding:22px clamp(20px,3vw,32px)}
.kozbe-sav[hidden]{display:none}
.kozbe-cim{font-family:Manrope,sans-serif;font-weight:400;font-size:clamp(20px,2.2vw,24px);line-height:1.3;letter-spacing:-.02em;color:var(--tinta);max-width:34ch}
.kozbe-cim b{font-weight:500}
@media (min-width:760px){.kozbe-sav{flex-direction:row;align-items:center;justify-content:space-between}}
.nincs-talalat{padding:28px 0;color:var(--halk)}

/* ── gondolatok: vezető anyag + sűrű rács (a 4. nekifutás, ezt hagyta jóvá Gergő) ── */
.gond-vezeto{display:grid;gap:16px}
@media (min-width:860px){.gond-vezeto{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:36px;align-items:center}}
.gond-vezeto .kep,.gond .kep{display:block;aspect-ratio:3/2;border-radius:var(--r);overflow:hidden;background:var(--papir2)}
.gond-vezeto .kep img,.gond .kep img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.gond-vezeto:hover .kep img,.gond:hover .kep img{transform:scale(1.03)}
.datum{font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--halk)}
.gond-vezeto h2{margin-top:8px;font-family:Manrope,sans-serif;font-size:clamp(26px,3.4vw,38px);font-weight:400;letter-spacing:-.03em;line-height:1.12;color:var(--tinta);text-wrap:balance}
.gond-vezeto p{margin-top:10px;font-size:16px;line-height:1.6}
.gond-racs{display:grid;gap:30px 20px;grid-template-columns:repeat(auto-fill,minmax(235px,1fr))}
.gond{display:flex;flex-direction:column;gap:8px}
.gond h3{font-family:Manrope,sans-serif;font-size:18px;font-weight:500;letter-spacing:-.02em;line-height:1.3;color:var(--tinta);text-wrap:balance}
.gond p{font-size:14.5px;line-height:1.55}
.gond-lista{list-style:none;border-top:1px solid var(--vonal)}
.gond-lista a{display:grid;grid-template-columns:96px 1fr;gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid var(--vonal)}
.gond-lista .kep{aspect-ratio:3/2;border-radius:10px;overflow:hidden;background:var(--papir2)}
.gond-lista img{width:100%;height:100%;object-fit:cover}
.gond-lista h3{font-family:Manrope,sans-serif;font-size:16.5px;font-weight:500;letter-spacing:-.015em;line-height:1.3;color:var(--tinta)}

/* ── a cikk ── */
.cikk-fej{max-width:760px}
.cikk-fej .d1{margin-top:10px;font-size:clamp(28px,4.2vw,46px)}
.cikk-fej .bev{margin-top:14px;font-size:clamp(17px,1.9vw,19px);color:var(--tinta)}
.cikk-kep{margin-top:26px;border-radius:var(--r);overflow:hidden;aspect-ratio:3/2;background:var(--papir2);max-width:960px}
.cikk-kep img{width:100%;height:100%;object-fit:cover}
.cikk{max-width:660px;margin-top:30px}
.cikk p,.cikk li{font-size:17px;line-height:1.75;color:#3f403e}
.cikk p + p,.cikk ul + p,.cikk p + ul{margin-top:16px}
.cikk h2{margin-top:36px;margin-bottom:10px;font-family:Manrope,sans-serif;font-size:clamp(21px,2.4vw,25px);font-weight:500;letter-spacing:-.025em;line-height:1.25;color:var(--tinta)}
.cikk ul{padding-left:20px}
.cikk li + li{margin-top:6px}
.cikk li::marker{color:var(--arany)}
.cikk b{color:var(--tinta)}
.cikk blockquote{margin:30px 0;padding-left:18px;border-left:2px solid var(--arany);font-family:Manrope,sans-serif;font-size:clamp(20px,2.3vw,24px);letter-spacing:-.02em;line-height:1.4;color:var(--tinta)}
.cikk blockquote p{font:inherit;color:inherit;line-height:inherit}
.cikk .forras{margin-top:26px;font-size:13px;color:var(--halk);line-height:1.55}
.alairas{display:flex;gap:12px;align-items:center;margin-top:30px;padding-top:20px;border-top:1px solid var(--vonal);max-width:660px}
.alairas b{display:block;color:var(--tinta);font-size:15px}
.alairas span{font-size:13px;color:var(--halk)}
.alairas .portre{width:48px;height:48px}

/* ── rólam a főoldalon ── */
.rolam-roviden{display:grid;gap:22px}
@media (min-width:860px){.rolam-roviden{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:48px;align-items:center}}
.rolam-roviden .kep{border-radius:var(--r);overflow:hidden;aspect-ratio:3/2;background:var(--papir2)}
.rolam-roviden .kep img{width:100%;height:100%;object-fit:cover}
.tenyek-sor{display:flex;flex-wrap:wrap;gap:20px 30px;margin-top:22px;padding-top:18px;border-top:1px solid var(--vonal)}
.tenyek-sor b{display:block;font-family:Manrope,sans-serif;font-size:28px;font-weight:300;letter-spacing:-.03em;color:var(--tinta);line-height:1}
.tenyek-sor span{font-size:12.5px;color:var(--halk)}

/* a fejléc a teljes szélességet kitölti: a jegy balra, a menü jobbra zár */
.fej .keret{max-width:none}

/* ═══════════════════════════════════════════════════════════════════
   Kínálat — az élő modul (kinalat-b/kinalat.css) elrendezése és
   viselkedése, átvéve. Ezt Gergő már jóváhagyta; csak a keret új.
   ═══════════════════════════════════════════════════════════════════ */
.tetelek{display:grid;grid-template-columns:1fr;gap:clamp(26px,3.2vw,40px) clamp(18px,2.2vw,30px)}
@media (min-width:620px){.tetelek{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1180px){.tetelek{grid-template-columns:repeat(3,minmax(0,1fr))}}
.tetel{display:block;-webkit-tap-highlight-color:transparent}
.tetel[hidden]{display:none}
.tetel-kep{position:relative;display:block;aspect-ratio:4/3;border-radius:var(--r);overflow:hidden;background:var(--papir2);touch-action:pan-y}
.tetel-kep img{width:100%;height:100%;object-fit:cover;display:block}
.tetel-kep picture{display:block;width:100%;height:100%}
.tetel-jelzo{position:absolute;top:10px;left:10px;background:var(--feher);color:var(--arany-sotet);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:4px 11px}
/* a képen álló adatsor jobb alul — bal alul a vízjel van */
.tetel-adatsor{position:absolute;right:10px;bottom:10px;max-width:calc(100% - 20px);background:rgba(255,255,255,.92);color:var(--tinta);border-radius:999px;padding:5px 12px;font-size:12.5px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:opacity .2s var(--ease)}
/* húzásra lapoz; a csíkok mutatják, hányadiknál tart */
.tetel-osztas{position:absolute;left:10px;right:10px;bottom:9px;display:flex;gap:4px;opacity:0;transition:opacity .2s var(--ease)}
.tetel-kep:hover .tetel-osztas,.tetel-osztas.lat{opacity:1}
.tetel-kep:hover .tetel-adatsor,.tetel-kep.lapoz .tetel-adatsor{opacity:0}
.tetel-osztas i{flex:1;height:2px;border-radius:2px;background:rgba(255,255,255,.42)}
.tetel-osztas i.be{background:#fff}
.tetel-fej{margin-top:12px;padding-top:11px;border-top:1px solid var(--vonal);display:flex;flex-wrap:wrap;align-items:baseline;gap:3px 10px}
.tetel-ar{font-family:Manrope,sans-serif;font-weight:400;font-size:clamp(20px,2.2vw,24px);letter-spacing:-.03em;color:var(--tinta)}
.tetel-hely{font-size:13.5px;color:var(--halk)}
.tetel-szamok{margin-top:9px;display:flex;flex-wrap:wrap;gap:6px}
.tetel-szamok span{background:var(--papir);border:1px solid var(--vonal);border-radius:999px;padding:4px 11px;font-size:12.5px;color:var(--szoveg)}
.tetel:hover .tetel-ar{color:var(--arany-sotet)}
.sin .tetel-kep{aspect-ratio:4/3}

/* címkék: négy jelentés, papír-tónus */
.cimke-arany{--cs-h:#F6EEE0;--cs-k:#E0C9A2;--cs-sz:#87652F}
.cimke-zold{--cs-h:#E9F0E7;--cs-k:#C4D7BE;--cs-sz:#41643C}
.cimke-kek{--cs-h:#E7EDF3;--cs-k:#C5D6E4;--cs-sz:#3A5771}
.cimke-terrakotta{--cs-h:#F7E9E3;--cs-k:#E5C6B8;--cs-sz:#8A4429}
.cimkek{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}
.cimkek .pasztilla{display:inline-flex;align-items:center;background:var(--cs-h);border:1px solid var(--cs-k);color:var(--cs-sz);border-radius:999px;padding:5px 12px;font-size:11.5px;font-weight:600;letter-spacing:.07em;line-height:1.25;text-transform:uppercase;white-space:nowrap}
.tetel-cimkek{margin-top:12px}

/* ═══ Adatlap = termékoldal ═══
   Ide azért jönnek, mert erre az ingatlanra kíváncsiak: képek, ár,
   adatok, leírás. Ez a sorrend, és minden más ezt szolgálja. */
.termek-fej-sav{display:flex;justify-content:space-between;align-items:center;gap:12px}
.termek-fej-sav .megoszt-mini{display:flex;gap:6px}
.megoszt-mini button,.megoszt-mini a{width:40px;height:40px;border-radius:50%;border:1px solid var(--vonal);display:grid;place-items:center;color:var(--tinta);background:#fff;transition:border-color .2s,background .2s}
.megoszt-mini button:hover,.megoszt-mini a:hover{border-color:var(--arany);background:var(--arany-halk)}
.megoszt-mini svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}

/* képsor: telefonon húzható, weben mozaik (egy nagy + négy kicsi) */
.kepsor-doboz{position:relative}
.kepsor{display:grid;grid-auto-flow:column;grid-auto-columns:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;
  margin-inline:calc(var(--szel) * -1);-webkit-overflow-scrolling:touch}
.kepsor::-webkit-scrollbar{display:none}
.kepsor a{scroll-snap-align:start;display:block;aspect-ratio:4/3;background:var(--papir2);overflow:hidden}
.kepsor img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s var(--ease)}
.kepsor-szam{position:absolute;right:12px;bottom:12px;background:rgba(255,255,255,.94);color:var(--tinta);border-radius:999px;padding:6px 12px;font-size:12.5px;font-weight:600;font-variant-numeric:tabular-nums;pointer-events:none}
.kepsor-mind{position:absolute;left:12px;bottom:12px;display:none;align-items:center;gap:8px;background:rgba(255,255,255,.96);color:var(--tinta);border:1px solid var(--vonal);border-radius:999px;padding:9px 15px;font-size:13.5px;font-weight:600}
.kepsor-mind svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.6}
.mozog .kepsor img{animation:beallo 1.1s var(--ease) both}
@keyframes beallo{from{opacity:.4;transform:scale(1.04)}to{opacity:1;transform:none}}
@media (min-width:900px){
  .kepsor{margin:0;overflow:hidden;grid-auto-flow:row;grid-template-columns:2fr 1fr 1fr;grid-template-rows:repeat(2,minmax(0,1fr));gap:8px;
    aspect-ratio:2.1/1;border-radius:var(--r)}
  .kepsor a{aspect-ratio:auto;height:100%}
  .kepsor a:first-child{grid-row:1 / 3}
  .kepsor a:nth-child(n+6){display:none}
  .kepsor a:hover img{transform:scale(1.03)}
  .kepsor-szam{display:none}
  .kepsor-mind{display:inline-flex;left:auto;right:14px;bottom:14px}
  .mozog .kepsor a:nth-child(2) img{animation-delay:.08s}.mozog .kepsor a:nth-child(3) img{animation-delay:.16s}
  .mozog .kepsor a:nth-child(4) img{animation-delay:.24s}.mozog .kepsor a:nth-child(5) img{animation-delay:.32s}
}

/* fej + ajánlatdoboz */
.termek-racs{display:grid;gap:26px;margin-top:22px}
@media (min-width:960px){.termek-racs{grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:56px;align-items:start}
  .termek-racs > aside{position:sticky;top:calc(var(--fej) + 22px)}}
.termek-fej .cimke{color:var(--arany-sotet)}
.termek-fej h1{margin-top:12px;font-family:Manrope,sans-serif;font-weight:400;font-size:clamp(22px,2.6vw,30px);line-height:1.25;letter-spacing:-.022em;color:var(--tinta);text-wrap:balance}
.termek-ar-mobil{display:flex;align-items:baseline;gap:6px 14px;flex-wrap:wrap;margin-top:16px}
.termek-ar-mobil b{font-family:Manrope,sans-serif;font-weight:500;font-size:34px;letter-spacing:-.03em;color:var(--tinta);line-height:1}
.termek-ar-mobil span{font-size:14.5px;color:var(--szoveg)}
/* az ársor egyben tördel: ha nem fér az ár mellé, egészében a következő sorba megy */
.termek-ar-mobil .arsor{display:inline-flex;gap:0 8px;white-space:nowrap}
.termek-ar-mobil .arsor span + span::before{content:"·";margin-right:8px;color:var(--halkabb)}
/* a projekt saját oldala: az ár alatt, egy kattintásra */
.termek-weboldal{display:grid;gap:4px;margin-top:18px;padding:14px 18px;border:1px solid var(--vonal);border-left:2px solid var(--arany);
  border-radius:var(--r);background:#fff;transition:border-color .2s,background .2s}
.termek-weboldal:hover{background:var(--papir);border-color:var(--halkabb);border-left-color:var(--arany-sotet)}
.termek-weboldal span{font-size:14.5px;color:var(--szoveg)}
.termek-weboldal b{font-family:Manrope,sans-serif;font-weight:500;font-size:18px;letter-spacing:-.015em;color:var(--tinta)}
.termek-weboldal b .ny{font-size:16px;color:var(--arany-sotet)}
/* az adatlap rövid blokkjai: Röviden, Mi van az árban, Környék */
.termek-blokk{padding-bottom:0}
.termek-blokk .fejlec{margin-bottom:14px}
.pont-lista{list-style:none;display:grid;gap:10px;font-size:16px;line-height:1.55;color:var(--tinta)}
.pont-lista li{display:grid;grid-template-columns:16px 1fr;gap:9px}
.pont-lista li::before{content:"";width:6px;height:6px;margin-top:10px;border-radius:50%;background:var(--arany)}
.pont-lista b{font-weight:600}
.kornyek-meg{font-size:13.5px;color:var(--halk);margin-bottom:10px}
.kornyek{border-top:1px solid var(--vonal)}
.kornyek > div{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px solid var(--vonal)}
.kornyek dt{font-size:15px;color:var(--tinta)}
.kornyek dd{font-size:15px;color:var(--tinta);font-weight:500;font-variant-numeric:tabular-nums;white-space:nowrap}
@media (min-width:960px){.termek-ar-mobil{display:none}}

/* fő adatok: ikon + érték + címke, csempékben */
.fo-adatok{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--vonal);border:1px solid var(--vonal);border-radius:var(--r);overflow:hidden;margin-top:22px}
@media (min-width:640px){.fo-adatok{grid-template-columns:repeat(3,minmax(0,1fr))}}
.fo-adatok li{background:#fff;padding:14px 15px;display:grid;grid-template-columns:24px 1fr;gap:4px 11px;align-items:start}
.fo-adatok .ik{width:22px;height:22px;color:var(--arany);grid-row:1 / 3;margin-top:2px}
.fo-adatok b{font-family:Manrope,sans-serif;font-weight:500;font-size:16.5px;letter-spacing:-.015em;color:var(--tinta);line-height:1.25}
.fo-adatok span{font-size:12px;color:var(--halk);line-height:1.3}
.mozog .fo-adatok li .rajz :is(path,circle,rect,polyline,line){transition-duration:1s}
.mozog .fo-adatok.lat li:nth-child(2) .rajz *{transition-delay:.08s}.mozog .fo-adatok.lat li:nth-child(3) .rajz *{transition-delay:.16s}
.mozog .fo-adatok.lat li:nth-child(4) .rajz *{transition-delay:.24s}.mozog .fo-adatok.lat li:nth-child(5) .rajz *{transition-delay:.32s}
.mozog .fo-adatok.lat li:nth-child(6) .rajz *{transition-delay:.4s}

/* ajánlatdoboz (weben oldalt ragad) */
.ajanlat-doboz{border:1px solid var(--vonal);border-radius:var(--r);background:#fff;padding:22px;box-shadow:0 1px 0 var(--vonal),0 26px 60px -40px rgba(16,18,22,.3);position:relative}
.ajanlat-doboz::before{content:"";position:absolute;left:22px;right:22px;top:0;height:2px;background:var(--arany)}
.ajanlat-doboz .ar{font-family:Manrope,sans-serif;font-weight:500;font-size:36px;letter-spacing:-.03em;color:var(--tinta);line-height:1}
.ajanlat-doboz .nmar{margin-top:6px;font-size:14px;color:var(--halk)}
.ajanlat-doboz .gomb{width:100%;margin-top:10px}
.ajanlat-doboz .gomb:first-of-type{margin-top:18px}
.ajanlat-doboz .apro{margin-top:12px;text-align:center}
@media (max-width:959px){.ajanlat-doboz{display:none}}

/* leírás: a bevezető nagyobb, a többi kinyitható */
.leiras-bev p{font-size:clamp(17px,1.9vw,19px);line-height:1.62;color:var(--tinta)}
.leiras-bev p+p{margin-top:14px}
.leiras-tobb{position:relative;margin-top:16px}
.leiras-tobb p{font-size:16px;line-height:1.7}
.leiras-tobb p+p{margin-top:14px}
.leiras-tobb.csukva{max-height:9.5em;overflow:hidden}
.leiras-tobb.csukva::after{content:"";position:absolute;left:0;right:0;bottom:0;height:5em;background:linear-gradient(rgba(255,255,255,0),#fff)}
.papirsav .leiras-tobb.csukva::after{background:linear-gradient(rgba(247,245,240,0),var(--papir))}
.leiras-gomb{margin-top:14px}
.leiras-tobb[data-hossz="rovid"] + .leiras-gomb{display:none}

/* minden adat, ikonokkal */
.minden-adat{display:grid;grid-template-columns:1fr;border-top:1px solid var(--vonal)}
@media (min-width:700px){.minden-adat{grid-template-columns:1fr 1fr;column-gap:40px}}
.minden-adat > div{display:grid;grid-template-columns:22px 1fr auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--vonal)}
.minden-adat .ik{width:19px;height:19px;color:var(--arany)}
.minden-adat dt{font-size:14.5px;color:var(--halk)}
.minden-adat dd{font-size:14.5px;color:var(--tinta);text-align:right;font-weight:500}

/* energetikai skála: a besorolás a helyén, nem csak betűként */
.energia{margin-top:26px}
.energia .ecim{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--halk);margin-bottom:10px}
.energia-sav{display:grid;grid-template-columns:repeat(12,1fr);gap:3px;position:relative}
.energia-sav span{height:30px;border-radius:5px;display:grid;place-items:center;font-size:10.5px;font-weight:700;color:rgba(22,24,28,.55);background:var(--e)}
.energia-sav span.ez{color:#fff;background:var(--arany-sotet);box-shadow:0 0 0 2px #fff,0 0 0 3.5px var(--arany-sotet);transform:scale(1.08)}
.mozog .energia-sav span{opacity:0;transform:translateY(6px);transition:opacity .35s var(--ease),transform .35s var(--ease)}
.mozog .energia.lat .energia-sav span{opacity:1;transform:none}
.mozog .energia.lat .energia-sav span.ez{transform:scale(1.08)}
.energia .lab-sor{display:flex;justify-content:space-between;margin-top:6px;font-size:11.5px;color:var(--halk)}

/* összes fotó */
.fotok{display:grid;gap:8px;grid-template-columns:repeat(2,1fr)}
@media (min-width:760px){.fotok{grid-template-columns:repeat(3,1fr)}}
@media (min-width:1100px){.fotok{grid-template-columns:repeat(4,1fr)}}
.fotok a{display:block;aspect-ratio:3/2;border-radius:var(--r-kis);overflow:hidden;background:var(--papir2)}
.fotok img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s var(--ease)}
.fotok a:hover img{transform:scale(1.03)}
.fotok a:first-child{grid-column:1 / -1;aspect-ratio:16/9}
@media (min-width:760px){.fotok a:first-child{grid-column:span 2;grid-row:span 2;aspect-ratio:auto}}

.megoszt{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:22px}
.megoszt .gomb{padding:9px 15px;font-size:13.5px}

/* ── galériapanel: felugrik, az oldal elhalványítva mögötte marad ──
   Fent a nagy kép nyilakkal, alatta a kis képek sora: lapozni és
   választani is lehet. Nem új lap, nem teljes képernyős sötét doboz. */
body.nagyito-nyitva{overflow:hidden}
.nagyito{position:fixed;inset:0;z-index:90;display:none;place-items:center;padding:clamp(8px,3vw,40px);
  background:rgba(239,235,226,.74);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.nagyito.lat{display:grid}
.nagyito-panel{position:relative;width:min(1120px,100%);max-height:100%;background:#fff;border:1px solid var(--vonal);border-radius:var(--r);
  box-shadow:0 40px 90px -30px rgba(16,18,22,.35);display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden}
.mozog .nagyito.lat .nagyito-panel{animation:panel .28s var(--ease)}
@keyframes panel{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}
.nagyito-fej{display:flex;align-items:center;gap:14px;padding:10px 10px 10px 18px;border-bottom:1px solid var(--vonal)}
.nagyito-cim{flex:1;min-width:0;font-family:Manrope,sans-serif;font-size:15px;font-weight:500;color:var(--tinta);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nagyito-szam{font-size:13px;color:var(--halk);font-variant-numeric:tabular-nums;white-space:nowrap}
.nagyito-zar{width:40px;height:40px;border-radius:50%;border:1px solid var(--vonal);background:#fff;color:var(--tinta);font-size:24px;line-height:1;display:grid;place-items:center;flex:none}
.nagyito-zar:hover{border-color:var(--halkabb);background:var(--papir)}
.nagyito-lap{position:relative;background:var(--papir);display:grid;place-items:center;min-height:0;overflow:hidden;touch-action:pan-y}
.nagyito-lap img{display:block;max-width:100%;max-height:min(66vh,760px);width:auto;height:auto;object-fit:contain;user-select:none;transition:opacity .2s var(--ease)}
.nagyito-lap img.tolt{opacity:.35}
.nagyito-nyil{position:absolute;top:50%;margin-top:-23px;width:46px;height:46px;border-radius:50%;border:1px solid var(--vonal);background:rgba(255,255,255,.95);
  color:var(--tinta);font-size:28px;line-height:1;display:grid;place-items:center;box-shadow:0 6px 18px rgba(16,18,22,.12);transition:background .2s,transform .2s var(--ease)}
.nagyito-nyil:hover{background:var(--arany-halk)}
.nagyito-nyil:active{transform:scale(.95)}
.nagyito-nyil.balra{left:12px}.nagyito-nyil.jobbra{right:12px}
.nagyito-kicsik{display:flex;gap:8px;overflow-x:auto;padding:12px 14px;scrollbar-width:thin;scroll-behavior:smooth}
.nagyito-kicsik button{flex:none;width:96px;aspect-ratio:3/2;border-radius:8px;overflow:hidden;padding:0;border:0;opacity:.55;
  outline:2px solid transparent;outline-offset:2px;transition:opacity .2s var(--ease),outline-color .2s var(--ease)}
.nagyito-kicsik button:hover{opacity:.85}
.nagyito-kicsik button[aria-current="true"]{opacity:1;outline-color:var(--arany-sotet)}
.nagyito-kicsik img{width:100%;height:100%;object-fit:cover;display:block}
/* telefonon az egész képernyőt kitölti (világos marad), a kép a lehető
   legnagyobb; a képre koppintva is lapoz (Nova, 2026-10-22) */
@media (max-width:699px){
  .nagyito{padding:0}
  .nagyito-panel{width:100%;height:100%;max-height:none;border:0;border-radius:0;box-shadow:none}
  .nagyito-fej{padding-top:calc(10px + env(safe-area-inset-top))}
  .nagyito-lap img{width:100%;height:100%;max-height:none;object-fit:contain}
  .nagyito-kicsik{padding-bottom:calc(12px + env(safe-area-inset-bottom))}
}
@media (max-width:599px){
  .nagyito-lap img{max-height:none}
  .nagyito-nyil{width:40px;height:40px;margin-top:-20px;font-size:24px}
  .nagyito-nyil.balra{left:8px}.nagyito-nyil.jobbra{right:8px}
  .nagyito-kicsik button{width:68px}
}

.vissza{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:var(--halk);padding:14px 0}
.vissza:hover{color:var(--tinta)}
.megnez{display:grid;gap:26px}
@media (min-width:900px){.megnez{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;align-items:start}}
@media (max-width:639px){.fo-adatok li:last-child:nth-child(odd){grid-column:1 / -1}}
@media (min-width:640px){.fo-adatok li:last-child:nth-child(3n+1){grid-column:1 / -1}.fo-adatok li:last-child:nth-child(3n+2){grid-column:span 2}}
.energia-sav span{font-size:9.5px;letter-spacing:-.02em}
/* a nagy kép ne tolja szét a panelt: minden sáv a rendelkezésre álló szélességhez igazodik */
.nagyito{grid-template-columns:minmax(0,1fr)}
.nagyito-panel{grid-template-columns:minmax(0,1fr);justify-self:center}
.nagyito-lap{grid-template-columns:minmax(0,1fr);justify-items:center}

/* ═══ Útmutató (Eladóknak alja): külön blokk, saját háttérrel ═══ */

.figyelem{margin-top:18px;display:flex;gap:11px;align-items:flex-start;max-width:62ch;padding:13px 15px;border:1px solid var(--vonal);
  border-radius:12px;background:#fff;font-size:14.5px;line-height:1.55;color:var(--szoveg)}
.figyelem .ik{width:19px;height:19px;color:var(--arany-sotet);margin-top:1px}
.tanacsok{list-style:none;margin-top:clamp(28px,4vw,44px);display:grid;gap:10px}
@media (min-width:900px){.tanacsok{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}}
.tanacsok li{display:grid;grid-template-columns:40px 1fr;gap:14px;background:#fff;border:1px solid var(--vonal);border-radius:var(--r);padding:18px}
.tanacsok .ikon-kor{width:40px;height:40px;border-radius:50%;border:1px solid var(--arany);display:grid;place-items:center;color:var(--arany-sotet)}
.tanacsok .ik{width:19px;height:19px}
.tanacsok h3{font-family:Manrope,sans-serif;font-weight:500;font-size:17.5px;letter-spacing:-.02em;color:var(--tinta);line-height:1.3}
.tanacsok p{margin-top:5px;font-size:15px;line-height:1.6}
.utmutato-atnez{margin-top:clamp(36px,5vw,60px);padding-top:clamp(28px,4vw,44px);border-top:1px solid var(--vonal);max-width:760px}
.utmutato-atnez .urlap{margin-top:0!important}
.ket-has > .urlap{margin-top:0!important}
.tanacsok .tsz{display:block;font-family:Manrope,sans-serif;font-size:13px;font-weight:600;color:var(--arany-sotet);letter-spacing:.04em}
.tanacsok .tsz + h3{margin-top:2px}
.plusz-egy{margin-top:14px;padding:20px 22px;border-radius:var(--r);border:1px dashed var(--arany);background:#fff;max-width:none}
.plusz-jel{display:inline-block;font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#fff;background:var(--arany-sotet);border-radius:999px;padding:5px 11px}
.plusz-egy h3{margin-top:10px;font-family:Manrope,sans-serif;font-weight:500;font-size:19px;letter-spacing:-.02em;color:var(--tinta)}
.plusz-egy p{margin-top:6px;font-size:15px;line-height:1.6;max-width:72ch}
/* az útmutató 1. pontja: a „Kép" mellett az előtte–utána csúszka */
.tanacsok li.kep-pont{grid-column:1 / -1}
.kep-pont-kep{grid-column:1 / -1;margin-top:6px}
.kep-pont-szoveg p + p{margin-top:10px}
@media (min-width:900px){
  .tanacsok li.kep-pont{grid-template-columns:40px minmax(0,1fr) minmax(0,1.2fr);gap:14px 32px;align-items:start}
  .kep-pont-kep{grid-column:auto;margin-top:0}
}

/* ═══ Cikk: olvasóoldal ═══
   Élet, de nem zaj: az olvasási csík a fejléc alatt telik, a tartalom
   követi, hol tart; az alcímek és a zárógondolat egyszer kirajzolódnak. */
.olvasas-csik{position:fixed;left:0;right:0;top:var(--fej);height:2px;z-index:45;pointer-events:none}
.olvasas-csik i{display:block;height:100%;width:100%;background:var(--arany);transform-origin:left;transform:scaleX(var(--olvasva,0))}
.cikk-lap{padding-bottom:clamp(40px,6vw,80px)}
.cikk-fej{max-width:calc(820px + var(--szel)*2)}
.cikk-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin-top:6px;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--arany-sotet)}
.cikk-meta .pont{color:var(--halkabb)}
.cikk-fej .d1{margin-top:14px;font-size:clamp(32px,5.2vw,58px);line-height:1.06;letter-spacing:-.035em;max-width:20ch;text-wrap:balance}
.cikk-bev{margin-top:18px;font-family:Manrope,sans-serif;font-weight:400;font-size:clamp(19px,2.2vw,24px);line-height:1.45;letter-spacing:-.015em;color:var(--szoveg);max-width:36ch}
.szerzo{display:flex;align-items:center;gap:12px;margin-top:22px}
.szerzo .portre{width:44px;height:44px}
.szerzo b{display:block;font-size:14.5px;color:var(--tinta)}
.szerzo span span{display:block;font-size:12.5px;color:var(--halk)}
/* a dátum a név mellett, halkan */
.szerzo-datum{margin-left:10px;padding-left:10px;border-left:1px solid var(--vonal);font-weight:400;font-size:12.5px;color:var(--halk)}
/* a cikk alja: zárómondat → megosztás egy sorban → a következő írás.
   Aláírás nincs, a szerző a lap tetején áll, dátummal. */
.cikk-megoszt{display:flex;align-items:center;gap:8px;margin-top:28px}
.cikk-megoszt .apro{margin-right:4px}
.mozog .cikk-fej .d1,.mozog .cikk-bev,.mozog .cikk-fej .szerzo{animation:be .8s var(--ease) both}
.mozog .cikk-bev{animation-delay:.12s}.mozog .cikk-fej .szerzo{animation-delay:.22s}
.cikk-kep{margin-top:clamp(26px,4vw,44px)}
.cikk-kep > div{border-radius:var(--r);overflow:hidden;aspect-ratio:16/9;background:var(--papir2)}
.cikk-kep img{width:100%;height:100%;object-fit:cover;display:block}
.mozog .cikk-kep img{animation:lassu 14s var(--ease) both}

.cikk-racs{display:grid;gap:30px;margin-top:clamp(30px,4.5vw,56px)}
@media (min-width:1000px){.cikk-racs{grid-template-columns:minmax(0,680px) minmax(0,1fr);gap:72px}}
.cikk{max-width:680px;margin:0}
.cikk > p:first-of-type{font-size:clamp(18px,2vw,20px);line-height:1.7;color:var(--tinta)}
.cikk p,.cikk li{font-size:17.5px;line-height:1.78;color:#3f403e}
.cikk p + p,.cikk ul + p,.cikk p + ul{margin-top:18px}
.cikk h2{position:relative;display:flex;align-items:baseline;gap:12px;margin-top:46px;margin-bottom:12px;scroll-margin-top:calc(var(--fej) + 24px);
  font-family:Manrope,sans-serif;font-size:clamp(22px,2.6vw,27px);font-weight:500;letter-spacing:-.025em;line-height:1.25;color:var(--tinta)}
.cikk h2 .jel{transform:translateY(-2px)}
.cikk ul{padding-left:22px}
.cikk li + li{margin-top:8px}
.cikk li::marker{color:var(--arany)}
.cikk b{color:var(--tinta)}
/* a zárógondolat: a cikk aranymondata — nagy, levegős, a jel kirajzolódik */
.cikk blockquote.zaro-gondolat{margin:44px 0 10px;padding:28px 0 6px;border-top:1px solid var(--vonal);border-left:0;font-size:inherit}
.cikk blockquote.zaro-gondolat .jel{margin-bottom:14px;transform:scale(1.4);transform-origin:left}
.cikk blockquote.zaro-gondolat p{font-family:Manrope,sans-serif;font-weight:300;font-size:clamp(25px,3.2vw,34px);line-height:1.28;letter-spacing:-.03em;color:var(--tinta)}
.cikk .forras{margin-top:28px;font-size:13px;color:var(--halk);line-height:1.55}

/* tartalom: weben oldalt ragad és követi, hol tart; mobilon nyitható */
.cikk-oldal{display:none}
@media (min-width:1000px){
  .cikk-oldal{display:block;position:sticky;top:calc(var(--fej) + 34px);align-self:start}
  .tartalom-mobil{display:none}
}
.tartalom-cim{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--halk);margin-bottom:10px}
.tartalom ol,.tartalom-mobil ol{list-style:none;border-left:1px solid var(--vonal)}
.tartalom li a,.tartalom-mobil li a{display:block;padding:7px 0 7px 16px;margin-left:-1px;border-left:2px solid transparent;font-size:14px;line-height:1.4;color:var(--halk);transition:color .2s var(--ease),border-color .2s var(--ease)}
.tartalom li a:hover{color:var(--tinta)}
.tartalom li a[aria-current="true"]{color:var(--tinta);border-left-color:var(--arany);font-weight:500}
.cikk-oldal .megoszt-mini{display:flex;gap:8px;margin-top:22px}
.tartalom-mobil{margin-bottom:22px;border:1px solid var(--vonal);border-radius:12px;padding:12px 14px;background:var(--papir)}
.tartalom-mobil summary{cursor:pointer;font-size:13px;font-weight:600;color:var(--tinta);list-style:none}
.tartalom-mobil summary::-webkit-details-marker{display:none}
.tartalom-mobil summary::after{content:" +";color:var(--arany-sotet)}
.tartalom-mobil[open] summary::after{content:" –"}
.tartalom-mobil ol{margin-top:10px}

/* következő írás: nagy, kattintható kártya */
.kovetkezo{display:grid;gap:18px;align-items:center}
@media (min-width:800px){.kovetkezo{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:40px}}
.kovetkezo .kep{display:block;aspect-ratio:3/2;border-radius:var(--r);overflow:hidden;background:var(--papir2)}
.kovetkezo .kep img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.kovetkezo:hover .kep img{transform:scale(1.03)}
.kovetkezo .szoveg-resz{display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.kovetkezo-cim{font-family:Manrope,sans-serif;font-weight:400;font-size:clamp(24px,3vw,34px);letter-spacing:-.03em;line-height:1.15;color:var(--tinta);text-wrap:balance}
.kovetkezo-bev{font-size:16px;line-height:1.6;color:var(--szoveg)}
.kovetkezo:hover .kovetkezo-cim{color:var(--arany-sotet)}
.cikk-kep{aspect-ratio:auto;background:none;border-radius:0;overflow:visible;max-width:calc(var(--max) + var(--szel)*2)}

/* ═══ Cikk: magazin-elrendezés (2026-10-17) ═══ */
/* fej: weben a cím és a borító egymás mellett, telefonon a kép kifut a szélig */
.cikk-fej{max-width:calc(var(--max) + var(--szel)*2)}
.cikk-fej-racs{display:grid;gap:26px}
@media (min-width:1000px){.cikk-fej-racs{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:56px;align-items:center;min-height:min(72vh,640px)}}
.cikk-fej .d1{max-width:none}
.cikk-kep{margin:0}
.cikk-kep img{width:100%;aspect-ratio:3/2;height:auto;object-fit:cover;display:block;border-radius:var(--r)}
@media (max-width:999px){.cikk-kep{margin-inline:calc(var(--szel) * -1)}.cikk-kep img{border-radius:0}}

/* test: egy szövegoszlop, a fejezetek (## cím) hajszálvonallal elválasztva.
   Minden cikk ugyanígy áll — sorszám, kulcsszám, kiemelt idézet nincs. */
.cikk-racs{margin-top:clamp(36px,5vw,72px)}
@media (min-width:1000px){.cikk-racs{grid-template-columns:minmax(0,680px) minmax(0,260px);justify-content:space-between;gap:72px}}
.cikk{max-width:680px}
.cikk-bevezeto > p:first-child{font-family:Manrope,sans-serif;font-weight:300;font-size:clamp(21px,2.3vw,25px);line-height:1.5;letter-spacing:-.015em;color:var(--tinta)}
.cikk-bevezeto p + p{margin-top:18px}
.fejezet{margin-top:clamp(40px,6vw,64px);padding-top:clamp(22px,3vw,30px);border-top:1px solid var(--vonal);scroll-margin-top:calc(var(--fej) + 20px)}
.cikk .fejezet h2{display:flex;align-items:baseline;gap:14px;margin:0 0 14px;font-family:Manrope,sans-serif;font-size:clamp(24px,2.8vw,32px);font-weight:400;letter-spacing:-.03em;line-height:1.2;color:var(--tinta)}
.cikk > p:first-of-type{font-size:inherit}
.cikk .fejezet h2 .jel{transform:translateY(-4px)}
/* kép a szövegben (a szerkesztőben: ![leírás](kep.webp)) */
.cikk-abra{margin:28px 0}
.cikk-abra img{width:100%;height:auto;border-radius:var(--r)}
.cikk-abra figcaption{margin-top:10px;font-size:13px;color:var(--halk)}
/* vázlat: csak a kulcsos előnézetben látszik */
.vazlatsav{position:sticky;top:0;z-index:60;padding:10px var(--szel);background:var(--arany-halk);color:var(--arany-sotet);font-size:13px;font-weight:600;text-align:center}

/* zárómondat: csendes, a szövegoszlopban */
.zaro-sav{margin-top:clamp(36px,5vw,56px)}
.zaro-sav p{padding-top:22px;border-top:1px solid var(--vonal);font-family:Manrope,sans-serif;font-weight:400;font-size:clamp(20px,2.2vw,23px);line-height:1.45;letter-spacing:-.015em;color:var(--tinta)}
.cikk-lezaras > *{max-width:680px}
.cikk-lezaras .forras{margin-top:26px;font-size:13px;color:var(--halk)}
/* a borító lassú beállása ne lógjon ki a képernyőből */
.cikk-kep{overflow:hidden;border-radius:var(--r)}
@media (max-width:999px){.cikk-kep{border-radius:0}}

/* ═══ Cikk: a fonal és a mozgás (a lap többi részének nyelvén) ═══
   A bal szélen futó fonal olvasás közben arannyal töltődik; minden
   fejezetnél és a zárómondatnál pont ül rajta, ami kigyullad, amikor
   odaér. A bekezdések és a zárómondat egyszer úsznak be. */
.cikk-lap{position:relative}
.fejezet,.zaro-sav p{position:relative}
.fejezet::before,.zaro-sav p::before{content:"";position:absolute;left:-17.5px;top:calc(clamp(22px,3vw,30px) + 6px);width:9px;height:9px;border-radius:50%;
  background:var(--feher);border:1.5px solid var(--arany);box-shadow:0 0 0 5px var(--feher);z-index:2;transition:background .35s var(--ease)}
.zaro-sav p::before{top:28px}
.fejezet.elert::before,.zaro-sav.elert p::before{background:var(--arany)}
.mozog .fejezet.elert::before,.mozog .zaro-sav.elert p::before{animation:pont .6s var(--ease)}

/* beúszás */
.mozog :is(.fejezet > h2,.fejezet > p,.fejezet > ul,.cikk-bevezeto > p,.zaro-sav p){opacity:0;transform:translateY(12px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.mozog :is(.fejezet > h2,.fejezet > p,.fejezet > ul,.cikk-bevezeto > p,.zaro-sav p).lat{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  .mozog :is(.fejezet > h2,.fejezet > p,.fejezet > ul,.cikk-bevezeto > p,.zaro-sav p){opacity:1!important;transform:none!important}
}
/* a következő írás: egy finom sor a szöveg alján, nem kártya */
.kovetkezo-sor{display:grid;grid-template-columns:1fr auto;gap:4px 16px;align-items:center;margin-top:clamp(40px,6vw,64px);padding:20px 24px;border-radius:var(--r);background:var(--papir);transition:background .25s var(--ease)}
.kovetkezo-sor:hover{background:var(--papir2)}
.kovetkezo-lab{grid-column:1;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--halk)}
.kovetkezo-sor .kovetkezo-cim{grid-column:1;font-family:Manrope,sans-serif;font-weight:400;font-size:clamp(17px,1.9vw,20px);letter-spacing:-.015em;line-height:1.3;color:var(--tinta);transition:color .2s var(--ease)}
.kovetkezo-nyil{grid-column:2;grid-row:1 / 3;font-size:20px;color:var(--arany-sotet);transition:transform .25s var(--ease)}
.kovetkezo-sor:hover .kovetkezo-cim{color:var(--arany-sotet)}
.kovetkezo-sor:hover .kovetkezo-nyil{transform:translateX(5px)}

/* ═══ Jogi lapok és a 404 (2026-10-17) ═══
   A szöveg a régi lapokból jön, betűre; a tipográfiájuk is, ide szűkítve. */
.jogi{padding-block:clamp(34px,6vh,64px)}
.jogi .szoveg{max-width:72ch;margin-inline:auto;font-size:16px;line-height:1.66}
.jogi .cimke{display:block;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--arany-sotet)}
.jogi h1{font-family:Manrope,sans-serif;font-weight:300;color:var(--tinta);letter-spacing:-.028em;line-height:1.14;font-size:clamp(28px,5vw,44px);margin-top:10px}
.jogi h2{font-family:Manrope,sans-serif;font-weight:500;color:var(--tinta);letter-spacing:-.022em;font-size:21px;margin-top:34px;padding-top:20px;border-top:1px solid var(--vonal)}
.jogi h3{font-family:Manrope,sans-serif;font-weight:600;color:var(--tinta);letter-spacing:-.01em;font-size:16px;margin-top:22px}
.jogi p{margin-top:12px}
.jogi a{color:var(--arany-sotet)}
.jogi a:hover{color:var(--tinta)}
.jogi dl{margin-top:14px;display:grid;grid-template-columns:minmax(0,180px) 1fr;gap:9px 22px;font-size:15.5px}
.jogi dt{color:var(--halk);font-size:13px;letter-spacing:.06em;text-transform:uppercase;padding-top:3px}
.jogi dd{color:var(--tinta)}
.jogi ul{margin-top:12px;padding-left:20px}
.jogi li{margin-top:7px}
.jogi table{margin-top:14px;border-collapse:collapse;width:100%;font-size:14.5px}
.jogi th,.jogi td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--vonal);vertical-align:top}
.jogi .hianyzik{color:#8E2B2A;background:#FDF3F2;border:1px solid #E7C4C2;border-radius:6px;padding:1px 8px;font-size:13.5px;display:inline-block}
.jogi .vazlat{border:1px solid var(--arany);background:var(--arany-halk);border-radius:12px;padding:15px 18px;margin-bottom:26px;max-width:72ch}
.jogi .vazlat b{color:var(--tinta)}
.jogi .vazlat p{margin-top:6px;font-size:14.5px;line-height:1.62}
.jogi .negysznegy{padding-block:clamp(20px,6vw,80px);max-width:52ch}
.jogi .negysznegy-gombok{margin-top:22px;display:flex;flex-wrap:wrap;gap:10px}
.jogi a.gomb{color:var(--arany-sotet)}
.jogi a.gomb:not(.halk){background:var(--arany-sotet);color:#fff}
.jogi a.gomb.halk{color:var(--tinta)}
.jogi a.gomb:not(.halk):hover{color:#fff}
@media (max-width:640px){.jogi dl{grid-template-columns:1fr;gap:2px 0}.jogi dt{margin-top:10px}}
@media (max-width:699px){.jogi .negysznegy-gombok{flex-direction:column;align-items:stretch}.jogi .negysznegy-gombok .gomb{justify-content:center}}
/* a hírlevél válaszsora és a robotcsapda */
.hl-valasz{font-size:13px;min-height:0}
.hl-valasz:empty{display:none}
.hl-valasz.jo{color:var(--arany-sotet)}
.hl-valasz.rossz{color:var(--hiba)}
.hirlevel .csapda{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
/* videó az adatlapon (ha van) */
.video{position:relative;aspect-ratio:16/9;border-radius:var(--r);overflow:hidden;background:var(--papir2)}
.video button,.video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.video img{width:100%;height:100%;object-fit:cover}
.video-gomb{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;background:rgba(255,255,255,.92);display:grid;place-items:center;color:var(--tinta);font-size:22px}