/* Layout: nyitó két hasábban (ígéret + élő keresőügynök-beállító a találati sávval); két szint egymás mellett; mit nézünk meg; vételi költség kalkulátor; távoli vevő folyamata; kérdések; zárás */
.mintajel{display:inline-block;background:var(--nad);color:#13221F;font:800 10px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;padding:6px 10px;border-radius:999px;margin-left:8px;vertical-align:middle}
.v-nyito{background:var(--to);color:var(--fole)}
.v-nyito .in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(28px,5vw,64px);align-items:start;padding-block:clamp(48px,7vw,88px)}
@media (max-width:960px){.v-nyito .in{grid-template-columns:1fr}}
.v-nyito .lbl{color:var(--nad)}
.v-nyito h1{font:400 clamp(48px,7vw,90px)/.94 var(--serif);letter-spacing:-.015em;margin:14px 0 0;text-wrap:balance}
.v-nyito h1 i{color:var(--nad)}
.v-nyito p{font-size:18px;max-width:46ch;margin:20px 0 0;color:var(--fole-halk)}
.forrasok{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.forrasok span{border:1px solid color-mix(in srgb,var(--fole) 30%,transparent);border-radius:999px;padding:6px 12px;font:600 13px var(--sans);color:var(--fole-halk)}

.ugynok{background:var(--mesz);color:var(--tinta);border-radius:20px;padding:20px;display:flex;flex-direction:column;gap:14px}
.ugynok .u-fej{display:flex;justify-content:space-between;align-items:center;gap:10px}
.ugynok .u-fej b{font:400 24px/1.1 var(--serif)}
.elo{display:inline-flex;align-items:center;gap:6px;font:700 12px var(--sans);color:var(--to)}
.elo::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--to);box-shadow:0 0 0 4px var(--to-t)}
.u-sor{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media (max-width:480px){.u-sor{grid-template-columns:1fr}}
.u-m{display:flex;flex-direction:column;gap:2px;border:1px solid var(--vonal);border-radius:12px;padding:8px 12px;background:var(--homok);min-width:0}
.u-m label{font:700 10px/1.2 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--halk)}
.u-m select,.u-m input{border:0;background:none;font:600 15px var(--sans);color:var(--tinta);padding:2px 0;min-width:0;width:100%}
.u-m .s{display:flex;align-items:center;gap:8px}
.u-m input[type=range]{accent-color:var(--to)}
.u-m output{font:700 14px var(--sans);white-space:nowrap;font-variant-numeric:tabular-nums}
.kapcsok{display:flex;flex-wrap:wrap;gap:6px}
.kp-chip{position:relative}
.kp-chip input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}
.kp-chip span{display:block;border:1px solid var(--vonal);border-radius:999px;padding:7px 12px;font:600 13px var(--sans);background:var(--mesz)}
.kp-chip input:checked+span{background:var(--tinta);color:var(--homok);border-color:var(--tinta)}
.kp-chip input:focus-visible+span{outline:2px solid var(--nad);outline-offset:2px}
.talalatok{border-top:1px solid var(--vonal);padding-top:12px;display:flex;flex-direction:column;gap:8px}
.talalatok .t-fej{display:flex;justify-content:space-between;font-size:13px;color:var(--halk)}
.talalatok .t-fej b{color:var(--tinta)}
.tal{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;padding:10px 12px;border-radius:12px;background:var(--homok)}
.tal .n{font-weight:700;font-size:14.5px}
.tal .a{font:800 16px var(--sans);color:var(--terra);text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.tal .meta{font-size:12.5px;color:var(--halk);grid-column:1/-1;display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.jel{font:700 11px/1 var(--sans);padding:4px 7px;border-radius:999px}
.jel.jo{background:var(--to-t);color:var(--tinta)}
.jel.figy{background:var(--terra);color:#FBF7F0}
.jel.semleges{background:var(--vonal);color:var(--tinta)}
.szurt{font-size:12.5px;color:var(--halk)}
.u-gomb{display:flex;gap:8px;flex-wrap:wrap}
.u-gomb .m{flex:1 1 180px;display:flex;border:1px solid var(--vonal);border-radius:999px;background:var(--homok);padding:0 14px}
.u-gomb input{border:0;background:none;font:500 15px var(--sans);color:var(--tinta);padding:11px 0;width:100%;min-width:0}
.u-ok{font-size:14px;color:var(--to);font-weight:700}

.szak2{padding-block:64px;border-top:1px solid var(--vonal)}
.szak2:first-of-type{border-top:0}
.szak2 .fej2{display:flex;justify-content:space-between;align-items:end;gap:20px;flex-wrap:wrap;margin-bottom:32px}
.szak2 .lbl{color:var(--halk)}
.szak2 h2{font:400 clamp(34px,4.5vw,52px)/1 var(--serif);margin:10px 0 0;text-wrap:balance;max-width:20ch}
.szak2 .fej2 p{margin:0;max-width:46ch;color:var(--halk)}
.pill.kontur{background:none;border:1.5px solid var(--tinta);color:var(--tinta)}

/* két szint */
.szintek{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:20px}
@media (max-width:860px){.szintek{grid-template-columns:1fr}}
.szint{border:1px solid var(--vonal);border-radius:20px;padding:28px;background:var(--mesz);display:flex;flex-direction:column;gap:14px}
.szint.fo{border:2px solid var(--to)}
.szint .lbl{color:var(--halk)}.szint.fo .lbl{color:var(--to)}
.szint h3{font:400 32px/1.05 var(--serif);margin:0}
.szint .ar{font:800 38px/1 var(--sans);letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.szint .ar small{font-size:15px;font-weight:700;color:var(--halk);letter-spacing:0}
.szint p{margin:0;color:var(--halk);font-size:15px}
.pipalista{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;font-size:15px}
.pipalista li{display:flex;gap:10px}
.pipalista li::before{content:"";flex:none;width:18px;height:18px;border-radius:50%;background:var(--to);margin-top:2px;}
.pipalista li{position:relative}
.pipalista li::after{content:"";position:absolute;left:5px;top:7px;width:7px;height:4px;border-left:2px solid var(--mesz);border-bottom:2px solid var(--mesz);transform:rotate(-45deg)}
.pipalista .part::before{background:var(--nad)}
.pipalista small{color:var(--halk)}
.szint .pill{align-self:flex-start;margin-top:auto}

/* átvilágítás */
.atv{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
@media (max-width:760px){.atv{grid-template-columns:1fr}}
.atv-k{border-radius:20px;padding:24px;display:flex;flex-direction:column;gap:12px}
.atv-k.jog{background:var(--to-t)}
.atv-k.musz{background:var(--mesz);border:1px solid var(--vonal)}
.atv-k h3{font:400 28px/1.1 var(--serif);margin:0}
.atv-k .ki{font-size:13px;color:var(--halk);font-weight:600}
.atv-k ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column}
.atv-k li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding-block:10px;border-top:1px solid color-mix(in srgb,var(--tinta) 14%,transparent);font-size:15px}
.atv-k li span{color:var(--halk);font-size:13.5px;text-align:right}

/* kalkulátor */
.kalk{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start}
@media (max-width:860px){.kalk{grid-template-columns:1fr}}
.kalk-be{display:flex;flex-direction:column;gap:16px}
.kalk-be .u-m{background:var(--mesz)}
.kalk-be .u-m input[type=number]{font:700 22px var(--sans)}
.kapcs{display:flex;align-items:center;gap:10px;font-weight:600;font-size:15px;cursor:pointer}
.kapcs input{width:18px;height:18px;accent-color:var(--to)}
.kalk-ki{background:var(--mesz);border:1px solid var(--vonal);border-radius:20px;padding:24px}
.kalk-ki table{width:100%;border-collapse:collapse;font-size:15px;font-variant-numeric:tabular-nums}
.kalk-ki td{padding:11px 0;border-top:1px solid var(--vonal)}
.kalk-ki tr:first-child td{border-top:0}
.kalk-ki td:last-child{text-align:right;font-weight:700;white-space:nowrap}
.kalk-ki td small{display:block;color:var(--halk);font-size:12.5px;font-weight:500}
.kalk-ki tr.ossz td{border-top:2px solid var(--tinta);font-size:18px;padding-top:14px}
.kalk-ki tr.ossz td:last-child{color:var(--terra);font-size:24px;font-weight:800}
.kalk-ki .megj{font-size:12.5px;color:var(--halk);margin-top:12px}

/* távoli vevő */
.tavoli{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;counter-reset:t}
@media (max-width:980px){.tavoli{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:480px){.tavoli{grid-template-columns:1fr}}
.tavoli li{counter-increment:t;display:flex;flex-direction:column;gap:6px;padding-top:16px;border-top:2px solid var(--to)}
.tavoli li::before{content:counter(t);font:400 40px/1 var(--serif);color:var(--to)}
.tavoli b{font-size:16px}
.tavoli span{font-size:14.5px;color:var(--halk)}
.tavoli .hely{font:700 12px var(--sans);color:var(--terra)}

.gyik{display:flex;flex-direction:column;max-width:820px}
details{border-top:1px solid var(--vonal);padding-block:4px}
details:last-child{border-bottom:1px solid var(--vonal)}
summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px;padding-block:16px;font:400 22px/1.25 var(--serif)}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";font:400 26px/1 var(--sans);color:var(--to);transition:transform .15s}
details[open] summary::after{transform:rotate(45deg)}
details p{margin:0 0 18px;color:var(--halk);max-width:64ch}
@media (prefers-reduced-motion:reduce){summary::after{transition:none}}

.zaro{background:var(--terra);color:#FBF7F0}
.zaro .in{padding-block:56px;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}
.zaro h2{font:400 clamp(34px,5vw,52px)/1 var(--serif);margin:0;max-width:18ch}
.zaro p{margin:12px 0 0;max-width:46ch;opacity:.9}
.zaro .pill.vilagos{background:#FBF7F0;color:#13221F}
.zaro .pill.kontur{border-color:#FBF7F0;color:#FBF7F0}
.szint .hozamlink{margin:0;font-size:14px;color:var(--halk)}
.szint .hozamlink a{color:var(--tinta);font-weight:700;text-decoration:underline;text-underline-offset:3px}