.ajanlat{
--aj-szegely:#8b9096;
--aj-hiba:#b42318;
}
.ajanlat [hidden]{display:none !important}
.ajanlat:not([data-js]) .ajform{display:none}
.ajanlat:not([data-js]){min-height:880px}
@media (scripting:none){.ajanlat:not([data-js]){min-height:0}}
.ajanlat--lap{padding-top:var(--s8)}
@media (max-width:640px){.ajanlat--lap{padding-top:var(--s7)}}
.ajanlat__fej{max-width:62ch}
.ajanlat__fej h2{margin-top:var(--s3);font-size:clamp(28px,4vw,44px)}
.ajanlat__lead{margin-top:var(--s4);max-width:58ch;font-size:18px;color:var(--ink-2)}
.ajanlat__nojs{margin-top:var(--s5);padding:var(--s5);background:var(--card);
border:1px solid var(--line);border-radius:var(--radius-lg);max-width:62ch}
.ajanlat__nojs a{color:var(--brand);font-weight:600}
.ajform{margin-top:var(--s7)}
.ajform__racs{display:grid;gap:var(--s7)}
.ajform__fo{min-width:0}
@media (min-width:1000px){
.ajform__racs{grid-template-columns:minmax(0,1fr) 360px;gap:var(--s8);align-items:start}
.ajbecsles{position:sticky;top:88px}
}
.ajlepes{border:0;margin:0;padding:0;min-width:0;scroll-margin-top:84px}
.ajlepes + .ajlepes{margin-top:var(--s8)}
.ajlepes:focus{outline:none}
.ajlepes > legend,.ajlepes__fej{
float:left;width:100%;padding:0;margin:0 0 var(--s2);
font-size:clamp(21px,2.4vw,27px);font-weight:700;letter-spacing:-.02em;line-height:1.2;
}
.ajlepes > legend + *,.ajlepes__fej + *{clear:both}
.ajlepes__szam{
display:inline-block;min-width:2em;margin-right:var(--s3);padding:.18em .5em;
font-size:.58em;letter-spacing:0;text-align:center;vertical-align:.24em;
color:var(--heat);border:1px solid color-mix(in srgb,var(--heat) 45%,transparent);
border-radius:var(--radius);
}
.ajlepes__sugo{margin:0 0 var(--s5);max-width:62ch;font-size:15.5px;color:var(--ink-2)}
.ajcsoport + .ajcsoport{margin-top:var(--s6)}
.ajcsoport__cim{margin:0 0 var(--s3)}
.ajszolgok{display:grid;gap:var(--s3);grid-template-columns:minmax(0,1fr)}
@media (min-width:640px){.ajszolgok{grid-template-columns:repeat(2,minmax(0,1fr))}}
.ajszolg{position:relative;display:block;cursor:pointer}
.ajszolg input{position:absolute;inset:0;z-index:1;width:100%;height:100%;margin:0;
opacity:0;cursor:pointer}
.ajszolg__doboz{
position:relative;display:flex;align-items:flex-start;gap:var(--s3);height:100%;
padding:var(--s4);background:var(--card);
border:1px solid var(--aj-szegely);border-radius:var(--radius-lg);
transition:border-color var(--dur-fast) var(--ease-out),
background-color var(--dur-fast) var(--ease-out),
box-shadow var(--dur-fast) var(--ease-out);
}
@media (hover:hover) and (pointer:fine){
.ajszolg:hover .ajszolg__doboz{border-color:var(--heat);box-shadow:0 12px 26px -20px #11182780}
}
.ajszolg input:focus-visible + .ajszolg__doboz{outline:2px solid var(--heat);outline-offset:3px}
.ajszolg input:checked + .ajszolg__doboz{
border-color:var(--heat);box-shadow:inset 0 0 0 1px var(--heat);
background:color-mix(in srgb,var(--heat) 5%,var(--card));
}
.ajszolg__ikon{flex:0 0 auto;margin-top:2px;color:var(--brand);
transition:color var(--dur-fast) var(--ease-out)}
.ajszolg input:checked + .ajszolg__doboz .ajszolg__ikon{color:var(--heat)}
.ajszolg__szoveg{display:flex;flex-direction:column;gap:2px;min-width:0;padding-right:30px}
.ajszolg__cim{font-weight:700;font-size:16px;line-height:1.25;letter-spacing:-.01em}
.ajszolg__rovid{font-size:14px;line-height:1.4;color:var(--ink-2)}
.ajszolg__ar{margin-top:var(--s2);font-size:13px;color:var(--ink)}
.ajszolg__pipa{
position:absolute;top:var(--s3);right:var(--s3);width:22px;height:22px;
display:grid;place-items:center;border-radius:50%;background:var(--card);
border:1px solid var(--aj-szegely);color:transparent;
transition:background-color var(--dur-fast) var(--ease-out),
border-color var(--dur-fast) var(--ease-out),
color var(--dur-fast) var(--ease-out);
}
.ajszolg input:checked + .ajszolg__doboz .ajszolg__pipa{
background:var(--heat);border-color:var(--heat);color:#fff;
}
.ajszolg__pipa::after{
content:"";width:5px;height:10px;margin-top:-2px;
border:solid currentColor;border-width:0 2px 2px 0;transform:rotate(45deg);
}
@media (max-width:480px){
.ajszolg__doboz{padding:var(--s3) var(--s4)}
.ajszolg__rovid{display:none}
}
.ajtovabb{margin-top:var(--s5)}
.ajtovabb__nyil{transform:rotate(90deg)}
@media (min-width:1000px){.ajtovabb{display:none !important}}
.ajreszek{display:grid;gap:var(--s5)}
.ajresz{
position:relative;min-width:0;margin:0;padding:var(--s6);
background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg);
box-shadow:0 1px 2px #1118270a;
animation:ajbe var(--dur-base) var(--ease-out) both;
}
@media (max-width:640px){.ajresz{padding:var(--s5) var(--s4)}}
.ajresz__cim{
float:left;width:100%;padding:0;margin:0 0 var(--s4);
font-size:20px;font-weight:700;letter-spacing:-.02em;line-height:1.2;
}
.ajresz__cim::before{content:"";display:block;width:34px;height:3px;border-radius:2px;
margin-bottom:var(--s3);background:var(--tema,var(--heat))}
.ajresz__cim + *{clear:both}
.ajresz__bevezeto{margin-bottom:var(--s4);max-width:62ch;font-size:15.5px;color:var(--ink-2)}
.ajresz__linkek{margin-top:var(--s5);font-size:14px;color:var(--ink-2)}
.ajresz__linkek a{color:var(--brand);text-decoration:underline}
.ajresz__linkek a:hover{color:var(--tema-szoveg,var(--heat))}
.ajresz__linkek svg{display:inline;vertical-align:-2px}
@keyframes ajbe{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.ajresz{animation:none}}
.ajmezok{display:grid;gap:var(--s5);margin-top:var(--s4)}
.ajlepes > .ajmezok{margin-top:0}
@media (min-width:640px){.ajmezok{grid-template-columns:repeat(2,minmax(0,1fr))}}
.ajmezo{min-width:0;margin:0;padding:0;border:0}
.ajmezo--teljes,.ajmezo--csoport{grid-column:1/-1}
.ajmezo > label,.ajmezo > legend{display:block;margin-bottom:var(--s2);
font-size:15px;font-weight:600;color:var(--ink)}
.ajmezo > legend{float:left;width:100%;padding:0}
.ajmezo > legend + *{clear:both}
.ajmezo__kot{color:var(--heat);font-weight:700}
.ajmezo__sugo{margin-top:var(--s2);font-size:13.5px;line-height:1.5;color:var(--ink-2)}
.ajmezo__jegyzet{margin-top:var(--s3);padding:var(--s3) var(--s4);font-size:13.5px;line-height:1.5;
color:var(--ink);background:color-mix(in srgb,var(--hot) 16%,var(--card));
border-left:3px solid var(--heat);border-radius:var(--radius)}
.ajanlat input[type=text],.ajanlat input[type=email],.ajanlat input[type=tel],
.ajanlat select,.ajanlat textarea{
display:block;width:100%;min-height:48px;padding:11px 14px;
font:inherit;font-size:16px;line-height:1.4;color:var(--ink);
background:var(--card);border:1px solid var(--aj-szegely);border-radius:var(--radius);
transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out);
}
.ajanlat textarea{min-height:96px;resize:vertical}
.ajanlat input::placeholder,.ajanlat textarea::placeholder{color:#6b7280;opacity:1}
.ajanlat input:hover,.ajanlat select:hover,.ajanlat textarea:hover{border-color:var(--ink-2)}
.ajanlat input:focus-visible,.ajanlat select:focus-visible,.ajanlat textarea:focus-visible{
outline:2px solid var(--heat);outline-offset:1px;border-color:var(--heat);
}
.ajanlat select{
appearance:none;-webkit-appearance:none;padding-right:42px;cursor:pointer;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%234B5563' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 9 7 7 7-7'/%3E%3C/svg%3E");
background-repeat:no-repeat;background-position:right 14px center;background-size:14px;
}
.ajform[data-probalt] :is(input,select,textarea):invalid{
border-color:var(--aj-hiba);box-shadow:0 0 0 1px var(--aj-hiba);
}
.ajmezo__szam{position:relative}
.ajmezo__szam input{padding-right:54px}
.ajmezo__egyseg{position:absolute;right:14px;top:50%;transform:translateY(-50%);
font-family:'JetBrains Mono',ui-monospace,monospace;font-size:13px;color:var(--ink-2);
pointer-events:none}
.ajvalaszok{display:grid;gap:var(--s2)}
@media (min-width:640px){.ajvalaszok{grid-template-columns:repeat(2,minmax(0,1fr))}}
.ajvalasz{
display:flex;gap:var(--s3);align-items:flex-start;min-height:44px;padding:10px 12px;
background:var(--card);border:1px solid var(--aj-szegely);border-radius:var(--radius);
font-size:15px;line-height:1.4;cursor:pointer;
transition:border-color var(--dur-fast) var(--ease-out),background-color var(--dur-fast) var(--ease-out);
}
.ajvalasz input{flex:0 0 auto;width:18px;height:18px;margin:2px 0 0;accent-color:var(--heat);cursor:pointer}
@media (hover:hover) and (pointer:fine){.ajvalasz:hover{border-color:var(--heat)}}
.ajvalasz:has(input:checked){border-color:var(--heat);background:color-mix(in srgb,var(--heat) 5%,var(--card))}
.ajvalasz--egyedul{background:transparent;border-color:transparent;padding-inline:0}
.ajvalasz--egyedul:has(input:checked){background:transparent;border-color:transparent}
.ajhozzajarul{margin-top:var(--s5)}
.ajhozzajarul + .ajmezo__sugo{margin-top:0;padding-left:30px}
.ajcsomag__lista{display:grid;gap:var(--s3)}
@media (min-width:640px){.ajcsomag__lista{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}}
.ajcsomag{position:relative;display:block;cursor:pointer}
.ajcsomag input{position:absolute;inset:0;z-index:1;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.ajcsomag__doboz{
display:flex;flex-direction:column;gap:4px;height:100%;padding:var(--s4);
background:var(--card);border:1px solid var(--aj-szegely);border-radius:var(--radius-lg);
transition:border-color var(--dur-fast) var(--ease-out),background-color var(--dur-fast) var(--ease-out);
}
@media (hover:hover) and (pointer:fine){.ajcsomag:hover .ajcsomag__doboz{border-color:var(--heat)}}
.ajcsomag input:focus-visible + .ajcsomag__doboz{outline:2px solid var(--heat);outline-offset:3px}
.ajcsomag input:checked + .ajcsomag__doboz{
border-color:var(--heat);box-shadow:inset 0 0 0 1px var(--heat);
background:color-mix(in srgb,var(--heat) 5%,var(--card));
}
.ajcsomag__cim{font-weight:700;font-size:16px}
.ajcsomag__ar{font-size:13.5px;color:var(--ink)}
.ajcsomag__leiras{font-size:14px;line-height:1.45;color:var(--ink-2)}
.ajbecsles{
padding:var(--s6);background:var(--field-2);color:var(--ink-on-field);
border:1px solid var(--line-on-field);border-radius:var(--radius-lg);
}
.ajbecsles .label{color:var(--ink-2-on-field)}
.ajbecsles__sorok{margin-top:var(--s4);display:grid;gap:var(--s4)}
.ajbecsles__ures{font-size:15px;line-height:1.5;color:var(--ink-2-on-field)}
.ajbecsles__sor{
display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px var(--s3);align-items:baseline;
padding-bottom:var(--s4);border-bottom:1px solid var(--line-on-field);
}
.ajbecsles__sor-cim{font-size:15px;font-weight:600}
.ajbecsles__sor-ertek{font-size:15px;color:var(--hot);white-space:nowrap;text-align:right}
.ajbecsles__sor-reszlet{grid-column:1/-1;font-size:13px;line-height:1.4;color:var(--ink-2-on-field)}
.ajbecsles__ossz{margin-top:var(--s5);display:grid;gap:4px}
.ajbecsles__ossz-cim{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:11px;
letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2-on-field)}
.ajbecsles__ossz-ertek{font-size:clamp(26px,3vw,32px);line-height:1.1;color:var(--hot);white-space:nowrap}
.ajbecsles__ossz-ertek--hosszu{font-size:clamp(20px,2.2vw,24px)}
.ajbecsles__ossz-jegyzet{font-size:13px;line-height:1.4;color:var(--ink-2-on-field)}
.ajbecsles__lab{margin-top:var(--s5);font-size:12.5px;line-height:1.55;color:var(--ink-2-on-field)}
.ajbecsles__kuldes{margin-top:var(--s5);display:grid;gap:var(--s4)}
.ajbecsles__kuldes .btn{justify-content:center;width:100%}
.ajbecsles__kuldes .btn[disabled]{opacity:.6;cursor:progress;transform:none}
@media (max-width:999px){.ajbecsles[data-ures]{display:none}}
.ajhiba{
display:grid;gap:var(--s3);padding:var(--s4);
background:#ff8a7a14;border:1px solid #ff8a7a66;border-radius:var(--radius);
}
.ajhiba strong{color:#ffb4a8}
.ajhiba p{font-size:14px;line-height:1.5;color:var(--ink-on-field)}
.ajhiba .btn--ghost{color:var(--ink-on-field);border-color:#e8efe959;justify-content:center}
.ajhiba .btn--ghost:hover{background:var(--card)fff14;border-color:var(--ink-on-field)}
.ajhiba__tel{color:var(--hot);text-align:center;text-decoration:none;font-size:17px}
.ajsiker{
margin-top:var(--s7);padding:var(--s7) var(--s6);background:var(--card);
border:1px solid var(--line);border-left:4px solid var(--brand);border-radius:var(--radius-lg);
}
.ajsiker:focus{outline:none}
.ajsiker h3{font-size:clamp(24px,3vw,32px)}
.ajsiker > p{margin-top:var(--s3);max-width:58ch;color:var(--ink-2)}
.ajsiker__lista{margin:var(--s5) 0 0;display:grid;grid-template-columns:auto minmax(0,1fr);
gap:var(--s2) var(--s5);font-size:14.5px}
.ajsiker__lista dt{color:var(--ink-2)}
.ajsiker__lista dd{margin:0}
.ajanlat__masik{margin-top:var(--s9)}
.ajanlat__masik-sugo{margin-top:var(--s2);max-width:56ch;font-size:15.5px;color:var(--ink-2)}
.ajanlat__masik .forms{margin-top:var(--s5)}
.ajhoney{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.ajlathatatlan{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;
clip:rect(0 0 0 0);white-space:nowrap;border:0}