/* TARVIX V4 — aloldalak (megoldás-sablon + megoldások hub; 2. kör: ágazat-sablon + ágazatok hub; 3. kör: árak + kalkulátor; 3b. kör: hogyan dolgozunk, rólunk, eredmények hub + eredmény-sablon; 4. kör: ajánlatkérés, visszahívás, köszönjük, 404; 5. kör: tudástár hub, cikk-sablon, jogi sablon, süti-sáv). A styles.css UTÁN töltődik, azt nem módosítja; csak az aloldal-specifikus elemek: rövidebb hero, oldal-navigáció, a hat mockup-típus, mért szám + folyamat-pár, mono listák, három ár-lap, hub-kártyák; 2. körből a kenyérmorzsa és a „Hol folyik el az idő” lap. Anyag, szín, betű, mozgás: a V4-é. */

/* — hero (aloldal): rövidebb a főoldalinál, a kockamező halványabb — */
.hero--sub,.hero--hub{min-height:0}
.hero--sub .hero-waves,.hero--hub .hero-waves{opacity:.72}
.hero--sub .hero-wrap{padding-top:calc(var(--nav-h) + clamp(36px,5vh,60px));padding-bottom:clamp(32px,4vh,52px)}
.hero--sub .h1{font-size:clamp(2.5rem,4.4vw,4.5rem);max-width:16ch}
.hero--sub .hero-main .lead{margin-top:22px}
.meta-row{display:flex;align-items:center;gap:10px;font-family:var(--f-mono);font-weight:400;font-size:13px;line-height:1.5;letter-spacing:.02em;color:var(--w-ink);font-variant-numeric:tabular-nums}
.meta-row::before{content:"";width:6px;height:6px;background:var(--ac-deep);flex:none}
.hero-main .meta-row{margin-top:24px}
.hero--sub .hero-cta{margin-top:28px}
/* hub hero: egy oszlop, mockup nélkül; keskeny nézetben a kockamező csak az alsó sávban */
.hero--hub .hero-wrap{padding-top:calc(var(--nav-h) + clamp(48px,7vh,96px));padding-bottom:clamp(48px,6vh,88px)}
.hero--hub .hero-main{max-width:760px}
.hero--hub .h1{max-width:18ch}
@media(max-width:1079px){.hero--hub{--vt:90%}.hero--hub .hero-wrap{padding-bottom:clamp(120px,22vh,180px)}}

