/* Együtt Magunkért — komponensstílusok (a design system components/bundle.css-éből, helyi képútvonalakkal) */

/* ============ Együtt Magunkért — komponensstílusok ============
   Minden szín tokenből jön (tokens.css). Az évszak váltása: data-evszak="tavasz|nyar|osz|tel"
   (vagy data-theme) a <html>-en vagy bármely szekción. */

:root {
  --em-cim: var(--font-cim, "Wellfleet", Georgia, serif);
  --em-szoveg: var(--font-szoveg, "Montserrat", system-ui, sans-serif);
  --em-pecset: var(--font-cim, "Wellfleet", Georgia, serif);
  --em-cim-suly: 400;
  --em-alcim-suly: 400;
  --em-szoveg-meret: 18px;
  --em-szoveg-sorkoz: 1.65;
  --em-folt-kerek: url("/img/vizfestek/folt-1-kerek.webp");
  --em-folt-ovalis: url("/img/vizfestek/folt-2-ovalis.webp");
  --em-folt-felho: url("/img/vizfestek/folt-3-felho.webp");
  --em-folt-freccs: url("/img/vizfestek/folt-4-freccs.webp");
  --em-folt-lazur: url("/img/vizfestek/folt-5-lazur.webp");
  --em-folt-ecsetvonas: url("/img/vizfestek/folt-6-ecsetvonas.webp");
  --em-mosas-also: url("/img/vizfestek/mosas-also.webp");
  --em-mosas-sarok: url("/img/vizfestek/mosas-sarok.webp");
  --em-papir-textura: url("/img/vizfestek/papir-textura.png");
}

/* ---------- alap ---------- */
.em-oldal, body {
  margin: 0;
  background: var(--papir);
  color: var(--tinta);
  font-family: var(--em-szoveg);
  font-size: var(--em-szoveg-meret);
  line-height: var(--em-szoveg-sorkoz);
  -webkit-font-smoothing: antialiased;
}
.em-oldal h1, .em-oldal h2, .em-oldal h3 { font-family: var(--em-cim); font-weight: var(--em-cim-suly); color: var(--tinta); }
.em-papir { background: var(--em-papir-textura) repeat, var(--papir); }
.em-sr { position: absolute !important; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.em-kontener { max-width: var(--tartalom-szel); margin: 0 auto; padding: 0 var(--ter-4); }
.em-racs { display: grid; gap: var(--ter-5); grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 1fr)); }
:where(.em-gomb, .em-link, .em-nav a, .em-nav button, .em-galeria button, .em-mezo__input, .em-valasztas__input, .em-lablec a):focus-visible {
  outline: 3px solid var(--fokusz); outline-offset: 3px;
}

/* ---------- ikon ---------- */
.em-ikon { display: inline-flex; flex: none; align-items: center; justify-content: center; line-height: 0; }
.em-ikon--folttal { position: relative; width: calc(var(--ikon-meret) * 1.7); height: calc(var(--ikon-meret) * 1.7); }
.em-ikon--folttal .em-ikon__folt { position: absolute; inset: 0; width: 100%; height: 100%; }
.em-ikon--folttal .em-ikon__svg { position: relative; }

/* ---------- vízfestékfolt: maszk + évszakos szín ---------- */
.em-folt {
  display: block; width: 160px; height: 160px; pointer-events: none;
  background: var(--folt-szin, var(--evszak-fo));
  -webkit-mask: var(--em-folt-kerek) center / contain no-repeat; mask: var(--em-folt-kerek) center / contain no-repeat;
  mix-blend-mode: multiply; opacity: .9;
}
.em-folt--ovalis { -webkit-mask-image: var(--em-folt-ovalis); mask-image: var(--em-folt-ovalis); }
.em-folt--felho { -webkit-mask-image: var(--em-folt-felho); mask-image: var(--em-folt-felho); }
.em-folt--freccs { -webkit-mask-image: var(--em-folt-freccs); mask-image: var(--em-folt-freccs); }
.em-folt--lazur { -webkit-mask-image: var(--em-folt-lazur); mask-image: var(--em-folt-lazur); }
.em-folt--ecsetvonas { -webkit-mask-image: var(--em-folt-ecsetvonas); mask-image: var(--em-folt-ecsetvonas); }
.em-folt--mosas-also { -webkit-mask: var(--em-mosas-also) center / 100% 100% no-repeat; mask: var(--em-mosas-also) center / 100% 100% no-repeat; }
.em-folt--mosas-sarok { -webkit-mask: var(--em-mosas-sarok) left top / 100% 100% no-repeat; mask: var(--em-mosas-sarok) left top / 100% 100% no-repeat; }
[data-evszak="tel"] .em-folt, [data-theme="tel"] .em-folt { opacity: .78; }

