/* webadat.hu fooldal – vilagos, a GDPR jelveny szineire epulo arculat.
   Rendszerbetuk: kulso betutipus-szolgaltato nelkul, igy a latogato IP-cime nem jut el harmadik felhez. */

:root{
  /* CTA: a jelvény égkékjének sötétebb árnyalata, fehér felirattal (kontraszt kb. 4,7:1, WCAG AA) */
  --sky:#229FD8; --navy:#17509A; --cta:#0E7BB3; --cta-dk:#0B6A9B; --cta-ink:#FFFFFF; --cta-glow:rgba(23,80,154,.45); --green:#5E9A14;
  --ink:#14243B; --muted:#53647A; --line:#DCE5EE; --ice:#F2F9FD; --white:#FFFFFF;
  --display:"Segoe UI Variable Display","Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;
  --body:"Segoe UI",system-ui,-apple-system,Roboto,"Helvetica Neue",Arial,sans-serif;
  --r:12px; --max:1160px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--white);color:var(--ink);font:17px/1.6 var(--body)}
img{max-width:100%;height:auto;display:block}
a{color:var(--navy)}
h1,h2,h3{font-family:var(--display);line-height:1.12;text-wrap:balance;margin:0}
h2{font-size:clamp(1.7rem,3.4vw,2.4rem);font-weight:800;color:var(--navy)}
h3{font-size:1.2rem;font-weight:600}
p{margin:0}
.wrap{max-width:var(--max);margin:0 auto;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
section{padding-block:88px}
.eyebrow{font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--sky)}
.head{display:grid;gap:12px;max-width:680px;margin-bottom:44px}
.head p{color:var(--muted);font-size:1.08rem}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;font-size:1rem;padding:14px 24px;border-radius:10px;text-decoration:none;border:2px solid transparent;cursor:pointer;font-family:inherit;transition:background .15s,transform .15s}
.btn:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--sky);outline-offset:2px}
.btn-cta{background:var(--cta);color:var(--cta-ink)}
.btn-cta:hover{background:var(--cta-dk)}
.btn-ghost{border-color:var(--sky);color:var(--navy);background:#fff}
.btn-ghost:hover{background:var(--ice)}
.check{color:var(--green);flex:none}

/* fejléc */
.topbar{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.topbar .wrap{display:flex;align-items:center;gap:28px;height:72px}
.topbar .logo img{height:40px;width:auto}
.topbar nav{display:flex;gap:24px;margin-left:auto;font-weight:600;font-size:.95rem}
.topbar nav a{text-decoration:none;color:var(--ink)}
.topbar nav a:hover{color:var(--sky)}
.topbar .tel{font-weight:700;text-decoration:none;color:var(--navy);white-space:nowrap}
.topbar .btn{padding:10px 18px;font-size:.95rem}
@media (max-width:960px){.topbar nav{display:none}.topbar .tel{margin-left:auto}}
@media (max-width:560px){.topbar .tel{display:none}.topbar .wrap{justify-content:space-between}.topbar .btn{margin-left:auto}}

/* hero */
.hero{background:linear-gradient(180deg,var(--ice) 0%,#fff 100%);padding-block:64px 40px;overflow:hidden}
.hero .wrap{display:grid;grid-template-columns:1.25fr 1fr;gap:48px;align-items:center}
.hero h1{font-size:clamp(2.1rem,4.8vw,3.5rem);font-weight:800;color:var(--navy);margin:14px 0 18px}
.hero h1 em{font-style:normal;color:var(--sky)}
.hero .lead{font-size:1.15rem;color:var(--muted);max-width:56ch}
.hero .btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.hero .note{font-size:.88rem;color:var(--muted);margin-top:14px}
.badge-stage{position:relative;justify-self:center;width:min(380px,100%)}
.badge-stage::before{content:"";position:absolute;inset:8%;border-radius:50%;background:radial-gradient(circle,rgba(34,159,216,.22),transparent 70%);filter:blur(10px)}
.badge-stage img{position:relative;width:100%;filter:drop-shadow(0 18px 30px rgba(23,80,154,.22))}
.verify-chip{position:absolute;right:-6px;bottom:6%;background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px 14px;font-size:.85rem;box-shadow:0 10px 24px -12px rgba(20,36,59,.35);display:flex;gap:10px;align-items:center}
.verify-chip b{color:var(--green)}
.verify-chip span{color:var(--muted)}
@media (max-width:860px){.hero .wrap{grid-template-columns:1fr}.badge-stage{width:min(260px,80%);order:-1}.verify-chip{right:-20px}}
.trust{border-block:1px solid var(--line);background:#fff}
.trust ul{list-style:none;margin:0;padding:22px 0;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.trust li{display:flex;flex-direction:column;gap:2px;font-size:.92rem;color:var(--muted)}
.trust b{font-family:var(--display);font-size:1.45rem;color:var(--navy)}
@media (max-width:760px){.trust ul{grid-template-columns:1fr 1fr}}

/* válasz-blokk */
.answer{padding-block:72px}
.answer .wrap{display:grid;grid-template-columns:1fr 1.4fr;gap:48px;align-items:start}
.answer .def{font-size:1.2rem;line-height:1.65;border-left:4px solid var(--sky);padding-left:24px}
.answer .def strong{color:var(--navy)}
@media (max-width:860px){.answer .wrap{grid-template-columns:1fr;gap:20px}}

/* előnyök */
.benefits{background:var(--ice)}
.cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:28px;display:flex;flex-direction:column;gap:10px}
.card .ic{width:48px;height:48px;border-radius:12px;background:var(--ice);display:grid;place-items:center;color:var(--sky)}
.card p{color:var(--muted);font-size:.98rem}
@media (max-width:860px){.cards3{grid-template-columns:1fr}}

/* lépések */
.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;counter-reset:s}
.steps li{counter-increment:s;position:relative;padding-top:64px}
.steps li::before{content:counter(s);position:absolute;top:0;left:0;width:46px;height:46px;border-radius:50%;background:var(--navy);color:#fff;font:800 1.2rem var(--display);display:grid;place-items:center}
.steps li:not(:last-child)::after{content:"";position:absolute;top:23px;left:58px;right:-8px;height:2px;background:repeating-linear-gradient(90deg,var(--line) 0 8px,transparent 8px 14px)}
.steps p{color:var(--muted);font-size:.96rem;margin-top:6px}
@media (max-width:860px){.steps{grid-template-columns:1fr 1fr}.steps li::after{display:none}}
@media (max-width:520px){.steps{grid-template-columns:1fr}}

/* árak */
.pricing{background:linear-gradient(180deg,#fff,var(--ice))}
.chooser{display:flex;flex-wrap:wrap;gap:14px 28px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:18px 22px;margin-bottom:28px}
.chooser strong{font-family:var(--display);color:var(--navy)}
.chooser fieldset{border:0;margin:0;padding:0;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.chooser legend{float:left;margin-right:8px;font-size:.95rem}
.seg{display:inline-flex;border:1px solid var(--line);border-radius:8px;overflow:hidden}
.seg input{position:absolute;opacity:0;pointer-events:none}
.seg label{padding:6px 14px;cursor:pointer;font-weight:600;font-size:.9rem}
.seg input:checked+label{background:var(--navy);color:#fff}
.seg input:focus-visible+label{outline:3px solid var(--sky)}
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch}
.plan{position:relative;background:#fff;border:1px solid var(--line);border-radius:16px;padding:30px 26px;display:flex;flex-direction:column;gap:14px;transition:box-shadow .2s,border-color .2s}
.plan.featured{border:2px solid var(--sky);box-shadow:0 22px 50px -28px rgba(23,80,154,.45)}
.plan.match{border:2px solid var(--navy);box-shadow:0 22px 50px -24px var(--cta-glow)}
.plan .tag{position:absolute;top:-13px;left:26px;background:var(--navy);color:#fff;font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:4px 10px;border-radius:99px}
.plan.match .tag{background:var(--navy);color:#fff}
.plan .for{font-size:.9rem;color:var(--muted)}
.price{font-family:var(--display);font-weight:800;font-size:2.6rem;color:var(--navy);line-height:1;font-variant-numeric:tabular-nums}
.price small{font-size:1rem;font-weight:600;margin-left:4px}
.net{font-size:.85rem;color:var(--muted)}
.plan ul{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:8px;font-size:.95rem}
.plan li{display:flex;gap:10px;align-items:flex-start}
.plan li svg{margin-top:4px}
.plan .more{font-size:.9rem}
.plan .more summary{cursor:pointer;color:var(--navy);font-weight:600}
.plan .more ul{margin-top:10px}
.plan .btn{margin-top:auto}
.renew{margin-top:24px;display:flex;gap:16px;align-items:center;background:#fff;border:1px dashed var(--sky);border-radius:var(--r);padding:16px 20px;font-size:.96rem}
.renew img{width:56px;flex:none}
.legal{margin-top:14px;font-size:.88rem;color:var(--muted);max-width:80ch}
@media (max-width:960px){.plans{grid-template-columns:1fr;max-width:520px;margin-inline:auto}}

/* ellenőrző */
.verify .wrap{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.verify form{display:flex;gap:10px;margin-top:22px;flex-wrap:wrap}
.verify input{flex:1 1 240px;min-width:0;font:inherit;padding:14px 16px;border:2px solid var(--line);border-radius:10px}
.verify input:focus{border-color:var(--sky);outline:none}
.result{margin-top:18px;border-radius:var(--r);padding:18px 20px;border:1px solid var(--line);background:var(--ice);display:flex;gap:16px;align-items:center;min-height:84px}
.result img{width:52px;flex:none}
.result.ok{background:#F2F9EA;border-color:#CFE5B4}
.result.no{background:#FFF5EF;border-color:#F4CDB6}
.result b{display:block}
.result span{font-size:.92rem;color:var(--muted)}
.shows{background:var(--ice);border-radius:16px;padding:32px}
.shows ul{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:12px}
.shows li{display:flex;gap:10px;align-items:flex-start}
.shows li svg{margin-top:5px}
@media (max-width:860px){.verify .wrap{grid-template-columns:1fr;gap:32px}}

/* referenciák */
.clients{background:var(--ice)}
.logos{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px}
.logos figure{margin:0;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:8px 8px 14px;display:grid;place-items:center;gap:6px;text-align:center}
.logos a{text-decoration:none;color:inherit;display:block;border-radius:var(--r)}
.logos a:hover figure{border-color:var(--sky)}
.logos img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;filter:grayscale(1);opacity:.85;transition:filter .2s,opacity .2s}
.logos figure:hover img,.logos a:focus-visible img{filter:none;opacity:1}
.logos figcaption{font-size:.78rem;color:var(--muted);line-height:1.3}

/* GYIK */
.faq{max-width:820px}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;padding:20px 40px 20px 0;font-weight:700;font-size:1.06rem;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:6px;top:14px;font:600 1.6rem var(--display);color:var(--sky)}
.faq details[open] summary::after{content:"–"}
.faq details p{padding:0 0 22px;color:var(--muted)}

/* záró CTA */
.final{background:var(--navy);color:#fff;padding-block:72px}
.final .wrap{display:grid;grid-template-columns:1fr auto;gap:32px;align-items:center}
.final h2{color:#fff}
.final p{color:#C8DAEE;margin-top:10px}
.final .btns{display:flex;flex-wrap:wrap;gap:12px}
.final .btn-ghost{background:transparent;color:#fff;border-color:#5DB9E6}
@media (max-width:760px){.final .wrap{grid-template-columns:1fr}}

footer{background:#0E1F35;color:#A9BCD3;font-size:.92rem;padding-block:44px 100px}
footer .wrap{display:grid;grid-template-columns:2fr 1fr 1fr;gap:32px}
footer h3{color:#fff;font-size:1rem;margin-bottom:10px}
footer a{color:#D7E6F5}
footer ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
@media (max-width:760px){footer .wrap{grid-template-columns:1fr}}

/* mobil sáv */
.mbar{display:none}
@media (max-width:760px){
  .mbar{display:flex;gap:10px;position:fixed;left:0;right:0;bottom:0;z-index:30;background:#fff;border-top:1px solid var(--line);padding:10px max(16px,env(safe-area-inset-right,0px)) calc(10px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));box-shadow:0 -8px 24px -16px rgba(20,36,59,.4)}
  .mbar .btn{flex:1;padding:12px}
  .mbar .btn-ghost{flex:0 0 auto}
}
.ellenorzo-tipp{margin-top:12px;font-size:.92rem;color:var(--muted)}
.horgony{position:relative;top:-80px;display:block;height:0}

/* ---------- aloldalak (megrendeles, adatvedelem) ---------- */
.oldalfej{background:linear-gradient(180deg,var(--ice) 0%,#fff 100%);padding-block:48px 28px}
.oldalfej h1{font-size:clamp(1.9rem,4vw,2.8rem);font-weight:800;color:var(--navy);margin:12px 0 12px}
.oldalfej .lead{font-size:1.08rem;color:var(--muted);max-width:64ch}
.aloldal{padding-block:24px 88px}

.uzenet{border-radius:12px;padding:16px 20px;margin-bottom:24px;font-weight:600}
.uzenet p{margin:0}
.uzenet p+p{font-weight:400;margin-top:4px}
.uzenet.ok{background:#EEF7E3;color:#3E6E0C;border:1px solid #CFE5B4}
.uzenet.hiba{background:#FDECEA;color:#9D2A1E;border:1px solid #F4C7C1}

/* megrendeles */
.rendeles{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:40px;align-items:start}
@media (max-width:900px){.rendeles{grid-template-columns:1fr}}
.urlap{display:grid;gap:28px}
.urlap fieldset{border:1px solid var(--line);border-radius:16px;padding:22px 24px 24px;margin:0;display:grid;gap:14px;background:#fff;min-width:0}
.urlap legend{font-weight:800;color:var(--navy);padding:0 8px;font-size:1.05rem}
.mezo{display:grid;gap:6px}
.mezo label{font-weight:600;font-size:.95rem}
.mezo label .opc{font-weight:400;color:var(--muted)}
.mezo input,.mezo textarea{font:inherit;padding:12px 14px;border:1px solid #C8D4E1;border-radius:10px;width:100%;background:#fff;color:var(--ink)}
.mezo textarea{min-height:120px;resize:vertical}
.mezo input:focus,.mezo textarea:focus{border-color:var(--sky);outline:none;box-shadow:0 0 0 3px rgba(34,159,216,.18)}
.mezo small{color:var(--muted);font-size:.85rem}
.ket-mezo{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media (max-width:600px){.ket-mezo{grid-template-columns:1fr}}
.csomagvalaszto{display:grid;gap:10px}
.csomagvalaszto label{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;border:2px solid var(--line);border-radius:12px;padding:14px 16px;cursor:pointer;background:#fff}
.csomagvalaszto label:hover{border-color:var(--sky)}
.csomagvalaszto input{width:20px;height:20px;accent-color:var(--cta);margin:0}
.csomagvalaszto label:has(input:checked){border-color:var(--cta);background:var(--ice)}
.csomagvalaszto b{display:block}
.csomagvalaszto span{font-size:.88rem;color:var(--muted)}
.csomagvalaszto .ar{text-align:right;font-weight:800;color:var(--navy);white-space:nowrap}
.csomagvalaszto .ar small{display:block;font-weight:400;color:var(--muted);font-size:.8rem}
.elfogad{display:flex;gap:12px;align-items:flex-start;font-size:.95rem}
.elfogad input{width:20px;height:20px;margin-top:2px;accent-color:var(--cta);flex:none}
.kuldes{display:grid;gap:10px;justify-items:start}
.kuldes .btn{font-size:1.05rem;padding:16px 28px}
.kuldes small{color:var(--muted);font-size:.85rem}
.oldaldoboz{position:sticky;top:96px;background:var(--ice);border-radius:16px;padding:26px;display:grid;gap:16px}
.oldaldoboz img{width:120px;justify-self:center}
.oldaldoboz h2{font-size:1.2rem}
.oldaldoboz ol{margin:0;padding-left:20px;display:grid;gap:8px;color:var(--muted)}
.oldaldoboz ol b{color:var(--ink)}
.oldaldoboz .kapcs{font-size:.92rem;color:var(--muted);border-top:1px solid var(--line);padding-top:14px}
@media (max-width:900px){.oldaldoboz{position:static}}
.siker{background:#fff;border:1px solid var(--line);border-radius:16px;padding:32px;display:grid;gap:14px;max-width:720px}
.siker h2{font-size:1.6rem}
.siker p{color:var(--muted)}

/* adatvedelmi tajekoztato */
.jogi-racs{display:grid;grid-template-columns:260px minmax(0,1fr);gap:48px;align-items:start}
@media (max-width:900px){.jogi-racs{grid-template-columns:1fr;gap:24px}}
.tartalom{position:sticky;top:96px;background:var(--ice);border-radius:16px;padding:20px 22px;font-size:.9rem}
.tartalom h2{font-size:1rem;margin-bottom:10px}
.tartalom ol{margin:0;padding-left:20px;display:grid;gap:6px}
.tartalom a{text-decoration:none}
.tartalom a:hover{text-decoration:underline}
@media (max-width:900px){.tartalom{position:static}}
.jogi{max-width:78ch;font-size:1rem;line-height:1.7}
.jogi h2{font-size:1.35rem;color:var(--navy);margin:44px 0 14px;padding-top:8px;scroll-margin-top:90px;text-transform:none}
.jogi h2:first-child{margin-top:0}
.jogi h3,.jogi h4{font-size:1.08rem;margin:26px 0 10px;color:var(--ink)}
.jogi p,.jogi li{text-align:left !important;margin:0 0 12px}
.jogi ul,.jogi ol{padding-left:22px;margin:0 0 14px}
.jogi table{width:100%;border-collapse:collapse;margin:8px 0 20px;font-size:.92rem;border:0 !important}
.jogi tr{background:none !important}
.jogi th,.jogi td{border:1px solid var(--line);padding:10px 12px;text-align:left !important;vertical-align:top;background:#fff !important}
.jogi th{background:var(--ice) !important;color:var(--navy);font-weight:700}
.jogi td p,.jogi th p{margin:0}
.jogi a{word-break:break-word}
@media (max-width:700px){.jogi table{display:block;overflow-x:auto}}
/* jelveny-ellenorzo oldal (ellenorzes.php) */
.ell-racs{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:40px;align-items:start}
@media (max-width:900px){.ell-racs{grid-template-columns:1fr}}
.ell-fo{display:grid;gap:28px}
.ell-kartya{background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px;display:grid;grid-template-columns:160px minmax(0,1fr);gap:28px;align-items:center;box-shadow:0 22px 50px -32px rgba(23,80,154,.45)}
.ell-kartya--ervenyes{border-color:#CFE5B4;border-top:4px solid var(--green)}
.ell-kartya--nem{border-top:4px solid #C9473A}
.ell-kartya--nem .ell-jelveny{filter:grayscale(1);opacity:.35}
.ell-jelveny{width:160px;height:160px}
.ell-adatok{display:grid;gap:8px;min-width:0}
.ell-allapot{display:inline-flex;align-items:center;gap:6px;justify-self:start;font-weight:700;font-size:.85rem;padding:4px 12px;border-radius:99px}
.ell-allapot--ervenyes{background:#EAF5DA;color:#3E6E0C}
.ell-allapot--hamarosan{background:#FFF1DD;color:#9A5410}
.ell-allapot--lejart,.ell-allapot--ki,.ell-allapot--nincs{background:#FDE8E6;color:#9D2A1E}
.ell-domain{font-size:clamp(1.5rem,3vw,2rem);font-weight:800;color:var(--navy);word-break:break-word}
.ell-adatok dl{display:grid;grid-template-columns:auto 1fr;gap:6px 18px;margin:6px 0 0;font-size:.97rem}
.ell-adatok dt{color:var(--muted)}
.ell-adatok dd{margin:0;font-weight:600}
.ell-megj{color:var(--muted);font-size:.95rem}
@media (max-width:600px){.ell-kartya{grid-template-columns:1fr;text-align:center;justify-items:center}.ell-allapot{justify-self:center}.ell-adatok dl{text-align:left}}
.ell-urlap{display:grid;gap:8px;background:var(--ice);border-radius:16px;padding:22px 24px}
.ell-urlap label{font-weight:700}
.ell-urlap-sor{display:flex;gap:10px;flex-wrap:wrap}
.ell-urlap input{flex:1 1 240px;min-width:0;font:inherit;padding:13px 16px;border:2px solid var(--line);border-radius:10px;background:#fff}
.ell-urlap input:focus{border-color:var(--sky);outline:none}
.ell-urlap small{color:var(--muted);font-size:.85rem}
.ell-jogi{border-left:4px solid var(--sky);padding-left:22px;display:grid;gap:10px}
.ell-jogi h2{font-size:1.2rem}
.ell-jogi p{color:var(--muted);font-size:.97rem}
.ell-oldal .oldaldoboz p{color:var(--muted);font-size:.95rem}
.ell-pontok{list-style:none;margin:0;padding:0;display:grid;gap:6px;font-size:.95rem;color:var(--muted)}
.ell-pontok b{color:var(--navy)}
.ell-oldal .btn{justify-self:start}
/* ---------- tartalmi oldalak: csomagoldalak, tudastar ---------- */
.morzsa{font-size:.85rem;color:var(--muted);margin-bottom:6px}
.morzsa ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 8px}
.morzsa li+li::before{content:"›";margin-right:8px;color:var(--muted)}
.morzsa a{color:var(--muted)}
.frissitve{font-size:.85rem;color:var(--muted);margin-top:10px}

.tartalom-racs{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:44px;align-items:start}
@media (max-width:900px){.tartalom-racs{grid-template-columns:1fr}}
.tartalom-fo{display:grid;gap:30px;min-width:0}

.valasz{background:var(--ice);border-left:4px solid var(--sky);border-radius:0 12px 12px 0;padding:18px 22px}
.valasz strong:first-child{display:block;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--sky);margin-bottom:6px}
.valasz p{font-size:1.06rem}

.tenyek{width:100%;border-collapse:collapse;font-size:.97rem;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.tenyek th,.tenyek td{text-align:left;padding:12px 16px;border-bottom:1px solid var(--line);vertical-align:top}
.tenyek th{width:38%;color:var(--muted);font-weight:600;background:var(--ice)}
.tenyek tr:last-child th,.tenyek tr:last-child td{border-bottom:0}
.tenyek-keret{overflow-x:auto}

.pipa-lista{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.pipa-lista li{display:flex;gap:10px;align-items:flex-start}
.pipa-lista li::before{content:"";flex:none;width:18px;height:18px;margin-top:4px;border-radius:50%;background:var(--green) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.5l2.5 2.5L12 5.5' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat}

.cikk{font-size:1.04rem;line-height:1.75;max-width:74ch}
.cikk h2{font-size:1.45rem;color:var(--navy);margin:34px 0 12px;scroll-margin-top:90px}
.cikk h3{font-size:1.12rem;margin:24px 0 8px}
.cikk p,.cikk ul,.cikk ol{margin:0 0 14px}
.cikk ul,.cikk ol{padding-left:22px}
.cikk li{margin-bottom:6px}
.cikk table{width:100%;border-collapse:collapse;margin:0 0 18px;font-size:.95rem}
.cikk th,.cikk td{border:1px solid var(--line);padding:9px 12px;text-align:left;vertical-align:top}
.cikk th{background:var(--ice);color:var(--navy)}
.cikk .jogszabaly{font-size:.9rem;color:var(--muted)}

.cta-doboz{background:var(--navy);color:#fff;border-radius:16px;padding:26px 28px;display:grid;gap:12px}
.cta-doboz h2{color:#fff;font-size:1.3rem}
.cta-doboz p{color:#C8DAEE}
.cta-doboz .btns{display:flex;flex-wrap:wrap;gap:10px}
.cta-doboz .btn-ghost{background:transparent;color:#fff;border-color:#5DB9E6}

.kapcsolodo h2{font-size:1.1rem;margin-bottom:10px}
.kapcsolodo ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.kapcsolodo a{text-decoration:none;font-weight:600}
.kapcsolodo a:hover{text-decoration:underline}

.cikk-kartyak{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}
.cikk-kartya{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px;display:flex;flex-direction:column;gap:10px;text-decoration:none;color:var(--ink);transition:border-color .15s,box-shadow .15s}
.cikk-kartya:hover{border-color:var(--sky);box-shadow:0 14px 34px -22px rgba(23,80,154,.5)}
.cikk-kartya .eyebrow{font-size:.72rem}
.cikk-kartya h2{font-size:1.15rem;color:var(--navy);line-height:1.25}
.cikk-kartya p{color:var(--muted);font-size:.95rem}
.cikk-kartya .tovabb{margin-top:auto;font-weight:700;color:var(--cta);font-size:.92rem}

.oldal-gyik details{border-bottom:1px solid var(--line)}
.oldal-gyik summary{list-style:none;cursor:pointer;padding:16px 36px 16px 0;font-weight:700;position:relative}
.oldal-gyik summary::-webkit-details-marker{display:none}
.oldal-gyik summary::after{content:"+";position:absolute;right:4px;top:10px;font-size:1.5rem;color:var(--sky)}
.oldal-gyik details[open] summary::after{content:"–"}
.oldal-gyik details p{padding:0 0 16px;color:var(--muted)}
.plan .reszletek{font-size:.9rem;font-weight:600;text-align:center}
.tartalom-fo .steps li::after{display:none}
@media (max-width:520px){.tartalom-fo .steps{grid-template-columns:1fr !important}}
@media (max-width:420px){.topbar .logo img{height:32px}}

/* ---------- mobil menu (hamburger) ---------- */
.topbar nav .csak-mobil{display:none}
.menugomb{display:none;width:44px;height:44px;border:1px solid var(--line);border-radius:10px;background:#fff;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:0;flex:none}
.menugomb span{display:block;width:22px;height:2px;border-radius:2px;background:var(--navy);transition:transform .2s,opacity .2s}
.topbar.nyitva .menugomb span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.topbar.nyitva .menugomb span:nth-child(2){opacity:0}
.topbar.nyitva .menugomb span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media (max-width:960px){
  .topbar .wrap{position:relative;gap:14px}
  .menugomb{display:inline-flex}
  .topbar nav{position:absolute;top:100%;left:0;right:0;margin:0;flex-direction:column;gap:0;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 18px 30px -18px rgba(20,36,59,.35);padding:6px max(20px,env(safe-area-inset-left,0px)) 18px;max-height:calc(100vh - 72px);overflow-y:auto}
  .topbar.nyitva nav{display:flex}
  .topbar nav a{padding:13px 2px;border-bottom:1px solid var(--line);font-size:1.05rem}
  .topbar nav .csak-mobil{display:block}
  .topbar nav a.btn{display:flex;margin-top:14px;margin-left:0;border-bottom:0;color:#fff;font-size:1rem}
}
/* a Megrendelem gomb addig latszik a fejlecben, amig kifer: elobb a telefonszam tunik el, majd kisebb lesz a logo es a gomb */
@media (max-width:760px){
  .topbar .tel{display:none}
  .topbar .fejlec-cta{margin-left:auto}
}
@media (max-width:480px){
  .topbar .wrap{gap:10px}
  .topbar .logo img{height:28px}
  .topbar .fejlec-cta{padding:9px 12px;font-size:.88rem}
}
@media (max-width:359px){
  .topbar .fejlec-cta{display:none}
  .menugomb{margin-left:auto}
}
@media (prefers-reduced-motion:reduce){.menugomb span{transition:none}}