/* — mockup-minta: a `pelda` elöl teljes méretben, a másik öt típus kis kockákban alatta; kattintásra helyet cserélnek (a V4 panelköteg mozgásával). JS nélkül csak az elülső látszik. — */
.sample{position:relative;transition:height 1s var(--ease-pop)}
.sample>.panel{position:absolute;left:0;top:0;width:100%;transform-origin:0 0;cursor:pointer;z-index:1;transform:translate3d(calc(var(--k,0)*(var(--tw,120px) + var(--tg,8px))),var(--ty,0px),0) scale(var(--s,.2));clip-path:inset(0 0 calc(100% - var(--tw,120px)/var(--s,.2)) 0 round calc(var(--r-card)/var(--s,.2)));transition:transform 1s var(--ease-pop),clip-path 1s var(--ease-pop),opacity .7s ease,border-color .35s ease,box-shadow .35s ease}
.sample>.panel.is-front{cursor:default;z-index:2;transform:none;clip-path:inset(0 0 0 0 round var(--r-card))}
.sample>.panel:focus-visible{outline:2px solid var(--ac-deep);outline-offset:4px}
html:not(.js) .sample>.panel{position:relative;transform:none;clip-path:none}
html:not(.js) .sample>.panel:not(.is-front){display:none}
/* egy oldal, egy mockup (éles sablon): ha a mintában egyetlen panel van, az nyugalmi helyzetben, folyó elemként áll — köteg és kattintás nincs */
.sample>.panel:only-child{position:relative;transform:none;clip-path:none;cursor:default}
/* adat-nyelv kiegészítés a hat típushoz: lime pipa, riport-számok, tétel-sorok, tábla */
.sample .p-ok svg{stroke:var(--ac)}
.p-kpi{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,176px),1fr));gap:16px 20px;padding:8px 0 6px}
.p-kpi>div{display:flex;flex-direction:column;min-width:0}
.p-kpi .k{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--txt-65)}
.p-kpi .v{font-family:var(--f-display);font-weight:300;font-size:30px;line-height:1.1;letter-spacing:-.03em;color:#fff;margin-top:8px;white-space:nowrap}
.p-kpi .d{margin-top:6px;color:var(--txt-85)}
.p-tr{display:flex;justify-content:space-between;gap:14px;padding:7px 0;border-top:1px solid rgba(255,255,255,.08);color:var(--txt-85)}
.p-tr:first-child,.p-sep+.p-tr{border-top:0}
.p-tr .r{color:#fff;text-align:right}
.p-item{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;padding:8px 0;border-top:1px solid rgba(255,255,255,.08);color:var(--txt-85)}
.p-item:first-child{border-top:0}
.p-item.is-wait{color:#fff}
.st{width:14px;height:14px;flex:none;stroke:#fff;stroke-width:1.5;fill:none;stroke-linecap:round;stroke-linejoin:round;margin-top:2px}
.st--ok{stroke:var(--ac)}
.st-glyph{font-weight:400;color:#fff;display:inline-block;min-width:14px;text-align:center}
.p-table{width:100%;border-collapse:collapse;font-size:12px}
.p-table th{font-weight:300;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--txt-65);text-align:left;padding:2px 12px 8px 0;border-bottom:1px solid rgba(255,255,255,.12);white-space:nowrap}
.p-table td{padding:8px 12px 8px 0;border-bottom:1px solid rgba(255,255,255,.08);vertical-align:top;color:var(--txt-85)}
.p-table tr:last-child td{border-bottom:0}
.p-table th:last-child,.p-table td:last-child{padding-right:0;text-align:right}
.p-table .num{white-space:nowrap;color:#fff}
.p-table tr.is-open td{color:#fff}
.p-table .st{display:inline-block;vertical-align:-2px;margin-top:0}
.p-link{text-decoration:underline;text-underline-offset:2px}

/* — oldal-navigáció: vékony, teljes szélességű világos üvegsáv a hero alatt; asztalon a fejléc alatt ragad, sötét sáv fölött sötét üveg; mobilon a címke-sor a sávon belül görög — */
.subnav{position:relative;z-index:60;height:48px;color:var(--w-ink);background:rgba(255,255,255,.62);-webkit-backdrop-filter:var(--blur-l);backdrop-filter:var(--blur-l);border-top:1px solid rgba(255,255,255,.8);border-bottom:1px solid rgba(6,6,6,.08);box-shadow:inset 0 1px 0 #fff;transition:background-color .4s ease,border-color .4s ease,box-shadow .4s ease,color .4s ease}
@media(min-width:1080px){.subnav{position:sticky;top:var(--nav-h)}.subnav.is-stuck{box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 18px 50px -32px rgba(6,6,6,.3)}}
.subnav.is-dark{color:#fff;background:rgba(6,6,6,.62);-webkit-backdrop-filter:var(--blur-d);backdrop-filter:var(--blur-d);border-top-color:rgba(255,255,255,.1);border-bottom-color:rgba(255,255,255,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.subnav .container{height:100%}
.subnav ul{list-style:none;display:flex;align-items:center;gap:4px;height:100%;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.subnav ul::-webkit-scrollbar{display:none}
.subnav li{flex:none}
.subnav a{position:relative;display:inline-flex;align-items:center;height:36px;padding:0 14px 0 18px;border-radius:8px;border:1px solid transparent;font-family:var(--f-mono);font-weight:400;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:rgba(6,6,6,.68);white-space:nowrap;transition:color .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease}
.subnav a::before{content:"";position:absolute;left:7px;top:50%;width:5px;height:5px;margin-top:-2.5px;background:var(--ac-deep);opacity:0;transform:scale(.4);transition:opacity .25s ease,transform .3s var(--ease-pop)}
.subnav.is-dark a{color:rgba(255,255,255,.72)}
.subnav.is-dark a::before{background:var(--ac)}
.subnav a.is-active{color:inherit}
.subnav a.is-active::before{opacity:1;transform:none}
.subnav a:hover,.subnav a:focus-visible{color:var(--ac-ink);background:var(--ac);border-color:var(--ac-deep);box-shadow:0 0 0 1px rgba(200,250,60,.35),0 0 24px -6px var(--ac-glow);outline:none}
.subnav a:hover::before,.subnav a:focus-visible::before{background:var(--ac-ink)}
@media(max-width:1079px){.subnav{height:52px}.subnav a{height:44px}.subnav ul{margin-inline:calc(-1*var(--pad));padding-inline:var(--pad)}}
.page-sub section{scroll-margin-top:calc(var(--nav-h) + 16px)}
@media(min-width:1080px){.page-sub section{scroll-margin-top:calc(var(--nav-h) + 48px + 16px)}}

/* — szakasz-fejek: csak kickeres fej, vékony h3, meta-sor — */
.band-head--kicker{margin-bottom:clamp(40px,4.5vw,64px)}
.h3--thin{font-family:var(--f-display);font-weight:300;font-size:clamp(1.5rem,2.1vw,2rem);line-height:1.15;letter-spacing:-.025em;color:var(--w-ink);text-wrap:balance}
.band-head .h3--thin{margin-bottom:14px}
.band-head .meta-row{margin-bottom:20px}

/* — Mi változik: három mondat, egy-egy világos üveglapon — */
.change{justify-content:center;min-height:180px}
.change .statement{font-size:clamp(1.25rem,1.7vw,1.5rem)}

/* — Hogyan működik: két szövegblokk réssel — */
.how-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gap) clamp(36px,5vw,80px);max-width:1180px}
@media(max-width:860px){.how-grid{grid-template-columns:minmax(0,1fr)}}
.how p{margin-top:16px;color:var(--w-body);max-width:58ch;text-wrap:pretty}

/* — sötét folytatás: balra a mért szám-csempe, jobbra a két lap résnyi távolságra — */
.flow-grid{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,2.14fr);gap:var(--gap);align-items:stretch}
@media(max-width:1079px){.flow-grid{grid-template-columns:minmax(0,1fr)}}
.flow-grid .stat{min-height:0;padding:28px 26px 26px}
.stat-top{display:flex;align-items:baseline;flex-wrap:wrap;gap:10px 18px;padding-right:28px}
.flow-grid .stat-num{font-size:clamp(3rem,5.4vw,4.75rem);padding-right:0}
.stat-note{font-family:var(--f-mono);font-weight:300;font-size:13px;line-height:1.7;color:var(--txt-70);margin-top:auto;padding-top:18px;border-top:1px solid var(--hair);font-variant-numeric:tabular-nums;text-wrap:pretty}
@media(max-width:1079px){.flow-grid .stat{gap:18px}.stat-note{margin-top:0}}
.flow-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@media(max-width:640px){.flow-pair{grid-template-columns:minmax(0,1fr)}}
.flow-before,.flow-after{padding:clamp(24px,2.4vw,32px);display:flex;flex-direction:column}
.flow-cap{display:block;font-family:var(--f-mono);font-weight:300;font-size:11px;letter-spacing:.16em;text-transform:uppercase;padding-bottom:14px;margin-bottom:6px;border-bottom:1px solid var(--hair);color:var(--txt-65)}
.flow-before .flow-cap{color:var(--w-ink);border-color:var(--hair-l)}
.flow-steps{list-style:none;counter-reset:fs}
.flow-steps li{display:grid;grid-template-columns:26px minmax(0,1fr);gap:12px;padding:12px 0;border-top:1px solid var(--hair-l);font-family:var(--f-mono);font-weight:300;font-size:13.5px;line-height:1.5;font-variant-numeric:tabular-nums}
.flow-steps li:first-child{border-top:0}
.flow-steps li::before{counter-increment:fs;content:counter(fs,decimal-leading-zero);color:var(--w-ink);opacity:.55}
.flow-steps li span{color:var(--w-ink);opacity:.5;text-decoration:line-through;text-decoration-thickness:1px;text-decoration-color:rgba(6,6,6,.7)}
.flow-result{display:flex;gap:14px;align-items:flex-start;margin-top:16px;font-family:var(--f-display);font-weight:300;font-size:clamp(1.2rem,1.7vw,1.5rem);line-height:1.45;letter-spacing:-.015em;color:#fff;text-wrap:pretty}
.flow-result svg{width:22px;height:22px;flex:none;stroke:var(--ac);stroke-width:1.5;fill:none;stroke-linecap:round;stroke-linejoin:round;margin-top:.3em}
/* a V4 világos üvege sötét sávban (az „Így megy ma” lap) */
.band--dark .glass--light{background:rgba(236,236,236,.94);-webkit-backdrop-filter:var(--blur-l);backdrop-filter:var(--blur-l);border-color:rgba(255,255,255,.95);box-shadow:inset 0 1px 0 #fff,0 1px 0 rgba(6,6,6,.04),0 34px 80px -48px #000;color:var(--w-body)}
.band--dark .glass--light::before{background:linear-gradient(145deg,#fff,rgba(255,255,255,.5) 34%,rgba(6,6,6,.05) 66%,rgba(255,255,255,.9));opacity:1}
.band--dark .glass--light::after{background:radial-gradient(300px 220px at var(--mx,50%) var(--my,-30%),rgba(200,250,60,.30),rgba(255,255,255,.55) 45%,transparent 72%)}
.band--dark .glass--light:hover{border-color:rgba(200,250,60,.7);box-shadow:inset 0 1px 0 #fff,0 1px 0 rgba(6,6,6,.09),0 34px 80px -44px #000,0 0 0 1px rgba(200,250,60,.25),0 0 30px -8px rgba(200,250,60,.35);animation:rimFlashL .9s ease-out both}
.band--dark .glass--light:hover::before{background:linear-gradient(145deg,rgba(200,250,60,.95),rgba(255,255,255,.6) 34%,rgba(158,209,25,.35) 66%,rgba(200,250,60,.9))}

/* — Kinek, mire kötjük: két mono lista hajszálvonallal — */
.two-lists{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gap) clamp(36px,5vw,80px);max-width:1000px}
@media(max-width:640px){.two-lists{grid-template-columns:minmax(0,1fr)}}
.two-lists .points{margin-top:22px;max-width:none}
.band--light .points li{color:var(--w-ink);border-color:var(--hair-l)}

/* — Ár és indulás: három ár-lap, egy sötét — */
.price-grid.price-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:979px){.price-grid.price-grid--3{grid-template-columns:minmax(0,1fr)}}
.price-grid--3 .price{min-height:0;padding-bottom:28px}
.price-grid--3 .price-rows{margin-top:auto;padding-top:22px}
.price-grid--3 .price-rows li:first-child{border-top:1px solid var(--hair-l)}
.price-rows--mono li{font-family:var(--f-mono);font-size:12.5px;letter-spacing:.02em;font-variant-numeric:tabular-nums}

/* — hub: kártyák, törzs, sötét szám-bekezdés — */
.sol-kicker{font-family:var(--f-mono);font-weight:300;font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--w-body);font-variant-numeric:tabular-nums}
.sol .lic--iso{margin-top:2px}
.sol .gain{font-weight:300}
.prose{max-width:66ch}
.prose .statement{max-width:66ch}
.band--dark .statement{color:#fff}
.numbers{padding:clamp(28px,4vw,56px);max-width:980px}
.numbers .statement{max-width:66ch}
.start .lead{max-width:66ch}
.start .lead+.lead{margin-top:18px}

/* — 2. kör: ágazat-aloldal. Új elem csak a kenyérmorzsa és a „Hol folyik el az idő” lap; az „Ezekkel szoktunk kezdeni” sor a hub `sol` kártyája a grid-3 / grid-4 ráccsal. — */
/* kenyérmorzsa: mono sor a hero kickere fölött; a hosszú oldalcím egy sorban, három ponttal */
.crumbs{display:flex;align-items:center;gap:10px;margin-bottom:22px;max-width:100%;font-family:var(--f-mono);font-weight:300;font-size:12px;line-height:1.5;letter-spacing:.06em;color:var(--w-body);font-variant-numeric:tabular-nums}
.crumbs a{flex:none;color:var(--w-ink);text-decoration:none;transition:color .2s ease}
.crumbs a:hover,.crumbs a:focus-visible{color:var(--w-ink);text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--ac-deep);outline:none}
.crumbs .sep{flex:none;color:rgba(6,6,6,.3)}
.crumbs [aria-current]{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* Hol folyik el az idő: a `change` lap testvére — felül mono idő-sor, alatta vékony cím és szöveg; nincs szín, nincs jel */
.leak{min-height:180px;gap:10px}
.leak .meta-row{margin-bottom:6px}
.leak .h3--thin{font-size:clamp(1.25rem,1.7vw,1.5rem)}
.leak p{margin-top:0}

/* — 3b. kör: hogyan dolgozunk, rólunk, eredmények. Új elem: a lépés-sáv (`lepes`), az elvek rácsa (`elvek`), a történet két oszlopa (`story`), a keskeny sáv (`band--slim`), a „Mérve” sáv (`merve`); minden más a főoldal és az 1–2. kör osztálya. — */
/* hub-hero gombbal (Hogyan dolgozunk) */
.hero--hub .hero-cta{margin-top:32px}
/* szöveg-szakasz: kicker + vékony h2 + bekezdések egy 66 karakteres oszlopban */
.prose .eyebrow{margin-bottom:20px}
.prose .h2{margin-bottom:22px}
.prose p:not(.statement){color:var(--w-body);text-wrap:pretty}
.prose p+p{margin-top:18px}
.band--slim{padding-block:clamp(48px,6vw,88px)}
/* lépés-sáv: balra ikon, nagy mono sorszám, h2, meta-sor; középen a szöveg; jobbra a két mono lista lime pipával */
.lepes{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.45fr) minmax(0,1fr);gap:var(--gap) clamp(36px,4.5vw,72px);align-items:start}
@media(max-width:1079px){.lepes{grid-template-columns:minmax(0,1fr)}}
.lepes-head .step-ic{margin-bottom:14px}
.lepes-num{display:block;font-family:var(--f-mono);font-weight:200;font-size:clamp(3rem,5vw,4.5rem);line-height:1;letter-spacing:-.03em;color:var(--w-ink);font-variant-numeric:tabular-nums;margin-bottom:18px}
.lepes-head .h2{max-width:14ch;margin-bottom:18px}
.lepes-text p{color:var(--w-body);max-width:66ch;text-wrap:pretty}
.lepes-text p+p{margin-top:18px}
.lepes-lists{display:grid;gap:clamp(28px,3vw,40px)}
.lepes-lists .points{margin-top:18px;max-width:none}
.points--check li{display:grid;grid-template-columns:14px minmax(0,1fr);gap:12px;align-items:start}
.points--check li::before{content:"";width:14px;height:14px;margin-top:3px;background:var(--ac-deep);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 7.5l3 3 6-7'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 7.5l3 3 6-7'/%3E%3C/svg%3E") center/contain no-repeat}
/* garancia-lapok: a főoldali pajzs-jel a sötét kártyán */
.gar .guarantee-mark{margin-bottom:6px}
/* történet: balra a fej, jobbra kétszer olyan széles szövegoszlop */
.story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:var(--gap) clamp(36px,5vw,80px);align-items:start}
@media(max-width:979px){.story{grid-template-columns:minmax(0,1fr)}}
.story .band-head{margin-bottom:0}
/* elvek: öt lap, asztalon 3 + 2 középre zárva, egyforma magas sorok; tableten 2 oszlop (az ötödik teljes szélességű), mobilon 1 */
.elvek{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:1fr;gap:var(--gap)}
.elvek>*{grid-row:1;grid-column:span 2}
.elvek>:nth-child(4){grid-row:2;grid-column:2/span 2}
.elvek>:nth-child(5){grid-row:2;grid-column:4/span 2}
@media(max-width:1079px){.elvek{grid-template-columns:repeat(2,minmax(0,1fr))}.elvek>:nth-child(n){grid-row:auto;grid-column:auto}.elvek>:nth-child(5){grid-column:span 2}}
@media(max-width:640px){.elvek{grid-template-columns:minmax(0,1fr)}.elvek>:nth-child(n){grid-column:auto}}
/* Mérve (sötét): balra kicker + egy nagy számcsempe, jobbra az eredmény-lista és az idézet; a csempe értéke szöveges is lehet, tördelés nélkül */
.merve{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:var(--gap) clamp(36px,5vw,80px);align-items:start}
@media(max-width:979px){.merve{grid-template-columns:minmax(0,1fr)}}
.merve .band-head{margin-bottom:24px}
.merve .stat{min-height:0;padding:30px 28px 28px;gap:14px}
.merve .stat-num{font-size:clamp(3rem,6vw,5.5rem);white-space:nowrap}
.merve .stat p{margin-top:10px}
.reveal-list>li:nth-child(4){--i:.54}
/* tábla-mockup keskeny nézetben: a fejléc törhet, az üres cella-jel halvány */
@media(max-width:640px){.p-table{table-layout:fixed;width:100%;font-size:11.5px}.p-table th{white-space:normal}.p-table th,.p-table td{overflow-wrap:anywhere;padding-right:8px}.p-table th:last-child,.p-table td:last-child{padding-right:0}}
.p-table .dim{color:var(--txt-65)}

/* — 3. kör: árak + kalkulátor. Új elem csak az üveg-gomb éllel (`btn--glass`, harmadlagos), a négy ár-lap sora (`price-grid--4`: egyforma magas lapok, a gomb-sor egy vonalban), a széles ár-sorok (`price-rows--wide`), a „Mitől függ” lap (`mitol`: a `card` az `elvek` rácson), a garancia-lap feje (`gar-head`) és a kalkulátor (`kalk`, `mezo`, `kalk-res`, `res-*`, `mail-grid`, `jogi`, `urlap-hiba`). Minden más a főoldal és az 1–3b. kör osztálya. — */
/* üveg-gomb éllel: a lime gomb anatómiája (2 px keret, belső csempe, 28×36 ikon-csempe), az anyag a világos üveg, a keret hajszálvonal; hoverre a belső csempe tintára vált */
.btn--glass{background:rgba(255,255,255,.62);-webkit-backdrop-filter:var(--blur-l);backdrop-filter:var(--blur-l);color:var(--w-ink);box-shadow:inset 0 0 0 1px rgba(6,6,6,.18),inset 0 1px 0 #fff,0 10px 30px -18px rgba(6,6,6,.35)}
.btn--glass .ic{background:var(--w-ink)}
.btn--glass .ic svg{stroke:#fff}
.btn--glass:hover{color:var(--w-ink);box-shadow:inset 0 0 0 1px rgba(6,6,6,.55),inset 0 1px 0 #fff,0 14px 34px -16px rgba(6,6,6,.4)}
.btn--glass:hover .btn-in{background:var(--w-ink);color:#fff}
.btn--glass:hover .ic{background:transparent}
.band--light .btn--glass:focus-visible{outline-color:var(--w-ink)}
/* négy ár-lap: a főoldali `price` lap teljes terjedelemben; a lap apró megjegyzése a gomb alatt; ≥701 px-en a lapok egy közös sor-rácson állnak (subgrid), így a mono sor, a név, az összeg, a lista, a gomb és a megjegyzés soronként egy vonalban van */
.price-grid--4 .price{min-height:0;padding-bottom:28px}
.price-grid--4 .price-cta{margin-top:auto;padding-top:26px}
.price-grid--4 .price-fine{margin-top:14px}
.price-grid--4 .price-value small{white-space:normal}
@supports(grid-template-rows:subgrid){@media(min-width:701px){.price-grid--4{row-gap:0}.price-grid--4>.price{display:grid;grid-template-rows:subgrid;grid-row:span 6}.price-grid--4 .price-cta{margin-top:0}}@media(min-width:701px) and (max-width:1279px){.price-grid--4>.price:nth-child(n+3){margin-top:var(--gap)}}}
.price-foot{margin-top:clamp(28px,3vw,40px)}
/* tipikus induló árak: a V4 `price-rows` szélesen, a `story` rács jobb oszlopában — bal oldalt a tétel, jobb oldalt a mono ár, köztük hajszálvonal */
.price-rows--wide{margin-top:0}
.price-rows--wide li{padding:18px 0;gap:24px;font-size:17px;line-height:1.45;color:var(--w-ink)}
.price-rows--wide li:first-child{border-top:1px solid var(--hair-l)}
.price-rows--wide li:last-child{border-bottom:1px solid var(--hair-l)}
.price-rows--wide .pr{font-size:13.5px;letter-spacing:.02em}
@media(max-width:760px){.price-rows--wide li{font-size:16px;padding:16px 0;gap:16px}}
.reveal-list>li:nth-child(5){--i:.66}
/* Mitől függ: mono sorszám, vékony h3, szöveg */
.mitol{gap:10px}
.mitol .sol-kicker{margin-bottom:6px}
.mitol .h3--thin{font-size:clamp(1.25rem,1.7vw,1.5rem)}
/* garancia és megtérülés: két sötét üveglap, felül mono címke (a bal lapon a pajzs-jel mellett), vékony h3, szöveg; a jobb lap alján a mono link */
.band--dark .h3--thin{color:#fff}
.gar-head{display:flex;align-items:center;gap:14px;min-height:40px;margin-bottom:8px}
.gar-head .guarantee-mark,.gar-head .mono-label{margin:0}
.gar .h3--thin{font-size:clamp(1.5rem,2.1vw,2rem)}
.gar p{font-size:16px;max-width:60ch}
.gar .link-quiet{padding-top:22px}
/* kalkulátor: balra világos üveglap a két mezővel, jobbra a sötét eredmény-lap (a sötét ár-lap anyaga: tinta, pontrács) az e-mail űrlappal; mobilon egymás alatt */
.kalk{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:var(--gap);align-items:start}
@media(max-width:979px){.kalk{grid-template-columns:minmax(0,1fr)}}
.kalk-form{padding:clamp(24px,2.6vw,36px);gap:clamp(26px,3vw,40px)}
/* mező: vékony címke, alatta a mező (hajszálvonalas keret, 2 px sarok), alatta a súgó; a szám-mező nagy mono számjegyekkel, spinner nélkül; fókuszban lime perem */
.mezo{display:flex;flex-direction:column;gap:10px}
.mezo label{font-family:var(--f-display);font-weight:300;font-size:clamp(1.1rem,1.4vw,1.3rem);line-height:1.3;letter-spacing:-.015em;color:var(--w-ink);text-wrap:pretty}
.mezo-in{position:relative;display:flex;align-items:center}
.mezo input{width:100%;min-width:0;font-family:var(--f-body);font-weight:300;font-size:16px;line-height:1.4;color:var(--w-ink);background:rgba(255,255,255,.6);border:1px solid rgba(6,6,6,.18);border-radius:var(--r-tile);padding:13px 14px;appearance:none;-webkit-appearance:none;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}
.mezo input::placeholder{color:rgba(6,6,6,.35)}
.mezo input:focus,.mezo.fokusz input{outline:none;border-color:var(--ac-deep);background:#fff;box-shadow:0 0 0 1px var(--ac-deep),0 0 24px -6px var(--ac-glow)}
.mezo--szam input{font-family:var(--f-mono);font-size:clamp(1.75rem,2.6vw,2.5rem);line-height:1.1;letter-spacing:-.02em;padding:14px 16px;font-variant-numeric:tabular-nums;-moz-appearance:textfield}
.mezo--szam input::-webkit-outer-spin-button,.mezo--szam input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.mezo-in .egys{position:absolute;right:16px;top:50%;transform:translateY(-50%);font-family:var(--f-mono);font-weight:300;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--w-body);pointer-events:none}
.mezo-in:has(.egys) input{padding-right:56px}
.kalk-form .sugo{font-size:13.5px;line-height:1.55;color:var(--w-body);text-wrap:pretty}
/* hibás mező: a keret tintára vált, alatta a mono hibaüzenet — nincs piros */
.hiba{display:none;font-family:var(--f-mono);font-weight:300;font-size:12.5px;line-height:1.5;letter-spacing:.02em;color:var(--w-ink)}
.hiba::before{content:"! ";font-weight:400}
.mezo.rossz .hiba{display:block}
.mezo.rossz input{border-color:var(--w-ink);box-shadow:0 0 0 1px var(--w-ink)}
/* eredmény-lap: sötét lap világos sávon, mono címkék, nagy vékony számok, hajszálvonalak; a számok nem pörögnek, a beírással együtt cserélődnek */
.kalk-res{position:relative;isolation:isolate;z-index:0;border-radius:var(--r-card);background-color:var(--bg);background-image:var(--dots);background-size:22px 22px;border:1px solid var(--bg);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 40px 90px -48px rgba(6,6,6,.7);color:var(--txt-85);padding:clamp(24px,2.6vw,36px);scroll-margin-top:calc(var(--nav-h) + 16px)}
.kalk-res::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:-1;background:radial-gradient(280px 200px at var(--mx,50%) var(--my,-30%),rgba(255,255,255,.12),transparent 70%);opacity:0;transition:opacity .45s ease}
.kalk-res:hover::after{opacity:1}
.kalk-res:hover{animation:rimFlashD .9s ease-out both}
.kalk-res ::selection{background:#fff;color:#060606}
.res-big{font-family:var(--f-display);font-weight:300;font-size:clamp(2.5rem,8vw,4.75rem);line-height:1;letter-spacing:-.035em;color:#fff;font-variant-numeric:tabular-nums;margin-top:14px;white-space:nowrap}
@media(min-width:980px){.res-big{font-size:clamp(3rem,4.6vw,4.75rem)}}
.res-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px var(--gap);margin-top:28px;padding-top:24px;border-top:1px solid var(--hair)}
.res-num{font-family:var(--f-display);font-weight:300;font-size:clamp(1.5rem,2.2vw,2rem);line-height:1.1;letter-spacing:-.03em;color:#fff;font-variant-numeric:tabular-nums;margin-top:10px;text-wrap:balance}
.res-text{margin-top:24px;font-size:15.5px;line-height:1.6;color:var(--txt-70);max-width:60ch;text-wrap:pretty}
/* e-mail rész ugyanazon a lapon, hajszálvonal után; a mezők sötét változata; a gomb küldés közben nem kattintható; a hiba-sor csak hibánál */
.res-mail{margin-top:30px;padding-top:30px;border-top:1px solid var(--hair);scroll-margin-top:calc(var(--nav-h) + 16px)}
.band--light .kalk-res .h3--thin{color:#fff;font-size:clamp(1.25rem,1.7vw,1.5rem)}
.res-mail>p{margin-top:12px;font-size:15px;line-height:1.6;color:var(--txt-70);max-width:60ch;text-wrap:pretty}
.mail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px var(--gap);margin-top:24px}
@media(max-width:640px){.mail-grid{grid-template-columns:minmax(0,1fr)}}
.kalk-res .mezo{gap:8px}
.kalk-res .mezo label{font-size:15px;letter-spacing:0;color:#fff}
.kalk-res .mezo input{color:#fff;background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.2)}
.kalk-res .mezo input::placeholder{color:rgba(255,255,255,.35)}
.kalk-res .mezo input:focus,.kalk-res .mezo.fokusz input{border-color:var(--ac);background:rgba(255,255,255,.08);box-shadow:0 0 0 1px var(--ac),0 0 24px -6px var(--ac-glow)}
.kalk-res .mezo.rossz input{border-color:#fff;box-shadow:0 0 0 1px #fff}
.kalk-res .hiba{color:#fff}
.res-mail .btn{margin-top:24px;cursor:pointer}
.btn.kuldes{pointer-events:none;box-shadow:none;background:var(--ac-deep)}
.jogi{margin-top:16px;font-size:12.5px;line-height:1.6;color:var(--txt-65);max-width:64ch;text-wrap:pretty}
.kalk-res a{color:var(--txt-85);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.kalk-res a:hover{color:var(--ac)}
.urlap-hiba{display:none;margin-top:20px;padding-top:16px;border-top:1px solid var(--hair);font-family:var(--f-mono);font-weight:300;font-size:12.5px;line-height:1.6;letter-spacing:.02em;color:#fff}
.urlap-hiba::before{content:"! ";font-weight:400}
form.hibas .urlap-hiba{display:block}
.helyorzo{color:var(--txt-65);border-bottom:1px dashed rgba(255,255,255,.4);white-space:nowrap}
/* mobilon a ragadós sáv (V4) nem takarhat: a fókuszba görgetett mező a sáv fölött áll meg */
@media(max-width:759px){html{scroll-padding-bottom:calc(96px + env(safe-area-inset-bottom))}}


/* — 4. kör: ajánlatkérés + visszahívás + köszönjük + 404. Új elem csak: az űrlap-lap (`urlap`), a kérdőív fej-sora és haladás-sávja (`kviz-fej`, `kviz-sav`), a lépés (`kviz-lepes`), a választó-lapok (`opciok`, `opcio`), a mezősor (`sor`), a mentés-sor (`mentes`), a kész-blokk (`kesz-blokk`), a kilépés-modál (`kilep`), a „Folytatja?” sáv (`rf`), a köszönjük lapja és kártyái (`naptar`, `tovabb`) és a 404-blokk (`blokk404`). A mező (`mezo`, `hiba`, `rossz`, `fokusz`), a jogi sor (`jogi`), a hiba-sor (`urlap-hiba`) és a küldés-állapot (`btn.kuldes`) a 3. kör kalkulátoráé, itt a világos üveglapra hangolva. Rövid, szövegoszlopos hero (`hero--rovid`): keskeny nézetben a kockamező a szöveg alatti sávban. — */
@media(max-width:1079px){.hero--rovid{--vt:88%}.hero--rovid .hero-wrap{padding-bottom:clamp(110px,18vh,170px)}}
.hero .band-num{top:calc(var(--nav-h) + clamp(36px,5vh,60px) - .1em)}
button.btn,button.link-quiet{cursor:pointer}
button.link-quiet{appearance:none;-webkit-appearance:none;background:none;border:0;padding:0;font-size:14px}
.cim--thin{font-family:var(--f-display);font-weight:300;font-size:clamp(1.6rem,2.5vw,2.25rem);line-height:1.1;letter-spacing:-.03em;color:var(--w-ink);text-wrap:balance}
.cim--thin:focus{outline:none}
/* űrlap-lap: középre zárt világos üveglap; a sáv alján annyi hely, hogy a „Folytatja?” sáv ne takarja a gombot */
.urlap{display:block;width:100%;max-width:880px;margin-inline:auto;padding:clamp(24px,3.2vw,48px);color:var(--w-body)}
body:has(.rf.show) .band--urlap{padding-bottom:calc(var(--band-pad) + 96px)}
html:has(.rf.show){scroll-padding-bottom:130px}
/* fej-sor: mono, balra a haladás (a lime négyzet-jellel), jobbra az ígéret; a haladás-sáv a fejléc görgetés-jelzőjének vonala */
.kviz-fej{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px 24px;font-family:var(--f-mono);font-weight:300;font-size:12px;line-height:1.5;letter-spacing:.14em;text-transform:uppercase;color:var(--w-body);font-variant-numeric:tabular-nums}
.kviz-fej [data-kviz-haladas]{display:flex;align-items:center;gap:10px;color:var(--w-ink)}
.kviz-fej [data-kviz-haladas]::before{content:"";width:6px;height:6px;background:var(--ac-deep);flex:none}
.kviz-sav{height:2px;margin-top:14px;background:rgba(6,6,6,.1)}
.kviz-sav>span{display:block;height:100%;width:25%;background:var(--ac);box-shadow:0 0 10px var(--ac-glow);transition:width .6s var(--ease-out)}
/* lépés: vékony kérdés, segítő sor, a rács, alul a gombsor hajszálvonal fölött; a rejtett lépés nincs a lapon */
.kviz-lepes{padding-top:clamp(26px,3vw,36px)}
.kviz-lepes[hidden]{display:none}
.kviz-lepes .cim--thin{max-width:22ch}
.kviz-segit{margin-top:12px;font-size:15.5px;line-height:1.6;color:var(--w-body);max-width:60ch;text-wrap:pretty}
.kviz-gombok{display:flex;justify-content:space-between;align-items:center;gap:14px 24px;margin-top:clamp(26px,3vw,36px);padding-top:22px;border-top:1px solid var(--hair-l)}
.kviz-gombok>.btn:only-child{margin-left:auto}
/* választó-lapok: hajszálvonalas lap, balra a jel; rámutatásra tinta-perem, kiválasztva lime perem és kitöltött (tinta) jel lime pipával; asztalon rácsban, mobilon egy oszlopban */
.opciok{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:clamp(22px,2.6vw,32px)}
.opciok--5{grid-template-columns:repeat(5,minmax(0,1fr))}
.opciok--4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:860px){.opciok--5,.opciok--4{grid-template-columns:repeat(2,minmax(0,1fr))}.opciok--5>:last-child{grid-column:span 2}}
@media(max-width:640px){.opciok,.opciok--5,.opciok--4{grid-template-columns:minmax(0,1fr)}.opciok--5>:last-child{grid-column:auto}}
.opcio{position:relative;display:grid;grid-template-columns:18px minmax(0,1fr);gap:12px;align-items:start;min-height:52px;padding:14px 16px;background:rgba(255,255,255,.6);border:1px solid rgba(6,6,6,.18);border-radius:var(--r-tile);font-size:15px;line-height:1.45;color:var(--w-ink);cursor:pointer;text-wrap:pretty;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}
.opcio input{position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none}
.opcio-jel{width:18px;height:18px;margin-top:2px;border:1px solid rgba(6,6,6,.3);border-radius:var(--r-tile);background:#fff;display:grid;place-items:center;transition:background-color .2s ease,border-color .2s ease}
.opcio-jel .st{margin:0;opacity:0;transform:scale(.6);transition:opacity .2s ease,transform .3s var(--ease-pop)}
.opcio:hover,.opcio.hov{border-color:rgba(6,6,6,.55);background:#fff}
.opcio:has(input:checked),.opcio.valasztva{border-color:var(--ac-deep);background:#fff;box-shadow:0 0 0 1px var(--ac-deep),0 0 24px -6px var(--ac-glow)}
.opcio:has(input:checked) .opcio-jel,.opcio.valasztva .opcio-jel{background:var(--w-ink);border-color:var(--w-ink)}
.opcio:has(input:checked) .st,.opcio.valasztva .st{opacity:1;transform:none}
.opcio:has(input:focus-visible){border-color:var(--ac-deep);box-shadow:0 0 0 1px var(--ac-deep),0 0 24px -6px var(--ac-glow)}
/* választás nélküli továbblépés: a lépés `rossz`, a lapok kerete tintára vált, a rács megrázkódik — szöveg nincs */
.rossz .opcio{border-color:var(--w-ink)}
.rossz .opciok{animation:raz .4s ease}
@keyframes raz{20%{transform:translateX(-5px)}40%{transform:translateX(5px)}60%{transform:translateX(-3px)}80%{transform:translateX(3px)}}
/* mezősor: asztalon két oszlop, mobilon egy; a címke vékony, mellette a megjegyzés halványan; a mentés-sor és a jogi sor apró, halvány */
.sor{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px var(--gap);margin-top:clamp(22px,2.6vw,28px)}
@media(max-width:640px){.sor{grid-template-columns:minmax(0,1fr)}}
.urlap .mezo{gap:8px}
.urlap .mezo label,.mezo .mezo-cim{display:block;font-family:var(--f-display);font-weight:300;font-size:15.5px;line-height:1.35;letter-spacing:0;color:var(--w-ink)}
.mezo label small,.mezo .mezo-cim small{font-size:13px;color:var(--w-body);margin-left:6px}
.mezo .opciok{margin-top:4px}
.mt-2{margin-top:clamp(22px,2.6vw,28px)}
.urlap>.btn{margin-top:clamp(26px,3vw,32px)}
.mentes{margin-top:20px;font-size:12.5px;line-height:1.6;color:var(--w-body);max-width:64ch;text-wrap:pretty}
.mentes a,.urlap .jogi a,.urlap .urlap-hiba a{color:var(--w-ink);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.mentes a:hover,.urlap .jogi a:hover,.urlap .urlap-hiba a:hover{text-decoration-color:var(--ac-deep)}
.urlap .jogi{color:var(--w-body)}
.kviz-lepes .jogi{margin-top:22px}
.urlap .urlap-hiba{color:var(--w-ink);border-top:0;padding-top:0;margin-top:18px}
.hp{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;opacity:0}
/* siker: a lépések, a fej-sor, a sáv, a mezősor, a jogi sor és a gomb eltűnik, ugyanazon a lapon a kész-blokk */
form.kesz>:not([data-kesz]){display:none}
.kesz-blokk[hidden]{display:none}
.kesz-blokk{max-width:62ch}
.kesz-blokk .eyebrow{margin-bottom:20px}
.kesz-blokk p{margin-top:16px;color:var(--w-body);text-wrap:pretty}
.kesz-blokk .h3--thin{margin-top:30px;padding-top:26px;border-top:1px solid var(--hair-l);font-size:clamp(1.25rem,1.7vw,1.5rem)}
.kesz-blokk .btn{margin-top:24px}
/* bizalom-sor a lap alatt: a V4 záró sáv listája, világos alapon; asztalon egy sorban középre zárva, mobilon egymás alatt */
.urlap-trust{max-width:1080px;margin:clamp(22px,2.6vw,32px) auto 0;border-top:0;padding-top:0;gap:10px}
@media(min-width:760px){.urlap-trust{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:12px 32px}.urlap-trust li{white-space:nowrap}}
.band--light .trust li{color:var(--w-body)}
.band--light .trust li::before{background:var(--ac-deep)}
/* kilépés-modál (asztal): sötétített oldal fölött középen egy világos üveglap; jobb felül a bezáró üveg-gomb éllel */
.kilep{position:fixed;inset:0;z-index:90;display:none;place-items:center;padding:var(--pad);background-color:rgba(6,6,6,.58);background-image:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.kilep.show{display:grid}
.kilep-in{position:relative;width:min(600px,100%);padding:clamp(28px,3.2vw,44px) clamp(24px,3.2vw,44px);animation:apIn .5s var(--ease-out) both}
.kilep .x{position:absolute;right:14px;top:14px;width:40px;height:40px;display:grid;place-items:center;border:0;border-radius:0;cursor:pointer;font-family:var(--f-mono);font-weight:300;font-size:22px;line-height:1;color:var(--w-ink);background:rgba(255,255,255,.62);box-shadow:inset 0 0 0 1px rgba(6,6,6,.18),inset 0 1px 0 #fff;transition:background-color .2s ease,color .2s ease,box-shadow .2s ease}
.kilep .x:hover,.kilep .x:focus-visible{background:var(--w-ink);color:#fff;box-shadow:inset 0 0 0 1px var(--w-ink);outline:none}
.kilep .eyebrow{margin-bottom:18px}
.kilep .cim--thin{max-width:18ch;padding-right:40px}
.kilep p{margin-top:16px;color:var(--w-body);max-width:56ch;text-wrap:pretty}
.gombsor{display:flex;flex-wrap:wrap;gap:10px 14px;margin-top:26px}
/* „Folytatja?” sáv: a lap alján rögzített sötét üvegsáv (a V4 ragadós CTA anyaga), alulról csúszik be; mobilon a két gomb a szöveg alatt, egymás mellett */
.rf{position:fixed;left:0;right:0;bottom:0;z-index:70;color:#fff;background:rgba(6,6,6,.78);-webkit-backdrop-filter:var(--blur-d);backdrop-filter:var(--blur-d);border-top:1px solid rgba(255,255,255,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 -18px 50px -32px #000;padding-bottom:env(safe-area-inset-bottom);transform:translateY(110%);transition:transform .4s var(--ease-out)}
.rf.show{transform:none}
.rf-in{display:flex;align-items:center;justify-content:space-between;gap:16px 32px;padding-block:16px}
.rf-szo{min-width:0}
.rf-szo b{display:block;font-weight:300;font-size:16px;line-height:1.4;color:#fff}
.rf-szo span{display:block;margin-top:4px;font-family:var(--f-mono);font-weight:300;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--txt-65)}
.rf-btns{display:flex;flex-wrap:wrap;gap:10px 14px;flex:none}
.rf .btn--glass,.cc .btn--glass{background:rgba(255,255,255,.08);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.28),inset 0 1px 0 rgba(255,255,255,.1)}
.rf .btn--glass .ic,.cc .btn--glass .ic{background:#fff}
.rf .btn--glass .ic svg,.cc .btn--glass .ic svg{stroke:#060606}
.rf .btn--glass:hover,.cc .btn--glass:hover{color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.7),inset 0 1px 0 rgba(255,255,255,.1)}
.rf .btn--glass:hover .btn-in,.cc .btn--glass:hover .btn-in{background:#fff;color:#060606}
.rf .btn--glass:hover .ic,.cc .btn--glass:hover .ic{background:transparent}
.rf .btn:focus-visible,.cc .btn:focus-visible{outline-color:var(--ac)}
@media(max-width:759px){.rf-in{flex-direction:column;align-items:stretch;padding-block:14px}.rf-btns{flex-wrap:nowrap}.rf-btns .btn{flex:1;min-width:0}.rf-btns .btn .btn-in{flex:1;justify-content:center}}
/* köszönjük: a szöveg alatt egy világos üveglap (cím, egy mondat, lime gomb); az „Addig is” három kártyája a hub kártyájának nyelvén, vékony címmel, az egész kártya link */
.naptar{max-width:720px;margin-top:clamp(32px,4vw,48px);padding:clamp(24px,3vw,40px)}
.naptar p{margin-top:14px;color:var(--w-body);max-width:56ch;text-wrap:pretty}
.naptar .btn{margin-top:24px}
.tovabb{min-height:180px;gap:10px}
.tovabb .h3--thin{font-size:clamp(1.25rem,1.7vw,1.5rem)}
/* 404-blokk: a lead alatt a négy üveg-gomb egy sorban (mobilon kettesével, egyforma szélesen), alatta egy világos üveglap a záró mondattal és a lime gombbal */
.blokk404{margin-top:32px;display:grid;gap:clamp(20px,2.6vw,28px);max-width:760px}
.linkek{display:flex;flex-wrap:wrap;gap:10px}
@media(max-width:640px){.linkek{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.linkek .btn{width:100%}.linkek .btn-in{flex:1;justify-content:center}}
.ajanlat404{padding:clamp(24px,2.8vw,36px);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px 28px}
.ajanlat404 p{flex:1 1 300px;font-family:var(--f-display);font-weight:300;font-size:clamp(1.15rem,1.5vw,1.35rem);line-height:1.4;letter-spacing:-.015em;color:var(--w-ink);max-width:34ch;text-wrap:pretty}


/* — 5. kör: tudástár hub + cikk-sablon + jogi sablon + süti-sáv. Új elem csak: a próza-tipográfia az olvasó-rácson (`olvaso` > `prose`: h2, h3, listák, táblázat görgethető keretben, kiemelt doboz mono címkével, számsor, idézet-blokk, a próza saját GYIK-ja), a tartalomjegyzék (`toc`), a cikk meta-sora (`meta`), a cikk végi doboz (`cta-doboz`), a kártya dátum-sora és a süti-sáv (`cc`). A kártya a köszönjük oldal `tovabb` kártyája, a hero a hub és a 4. kör rövid hero-ja, a GYIK a főoldalé, a gombok a V4-é. — */
/* hosszú cím a rövid hero-ban (cikk, jogi): szélesebb szövegoszlop; a 4. kör oldalai változatlanok */
.page-cikk .hero--rovid .hero-main,.page-jogi .hero--rovid .hero-main{max-width:880px}
.page-cikk .hero--rovid .h1{max-width:24ch;font-size:clamp(2.25rem,3.9vw,3.75rem)}
.page-jogi .hero--rovid .h1{max-width:24ch}
/* meta-sor (cikk: közzétéve · frissítve · olvasási idő; jogi: verzió · ujjlenyomat) */
.meta{flex-wrap:wrap;row-gap:4px}
.meta span{white-space:nowrap}
.meta .sep{color:rgba(6,6,6,.3)}
/* kártya dátum-sora (hub, kapcsolódó cikkek): a mono meta-sor a cím fölött */
.tovabb .meta-row{font-size:12px;letter-spacing:.06em;margin-bottom:2px}
.tovabb .h3--thin{text-wrap:pretty}
/* olvasó-rács: asztalon balra a próza (68 karakteres sorhossz), jobbra a 280 px-es tartalomjegyzék a fejléc alatt ragadva; mobilon egy oszlop a forrás sorrendjében (cikken a próza után, jogi oldalon előtte áll) */
.olvaso{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(40px,5vw,56px)}
.olvaso>.prose{max-width:68ch}
@media(min-width:1080px){.olvaso{grid-template-columns:minmax(0,68ch) 280px;grid-template-areas:"prose toc";justify-content:space-between;column-gap:clamp(48px,5vw,96px);align-items:start}.olvaso>.prose{grid-area:prose}.olvaso>.toc{grid-area:toc;position:sticky;top:calc(var(--nav-h) + 24px)}.olvaso>.toc .toc-in{max-height:calc(100svh - var(--nav-h) - 48px);overflow:auto;scrollbar-width:thin}}
@media(max-width:1079px){.olvaso>.toc{max-width:560px}}
/* a próza: a köszönjük oldal szövegoszlopának bővítése; a h2 a V4 szakaszcímének kisebb, vékony változata, sorszám és kicker nélkül */
.olvaso .prose>*+*{margin-top:18px}
.olvaso .prose>h2:not(.h2){font-family:var(--f-display);font-weight:300;font-size:clamp(1.75rem,2.5vw,2.375rem);line-height:1.1;letter-spacing:-.03em;color:var(--w-ink);text-wrap:balance;margin-bottom:22px;scroll-margin-top:calc(var(--nav-h) + 28px)}
.olvaso .prose>*+h2:not(.h2){margin-top:clamp(52px,6vw,80px)}
.olvaso .prose h3{font-family:var(--f-display);font-weight:300;font-size:clamp(1.2rem,1.5vw,1.45rem);line-height:1.25;letter-spacing:-.02em;color:var(--w-ink);text-wrap:pretty;margin-bottom:12px;scroll-margin-top:calc(var(--nav-h) + 28px)}
.olvaso .prose>*+h3{margin-top:clamp(30px,3.4vw,44px)}
.olvaso .prose>h2+*,.olvaso .prose>h3+*{margin-top:0}
.olvaso .prose p{color:var(--w-body);text-wrap:pretty}
.olvaso .prose strong{font-weight:500;color:var(--w-ink)}
.olvaso .prose em{font-style:italic}
.olvaso .prose p a,.olvaso .prose li a,.olvaso .prose td a{color:var(--w-ink);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;text-decoration-color:rgba(6,6,6,.45);border-radius:1px;transition:color .2s ease,background-color .2s ease,box-shadow .2s ease,text-decoration-color .2s ease}
.olvaso .prose p a:hover,.olvaso .prose li a:hover,.olvaso .prose td a:hover,.olvaso .prose p a:focus-visible,.olvaso .prose li a:focus-visible,.olvaso .prose td a:focus-visible{color:var(--ac-ink);background:var(--ac);box-shadow:0 0 0 2px var(--ac);text-decoration-color:var(--ac-ink);outline:none}
/* listák: a számozott lista száma mono; a pontozott lista jele a V4 lime négyzete */
.olvaso .prose ul,.olvaso .prose ol{list-style:none;padding:0}
.olvaso .prose li{position:relative;padding-left:26px;color:var(--w-body);text-wrap:pretty}
.olvaso .prose li+li{margin-top:10px}
.olvaso .prose ul>li::before{content:"";position:absolute;left:2px;top:.66em;width:6px;height:6px;background:var(--ac-deep)}
.olvaso .prose ol{counter-reset:pl}
.olvaso .prose ol>li{padding-left:34px}
.olvaso .prose ol>li::before{counter-increment:pl;content:counter(pl,decimal-leading-zero);position:absolute;left:0;top:.3em;font-family:var(--f-mono);font-weight:400;font-size:12px;line-height:1;letter-spacing:.04em;color:var(--w-ink);font-variant-numeric:tabular-nums}
.olvaso .prose li p{margin:0}
/* táblázat: hajszálvonalas sorok, mono fejléc, függőleges cellavonal nincs; asztalon a szövegoszlop teljes szélességében, mobilon a saját keretében vízszintesen görgethető */
.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;max-width:100%;border-radius:var(--r-tile)}
.table-scroll:focus-visible{outline:2px solid var(--ac-deep);outline-offset:6px}
.olvaso .prose table{width:100%;min-width:560px;border-collapse:collapse;font-size:15px;line-height:1.5;color:var(--w-body);text-wrap:pretty}
.olvaso .prose table:has(th:nth-child(4)){min-width:720px}
.olvaso .prose table:has(th:nth-child(5)){min-width:900px}
.olvaso .prose th{font-family:var(--f-mono);font-weight:400;font-size:11.5px;line-height:1.4;letter-spacing:.14em;text-transform:uppercase;color:var(--w-ink);text-align:left;vertical-align:bottom;padding:0 18px 12px 0;border-bottom:1px solid rgba(6,6,6,.35)}
.olvaso .prose td{padding:13px 18px 13px 0;border-bottom:1px solid var(--hair-l);vertical-align:top}
.olvaso .prose th:last-child,.olvaso .prose td:last-child{padding-right:0}
.olvaso .prose td:first-child{color:var(--w-ink)}
.olvaso .prose .num{font-family:var(--f-mono);font-size:13.5px;letter-spacing:.02em;color:var(--w-ink);font-variant-numeric:tabular-nums;white-space:nowrap}
@media(max-width:640px){.olvaso .prose table{font-size:14px}}
/* kiemelt doboz és idézet-blokk: a V4 világos üvege a szövegoszlopban (a forrás osztályával, `glass` nélkül is); bal oldali csík nincs */
.olvaso .prose .callout,.olvaso .prose blockquote{position:relative;isolation:isolate;border-radius:var(--r-card);background:var(--g-l);-webkit-backdrop-filter:var(--blur-l);backdrop-filter:var(--blur-l);border:1px solid rgba(255,255,255,.95);box-shadow:inset 0 1px 0 #fff,0 1px 0 rgba(6,6,6,.04),0 34px 80px -48px rgba(6,6,6,.35);transition:border-color .35s ease,box-shadow .35s ease}
.olvaso .prose .callout::before,.olvaso .prose blockquote::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(145deg,#fff,rgba(255,255,255,.5) 34%,rgba(6,6,6,.05) 66%,rgba(255,255,255,.9));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:1}
.olvaso .prose .callout:hover,.olvaso .prose blockquote:hover{border-color:rgba(200,250,60,.7);box-shadow:inset 0 1px 0 #fff,0 1px 0 rgba(6,6,6,.09),0 34px 80px -44px rgba(6,6,6,.48),0 0 0 1px rgba(200,250,60,.25),0 0 30px -8px rgba(200,250,60,.35);animation:rimFlashL .9s ease-out both}
.olvaso .prose .callout:hover::before,.olvaso .prose blockquote:hover::before{background:linear-gradient(145deg,rgba(200,250,60,.95),rgba(255,255,255,.6) 34%,rgba(158,209,25,.35) 66%,rgba(200,250,60,.9))}
.olvaso .prose>*+.callout,.olvaso .prose>*+blockquote,.olvaso .prose>*+.table-scroll{margin-top:28px}
.olvaso .prose .callout{padding:clamp(22px,2.6vw,30px) clamp(22px,2.6vw,32px)}
.olvaso .prose .callout .mono-label{color:var(--w-body);margin-bottom:14px}
.olvaso .prose .callout p{margin:0;font-size:16.5px;line-height:1.6;color:var(--w-ink)}
/* számsor: a V4 szám-csempéjének kicsi, világos változata — nagy vékony szám, alatta mono címke a lime négyzettel; asztalon egy sorban, mobilon egymás alatt */
.olvaso .prose .figs{display:flex;flex-wrap:wrap;gap:20px clamp(20px,3vw,36px)}
.olvaso .prose .fig{flex:1 1 150px;display:flex;flex-direction:column;gap:10px;min-width:0}
.olvaso .prose .fig b{font-family:var(--f-mono);font-weight:200;font-size:clamp(2.25rem,3.2vw,3rem);line-height:1;letter-spacing:-.03em;color:var(--w-ink);font-variant-numeric:tabular-nums}
.olvaso .prose .fig span{display:flex;align-items:flex-start;gap:9px;font-family:var(--f-mono);font-weight:300;font-size:12px;line-height:1.5;letter-spacing:.02em;color:var(--w-body);text-wrap:pretty}
.olvaso .prose .fig span::before{content:"";width:6px;height:6px;background:var(--ac-deep);flex:none;margin-top:.5em}
@media(max-width:640px){.olvaso .prose .figs{flex-direction:column;gap:22px}}
.olvaso .prose blockquote{padding:clamp(22px,2.6vw,32px);font-family:var(--f-display);font-weight:300;font-size:clamp(1.2rem,1.7vw,1.5rem);line-height:1.45;letter-spacing:-.015em;color:var(--w-ink);text-wrap:pretty}
.olvaso .prose blockquote p{margin:0;font:inherit;color:inherit}
/* a próza saját GYIK-ja: a főoldali GYIK hajszálvonalas sorai és `q-icon` jele, a nyitott sor üveglappá válik */
.olvaso .prose details{position:relative;border-bottom:1px solid rgba(6,6,6,.10);transition:background-color .3s ease,box-shadow .3s ease}
.olvaso .prose details:first-of-type{border-top:1px solid rgba(6,6,6,.10)}
.olvaso .prose details:hover{background:rgba(6,6,6,.025)}
.olvaso .prose details[open]{isolation:isolate;background:var(--g-l);-webkit-backdrop-filter:var(--blur-l);backdrop-filter:var(--blur-l);border-radius:var(--r-faq);border-bottom-color:transparent;box-shadow:inset 0 0 0 1px #fff,inset 0 1px 0 #fff,0 1px 0 rgba(6,6,6,.05),0 30px 70px -44px rgba(6,6,6,.4)}
.olvaso .prose details[open]:hover{background:var(--g-l);animation:rimFlashL .9s ease-out both}
.olvaso .prose details[open]+details{border-top:1px solid rgba(6,6,6,.10)}
.olvaso .prose summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:20px;padding:22px 18px;min-height:48px;font-size:17px;font-weight:400;color:var(--w-ink);text-wrap:pretty}
.olvaso .prose summary::-webkit-details-marker{display:none}
.olvaso .prose summary:focus-visible{outline:2px solid var(--w-ink);outline-offset:3px;border-radius:var(--r-faq)}
.olvaso .prose .q-icon{margin-left:auto;flex:none;width:22px;height:22px;border:1px solid rgba(6,6,6,.55);border-radius:50%;display:grid;place-items:center;font-family:var(--f-mono);font-size:14px;line-height:1;color:var(--w-ink);transition:transform .45s var(--ease-pop),background-color .3s ease}
.olvaso .prose summary:hover .q-icon{background:rgba(255,255,255,.8)}
.olvaso .prose details[open] .q-icon{transform:rotate(45deg)}
.olvaso .prose details[open] summary{border-bottom:1px solid rgba(6,6,6,.08)}
.olvaso .prose details>div{padding:16px 24px 24px 18px;font-size:15.5px;line-height:1.7;color:var(--w-body)}
.olvaso .prose details>div p{margin:0;font-size:inherit}
.olvaso .prose details>div p+p{margin-top:12px}
/* tartalomjegyzék: világos üveglap, mono címke, a h2-címek linkként mono sorszámmal; az aktív pont sorszáma lime csempe; alul a kis lime gomb (a jogi változatban címke és gomb nincs) */
.toc{padding:0;color:var(--w-body)}
.toc-in{padding:20px 22px 22px}
.toc .mono-label{color:var(--w-body);margin-bottom:6px}
.toc ol{list-style:none;counter-reset:toc;margin:0;padding:0}
.toc li+li{border-top:1px solid var(--hair-l)}
.toc a{display:grid;grid-template-columns:24px minmax(0,1fr);gap:10px;padding:10px 0;font-size:14px;line-height:1.45;color:var(--w-body);text-decoration:none;text-wrap:pretty;transition:color .2s ease}
.toc a::before{counter-increment:toc;content:counter(toc,decimal-leading-zero);display:inline-grid;place-items:center;width:24px;height:22px;margin-top:-1px;border-radius:var(--r-tile);font-family:var(--f-mono);font-weight:400;font-size:11px;letter-spacing:.04em;color:var(--w-ink);opacity:.55;font-variant-numeric:tabular-nums;transition:background-color .25s ease,color .25s ease,opacity .25s ease,box-shadow .25s ease}
.toc a:hover,.toc a:focus-visible{color:var(--w-ink);outline:none}
.toc a:hover::before{opacity:1}
.toc a:focus-visible::before{outline:2px solid var(--ac-deep);outline-offset:2px}
.toc a.is-active{color:var(--w-ink)}
.toc a.is-active::before{opacity:1;background:var(--ac);color:var(--ac-ink);box-shadow:0 0 0 1px var(--ac-deep),0 0 14px -4px var(--ac-glow)}
.toc .btn{margin-top:18px}
.btn--sm{height:36px;font-size:13px}
.btn--sm .ic{width:26px;height:32px}
.toc--jogi .toc-in{padding-top:12px;padding-bottom:12px}
/* a cikk végi ajánlatkérő doboz: világos üveglap a szövegoszlopban — mono kicker, vékony h2, egy bekezdés, lime gomb */
.olvaso .prose>*+.cta-doboz{margin-top:clamp(40px,5vw,64px)}
.cta-doboz{padding:clamp(24px,3vw,40px);display:flex;flex-direction:column;align-items:flex-start}
.cta-doboz .eyebrow{margin-bottom:18px}
.cta-doboz .cim--thin{max-width:22ch;font-size:clamp(1.5rem,2.2vw,2rem)}
.olvaso .prose .cta-doboz p{margin-top:14px;max-width:52ch}
.cta-doboz .btn{margin-top:24px}
/* lábléc: a „Sütibeállítások” elem a jogi linkek sorának végén — gomb, de úgy néz ki, mint a mellette álló linkek */
.foot-list button{appearance:none;-webkit-appearance:none;background:none;border:0;padding:0;font:inherit;line-height:inherit;color:var(--txt-70);cursor:pointer;text-align:left;transition:color .2s ease}
.foot-list button:hover,.foot-list button:focus-visible,.foot-list button.hov{color:var(--ac);outline:none}
/* süti-sáv: a lap alján rögzített sötét üvegsáv (a V4 ragadós CTA anyaga), alulról csúszik be; nem sötétíti és nem zárja el az oldalt; a ragadós sávok fölött áll. Asztalon balra a szöveg, jobbra a három egyenrangú üveg-gomb; a Beállítások után a szöveg alatt a kategória-sor. Mobilon a gombok a szöveg alatt kettő-egy elosztásban. */
.cc{position:fixed;left:0;right:0;bottom:0;z-index:75;color:#fff;background:rgba(6,6,6,.78);-webkit-backdrop-filter:var(--blur-d);backdrop-filter:var(--blur-d);border-top:1px solid rgba(255,255,255,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 -18px 50px -32px #000;padding-bottom:env(safe-area-inset-bottom);transform:translateY(110%);visibility:hidden;transition:transform .4s var(--ease-out),visibility .4s}
.cc.show{transform:none;visibility:visible}
html.cc-on body{padding-bottom:var(--cc-h,0px)}
.cc-in{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"txt btns" "opts btns";align-items:center;column-gap:clamp(24px,3vw,48px);padding-block:18px}
.cc-txt{grid-area:txt;min-width:0;max-width:76ch}
.cc-txt b{display:block;font-weight:500;font-size:16px;line-height:1.4;color:#fff;margin-bottom:6px}
.cc-txt p{font-size:14px;line-height:1.55;color:var(--txt-70);text-wrap:pretty}
.cc-txt a{color:#fff;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;transition:color .2s ease}
.cc-txt a:hover,.cc-txt a:focus-visible{color:var(--ac);outline:none}
.cc-btns{grid-area:btns;display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;align-self:center}
.cc-btns .btn{cursor:pointer}
/* kategória-sor: hajszálvonalas négyzet, bejelölve lime perem és `st st--ok` pipa, mellette mono címke; a Szükséges bejelölve, nem kapcsolható, halványan; nem kapcsoló */
.cc-opts{grid-area:opts;display:flex;flex-wrap:wrap;gap:6px 26px;margin-top:10px}
.cc-opts[hidden]{display:none}
.cc-opts label{position:relative;display:inline-flex;align-items:center;gap:10px;min-height:44px;cursor:pointer;font-family:var(--f-mono);font-weight:300;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--txt-85);user-select:none}
.cc-opts input{position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none}
.cc-jel{width:18px;height:18px;flex:none;border:1px solid rgba(255,255,255,.35);border-radius:var(--r-tile);background:rgba(255,255,255,.04);display:grid;place-items:center;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}
.cc-jel .st{margin:0;width:12px;height:12px;opacity:0;transform:scale(.6);transition:opacity .2s ease,transform .3s var(--ease-pop)}
.cc-opts label:hover .cc-jel,.cc-opts label.hov .cc-jel{border-color:rgba(255,255,255,.75);background:rgba(255,255,255,.08)}
.cc-opts input:checked+.cc-jel{border-color:var(--ac);box-shadow:0 0 0 1px var(--ac),0 0 16px -4px var(--ac-glow)}
.cc-opts input:checked+.cc-jel .st{opacity:1;transform:none}
.cc-opts input:focus-visible+.cc-jel,.cc-opts label.fokusz .cc-jel{outline:2px solid var(--ac);outline-offset:3px}
.cc-opts label:has(input:disabled){opacity:.55;cursor:default}
.cc-opts label:has(input:disabled):hover .cc-jel{border-color:var(--ac);background:rgba(255,255,255,.04)}
@media(max-width:759px){.cc-in{grid-template-columns:minmax(0,1fr);grid-template-areas:"txt" "opts" "btns";padding-block:16px}.cc-txt{max-width:none}.cc-btns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:14px}.cc-btns>:last-child{grid-column:span 2}.cc-btns .btn{width:100%}.cc-btns .btn .btn-in{flex:1;justify-content:center}.cc-opts{gap:0 22px;margin-top:4px}}

/* — Rólunk, „A név” (2026-09-30, Ki: mate): sötét sáv; bal oldalt a felépülő jel ragadósan, jobbra a hat betű függőlegesen (a kezdőbetűk oszlopa kiolvassa a nevet), alul a cél aláírással. — */
#a-nev .band-head{max-width:860px}
.nev{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(40px,6vw,96px);align-items:start}
.nev-jel{margin:0;position:sticky;top:calc(var(--nav-h) + 48px)}
.nev-jel .lj{display:block;width:100%;max-width:400px;height:auto;overflow:visible;filter:drop-shadow(0 34px 60px rgba(200,250,60,.14))}
.nev-jel figcaption{margin-top:28px;max-width:40ch;font-size:15px;line-height:1.6;color:rgba(255,255,255,.62);text-wrap:pretty}
.betuk{list-style:none;margin:0;padding:0;border-top:1px solid rgba(255,255,255,.12)}
.betu{display:grid;grid-template-columns:clamp(56px,6vw,88px) minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:clamp(18px,2.4vw,32px);align-items:start;padding:clamp(18px,2.2vw,26px) 0;border-bottom:1px solid rgba(255,255,255,.12)}
.betu-b{grid-row:span 2;font-family:var(--f-display);font-weight:200;font-size:clamp(52px,6vw,84px);line-height:.9;letter-spacing:-.04em;color:#fff}
.betu-szo{padding-top:.4em;font-family:var(--f-mono);font-weight:300;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.5)}
.betu p{margin:8px 0 0;font-size:16px;line-height:1.6;color:rgba(255,255,255,.7);max-width:52ch;text-wrap:pretty}
.betu p strong{font-weight:500;color:#fff}
.betu--pipa .betu-b{color:var(--ac)}
.betu--pipa .betu-szo{color:var(--ac)}
.cel{margin-top:clamp(64px,8vw,112px);padding-top:clamp(40px,5vw,64px);border-top:1px solid rgba(255,255,255,.12);max-width:900px}
.cel .eyebrow{margin-bottom:22px}
.cel .statement{color:#fff;max-width:60ch}
.cel .statement+.statement{margin-top:18px}
.cel .alairas{margin-top:28px;font-family:var(--f-mono);font-weight:300;font-size:13px;letter-spacing:.06em;color:rgba(255,255,255,.55)}
@media(max-width:1079px){.nev{grid-template-columns:1fr}.nev-jel{position:static;display:grid;grid-template-columns:clamp(110px,26vw,180px) minmax(0,1fr);gap:24px;align-items:center}.nev-jel figcaption{margin-top:0}}
@media(max-width:560px){.nev-jel{grid-template-columns:1fr}.nev-jel .lj{max-width:150px}}
/* a szellem-sorszám (band-num) a jobb felső sarokban a szövegoszlopba ért (Rólunk 02, Árak): asztalon a szöveg jobbról szabad margót hagy neki, és ez a sáv „A név” fejére is áll (2026-09-30, Ki: mate) */
@media(min-width:1080px){.story .prose{padding-right:clamp(120px,10vw,160px)}#a-nev .band-head{max-width:min(860px,calc(100% - clamp(140px,11vw,170px)))}}