/* Gépi összefűzés, megjegyzések nélkül — ne ezt szerkeszd, hanem a forrásokat (assets/betu.css, jegyek.css, stilus.css, mozgas.css). */
@font-face {
font-family: 'Source Sans 3';
font-style: normal;
font-weight: 200 900;
font-display: swap;
src: url('betu/source-sans-3-latin-ext.woff2?v=60938528') 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;
}
@font-face {
font-family: 'Source Sans 3';
font-style: normal;
font-weight: 200 900;
font-display: swap;
src: url('betu/source-sans-3-hu.woff2?v=baf823dc') format('woff2');
unicode-range: U+4f, U+55, U+6f, U+75, U+150-151, U+170-171, U+30b;
}
@font-face {
font-family: 'Source Sans 3';
font-style: normal;
font-weight: 200 900;
font-display: swap;
src: url('betu/source-sans-3-latin.woff2?v=fb6579a3') 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: 'Questrial';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url('betu/questrial-latin-ext.woff2?v=8457bbdd') 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;
}
@font-face {
font-family: 'Questrial';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url('betu/questrial-hu.woff2?v=72ebd3f4') format('woff2');
unicode-range: U+4f, U+55, U+6f, U+75, U+150-151, U+170-171, U+30b;
}
@font-face {
font-family: 'Questrial';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url('betu/questrial-latin.woff2?v=e28e86e8') 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;
}