/* ---------- elválasztó ---------- */
.em-elvalaszto { display: flex; align-items: center; justify-content: center; gap: var(--ter-4); margin: var(--ter-7) auto; color: var(--evszak-mely); }
.em-elvalaszto--folt { position: relative; height: 56px; max-width: 520px; }
.em-elvalaszto--folt .em-folt { position: absolute; width: 62%; height: 120px; top: -32px; }
.em-elvalaszto__f1 { left: 4%; } .em-elvalaszto__f2 { right: 4%; }
.em-elvalaszto--piac { max-width: 720px; }
.em-elvalaszto__vonal { flex: 1; height: 0; border-top: 1.5px solid var(--tinta); opacity: .55; }
.em-elvalaszto__portekak { width: min(56%, 300px); height: auto; }

/* ---------- logó ---------- */
.em-logo { display: block; object-fit: contain; }

/* ---------- gomb ---------- */
.em-gomb {
  display: inline-flex; align-items: center; justify-content: center; gap: var(--ter-3); box-sizing: border-box; max-width: 100%; text-align: center;
  min-height: var(--gomb-magassag); min-width: var(--erinto-min); padding: 0 var(--ter-5);
  border-radius: var(--kerek-m); border: 2px solid transparent;
  font-family: var(--em-szoveg); font-size: 17px; line-height: 24px; font-weight: 600; letter-spacing: .01em;
  text-decoration: none; cursor: pointer; transition: background-color .15s, border-color .15s, color .15s, transform .15s;
  -webkit-tap-highlight-color: transparent;
}
.em-gomb--nagy { min-height: var(--gomb-nagy); padding: 0 var(--ter-6); font-size: 18px; }
.em-gomb--teljes { width: 100%; }
.em-gomb--elsodleges { background: var(--evszak-mely); color: var(--feher); }
.em-gomb--elsodleges:hover { background: var(--evszak-mely-2); }
.em-gomb--masodlagos { background: var(--felulet); color: var(--evszak-mely); border-color: var(--evszak-mely); }
.em-gomb--masodlagos:hover { background: var(--evszak-halvany); }
.em-gomb--szoveges { background: transparent; color: var(--evszak-mely); padding: 0 var(--ter-2); min-height: var(--erinto-min); text-decoration: underline; text-underline-offset: 5px; text-decoration-thickness: 2px; }
.em-gomb--szoveges:hover { text-decoration-thickness: 3px; }
.em-gomb:active:not(:disabled) { transform: translateY(1px); }
.em-gomb:disabled { cursor: not-allowed; }
.em-gomb:disabled:not(.em-gomb--betolt) { background: var(--papir-2); color: var(--tinta-2); border-color: var(--vonal); }
.em-gomb--betolt { cursor: progress; }
.em-gomb__porgo { width: 20px; height: 20px; border-radius: 50%; border: 2.5px solid currentColor; border-right-color: transparent; animation: em-porog .8s linear infinite; }
@keyframes em-porog { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .em-gomb__porgo { animation-duration: 2.4s; } }

/* ---------- link ---------- */
.em-link { color: var(--evszak-mely); font-weight: 600; text-decoration: underline; text-underline-offset: 4px; text-decoration-thickness: 1.5px; }
.em-link:hover { text-decoration-thickness: 3px; }
.em-link--nyil { display: inline-flex; align-items: center; gap: var(--ter-2); min-height: var(--erinto-min); }

