/* Maxion – ingatlanüzemeltetési platform, weboldal
   Arculat: világos lap, sötétkék szigetek, türkiz csak sötét háttéren.
   Alap: a maxion.hu jelenlegi oldalának stílusa (színek, Manrope, elemek).
   Betű fájlból: a látogató gépe nem szól ki harmadik félhez.
   Legkisebb betűméret: 0,95rem (≈ 11,4 pt). */
@font-face{font-family:"Manrope";font-style:normal;font-weight:200 800;font-display:swap;src:url(betuk/manrope-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Manrope";font-style:normal;font-weight:200 800;font-display:swap;src:url(betuk/manrope-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

:root{
  --papir:#F4F7F7;--lap:#FFFFFF;--papir2:#EDF4F4;--keret:#DCE6E7;--keret-elo:#BDD0DC;
  --szoveg:#102333;--halvany:#5A6B78;
  --sotet:#0B1C2B;--sotet2:#102A3D;--sotet-vonal:#1E3A50;--sotet-szoveg:#E8F1F4;--sotet-halk:#9BB3C2;
  --turkiz:#44D5C5;--kek:#176B87;--kek-hatter:#E4EFF3;
  --zold:#2EA77D;--zold-szoveg:#16694B;--zold-hatter:#E3F3EC;
  --arany:#D7A84A;--arany-szoveg:#7A5A12;--arany-hatter:#FAF2E1;
  --piros:#D64B42;
  --betu:"Manrope","Segoe UI",system-ui,-apple-system,Arial,sans-serif;
  --mono:ui-monospace,"Cascadia Mono",Consolas,monospace;
  --sav:clamp(3.5rem,7vw,6rem);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:5rem}
body{margin:0;background:var(--papir);color:var(--szoveg);font-family:var(--betu);
  font-size:1.0625rem;line-height:1.65;-webkit-font-smoothing:antialiased}
img{max-width:100%}
a{color:var(--kek)}
h1,h2,h3{font-weight:800;line-height:1.15;margin:0 0 .7rem;letter-spacing:-.02em}
h2{font-size:clamp(1.6rem,3.4vw,2.3rem)}
h3{font-size:1.1rem;font-weight:700;letter-spacing:-.01em}
p{margin:0 0 1rem}
:focus-visible{outline:3px solid var(--turkiz);outline-offset:3px;border-radius:4px}
.szelesseg{max-width:1120px;margin:0 auto;padding:0 22px}
.vezeto{font-size:clamp(1.05rem,1.6vw,1.2rem);color:var(--halvany)}
.ugras{position:absolute;left:-9999px;top:0;background:var(--turkiz);color:#06202B;padding:.6rem 1rem;z-index:50;font-weight:700}
.ugras:focus{left:12px;top:12px}

/* --- Gombok --- */
.gomb{display:inline-block;padding:.85rem 1.5rem;border-radius:7px;font-weight:700;
  text-decoration:none;border:1px solid transparent;line-height:1.2;
  transition:background .15s ease,color .15s ease,border-color .15s ease}
.gomb-turkiz{background:var(--turkiz);color:#06202B;border-color:var(--turkiz)}
.gomb-turkiz:hover{background:#63E3D5}
.gomb-sotet{background:var(--sotet);color:var(--sotet-szoveg);border-color:var(--sotet)}
.gomb-sotet:hover{background:var(--sotet2)}
.gomb-keret{background:transparent;color:var(--kek);border-color:var(--keret-elo)}
.gomb-keret:hover{background:var(--kek-hatter)}

/* --- Fejléc --- */
header.fej{position:sticky;top:0;z-index:20;background:rgba(11,28,43,.96);
  backdrop-filter:blur(8px);color:var(--sotet-szoveg);border-bottom:1px solid var(--sotet-vonal)}
header.fej .szelesseg{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:66px;position:relative}
.marka{display:flex;align-items:center;gap:.65rem;font-weight:800;font-size:1.05rem;
  color:var(--sotet-szoveg);text-decoration:none;letter-spacing:.17em;text-transform:uppercase}
.jelkep{flex:none;width:1.85rem;height:1.85rem;display:grid;place-items:center;letter-spacing:0;
  border:1px solid var(--turkiz);color:var(--turkiz);font-size:.95rem;font-weight:800;
  clip-path:polygon(0 0,100% 0,100% 74%,74% 100%,0 100%)}
.marka span.al{font-weight:500;color:var(--sotet-halk);letter-spacing:0;text-transform:none;font-size:.95rem}
header.fej nav{display:flex;gap:1.2rem;align-items:center}
header.fej nav a{color:var(--sotet-halk);text-decoration:none;font-size:.97rem;white-space:nowrap}
header.fej nav a:hover,header.fej nav a[aria-current="page"]{color:var(--sotet-szoveg)}
header.fej nav a[aria-current="page"]{box-shadow:inset 0 -2px 0 var(--turkiz)}
header.fej .gomb{padding:.6rem 1.1rem;color:#06202B}
.menu-kapcsolo{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.menu-gomb{display:none}
.menu-lista{display:contents}
@media (max-width:1180px){
  .menu-gomb{display:flex;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;
    padding:0 11px;cursor:pointer;border:1px solid var(--sotet-vonal);border-radius:6px}
  .menu-gomb span{display:block;height:2px;background:var(--sotet-szoveg);border-radius:1px;transition:transform .15s ease,opacity .15s ease}
  .menu-kapcsolo:checked ~ .menu-gomb span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .menu-kapcsolo:checked ~ .menu-gomb span:nth-child(2){opacity:0}
  .menu-kapcsolo:checked ~ .menu-gomb span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  .menu-lista{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;
    background:var(--sotet);border-bottom:1px solid var(--sotet-vonal);padding:.4rem 22px 1rem;box-shadow:0 12px 24px rgba(0,0,0,.35)}
  .menu-lista a{display:block;padding:.95rem 0;border-top:1px solid var(--sotet-vonal);font-size:1.05rem;color:var(--sotet-szoveg)}
  .menu-lista a:first-child{border-top:0}
  header.fej nav a[aria-current="page"]{box-shadow:none;color:var(--turkiz)}
  .menu-kapcsolo:checked ~ .menu-lista{display:flex}
}
.fejlec-gomb{white-space:nowrap}
@media (min-width:1181px) and (max-width:1720px){.marka span.al{display:none}}
.marka span.al{white-space:nowrap}
@media (min-width:1181px) and (max-width:1320px){.menu-lista a[href^="tel:"]{display:none}}
@media (max-width:420px){.marka span.al{display:none}.fejlec-gomb{padding:.55rem .8rem}}

/* --- Nyitó (főoldal) és oldalfej (aloldalak) --- */
.nyito,.oldalfej{position:relative;overflow:hidden;background:var(--sotet);color:var(--sotet-szoveg)}
.nyito{padding:calc(var(--sav) + .5rem) 0 var(--sav)}
.oldalfej{padding:calc(var(--sav) * .8) 0 calc(var(--sav) * .75)}
.nyito::after,.oldalfej::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(60% 70% at 78% 18%,rgba(68,213,197,.16),transparent 70%)}
.nyito .szelesseg,.oldalfej .szelesseg{position:relative;z-index:1}
.nyito h1{font-size:clamp(2.1rem,5vw,3.35rem);letter-spacing:-.035em;margin-bottom:1.1rem}
.oldalfej h1{font-size:clamp(1.9rem,4.2vw,2.8rem);letter-spacing:-.03em;margin-bottom:1rem}
.felirat{display:block;margin-bottom:.9rem;font-size:.95rem;font-weight:700;
  letter-spacing:.08em;text-transform:uppercase;color:var(--turkiz)}
.nyito .vezeto,.oldalfej .vezeto{color:var(--sotet-halk)}
.gombok{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.8rem}
.nyito .gomb-keret,.oldalfej .gomb-keret,.sotet .gomb-keret{color:var(--sotet-szoveg);border-color:var(--sotet-vonal)}
.nyito .gomb-keret:hover,.oldalfej .gomb-keret:hover,.sotet .gomb-keret:hover{background:var(--sotet-vonal)}
.morzsa{font-size:.95rem;color:var(--sotet-halk);margin:0 0 1.2rem}
.morzsa a{color:var(--sotet-halk)}
.morzsa a:hover{color:var(--sotet-szoveg)}

/* Képernyőkép-keret */
.kepkeret{margin:0;border:1px solid var(--keret);border-radius:12px;overflow:hidden;
  background:var(--lap);box-shadow:0 18px 50px rgba(11,28,43,.14)}
.kepkeret img{display:block;width:100%;height:auto}
.kepkeret.allo{max-width:720px;margin:0 auto}
@media (max-width:640px){
  .kepkeret{max-width:420px;margin:0 auto;position:relative}
  .kepkeret::after{content:"";position:absolute;left:0;right:0;bottom:0;height:72px;pointer-events:none;
    background:linear-gradient(to bottom,rgba(255,255,255,0),#fff)}
}
.kepalair{margin:.9rem 0 0;font-size:.95rem;color:var(--halvany)}
.kepblokk{margin-top:2.6rem}
.nyito .kepkeret{border-color:var(--sotet-vonal);box-shadow:0 34px 90px rgba(0,0,0,.5)}
.nyito .kepalair{color:var(--sotet-halk)}

/* Tényszalag */
.tenyek{background:var(--sotet2);border-top:1px solid var(--sotet-vonal);color:var(--sotet-halk)}
.tenyek ul{list-style:none;margin:0;padding:1.1rem 0;display:flex;flex-wrap:wrap;gap:.6rem 2.6rem;font-size:.97rem}
.tenyek li{display:flex;align-items:center;gap:.55rem}
.tenyek li::before{content:"";width:.42rem;height:.42rem;border-radius:50%;background:var(--turkiz)}
.tenyek b{color:var(--sotet-szoveg);font-weight:700}

/* --- Szakaszok --- */
section{padding:var(--sav) 0}
section.lap{background:var(--lap);border-top:1px solid var(--keret);border-bottom:1px solid var(--keret)}
.fejlec{margin-bottom:2.4rem}
.fejlec .vezeto{margin-bottom:0}

.gondok{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}
.gondok li{background:var(--lap);border:1px solid var(--keret);border-radius:12px;padding:1.4rem 1.5rem}
.gondok strong{display:block;font-size:1.05rem;margin-bottom:.35rem}
.gondok span{color:var(--halvany);font-size:.98rem}
.zaro{margin-top:2.4rem;font-size:1.12rem;font-weight:600}
@media (max-width:820px){.gondok{grid-template-columns:1fr}}

.racs{display:grid;gap:1.3rem}
.racs-4{grid-template-columns:repeat(4,1fr)}
.racs-3{grid-template-columns:repeat(3,1fr)}
.racs-2{grid-template-columns:repeat(2,1fr)}
@media (max-width:1000px){.racs-4{grid-template-columns:repeat(2,1fr)}}
@media (max-width:860px){.racs-3,.racs-2{grid-template-columns:1fr}}
@media (max-width:560px){.racs-4{grid-template-columns:1fr}}
.kartya{background:var(--papir);border:1px solid var(--keret);border-radius:12px;padding:1.5rem 1.6rem}
section:not(.lap) .kartya{background:var(--lap)}
.kartya h3{margin-top:0}
.kartya p{margin:0;color:var(--halvany);font-size:.98rem}
.kartya p + p{margin-top:.7rem}
.kartya ul{margin:.7rem 0 0;padding-left:1.1rem;color:var(--halvany);font-size:.98rem}
.kartya li{margin:.25rem 0}
a.kartya{display:block;text-decoration:none;color:inherit;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}
a.kartya:hover{border-color:var(--keret-elo);box-shadow:0 10px 28px rgba(11,28,43,.08);transform:translateY(-2px)}
a.kartya .tovabb{display:inline-block;margin-top:1rem;font-weight:700;color:var(--kek);font-size:.98rem}
.ikon{width:2.4rem;height:2.4rem;display:grid;place-items:center;border-radius:8px;
  background:var(--kek-hatter);color:var(--kek);margin-bottom:.9rem}
.ikon svg{width:1.25rem;height:1.25rem;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

.lepesek{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem;counter-reset:l}
.lepesek.harom{grid-template-columns:repeat(3,1fr)}
.lepesek.ot{grid-template-columns:repeat(5,1fr)}
.lepesek li{counter-increment:l;background:var(--lap);border:1px solid var(--keret);border-radius:12px;padding:1.4rem 1.5rem}
section.lap .lepesek li{background:var(--papir)}
.lepesek strong{display:flex;align-items:center;gap:.7rem;margin-bottom:.5rem;font-size:1.05rem}
.lepesek strong::before{content:counter(l);flex:none;width:1.9rem;height:1.9rem;border-radius:50%;
  display:grid;place-items:center;background:var(--sotet);color:var(--turkiz);font-family:var(--mono);font-size:.95rem;font-weight:700}
.lepesek span{color:var(--halvany);font-size:.97rem}
@media (max-width:1000px){.lepesek,.lepesek.ot{grid-template-columns:repeat(2,1fr)}}
@media (max-width:860px){.lepesek.harom{grid-template-columns:1fr}}
@media (max-width:560px){.lepesek,.lepesek.ot{grid-template-columns:1fr}}

/* Kétoszlopos szöveg + lista */
.ket-oszlop{display:grid;grid-template-columns:1fr 1fr;gap:2.6rem;align-items:start}
@media (max-width:860px){.ket-oszlop{grid-template-columns:1fr;gap:1.6rem}}
.pipalista{list-style:none;padding:0;margin:0}
.pipalista li{position:relative;padding:.6rem 0 .6rem 2rem;border-top:1px solid var(--keret)}
.pipalista li:first-child{border-top:0}
.pipalista li::before{content:"";position:absolute;left:.2rem;top:1.05rem;width:.8rem;height:.45rem;
  border-left:2.5px solid var(--kek);border-bottom:2.5px solid var(--kek);transform:rotate(-45deg)}
.pipalista b{font-weight:700}

/* Táblázat */
.tabla-gorgo{overflow-x:auto;border:1px solid var(--keret);border-radius:12px;background:var(--lap)}
table.tabla{width:100%;border-collapse:collapse;font-size:.98rem;min-width:640px}
.tabla th{text-align:left;background:var(--sotet);color:var(--sotet-szoveg);font-weight:700;padding:.85rem 1rem;vertical-align:bottom}
.tabla td{padding:.85rem 1rem;border-top:1px solid var(--keret);vertical-align:top}
.tabla tr:nth-child(even) td{background:var(--papir)}
.tabla td:first-child{font-weight:700}
.tabla .forras{font-size:.95rem;font-weight:600;color:var(--kek);font-variant-numeric:tabular-nums}
.labjegyzet{margin:1.4rem 0 0;color:var(--halvany);font-size:.97rem}

/* Sötét szakasz */
.sotet{background:var(--sotet);color:var(--sotet-szoveg);border:0}
.sotet h2,.sotet h3{color:var(--sotet-szoveg)}
.sotet .vezeto,.sotet .labjegyzet{color:var(--sotet-halk)}
.sotet .kartya{background:var(--sotet2);border-color:var(--sotet-vonal)}
.sotet .kartya p,.sotet .kartya ul{color:var(--sotet-halk)}
.sotet .ikon{background:rgba(68,213,197,.12);color:var(--turkiz)}
.sotet .lepesek li{background:var(--sotet2);border-color:var(--sotet-vonal)}
.sotet .lepesek span{color:var(--sotet-halk)}
.sotet .lepesek strong::before{background:var(--turkiz);color:var(--sotet)}
.sotet .pipalista li{border-color:var(--sotet-vonal);color:var(--sotet-halk)}
.sotet .pipalista b{color:var(--sotet-szoveg)}
.sotet .pipalista li::before{border-color:var(--turkiz)}

/* Kiemelt doboz (idézet, szabály) */
.kiemeles{background:var(--kek-hatter);border-left:4px solid var(--kek);border-radius:0 10px 10px 0;padding:1.2rem 1.4rem;margin:2rem 0 0}
.kiemeles p{margin:0;color:var(--szoveg)}
.kiemeles strong{display:block;margin-bottom:.3rem}

/* Folyamatábra (sorba rendezett címkék) */
.folyam{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin:0;padding:0;list-style:none}
.folyam li{background:var(--sotet2);border:1px solid var(--sotet-vonal);color:var(--sotet-szoveg);border-radius:999px;padding:.5rem 1rem;font-weight:700;font-size:.97rem}
.folyam li.nyil{background:none;border:0;color:var(--turkiz);padding:0 .1rem}
section:not(.sotet) .folyam li{background:var(--lap);border-color:var(--keret);color:var(--szoveg)}
section:not(.sotet) .folyam li.nyil{background:none;color:var(--kek)}

/* Modul-címke (sorszám a modullistában) */
.modulszam{display:inline-block;font-variant-numeric:tabular-nums;letter-spacing:.06em;font-size:.95rem;font-weight:700;color:var(--kek);margin-bottom:.4rem}
.sotet .modulszam{color:var(--turkiz)}

/* Kérdések */
.kerdesek{border-top:1px solid var(--keret)}
.kerdesek details{border-bottom:1px solid var(--keret)}
.kerdesek summary{cursor:pointer;list-style:none;padding:1.15rem 2.5rem 1.15rem 0;position:relative;font-weight:700;font-size:1.05rem}
.kerdesek summary::-webkit-details-marker{display:none}
.kerdesek summary::after{content:"+";position:absolute;right:.4rem;top:50%;transform:translateY(-50%);font-size:1.5rem;font-weight:400;color:var(--kek);line-height:1}
.kerdesek details[open] summary::after{content:"–"}
.kerdesek p{margin:0 0 1.2rem;color:var(--halvany)}

/* Kapcsolat */
.kapcsolat-adatok{list-style:none;margin:0;padding:0}
.kapcsolat-adatok li{padding:1rem 0;border-top:1px solid var(--keret)}
.kapcsolat-adatok li:first-child{border-top:0}
.kapcsolat-adatok span{display:block;font-size:.95rem;color:var(--halvany)}
.kapcsolat-adatok a,.kapcsolat-adatok b{font-size:1.15rem;font-weight:700;text-decoration:none}

/* Zárás */
.zaras .doboz{background:var(--sotet);color:var(--sotet-szoveg);border-radius:14px;padding:2.6rem;
  display:grid;grid-template-columns:1fr auto;align-items:center;gap:1.5rem 3rem}
@media (max-width:760px){.zaras .doboz{grid-template-columns:1fr;padding:2rem 1.5rem}}
.zaras h2{color:var(--sotet-szoveg);margin-bottom:.4rem}
.zaras p{color:var(--sotet-halk);margin:0}
.zaras .jobb{display:flex;flex-direction:column;gap:.7rem;align-items:flex-start}
.zaras a.email{font-weight:700;color:var(--turkiz);text-decoration:none;word-break:break-word}

/* Lábléc */
footer.lab{background:var(--lap);border-top:1px solid var(--keret);font-size:.97rem;color:var(--halvany)}
footer.lab .racs-lab{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:2rem;padding:3rem 0 2rem}
@media (max-width:900px){footer.lab .racs-lab{grid-template-columns:1fr 1fr}}
@media (max-width:520px){footer.lab .racs-lab{grid-template-columns:1fr}}
footer.lab h3{font-size:.97rem;text-transform:uppercase;letter-spacing:.08em;color:var(--szoveg);margin-bottom:.8rem}
footer.lab ul{list-style:none;margin:0;padding:0}
footer.lab li{margin:.35rem 0}
footer.lab a{color:var(--kek);text-decoration:none}
footer.lab a:hover{text-decoration:underline}
footer.lab .marka{color:var(--szoveg);margin-bottom:.8rem}
footer.lab .marka .jelkep{border-color:var(--kek);color:var(--kek)}
footer.lab .also{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.8rem 1.6rem;padding:1.2rem 0 2rem;border-top:1px solid var(--keret)}
footer.lab .suti-beallitas{font:inherit;color:var(--kek);background:none;border:0;padding:0;cursor:pointer}

@keyframes erkezik{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.nyito .kepkeret{animation:erkezik .5s .15s both cubic-bezier(.2,.7,.3,1)}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.nyito .kepkeret{animation:none}a.kartya{transition:none}}

@media print{
  header.fej,.zaras,footer.lab .also .suti-beallitas{display:none}
  .nyito,.oldalfej,.sotet{background:#fff;color:#000}
  .nyito .vezeto,.oldalfej .vezeto,.felirat{color:#000}
  body{font-size:11pt}
}
.fejlec .felirat{color:var(--kek)}
.sotet .fejlec .felirat{color:var(--turkiz)}
.folyam-utan{margin-top:1.2rem}
/* --- Jogi oldalak ---------------------------------------------------------- */
.jogi{max-width:1120px;margin:0 auto;padding:3rem 22px 4.5rem}
.jogi h2{padding-top:1.6rem;border-top:1px solid var(--keret)}
.jogi h2:first-of-type{border-top:0;padding-top:0;margin-top:0}
.jogi a{color:var(--kek)}
.adatlap{margin:0 0 1.4rem;display:grid;grid-template-columns:auto 1fr;gap:.35rem 1.4rem}
.adatlap dt{font-weight:600}
.adatlap dd{margin:0;color:var(--halvany)}
.blokk{background:var(--lap);border:1px solid var(--keret);border-radius:10px;padding:1.2rem 1.4rem;margin:0 0 1rem}
.blokk h3{color:var(--szoveg)}
.blokk dl{margin:0;display:grid;gap:.5rem}
.blokk .par{display:grid;grid-template-columns:11rem 1fr;gap:.2rem 1.2rem}
.blokk dt{font-size:.95rem;font-weight:700;color:var(--kek);letter-spacing:.01em}
.blokk dd{margin:0;color:var(--halvany);font-size:.98rem}
@media (max-width:620px){.blokk .par{grid-template-columns:1fr}.adatlap{grid-template-columns:1fr}.adatlap dt{margin-top:.5rem}}
.jogok{list-style:none;padding:0;margin:0}
.jogok li{padding:.8rem 0;border-top:1px solid var(--keret)}
.jogok li:first-child{border-top:0}
.jogok b{display:block}
.jogok span{color:var(--halvany)}
.hatosag{list-style:none;padding:0;margin:0 0 1rem}
.hatosag li{padding:.3rem 0;color:var(--halvany)}
.hatosag b{color:var(--szoveg);font-weight:600}
.hatalyos{display:inline-block;margin-top:1.2rem;font-size:.95rem;color:var(--turkiz);border:1px solid var(--sotet-vonal);border-radius:999px;padding:.3rem .9rem}
/* --- Táblázat mobilon: soronként kártya ----------------------------------- */
@media (max-width:700px){
  .tabla-gorgo{overflow:visible;border:0;background:none}
  table.tabla,table.tabla tbody,table.tabla tr,table.tabla td{display:block;width:100%;min-width:0}
  .tabla tr:nth-child(even) td,.tabla td{background:none}
  table.tabla thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  table.tabla tr{background:var(--lap);border:1px solid var(--keret);border-radius:10px;padding:.9rem 1rem;margin:0 0 .8rem}
  table.tabla td{padding:.35rem 0;border:0}
  table.tabla td::before{content:attr(data-cimke);display:block;font-size:.95rem;font-weight:700;color:var(--halvany)}
  table.tabla td:first-child::before{display:none}
  table.tabla td:first-child{font-weight:700;font-size:1.05rem}
}
/* --- Sorkizárt szöveg, teljes szélesség ------------------------------------ */
@media (min-width:761px){main p,.jogi li,.jogi dd{text-align:justify;hyphens:auto;-webkit-hyphens:auto}}
.kartya p,.gondok p,.gondok li,.lepesek p,.zaras p,.kepalair,.morzsa,.kapcsolat-adatok p{text-align:left;hyphens:manual;-webkit-hyphens:manual}

/* --- Két belépés a fejlécben (2026-10-03, a tulajdonos kérése) ---
   „Ügyfél belépés” (bérlő, lakó) és „Üzemeltetés belépés” (munkatárs).
   Keskeny képernyőn az ügyfélgomb a menübe kerül, hogy a fejléc ne törjön. */
header.fej .gomb-keret{color:var(--sotet-szoveg);border-color:var(--sotet-vonal)}
header.fej .gomb-keret:hover{background:var(--sotet-vonal)}
header.fej nav .fejlec-gomb + .fejlec-gomb{margin-left:-.6rem}
.menu-lista .csak-mobil{display:none}
@media (max-width:1180px){.menu-lista a.csak-mobil{display:block}}
@media (max-width:700px){.fejlec-gomb.ugyfel{display:none}}
@media (max-width:520px){.fejlec-gomb{display:none}}
/* A legkeskenyebb képernyőn mindkét belépés a menüben van. */
.menu-lista .csak-telefon{display:none}
@media (max-width:520px){.menu-lista a.csak-telefon{display:block}}

/* --- Modulkártya: mit tud ma (pipalista világos lapon) --- */
.modul-egysegek{margin:1rem 0 0;padding:0;list-style:none;display:grid;gap:.45rem}
.modul-egysegek li{padding-left:1.5rem;position:relative}
.modul-egysegek li::before{content:"";position:absolute;left:.2rem;top:.55em;width:.55rem;height:.3rem;
  border-left:2px solid var(--zold);border-bottom:2px solid var(--zold);transform:rotate(-45deg)}