:root {
--feher: #ffffff;
--meleg-halvany: #faf7f2;
--meleg-tomb: #f2ebe1;
--sotet: #2f2117;
--cim: #1a1714;
--torzs: #4a443e;
--halvany: #6b645c;
--marka-disz: #b77330;
--marka-disz-sotetben: #cd853f;
--marka-tett: #955d27;
--marka-tett-ra: #825122;
--ikon-kitoltes: #e9bf85;
--ikon-vilagos: #fbf4e6;
--avatar-homok: #f3dfc1;
--avatar-szurke: #ece3d6;
--nyitva: #2f6b45;
--zarva: #5a5450;
--jelzes-nyitva: #2f6b45;
--jelzes-figyelem: #b67c08;
--jelzes-figyelem-szoveg: #8f6206;
--jelzes-zarva: #c53620;
--jelzes-nyitva-sotet: #6cc08b;
--jelzes-figyelem-sotet: #e0a906;
--jelzes-zarva-sotet: #e1442b;
--uveg: rgb(250 247 242 / 0.9);
--uveg-legrosszabb: #e1deda;
--halvany-uvegen: #676058;
--figyelem-uvegen: #825905;
--keret-diszito: #e2d9cc;
--keret-mezo: #9c8d78;
--fejsav-sotet: #241c15;
--nyitva-vilagos: #6cc08b;
--zarva-vilagos: #b0a89f;
--tinta-sotetben: #d2cdc8;
--terkep-alap: #f2ebe1;
--terkep-ut: #ffffff;
--terkep-ut-fo: #ffffff;
--terkep-keret: #ddd2c2;
--terkep-felirat: #5f584f;
--terkep-jelolo: #955d27;
--doboz: 1280px;
--kozter: clamp(1.25rem, 2.2vw, 2.75rem);
--olvas: 62ch;
--betu: "Source Sans 3", ui-sans-serif, system-ui, sans-serif;
--betu-cim: "Questrial", var(--betu);
--sz-xs: clamp(0.875rem, 0.864583rem + 0.0463vw, 0.90625rem);
--sz-sm: clamp(0.96875rem, 0.958333rem + 0.0463vw, 1rem);
--sz-alap: clamp(1.0625rem, 1.04167rem + 0.09259vw, 1.125rem);
--sz-lead: clamp(1.21875rem, 1.1875rem + 0.1389vw, 1.3125rem);
--sz-xl: clamp(1.4375rem, 1.375rem + 0.2778vw, 1.625rem);
--sz-2xl: clamp(1.6875rem, 1.5625rem + 0.5556vw, 2.0625rem);
--sz-3xl: clamp(2rem, 1.79167rem + 0.9259vw, 2.625rem);
--sz-4xl: clamp(2.375rem, 2rem + 1.667vw, 3.5rem);
--t-3xs: 0.25rem;
--t-2xs: 0.5rem;
--t-xs: 0.75rem;
--t-sm: 1rem;
--t-md: clamp(1.25rem, 1.16667rem + 0.3704vw, 1.5rem);
--t-lg: clamp(1.75rem, 1.58333rem + 0.7407vw, 2.25rem);
--t-xl: clamp(2.5rem, 2.16667rem + 1.481vw, 3.5rem);
--t-2xl: clamp(3.5rem, 3rem + 2.222vw, 5rem);
--t-3xl: clamp(4.5rem, 3.66667rem + 3.704vw, 7rem);
--t-4xl: clamp(6rem, 4.66667rem + 5.926vw, 10rem);
--sor: 1.6;
--sor-cim: 1.15;
--ker: 10px;
--ker-nagy: 18px;
--arnyek: 0 1px 2px rgb(20 18 16 / 0.04), 0 8px 24px rgb(20 18 16 / 0.06);
--atmenet: 180ms cubic-bezier(0.2, 0, 0, 1);
}
@supports (width: round(1.5px, 1px)) {
:root {
--sz-xs: clamp(0.875rem, round(0.864583rem + 0.0463vw, 0.25px), 0.90625rem);
--sz-sm: clamp(0.96875rem, round(0.958333rem + 0.0463vw, 0.25px), 1rem);
--sz-alap: clamp(1.0625rem, round(1.04167rem + 0.09259vw, 0.25px), 1.125rem);
--sz-lead: clamp(1.21875rem, round(1.1875rem + 0.1389vw, 0.25px), 1.3125rem);
--sz-xl: clamp(1.4375rem, round(1.375rem + 0.2778vw, 0.25px), 1.625rem);
--sz-2xl: clamp(1.6875rem, round(1.5625rem + 0.5556vw, 0.25px), 2.0625rem);
--sz-3xl: clamp(2rem, round(1.79167rem + 0.9259vw, 0.25px), 2.625rem);
--sz-4xl: clamp(2.375rem, round(2rem + 1.667vw, 0.25px), 3.5rem);
--t-md: clamp(1.25rem, round(1.16667rem + 0.3704vw, 0.25px), 1.5rem);
--t-lg: clamp(1.75rem, round(1.58333rem + 0.7407vw, 0.25px), 2.25rem);
--t-xl: clamp(2.5rem, round(2.16667rem + 1.481vw, 0.25px), 3.5rem);
--t-2xl: clamp(3.5rem, round(3rem + 2.222vw, 0.25px), 5rem);
--t-3xl: clamp(4.5rem, round(3.66667rem + 3.704vw, 0.25px), 7rem);
--t-4xl: clamp(6rem, round(4.66667rem + 5.926vw, 0.25px), 10rem);
}
}
@media (prefers-reduced-motion: reduce) {
*, *::before, *::after {
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
scroll-behavior: auto !important;
}
}
.ikon {
width: 1em;
height: 1em;
display: inline-block;
vertical-align: -0.125em;
fill: currentColor;
flex: none;
}
.ikon--nagy { width: 1.75em; height: 1.75em; }
:root[data-akadalymentes] {
--meleg-halvany: #ffffff;
--meleg-tomb: #f0eae1;
--cim: #000000;
--torzs: #1c1917;
--halvany: #1c1917;
--marka-tett: #5c3813;
--marka-tett-ra: #46290d;
--marka-disz: #5c3813;
--marka-disz-sotetben: #eab77f;
--nyitva: #14532a;
--zarva: #3f3a36;
--jelzes-nyitva: #14532a;
--jelzes-figyelem: #7a5305;
--jelzes-figyelem-szoveg: #000000;
--jelzes-zarva: #a3261a;
--jelzes-nyitva-sotet: #7fd39f;
--jelzes-figyelem-sotet: #f0b400;
--jelzes-zarva-sotet: #ff6a52;
--keret-diszito: #cbbfae;
--keret-mezo: #3f3a36;
--uveg: #ffffff;
--uveg-legrosszabb: #ffffff;
--halvany-uvegen: #1c1917;
--figyelem-uvegen: #000000;
--terkep-alap: #f0eae1;
--terkep-felirat: #1c1917;
--terkep-jelolo: #5c3813;
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
html { color-scheme: only light; }
html { -webkit-tap-highlight-color: transparent; }
html { scroll-padding-top: calc(var(--fejlec-magassag, 4.375rem) + var(--t-xs)); scroll-padding-bottom: 4.5rem; }
body { padding-inline: env(safe-area-inset-left, 0px) env(safe-area-inset-right, 0px); }
body {
margin: 0;
font-family: var(--betu);
font-size: var(--sz-alap);
line-height: var(--sor);
color: var(--torzs);
background: var(--meleg-halvany);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
overflow-wrap: break-word;
text-rendering: optimizeLegibility;
}
h1, h2, h3, h4 {
font-family: var(--betu-cim, var(--betu));
color: var(--cim);
line-height: var(--sor-cim);
letter-spacing: -0.01em;
margin: 0 0 var(--t-xs);
text-wrap: balance;
font-weight: 400;
overflow-wrap: anywhere;
}
h1 { font-size: var(--sz-3xl); }
h2 { font-size: var(--sz-2xl); }
h3 { font-size: var(--sz-xl); }
p { margin: 0 0 var(--t-sm); max-width: var(--olvas); }
a { color: var(--marka-tett); text-underline-offset: 0.2em; }
@media (hover: hover) { a:hover { color: var(--marka-tett-ra); } }
img, svg, video { max-width: 100%; height: auto; }
.ikon { flex: none; }
button, input, select, textarea { font: inherit; }
svg[hidden] { display: none; }
:focus-visible {
outline: 3px solid var(--marka-tett);
outline-offset: 3px;
border-radius: 3px;
}
[data-horgony-cel]:focus-visible { outline: none; }
.ugras {
position: absolute;
left: var(--t-sm);
top: var(--t-sm);
z-index: 100;
padding: 0.7em 1.2em;
background: var(--cim);
color: var(--feher);
border-radius: var(--ker);
text-decoration: none;
transform: translateY(-200%);
}
.ugras:focus { transform: translateY(0); color: var(--feher); }
.olvasonak {
position: absolute;
width: 1px; height: 1px;
padding: 0; margin: -1px;
overflow: hidden;
clip-path: inset(50%);
white-space: nowrap;
}
.savon { max-width: var(--doboz); margin-inline: auto; padding-inline: var(--kozter); }
.gomb {
appearance: none; background: transparent; font: inherit; cursor: pointer;
display: inline-flex; align-items: center; gap: 0.55em;
padding: 0.75em 1.35em; border-radius: var(--ker-gomb, var(--ker));
font-weight: 600; text-decoration: none; line-height: 1.2;
border: 2px solid transparent;
transition: background var(--atmenet), border-color var(--atmenet);
max-width: 100%;
overflow-wrap: anywhere;
}
a[href^="mailto:"], .rend th, .rend td { overflow-wrap: anywhere; }
.gomb--fo { background: var(--marka-tett); color: var(--feher); }
.egyben, .gomb__szam, a[href^="tel:"]:not(.gomb) { white-space: nowrap; }
.egyben > .ikon:last-child { margin-inline-start: 0.3em; }
:is(.gomb, .cimke, .fejsav__ertekeles, .velemenyek__osszegzes, .tovabbi-lap strong) { text-wrap: balance; }
.gomb--fo:hover { background: var(--marka-tett-ra); color: var(--feher); }
.gomb--mellek { color: var(--marka-tett); border-color: var(--marka-tett); }
.gomb--mellek:hover { background: var(--marka-tett); color: var(--feher); }
.allapot { display: flex; align-items: baseline; gap: 0.5em; flex-wrap: wrap; margin: 0; }
.allapot strong { font-weight: 700; }
.allapot--nyitva strong { color: var(--nyitva); }
.allapot--zarodik strong, .allapot--hamarosan strong { color: var(--jelzes-figyelem-szoveg); }
.allapot--zarva  strong { color: var(--zarva); }
.allapot__pont {
position: relative; flex: none; align-self: center;
width: 0.62em; height: 0.62em; border-radius: 50%;
background: var(--jelzes, var(--jelzes-zarva));
}
.allapot__pont::after {
content: ""; position: absolute; inset: 0; border-radius: inherit;
background: inherit;
animation: allapot-lukteto 2.2s ease-out infinite;
}
@keyframes allapot-lukteto {
0%        { transform: scale(1); opacity: 0.5; }
75%, 100% { transform: scale(2.6); opacity: 0; }
}
:root[data-akadalymentes] .allapot__pont::after { animation: none; opacity: 0; }
.allapot--nyitva    { --jelzes: var(--jelzes-nyitva); }
.allapot--zarodik,
.allapot--hamarosan { --jelzes: var(--jelzes-figyelem); }
.allapot--zarva     { --jelzes: var(--jelzes-zarva); }
.lablec .allapot--nyitva    { --jelzes: var(--jelzes-nyitva-sotet); }
.lablec .allapot--zarodik,
.lablec .allapot--hamarosan { --jelzes: var(--jelzes-figyelem-sotet); }
.lablec .allapot--zarva     { --jelzes: var(--jelzes-zarva-sotet); }
.allapot span { color: var(--halvany); font-size: var(--sz-sm); }
.fejlec {
position: sticky; top: 0; z-index: 40;
background: var(--feher);
border-bottom: 1px solid var(--keret-diszito);
}
@media (max-height: 19.9rem) {
.fejlec { position: relative; }
html { scroll-padding-top: var(--t-xs); }
}
.fejlec__belso {
max-width: var(--doboz); margin-inline: auto; padding: var(--t-2xs) var(--kozter);
display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: var(--t-sm);
}
.marka { display: inline-flex; align-items: center; flex: none; justify-self: start; text-decoration: none; color: var(--cim); line-height: 1.1; }
.marka__jel { height: 2.6em; width: auto; flex: none; margin-right: 0.55em; }
@media (max-width: 30rem) { .marka__jel { height: 2.2em; margin-right: 0.4em; } }
.marka__jel--teljes { height: 3.5em; margin-right: 0.6em; }
@media (max-width: 30rem) { .marka__jel--teljes { height: 2.9em; margin-right: 0.45em; } }
.marka__szoveg { display: grid; }
.marka__nev { font-family: var(--betu-cim, var(--betu)); font-size: var(--sz-lead); font-weight: 400; letter-spacing: 0; }
.fejlec__jobb {
display: flex; align-items: center; justify-content: flex-end; gap: var(--t-2xs);
justify-self: end; order: 2;
}
.fejlec__jobb .fejlec__foglalas { margin-left: 0; }
.fejlec__jobb, .fejlec__jobb > * { flex: none; }
.fejlec__nyelv {
display: inline-flex; align-items: center; gap: 0.35em;
padding: 0.35em 0.5em; border-radius: var(--ker);
color: var(--torzs); text-decoration: none;
font-size: var(--sz-sm); font-weight: 600; letter-spacing: 0.02em;
}
.fejlec__nyelv .ikon { width: 1.15em; height: 1.15em; }
@media (hover: hover) { .fejlec__nyelv:hover { color: var(--marka-tett); } }
@media (max-width: 40rem) { .fejlec__foglalas .ikon, .fejlec__nyelv .ikon { display: none; } }
@media (max-width: 34rem) { .fejlec__foglalas { display: none; } }
@media (max-width: 30rem) { .fejlec__nyelv { padding-inline: 0.3em; } }
.marka__alcim { font-size: var(--sz-xs); font-weight: 500; color: var(--torzs); letter-spacing: 0.01em; }
.menu__lista { list-style: none; display: flex; gap: var(--t-2xs); margin: 0; padding: 0; }
.menu__elem { position: relative; display: flex; align-items: center; }
.menu__link {
display: block; padding: 0.6em 0.7em; border-radius: var(--ker);
text-decoration: none; color: var(--torzs); font-weight: 550; white-space: nowrap;
}
@media (hover: hover) { .menu__link:hover { background: var(--meleg-tomb); color: var(--cim); } }
.menu__link[aria-current="page"] { color: var(--marka-tett); }
.menu__link { display: inline-flex; align-items: center; gap: 0.3em; }
.menu__nyil { width: 0.85em; height: 0.85em; color: var(--halvany); transition: transform var(--atmenet); }
.menu__link[aria-expanded="true"] .menu__nyil { transform: rotate(180deg); }
.menu__link[aria-expanded="true"] { background: var(--meleg-tomb); color: var(--cim); }
.almenu {
list-style: none; margin: 0; padding: var(--t-3xs);
position: absolute; top: 100%; left: 0; min-width: 15rem;
background: var(--feher); border: 1px solid var(--keret-diszito);
border-radius: var(--ker); z-index: 50;
}
.almenu[hidden] { display: none; }
.almenu--ket-oszlop { display: grid; grid-template-columns: repeat(2, minmax(17rem, 1fr)); column-gap: var(--t-3xs); }
.almenu--ket-oszlop[hidden] { display: none; }
.almenu a {
display: flex; align-items: center; gap: 0.6em;
padding: 0.55em 0.7em; border-radius: var(--ker);
text-decoration: none; color: var(--torzs); font-size: var(--sz-sm);
}
@media (hover: hover) { .almenu a:hover { background: var(--meleg-tomb); color: var(--cim); } }
.hamburger { flex: none; display: none; background: none; border: 0; cursor: pointer;
color: var(--cim); font-size: var(--sz-xl); padding: 0.25em; line-height: 0; }
.hamburger__jel { position: relative; display: block; width: 1em; height: 1em; }
.hamburger__vonal {
position: absolute; top: calc(50% - 0.03125em); left: 0.15625em;
width: 0.6875em; height: 0.0625em; border-radius: 0.03125em; background: currentColor;
transition: translate 200ms var(--mozgas-erkezik) 170ms, rotate 190ms var(--mozgas-erkezik), scale 190ms var(--mozgas-erkezik);
}
.hamburger__vonal:nth-child(1) { translate: 0 -0.25em; }
.hamburger__vonal:nth-child(3) { translate: 0 0.25em; }
.hamburger__vonal:nth-child(2) { transition: scale 200ms var(--mozgas-erkezik) 170ms, opacity 160ms linear 190ms; }
.hamburger[aria-expanded="true"] .hamburger__vonal {
transition: translate 190ms var(--mozgas-erkezik), rotate 230ms var(--mozgas-erkezik) 160ms, scale 230ms var(--mozgas-erkezik) 160ms;
}
.hamburger[aria-expanded="true"] .hamburger__vonal:nth-child(1) { translate: 0 0; rotate: 45deg; scale: 1.157 1; }
.hamburger[aria-expanded="true"] .hamburger__vonal:nth-child(3) { translate: 0 0; rotate: -45deg; scale: 1.157 1; }
.hamburger[aria-expanded="true"] .hamburger__vonal:nth-child(2) { scale: 0 1; opacity: 0; transition: scale 190ms var(--mozgas-erkezik), opacity 120ms linear; }
.fomenu { display: contents; }
.fomenu__elerhetoseg, .fomenu__lablec, .fomenu__foglalas { display: none; }
.fejlec__foglalas { margin-left: auto; justify-self: end; white-space: nowrap; order: 2; }
.menu { order: 1; }
.hamburger { order: 3; }
.savsor {
position: fixed; inset-inline: 0; bottom: 0; z-index: 45;
padding-block: 0.4rem;
padding-bottom: calc(0.4rem + env(safe-area-inset-bottom, 0px));
background: var(--feher); border-top: 1px solid var(--keret-diszito);
overflow-x: clip;
}
.savsor__belso {
max-width: var(--doboz); margin-inline: auto;
padding-inline: max(var(--kozter), env(safe-area-inset-left, 0px), env(safe-area-inset-right, 0px));
display: flex; align-items: center; gap: var(--t-sm);
}
.savsor__bal { display: flex; flex-wrap: wrap; align-items: center; gap: var(--t-2xs) var(--t-lg); margin-right: auto; }
.savsor__allapot { margin: 0; display: flex; align-items: center; gap: 0.5em; }
.savsor__allapot-szoveg { display: contents; }
.savsor__cim { display: inline-flex; align-items: center; gap: 0.4em; color: var(--torzs); text-decoration: none; font-size: var(--sz-sm); }
.savsor__cim .ikon { color: var(--marka-tett); }
@media (hover: hover) { .savsor__cim:hover { text-decoration: underline; color: var(--cim); } }
.savsor__hivas {
display: inline-flex; align-items: center; gap: 0.45em;
color: var(--marka-tett); text-decoration: none; font-weight: 600;
padding: 0.25em 0;
}
@media (hover: hover) { .savsor__hivas:hover { text-decoration: underline; color: var(--marka-tett-ra); } }
.savsor__reszlet--rovid, .savsor__hivas-ikon { display: none; }
.savsor__hivas .ikon { width: 1.15em; height: 1.15em; }
.savsor__hivas .savsor__szam { font-weight: 700; }
.savsor__hivas .savsor__hivas-cimke + .savsor__szam::before { content: "·"; margin: 0 0.35em 0 0; opacity: 0.7; }
.savsor--figyel { clip-path: inset(-1rem 0 0 0); transition: clip-path 560ms var(--mozgas-ki, ease-out), visibility 560ms; }
.savsor--figyel.savsor--rejtett, .savsor--rejtett { clip-path: inset(100% 0 0 0); visibility: hidden; }
:root.js body:has(.fejsav__gombok) .savsor:not(.savsor--figyel) { clip-path: inset(100% 0 0 0); visibility: hidden; }
@media (prefers-reduced-motion: reduce) { .savsor--figyel { transition: none; } }
:root[data-mozgas="ki"] .savsor--figyel { transition: none; }
@media (width > 62.5rem) {
.savsor__belso { container: savsor / inline-size; }
@container savsor (inline-size < 59em) {
.savsor__hivas-cimke { display: none; }
.savsor__hivas .savsor__hivas-cimke + .savsor__szam::before { content: none; }
}
@container savsor (inline-size < 48em) {
.savsor__cim { display: none; }
}
}
.lablec { padding-bottom: calc(5.5rem + env(safe-area-inset-bottom, 0px)); }
:root.menu-nyitva .savsor { clip-path: inset(100% 0 0 0); visibility: hidden; }
@media (max-width: 62.5rem) {
:root:has(:is(input:not([type="checkbox"], [type="radio"], [type="submit"], [type="button"], [type="hidden"]), textarea, select):focus) .savsor {
clip-path: inset(100% 0 0 0); visibility: hidden;
}
}
:root.savsor-lablec .lablec { padding-bottom: 0; }
.lablec { background: var(--sotet); color: var(--feher); margin-top: var(--t-2xl); }
body:has(main > .sav:last-child) .lablec { margin-top: 0; }
.lablec__belso {
max-width: var(--doboz); margin-inline: auto; padding: var(--t-xl) var(--kozter);
display: grid; gap: var(--t-lg) var(--t-xl);
grid-template-columns: repeat(auto-fit, minmax(min(16rem, 100%), 1fr));
}
@media (min-width: 51rem) {
.lablec__belso { grid-template-columns: minmax(0, 1.5fr) minmax(0, 0.9fr) minmax(0, 1.1fr); }
}
@media (max-width: 50.99rem) {
.lablec__belso { grid-template-columns: minmax(0, 1fr); }
.lablec__menu ul { grid-template-columns: repeat(auto-fill, minmax(9rem, 1fr)); column-gap: var(--t-md); }
.lablec .rend { max-width: 28rem; }
.lablec .lablec__jogi .lablec__akadaly { margin-left: 0; }
.lablec__ora { order: 1; }
.lablec__menu { order: 2; }
.lablec__jogi { order: 3; }
.lablec__zaras { order: 4; }
.lablec__belso { row-gap: var(--t-md); }
.lablec__belso > :is(.lablec__ora, .lablec__menu, .lablec__jogi) {
padding-top: var(--t-md); border-top: 1px solid rgb(255 255 255 / 0.12);
}
.lablec .lablec__jogi { margin-top: 0; gap: var(--t-sm) var(--t-lg); }
.lablec .lablec__zaras { margin-top: calc(var(--t-sm) - var(--t-md)); padding-top: var(--t-sm); border-top: 0; row-gap: var(--t-2xs); }
.lablec__oszlop:first-child p:not(.lablec__nev, .lablec__jelmondat) { margin-bottom: 0; }
.lablec__oszlop:first-child p:not(.lablec__nev, .lablec__jelmondat) a { padding-block: 0.4em; }
.lablec__jelmondat { margin-bottom: 0.5em; }
}
.lablec p { margin: 0 0 0.4em; display: flex; align-items: center; gap: 0.5em; }
.lablec a { color: var(--feher); }
.lablec__nev { font-weight: 700; font-size: var(--sz-lead); color: var(--marka-disz-sotetben); margin-bottom: 0; }
.lablec__nev a { color: inherit; text-decoration: none; }
@media (hover: hover) { .lablec__nev a:hover { text-decoration: underline; } }
.lablec__jelmondat { margin-top: 0.1em; opacity: 0.85; }
.lablec .allapot span { color: rgb(255 255 255 / 0.65); }
.lablec .allapot--nyitva strong,
.lablec .allapot--zarodik strong,
.lablec .allapot--hamarosan strong,
.lablec .allapot--zarva strong { color: var(--feher); }
.lablec__cim { margin: 0 0 var(--t-xs); font-size: var(--sz-alap); font-weight: 700; color: var(--feher); }
.lablec__menu ul { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--t-2xs); }
.lablec__menu a { color: rgb(255 255 255 / 0.85); text-decoration: none; }
@media (hover: hover) { .lablec__menu a:hover { color: var(--feher); text-decoration: underline; } }
.lablec .rend th, .lablec .rend td { padding: 0.35em 0.5em; font-size: var(--sz-sm); }
.lablec .rend th { color: rgb(255 255 255 / 0.72); }
.lablec .rend td { color: var(--feher); }
.lablec .rend__sor + .rend__sor { border-top-color: rgb(255 255 255 / 0.14); }
.lablec .rend__sor--ma th, .lablec .rend__sor--ma td { background: none; color: var(--feher); }
.lablec .rend__sor--ma th, .lablec .rend__sor--ma td { color: var(--feher); }
.lablec .rend__zarva { color: rgb(255 255 255 / 0.55); }
.lablec .allapot { margin-bottom: var(--t-xs); }
@media (min-width: 62.5rem) and (max-width: 80rem) {
.fejlec__belso { gap: var(--t-2xs); }
.menu__lista { gap: 0; }
.fejlec__foglalas .ikon { display: none; }
.menu__link { padding-inline: 0.4em; }
.fejlec__foglalas { padding-inline: 0.85em; }
.fejlec__nyelv { padding-inline: 0.35em; }
}
@media (max-width: 62.5rem) {
.fejlec__belso { display: flex; }
.fejlec__jobb { margin-left: auto; }
.marka { flex: 1 1 0; min-width: 3.45em; flex-wrap: wrap; align-content: flex-start; height: 3.5em; overflow: hidden; }
.hamburger { display: block; margin-left: auto; }
.fejlec__foglalas ~ .hamburger { margin-left: 0; }
.fomenu {
display: none; position: fixed; inset: var(--fejlec-magassag, 4rem) 0 0 0;
overflow-y: auto;
overscroll-behavior: contain;
background: var(--feher); padding: var(--t-md);
padding-inline: max(var(--t-md), env(safe-area-inset-left, 0px), env(safe-area-inset-right, 0px));
padding-bottom: calc(var(--t-md) + env(safe-area-inset-bottom, 0px));
border-top: 1px solid var(--keret-diszito);
}
.fomenu--nyitva, .fomenu.kikuszik { display: block; }
.fomenu__elerhetoseg, .fomenu__lablec { display: grid; gap: var(--t-2xs); }
.fomenu__foglalas { display: flex; justify-content: center; width: 100%; margin-bottom: var(--t-md);
font-size: var(--sz-lead); padding: 0.8em 1em; }
.fomenu__elerhetoseg { padding-bottom: var(--t-sm); border-bottom: 1px solid var(--keret-diszito); }
.fomenu__elerhetoseg a, .fomenu__lablec a {
display: flex; align-items: center; gap: 0.6em; text-decoration: none;
color: var(--torzs); padding: 0.4em 0;
}
.fomenu__lablec { margin-top: var(--t-md); padding-top: var(--t-sm);
border-top: 1px solid var(--keret-diszito); }
.menu__lista { flex-direction: column; gap: 0; margin: var(--t-sm) 0; }
.menu__elem { flex-wrap: wrap; }
.menu__link { flex: 1; padding: 0.7em 0.75rem; margin-inline: -0.75rem; font-size: var(--sz-lead); justify-content: space-between; }
.menu__link[aria-expanded="true"] { background: none; }
.almenu { position: static; width: 100%; border: 0;
border-left: 2px solid var(--keret-diszito); border-radius: 0;
margin: 0 0 var(--t-2xs) 0.3em; padding-left: var(--t-sm); }
.almenu--ket-oszlop { grid-template-columns: minmax(0, 1fr); }
.fejlec__foglalas { padding: 0.55em 0.8em; font-size: var(--sz-sm); }
.savsor { padding-block: 0.35rem; padding-bottom: calc(0.35rem + env(safe-area-inset-bottom, 0px)); }
.savsor__belso {
padding-inline: max(var(--t-sm), env(safe-area-inset-left, 0px), env(safe-area-inset-right, 0px));
display: flex; align-items: center; column-gap: 0.75rem; white-space: nowrap; line-height: 1.3;
font-size: clamp(0.75rem, calc((100vw - 5.75rem) / 23.6), 0.875rem);
}
.savsor__bal { display: contents; }
.savsor__allapot { flex: none; align-items: center; gap: 0.4em; font-size: 1em; }
.savsor__allapot-szoveg { display: flex; align-items: baseline; column-gap: 0.3em; }
.savsor__reszlet { font-size: 1em; color: var(--halvany); }
.savsor__reszlet--rovid { display: none; }
.savsor__hivas { display: none; }
.savsor__cim { margin-left: auto; min-width: 0; min-height: 1.5rem; gap: 0.35em; font-size: 1em; }
.savsor__cim .ikon { flex: none; }
.savsor__cim > span { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.savsor__hivas-ikon {
display: inline-flex; flex: none; align-items: center; justify-content: center;
min-width: 1.75rem; min-height: 1.75rem; margin-right: -0.3rem;
color: var(--marka-tett); border-radius: var(--ker);
}
.savsor__hivas-ikon .ikon { width: 1.2rem; height: 1.2rem; }
}
@media (max-width: 39.99rem) {
.savsor__reszlet:not(.savsor__reszlet--rovid) { display: none; }
.savsor__reszlet--rovid { display: inline; }
}
@media (max-width: 32.99rem) { .savsor__cim-irsz { display: none; } }
@media (max-width: 23.4rem) { .savsor__cim .ikon { display: none; } }
@media (max-width: 22.49rem) { .savsor__hivas-ikon { display: none; } }
@media (max-width: 62.5rem) {
.savsor__belso[data-sav] :is(.savsor__cim-irsz, .savsor__cim-varos, .savsor__hivas-ikon),
.savsor__belso[data-sav] .savsor__cim .ikon { display: none; }
.savsor__belso[data-sav~="irsz"] .savsor__cim-irsz, .savsor__belso[data-sav~="varos"] .savsor__cim-varos { display: inline; }
.savsor__belso[data-sav~="ikon"] .savsor__cim .ikon { display: inline-block; }
.savsor__belso[data-sav~="hivas"] .savsor__hivas-ikon { display: inline-flex; }
.savsor__belso[data-sav~="nincs-utca"] .savsor__cim > span { display: none; }
.savsor__belso[data-sav~="nincs-utca"] .savsor__cim { min-width: 1.5rem; justify-content: center; }
.savsor__belso[data-sav~="nincs-cim"] .savsor__cim { display: none; }
.savsor__belso[data-sav~="nincs-reszlet"] :is(.savsor__reszlet, .savsor__reszlet--rovid) { display: none; }
}
@media (min-width: 22rem) and (max-width: 62.5rem) {
.almenu--ket-oszlop { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: var(--t-2xs); }
.almenu--ket-oszlop a { padding: 0.5em 0.35em 0.5em 0.6em; gap: 0.4em; line-height: 1.25; }
}
@media (max-width: 28rem) {
.fejlec__belso { gap: var(--t-2xs); }
}
@media (max-height: 30rem) and (max-width: 62.5rem) {
.marka__jel--teljes, .marka { height: 2.4em; }
.marka { min-width: 2.4em; }
.fejlec__belso { padding-block: var(--t-3xs); }
.savsor { padding-block: 0.25rem; padding-bottom: calc(0.25rem + env(safe-area-inset-bottom, 0px)); }
}
@media (max-width: 30rem) { .marka { height: 2.9em; min-width: 2.9em; } }
@media (max-width: 23rem) {
:root { --kozter: 1rem; }
.fejlec__belso, .fejlec__jobb { gap: 0.375rem; }
.hamburger { padding: 0.15em; }
}
.hirdetmeny {
margin: 0;
padding: var(--t-2xs) var(--t-md);
background: var(--sotet);
color: var(--feher);
font-size: var(--sz-sm);
text-align: center;
max-width: none;
}
.sav { padding-block: var(--t-2xl); }
.sav--velemenyek,
.sav--szolgaltatasok { background: var(--feher); }
.sav h2 { margin-bottom: var(--t-lg); }
.sav__tovabb { margin: var(--t-lg) 0 0; font-weight: 600; }
.sav__tovabb a { display: inline-flex; align-items: center; gap: 0.4em; }
.fejsav {
position: relative;
padding-block: var(--t-3xl);
background:
radial-gradient(120% 100% at 85% 0%, #fff9f0 0%, transparent 60%),
var(--meleg-tomb);
overflow: hidden;
}
.fejsav__cim { font-size: var(--sz-4xl); max-width: 20ch; margin-bottom: var(--t-sm); }
.fejsav__bevezeto {
font-size: var(--sz-lead);
max-width: 54ch;
margin-bottom: var(--t-xl);
}
.allapot-nagy {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 0.2em 0.5em;
margin: 0 0 var(--t-lg);
max-width: none;
font-size: var(--sz-lead);
line-height: 1.3;
}
.allapot-nagy .ikon { width: 1em; height: 1em; color: var(--halvany); }
.allapot-nagy { font-size: var(--sz-lead); --allapot-cimke: clamp(1.5rem, 0.95982rem + 2.8571vw, 1.75rem); }
@supports (width: round(1.5px, 1px)) {
.allapot-nagy { --allapot-cimke: clamp(1.5rem, round(0.95982rem + 2.8571vw, 0.25px), 1.75rem); }
}
.allapot-nagy .allapot__pont { width: calc(var(--allapot-cimke) * 0.65); height: calc(var(--allapot-cimke) * 0.65); }
.allapot-nagy__cimke { font-size: var(--allapot-cimke); }
.allapot-nagy.allapot--nyitva .allapot-nagy__cimke,
.allapot-nagy.allapot--zarva .allapot-nagy__cimke,
.allapot-nagy__cimke { font-weight: 700; color: var(--cim); }
.allapot-nagy__reszlet { color: var(--torzs); }
.fejsav__gombok { display: flex; flex-wrap: wrap; gap: var(--t-sm); }
.fejsav__melle {
display: flex; flex-wrap: wrap; align-items: center; gap: var(--t-2xs) var(--t-lg);
margin: calc(-1 * var(--t-2xs)) 0 var(--t-md); max-width: none;
font-size: var(--sz-sm);
}
.fejsav__surgos {
display: inline-flex; align-items: center; gap: 0.4em;
font-weight: 600; color: var(--marka-tett);
}
.fejsav__surgos .ikon { width: 1.15em; height: 1.15em; }
.fejsav__ertekeles {
display: inline-flex; align-items: baseline; gap: 0.4em;
font-weight: 600; color: var(--cim); text-decoration: none;
}
@media (hover: hover) { .fejsav__ertekeles:hover { text-decoration: underline; } }
.fejsav__ertekeles .ikon { width: 1.1em; height: 1.1em; color: var(--marka-disz); }
.fejsav__ertekeles strong { font-size: var(--sz-alap); }
.fejsav__ertekeles .osszegzes__felirat { color: var(--torzs); font-weight: 500; }
.gomb--nagy { padding: 0.85em 1.6em; font-size: var(--sz-lead); }
.gomb--nagy .ikon { font-size: 1.4em; }
.gomb__szam {
display: block;
font-size: var(--sz-sm);
font-weight: 500;
font-variant-numeric: tabular-nums;
opacity: 0.92;
}
.sav__fej {
display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between;
gap: var(--t-2xs) var(--t-lg);
margin-bottom: var(--t-lg);
}
.sav .sav__fej h2, .sav__fej h2 { margin-bottom: 0; }
.sav__fej-link { display: inline-flex; align-items: center; gap: 0.4em; font-weight: 600; }
.fejezet__cim { font-size: var(--sz-3xl); }
.fejezet__jel { display: block; width: 0.6em; height: 0.6em; margin: 0 0 0.3em; color: var(--marka-disz); rotate: -14deg; }
.sav.sav--krem { background: var(--meleg-halvany); }
.sav.sav--feher { background: var(--feher); }
.sav--krem .velemeny,
.sav--krem .kartya { background: var(--feher); }
.sav--bizalmi { padding-block: var(--t-md); background: var(--feher); border-bottom: 1px solid var(--keret-diszito); }
.bizalmi {
list-style: none; margin: 0; padding: 0;
display: grid; gap: var(--t-sm) var(--t-lg);
grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 48rem) { .bizalmi { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 30rem) { .bizalmi { grid-template-columns: minmax(0, 1fr); gap: var(--t-sm); } }
.bizalmi__elem { display: flex; align-items: flex-start; gap: 0.55em; font-weight: 600; color: var(--cim); }
.bizalmi__szoveg { display: flex; flex-direction: column; gap: 0.15em; min-width: 0; }
.bizalmi__szoveg small { font-weight: 500; font-size: var(--sz-sm); line-height: 1.4; color: var(--torzs); }
.bizalmi__elem .ikon { width: 1.35em; height: 1.35em; color: var(--marka-tett); flex-shrink: 0; margin-top: 0.15em; }
.bizalmi__elem .ikon--ketszinu { width: 2.1em; height: 2.1em; margin-top: -0.1em; }
.bizalmi__elem .ikon--rajzolt { width: 2.4em; height: 2.4em; margin-top: -0.2em; }
@media (width > 62.5rem) {
.fejsav { padding-block: clamp(var(--t-md), calc((100vh - 44rem) / 2), var(--t-3xl)); }
.fejsav { padding-block: clamp(var(--t-md), calc((100svh - 44rem) / 2), var(--t-3xl)); }
.fejsav__cim { font-size: min(var(--sz-4xl), 7.5vh); }
.fejsav__bevezeto { margin-bottom: clamp(var(--t-sm), 5vh, var(--t-xl)); }
.allapot-nagy { margin-bottom: clamp(var(--t-sm), 4vh, var(--t-lg)); }
.allapot-nagy { --allapot-cimke: 1.875rem; }
.fejsav .fejsav__belso--kephely { grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); }
.fejsav__gombok .gomb--nagy { font-size: var(--sz-sm); }
.fejsav__kartya .fejsav__bevezeto { max-width: none; }
.fejsav__kartya .fejsav__melle { column-gap: var(--t-xs); justify-content: space-between; }
.fejsav .fejsav__kartya { padding-inline: var(--t-md); }
.fejsav__kartya .fejsav__ertekeles { font-size: 0.9375rem; }
.fejsav__kartya .fejsav__ertekeles strong { font-size: 1.1em; }
.fejsav__gombok .gomb--nagy .ikon { font-size: 1.3em; }
.sav--bizalmi { padding-block: clamp(0.75rem, 2.2vh, var(--t-md)); }
.kezdokep { display: flex; flex-direction: column; }
.kezdokep > .fejsav { flex: 1 0 auto; display: grid; align-content: center; min-height: calc(100vh - var(--fejlec-magassag, 4.375rem)); min-height: calc(100svh - var(--fejlec-magassag, 4.375rem)); }
.kezdokep > .fejsav > .savon { width: 100%; }
.fejsav__melle { column-gap: var(--t-sm); }
@media (height <= 64rem) {
.fejsav__cim { font-size: min(var(--sz-3xl), 6.6vh); }
.fejsav__bevezeto { font-size: var(--sz-alap); margin-bottom: clamp(var(--t-2xs), 3vh, var(--t-md)); }
.allapot-nagy { margin-bottom: clamp(var(--t-2xs), 2.5vh, var(--t-sm)); }
}
}
.velemenyek__osszegzes {
display: inline-flex; align-items: baseline; gap: 0.35em;
font-weight: 600; color: var(--cim); text-decoration: none;
}
@media (hover: hover) { .velemenyek__osszegzes:hover { text-decoration: underline; } }
.velemenyek__osszegzes :is(.ikon--csillag, .ikon--facebook-teli) { width: 1.1em; height: 1.1em; color: var(--marka-disz); }
.velemenyek__osszegzes .ikon--kifele { width: 0.9em; height: 0.9em; color: var(--halvany); }
.velemenyek__osszegzes strong { font-size: var(--sz-xl); line-height: 1; }
.velemenyek__osszegzes .osszegzes__felirat { color: var(--torzs); font-weight: 500; }
.osszegzes__fej { display: flex; align-items: center; gap: inherit; flex: none; white-space: nowrap; }
.osszegzes__fej strong { align-self: baseline; }
.osszegzes__felirat { min-width: 0; }
:root { --jelveny-k: 21.9; --jelveny-k-fejsav: 20.2; }
:root:lang(en) { --jelveny-k: 22.7; --jelveny-k-fejsav: 20.95; }
.velemenyek__osszegzes { font-size: min(var(--sz-alap), calc((100vw - 2 * var(--kozter)) / var(--jelveny-k))); }
:is(.velemenyek__osszegzes, .fejsav__ertekeles) { padding-block: 3px; margin-block: -3px; background-origin: content-box; }
.fejsav__ertekeles { font-size: min(var(--sz-sm), calc((100vw - 2 * var(--kozter)) / var(--jelveny-k-fejsav))); }
@supports (width: round(down, 1.5px, 1px)) {
.velemenyek__osszegzes { font-size: min(var(--sz-alap), round(down, calc((100vw - 2 * var(--kozter)) / var(--jelveny-k)), 0.25px)); }
.fejsav__ertekeles { font-size: min(var(--sz-sm), round(down, calc((100vw - 2 * var(--kozter)) / var(--jelveny-k-fejsav)), 0.25px)); }
}
@media (max-width: 48rem) {
.velemenyek__osszegzes strong { font-size: 1.353em; }
.fejsav__ertekeles strong { font-size: 1.097em; }
}
.velemenyek {
list-style: none; margin: 0; padding: 0 0 var(--t-2xs);
display: grid; grid-auto-flow: column; gap: var(--t-xl);
grid-auto-columns: calc((100% - 2 * var(--t-xl)) / 3);
align-items: stretch;
overflow-x: hidden;
scroll-snap-type: x mandatory;
scrollbar-width: none;
}
.velemenyek::-webkit-scrollbar { display: none; }
.velemenyek:focus-visible { outline-offset: 6px; }
.velemenyek__elem { scroll-snap-align: start; min-width: 0; }
@media (max-width: 60rem) { .velemenyek { grid-auto-columns: calc((100% - var(--t-xl)) / 2); } }
@media (max-width: 40rem) { .velemenyek { grid-auto-columns: 100%; gap: var(--t-lg); } }
@media (pointer: coarse) {
.velemenyek { overflow-x: auto; overscroll-behavior-x: contain; }
.velemenyek__elem { scroll-snap-stop: always; }
}
.lapozo { display: flex; justify-content: flex-end; gap: var(--t-2xs); margin-top: var(--t-md); }
.lapozo__gomb {
width: 2.75rem; height: 2.75rem; border-radius: 50%;
border: 2px solid var(--marka-tett); background: var(--feher); color: var(--marka-tett);
display: inline-flex; align-items: center; justify-content: center;
cursor: pointer; font-size: 1.1rem; line-height: 0;
transition: background var(--atmenet), color var(--atmenet), opacity var(--atmenet);
}
@media (hover: hover) { .lapozo__gomb:hover:not(:disabled) { background: var(--marka-tett); color: var(--feher); } }
.lapozo__gomb:disabled { opacity: 0.35; cursor: default; }
.lapozo__gomb--elozo .ikon { transform: rotate(180deg); }
.sav__fej-sor { margin: var(--t-3xs) 0 0; color: var(--halvany); font-size: var(--sz-sm); }
.velemenyek__jelvenyek { display: flex; flex-wrap: wrap; gap: var(--t-2xs) var(--t-md); align-items: center; }
.velemeny {
position: relative;
height: 100%;
display: flex; flex-direction: column;
padding: var(--t-md);
background: var(--meleg-halvany);
border-radius: var(--ker-nagy);
}
.velemeny__fej { margin-bottom: var(--t-xs); }
.velemeny__nev { margin: 0 0 var(--t-3xs); font-weight: 600; color: var(--cim); }
.velemeny__nev a { color: inherit; }
.velemeny__csillagok {
display: block; margin: 0;
width: calc(var(--csillag, 5) * 1.2em); height: 1.05em;
background-color: var(--marka-disz);
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M234.3,114.8l-45,38.8L203,211.8a16.4,16.4,0,0,1-24.5,17.8L128,198.5,77.5,229.6A16.4,16.4,0,0,1,53,211.8l13.8-58.1-45-38.8A16.5,16.5,0,0,1,31.1,86l59-4.8,22.8-55.1a16.4,16.4,0,0,1,30.3,0l22.8,55.1,59,4.8a16.5,16.5,0,0,1,9.4,28.9Z'/%3E%3C/svg%3E") 0 0 / 1.2em 1.05em repeat-x;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M234.3,114.8l-45,38.8L203,211.8a16.4,16.4,0,0,1-24.5,17.8L128,198.5,77.5,229.6A16.4,16.4,0,0,1,53,211.8l13.8-58.1-45-38.8A16.5,16.5,0,0,1,31.1,86l59-4.8,22.8-55.1a16.4,16.4,0,0,1,30.3,0l22.8,55.1,59,4.8a16.5,16.5,0,0,1,9.4,28.9Z'/%3E%3C/svg%3E") 0 0 / 1.2em 1.05em repeat-x;
}
@media (forced-colors: active) {
.velemeny__csillagok { forced-color-adjust: none; background-color: CanvasText; }
}
.velemeny__szoveg {
margin: 0 0 var(--t-xs);
color: var(--torzs);
line-height: 1.5;
white-space: pre-line;
overflow-wrap: anywhere;
max-height: 15em;
max-height: 10lh;
overflow-y: auto;
overscroll-behavior: contain;
scrollbar-width: thin;
scrollbar-color: var(--keret-diszito) transparent;
}
.velemeny__szoveg--gorgetheto {
-webkit-mask-image: linear-gradient(#000 calc(100% - 2.2lh), transparent);
mask-image: linear-gradient(#000 calc(100% - 2.2lh), transparent);
-webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
-webkit-mask-size: 100% 100%; mask-size: 100% 100%;
transition: -webkit-mask-size 420ms var(--mozgas-kozep, ease), mask-size 420ms var(--mozgas-kozep, ease);
}
.velemeny__szoveg--vegen { -webkit-mask-size: 100% calc(100% + 2.2lh); mask-size: 100% calc(100% + 2.2lh); }
.velemeny__lab { display: flex; flex-wrap: wrap; gap: 0 0.45em; margin: auto 0 0; font-size: var(--sz-sm); color: var(--halvany); }
.velemeny__lab > * + *::before { content: "·"; margin-right: 0.45em; }
.velemeny__forras { display: inline-flex; align-items: center; gap: 0.3em; }
.velemeny__forras .ikon { width: 1em; height: 1em; }
.tenyek {
display: grid;
gap: var(--t-lg) var(--t-2xl);
grid-template-columns: 1.15fr 1fr;
align-items: start;
}
.sav.sav--tenyek { background: var(--meleg-tomb); }
.sav--tenyek .rend__sor--ma th, .sav--tenyek .rend__sor--ma td { background: var(--feher); }
.sav--tenyek .terkep { border: 1px solid var(--keret-diszito); }
.tenyek h2 { margin-bottom: 0; }
.tenyek h3 { margin-bottom: var(--t-sm); }
.tenyek > h2, .tenyek__sor { grid-column: 1 / -1; }
.tenyek__sor { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)) auto; gap: var(--t-sm); align-items: stretch; }
.tenyek__sor .ikonparok { grid-column: 1 / 4; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-template-columns: subgrid; gap: var(--t-md) var(--t-lg); }
.tenyek__sor .ikonparok__par { padding: 0; }
.tenyek__utvonal { margin: 0 0 0 var(--t-sm); display: flex; align-items: center; }
@media (max-width: 62.5rem) {
.tenyek__sor { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.tenyek__sor .ikonparok { grid-column: 1 / -1; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-columns: subgrid; }
.tenyek__utvonal { grid-column: 1 / -1; margin: var(--t-2xs) 0 0; }
}
@media (max-width: 40rem) {
.tenyek__sor { grid-template-columns: minmax(0, 1fr); }
.tenyek__sor .ikonparok { grid-template-columns: minmax(0, 1fr); grid-template-columns: subgrid; }
.tenyek__utvonal .gomb { flex: 1; justify-content: center; }
}
.rend { width: 100%; border-collapse: collapse; font-variant-numeric: tabular-nums; }
.rend th, .rend td { padding: 0.55em 0.7em; text-align: left; font-weight: 400; }
.rend th { color: var(--torzs); }
.rend td { color: var(--cim); text-align: right; }
.rend__sor + .rend__sor { border-top: 1px solid var(--keret-diszito); }
.rend__sor--ma th, .rend__sor--ma td { background: var(--meleg-tomb); color: var(--cim); font-weight: 700; }
.rend__sor--ma th { border-radius: var(--ker) 0 0 var(--ker); }
.rend__sor--ma td { border-radius: 0 var(--ker) var(--ker) 0; }
.rend__sor--ma + .rend__sor { border-top-color: transparent; }
.rend__pont { display: inline-block; margin-left: 0.5em; vertical-align: 0.05em; }
.rend__zarva { color: var(--halvany); }
.kartyak {
list-style: none; margin: 0; padding: 0;
display: grid; gap: var(--t-lg);
grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 62rem) { .kartyak { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 40rem) { .kartyak { grid-template-columns: minmax(0, 1fr); } }
.kartyak--negy { grid-template-columns: repeat(4, 1fr); gap: var(--t-md); }
@media (max-width: 62rem) { .kartyak--negy { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 40rem) { .kartyak--negy { grid-template-columns: repeat(2, 1fr); gap: var(--t-sm); } .kartyak--negy .kartya { padding: var(--t-sm); } .kartyak--negy .kartya__cim { font-size: var(--sz-alap); } }
.kartya__tovabb { display: inline-flex; align-items: center; gap: 0.3em; margin-top: auto; padding-top: var(--t-2xs); font-size: var(--sz-sm); font-weight: 600; color: var(--marka-tett); }
.kartya__tovabb .ikon { width: 1em; height: 1em; }
@media (max-width: 40rem) {
.kartyak--kezdolap { grid-template-columns: repeat(2, 1fr); gap: var(--t-sm); }
.kartyak--kezdolap .kartya { padding: var(--t-sm); }
.kartyak--kezdolap .kartya__cim { font-size: var(--sz-alap); margin-bottom: 0; }
.kartyak--kezdolap .kartya__ikon { width: 1.5em; height: 1.5em; margin-bottom: var(--t-3xs); }
.kartyak--kezdolap .kartya__leiras { display: none; }
}
.kartya {
position: relative;
min-width: 0;
display: flex; flex-direction: column;
padding: var(--t-md);
background: var(--meleg-halvany);
border-radius: var(--ker-nagy);
transition: background var(--atmenet);
}
.kartya:hover { background: var(--meleg-tomb); }
.kartya__ikon { width: 1.9em; height: 1.9em; color: var(--marka-tett); margin-bottom: var(--t-xs); }
.ikon--ketszinu { --ikon-duo: var(--ikon-kitoltes); --ikon-duo-atl: 1; --ikon-tolt: var(--ikon-kitoltes); }
.almenu a .ikon--rajzolt, .cimke .ikon--rajzolt { width: 1.5em; height: 1.5em; }
.almenu a .ikon--rajzolt, .cimke .ikon--rajzolt { margin-block: -0.25em; }
.kartya__ikon.ikon--ketszinu { width: 3.1em; height: 3.1em; margin-bottom: var(--t-sm); }
.kartya__cim { font-size: var(--sz-xl); margin-bottom: var(--t-2xs); }
.kartya__link { color: var(--cim); text-decoration: none; }
.kartya__link:hover { color: var(--marka-tett); }
.kartya__link::after { content: ""; position: absolute; inset: 0; border-radius: inherit; }
.kartya__leiras { margin: 0; font-size: var(--sz-sm); color: var(--torzs); }
.tovabbiak {
display: grid; grid-template-rows: 0fr;
transition: grid-template-rows 560ms var(--mozgas-nyilik, var(--mozgas-erkezik));
}
.tovabbiak > .tovabbiak__vago { overflow: hidden; min-height: 0; }
.tovabbiak__racs { margin-top: var(--t-lg); }
.tovabbiak[data-nyitva] { grid-template-rows: 1fr; }
.tovabbiak__sor {
display: grid; grid-template-rows: 1fr; max-width: none;
transition: grid-template-rows 560ms var(--mozgas-nyilik, var(--mozgas-erkezik)), opacity 320ms var(--mozgas-erkezik);
}
.tovabbiak__sor-vago { overflow: hidden; min-height: 0; display: flex; justify-content: center; }
.tovabbiak__sor-vago > .gomb { margin-top: var(--t-lg); }
.tovabbiak[data-nyitva] + .tovabbiak__sor { grid-template-rows: 0fr; opacity: 0; }
.tovabbiak__nyil { width: 1em; height: 1em; transition: rotate 500ms var(--mozgas-erkezik); }
[aria-expanded="true"] .tovabbiak__nyil { rotate: 180deg; }
:root:not(.js) .tovabbiak { grid-template-rows: 1fr; }
:root:not(.js) .tovabbiak__sor { display: none; }
@media (max-width: 48rem) {
.tenyek { grid-template-columns: minmax(0, 1fr); }
.fejsav { padding-block: var(--t-2xl); }
.fejsav__gombok { gap: 0.625rem; }
.fejsav__gombok .gomb { font-size: clamp(0.8125rem, calc((100vw - 4.75rem) / 17.8), var(--sz-alap)); }
}
.fejsav__gombok .gomb { flex: 0 0 auto; justify-content: flex-start; padding: 0.8em 1.1em; line-height: 1.2; }
.fejsav__gombok .gomb > span { display: inline; }
.fejsav__gombok .gomb__szam { display: inline; margin-inline-start: 0.3em; font-size: max(0.86em, 0.75rem); }
.terkep {
display: block;
width: 100%;
border-radius: var(--ker-nagy);
background: var(--terkep-alap);
}
.terkep__utcanev {
font-size: 13px; font-weight: 600;
fill: var(--terkep-felirat);
}
.terkep__utcanev--fo { font-size: 15px; font-weight: 700; }
.terkep__megallo { font-size: 12px; fill: var(--terkep-felirat); }
.terkep__jel { font-size: 12px; font-weight: 600; fill: var(--terkep-felirat); }
.terkep__hely {
font-size: 12px; font-weight: 600;
letter-spacing: 0.08em; text-transform: uppercase;
fill: var(--terkep-felirat);
}
@supports (paint-order: stroke) {
.terkep__utcanev, .terkep__hely, .terkep__jel {
paint-order: stroke;
stroke: var(--terkep-alap);
stroke-width: 3.5px;
stroke-linejoin: round;
}
}
.terkep__leptek .terkep__jel { transform: translateY(28px); }
@media (max-width: 30rem) {
.terkep__leptek .terkep__jel { transform: translateY(31px); }
.terkep__utcanev, .terkep__hely, .terkep__jel, .terkep__megallo { font-size: 15px; }
.terkep__utcanev--fo { font-size: 17px; }
}
@media (max-width: 22.5rem) {
.terkep__utcanev, .terkep__hely, .terkep__jel, .terkep__megallo { font-size: 16.5px; }
.terkep__utcanev--fo { font-size: 18.5px; }
}
.terkep__rendelo circle:first-child {
transform-box: fill-box;
transform-origin: center;
animation: terkep-lukteto 2.2s ease-out infinite;
}
@keyframes terkep-lukteto {
0%   { transform: scale(0.6); opacity: 0.55; }
75%  { transform: scale(2.4); opacity: 0; }
100% { transform: scale(2.4); opacity: 0; }
}
.tenyek__terkep { margin: 0; }
@media (max-width: 40rem) {
.sav { padding-block: var(--t-xl); }
}
.laptető { padding-block: var(--t-xl) var(--t-lg); background: var(--meleg-tomb); }
.laptető { position: relative; overflow: hidden; }
.laptető > .savon { position: relative; z-index: 1; }
.laptető::after {
--mancsnyomok: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 240'%3E%3Cdefs%3E%3Cg id='k'%3E%3Cpath d='M-8.4 2C-8.4-3.2-4.4-6.4 0-6.4 4.4-6.4 8.4-3.2 8.4 2 8.4 6.2 5.8 8.3 3.2 7.8 1.9 7.5 1 8.3 0 8.3-1 8.3-1.9 7.5-3.2 7.8-5.8 8.3-8.4 6.2-8.4 2Z'/%3E%3Cellipse cx='-9.6' cy='-8.9' rx='2.8' ry='3.9' transform='rotate(-28 -9.6 -8.9)'/%3E%3Cellipse cx='-3.6' cy='-13.6' rx='3.0' ry='4.3' transform='rotate(-9 -3.6 -13.6)'/%3E%3Cellipse cx='3.6' cy='-13.6' rx='3.0' ry='4.3' transform='rotate(9 3.6 -13.6)'/%3E%3Cellipse cx='9.6' cy='-8.9' rx='2.8' ry='3.9' transform='rotate(28 9.6 -8.9)'/%3E%3C/g%3E%3Cg id='m'%3E%3Cpath d='M-7.6 1.6C-7.6-2.8-4.2-5.4 0-5.4 4.2-5.4 7.6-2.8 7.6 1.6 7.6 5.4 5.6 7.4 3.5 6.9 2.2 6.6 1.2 7.6 0 7.6-1.2 7.6-2.2 6.6-3.5 6.9-5.6 7.4-7.6 5.4-7.6 1.6Z'/%3E%3Cellipse cx='-7.9' cy='-7.6' rx='2.5' ry='2.9' transform='rotate(-22 -7.9 -7.6)'/%3E%3Cellipse cx='-2.9' cy='-11.2' rx='2.6' ry='3.0' transform='rotate(-7 -2.9 -11.2)'/%3E%3Cellipse cx='2.9' cy='-11.2' rx='2.6' ry='3.0' transform='rotate(7 2.9 -11.2)'/%3E%3Cellipse cx='7.9' cy='-7.6' rx='2.5' ry='2.9' transform='rotate(22 7.9 -7.6)'/%3E%3C/g%3E%3C/defs%3E%3Cuse href='%23k' transform='translate(-23 241) rotate(74) scale(1.90)' fill-opacity='0.55'/%3E%3Cuse href='%23k' transform='translate(66 256) rotate(88) scale(1.90)' fill-opacity='0.59'/%3E%3Cuse href='%23k' transform='translate(140 207) rotate(66) scale(1.90)' fill-opacity='0.65'/%3E%3Cuse href='%23k' transform='translate(229 212) rotate(83) scale(1.90)' fill-opacity='0.70'/%3E%3Cuse href='%23k' transform='translate(301 159) rotate(65) scale(1.90)' fill-opacity='0.76'/%3E%3Cuse href='%23k' transform='translate(390 169) rotate(86) scale(1.90)' fill-opacity='0.81'/%3E%3Cuse href='%23k' transform='translate(467 124) rotate(71) scale(1.90)' fill-opacity='0.87'/%3E%3Cuse href='%23k' transform='translate(555 140) rotate(89) scale(1.90)' fill-opacity='0.93'/%3E%3Cuse href='%23k' transform='translate(631 93) rotate(70) scale(1.90)' fill-opacity='0.98'/%3E%3Cuse href='%23k' transform='translate(720 100) rotate(78) scale(1.90)' fill-opacity='1.00'/%3E%3Cuse href='%23k' transform='translate(792 47) rotate(67) scale(1.90)' fill-opacity='1.00'/%3E%3Cuse href='%23k' transform='translate(881 54) rotate(86) scale(1.90)' fill-opacity='1.00'/%3E%3Cuse href='%23k' transform='translate(957 8) rotate(72) scale(1.90)' fill-opacity='1.00'/%3E%3Cuse href='%23k' transform='translate(1045 24) rotate(91) scale(1.90)' fill-opacity='1.00'/%3E%3Cuse href='%23k' transform='translate(1121 -21) rotate(68) scale(1.90)' fill-opacity='1.00'/%3E%3Cuse href='%23k' transform='translate(1210 -13) rotate(82) scale(1.90)' fill-opacity='1.00'/%3E%3Cuse href='%23m' transform='translate(-59 182) rotate(70) scale(1.75)' fill-opacity='0.55'/%3E%3Cuse href='%23m' transform='translate(6 180) rotate(84) scale(1.75)' fill-opacity='0.55'/%3E%3Cuse href='%23m' transform='translate(64 149) rotate(65) scale(1.75)' fill-opacity='0.59'/%3E%3Cuse href='%23m' transform='translate(129 144) rotate(84) scale(1.75)' fill-opacity='0.64'/%3E%3Cuse href='%23m' transform='translate(187 113) rotate(67) scale(1.75)' fill-opacity='0.68'/%3E%3Cuse href='%23m' transform='translate(253 113) rotate(87) scale(1.75)' fill-opacity='0.72'/%3E%3Cuse href='%23m' transform='translate(313 88) rotate(70) scale(1.75)' fill-opacity='0.76'/%3E%3Cuse href='%23m' transform='translate(379 91) rotate(88) scale(1.75)' fill-opacity='0.81'/%3E%3Cuse href='%23m' transform='translate(438 64) rotate(70) scale(1.75)' fill-opacity='0.85'/%3E%3Cuse href='%23m' transform='translate(504 61) rotate(79) scale(1.75)' fill-opacity='0.89'/%3E%3Cuse href='%23m' transform='translate(561 29) rotate(66) scale(1.75)' fill-opacity='0.93'/%3E%3Cuse href='%23m' transform='translate(627 25) rotate(84) scale(1.75)' fill-opacity='0.98'/%3E%3Cuse href='%23m' transform='translate(685 -5) rotate(68) scale(1.75)' fill-opacity='1.00'/%3E%3Cuse href='%23m' transform='translate(750 -4) rotate(89) scale(1.75)' fill-opacity='1.00'/%3E%3Cuse href='%23m' transform='translate(811 -29) rotate(71) scale(1.75)' fill-opacity='1.00'/%3E%3Cuse href='%23m' transform='translate(876 -27) rotate(87) scale(1.75)' fill-opacity='1.00'/%3E%3Cuse href='%23m' transform='translate(936 -55) rotate(66) scale(1.75)' fill-opacity='1.00'/%3E%3Cuse href='%23m' transform='translate(1001 -58) rotate(83) scale(1.75)' fill-opacity='1.00'/%3E%3Cuse href='%23m' transform='translate(1058 -90) rotate(67) scale(1.75)' fill-opacity='1.00'/%3E%3Cuse href='%23m' transform='translate(1124 -94) rotate(80) scale(1.75)' fill-opacity='1.00'/%3E%3Cuse href='%23m' transform='translate(1183 -123) rotate(71) scale(1.75)' fill-opacity='1.00'/%3E%3Cuse href='%23m' transform='translate(1249 -121) rotate(89) scale(1.75)' fill-opacity='1.00'/%3E%3C/svg%3E");
content: ""; position: absolute; z-index: 0; pointer-events: none;
inset-block: 0; right: 0;
left: calc(max(0px, (100% - var(--doboz)) / 2) + min(var(--doboz), 100%) * 0.46);
background: var(--marka-tett); opacity: 0.14;
-webkit-mask: var(--mancsnyomok) no-repeat left center / auto 100%, linear-gradient(to right, transparent, #000 22%);
-webkit-mask-composite: source-in;
mask: var(--mancsnyomok) no-repeat left center / auto 100%, linear-gradient(to right, transparent, #000 22%);
mask-composite: intersect;
}
@media (max-width: 60rem) { .laptető::after { display: none; } }
:root[data-akadalymentes] .laptető::after { display: none; }
@media print { .laptető::after { display: none; } }
.laptető h1 { max-width: 24ch; }
.laptető__bevezeto { font-size: var(--sz-lead); max-width: var(--olvas); margin: 0; }
.laptető__ikon { margin: 0 0 var(--t-2xs); font-size: var(--sz-2xl); color: var(--marka-tett); line-height: 1; }
.laptető__cimsor { display: flex; align-items: center; gap: var(--t-md); }
.laptető__cimsor h1 { margin-bottom: 0; }
.laptető__nagyikon { flex: none; width: 4.25rem; height: 4.25rem; color: var(--marka-tett); }
@media (max-width: 30rem) { .laptető__nagyikon { width: 3rem; height: 3rem; } }
.morzsa ol {
list-style: none; display: flex; flex-wrap: wrap; gap: 0.4em;
margin: 0 0 var(--t-xs); padding: 0;
font-size: var(--sz-sm); color: var(--halvany);
}
.morzsa li + li::before { content: "›"; margin-right: 0.4em; color: var(--halvany); }
.morzsa a { color: var(--halvany); display: inline-block; padding-block: 0.15em; }
@media (hover: hover) { .morzsa a:hover { color: var(--marka-tett); } }
.morzsa [aria-current] { color: var(--torzs); }
.szovegtorzs > * { max-width: var(--olvas); }
.laptető__kicker {
overflow-wrap: anywhere;
margin: 0 0 var(--t-2xs);
font-size: var(--sz-sm); font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase;
color: var(--marka-tett);
}
.szovegtorzs__lead { font-size: var(--sz-lead); color: var(--cim); }
.szovegtorzs h2 { margin-top: var(--t-lg); }
.szovegtorzs > .szakaszok { max-width: none; }
.szakasz {
display: grid; grid-template-columns: minmax(12rem, 1fr) minmax(0, var(--olvas));
gap: var(--t-2xs) var(--t-2xl); align-items: start;
padding-block: var(--t-lg); border-top: 1px solid var(--keret-diszito);
}
.szakasz:first-child { border-top: 0; padding-top: 0; }
.szakaszok .szakasz__cim { grid-column: 1; margin: 0; font-size: var(--sz-xl); }
.szakaszok .szakasz__torzs { grid-column: 2; min-width: 0; }
.szakasz--bevezeto { grid-template-columns: minmax(0, 1fr); padding-top: 0; }
.szakaszok .szakasz--bevezeto .szakasz__torzs { grid-column: 1; max-width: calc(var(--olvas) + 6ch); font-size: var(--sz-lead); }
.szakaszok .szakasz__torzs > * { max-width: none; }
.szakaszok .szakasz__torzs > :last-child { margin-bottom: 0; }
.szakasz__lista { margin: 0 0 var(--t-sm); padding-left: 1.2em; }
.szakasz__lista li { margin-bottom: 0.25em; }
@media (max-width: 48rem) {
.szakasz { grid-template-columns: minmax(0, 1fr); }
.szakaszok .szakasz__cim, .szakaszok .szakasz__torzs { grid-column: 1; }
}
.sav--reszletek { padding-top: 0; }
.pontok { list-style: none; margin: var(--t-md) 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: var(--t-xs) var(--t-lg); }
.pontok li { display: flex; align-items: center; gap: 0.45em; font-weight: 600; color: var(--cim); }
.pontok .ikon { width: 1.2em; height: 1.2em; color: var(--marka-tett); }
.arjelzes {
margin-top: var(--t-lg); padding: var(--t-md);
background: var(--meleg-halvany); border-radius: var(--ker-nagy);
}
.arjelzes__cim { font-size: var(--sz-alap); margin: 0 0 var(--t-xs); }
.arjelzes__lista { margin: 0; }
.arjelzes__sor { display: flex; justify-content: space-between; gap: var(--t-md); padding: 0.4em 0; border-top: 1px solid var(--keret-diszito); }
.arjelzes__sor:first-child { border-top: 0; }
.arjelzes__sor dt { color: var(--torzs); }
.arjelzes__sor dd { margin: 0; font-weight: 700; color: var(--cim); text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums; }
.arjelzes__sor dd small { display: block; font-size: var(--sz-sm); color: var(--halvany); font-weight: 400; white-space: normal; max-width: 12rem; margin-left: auto; }
.arjelzes__mind { margin: var(--t-xs) 0 0; font-size: var(--sz-sm); }
.arjelzes__mind a { display: inline-flex; align-items: center; gap: 0.35em; font-weight: 600; }
.szolgaltatas__cta { margin-top: var(--t-lg); }
.szolgaltatas__racs { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(18rem, 1fr); gap: var(--t-lg) var(--t-2xl); align-items: start; }
.szolgaltatas__racs .arjelzes { margin-top: 0; background: var(--feher); border: 1px solid var(--keret-diszito); }
.pontok--oszlop { flex-direction: column; gap: var(--t-xs); margin-top: var(--t-md); }
@media (max-width: 48rem) { .szolgaltatas__racs { grid-template-columns: minmax(0, 1fr); } }
.keszul { margin: 0; }
.cimkesor { list-style: none; display: flex; flex-wrap: wrap; gap: var(--t-2xs); margin: 0; padding: 0; }
.cimkesor > li { display: flex; max-width: 100%; }
.cimke { max-width: 100%; overflow-wrap: anywhere; }
.cimke {
display: inline-flex; align-items: center; gap: 0.45em;
padding: 0.5em 0.9em; border-radius: 999px;
background: var(--meleg-halvany); color: var(--torzs);
text-decoration: none; font-size: var(--sz-sm);
transition: background var(--atmenet), color var(--atmenet);
}
.cimke:hover { background: var(--marka-tett); color: var(--feher); }
.sav--tovabbiak { background: var(--feher); }
.tovabbi-lapok { display: grid; gap: var(--t-md); grid-template-columns: repeat(2, 1fr); }
.tovabbi-lapok--racs { grid-template-columns: repeat(auto-fit, minmax(min(18rem, 100%), 1fr)); }
.tovabbi-lap {
display: flex; align-items: flex-start; gap: var(--t-sm);
padding: var(--t-md); border-radius: var(--ker-nagy);
background: var(--meleg-halvany); color: var(--torzs); text-decoration: none;
transition: background var(--atmenet);
}
.tovabbi-lap:hover { background: var(--meleg-tomb); color: var(--torzs); }
.tovabbi-lap .ikon { font-size: var(--sz-xl); color: var(--marka-tett); margin-top: 0.1em; }
.tovabbi-lap strong { display: block; color: var(--cim); font-size: var(--sz-lead); }
.tovabbi-lap small { display: block; margin-top: 0.2em; font-size: var(--sz-sm); }
.nincs__gombok { display: flex; flex-wrap: wrap; gap: var(--t-sm); margin-top: var(--t-md); }
.tovabbi-lapok--menu { list-style: none; margin: 0; padding: 0; grid-template-columns: repeat(auto-fit, minmax(min(11rem, 100%), 1fr)); }
.tovabbi-lapok--menu .tovabbi-lap { align-items: center; justify-content: space-between; }
.tovabbi-lapok--menu .tovabbi-lap .ikon { margin-top: 0; font-size: var(--sz-lead); }
.sav--bizalom { background: var(--feher); }
.szamozott {
list-style: none; margin: 0; padding: 0;
display: grid; gap: var(--t-lg);
grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 48rem) { .szamozott { grid-template-columns: minmax(0, 1fr); } }
.szamozott__kartya {
padding: var(--t-md);
background: var(--meleg-halvany);
border-radius: var(--ker-nagy);
}
.szamozott__szam {
display: block; margin-bottom: var(--t-xs);
font-size: var(--sz-xl); font-weight: 800; letter-spacing: -0.02em;
color: var(--marka-disz); font-variant-numeric: tabular-nums;
}
.szamozott__cim { font-size: var(--sz-xl); margin-bottom: var(--t-2xs); }
.szamozott__leiras { margin: 0; color: var(--torzs); }
.szamozott--oszlop { grid-template-columns: minmax(0, 1fr); gap: var(--t-sm); }
.szamozott--oszlop .szamozott__kartya { padding: var(--t-sm) var(--t-md); }
.szamozott--oszlop .szamozott__szam { display: inline; margin: 0 0.5em 0 0; font-size: var(--sz-lead); }
.szamozott--oszlop .szamozott__cim { display: inline; font-size: var(--sz-lead); }
.idopont { display: grid; gap: var(--t-xl) var(--t-2xl); grid-template-columns: 1.4fr 1fr; align-items: start; }
@media (max-width: 60rem) { .idopont { grid-template-columns: minmax(0, 1fr); } }
.idopont__mellette h2 { margin-bottom: var(--t-xs); }
.idopont__jegyzet { color: var(--torzs); margin-bottom: var(--t-md); }
.idopont__elonyok { display: flex; align-items: center; gap: 0.45em; margin: var(--t-md) 0 0; font-size: var(--sz-sm); color: var(--torzs); }
.idopont__elonyok .ikon { color: var(--nyitva); }
.jelveny {
display: inline-flex; align-items: center; gap: 0.4em;
margin: 0 0 var(--t-md); padding: 0.3em 0.8em;
border-radius: 999px; background: var(--meleg-tomb); color: var(--cim);
font-size: var(--sz-sm); font-weight: 600;
}
.jelveny .ikon { width: 1.1em; height: 1.1em; color: var(--marka-tett); }
.urlap--idopont { max-width: none; }
.urlap__alcim { color: var(--torzs); margin-bottom: var(--t-md); }
.urlap__lepes { margin: 0 0 var(--t-md); padding: 0; border: 0; min-width: 0; }
.urlap__lepes > legend, .urlap__lepes > label { font-size: var(--sz-lead); font-weight: 700; color: var(--cim); padding: 0; margin-bottom: var(--t-2xs); }
.urlap__lepes .urlap__mezo { margin-bottom: var(--t-xs); }
.urlap__valaszto { display: flex; flex-wrap: wrap; gap: var(--t-xs) var(--t-md); margin: 0; padding: 0; border: 0; }
.urlap__radio { display: inline-flex; align-items: center; gap: 0.4em; font-weight: 500; color: var(--cim); cursor: pointer; }
.urlap__radio input[type="radio"] { flex: none; width: 1.15rem; height: 1.15rem; accent-color: var(--marka-tett); margin: 0; }
.urlap--idopont textarea::placeholder, .urlap--idopont input::placeholder { color: var(--halvany); }
.sav--csapat + .sav--csapat { padding-top: 0; }
.sav--csapat h2 { margin-bottom: var(--t-md); }
.csapat {
list-style: none; margin: 0; padding: 0;
display: grid; gap: var(--t-xl) var(--t-lg);
grid-template-columns: repeat(3, 1fr);
align-items: start;
}
@media (max-width: 62rem) { .csapat { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 40rem) { .csapat { grid-template-columns: minmax(0, 1fr); gap: var(--t-lg); } }
@media (min-width: 62.0625rem) {
.csapat { grid-template-columns: repeat(6, 1fr); }
.csapat > .tag { grid-column: span 2; }
.csapat > .tag:last-child:nth-child(3n+1) { grid-column: 3 / span 2; }
.csapat > .tag:nth-last-child(2):nth-child(3n+1) { grid-column: 2 / span 2; }
.csapat > .tag:last-child:nth-child(3n+2) { grid-column: 4 / span 2; }
}
@media (min-width: 40.0625rem) and (max-width: 62rem) {
.csapat { grid-template-columns: repeat(4, 1fr); }
.csapat > .tag { grid-column: span 2; }
.csapat > .tag:last-child:nth-child(2n+1) { grid-column: 2 / span 2; }
}
.tag { min-width: 0; }
.tag__belso {
position: relative; aspect-ratio: 4 / 5;
border-radius: var(--ker-nagy); overflow: hidden; isolation: isolate;
}
.tag--fordul .tag__belso { cursor: pointer; }
.tag__belso:focus-visible { outline: var(--fokusz-vastag, 3px) solid var(--marka-tett); outline-offset: 4px; }
.tag__elo {
position: absolute; inset: 1.5px; display: flex; flex-direction: column; background: var(--meleg-tomb);
border-radius: calc(var(--ker-nagy) - 1.5px); overflow: hidden;
}
.tag__kep {
display: block; width: 100%; flex: 1 1 auto; min-height: 0; object-fit: cover;
background: var(--meleg-tomb); border-radius: 0; margin: 0; aspect-ratio: auto;
}
.tag__felirat { flex: none; padding: var(--t-sm) var(--t-md); background: var(--feher); }
.tag__avatar { display: grid; place-items: center; position: relative; background: var(--meleg-tomb); }
.tag__avatar--1 { background: var(--avatar-homok); }
.tag__avatar--2 { background: var(--avatar-szurke); }
.tag__alak { position: absolute; inset: 0; width: 100%; height: 100%; fill: var(--feher); opacity: 0.9; }
.tag__avatar-mancs { position: absolute; right: 1.1rem; bottom: 1rem; width: 1.75rem; height: 1.75rem; color: var(--marka-disz); opacity: 0.4; rotate: 16deg; }
.tag__nev { font-size: var(--sz-lead); margin: 0 0 0.15em; }
.tag__szerep { margin: 0; font-size: var(--sz-sm); font-weight: 600; color: var(--marka-tett); }
.tag__hat {
position: absolute; inset: -1px; z-index: 1;
display: flex; flex-direction: column; justify-content: safe center;
padding: calc(var(--t-md) + 1px);
background: var(--meleg-halvany); color: var(--torzs);
overflow: hidden;
clip-path: circle(0px at var(--kitoltes-x, 50%) var(--kitoltes-y, 50%));
transition: clip-path 650ms var(--mozgas-nyugodt);
}
@media (hover: none) { .tag__hat { overflow-y: auto; } }
.tag__hat-nev { font-family: var(--betu-cim, var(--betu)); font-size: var(--sz-lead); margin: 0 0 var(--t-xs); color: var(--cim); }
.tag__bemutatkozas p { margin: 0 0 var(--t-xs); font-size: var(--sz-sm); line-height: 1.55; color: var(--torzs); max-width: none; }
.tag__bemutatkozas p:last-child { margin-bottom: 0; }
.tag--nyitva .tag__hat {
clip-path: circle(var(--kitoltes-cel, 75%) at var(--kitoltes-x, 50%) var(--kitoltes-y, 50%));
transition-duration: 1100ms;
}
:root:not(.js) .tag--fordul:is(:hover, :focus-within) .tag__hat { clip-path: circle(75% at 50% 50%); transition-duration: 1100ms; }
.eszkozok {
list-style: none; margin: 0; padding: 0;
display: grid; gap: var(--t-sm);
grid-template-columns: repeat(auto-fit, minmax(min(16rem, 100%), 1fr));
}
.eszkoz {
display: flex; align-items: center; gap: 0.7em;
padding: var(--t-sm) var(--t-md);
background: var(--feher); border-radius: var(--ker);
font-size: var(--sz-lead); color: var(--cim);
}
.eszkoz .ikon { font-size: var(--sz-xl); color: var(--marka-tett); }
.arlista { width: 100%; border-collapse: collapse; }
.arlista th, .arlista td { padding: var(--t-sm) 0; text-align: left; vertical-align: baseline; }
.arlista th { font-weight: 500; color: var(--cim); }
.arlista tr + tr { border-top: 1px solid var(--keret-diszito); }
.arlista td.arlista__ar { text-align: right; width: 1%; }
.arlista__ar {
text-align: right; white-space: nowrap;
font-weight: 700; color: var(--cim);
font-variant-numeric: tabular-nums;
}
@media (max-width: 19rem) { .arlista .arlista__ar--szoveg { white-space: normal; } }
.arlista__megjegyzes { display: block; color: var(--halvany); font-size: var(--sz-sm); font-weight: 400; white-space: normal; }
.arlista thead th { padding-top: 0; font-size: var(--sz-xs); font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: var(--halvany); }
.arlista thead .arlista__ar-fej { text-align: right; }
.arlista thead tr + tr, .arlista tbody tr:first-child { border-top: 1px solid var(--keret-diszito); }
.arlista tr.arlista__uj-csoport { border-top: 2px solid var(--keret-diszito); }
.arlista tr.arlista__uj-csoport > * { padding-top: var(--t-lg); }
.kapcsolat {
display: grid; gap: var(--t-xl) var(--t-xl);
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.25fr);
align-items: start;
}
@media (max-width: 64rem) { .kapcsolat { grid-template-columns: repeat(2, minmax(0, 1fr)); } .kapcsolat__urlap { grid-column: 1 / -1; } }
.kapcsolat h2 { margin-bottom: var(--t-sm); }
.sav--terkep .terkep { margin-bottom: var(--t-md); }
.kapcsolat__gombok { display: flex; flex-wrap: wrap; gap: var(--t-xs); margin-bottom: var(--t-lg); }
.kapcsolat__sor { display: flex; align-items: center; gap: 0.6em; }
.kapcsolat__sor .ikon { width: 1.15em; height: 1.15em; color: var(--marka-tett); }
.megkozelites__sor {
display: grid; grid-template-columns: repeat(var(--oszlop, 3), minmax(0, 1fr));
gap: var(--t-lg) var(--t-xl); align-items: center; margin-bottom: var(--t-lg);
}
.megkozelites__sor--1 { --oszlop: 1; }
.megkozelites__sor--2 { --oszlop: 2; }
.megkozelites__sor--4 { --oszlop: 4; }
.megkozelites__sor .ikonparok { grid-column: 1 / -1; grid-template-columns: subgrid; }
.megkozelites__sor--gombbal .ikonparok { grid-column: 1 / -2; }
.megkozelites__utvonal { margin: 0; justify-self: end; }
@media (max-width: 62.5rem) {
.megkozelites__sor { grid-template-columns: minmax(0, 1fr); }
.megkozelites__sor .ikonparok { grid-column: auto; grid-template-columns: minmax(0, 1fr); }
.megkozelites__utvonal { justify-self: start; }
}
.terkepblokk { margin-bottom: var(--t-xl); }
.terkepblokk .terkep { margin-bottom: 0; }
.ikonparok {
display: grid; gap: var(--t-lg) var(--t-xl);
grid-template-columns: repeat(auto-fit, minmax(min(16rem, 100%), 1fr));
margin: 0;
}
.ikonparok__par { margin: 0; }
.ikonparok dt {
display: flex; align-items: center; gap: 0.5em;
margin-bottom: var(--t-2xs);
font-size: var(--sz-lead); font-weight: 700; color: var(--cim);
}
.ikonparok dt .ikon { color: var(--marka-tett); }
.ikonparok dd { margin: 0; color: var(--torzs); }
.ikonparok__par--rend { grid-column: 1 / -1; max-width: 34rem; }
.gyik { border-top: 1px solid var(--keret-diszito); }
.gyik__elem { border-bottom: 1px solid var(--keret-diszito); }
.gyik__kerdes {
display: flex; align-items: center; justify-content: space-between; gap: var(--t-sm);
padding: var(--t-sm) 0;
font-size: var(--sz-lead); font-weight: 600; color: var(--cim);
cursor: pointer; list-style: none;
}
.gyik__kerdes::-webkit-details-marker { display: none; }
.gyik__kerdes > span { min-width: 0; overflow-wrap: break-word; }
.gyik__nyil { flex: none; color: var(--marka-tett); transition: rotate 560ms var(--mozgas-nyilik, var(--mozgas-erkezik)); }
.gyik__elem[open]:not([data-zarul]) .gyik__nyil { rotate: 180deg; }
.gyik__hely { overflow: hidden; }
.gyik__valasz { padding: 0 0 var(--t-md); max-width: 60ch; }
.gyik__valasz p { margin: 0 0 var(--t-xs); }
.gyik__valasz p:last-child { margin-bottom: 0; }
.gyik__valasz .keszul { margin: 0; }
.sav--gyik { padding-block: var(--t-xl); }
.pdfek {
list-style: none; margin: 0; padding: 0;
display: grid; gap: var(--t-md);
grid-template-columns: repeat(auto-fit, minmax(min(16rem, 100%), 1fr));
}
.pdfek__link, .pdfek__kartya {
display: flex; flex-direction: column; gap: var(--t-2xs); height: 100%;
padding: var(--t-md);
border: 1px solid var(--keret-diszito); border-radius: var(--ker-nagy);
background: var(--feher); color: var(--torzs); text-decoration: none;
}
.pdfek__link:hover { border-color: var(--marka-tett); color: var(--torzs); }
.pdfek__kep { width: 100%; margin-bottom: var(--t-sm); border-radius: var(--ker); }
.pdfek__link .pdfek__kep, .pdfek__kartya .pdfek__kep { aspect-ratio: 3 / 2; }
.pdfek__cimke {
display: inline-flex; align-items: center; gap: 0.3em; align-self: flex-start;
font-size: var(--sz-xs); font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase;
color: var(--marka-tett);
}
.pdfek__cim { font-size: var(--sz-xl); color: var(--cim); }
.pdfek__alcim { color: var(--torzs); }
.pdfek__letoltes { margin-top: auto; align-self: flex-start; }
.pdfek__link > :has(+ .pdfek__letoltes) { margin-bottom: var(--t-sm); }
@media (width <= 75rem) and (width > 40rem) { .pdfek { grid-template-columns: repeat(2, 1fr); } }
.urlap { max-width: 34rem; }
.urlap__mezo { display: grid; gap: 0.35em; margin-bottom: var(--t-sm); max-width: none; }
.urlap label { font-weight: 600; color: var(--cim); font-size: var(--sz-sm); }
.urlap input, .urlap select, .urlap textarea {
font: inherit; color: var(--cim);
padding: 0.65em 0.8em;
border: 1px solid var(--keret-mezo);
border-radius: var(--ker);
background: var(--feher);
width: 100%;
}
.urlap input:not([type="radio"]):not([type="checkbox"]), .urlap select, .urlap textarea { -webkit-appearance: none; appearance: none; }
.urlap input:focus, .urlap select:focus, .urlap textarea:focus { border-color: var(--marka-tett); }
.urlap textarea { resize: vertical; min-height: 8rem; }
.urlap__legordulo { position: relative; display: block; }
.urlap__legordulo select { padding-right: 2.6em; cursor: pointer; }
.urlap__legordulo .ikon {
position: absolute; right: 0.9em; top: 50%; translate: 0 -50%;
width: 0.9em; height: 0.9em; color: var(--marka-tett); pointer-events: none;
}
.urlap__kotelezo { color: var(--marka-tett); }
.urlap__hiba { color: #a3312a; font-size: var(--sz-sm); }
.urlap__mezo--hibas :is(input, select, textarea) { border-color: #a3312a; border-width: 2px; }
.urlap__uzenet {
display: flex; align-items: flex-start; gap: 0.6em;
padding: var(--t-sm) var(--t-md); border-radius: var(--ker);
background: var(--meleg-tomb); color: var(--cim); max-width: none;
}
.urlap__uzenet--siker { background: #e8f2ec; }
.urlap__uzenet--hiba { background: var(--meleg-tomb); }
.urlap__uzenet:focus-visible { outline: var(--fokusz-vastag, 3px) solid var(--marka-tett); outline-offset: 3px; }
.urlap { transition: opacity 320ms var(--mozgas-erkezik); }
.urlap[data-kuldes] { opacity: 0.6; cursor: progress; }
.urlap[data-kuldes] :is(button, input, select, textarea) { pointer-events: none; }
.urlap__uzenet .ikon { margin-top: 0.2em; }
.mezesbodon {
position: absolute; left: -9999px;
width: 1px; height: 1px; overflow: hidden;
}
@media (max-width: 48rem) {
.kapcsolat, .tovabbi-lapok { grid-template-columns: minmax(0, 1fr); }
}
.lablec__jogi {
grid-column: 1 / -1;
display: flex; flex-wrap: wrap; gap: var(--t-sm) var(--t-md);
margin-top: var(--t-lg); padding-top: var(--t-sm);
border-top: 1px solid rgb(255 255 255 / 0.14);
font-size: var(--sz-sm);
}
.lablec__jogi .lablec__akadaly { margin-left: auto; }
.lablec__jogi a { color: rgb(255 255 255 / 0.75); }
@media (hover: hover) { .lablec__jogi a:hover { color: var(--feher); } }
.lablec__nyelv { margin-left: auto; font-weight: 600; }
.lablec__zaras {
grid-column: 1 / -1;
display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;
gap: var(--t-2xs) var(--t-md);
margin-top: var(--t-sm); padding-top: var(--t-sm);
border-top: 1px solid rgb(255 255 255 / 0.1);
font-size: var(--sz-xs); color: rgb(255 255 255 / 0.7);
}
.lablec__zaras p { margin: 0; }
.lablec .lablec__jog { display: block; max-width: none; }
.lablec__jog-resz { white-space: nowrap; }
.lablec__cegnev--rovid { display: none; }
@media (max-width: 48rem) {
.lablec__cegnev--teljes { display: none; }
.lablec__cegnev--rovid { display: inline; }
}
.lablec__keszito { gap: 0.5em; }
.lablec__kk { display: inline-flex; align-items: center; gap: 0.45em; color: rgb(255 255 255 / 0.85); min-height: 1.5rem; min-width: 1.5rem; }
@media (hover: hover) { .lablec__kk:hover { color: var(--feher); } }
.lablec__kk-jel { width: 1.9em; height: 1.05em; flex: none; }
.lablec__akadaly {
appearance: none; border: 0; background: none; padding: 0;
display: inline-flex; align-items: center; gap: 0.5em;
font: inherit; color: rgb(255 255 255 / 0.75); cursor: pointer;
}
@media (hover: hover) { .lablec__akadaly:hover { color: var(--feher); } }
:root:not(.js) .lablec__akadaly { display: none; }
@media (forced-colors: active) { .lablec__akadaly { border: 1px solid ButtonText; padding-inline: 0.4em; } }
.lablec__kapcs {
position: relative; flex: none;
width: 2.1em; height: 1.15em; border-radius: 999px;
border: 1px solid rgb(255 255 255 / 0.35);
background: rgb(255 255 255 / 0.12);
transition: background var(--atmenet), border-color var(--atmenet);
}
.lablec__kapcs::after {
content: ""; position: absolute; top: 0.15em; left: 0.15em;
width: 0.75em; height: 0.75em; border-radius: 50%;
background: rgb(255 255 255 / 0.8);
transition: translate 300ms var(--mozgas-erkezik, ease), background var(--atmenet);
}
.lablec__akadaly[aria-pressed="true"] .lablec__kapcs {
background: var(--marka-disz-sotetben); border-color: var(--marka-disz-sotetben);
}
.lablec__akadaly[aria-pressed="true"] .lablec__kapcs::after { translate: 0.95em 0; background: var(--sotet); }
:root[data-akadalymentes] a:where(:not([class*="gomb"], .marka, .ugras, .lablec a, .savsor__cim, .savsor__hivas,
.morzsa a, .velemeny__nev a, .velemeny__forras, .fejsav__ertekeles, .velemenyek__osszegzes, .sav__fej-link)) {
text-decoration: underline;
text-underline-offset: 0.18em;
}
:root[data-akadalymentes] :is(.lablec a:not(.gomb), .savsor__cim, .savsor__hivas, .morzsa a,
.velemeny__nev a, .velemeny__forras) { background-size: 100% 1px; }
:root[data-akadalymentes] :is(.fejsav__ertekeles, .velemenyek__osszegzes, .sav__fej-link) { background-size: 100% 2px; }
:root[data-akadalymentes] :focus-visible { outline-width: 4px; }
:root[data-akadalymentes] :is(.lablec__jogi a, .lablec__akadaly, .lablec a) { color: var(--feher); }
:root[data-akadalymentes] .lablec .rend__zarva { color: rgb(255 255 255 / 0.78); }
:root[data-akadalymentes] .lablec .allapot span { color: rgb(255 255 255 / 0.8); }
.homlokzat { margin: var(--t-lg) 0 0; max-width: 50rem; }
.homlokzat img { width: 100%; border-radius: var(--ker-nagy); display: block; }
.homlokzat figcaption {
margin-top: var(--t-2xs);
font-size: var(--sz-sm); color: var(--halvany);
}
.hibasav {
margin: 0; padding: var(--t-xs) var(--t-md);
background: #a3312a; color: var(--feher);
font-size: var(--sz-sm); text-align: center; max-width: none;
}
#wpadminbar .drbodri-hiba > .ab-item { color: #ff8a80 !important; font-weight: 700; }
.prototipus-jegyzet {
padding: var(--t-md); border-radius: var(--ker-nagy); background: var(--meleg-tomb);
color: var(--torzs); max-width: 60ch;
}
.kephely {
display: block; width: 100%; aspect-ratio: 4 / 3;
border-radius: var(--ker-nagy);
background: var(--meleg-tomb);
background: linear-gradient(150deg, var(--meleg-tomb) 0%, var(--keret-diszito) 100%);
}
.kephely--szeles { aspect-ratio: 11 / 6; }
.kephely--allo { aspect-ratio: 9 / 8; }
.kephely--portre { aspect-ratio: 4 / 5; }
@media (forced-colors: active) { .kephely { border: 1px solid CanvasText; } }
.kephely--kepes { position: relative; overflow: hidden; }
.kephely__kep { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.kephely--fejsav { aspect-ratio: 3 / 2; }
[data-kepvalto] .kephely__kep { opacity: 0; }
[data-kepvalto] .kephely__kep--latszik { opacity: 1; z-index: 1; }
[data-kepvalto] .kephely__kep--elol { z-index: 2; transition: opacity var(--kepvaltas-attunes, 1100ms) cubic-bezier(0.45, 0, 0.55, 1); }
.rolunk__bevezeto { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--t-lg); align-items: center; }
@media (max-width: 62rem) { .rolunk__bevezeto { grid-template-columns: minmax(0, 1fr); } }
.rolunk__kartya {
padding: var(--t-lg); background: var(--feher);
border: 1px solid var(--keret-diszito); border-radius: var(--ker-nagy);
}
.rolunk__kartya .szovegtorzs__lead { font-family: var(--betu-cim, var(--betu)); font-size: var(--sz-lead); line-height: 1.55; color: var(--cim); }
.rolunk__kartya .szovegtorzs__lead.rolunk__felvezeto {
margin: var(--t-md) 0 0; font-family: var(--betu); font-size: var(--sz-alap); font-weight: 600; color: var(--marka-tett);
}
:root:not([data-akadalymentes]) .rolunk__felvezeto a { color: inherit; text-decoration: none; }
.rolunk__felvezeto a { color: inherit; }
.rolunk__felvezeto a .ikon { width: 0.9em; height: 0.9em; vertical-align: -0.1em; }
@media (hover: hover) { .rolunk__felvezeto a:hover { color: var(--marka-tett-ra); } }
@media (max-width: 48rem) { .rolunk__kartya { padding: var(--t-md); } .rolunk__kartya .szovegtorzs__lead { font-size: var(--sz-alap); } }
.sav--filozofia { background: var(--meleg-halvany); }
.filozofia { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--t-lg); }
.filozofia__fejezet {
grid-column: span 2;
padding: var(--t-lg); background: var(--feher);
border: 1px solid var(--keret-diszito); border-radius: var(--ker-nagy);
}
.filozofia__fejezet:last-child:nth-child(odd) { grid-column: 2 / span 2; }
.filozofia__fej { margin-bottom: var(--t-md); }
.filozofia__jel { display: flex; align-items: center; margin: 0; }
.filozofia__ikon { width: 3.1em; height: 3.1em; color: var(--marka-tett); }
.filozofia__cim { margin: var(--t-xs) 0 0; font-size: var(--sz-2xl); }
.filozofia__szoveg > p { max-width: var(--olvas); }
.filozofia__szoveg > :last-child { margin-bottom: 0; }
.filozofia__szoveg strong { font-weight: 700; color: var(--marka-tett); }
.filozofia__zaro {
max-width: 30ch; margin: var(--t-2xl) auto 0; text-align: center; text-wrap: balance;
font-family: var(--betu-cim, var(--betu)); font-size: var(--sz-3xl); line-height: 1.25; color: var(--marka-tett);
}
.filozofia__mancs { width: 0.66em; height: 0.66em; vertical-align: -0.04em; color: var(--marka-disz); rotate: 16deg; }
@media (max-width: 62rem) {
.filozofia { grid-template-columns: minmax(0, 1fr); gap: var(--t-md); }
.filozofia__fejezet, .filozofia__fejezet:last-child:nth-child(odd) { grid-column: auto; }
.filozofia__fejezet { padding: var(--t-lg) var(--t-md); }
.filozofia__ikon { width: 2.6em; height: 2.6em; }
.filozofia__zaro { margin-top: var(--t-xl); font-size: var(--sz-2xl); }
}
.szolgaltatas__oldal { display: grid; gap: var(--t-md); align-content: start; }
.szolgaltatas__oldal { padding: var(--t-sm); background: var(--feher); border: 1px solid var(--keret-diszito); border-radius: var(--ker-nagy); }
.szolgaltatas__oldal .kephely { border-radius: var(--ker); }
.fejsav__belso--kephely { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); gap: var(--t-xl) var(--t-2xl); align-items: center; }
.fejsav--kepes { background: var(--meleg-tomb); }
.fejsav__hatter { position: absolute; inset: 0; z-index: 0; }
.fejsav__hatter .kephely { width: 100%; height: 100%; aspect-ratio: auto; border-radius: 0; }
.fejsav__hatter .kephely__kep { width: 100%; height: 100%; object-fit: cover; }
@media (width > 62.5rem) { .fejsav__hatter .kephely__kep { object-position: 100% 50% !important; } }
.fejsav__hatter { container-type: size; }
@media (width > 62.5rem) {
.fejsav__hatter .kephely__kep {
--kep-szeles: max(var(--arany, 3.6) * 100cqh, 100cqw);
object-position: clamp(100cqw - var(--kep-szeles), var(--oszlop-kozep, 74cqw) - var(--targy, 0.87) * var(--kep-szeles), 0px) 50% !important;
}
}
.fejsav--kepes .fejsav__belso { position: relative; z-index: 1; }
.fejsav__kartya .fejsav__cim { font-size: var(--sz-3xl); max-width: none; }
.fejsav__kartya .fejsav__cim { color: var(--marka-tett); }
.fejsav__cim-vege { white-space: nowrap; }
.fejsav__mancs { width: 0.66em; height: 0.66em; margin-left: 0.2em; vertical-align: -0.04em; color: var(--marka-disz); rotate: 16deg; }
@media (width > 62.5rem) {
.fejsav__kartya .fejsav__cim { font-size: min(3.25rem, 7.2vh); }
}
@media (width <= 62.5rem) {
.fejsav__kartya .fejsav__cim { font-size: min(var(--sz-3xl), 8vw + 0.4rem); }
}
.fejsav__kartya {
max-width: 36rem;
padding: var(--t-lg);
border-radius: var(--ker-nagy);
background: var(--uveg);
-webkit-backdrop-filter: blur(14px) saturate(1.06);
backdrop-filter: blur(14px) saturate(1.06);
--halvany: var(--halvany-uvegen);
--jelzes-figyelem-szoveg: var(--figyelem-uvegen);
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) { .fejsav__kartya { background: rgb(250 247 242 / 0.97); } }
@media (max-width: 48rem) { .fejsav__kartya { padding: var(--t-md); } }
@media (height <= 64rem) {
.fejsav__kartya { padding: var(--t-md); }
.fejsav__melle { margin-bottom: var(--t-sm); }
}
@media (max-width: 62.5rem) { .fejsav__belso--kephely { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 62.5rem) {
.fejsav.fejsav--kepes { padding-top: 0; background: var(--meleg-halvany); }
.fejsav__hatter { position: relative; inset: auto; aspect-ratio: 16 / 9; }
.fejsav__kartya {
background: none; -webkit-backdrop-filter: none; backdrop-filter: none;
padding: var(--t-lg) 0 0; border-radius: 0;
--halvany: inherit; --jelzes-figyelem-szoveg: inherit;
}
.fejsav__kartya { display: flex; flex-direction: column; }
.fejsav__kartya > .fejsav__cim { order: 1; }
.fejsav__kartya > .allapot-nagy { order: 2; }
.fejsav__kartya > .fejsav__melle { order: 3; }
.fejsav__kartya > .allapot-nagy { margin-bottom: var(--t-sm); }
.fejsav__kartya > .fejsav__melle { margin: 0 0 var(--t-sm); row-gap: 0.15rem; }
.fejsav__kartya > .fejsav__gombok { order: 4; }
.fejsav__kartya > .fejsav__bevezeto { order: 5; margin: var(--t-lg) 0 0; }
}
@media (max-width: 62.5rem) and (orientation: landscape) { .fejsav__hatter { aspect-ratio: 3.6 / 1; } }
.arlista__ar, .arjelzes dd { white-space: nowrap; }

:root {
--mozgas-nyugodt: cubic-bezier(0.25, 0.1, 0.1, 1);
--mozgas-belep: cubic-bezier(0.3, 0, 0.2, 1);
--mozgas-erkezik: cubic-bezier(0.22, 0.61, 0.36, 1);
--mozgas-nyilik: cubic-bezier(0.4, 0.02, 0.2, 1);
--mozgas-ki: var(--mozgas-nyugodt);
--mozgas-kozep: cubic-bezier(0.45, 0, 0.55, 1);
--mozgas-elesedes: cubic-bezier(0.2, 0.6, 0.35, 1);
--mozgas-kibontakozas: cubic-bezier(0.33, 0.05, 0.3, 1);
--belep-kesleltetes: 260ms;
}
.mozgas-var :is(main, .lablec__belso, .fejlec__belso, .savsor__belso, .hirdetmeny) { opacity: 0; }
.mozgas-indul:not(.mozgas-helyben) :is(main, .lablec__belso) { animation: mozgas-attun 380ms var(--mozgas-kibontakozas) backwards; }
.mozgas-indul:not(.mozgas-helyben) :is(.fejlec__belso > :not(.fomenu), .savsor__belso, .hirdetmeny) { animation: mozgas-elesedik-fej 480ms linear backwards; }
.mozgas-indul:not(.mozgas-helyben) .fejlec__belso > .fejlec__jobb { animation-delay: 80ms; }
@media not all and (max-width: 62.5rem) {
.mozgas-indul:not(.mozgas-helyben) .fomenu > * { animation: mozgas-elesedik-fej 480ms linear 40ms backwards; }
}
.mozgas-indul:not(.mozgas-helyben) .belep-keret { animation: mozgas-attun 450ms var(--mozgas-kibontakozas) calc(var(--belep-kesleltetes) + min(var(--sorrend, 0), 6) * 60ms) backwards; }
.mozgas-indul:not(.mozgas-helyben) .belep { animation: mozgas-elesedik 650ms linear calc(var(--belep-kesleltetes) + min(var(--sorrend, 0), 6) * 60ms) backwards; }
.mozgas-indul:not(.mozgas-helyben) .kephely.belep { animation-delay: 60ms; }
:root.mozgas-atmenet:not(.mozgas-atmenet-indul) :is(main, .lablec__belso) { opacity: 0; }
:root.mozgas-atmenet-indul:not([data-mozgas="ki"]) :is(main, .lablec__belso) { animation: mozgas-elesedik-lap 600ms linear 120ms backwards; }
:root.lap-tavozik :is(main, .lablec__belso, .fomenu--nyitva) { animation: mozgas-tavozik 140ms cubic-bezier(0.4, 0, 1, 1) both; pointer-events: none; }
:root.lap-visszater :is(main, .lablec__belso) { animation: mozgas-elesedik-lap 600ms linear backwards; }
:root.js:not([data-mozgas="ki"]) img:not(.kep--kesz):not(.kephely__kep--tobbi) { visibility: hidden; }
@media screen {
:root.js:not([data-mozgas="ki"]) img.kep--kesz:not(.kep--azonnal):not(.kephely__kep--tobbi) { animation: mozgas-attun 400ms var(--mozgas-erkezik) backwards; }
:root.js:not([data-mozgas="ki"]) :is(.belep img, img.belep).kep--kesz:not(.kep--azonnal):not(.kephely__kep--tobbi) {
animation: mozgas-kep-elesedik 800ms linear backwards;
}
:root.js:not([data-mozgas="ki"]) [data-kepvalto] .kephely__kep--mozog.kep--kesz:not(.kep--azonnal):not(.kephely__kep--tobbi) {
animation: mozgas-attun 400ms var(--mozgas-erkezik) backwards, mozgas-kep-lassu var(--kepvaltas-hossz, 4500ms) linear both;
}
:root.js:not([data-mozgas="ki"]) [data-kepvalto].belep .kephely__kep--mozog.kep--kesz:not(.kep--azonnal):not(.kephely__kep--tobbi) {
animation: mozgas-kep-elesedik 800ms linear backwards, mozgas-kep-lassu var(--kepvaltas-hossz, 4500ms) linear both;
}
:root.js:not([data-mozgas="ki"]) .szolgaltatas__oldal img.kep--kesz:not(.kep--azonnal):not(.kephely__kep--tobbi) {
animation: mozgas-attun 400ms var(--mozgas-erkezik) backwards, mozgas-kep-beall 800ms var(--mozgas-erkezik) backwards;
}
:root.js:not([data-mozgas="ki"]) .szolgaltatas__oldal :is(.belep img, img.belep).kep--kesz:not(.kep--azonnal):not(.kephely__kep--tobbi) {
animation: mozgas-kep-elesedik 800ms linear backwards, mozgas-kep-beall 800ms var(--mozgas-erkezik) backwards;
}
}
[data-kepvalto] .kephely__kep--mozog { animation: mozgas-kep-lassu var(--kepvaltas-hossz, 4500ms) linear both; }
[data-kepvalto].kephely--all .kephely__kep { animation-play-state: paused; }
.mozgas-indul .urlap__uzenet { animation: mozgas-attun 480ms var(--mozgas-erkezik) backwards; }
@media screen {
.mozgas-indul :is(.felbukkan--var, .felbukkan--jon) { opacity: var(--gorgetve, 1); }
.mozgas-indul .tovabbiak .felbukkan--var { opacity: 0; }
.mozgas-indul .tovabbiak .felbukkan--jon { animation: mozgas-attun 480ms var(--mozgas-erkezik) calc(var(--sorrend, 0) * 40ms) backwards; }
}
:root[data-mozgas="ki"] :is(.felbukkan--var, .felbukkan--jon) { opacity: 1 !important; }
:where(a, button, summary, input, textarea, select) {
transition: color 650ms var(--mozgas-nyugodt), background-color 650ms var(--mozgas-nyugodt), border-color 650ms var(--mozgas-nyugodt),
text-decoration-color 650ms var(--mozgas-nyugodt), fill 650ms var(--mozgas-nyugodt), stroke 650ms var(--mozgas-nyugodt);
}
.gomb, .cimke, .lapozo__gomb { position: relative; isolation: isolate; overflow: hidden; }
.gomb::before, .cimke::before, .lapozo__gomb::before {
content: ""; position: absolute; z-index: -1; pointer-events: none;
left: var(--kitoltes-x, 50%); top: var(--kitoltes-y, 50%); width: 0; height: 0; translate: -50% -50%;
background: radial-gradient(closest-side, var(--gomb-kitoltes, var(--marka-tett-ra)) 92.6%, transparent);
transition: width 650ms var(--mozgas-nyugodt), height 650ms var(--mozgas-nyugodt);
}
.gomb:is(:hover, :focus-visible)::before, .pdfek__link:focus-visible .gomb::before, .cimke:is(:hover, :focus-visible)::before {
width: var(--kitoltes-atmero, 56rem); height: var(--kitoltes-atmero, 56rem); transition-duration: 1100ms;
}
.lapozo__gomb:focus-visible:not(:disabled)::before { width: 5.6rem; height: 5.6rem; transition-duration: 1100ms; }
@media (hover: hover) { .lapozo__gomb:hover:not(:disabled)::before { width: 5.6rem; height: 5.6rem; transition-duration: 1100ms; } }
.gomb, .cimke {
transition: color 650ms var(--mozgas-nyugodt), border-color 650ms var(--mozgas-nyugodt), background-color 650ms var(--mozgas-nyugodt);
}
.lapozo__gomb {
transition: color 650ms var(--mozgas-nyugodt), border-color 650ms var(--mozgas-nyugodt),
background-color 650ms var(--mozgas-nyugodt), opacity var(--atmenet);
}
.gomb:is(:hover, :focus-visible), .pdfek__link:focus-visible .gomb, .cimke:is(:hover, :focus-visible) { transition-duration: 1100ms; }
.pdfek__link:is(:hover, :focus-visible) { transition-duration: 1100ms; }
.lapozo__gomb:focus-visible:not(:disabled) { transition-duration: 1100ms, 1100ms, 1100ms, 180ms; }
@media (hover: hover) { .lapozo__gomb:hover:not(:disabled) { transition-duration: 1100ms, 1100ms, 1100ms, 180ms; } }
.gomb--fo:is(:hover, :focus-visible) { background-color: var(--marka-tett); }
.gomb--mellek, .cimke, .lapozo__gomb { --gomb-kitoltes: var(--keret-diszito); }
.gomb--mellek:is(:hover, :focus-visible), .pdfek__link:focus-visible .gomb--mellek {
background-color: transparent; color: var(--marka-tett-ra); border-color: var(--marka-tett-ra);
}
.cimke:is(:hover, :focus-visible) { background-color: var(--meleg-halvany); color: var(--marka-tett-ra); }
.lapozo__gomb:focus-visible:not(:disabled) { background-color: var(--feher); color: var(--marka-tett-ra); border-color: var(--marka-tett-ra); }
@media (hover: hover) { .lapozo__gomb:hover:not(:disabled) { background-color: var(--feher); color: var(--marka-tett-ra); border-color: var(--marka-tett-ra); } }
.kartya { isolation: isolate; overflow: hidden; }
.kartya::before {
content: ""; position: absolute; z-index: -1; pointer-events: none;
left: var(--feny-x, 50%); top: var(--feny-y, 0%); width: 0; height: 0; translate: -50% -50%;
background: radial-gradient(closest-side, rgb(255 255 255 / 0.6), transparent 70%);
transition: width 800ms var(--mozgas-nyugodt), height 800ms var(--mozgas-nyugodt),
left 600ms var(--mozgas-nyugodt), top 600ms var(--mozgas-nyugodt);
}
.kartya:is(:hover, :focus-within)::before { width: 44rem; height: 44rem; transition-duration: 1100ms, 1100ms, 600ms, 600ms; }
.kartya { transition: background-color 800ms var(--mozgas-nyugodt); }
.kartya:is(:hover, :focus-within) { transition-duration: 1100ms; }
.kartya__link {
background: linear-gradient(currentColor, currentColor) no-repeat 0 100% / 0 2px;
transition: color 650ms var(--mozgas-nyugodt), background-size 650ms var(--mozgas-nyugodt);
}
.kartya:is(:hover, :focus-within) .kartya__link { background-size: 100% 2px; transition-duration: 900ms, 1100ms; }
.tovabbi-lap { transition: background-color 800ms var(--mozgas-nyugodt), color 650ms var(--mozgas-nyugodt); }
.tovabbi-lap strong {
width: fit-content;
background: linear-gradient(currentColor, currentColor) no-repeat 0 100% / 0 2px;
transition: background-size 650ms var(--mozgas-nyugodt);
}
.tovabbi-lap:is(:hover, :focus-visible) strong { background-size: 100% 2px; transition-duration: 1100ms; }
@media (width > 62.5rem) {
.menu__link, .menu__link:is(:hover, :focus-visible, [aria-current="page"], [aria-expanded="true"]) {
background-image: linear-gradient(var(--marka-tett), var(--marka-tett));
background-repeat: no-repeat; background-position: 50% calc(100% - 0.3em);
}
.menu__link {
background-size: 0 2px;
transition: background-size 600ms var(--mozgas-nyugodt), background-color 600ms var(--mozgas-nyugodt), color 600ms var(--mozgas-nyugodt);
}
.menu__link:is(:focus-visible, [aria-current="page"], [aria-expanded="true"]) { background-size: 100% 2px; transition-duration: 1000ms; }
@media (hover: hover) {
.menu__link:hover { background-size: 100% 2px; transition-duration: 1000ms; }
.menu__link:hover:not([aria-expanded="true"]) { background-color: transparent; }
}
}
@media (max-width: 62.5rem) {
.menu__link { transition: background-color 600ms var(--mozgas-nyugodt), color 600ms var(--mozgas-nyugodt); }
.menu__link:focus-visible { transition-duration: 900ms; }
@media (hover: hover) { .menu__link:hover { transition-duration: 900ms; } }
:is(.fomenu__elerhetoseg, .fomenu__lablec) a { transition: color 600ms var(--mozgas-nyugodt); }
}
.almenu a, .almenu a:is(:hover, :focus-visible) {
background-image: linear-gradient(var(--marka-tett), var(--marka-tett));
background-repeat: no-repeat; background-position: 0.25em 50%;
}
.almenu a { background-size: 2px 0; transition: background-size 500ms var(--mozgas-nyugodt), background-color 600ms var(--mozgas-nyugodt), color 600ms var(--mozgas-nyugodt); }
.almenu a:focus-visible { background-size: 2px calc(100% - 1em); transition-duration: 900ms; }
@media (hover: hover) { .almenu a:hover { background-size: 2px calc(100% - 1em); transition-duration: 900ms; } }
:is(.fejsav__ertekeles, .velemenyek__osszegzes, .sav__fej-link) {
background-image: linear-gradient(currentColor, currentColor); background-repeat: no-repeat;
background-position: 50% 100%; background-size: 0 2px;
transition: color 650ms var(--mozgas-nyugodt), background-size 600ms var(--mozgas-nyugodt);
}
:is(.fejsav__ertekeles, .velemenyek__osszegzes, .sav__fej-link):focus-visible { background-size: 100% 2px; transition-duration: 900ms, 1000ms; }
@media (hover: hover) {
:is(.fejsav__ertekeles, .velemenyek__osszegzes, .sav__fej-link):hover { background-size: 100% 2px; transition-duration: 900ms, 1000ms; }
:is(.fejsav__ertekeles, .velemenyek__osszegzes):hover { text-decoration: none; }
}
main :is(p, li, dd) a:not([class]) {
background-image: linear-gradient(var(--meleg-tomb), var(--meleg-tomb)); background-repeat: no-repeat;
background-position: 0 100%; background-size: 0 100%;
transition: color 650ms var(--mozgas-nyugodt), background-size 650ms var(--mozgas-nyugodt);
}
@media (hover: hover) { main :is(p, li, dd) a:not([class]):hover { background-size: 100% 100%; transition-duration: 900ms, 1100ms; } }
:is(.lablec a:not(.gomb), .savsor__cim, .savsor__hivas, .morzsa a, .velemeny__nev a, .velemeny__forras) {
text-decoration: none;
background-image: linear-gradient(currentColor, currentColor); background-repeat: no-repeat;
background-position: 0 100%; background-size: 0 1px;
transition: color 650ms var(--mozgas-nyugodt), background-size 650ms var(--mozgas-nyugodt);
}
:is(.lablec a:not(.gomb), .savsor__cim, .savsor__hivas, .morzsa a, .velemeny__nev a, .velemeny__forras):focus-visible {
text-decoration: none; background-size: 100% 1px; transition-duration: 900ms, 1000ms;
}
.lablec :is(.lablec__menu, .lablec__jogi) a:focus-visible { color: var(--feher); }
@media (hover: hover) {
:is(.lablec a:not(.gomb), .savsor__cim, .savsor__hivas, .morzsa a, .velemeny__nev a, .velemeny__forras):hover {
text-decoration: none; background-size: 100% 1px; transition-duration: 900ms, 1000ms;
}
.lablec :is(.lablec__menu, .lablec__jogi) a:hover { color: var(--feher); }
}
.marka__nev { transition: color 650ms var(--mozgas-nyugodt); }
.marka:focus-visible .marka__nev { color: var(--marka-tett); transition-duration: 900ms; }
@media (hover: hover) { .marka:hover .marka__nev { color: var(--marka-tett); transition-duration: 900ms; } }
.gyik__kerdes { transition: color 650ms var(--mozgas-nyugodt); }
.gyik__kerdes:focus-visible { color: var(--marka-tett); transition-duration: 900ms; }
@media (hover: hover) { .gyik__kerdes:hover { color: var(--marka-tett); transition-duration: 900ms; } }
.urlap :is(input:not([type="radio"]):not([type="checkbox"]), textarea) { transition: border-color 650ms var(--mozgas-nyugodt); }
.urlap :is(input:not([type="radio"]):not([type="checkbox"]), textarea):hover { border-color: var(--torzs); }
.almenu--nyilik { animation: mozgas-bekuszik 420ms var(--mozgas-belep) backwards; }
@media (max-width: 62.5rem) {
.fomenu--nyitva { animation: mozgas-lehuz 420ms var(--mozgas-erkezik) backwards; }
.fomenu.kikuszik { animation: mozgas-felhuz 420ms var(--mozgas-nyilik) both; }
}
.gyik__elem[open] > .gyik__valasz { animation: mozgas-bekuszik 560ms var(--mozgas-belep) backwards; }
.kikuszik { animation: mozgas-kikuszik 420ms var(--mozgas-nyilik) both; pointer-events: none; }
::view-transition { pointer-events: none; }
::view-transition-old(root),
::view-transition-new(root) { animation-duration: 520ms; animation-timing-function: var(--mozgas-kozep); }
:root[data-nezetvaltas] .lablec__kapcs { view-transition-name: akadaly-kapcsolo; }
::view-transition-old(akadaly-kapcsolo) { animation: none; opacity: 0; }
::view-transition-new(akadaly-kapcsolo) { animation: none; }
:root[data-nezetvaltas="kep"] :not(.lablec__kapcs),
:root[data-nezetvaltas="kep"] :not(.lablec__kapcs)::before,
:root[data-nezetvaltas="kep"] :not(.lablec__kapcs)::after { transition: none !important; }
:root[data-nezetvaltas="szin"] *,
:root[data-nezetvaltas="szin"] *::before,
:root[data-nezetvaltas="szin"] *::after {
transition: color 520ms var(--mozgas-kozep), background-color 520ms var(--mozgas-kozep),
border-color 520ms var(--mozgas-kozep), outline-color 520ms var(--mozgas-kozep),
text-decoration-color 520ms var(--mozgas-kozep), fill 520ms var(--mozgas-kozep),
stroke 520ms var(--mozgas-kozep), translate 300ms var(--mozgas-erkezik) !important;
}
@keyframes mozgas-attun { from { opacity: 0; } }
@keyframes mozgas-elesedik {
0% { opacity: 0; filter: blur(8px); animation-timing-function: cubic-bezier(0.33, 0.05, 0.3, 1); }
50% { opacity: 1; filter: blur(1px); animation-timing-function: cubic-bezier(0.3, 0.2, 0.3, 1); }
100% { opacity: 1; filter: blur(0); }
}
@keyframes mozgas-elesedik-fej {
0% { opacity: 0; filter: blur(4px); animation-timing-function: cubic-bezier(0.33, 0.05, 0.3, 1); }
50% { opacity: 1; filter: blur(0.5px); animation-timing-function: cubic-bezier(0.3, 0.2, 0.3, 1); }
100% { opacity: 1; filter: blur(0); }
}
@keyframes mozgas-tavozik { to { opacity: 0; filter: blur(3px); } }
@keyframes mozgas-elesedik-lap {
0% { opacity: 0; filter: blur(5px); animation-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1); }
50% { opacity: 1; filter: blur(0.8px); animation-timing-function: cubic-bezier(0.3, 0.2, 0.3, 1); }
100% { opacity: 1; filter: blur(0); }
}
@keyframes mozgas-kep-elesedik {
0% { opacity: 0; filter: blur(14px); animation-timing-function: cubic-bezier(0.33, 0.05, 0.3, 1); }
40% { opacity: 1; filter: blur(3px); animation-timing-function: cubic-bezier(0.3, 0.2, 0.3, 1); }
100% { opacity: 1; filter: blur(0); }
}
@keyframes mozgas-bekuszik {
from {
opacity: 0;
-webkit-mask-image: linear-gradient(#000 0 33.3%, transparent 50%); mask-image: linear-gradient(#000 0 33.3%, transparent 50%);
-webkit-mask-size: 100% 300%; mask-size: 100% 300%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
-webkit-mask-position: 0 100%; mask-position: 0 100%;
}
to {
opacity: 1;
-webkit-mask-image: linear-gradient(#000 0 33.3%, transparent 50%); mask-image: linear-gradient(#000 0 33.3%, transparent 50%);
-webkit-mask-size: 100% 300%; mask-size: 100% 300%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
-webkit-mask-position: 0 0; mask-position: 0 0;
}
}
@keyframes mozgas-kikuszik {
from {
opacity: 1;
-webkit-mask-image: linear-gradient(#000 0 33.3%, transparent 50%); mask-image: linear-gradient(#000 0 33.3%, transparent 50%);
-webkit-mask-size: 100% 300%; mask-size: 100% 300%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
-webkit-mask-position: 0 0; mask-position: 0 0;
}
to {
opacity: 0;
-webkit-mask-image: linear-gradient(#000 0 33.3%, transparent 50%); mask-image: linear-gradient(#000 0 33.3%, transparent 50%);
-webkit-mask-size: 100% 300%; mask-size: 100% 300%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
-webkit-mask-position: 0 100%; mask-position: 0 100%;
}
}
@keyframes mozgas-lehuz {
from {
-webkit-mask-image: linear-gradient(#000 calc(100% - 4rem), transparent); mask-image: linear-gradient(#000 calc(100% - 4rem), transparent);
-webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 100% 0; mask-size: 100% 0;
}
to {
-webkit-mask-image: linear-gradient(#000 calc(100% - 4rem), transparent); mask-image: linear-gradient(#000 calc(100% - 4rem), transparent);
-webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 100% calc(100% + 4rem); mask-size: 100% calc(100% + 4rem);
}
}
@keyframes mozgas-felhuz {
from {
-webkit-mask-image: linear-gradient(#000 calc(100% - 4rem), transparent); mask-image: linear-gradient(#000 calc(100% - 4rem), transparent);
-webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 100% calc(100% + 4rem); mask-size: 100% calc(100% + 4rem);
}
to {
-webkit-mask-image: linear-gradient(#000 calc(100% - 4rem), transparent); mask-image: linear-gradient(#000 calc(100% - 4rem), transparent);
-webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 100% 0; mask-size: 100% 0;
}
}
@keyframes mozgas-kep-beall { from { transform: scale(1.03); } to { transform: scale(1); } }
@keyframes mozgas-kep-lassu { from { transform: scale(1.025); } to { transform: scale(1); } }
:root[data-mozgas="ki"],
:root[data-mozgas="ki"] *,
:root[data-mozgas="ki"] *::before,
:root[data-mozgas="ki"] *::after {
animation-duration: 0.01ms !important;
animation-delay: 0s !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
transition-delay: 0s !important;
scroll-behavior: auto !important;
}
@media (update: slow) {
*, *::before, *::after {
animation-duration: 0.01ms !important;
animation-delay: 0s !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
transition-delay: 0s !important;
scroll-behavior: auto !important;
}
}

@font-face {
font-family: 'Source Serif 4';
font-style: normal;
font-weight: 200 900;
font-display: swap;
src: url('betu/proto/source-serif-4-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;
}
@font-face {
font-family: 'Source Serif 4';
font-style: normal;
font-weight: 200 900;
font-display: swap;
src: url('betu/proto/source-serif-4-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: 'Figtree';
font-style: normal;
font-weight: 300 900;
font-display: swap;
src: url('betu/proto/figtree-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;
}
@font-face {
font-family: 'Figtree';
font-style: normal;
font-weight: 300 900;
font-display: swap;
src: url('betu/proto/figtree-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: 'Fraunces';
font-style: normal;
font-weight: 100 900;
font-display: swap;
src: url('betu/proto/fraunces-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;
}
@font-face {
font-family: 'Fraunces';
font-style: normal;
font-weight: 100 900;
font-display: swap;
src: url('betu/proto/fraunces-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;
}

:root[data-p-betu="serif"]    { --betu-cim: "Source Serif 4", ui-serif, Georgia, serif; }
:root[data-p-betu="fraunces"] { --betu-cim: "Fraunces", ui-serif, Georgia, serif; }
:root[data-p-betu="figtree"]  { --betu: "Figtree", ui-sans-serif, system-ui, sans-serif; --betu-cim: "Figtree", ui-sans-serif, system-ui, sans-serif; }
:root[data-p-betu="serif"] :is(h1, h2, h3, h4),
:root[data-p-betu="fraunces"] :is(h1, h2, h3, h4) { font-weight: 600; letter-spacing: -0.01em; }
:root[data-p-betu="serif"] .marka__nev,
:root[data-p-betu="fraunces"] .marka__nev { font-weight: 650; letter-spacing: 0; }
:root[data-p-ker="szogletes"] { --ker: 2px; --ker-nagy: 4px; --ker-gomb: 2px; }
:root[data-p-ker="kerek"]     { --ker: 14px; --ker-nagy: 26px; --ker-gomb: 999px; }
:root[data-p-kartya="keretes"] :is(.kartya, .szamozott__kartya, .tovabbi-lap, .velemeny) {
background: var(--feher); box-shadow: inset 0 0 0 1px var(--keret-diszito);
}
:root[data-p-terkoz="tomor"] {
--t-lg: clamp(1.25rem, 1.15rem + 0.45vw, 1.6rem);
--t-xl: clamp(1.75rem, 1.5rem + 1vw, 2.5rem);
--t-2xl: clamp(2.5rem, 2.1rem + 1.6vw, 3.5rem);
--t-3xl: clamp(3.25rem, 2.7rem + 2.4vw, 5rem);
}
:root[data-p-terkoz="levegos"] {
--t-lg: clamp(2.25rem, 2rem + 1vw, 3rem);
--t-xl: clamp(3.25rem, 2.8rem + 2vw, 4.75rem);
--t-2xl: clamp(4.5rem, 3.8rem + 3vw, 6.5rem);
--t-3xl: clamp(6rem, 5rem + 4.4vw, 9rem);
}
@supports (width: round(1.5px, 1px)) {
:root[data-p-terkoz="tomor"] {
--t-lg: clamp(1.25rem, round(1.15rem + 0.45vw, 0.25px), 1.6rem);
--t-xl: clamp(1.75rem, round(1.5rem + 1vw, 0.25px), 2.5rem);
--t-2xl: clamp(2.5rem, round(2.1rem + 1.6vw, 0.25px), 3.5rem);
--t-3xl: clamp(3.25rem, round(2.7rem + 2.4vw, 0.25px), 5rem);
}
:root[data-p-terkoz="levegos"] {
--t-lg: clamp(2.25rem, round(2rem + 1vw, 0.25px), 3rem);
--t-xl: clamp(3.25rem, round(2.8rem + 2vw, 0.25px), 4.75rem);
--t-2xl: clamp(4.5rem, round(3.8rem + 3vw, 0.25px), 6.5rem);
--t-3xl: clamp(6rem, round(5rem + 4.4vw, 0.25px), 9rem);
}
}
:root[data-p-meret="nagyobb"] { font-size: 112.5%; }
.proto { font-family: "Source Sans 3", ui-sans-serif, system-ui, sans-serif; font-size: 15px; line-height: 1.4; letter-spacing: 0; }
.proto__gomb {
position: fixed; top: calc(var(--fejlec-magassag, 4.375rem) + 0.75rem); right: 1rem; z-index: 70;
display: inline-flex; align-items: center;
padding: 0.6em 1.05em; border: 0; border-radius: 999px;
background: #1a1714; color: #fff; font: inherit; font-size: 0.9375rem; font-weight: 600; cursor: pointer;
}
body:has(.fomenu--nyitva) .proto__gomb { display: none; }
.proto__gomb[aria-expanded="true"] { background: #cd853f; color: #1a1714; }
.proto__gomb:focus-visible, .proto__panel :focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
.proto__panel {
position: fixed; top: 0; right: 0; bottom: 0; z-index: 80;
width: min(24rem, 100vw); overflow-y: auto; overscroll-behavior: contain;
padding: 1rem 1.1rem 1.5rem;
background: #1a1714; color: rgb(255 255 255 / 0.92);
}
.proto__panel[hidden] { display: none; }
.proto__fej { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: 0.75rem; }
.proto__cim { margin: 0; font-size: 1.1rem; font-weight: 700; color: #fff; }
.proto__bezar {
display: inline-flex; padding: 0.4em; border: 0; border-radius: 6px;
background: none; color: #fff; font-size: 1.3rem; line-height: 0; cursor: pointer;
}
.proto__bezar:hover { background: rgb(255 255 255 / 0.12); }
.proto__csoport { min-width: 0; margin: 0 0 1rem; padding: 0; border: 0; }
.proto__csoport legend {
margin-bottom: 0.4rem; padding: 0;
font-size: 0.72rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase;
color: rgb(255 255 255 / 0.58);
}
.proto__opciok, .proto__presetek { display: flex; flex-wrap: wrap; gap: 0.35rem; }
.proto__opcio { position: relative; display: inline-flex; }
.proto__opcio input { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: pointer; }
.proto__opcio span, .proto__preset {
display: inline-flex; align-items: baseline; gap: 0.35em;
padding: 0.42em 0.75em; border: 1px solid rgb(255 255 255 / 0.24); border-radius: 6px;
background: none; color: #fff; font: inherit;
}
.proto__opcio:hover span, .proto__preset:hover { border-color: rgb(255 255 255 / 0.6); }
.proto__opcio input:checked + span,
.proto__preset[aria-pressed="true"] { background: #cd853f; border-color: #cd853f; color: #1a1714; font-weight: 600; }
.proto__opcio input:focus-visible + span { outline: 2px solid #fff; outline-offset: 2px; }
.proto__preset { cursor: pointer; }
.proto__preset strong { font-weight: 800; }
.proto__opcio--sans span     { font-family: "Source Sans 3", ui-sans-serif, sans-serif; }
.proto__opcio--serif span    { font-family: "Source Serif 4", Georgia, serif; }
.proto__opcio--figtree span  { font-family: "Figtree", ui-sans-serif, sans-serif; }
.proto__opcio--fraunces span { font-family: "Fraunces", Georgia, serif; }
.proto__lab { display: flex; gap: 0.5rem; margin-top: 1.25rem; }
.proto__muvelet {
flex: 1; padding: 0.65em 0.8em; border: 1px solid rgb(255 255 255 / 0.3); border-radius: 6px;
background: none; color: #fff; font: inherit; font-weight: 600; cursor: pointer;
}
.proto__muvelet:hover { border-color: #fff; }
.proto__muvelet--fo { background: #fff; border-color: #fff; color: #1a1714; }
.proto__muvelet--fo:hover { background: #cd853f; border-color: #cd853f; }
.proto__visszajelzes { min-height: 1.3em; margin: 0.6rem 0 0; max-width: none; font-size: 0.85rem; color: #e3b27c; }
@media (max-width: 40rem) {
.proto__gomb { top: auto; right: auto; bottom: 4.25rem; left: 0.75rem; padding: 0.5em 0.85em; font-size: 0.8125rem; }
.proto__panel { top: auto; left: 0; width: 100%; max-height: 74dvh; border-radius: 14px 14px 0 0; }
}
@media (prefers-reduced-motion: reduce) { .proto * { transition: none !important; } }
:root[data-mozgas="ki"] .proto * { transition: none !important; }
.proto__gomb, .proto__bezar, .proto__opcio span, .proto__preset, .proto__muvelet {
transition: background-color 650ms var(--mozgas-nyugodt, ease), border-color 650ms var(--mozgas-nyugodt, ease), color 650ms var(--mozgas-nyugodt, ease);
}
.proto__gomb:is(:hover, :focus-visible):not([aria-expanded="true"]) { background-color: #3a322b; transition-duration: 900ms; }
.proto__opcio:hover span, .proto__preset:hover, .proto__muvelet:hover { background-color: rgb(255 255 255 / 0.08); transition-duration: 900ms; }
.proto__opcio input:checked + span, .proto__preset[aria-pressed="true"] { transition-duration: 650ms; }
.proto__muvelet--fo:hover { transition-duration: 900ms; }
:root[data-p-belepes="kodbol"].mozgas-indul:not(.lap-tavozik):not(.lap-visszater) main { animation: none; }
:root[data-p-belepes="kodbol"].mozgas-indul .belep:not(.kephely--kepes:not(.kephely--kesz)) {
animation: mozgas-kodbol 640ms var(--mozgas-elesedes) calc(var(--sorrend, 0) * 50ms) backwards;
}
:root[data-p-belepes="kitakar"].mozgas-indul .belep:not(.kephely--kepes:not(.kephely--kesz)) {
animation: mozgas-kitakar-eles 540ms var(--mozgas-erkezik) calc(var(--sorrend, 0) * 40ms) backwards;
}
:root[data-p-belepes="regi"].mozgas-indul .belep:not(.kephely--kepes:not(.kephely--kesz)) {
animation: mozgas-bekuszik 480ms var(--mozgas-erkezik) calc(var(--sorrend, 0) * 40ms) backwards;
}
@keyframes mozgas-kodbol {
0% { opacity: 0.35; filter: blur(10px); }
40% { opacity: 1; }
100% { opacity: 1; filter: blur(0); }
}
@keyframes mozgas-kitakar-eles {
from {
opacity: 0; filter: blur(6px);
-webkit-mask-image: linear-gradient(#000 0 33.3%, transparent 50%); mask-image: linear-gradient(#000 0 33.3%, transparent 50%);
-webkit-mask-size: 100% 300%; mask-size: 100% 300%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
-webkit-mask-position: 0 100%; mask-position: 0 100%;
}
to {
opacity: 1; filter: blur(0);
-webkit-mask-image: linear-gradient(#000 0 33.3%, transparent 50%); mask-image: linear-gradient(#000 0 33.3%, transparent 50%);
-webkit-mask-size: 100% 300%; mask-size: 100% 300%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
-webkit-mask-position: 0 0; mask-position: 0 0;
}
}