/* ---------- navigáció (konténer-lekérdezéssel: keskenyen hamburger) ---------- */
.em-nav { container-type: inline-size; background: var(--papir); border-bottom: 1px solid var(--vonal); position: relative; z-index: 5; }
.em-nav__belso { display: flex; align-items: center; gap: var(--ter-4); max-width: var(--tartalom-szel); margin: 0 auto; padding: var(--ter-2) var(--ter-4); min-height: 72px; box-sizing: border-box; }
.em-nav__marka { display: inline-flex; align-items: center; gap: var(--ter-3); text-decoration: none; color: var(--tinta); min-height: var(--erinto-min); margin-right: auto; }
.em-nav__nev { font-family: var(--em-cim); font-weight: var(--em-cim-suly); font-size: 22px; line-height: 1.1; }
.em-nav__hamburger { display: inline-flex; align-items: center; gap: var(--ter-2); min-height: var(--erinto-min); padding: 0 var(--ter-3); border: 2px solid var(--vonal-eros); border-radius: var(--kerek-m); background: var(--felulet); color: var(--tinta); font: 600 16px/1 var(--em-szoveg); cursor: pointer; }
.em-nav__menu { display: none; position: absolute; left: 0; right: 0; top: 100%; background: var(--felulet); border-bottom: 1px solid var(--vonal); box-shadow: var(--arnyek-emelt); }
.em-nav__menu--nyitva { display: block; }
.em-nav__menu ul { list-style: none; margin: 0; padding: var(--ter-2) var(--ter-4) var(--ter-4); }
.em-nav__link { white-space: nowrap; display: flex; align-items: center; min-height: 52px; padding: 0 var(--ter-3); border-radius: var(--kerek-s); color: var(--tinta); text-decoration: none; font-weight: 600; font-size: 18px; }
.em-nav__link:hover { background: var(--evszak-halvany); }
.em-nav__link[aria-current="page"] { color: var(--evszak-mely); text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 6px; }
@container (min-width: 860px) {
  .em-nav__hamburger { display: none; }
  .em-nav__menu { display: block; position: static; background: none; border: 0; box-shadow: none; }
  .em-nav__menu ul { display: flex; gap: var(--ter-1); padding: 0; }
  .em-nav__link { font-size: 17px; min-height: var(--erinto-min); }
}

/* ---------- hero ---------- */
.em-hero { position: relative; overflow: hidden; isolation: isolate; background: var(--papir); container-type: inline-size; }
.em-hero__festek { position: absolute; inset: 0; z-index: -1; }
.em-hero__festek .em-folt { position: absolute; }
.em-hero__m1 { left: -4%; top: -6%; width: 52%; height: 62%; opacity: .72; }
.em-hero__m2 { right: -4%; top: -8%; width: 44%; height: 52%; opacity: .62; }
.em-hero__m3 { left: -6%; bottom: -4%; width: 118%; height: 40%; opacity: .85; }
.em-hero__m4 { left: -8%; bottom: -12%; width: 116%; height: 34%; opacity: .6; }
.em-hero__m5 { right: 6%; bottom: 22%; width: 90px; height: 90px; opacity: .7; }
.em-hero__papir { position: absolute; inset: 0; background: var(--em-papir-textura) repeat; mix-blend-mode: multiply; opacity: .35; }
.em-hero__kep { position: absolute; inset: 0; background: center / cover no-repeat; }
.em-hero--kep .em-hero__tartalom { background: rgba(251, 246, 240, .78); border-radius: var(--kerek-xl); }
.em-hero__tartalom { position: relative; max-width: 720px; margin: 0 auto; padding: var(--ter-7) var(--ter-5) calc(var(--ter-8) + var(--ter-6)); text-align: center; display: flex; flex-direction: column; align-items: center; }
.em-hero__logo { margin-bottom: var(--ter-4); }
.em-hero__felirat { margin: 0 0 var(--ter-2); font: 700 14px/20px var(--em-szoveg); letter-spacing: .14em; text-transform: uppercase; color: var(--tinta-2); }
.em-hero__cim { margin: 0; font-family: var(--em-cim); font-weight: var(--em-cim-suly); font-size: 38px; line-height: 1.15; color: var(--tinta); letter-spacing: -.005em; text-wrap: balance; }
.em-hero__alcim { margin: var(--ter-3) 0 0; font-size: 20px; line-height: 1.6; color: var(--tinta); font-weight: 500; text-wrap: balance; }
.em-hero__gombok { display: flex; flex-direction: column; gap: var(--ter-3); margin-top: var(--ter-6); width: 100%; max-width: 360px; }
@container (min-width: 620px) {
  .em-hero__tartalom { padding: var(--ter-8) var(--ter-6) calc(var(--ter-9) + var(--ter-5)); }
  .em-hero__cim { font-size: 52px; line-height: 58px; }
  .em-hero__alcim { font-size: 21px; }
  .em-hero__gombok { flex-direction: row; justify-content: center; max-width: none; width: auto; }
}

/* ---------- kártyák ---------- */
.em-kartya { position: relative; background: var(--felulet); border: 1px solid var(--vonal); border-radius: var(--kerek-l); box-shadow: var(--arnyek-puha); padding: var(--ter-5); display: flex; flex-direction: column; gap: var(--ter-3); box-sizing: border-box; }
.em-kartya__cim { margin: 0; font-family: var(--em-cim); font-weight: var(--em-cim-suly); font-size: 24px; line-height: 32px; color: var(--tinta); }
.em-kartya__szoveg { margin: 0; color: var(--tinta); }
.em-tevekenyseg__ikon { color: var(--tinta); margin: calc(var(--ter-2) * -1) 0 0 calc(var(--ter-2) * -1); }
.em-tevekenyseg .em-link { margin-top: auto; align-self: flex-start; }

.em-kapcsolodas { align-items: center; text-align: center; padding: var(--ter-6) var(--ter-5); }
.em-kapcsolodas__ikon { color: var(--tinta); }
.em-kapcsolodas .em-gomb { margin-top: auto; }

/* dátumdoboz */
.em-datum { position: relative; flex: none; width: 88px; height: 100px; display: grid; place-items: center; }
.em-datum__folt { position: absolute; inset: -14px -16px -10px -12px; width: auto !important; height: auto !important; opacity: .8; }
.em-datum__ido { position: relative; width: 76px; padding: var(--ter-2) 0; background: var(--evszak-halvany); border-radius: var(--kerek-l); display: flex; flex-direction: column; align-items: center; box-shadow: 0 0 0 1px rgba(42, 33, 23, .08); }
.em-datum__honap { font: 700 13px/18px var(--em-szoveg); letter-spacing: .12em; text-transform: uppercase; color: var(--tinta); }
.em-datum__nap { font-family: var(--em-cim); font-weight: var(--em-cim-suly); font-size: 38px; line-height: 40px; color: var(--evszak-mely); }
.em-datum__hetnap { font: 600 13px/18px var(--em-szoveg); color: var(--tinta-2); }
.em-datum--kicsi { width: 72px; height: 84px; }
.em-datum--kicsi .em-datum__ido { width: 64px; }
.em-datum--kicsi .em-datum__nap { font-size: 30px; line-height: 32px; }

.em-esemeny { flex-direction: row; flex-wrap: wrap; align-items: flex-start; gap: var(--ter-4) var(--ter-5); }
.em-esemeny__test { flex: 1 1 190px; display: flex; flex-direction: column; gap: var(--ter-2); min-width: 0; }
.em-esemeny__cimke { margin: 0; font: 700 13px/18px var(--em-szoveg); letter-spacing: .12em; text-transform: uppercase; color: var(--tinta-2); }
.em-esemeny__meta { list-style: none; margin: 0 0 var(--ter-2); padding: 0; display: grid; gap: var(--ter-1); font-size: 16px; line-height: 26px; font-weight: 500; color: var(--tinta-2); }
.em-esemeny__meta li { display: flex; align-items: center; gap: var(--ter-2); }
.em-esemeny__meta .em-ikon { color: var(--evszak-mely); }
.em-esemeny .em-gomb { align-self: flex-start; }

/* info blokk */
.em-info { background: var(--felulet); border: 1px solid var(--vonal); border-radius: var(--kerek-l); padding: var(--ter-5); }
.em-info__cim { margin: 0 0 var(--ter-3); font-family: var(--em-cim); font-weight: var(--em-cim-suly); font-size: 24px; line-height: 32px; }
.em-info__lista { margin: 0; display: grid; gap: var(--ter-4); }
.em-info__sor { display: grid; grid-template-columns: auto 1fr; column-gap: var(--ter-3); align-items: center; }
.em-info__ikon { grid-row: span 2; color: var(--evszak-mely); }
.em-info__ikon .em-folt { opacity: 1; mix-blend-mode: normal; }
.em-info dt { font-weight: 600; font-size: 16px; line-height: 22px; color: var(--tinta-2); }
.em-info dd { margin: 0; font-weight: 600; color: var(--tinta); }

/* tudnivalók */
.em-tudnivalok { display: grid; gap: var(--ter-5); }
.em-tudnivalok__cim { margin: 0; font-family: var(--em-cim); font-weight: var(--em-cim-suly); font-size: 30px; line-height: 38px; }
.em-tudnivalok__csoport { background: var(--felulet); border: 1px solid var(--vonal); border-radius: var(--kerek-l); padding: var(--ter-5); }
.em-tudnivalok__csoport--tilos { background: var(--papir-2); border-style: dashed; border-color: var(--vonal-eros); }
.em-tudnivalok__alcim { margin: 0 0 var(--ter-3); font: 700 18px/26px var(--em-szoveg); }
.em-tudnivalok__lista { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--ter-3); }
.em-tudnivalok__elem { display: flex; gap: var(--ter-3); align-items: flex-start; }
.em-tudnivalok__elem .em-ikon { margin-top: 2px; }
.em-tudnivalok__elem--igen .em-ikon { color: var(--siker); }
.em-tudnivalok__elem--nem .em-ikon { color: var(--hiba); }

/* galéria */
.em-galeria__racs { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--ter-3); grid-template-columns: repeat(auto-fill, minmax(min(46%, 220px), 1fr)); }
.em-galeria__gomb { position: relative; display: block; width: 100%; aspect-ratio: 1; padding: 0; border: 0; border-radius: var(--kerek-l); overflow: hidden; cursor: zoom-in; background: var(--papir-2); }
.em-galeria__gomb img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .3s; }
.em-galeria__gomb:hover img { transform: scale(1.04); }
.em-galeria__nagyito { position: absolute; right: 8px; bottom: 8px; width: 40px; height: 40px; border-radius: 50%; background: rgba(251, 246, 240, .92); color: var(--tinta); display: grid; place-items: center; }
.em-galeria__ablak { border: 0; padding: var(--ter-4); background: var(--felulet); border-radius: var(--kerek-xl); max-width: min(92vw, 900px); box-shadow: var(--arnyek-emelt); color: var(--tinta); }
.em-galeria__ablak::backdrop { background: rgba(42, 33, 23, .72); }
.em-galeria__nagy { margin: 0; }
.em-galeria__nagy img { display: block; max-width: 100%; max-height: 70vh; margin: 0 auto; border-radius: var(--kerek-l); }
.em-galeria__nagy figcaption { margin-top: var(--ter-3); font-size: 16px; color: var(--tinta-2); text-align: center; }
.em-galeria__vezerlok { display: flex; justify-content: center; gap: var(--ter-3); margin-top: var(--ter-3); }
.em-galeria__v { width: var(--erinto-min); height: var(--erinto-min); border-radius: 50%; border: 2px solid var(--vonal-eros); background: var(--felulet); color: var(--tinta); display: grid; place-items: center; cursor: pointer; }

/* ---------- űrlap ---------- */
.em-mezo { display: flex; flex-direction: column; gap: var(--ter-2); border: 0; margin: 0; padding: 0; min-width: 0; }
.em-mezo__cimke { font: 600 17px/24px var(--em-szoveg); color: var(--tinta); padding: 0; }
.em-mezo__kotelezo { color: var(--hiba); font-weight: 700; }
.em-mezo__opcionalis { color: var(--tinta-2); font-weight: 500; font-size: 15px; }
.em-mezo__sugo { margin: 0; font-size: 16px; line-height: 24px; color: var(--tinta-2); }
.em-mezo__input { box-sizing: border-box; width: 100%; min-height: var(--mezo-magassag); padding: 12px 16px; border: 2px solid var(--vonal-eros); border-radius: var(--kerek-s); background: var(--felulet); color: var(--tinta); font: 400 18px/28px var(--em-szoveg); }
.em-mezo__input::placeholder { color: var(--tinta-2); opacity: 1; }
.em-mezo__input:hover { border-color: var(--tinta-2); }
.em-mezo__input--tobbsoros { min-height: 140px; resize: vertical; }
.em-mezo--hibas .em-mezo__input { border-color: var(--hiba); background: var(--hiba-hatter); }
.em-mezo__hiba { display: flex; gap: var(--ter-2); align-items: flex-start; margin: 0; color: var(--hiba); font-weight: 600; font-size: 16px; line-height: 24px; }
.em-legordulo { position: relative; }
.em-legordulo__select { appearance: none; -webkit-appearance: none; padding-right: 48px; cursor: pointer; }
.em-legordulo__nyil { position: absolute; right: 14px; top: 50%; transform: translateY(-50%); pointer-events: none; color: var(--tinta); }
.em-valasztas { gap: var(--ter-2); }
.em-valasztas legend { margin-bottom: var(--ter-2); }
.em-valasztas__opcio { position: relative; display: flex; align-items: flex-start; gap: var(--ter-3); min-height: var(--erinto-min); padding: var(--ter-2) 0; cursor: pointer; }
.em-valasztas__input { position: absolute; opacity: 0; width: 28px; height: 28px; margin: 10px 0 0; left: 0; top: 0; cursor: pointer; }
.em-valasztas__jel { flex: none; width: 28px; height: 28px; box-sizing: border-box; border: 2px solid var(--vonal-eros); background: var(--felulet); display: grid; place-items: center; color: transparent; margin-top: 1px; transition: background-color .15s, border-color .15s; }
.em-valasztas__input--radio + .em-valasztas__jel { border-radius: 50%; }
.em-valasztas__input--jelolo + .em-valasztas__jel { border-radius: 6px; }
.em-valasztas__input--radio:checked + .em-valasztas__jel { border-color: var(--evszak-mely); box-shadow: inset 0 0 0 5px var(--felulet); background: var(--evszak-mely); }
.em-valasztas__input--jelolo:checked + .em-valasztas__jel { border-color: var(--evszak-mely); background: var(--evszak-mely); color: var(--feher); }
.em-valasztas__input:focus-visible + .em-valasztas__jel { outline: 3px solid var(--fokusz); outline-offset: 3px; }
.em-valasztas__opcio:hover .em-valasztas__jel { border-color: var(--tinta-2); }
.em-mezo--hibas .em-valasztas__jel { border-color: var(--hiba); }
.em-valasztas__szoveg { font-size: 17px; line-height: 28px; color: var(--tinta); }
.em-valasztas__leiras { display: block; font-size: 16px; line-height: 24px; color: var(--tinta-2); }
.em-valasztas__opcio--hosszu .em-valasztas__szoveg { font-size: 16px; line-height: 26px; }
.em-valasztas__szoveg a { color: var(--evszak-mely); font-weight: 600; }

.em-uzenet { display: flex; gap: var(--ter-3); align-items: flex-start; padding: var(--ter-4) var(--ter-5); border-radius: var(--kerek-l); border: 2px solid; }
.em-uzenet--siker { background: var(--siker-hatter); border-color: var(--siker); color: var(--tinta); }
.em-uzenet--siker .em-uzenet__ikon { color: var(--siker); }
.em-uzenet--hiba { background: var(--hiba-hatter); border-color: var(--hiba); color: var(--tinta); }
.em-uzenet--hiba .em-uzenet__ikon { color: var(--hiba); }
.em-uzenet__cim { margin: 0; font-weight: 700; font-size: 18px; line-height: 28px; }
.em-uzenet__szoveg { font-size: 17px; line-height: 28px; }
.em-uzenet__szoveg p { margin: var(--ter-1) 0 0; }

/* ---------- figyelemfelhívó ---------- */
.em-figyelem { position: relative; overflow: hidden; isolation: isolate; display: flex; gap: var(--ter-4); align-items: flex-start; padding: var(--ter-5); border-radius: var(--kerek-l); background: var(--evszak-halvany); color: var(--tinta); }
.em-figyelem__folt { position: absolute; z-index: -1; right: -78px; top: -84px; width: 170px !important; height: 170px !important; opacity: .5; }
.em-figyelem:not(.em-figyelem--lezarult) { padding-right: var(--ter-8); }
.em-figyelem__ikon { color: var(--evszak-mely); }
.em-figyelem__cim { margin: 0; font-family: var(--em-cim); font-weight: var(--em-cim-suly); font-size: 23px; line-height: 30px; }
.em-figyelem__szoveg { margin-top: var(--ter-1); }
.em-figyelem__szoveg p { margin: 0; }
.em-figyelem--lezarult { background: var(--papir-2); border: 2px dashed var(--vonal-eros); }
.em-figyelem--lezarult .em-figyelem__ikon { color: var(--tinta); }
.em-sav { background: var(--evszak-halvany); color: var(--tinta); border-bottom: 1px solid var(--vonal); }
.em-sav__belso { display: flex; flex-wrap: wrap; align-items: center; gap: var(--ter-2) var(--ter-3); max-width: var(--tartalom-szel); margin: 0 auto; padding: var(--ter-2) var(--ter-4); font-size: 17px; line-height: 26px; }
.em-sav__belso > .em-ikon { color: var(--evszak-mely); }
.em-sav__belso p { margin: 0; flex: 1 1 220px; }
.em-sav--lezarult { background: var(--papir-2); }

/* ---------- lábléc ---------- */
.em-lablec { --fokusz: var(--negativ-szoveg); position: relative; overflow: hidden; isolation: isolate; background: var(--negativ); color: var(--negativ-szoveg); container-type: inline-size; }
.em-lablec__festek { position: absolute; z-index: -1; left: -5%; top: -34px; width: 110% !important; height: 120px !important; transform: scaleY(-1); mix-blend-mode: normal !important; opacity: .45 !important; }
.em-lablec__belso { max-width: var(--tartalom-szel); margin: 0 auto; padding: var(--ter-8) var(--ter-4) var(--ter-6); display: grid; gap: var(--ter-5); font-size: 17px; line-height: 28px; }
.em-lablec__marka { display: flex; gap: var(--ter-4); align-items: center; }
.em-lablec__nev { margin: 0; font-family: var(--em-cim); font-weight: var(--em-cim-suly); font-size: 24px; line-height: 30px; }
.em-lablec__szlogen { margin: 0; opacity: .9; }
.em-lablec__adatok { margin: 0; display: grid; gap: var(--ter-2); }
.em-lablec__adatok dt { font-size: 15px; line-height: 22px; font-weight: 600; letter-spacing: .04em; opacity: .85; }
.em-lablec__adatok dd { margin: 0; }
.em-lablec a { color: var(--negativ-szoveg); text-underline-offset: 4px; }
.em-lablec__kozosseg, .em-lablec__jogi { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: var(--ter-2) var(--ter-5); }
.em-lablec__kozosseg a { display: inline-flex; align-items: center; gap: var(--ter-2); min-height: var(--erinto-min); font-weight: 600; }
.em-lablec__jogi { border-top: 1px solid rgba(251, 246, 240, .25); padding-top: var(--ter-4); font-size: 16px; }
.em-lablec__jogi a { display: inline-flex; min-height: var(--erinto-min); align-items: center; }
@container (min-width: 760px) {
  .em-lablec__belso { grid-template-columns: 1.3fr 1fr 1fr; align-items: start; }
  .em-lablec__jogi { grid-column: 1 / -1; }
}

/* ---------- piaci pecsét ---------- */
.em-pecset { position: relative; color: var(--tinta); display: grid; place-items: center; }
.em-pecset__folt { position: absolute; inset: 4%; width: auto !important; height: auto !important; opacity: .55; }
[data-evszak="tel"] .em-pecset__folt, [data-theme="tel"] .em-pecset__folt { --folt-szin: var(--evszak-kieg); }
.em-pecset__svg { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.em-pecset__iv { font-family: var(--em-pecset); font-size: 15px; letter-spacing: .18em; text-transform: uppercase; fill: currentColor; }
.em-pecset__kozep { position: relative; text-align: center; font-family: var(--em-cim); font-weight: var(--em-cim-suly); line-height: 1.1; max-width: 56%; }

/* ---------- bemutató: négy évszak egymás mellett ---------- */
.em-evszakminta { display: grid; gap: var(--ter-4); grid-template-columns: repeat(auto-fit, minmax(var(--minta-min, 205px), 1fr)); align-items: start; }
.em-evszakminta--2 { grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr)); }
.em-evszakminta--1 { grid-template-columns: 1fr; }
.em-evszakminta__elem { min-width: 0; }
.em-evszakminta__nev { display: flex; align-items: center; gap: var(--ter-2); margin: 0 0 var(--ter-2); font: 700 13px/18px var(--em-szoveg); letter-spacing: .12em; text-transform: uppercase; color: var(--tinta-2); }
.em-evszakminta__potty { width: 14px; height: 14px; border-radius: 50%; background: var(--evszak-fo); box-shadow: 10px 0 0 var(--evszak-kieg), 20px 0 0 var(--evszak-kiemelo); margin-right: 22px; }
.em-evszakminta__tartalom { display: flex; flex-direction: column; gap: var(--ter-3); align-items: stretch; }