/* =========================================================================
   Orosz Energiagyógyászat – alapstílus
   Arculat: IV. Smaragd Aura. A hexeket az inc/arculat.php adja
   CSS-változóként, itt már csak a változókra hivatkozunk.
   ========================================================================= */

:root {
	/* Tipográfia */
	--oeg-cimsor: 'Playfair Display', Georgia, serif;
	--oeg-kenyer: 'EB Garamond', Georgia, serif;
	--oeg-ui: 'Montserrat', system-ui, -apple-system, 'Segoe UI', sans-serif;

	/* Ritmus – egyetlen skála, hogy ne szülessenek véletlen térközök */
	--oeg-t1: 0.5rem;
	--oeg-t2: 1rem;
	--oeg-t3: 1.75rem;
	--oeg-t4: 3rem;
	--oeg-t5: 5rem;
	--oeg-t6: 7.5rem;

	--oeg-szeles: 1180px;
	--oeg-szoveg-szeles: 46rem;

	--oeg-ker: 3px;
	--oeg-atmenet: 220ms cubic-bezier(0.4, 0, 0.2, 1);
}

/* ---------- Alapok ---------- */

*,
*::before,
*::after { box-sizing: border-box; }

html {
	-webkit-text-size-adjust: 100%;
	scroll-behavior: smooth;
}

@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	*, *::before, *::after {
		animation-duration: 0.01ms !important;
		transition-duration: 0.01ms !important;
	}
}

body {
	margin: 0;
	background: var(--oeg-pergamen);
	color: var(--oeg-szoveg);
	font-family: var(--oeg-kenyer);
	font-size: 1.125rem;
	line-height: 1.8;
	overflow-wrap: break-word;
	-webkit-font-smoothing: antialiased;
}

img,
picture,
video { max-width: 100%; height: auto; display: block; }

a {
	color: var(--oeg-aura);
	text-decoration-thickness: 1px;
	text-underline-offset: 0.18em;
	transition: color var(--oeg-atmenet);
}

a:hover { color: var(--oeg-arany); }

:where(a, button, input, select, textarea, summary):focus-visible {
	outline: 2px solid var(--oeg-arany);
	outline-offset: 3px;
	border-radius: 2px;
}

h1, h2, h3, h4 {
	font-family: var(--oeg-cimsor);
	font-weight: 600;
	line-height: 1.22;
	color: var(--oeg-smaragd);
	margin: 0 0 var(--oeg-t2);
	text-wrap: balance;
}

h1 { font-size: clamp(2.1rem, 5.2vw, 3.5rem); letter-spacing: -0.01em; }
h2 { font-size: clamp(1.7rem, 3.6vw, 2.5rem); }
h3 { font-size: clamp(1.3rem, 2.4vw, 1.65rem); }

p { margin: 0 0 var(--oeg-t2); }

blockquote {
	margin: var(--oeg-t3) 0;
	padding-left: var(--oeg-t2);
	border-left: 2px solid var(--oeg-arany);
	font-style: italic;
	color: var(--oeg-szoveg-lgy);
}

/* ---------- Segédosztályok ---------- */

.oeg-burok {
	width: min(100% - 2.5rem, var(--oeg-szeles));
	margin-inline: auto;
}

.oeg-szoveg { max-width: var(--oeg-szoveg-szeles); }

.oeg-cimke {
	font-family: var(--oeg-ui);
	font-size: 0.7rem;
	font-weight: 600;
	letter-spacing: 0.22em;
	text-transform: uppercase;
	color: var(--oeg-arany);
	margin-bottom: var(--oeg-t1);
	display: block;
}

.oeg-motto {
	font-style: italic;
	font-size: 1.25rem;
	color: var(--oeg-szoveg-lgy);
}

.oeg-rejtve {
	position: absolute;
	width: 1px; height: 1px;
	padding: 0; margin: -1px;
	overflow: hidden;
	clip-path: inset(50%);
	white-space: nowrap;
}

.oeg-atugras {
	position: absolute;
	left: -9999px;
	z-index: 999;
	padding: var(--oeg-t1) var(--oeg-t2);
	background: var(--oeg-smaragd);
	color: var(--oeg-pergamen);
}

.oeg-atugras:focus { left: var(--oeg-t2); top: var(--oeg-t2); }

/* ---------- Gombok ---------- */

.oeg-gomb {
	display: inline-flex;
	align-items: center;
	gap: 0.6em;
	font-family: var(--oeg-ui);
	font-size: 0.82rem;
	font-weight: 600;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	text-decoration: none;
	padding: 0.95em 2em;
	border: 1px solid transparent;
	border-radius: var(--oeg-ker);
	cursor: pointer;
	transition: background var(--oeg-atmenet), color var(--oeg-atmenet),
	            border-color var(--oeg-atmenet), transform var(--oeg-atmenet);
}

.oeg-gomb--arany {
	background: var(--oeg-arany);
	color: var(--oeg-smaragd);
}

.oeg-gomb--arany:hover {
	background: var(--oeg-smaragd);
	color: var(--oeg-arany);
	border-color: var(--oeg-arany);
}

.oeg-gomb--vonal {
	background: transparent;
	color: var(--oeg-smaragd);
	border-color: currentColor;
}

.oeg-gomb--vonal:hover {
	background: var(--oeg-smaragd);
	color: var(--oeg-pergamen);
}

/* Sötét alapon álló gombok.
   A nyitó szakasz is ide tartozik: nincs rajta .oeg-sotet osztály, de sötét
   a háttere – enélkül a vonalas gomb smaragd betűt kapna smaragd alapon. */
.oeg-sotet .oeg-gomb--vonal,
.oeg-nyito .oeg-gomb--vonal { color: var(--oeg-pergamen); }

.oeg-sotet .oeg-gomb--vonal:hover,
.oeg-nyito .oeg-gomb--vonal:hover {
	background: var(--oeg-pergamen);
	color: var(--oeg-smaragd);
	border-color: var(--oeg-pergamen);
}

.oeg-gomb--arany:hover,
.oeg-gomb--vonal:hover { transform: translateY(-2px); }

/* ---------- Fejléc ---------- */

.oeg-fejlec {
	position: sticky;
	top: 0;
	z-index: 50;
	background: var(--oeg-smaragd);
	color: var(--oeg-pergamen);
	border-bottom: 1px solid rgba(201, 161, 90, 0.22);
}

.oeg-fejlec__sor {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--oeg-t2);
	min-height: 5rem;
	/* A fejléc SZÉLESEBB, mint a törzs 1180 pixeles hasábja: nyolc menüpont,
	   a kosár- és a fiókgomb egyszerűen nem fér el benne. Enélkül a sor
	   kilóg a burokból, és a „Belépés" a képernyő szélén levágódik. */
	width: min(100% - 2.5rem, 88rem);
}

.oeg-logo {
	display: flex;
	align-items: center;
	flex: none;
	text-decoration: none;
	transition: opacity var(--oeg-atmenet);
}

.oeg-logo:hover { opacity: 0.85; }

/* A fekvő lockup magassága szabja meg a fejléc arányát. */
.oeg-logo__abra {
	height: clamp(2.6rem, 3.4vw, 3.3rem);
	width: auto;
	display: block;
}

.oeg-logo img { max-height: 3.4rem; width: auto; }

/* Menü */

.oeg-menu {
	display: flex;
	align-items: center;
	/* Szorosabb, mint a törzs ritmusa: a menü mellett elfér a kosár- és a
	   fiókgomb is. Enélkül 1440 pixelen a „Belépés" kilógott a képernyőről. */
	gap: clamp(0.9rem, 1.4vw, var(--oeg-t3));
}

.oeg-menu ul {
	display: flex;
	align-items: center;
	gap: clamp(0.75rem, 1.25vw, 1.5rem);
	list-style: none;
	margin: 0;
	padding: 0;
}

.oeg-menu ul a {
	font-family: var(--oeg-ui);
	font-size: clamp(0.68rem, 0.9vw, 0.78rem);
	font-weight: 500;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--oeg-pergamen);
	text-decoration: none;
	padding: 0.4em 0;
	border-bottom: 1px solid transparent;
	/* A menüpontok két-három szavasak; tördelve a fejléc szétesik. */
	white-space: nowrap;
}

.oeg-menu ul a:hover,
.oeg-menu .current-menu-item > a {
	color: var(--oeg-arany);
	border-bottom-color: var(--oeg-arany);
}

.oeg-menu-kapcsolo {
	display: none;
	background: none;
	border: 0;
	padding: 0.6rem;
	color: inherit;
	cursor: pointer;
}

.oeg-menu-kapcsolo span {
	display: block;
	width: 24px;
	height: 2px;
	margin: 5px 0;
	background: currentColor;
	transition: transform var(--oeg-atmenet), opacity var(--oeg-atmenet);
}

/* A hamburger határa 75rem (1200 px), nem 60rem. A vízszintes menü nyolc
   pontja a kosár- és fiókgombbal együtt 1200 pixel alatt nem fér ki egy
   sorba – korábban 960 és 1150 pixel között már hét ponttal is kilógott. */
@media (max-width: 75rem) {
	.oeg-menu-kapcsolo { display: block; }

	.oeg-menu {
		position: absolute;
		inset: 100% 0 auto 0;
		background: var(--oeg-smaragd);
		border-bottom: 1px solid rgba(201, 161, 90, 0.22);
		display: none;
	}

	.oeg-menu[data-nyitva='1'] { display: block; }

	.oeg-menu ul {
		flex-direction: column;
		align-items: stretch;
		gap: 0;
		padding: var(--oeg-t2) 1.25rem var(--oeg-t3);
	}

	.oeg-menu {
		display: none;
		flex-direction: column;
		align-items: stretch;
		gap: 0;
	}

	.oeg-menu[data-nyitva='1'] { display: flex; }

	.oeg-menu ul a {
		display: block;
		padding: 0.9em 0;
		border-bottom: 1px solid rgba(241, 244, 236, 0.1);
	}

	.oeg-menu-kapcsolo[aria-expanded='true'] span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
	.oeg-menu-kapcsolo[aria-expanded='true'] span:nth-child(2) { opacity: 0; }
	.oeg-menu-kapcsolo[aria-expanded='true'] span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
}

/* ---------- Szakaszok ---------- */

.oeg-szakasz { padding-block: var(--oeg-t5); }

.oeg-szakasz--sotet,
.oeg-sotet {
	background: var(--oeg-smaragd);
	color: var(--oeg-pergamen);
}

.oeg-sotet h1,
.oeg-sotet h2,
.oeg-sotet h3 { color: var(--oeg-pergamen); }

.oeg-sotet .oeg-motto,
.oeg-sotet p { color: rgba(241, 244, 236, 0.82); }

.oeg-szakasz--fatyol { background: #fff; }

/* Nyitó – az aura-fény a mély smaragdon */

.oeg-nyito {
	position: relative;
	display: grid;
	place-items: center;
	min-height: clamp(32rem, 88vh, 50rem);
	padding-block: var(--oeg-t5);
	background: var(--oeg-arnyekzold);
	color: var(--oeg-pergamen);
	text-align: center;
	overflow: hidden;
	isolation: isolate;
}

/* A fénykép. Külön rétegen ül, hogy lassan úszhasson a szöveg alatt anélkül,
   hogy a szöveget is mozgatná. A duotone-hatást a fölé tett smaragd fátyol
   adja: a fotó maga semleges marad, a hangulatot az arculat színe hozza. */
.oeg-nyito__kep {
	position: absolute;
	inset: -4% -4% -4% -4%;
	z-index: -2;
	background: var(--oeg-nyito-kep) center 58% / cover no-repeat;
	filter: saturate(0.72) contrast(1.06) brightness(0.95);
	animation: oeg-sodras 34s ease-in-out infinite alternate;
}

@keyframes oeg-sodras {
	from { transform: scale(1) translate3d(0, 0, 0); }
	to   { transform: scale(1.07) translate3d(0, -1.4%, 0); }
}

/* Fátyol: felül átlátszóbb (látszik a köd), a szöveg mögött sűrűbb. */
.oeg-nyito::after {
	content: '';
	position: absolute;
	inset: 0;
	z-index: -1;
	background:
		radial-gradient(ellipse 62% 50% at 50% 54%, rgba(12, 38, 32, 0.62) 0%, rgba(6, 18, 15, 0.34) 72%),
		linear-gradient(180deg, rgba(6, 18, 15, 0.72) 0%, rgba(12, 38, 32, 0.1) 34%, rgba(6, 18, 15, 0.72) 100%);
	pointer-events: none;
}

/* Az aura: a logó fénypontjának nagyra nagyított mása, lassan lélegzik. */
.oeg-nyito::before {
	content: '';
	position: absolute;
	inset: -30% 0 auto 50%;
	z-index: -1;
	width: min(90rem, 150vw);
	aspect-ratio: 1;
	transform: translateX(-50%);
	background: radial-gradient(
		circle at 50% 42%,
		rgba(201, 161, 90, 0.22) 0%,
		rgba(46, 143, 110, 0.22) 38%,
		transparent 68%
	);
	animation: oeg-lelegzet 11s ease-in-out infinite alternate;
	pointer-events: none;
}

@keyframes oeg-lelegzet {
	from { opacity: 0.65; }
	to   { opacity: 1; }
}

/* Csak a tartalom kerül a fátyol fölé. Szándékosan NEM `> *`: az a
   háttérréteg és a görgetés-jelző abszolút pozícióját is felülírná,
   és a fénykép nyom nélkül eltűnne. */
.oeg-nyito > .oeg-burok { position: relative; z-index: 1; }

/* A tengely-jel a cím fölött – a logó jele, halkan. */
.oeg-nyito__jel {
	width: 4.8rem;
	height: auto;
	margin: 0 auto var(--oeg-t3);
	opacity: 0.9;
}

/* Görgetés-jelzés: a hérónak legyen alja, ne vágja el a semmi. */
.oeg-nyito__tovabb {
	position: absolute;
	left: 50%;
	bottom: var(--oeg-t3);
	width: 1px;
	height: 3.2rem;
	transform: translateX(-50%);
	background: linear-gradient(180deg, transparent, var(--oeg-arany));
	opacity: 0.7;
}

.oeg-nyito__tovabb::after {
	content: '';
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 5px;
	height: 5px;
	margin-left: -2px;
	border-radius: 50%;
	background: var(--oeg-arany);
	animation: oeg-csepp 2.6s ease-in-out infinite;
}

@keyframes oeg-csepp {
	0%, 100% { transform: translateY(0); opacity: 1; }
	50%      { transform: translateY(-1.4rem); opacity: 0.25; }
}

.oeg-nyito h1 {
	color: var(--oeg-pergamen);
	max-width: 18ch;
	margin-inline: auto;
}

.oeg-nyito .oeg-motto {
	max-width: 42ch;
	margin: var(--oeg-t2) auto var(--oeg-t3);
	color: rgba(241, 244, 236, 0.85);
}

/* ---------- Kártyák ---------- */

.oeg-racs {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(17rem, 1fr));
	gap: var(--oeg-t3);
}

.oeg-kartya {
	display: flex;
	flex-direction: column;
	background: #fff;
	border: 1px solid var(--oeg-vonal);
	border-radius: var(--oeg-ker);
	overflow: hidden;
	transition: border-color var(--oeg-atmenet), transform var(--oeg-atmenet);
}

.oeg-kartya:hover {
	border-color: var(--oeg-aura);
	transform: translateY(-3px);
}

.oeg-kartya__kep { aspect-ratio: 3 / 2; object-fit: cover; width: 100%; }

.oeg-kartya__test {
	padding: var(--oeg-t3) var(--oeg-t2) var(--oeg-t2);
	display: flex;
	flex-direction: column;
	gap: var(--oeg-t1);
	flex: 1;
}

.oeg-kartya h3 { margin: 0; }

.oeg-kartya__lab { margin-top: auto; padding-top: var(--oeg-t2); }

/* ---------- Lábléc ---------- */

.oeg-lablec {
	background: var(--oeg-arnyekzold);
	color: rgba(241, 244, 236, 0.72);
	padding-block: var(--oeg-t4) var(--oeg-t2);
	font-size: 0.98rem;
}

.oeg-lablec a { color: rgba(241, 244, 236, 0.72); text-decoration: none; }
.oeg-lablec a:hover { color: var(--oeg-arany); }

.oeg-lablec__racs {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
	gap: var(--oeg-t3);
	padding-bottom: var(--oeg-t3);
}

.oeg-lablec h4 {
	font-family: var(--oeg-ui);
	font-size: 0.7rem;
	font-weight: 600;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: var(--oeg-arany);
	margin-bottom: var(--oeg-t2);
}

.oeg-lablec ul { list-style: none; margin: 0; padding: 0; }
.oeg-lablec li + li { margin-top: 0.55em; }

.oeg-lablec__also {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: var(--oeg-t2);
	padding-top: var(--oeg-t2);
	border-top: 1px solid rgba(201, 161, 90, 0.18);
	font-size: 0.85rem;
}

.oeg-lablec__also ul { display: flex; flex-wrap: wrap; gap: var(--oeg-t2); }

/* Az alsó sor vízszintes: a lábléc-lista függőleges térköze itt félrevinné. */
.oeg-lablec__also li + li { margin-top: 0; }

/* ---------- Egyszerű tartalmi oldal ---------- */

.oeg-oldal { padding-block: var(--oeg-t4) var(--oeg-t5); }

.oeg-oldal__fej {
	background: var(--oeg-smaragd);
	color: var(--oeg-pergamen);
	padding-block: var(--oeg-t4);
	text-align: center;
}

.oeg-oldal__fej h1 { color: var(--oeg-pergamen); margin: 0; }

.oeg-tartalom > * + * { margin-top: var(--oeg-t2); }
.oeg-tartalom h2 { margin-top: var(--oeg-t3); }
.oeg-tartalom ul,
.oeg-tartalom ol { padding-left: 1.4em; }
.oeg-tartalom li + li { margin-top: 0.4em; }

.oeg-tartalom img { border-radius: var(--oeg-ker); margin-block: var(--oeg-t3); }

/* ---------- Könyvek oldal ---------- */

.oeg-konyvoldal { padding-bottom: 0; }

/* A polc: a nyolc borító egy sorban, kicsit megdöntve, mint egy valódi
   könyvespolcon. Innen lehet a kötethez ugrani. */
.oeg-polc {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-end;
	gap: clamp(0.75rem, 2vw, var(--oeg-t3));
	margin-top: var(--oeg-t4);
	padding-bottom: var(--oeg-t3);
	border-bottom: 1px solid rgba(46, 143, 110, 0.28);
}

.oeg-polc__elem img {
	width: clamp(4.5rem, 8vw, 6.5rem);
	border-radius: 2px;
	box-shadow: 0 12px 26px rgba(6, 18, 15, 0.26);
	transition: transform var(--oeg-atmenet), box-shadow var(--oeg-atmenet);
}

.oeg-polc__elem:nth-child(odd) img { transform: rotate(-1.4deg); }
.oeg-polc__elem:nth-child(even) img { transform: rotate(1.2deg); }

.oeg-polc__elem:hover img,
.oeg-polc__elem:focus-visible img {
	transform: translateY(-8px) rotate(0);
	box-shadow: 0 22px 40px rgba(6, 18, 15, 0.34);
}

/* Egy kötet = egy nyitott oldalpár. */
.oeg-konyvek { margin-top: var(--oeg-t5); }

.oeg-konyv {
	position: relative;
	padding-block: clamp(var(--oeg-t4), 7vw, var(--oeg-t6));
	scroll-margin-top: 6rem;
}

/* Váltakozó alap: a páratlan kötetek fátyol-fehéren ülnek, így a lap
   ritmust kap, és nem lesz nyolc egyforma sáv. */
.oeg-konyv--tukor { background: #fff; }

.oeg-konyv .oeg-burok {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 20rem) minmax(0, 1fr);
	gap: var(--oeg-t4) clamp(var(--oeg-t4), 6vw, var(--oeg-t6));
	align-items: center;
}

.oeg-konyv--tukor .oeg-konyv__borito { grid-column: 2; grid-row: 1; }
.oeg-konyv--tukor .oeg-konyv__szoveg { grid-column: 1; grid-row: 1; }
.oeg-konyv--tukor .oeg-burok { grid-template-columns: minmax(0, 1fr) minmax(0, 20rem); }

/* A nagy sorszám: dísz, a képernyőolvasó elől elrejtve. Mindig a BORÍTÓ
   oldalán áll, nem a szövegén – különben a bekezdések alá csúszik. */
.oeg-konyv__szam {
	position: absolute;
	top: -0.35em;
	left: 0;
	z-index: 0;
	font-family: var(--oeg-cimsor);
	font-size: clamp(6rem, 16vw, 12rem);
	line-height: 1;
	color: var(--oeg-aura);
	opacity: 0.09;
	pointer-events: none;
}

.oeg-konyv--tukor .oeg-konyv__szam { left: auto; right: 0; }

.oeg-konyv__borito,
.oeg-konyv__szoveg { position: relative; z-index: 1; }

/* A borító a kötet arányát tartja – nincs vágás, mert a gerinc és a cím
   a fotó szélén van, egy 3:2-es levágás pont azt nyisszantaná le. */
.oeg-konyv__borito img {
	width: 100%;
	height: auto;
	border-radius: var(--oeg-ker);
	box-shadow: 0 22px 48px rgba(6, 18, 15, 0.24);
	transition: transform var(--oeg-atmenet), box-shadow var(--oeg-atmenet);
}

.oeg-konyv:hover .oeg-konyv__borito img {
	transform: translateY(-6px);
	box-shadow: 0 30px 60px rgba(6, 18, 15, 0.3);
}

.oeg-konyv__szoveg { max-width: 40rem; }
.oeg-konyv__szoveg h2 { margin: 0; }

.oeg-konyv__alcim {
	margin: var(--oeg-t1) 0 var(--oeg-t3);
	font-family: var(--oeg-ui);
	font-size: 0.76rem;
	font-weight: 600;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: var(--oeg-aura);
}

/* Arany hajszálvonal az alcím alatt – ez köti össze a nyolc kötetet. */
.oeg-konyv__alcim::after,
.oeg-konyv__szoveg h2 + .oeg-konyv__lab::before {
	content: '';
	display: block;
	width: 3.5rem;
	height: 1px;
	margin-top: var(--oeg-t2);
	background: var(--oeg-arany);
}

.oeg-konyv__szoveg p + p { margin-top: var(--oeg-t2); }

.oeg-konyv__lab {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--oeg-t2);
	margin-top: var(--oeg-t3);
}

.oeg-konyv__ar {
	font-family: var(--oeg-ui);
	font-weight: 600;
	color: var(--oeg-smaragd);
}

/* Elfogyott magánkiadás: a rendelés gomb helyén álló halk jelzés. */
.oeg-konyv__jelzes {
	font-family: var(--oeg-ui);
	font-size: .9rem;
	line-height: 1.5;
	opacity: .78;
}

@media (max-width: 56rem) {
	.oeg-konyv .oeg-burok,
	.oeg-konyv--tukor .oeg-burok { grid-template-columns: 1fr; }

	.oeg-konyv--tukor .oeg-konyv__borito,
	.oeg-konyv--tukor .oeg-konyv__szoveg { grid-column: 1; grid-row: auto; }

	.oeg-konyv__borito { max-width: 16rem; }
	.oeg-konyv__szam { font-size: 5.5rem; top: -0.2em; }
}

/* =========================================================================
   Szakaszok képpel – a „sok üres blokk" feloldása.
   A minta végig ugyanaz: szöveg + egy fénykép, amit arany hajszálvonal
   kísér. A kép oldala váltakozik, hogy a lapon legyen ritmus.
   ========================================================================= */

.oeg-szakasz--kep .oeg-burok {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	gap: var(--oeg-t4) clamp(var(--oeg-t3), 6vw, var(--oeg-t6));
	align-items: center;
}

/* A páros szakaszokban a kép balra kerül. A DOM-sorrend nem változik
   (a szöveg marad elöl), csak a rácsban cserélünk – így a képernyőolvasó
   és a mobilnézet is a szöveggel kezd. */
.oeg-szakasz--kep-bal .oeg-szoveg { grid-column: 2; grid-row: 1; }
.oeg-szakasz--kep-bal .oeg-kepdoboz { grid-column: 1; grid-row: 1; }

.oeg-kepdoboz {
	position: relative;
	isolation: isolate;
}

.oeg-kepdoboz img {
	width: 100%;
	max-height: 34rem;
	object-fit: cover;
	object-position: center 22%;
	border-radius: var(--oeg-ker);
	box-shadow: 0 26px 60px rgba(6, 18, 15, 0.28);
}

/* Az elcsúsztatott arany keret – ettől lesz „megkomponált" a kép,
   nem pedig belapátolt. */
.oeg-kepdoboz::before {
	content: '';
	position: absolute;
	z-index: -1;
	inset: auto -1.4rem -1.4rem auto;
	width: 62%;
	height: 62%;
	border: 1px solid var(--oeg-arany);
	border-radius: var(--oeg-ker);
	opacity: 0.55;
}

.oeg-szakasz--kep-bal .oeg-kepdoboz::before {
	inset: -1.4rem auto auto -1.4rem;
}

/* A sötét szakaszok háttérfotója: nagyon halkan, csak mélységnek. */
.oeg-szakasz--fotohatter {
	position: relative;
	isolation: isolate;
	overflow: hidden;
}

.oeg-szakasz--fotohatter::before {
	content: '';
	position: absolute;
	inset: 0;
	z-index: -2;
	background: var(--oeg-szakasz-kep) center / cover no-repeat;
	filter: saturate(0.5) brightness(0.5);
}

.oeg-szakasz--fotohatter::after {
	content: '';
	position: absolute;
	inset: 0;
	z-index: -1;
	background: linear-gradient(100deg, rgba(6, 18, 15, 0.94) 30%, rgba(12, 38, 32, 0.7) 100%);
}

/* ---------- Számsor: mi van a tanfolyamban ---------- */

.oeg-adatok {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(8.5rem, 1fr));
	gap: var(--oeg-t2);
	margin-top: var(--oeg-t4);
	padding-top: var(--oeg-t3);
	border-top: 1px solid rgba(201, 161, 90, 0.28);
}

.oeg-adat strong {
	display: block;
	font-family: var(--oeg-cimsor);
	font-size: clamp(2rem, 4vw, 2.9rem);
	line-height: 1;
	color: var(--oeg-arany);
	font-weight: 400;
}

.oeg-adat span {
	display: block;
	margin-top: 0.5em;
	font-family: var(--oeg-ui);
	font-size: 0.68rem;
	font-weight: 500;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	/* Alapból SÖTÉT: a számsor világos oldalakon is szerepel (Online
	   tanfolyam), és ott a halvány pergamen-szín olvashatatlan volt. */
	color: var(--oeg-szoveg-lgy);
}

.oeg-sotet .oeg-adat span { color: rgba(241, 244, 236, 0.66); }

/* ---------- Idézet-sáv ---------- */

.oeg-idezetsav {
	position: relative;
	isolation: isolate;
	overflow: hidden;
	padding-block: var(--oeg-t6);
	background: var(--oeg-arnyekzold);
	color: var(--oeg-pergamen);
	text-align: center;
}

.oeg-idezetsav::before {
	content: '';
	position: absolute;
	inset: 0;
	z-index: -2;
	background: var(--oeg-idezet-kep) center / cover no-repeat;
	filter: saturate(0.4) brightness(0.55);
}

.oeg-idezetsav::after {
	content: '';
	position: absolute;
	inset: 0;
	z-index: -1;
	background: radial-gradient(ellipse 60% 60% at 50% 50%, rgba(6, 18, 15, 0.66), rgba(6, 18, 15, 0.9));
}

.oeg-idezetsav blockquote {
	max-width: 34ch;
	margin: 0 auto;
	border: 0;
	padding: 0;
	font-family: var(--oeg-cimsor);
	font-size: clamp(1.5rem, 3.4vw, 2.4rem);
	font-style: normal;
	line-height: 1.35;
	color: var(--oeg-pergamen);
}

.oeg-idezetsav cite {
	display: block;
	margin-top: var(--oeg-t3);
	font-family: var(--oeg-ui);
	font-size: 0.7rem;
	font-style: normal;
	letter-spacing: 0.24em;
	text-transform: uppercase;
	color: var(--oeg-arany);
}

/* ---------- Könyvsáv a kezdőlapon ---------- */

.oeg-konyvsav {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-end;
	gap: clamp(var(--oeg-t2), 3vw, var(--oeg-t4));
	margin-top: var(--oeg-t4);
}

.oeg-konyvsav img {
	width: clamp(5.5rem, 11vw, 8.5rem);
	border-radius: 2px;
	box-shadow: 0 16px 34px rgba(6, 18, 15, 0.3);
	transition: transform var(--oeg-atmenet);
}

.oeg-konyvsav a:hover img { transform: translateY(-6px) rotate(-1.5deg); }

/* ---------- Feltűnés görgetésre ---------- */

[data-oeg-fel] {
	transition: opacity 900ms cubic-bezier(0.16, 1, 0.3, 1),
	            transform 900ms cubic-bezier(0.16, 1, 0.3, 1);
	transition-delay: var(--oeg-kesleltet, 0ms);
}


@media (max-width: 56rem) {
	.oeg-szakasz--kep .oeg-burok { grid-template-columns: 1fr; }
	.oeg-szakasz--kep-bal .oeg-szoveg,
	.oeg-szakasz--kep-bal .oeg-kepdoboz { grid-column: 1; grid-row: auto; }
	.oeg-kepdoboz::before { display: none; }
}

/* A rejtés CSAK akkor él, ha a JS lefutott – különben a tartalom eltűnne
   olyan böngészőben, ahol a szkript nem fut. */
[data-oeg-fel] { opacity: 1; transform: none; }

.oeg-js [data-oeg-fel] {
	opacity: 0;
	transform: translateY(1.6rem);
}

.oeg-js [data-oeg-fel][data-lathato] {
	opacity: 1;
	transform: none;
}

/* ---------- Oldal kiemelt képe ---------- */

.oeg-oldal__kep {
	margin: 0 0 var(--oeg-t4);
	max-width: 26rem;
}

.oeg-oldal__kep img {
	width: 100%;
	border-radius: var(--oeg-ker);
	box-shadow: 0 24px 54px rgba(6, 18, 15, 0.22);
}

/* Az oldalfej és a szöveg közé a kép mellé fusson a bevezető, ha van hely. */
@media (min-width: 60rem) {
	.oeg-oldal:has(.oeg-oldal__kep) .oeg-burok {
		display: grid;
		grid-template-columns: 22rem minmax(0, 1fr);
		gap: var(--oeg-t4) var(--oeg-t5);
		align-items: start;
	}

	.oeg-oldal__kep {
		position: sticky;
		top: 7rem;
		max-width: none;
		margin-bottom: 0;
	}
}

/* ---------- Lábléc: készítette ---------- */

.oeg-keszitette {
	margin: 0;
	font-family: var(--oeg-ui);
	font-size: 0.74rem;
	letter-spacing: 0.06em;
	color: rgba(241, 244, 236, 0.55);
}

.oeg-keszitette a {
	color: var(--oeg-arany);
	text-decoration: none;
}

.oeg-keszitette a:hover { text-decoration: underline; }

/* A lábléc alsó sora: balra a copyright, jobbra a készítette. */
.oeg-lablec__also { align-items: center; }
.oeg-lablec__also .oeg-keszitette { margin-left: auto; }

/* Aki kéri, annak ne mozogjon semmi – és ilyenkor a rejtés se éljen.
   Ez a blokk a fájl VÉGÉN áll: a .oeg-js szabályokkal azonos a
   fajsúlya, ezért csak így nyer. */
@media (prefers-reduced-motion: reduce) {
	.oeg-js [data-oeg-fel] { opacity: 1; transform: none; transition: none; }
	.oeg-nyito__kep,
	.oeg-nyito::before,
	.oeg-nyito__tovabb::after { animation: none; }
}

/* ---------- „A tanítás" – kép nélkül, tipográfiával ---------- */

.oeg-tanitas__belso {
	max-width: 62rem;
	margin-inline: auto;
	text-align: center;
}

.oeg-tanitas__idezet {
	max-width: 30ch;
	margin: var(--oeg-t3) auto var(--oeg-t4);
	font-family: var(--oeg-cimsor);
	font-size: clamp(1.35rem, 2.8vw, 1.95rem);
	line-height: 1.4;
	color: var(--oeg-smaragd);
}

/* Az idézet fölé-alá arany hajszálvonal – ez adja a keretet kép helyett. */
.oeg-tanitas__idezet::before,
.oeg-tanitas__idezet::after {
	content: '';
	display: block;
	width: 2.5rem;
	height: 1px;
	margin: var(--oeg-t3) auto;
	background: var(--oeg-arany);
}

/* A magyarázó szöveg két hasábban fut – így nem lesz egy hosszú tömb. */
.oeg-tanitas__hasab {
	columns: 2;
	column-gap: var(--oeg-t5);
	text-align: left;
	margin-bottom: var(--oeg-t4);
}

.oeg-tanitas__hasab p { break-inside: avoid; margin-bottom: var(--oeg-t2); }

@media (max-width: 48rem) {
	.oeg-tanitas__hasab { columns: 1; }
}

/* Az idézet-sáv fotó nélkül: a mélységet a paletta és az aura adja. */
.oeg-idezetsav::before {
	background: radial-gradient(ellipse 70% 80% at 50% 40%, rgba(46, 143, 110, 0.22), transparent 70%);
	filter: none;
}

/* =========================================================================
   Kapcsolat oldal + űrlap
   ========================================================================= */

.oeg-kapcsolat__racs {
	display: grid;
	grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);
	gap: var(--oeg-t5) clamp(var(--oeg-t4), 6vw, var(--oeg-t6));
	align-items: start;
}

.oeg-kapcsolat__bal .oeg-tartalom { max-width: none; }

.oeg-elerhetoseg {
	list-style: none;
	margin: var(--oeg-t4) 0 0;
	padding: 0;
	border-top: 1px solid rgba(46, 143, 110, 0.28);
}

.oeg-elerhetoseg li {
	padding: var(--oeg-t3) 0;
	border-bottom: 1px solid rgba(46, 143, 110, 0.18);
}

.oeg-elerhetoseg .oeg-cimke { margin-bottom: 0.35em; }
.oeg-elerhetoseg a { font-size: 1.15rem; text-decoration: none; }

.oeg-kapcsolat__figyelem {
	margin-top: var(--oeg-t3);
	font-size: 0.92rem;
	color: var(--oeg-szoveg-lgy);
}

/* Az űrlap kártyája – ez a lap súlypontja, ezért kap saját alapot. */
.oeg-kapcsolat__jobb {
	position: relative;
	padding: clamp(var(--oeg-t3), 4vw, var(--oeg-t5));
	background: #fff;
	border: 1px solid rgba(46, 143, 110, 0.22);
	border-radius: var(--oeg-ker);
	box-shadow: 0 30px 70px rgba(6, 18, 15, 0.1);
}

.oeg-kapcsolat__jel {
	width: 2.6rem;
	height: auto;
	margin-bottom: var(--oeg-t2);
}

.oeg-kapcsolat__jobb h2 { margin: 0 0 var(--oeg-t1); }

.oeg-kapcsolat__vezeto {
	color: var(--oeg-szoveg-lgy);
	margin-bottom: var(--oeg-t4);
}

/* ---------- Az űrlap mezői ---------- */

.oeg-urlap__mez { margin: 0 0 var(--oeg-t3); }

.oeg-urlap__par {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
	gap: 0 var(--oeg-t3);
}

.oeg-urlap label {
	display: block;
	margin-bottom: 0.5em;
	font-family: var(--oeg-ui);
	font-size: 0.72rem;
	font-weight: 600;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--oeg-smaragd);
}

.oeg-urlap label span[aria-hidden] { color: var(--oeg-arany); }

.oeg-urlap input[type='text'],
.oeg-urlap input[type='email'],
.oeg-urlap input[type='tel'],
.oeg-urlap select,
.oeg-urlap textarea {
	width: 100%;
	padding: 0.85em 1em;
	font-family: var(--oeg-kenyer);
	font-size: 1rem;
	color: var(--oeg-szoveg);
	background: var(--oeg-pergamen);
	border: 1px solid rgba(46, 143, 110, 0.3);
	border-radius: var(--oeg-ker);
	transition: border-color var(--oeg-atmenet), box-shadow var(--oeg-atmenet);
}

.oeg-urlap textarea { resize: vertical; min-height: 9rem; line-height: 1.6; }

.oeg-urlap :is(input, select, textarea):focus {
	outline: none;
	border-color: var(--oeg-aura);
	box-shadow: 0 0 0 3px rgba(46, 143, 110, 0.14);
}

/* A pipa sora nem nagybetűs UI-szöveg, hanem olvasható mondat. */
.oeg-urlap__pipa label {
	display: flex;
	align-items: flex-start;
	gap: 0.7em;
	font-family: var(--oeg-kenyer);
	font-size: 0.92rem;
	font-weight: 400;
	letter-spacing: 0;
	text-transform: none;
	color: var(--oeg-szoveg-lgy);
	line-height: 1.5;
}

.oeg-urlap__pipa input { margin-top: 0.3em; accent-color: var(--oeg-aura); }

.oeg-urlap__jelzes {
	padding: var(--oeg-t2) var(--oeg-t3);
	margin-bottom: var(--oeg-t3);
	border-left: 3px solid;
	border-radius: var(--oeg-ker);
	font-size: 0.98rem;
}

.oeg-urlap__jelzes--siker {
	border-color: var(--oeg-aura);
	background: rgba(46, 143, 110, 0.1);
	color: var(--oeg-smaragd);
}

.oeg-urlap__jelzes--hiba {
	border-color: #b4553f;
	background: rgba(180, 85, 63, 0.09);
	color: #7d3728;
}

@media (max-width: 62rem) {
	.oeg-kapcsolat__racs { grid-template-columns: 1fr; }
}

/* =========================================================================
   Tagolt belső oldalak: Bemutatkozás, A kezelésről, Online tanfolyam
   ========================================================================= */

/* ---------- Közös: nagy idézet ---------- */

.oeg-nagyidezet {
	max-width: 34ch;
	margin: 0 auto;
	padding: var(--oeg-t5) 0 var(--oeg-t4);
	border: 0;
	font-family: var(--oeg-cimsor);
	font-size: clamp(1.4rem, 3vw, 2.1rem);
	font-style: normal;
	line-height: 1.4;
	text-align: center;
	color: var(--oeg-smaragd);
}

.oeg-nagyidezet::after {
	content: '';
	display: block;
	width: 2.5rem;
	height: 1px;
	margin: var(--oeg-t3) auto 0;
	background: var(--oeg-arany);
}

/* ---------- Bemutatkozás: életút-szakaszok ---------- */

.oeg-bemutatkozas { padding-bottom: var(--oeg-t5); }

.oeg-eletut { padding-block: clamp(var(--oeg-t4), 6vw, var(--oeg-t5)); }

.oeg-eletut .oeg-burok {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 0.85fr);
	gap: var(--oeg-t4) clamp(var(--oeg-t4), 6vw, var(--oeg-t6));
	align-items: center;
}

.oeg-eletut--tukor .oeg-eletut__szoveg { grid-column: 2; grid-row: 1; }
.oeg-eletut--tukor .oeg-eletut__kep { grid-column: 1; grid-row: 1; }

.oeg-eletut__kep img {
	width: 100%;
	border-radius: var(--oeg-ker);
	box-shadow: 0 24px 54px rgba(6, 18, 15, 0.22);
}

.oeg-bemutatkozas__lab {
	display: flex;
	flex-wrap: wrap;
	gap: var(--oeg-t2);
	padding-top: var(--oeg-t4);
	border-top: 1px solid rgba(46, 143, 110, 0.24);
}

/* ---------- A kezelésről: pillérek és pontok ---------- */

.oeg-kezeles__bevezeto {
	margin: 0 auto var(--oeg-t5);
	text-align: center;
	max-width: 52rem;
}

.oeg-piller { padding-block: clamp(var(--oeg-t4), 6vw, var(--oeg-t5)); }
.oeg-piller--fatyol { background: #fff; }

/* Nincs alávonás: minden pont-oszlop tetején amúgy is ott a zöld vonal,
   a kettő együtt sok lenne. */
.oeg-piller__fej {
	display: flex;
	align-items: baseline;
	gap: var(--oeg-t3);
	margin-bottom: var(--oeg-t4);
}

.oeg-piller__fej h2 { margin: 0; }

.oeg-piller__szam {
	flex: none;
	font-family: var(--oeg-cimsor);
	font-size: clamp(2.4rem, 5vw, 3.6rem);
	line-height: 1;
	color: var(--oeg-arany);
}

.oeg-piller__racs {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(17rem, 1fr));
	gap: var(--oeg-t3);
}

/* Kártya helyett hajszálvonalas oszlop: a lap így marad levegős, de a
   pontok mégis elkülönülnek egymástól. */
.oeg-pont {
	padding-top: var(--oeg-t3);
	border-top: 2px solid var(--oeg-aura);
}

.oeg-pont h3 { margin-bottom: var(--oeg-t1); }
.oeg-pont p { margin: 0; font-size: 1rem; color: var(--oeg-szoveg-lgy); }

.oeg-figyelmeztetes {
	max-width: 52rem;
	margin: var(--oeg-t5) auto 0;
	padding: var(--oeg-t3) var(--oeg-t4);
	background: rgba(201, 161, 90, 0.09);
	border-left: 3px solid var(--oeg-arany);
	border-radius: var(--oeg-ker);
}

.oeg-figyelmeztetes h2 { font-size: 1.25rem; margin-bottom: var(--oeg-t2); }
.oeg-figyelmeztetes p { font-size: 0.98rem; color: var(--oeg-szoveg-lgy); }
.oeg-figyelmeztetes p:last-child { margin-bottom: 0; }

.oeg-kezeles__cta { margin: var(--oeg-t5) 0; text-align: center; }

/* ---------- Online tanfolyam ---------- */

.oeg-kurzus { padding-bottom: var(--oeg-t5); }

.oeg-kurzus__vezeto {
	max-width: 46rem;
	margin: var(--oeg-t5) auto var(--oeg-t4);
	font-size: 1.25rem;
	text-align: center;
	color: var(--oeg-szoveg-lgy);
}

.oeg-adatok--vilagos { border-top-color: rgba(46, 143, 110, 0.3); }

.oeg-modulok { padding-block: var(--oeg-t5); }
.oeg-modulok h2 { text-align: center; margin-bottom: var(--oeg-t5); }

.oeg-modul {
	display: grid;
	grid-template-columns: minmax(0, 18rem) minmax(0, 1fr);
	gap: var(--oeg-t3) clamp(var(--oeg-t3), 5vw, var(--oeg-t5));
	padding-block: var(--oeg-t4);
	border-top: 1px solid rgba(46, 143, 110, 0.22);
}

.oeg-modul__fej h3 { margin: var(--oeg-t1) 0 0; }

.oeg-modul__alcim {
	margin: var(--oeg-t1) 0 0;
	font-size: 1rem;
	font-style: italic;
	color: var(--oeg-szoveg-lgy);
}

/* Számozott lista saját számmal: a böngésző alapértelmezett számai
   túl halkak ehhez a tipográfiához. */
.oeg-modul__lista {
	list-style: none;
	margin: 0;
	padding: 0;
	counter-reset: oeg-modul;
	columns: 2;
	column-gap: var(--oeg-t4);
}

.oeg-modul__lista li {
	counter-increment: oeg-modul;
	position: relative;
	padding-left: 2.4rem;
	margin-bottom: var(--oeg-t2);
	break-inside: avoid;
	font-size: 1rem;
}

.oeg-modul__lista li::before {
	content: counter(oeg-modul, decimal-leading-zero);
	position: absolute;
	left: 0;
	top: 0.1em;
	font-family: var(--oeg-ui);
	font-size: 0.72rem;
	font-weight: 600;
	letter-spacing: 0.08em;
	color: var(--oeg-arany);
}

/* A tétel két sora: a lecke címe, alatta halkan az alcíme. A lista a
   kurzus valódi leckéiből épül (inc/kurzus-szerkezet.php), ezért kell
   helyet adni az alcímnek is. */
.oeg-modul__cim { display: block; }

.oeg-modul__leiras {
	display: block;
	margin-top: 0.15em;
	font-size: 0.92rem;
	font-style: italic;
	line-height: 1.45;
	color: var(--oeg-szoveg-lgy);
}

/* ---------- Árkártyák ---------- */

.oeg-arak {
	padding-block: var(--oeg-t5) var(--oeg-t6);
	background: var(--oeg-smaragd);
	color: var(--oeg-pergamen);
}

.oeg-arak h2 { color: var(--oeg-pergamen); text-align: center; }

.oeg-arak__vezeto {
	max-width: 44rem;
	margin: 0 auto var(--oeg-t5);
	text-align: center;
	color: rgba(241, 244, 236, 0.78);
}

.oeg-arak__racs {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
	gap: var(--oeg-t3);
	align-items: stretch;
}

.oeg-csomag {
	display: flex;
	flex-direction: column;
	padding: var(--oeg-t4) var(--oeg-t3);
	background: rgba(241, 244, 236, 0.05);
	border: 1px solid rgba(241, 244, 236, 0.16);
	border-radius: var(--oeg-ker);
}

.oeg-csomag--kiemelt {
	background: var(--oeg-pergamen);
	color: var(--oeg-szoveg);
	border-color: var(--oeg-arany);
	box-shadow: 0 30px 60px rgba(6, 18, 15, 0.35);
}

.oeg-csomag__jelzo {
	align-self: flex-start;
	margin-bottom: var(--oeg-t2);
	padding: 0.35em 0.9em;
	background: var(--oeg-arany);
	color: var(--oeg-smaragd);
	border-radius: 100px;
	font-family: var(--oeg-ui);
	font-size: 0.62rem;
	font-weight: 600;
	letter-spacing: 0.16em;
	text-transform: uppercase;
}

.oeg-csomag h3 { color: var(--oeg-pergamen); margin-bottom: var(--oeg-t1); }
.oeg-csomag--kiemelt h3 { color: var(--oeg-smaragd); }

.oeg-csomag__mit {
	font-size: 0.98rem;
	color: rgba(241, 244, 236, 0.7);
	margin-bottom: var(--oeg-t3);
}

.oeg-csomag--kiemelt .oeg-csomag__mit { color: var(--oeg-szoveg-lgy); }

.oeg-csomag__ar {
	font-family: var(--oeg-cimsor);
	font-size: clamp(1.8rem, 3.4vw, 2.4rem);
	line-height: 1;
	color: var(--oeg-arany);
	margin-bottom: var(--oeg-t3);
}

.oeg-csomag--kiemelt .oeg-csomag__ar { color: var(--oeg-smaragd); }

.oeg-csomag__lista {
	list-style: none;
	margin: 0 0 var(--oeg-t4);
	padding: 0;
	font-size: 0.98rem;
}

.oeg-csomag__lista li {
	position: relative;
	padding-left: 1.5rem;
	margin-bottom: 0.6em;
	color: rgba(241, 244, 236, 0.82);
}

.oeg-csomag--kiemelt .oeg-csomag__lista li { color: var(--oeg-szoveg); }

.oeg-csomag__lista li::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0.62em;
	width: 0.5rem;
	height: 0.5rem;
	border-radius: 50%;
	background: var(--oeg-aura);
}

.oeg-csomag .oeg-gomb { margin-top: auto; justify-content: center; }

.oeg-csomag:not(.oeg-csomag--kiemelt) .oeg-gomb--vonal { color: var(--oeg-pergamen); }

.oeg-csomag:not(.oeg-csomag--kiemelt) .oeg-gomb--vonal:hover {
	background: var(--oeg-pergamen);
	color: var(--oeg-smaragd);
	border-color: var(--oeg-pergamen);
}

@media (max-width: 56rem) {
	.oeg-eletut .oeg-burok,
	.oeg-modul { grid-template-columns: 1fr; }

	.oeg-eletut--tukor .oeg-eletut__szoveg,
	.oeg-eletut--tukor .oeg-eletut__kep { grid-column: 1; grid-row: auto; }

	.oeg-modul__lista { columns: 1; }
	.oeg-piller__fej { flex-direction: column; gap: var(--oeg-t1); }
}

/* ---------- Belépés / Tanulószobám a fejlécben ---------- */

.oeg-fiok {
	display: inline-flex;
	align-items: center;
	flex: none;
	padding: 0.55em 1.2em;
	font-family: var(--oeg-ui);
	font-size: 0.72rem;
	font-weight: 600;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	text-decoration: none;
	white-space: nowrap;
	color: var(--oeg-smaragd);
	background: var(--oeg-arany);
	border: 1px solid var(--oeg-arany);
	border-radius: var(--oeg-ker);
	transition: background var(--oeg-atmenet), color var(--oeg-atmenet);
}

.oeg-fiok:hover { background: transparent; color: var(--oeg-arany); }

.oeg-fiok--belepes {
	background: transparent;
	color: var(--oeg-pergamen);
	border-color: rgba(241, 244, 236, 0.4);
}

.oeg-fiok--belepes:hover {
	background: var(--oeg-arany);
	color: var(--oeg-smaragd);
	border-color: var(--oeg-arany);
}

/* ---------- Fiók: osztott gomb a fejlécben ---------- */

/* Egyetlen arany pirula, két mezővel: balra a Tanulószobám (egy kattintás),
   jobbra a nyíl a fiókkal és a kilépéssel. Külön kis gombként a nyíl elveszett
   a sötét fejlécen – az arany mezőn viszont látszik. */
.oeg-fiokgomb {
	display: inline-flex;
	align-items: stretch;
	flex: none;
	position: relative; /* mobilon ehhez igazodik a lenyíló */
}

.oeg-fiokgomb .oeg-fiok {
	border-radius: var(--oeg-ker) 0 0 var(--oeg-ker);
	border-right-color: rgba(12, 38, 32, 0.22);
}

.oeg-fiokmenu {
	position: relative;
	display: flex;
}

.oeg-fiokmenu > summary {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.1rem;
	cursor: pointer;
	list-style: none;
	background: var(--oeg-arany);
	border: 1px solid var(--oeg-arany);
	border-left: 0;
	border-radius: 0 var(--oeg-ker) var(--oeg-ker) 0;
	transition: background var(--oeg-atmenet), color var(--oeg-atmenet);
}

.oeg-fiokmenu > summary::-webkit-details-marker { display: none; }

/* A két mező együtt reagál: bármelyik fölé érsz, a teljes pirula vált. */
.oeg-fiokgomb:hover .oeg-fiok,
.oeg-fiokgomb:hover .oeg-fiokmenu > summary,
.oeg-fiokgomb:has(.oeg-fiokmenu[open]) .oeg-fiok,
.oeg-fiokmenu[open] > summary {
	background: transparent;
	color: var(--oeg-arany);
}

.oeg-fiokmenu > summary span {
	width: 0;
	height: 0;
	border-left: 0.32rem solid transparent;
	border-right: 0.32rem solid transparent;
	border-top: 0.34rem solid var(--oeg-smaragd);
	transition: transform var(--oeg-atmenet), border-top-color var(--oeg-atmenet);
}

.oeg-fiokgomb:hover .oeg-fiokmenu > summary span,
.oeg-fiokmenu[open] > summary span { border-top-color: var(--oeg-arany); }

.oeg-fiokmenu[open] > summary span { transform: rotate(180deg); }

/* A `display: block` nem elhagyható: a fejléc menülistája flexben áll, és a
   szabálya erre a listára is ráhúzódna – ettől a lenyíló pontjai egyetlen
   vízszintes sorba rendeződtek. */
.oeg-fiokmenu ul {
	display: block;
	position: absolute;
	right: 0;
	top: calc(100% + 0.5rem);
	z-index: 60;
	min-width: 14rem;
	margin: 0;
	padding: 0.4rem;
	list-style: none;
	background: var(--oeg-smaragd);
	border: 1px solid rgba(201, 161, 90, 0.35);
	border-radius: 0.6rem 0.6rem var(--oeg-ker) var(--oeg-ker);
	box-shadow: 0 18px 44px rgba(6, 18, 15, 0.35);
}

.oeg-fiokmenu li { display: block; margin: 0; }

.oeg-fiokmenu ul a {
	display: block;
	padding: 0.6em 0.8em;
	font-family: var(--oeg-ui);
	font-size: 0.74rem;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	text-decoration: none;
	white-space: nowrap;
	color: rgba(241, 244, 236, 0.82);
	border-radius: var(--oeg-ker);
	transition: background var(--oeg-atmenet), color var(--oeg-atmenet);
}

.oeg-fiokmenu ul a:hover {
	background: rgba(201, 161, 90, 0.16);
	color: var(--oeg-arany);
}

@media (max-width: 75rem) {
	.oeg-menu { padding-bottom: var(--oeg-t2); }
	.oeg-fiok { margin: 0; }

	/* Mobilon a lenyíló a pirula ALATT, annak teljes szélességében nyílik.
	   A `details` itt statikus, hogy a lista a gombhoz (.oeg-fiokgomb)
	   igazodjon, ne a nyíl kis dobozához – különben mellé csúszna. */
	/* Mobilon NINCS lenyíló: a nyitott hamburger-menüben nincs mit rejtegetni,
	   és egy lebegő doboz ott csak kilógna. A nyíl eltűnik, a pontok pedig
	   sima menüsorokként állnak a gomb alatt. A lista `display: block`-ja
	   szándékos: ez írja felül a böngésző szabályát, ami a becsukott
	   `<details>` tartalmát elrejtené. */
	.oeg-fiokgomb {
		display: block;
		margin: 0 1.25rem;
	}

	.oeg-fiokgomb .oeg-fiok {
		display: flex;
		justify-content: center;
		border-radius: var(--oeg-ker);
		border-right-color: var(--oeg-arany);
	}

	/* A lenyíló mobilon MINDIG nyitva van, ezért az „open" állapot stílusa
	   itt nem érvényes – a gomb maradjon tömör arany. */
	.oeg-fiokgomb:has(.oeg-fiokmenu[open]) .oeg-fiok {
		background: var(--oeg-arany);
		color: var(--oeg-smaragd);
	}

	.oeg-fiokgomb .oeg-fiok:hover {
		background: transparent;
		color: var(--oeg-arany);
	}

	.oeg-fiokmenu > summary { display: none; }

	.oeg-fiokmenu ul {
		display: block;
		position: static;
		min-width: 0;
		margin-top: var(--oeg-t2);
		padding: 0;
		background: transparent;
		border: 0;
		box-shadow: none;
	}

	/* Az első pont maga a Tanulószobám – a gomb már az. */
	.oeg-fiokmenu li:first-child { display: none; }

	.oeg-fiokmenu ul a { padding-left: 0; }
}

/* ---------- Tanulószoba ---------- */

.oeg-sajatkurzus { margin-bottom: var(--oeg-t5); }
.oeg-sajatkurzus__fej { margin-bottom: var(--oeg-t4); }
.oeg-sajatkurzus__fej h2 { margin-bottom: var(--oeg-t3); }

.oeg-haladas__sav {
	height: 4px;
	background: rgba(46, 143, 110, 0.2);
	border-radius: 100px;
	overflow: hidden;
}

.oeg-haladas__sav span {
	display: block;
	height: 100%;
	background: var(--oeg-arany);
	transition: width 600ms cubic-bezier(0.16, 1, 0.3, 1);
}

.oeg-haladas__szoveg {
	margin-top: 0.6em;
	font-family: var(--oeg-ui);
	font-size: 0.72rem;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--oeg-szoveg-lgy);
}

.oeg-leckelista { list-style: none; margin: 0; padding: 0; }

.oeg-leckelista__elem { border-bottom: 1px solid rgba(46, 143, 110, 0.18); }

.oeg-leckelista__elem a {
	display: flex;
	align-items: baseline;
	gap: var(--oeg-t3);
	padding: var(--oeg-t3) 0;
	text-decoration: none;
	color: var(--oeg-szoveg);
	transition: color var(--oeg-atmenet);
}

.oeg-leckelista__elem a:hover { color: var(--oeg-aura); }

.oeg-leckelista__szam {
	flex: none;
	font-family: var(--oeg-ui);
	font-size: 0.72rem;
	font-weight: 600;
	letter-spacing: 0.1em;
	color: var(--oeg-arany);
}

.oeg-leckelista__cim { font-family: var(--oeg-cimsor); font-size: 1.2rem; }

.oeg-leckelista__jel {
	margin-left: auto;
	font-family: var(--oeg-ui);
	font-size: 0.62rem;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--oeg-aura);
}

.oeg-leckelista__elem--kesz .oeg-leckelista__cim { color: var(--oeg-szoveg-lgy); }

.oeg-tanuloszoba__lab {
	display: flex;
	flex-wrap: wrap;
	gap: var(--oeg-t3);
	padding-top: var(--oeg-t3);
	border-top: 1px solid rgba(46, 143, 110, 0.2);
	font-family: var(--oeg-ui);
	font-size: 0.75rem;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

/* ---------- Vélemények: vízszintes görgető ----------
   Az Orosz tradicionális gyógyászat lapján 123 visszajelzés állt egymás
   alatt folyószövegben. Egyszerre három kártya látszik (tableten kettő,
   mobilon egy), a hosszabbak levágva, „Tovább" gombbal nyílnak ki. */

.oeg-velemenyek {
	margin-block: var(--oeg-t5);
	padding-top: var(--oeg-t4);
	border-top: 1px solid rgba(46, 143, 110, 0.24);
}

.oeg-velemenyek__fej {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: var(--oeg-t3);
	margin-bottom: var(--oeg-t3);
}

.oeg-velemenyek__fej h2 { margin: var(--oeg-t1) 0 0; }

.oeg-velemenyek__vezerlo {
	display: flex;
	gap: var(--oeg-t1);
	flex: none;
}

.oeg-velemenyek__nyil {
	width: 2.75rem;
	height: 2.75rem;
	display: grid;
	place-items: center;
	background: none;
	border: 1px solid rgba(46, 143, 110, 0.4);
	border-radius: 50%;
	color: var(--oeg-smaragd);
	font-size: 1.1rem;
	line-height: 1;
	cursor: pointer;
	transition: background var(--oeg-atmenet), color var(--oeg-atmenet), border-color var(--oeg-atmenet);
}

.oeg-velemenyek__nyil:hover {
	background: var(--oeg-smaragd);
	border-color: var(--oeg-smaragd);
	color: var(--oeg-pergamen);
}

.oeg-velemenyek__nyil[disabled] { opacity: 0.3; cursor: default; }
.oeg-velemenyek__nyil[disabled]:hover { background: none; color: var(--oeg-smaragd); border-color: rgba(46, 143, 110, 0.4); }

/* A sáv maga: rácsban futó kártyák, vízszintes görgetéssel és tapadással.
   Nem carousel-plugin: a natív görgetés ujjal, egérrel és billentyűvel is
   megy, és JS nélkül sem esik szét. */
.oeg-velemenyek__sav {
	--oeg-velemeny-koz: var(--oeg-t3);

	display: grid;
	grid-auto-flow: column;
	grid-auto-columns: calc((100% - 2 * var(--oeg-velemeny-koz)) / 3);
	gap: var(--oeg-velemeny-koz);
	list-style: none;
	margin: 0;
	padding: 0 0 var(--oeg-t2);
	overflow-x: auto;
	overscroll-behavior-x: contain;
	scroll-snap-type: x mandatory;
	scrollbar-width: thin;
	scrollbar-color: rgba(46, 143, 110, 0.45) transparent;
}

.oeg-velemenyek__sav::-webkit-scrollbar { height: 6px; }
.oeg-velemenyek__sav::-webkit-scrollbar-thumb {
	background: rgba(46, 143, 110, 0.45);
	border-radius: 100px;
}

.oeg-velemeny {
	display: flex;
	flex-direction: column;
	scroll-snap-align: start;
	padding: var(--oeg-t3);
	background: #fff;
	border: 1px solid rgba(46, 143, 110, 0.18);
	border-radius: var(--oeg-ker);
	box-shadow: 0 14px 34px rgba(6, 18, 15, 0.06);
}

.oeg-velemeny__szoveg {
	margin: 0;
	padding: 0;
	border: 0;
	position: relative;
}

.oeg-velemeny__szoveg::before {
	content: '\201E';
	display: block;
	font-family: var(--oeg-cimsor);
	font-size: 2.6rem;
	line-height: 0.6;
	color: var(--oeg-arany);
	opacity: 0.55;
	margin-bottom: var(--oeg-t1);
}

.oeg-velemeny__szoveg p {
	margin: 0;
	font-size: 0.98rem;
	line-height: 1.7;
	color: var(--oeg-szoveg-lgy);

	/* A hosszú visszajelzések nyolc sor után elfogynak – enélkül egyetlen
	   2800 karakteres élménybeszámoló megnyújtaná mind a három hasábot. */
	display: -webkit-box;
	-webkit-line-clamp: 8;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.oeg-velemeny--nyitva .oeg-velemeny__szoveg p {
	-webkit-line-clamp: unset;
	overflow: visible;
}

.oeg-velemeny__tovabb {
	align-self: flex-start;
	margin-top: var(--oeg-t2);
	padding: 0;
	background: none;
	border: 0;
	border-bottom: 1px solid var(--oeg-arany);
	color: var(--oeg-smaragd);
	font-family: var(--oeg-ui);
	font-size: 0.72rem;
	font-weight: 600;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	cursor: pointer;
}

.oeg-velemeny__nev {
	margin: var(--oeg-t3) 0 0;
	padding-top: var(--oeg-t2);
	border-top: 1px solid rgba(46, 143, 110, 0.18);
	font-family: var(--oeg-ui);
	font-size: 0.74rem;
	font-weight: 600;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--oeg-aura);
}

/* A név a kártya aljára tapad, hogy a hasábok alja egy vonalba essen. */
.oeg-velemeny__nev:last-child { margin-top: auto; }

/* Kevés visszajelzés: rács, nem görgető. A kártya szélessége korlátos –
   egyetlen vélemény teljes szélességben 180 karakteres sorokat adna, ami
   olvashatatlan. */
.oeg-velemenyek--keves .oeg-velemenyek__sav {
	grid-auto-flow: row;
	grid-template-columns: repeat(auto-fit, minmax(18rem, 30rem));
	justify-content: center;
	overflow-x: visible;
	scroll-snap-type: none;
}

@media (max-width: 62rem) {
	.oeg-velemenyek__sav { grid-auto-columns: calc((100% - var(--oeg-velemeny-koz)) / 2); }
}

@media (max-width: 44rem) {
	.oeg-velemenyek__sav { grid-auto-columns: 88%; }
	.oeg-velemenyek__fej { flex-direction: column; align-items: flex-start; }
}

/* A törzsből gombbá alakított „Itt jelentkezhetsz" címsor. */
.oeg-tartalom__cta { margin-top: var(--oeg-t3); }

/* ---------- Energiatér-elemzés ---------- */

/* A lap függőleges ritmusa. A bevezető korábban a `oeg-kezeles__bevezeto`-t
   használta, aminek NINCS felső térköze (ott ugyanis idézet áll előtte, az
   hozza a levegőt) – így a szöveg nekiszorult a sötét fejlécsávnak, alatta
   viszont 5+5 rem üresség tátongott az idézetig. Itt saját térközök kellenek. */
.oeg-elemzes__bevezeto {
	max-width: 52rem;
	margin-inline: auto;
	padding-top: var(--oeg-t5);
	text-align: center;
}

.oeg-elemzes__bevezeto p:last-child { margin-bottom: 0; }

.oeg-elemzes .oeg-nagyidezet { padding-block: var(--oeg-t4); }


/* A mottó NEM az aura-zöldet kapja: a #2E8F6E a világos pergamenen csak
   3,4:1 kontrasztot ad, ami ekkora, nem félkövér szövegnél kevés. A mély
   smaragd halkítva ugyanazt a „lead" hatást adja, olvashatóan. */
.oeg-elemzes__motto {
	font-family: var(--oeg-cimsor);
	font-size: 1.15rem;
	font-style: italic;
	line-height: 1.5;
	color: var(--oeg-smaragd);
	opacity: 0.82;
	margin-bottom: var(--oeg-t3);
}

/* Hat pont: 3×2-ben olvasható, az `auto-fit` 4+2-re törte, és a második
   sor két árva kártyája kilógott a rendből. */
.oeg-elemzes__feltar .oeg-piller__racs {
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--oeg-t4) var(--oeg-t3);
}

@media (max-width: 62rem) {
	.oeg-elemzes__feltar .oeg-piller__racs { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 40rem) {
	.oeg-elemzes__feltar .oeg-piller__racs { grid-template-columns: 1fr; }
}

/* Középre húzott szakasz-fej: a kártyás rácsok fölött ez adja a levegőt. */
.oeg-elemzes__fej {
	max-width: 40rem;
	margin: 0 auto var(--oeg-t4);
	text-align: center;
}

.oeg-elemzes__fej h2 { margin-top: var(--oeg-t1); }

/* A menet négy lépése. Számozott lista, de a böngésző számai helyett a
   saját, halk arany sorszám látszik – ezért a `list-style: none`. */
.oeg-lepesek {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
	gap: var(--oeg-t4) var(--oeg-t3);
	list-style: none;
	margin: 0;
	padding: 0;
	counter-reset: none;
}

.oeg-lepes { position: relative; }

.oeg-lepes__szam {
	display: block;
	font-family: var(--oeg-cimsor);
	font-size: 2.4rem;
	line-height: 1;
	color: var(--oeg-arany);
	opacity: 0.55;
	margin-bottom: var(--oeg-t2);
}

.oeg-lepes h3 { font-size: 1.15rem; margin-bottom: var(--oeg-t1); }
.oeg-lepes p { margin: 0; font-size: 1rem; color: var(--oeg-szoveg-lgy); }

/* Az űrlap fölött a szakasz-fej itt is középre kerül – az űrlap maga a lap
   közepén áll, egy balra zárt fejléc mellette félrecsúszottnak látszana. */
.oeg-elemzes .oeg-alkalom__urlapfej {
	max-width: 42rem;
	margin-inline: auto;
	text-align: center;
}

/* ---------- Gondolati választó a szövegben ----------
   A leckék Word-forrásában a szakaszhatárokat pontsorok („…………") jelölték.
   Nyers szövegként ez elírásnak látszik, ezért a helyükön ez az elem áll. */

.oeg-valaszto {
	display: block;
	width: min(11rem, 60%);
	height: 1px;
	margin: var(--oeg-t4) auto;
	border: 0;
	background: linear-gradient(90deg, transparent, rgba(201, 161, 90, 0.75), transparent);
	overflow: visible;
}

.oeg-valaszto::after {
	content: "❧";
	display: block;
	margin-top: -0.85em;
	text-align: center;
	font-size: 0.9rem;
	line-height: 1;
	color: var(--oeg-arany);
	background: var(--oeg-pergamen);
	width: 1.6em;
	margin-inline: auto;
}

/* ---------- Lecke-jelölők (ábra / meditáció helye) ---------- */

.oeg-lecke-jelolo {
	margin: var(--oeg-t3) 0;
	padding: var(--oeg-t3);
	border: 1px dashed rgba(46, 143, 110, 0.45);
	border-radius: var(--oeg-ker);
	background: rgba(46, 143, 110, 0.05);
	text-align: center;
}

.oeg-lecke-jelolo figcaption,
.oeg-lecke-jelolo p {
	margin: 0;
	font-family: var(--oeg-ui);
	font-size: 0.72rem;
	font-weight: 600;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--oeg-aura);
}

.oeg-lecke-jelolo--meditacio {
	border-style: solid;
	border-color: rgba(201, 161, 90, 0.45);
	background: rgba(201, 161, 90, 0.07);
}

.oeg-lecke-jelolo--meditacio p { color: var(--oeg-arany); }

/* =========================================================================
   Képformák – „kapu", kör, lágy folt
   A doboz-forma helyett a márka saját szótárából dolgozunk: Mária
   dimenzionális kapukról és rejtett átjárókról beszél, ezért a fő
   képforma egy felül íves PORTÁL. Mögötte aura-derengés ül, hogy a kép
   ne ráragasztva legyen a lapon, hanem előhívódjon belőle.
   ========================================================================= */

.oeg-kepdoboz,
.oeg-eletut__kep { position: relative; }

/* Az aura: a kép mögül kiszűrődő fény. */
.oeg-kepdoboz::after,
.oeg-eletut__kep::after {
	content: '';
	position: absolute;
	z-index: -1;
	inset: -12%;
	background: radial-gradient(
		ellipse at 50% 45%,
		rgba(46, 143, 110, 0.28) 0%,
		rgba(201, 161, 90, 0.16) 45%,
		transparent 72%
	);
	pointer-events: none;
}

/* Az aura SZÁNDÉKOSAN kilóg a képdobozból – ettől „derengés" és nem keret.
   Keskeny képernyőn viszont a viewporton is túlér: egy 390 pixeles dobozon
   a -12% oldalanként ~47 pixel, amitől a documentElement `scrollWidth`-je
   430 helyett 457 lett. Oldalra görgetni emiatt nem lehetett (a többlet
   sehol nem vált görgethetővé), de az iOS Safari gumiszalag-mozgása és a
   Lighthouse „a tartalom szélesebb a képernyőnél" figyelmeztetése elkapja.

   A vágás a SZAKASZON van, nem a képdobozon: a szakasz a viewport
   szélességét veszi fel, tehát az aura ott terül el szabadon, ahol van
   hely (asztalon a burok amúgy is beljebb van), és csak a képernyő szélén
   vágódik le. A képdobozra téve az egész derengés eltűnne.

   `clip` és nem `hidden`: a clip nem hoz létre görgetési kontextust, tehát
   a `position: sticky` és a függőleges görgetés érintetlen marad. Ahol a
   böngésző nem ismeri (Safari 16 előtt), ott `visible`-re esik vissza –
   vagyis a mai, ártalmatlan viselkedésre. */
.oeg-szakasz,
.oeg-eletut { overflow-x: clip; }

/* --- A kapu: felül teljes ív, alul alig lekerekített --- */
.oeg-kepdoboz img,
.oeg-eletut__kep img {
	border-radius: 50vw 50vw var(--oeg-ker) var(--oeg-ker) / 32% 32% var(--oeg-ker) var(--oeg-ker);
	box-shadow: 0 30px 64px rgba(6, 18, 15, 0.26);
}

/* Az arany hajszálvonal is kövesse az ívet – enélkül a keret és a kép
   két külön formanyelvet beszélne. */
.oeg-kepdoboz::before {
	inset: -1.6rem -1.6rem 22% -1.6rem;
	width: auto;
	height: auto;
	border-radius: 50vw 50vw var(--oeg-ker) var(--oeg-ker) / 34% 34% var(--oeg-ker) var(--oeg-ker);
	opacity: 0.45;
}

.oeg-szakasz--kep-bal .oeg-kepdoboz::before {
	inset: -1.6rem -1.6rem 22% -1.6rem;
}

/* --- Váltakozó formák a Bemutatkozás oldalon: legyen ritmus --- */

/* 2. szakasz (Kaukázus): kör – a táj így „lencseként" működik. */
.oeg-eletut:nth-of-type(2) .oeg-eletut__kep img {
	border-radius: 50%;
	aspect-ratio: 1;
	object-fit: cover;
}

/* 3. szakasz (tenyér): lágy, aszimmetrikus folt. */
.oeg-eletut:nth-of-type(3) .oeg-eletut__kep img {
	border-radius: 62% 38% 46% 54% / 54% 44% 56% 46%;
}

/* 4. szakasz (kézirat): fordított kapu – alul ível. */
.oeg-eletut:nth-of-type(4) .oeg-eletut__kep img {
	border-radius: var(--oeg-ker) var(--oeg-ker) 50vw 50vw / var(--oeg-ker) var(--oeg-ker) 32% 32%;
}

/* Enyhe megbillentés: a képek ne katonás rendben álljanak. */
.oeg-eletut:nth-of-type(odd) .oeg-eletut__kep { transform: rotate(-1.2deg); }
.oeg-eletut:nth-of-type(even) .oeg-eletut__kep { transform: rotate(1deg); }

.oeg-eletut__kep {
	transition: transform 600ms cubic-bezier(0.16, 1, 0.3, 1);
}

.oeg-eletut:hover .oeg-eletut__kep { transform: rotate(0); }

@media (prefers-reduced-motion: reduce) {
	.oeg-eletut__kep { transform: none !important; transition: none; }
}

/* A kártyák képe is kapjon lágy tetőt – a szögletes bélyegkép volt a
   „kockás" hatás másik forrása. */
.oeg-kartya { border-radius: 1.2rem 1.2rem var(--oeg-ker) var(--oeg-ker); }
.oeg-kartya__kep { border-radius: 1.1rem 1.1rem 0 0; }

/* A kapcsolat-kártya és az űrlap is kövesse a lágyabb nyelvet. */
.oeg-kapcsolat__jobb { border-radius: 1.4rem 1.4rem var(--oeg-ker) var(--oeg-ker); }

@media (max-width: 56rem) {
	.oeg-eletut__kep { transform: none !important; }
	.oeg-kepdoboz::before { display: none; }
}

/* A portré magas, a tájkép fekvő – korlát nélkül a szakaszok magassága
   összevissza lenne. Egységes maximum, középre igazított vágással. */
.oeg-eletut__kep img {
	width: 100%;
	max-height: 30rem;
	object-fit: cover;
	object-position: center 28%;
}

.oeg-eletut:nth-of-type(2) .oeg-eletut__kep img {
	max-height: 26rem;
	max-width: 26rem;
	margin-inline: auto;
}

/* =========================================================================
   Fiókom – a WooCommerce gyári felülete helyett
   ========================================================================= */

.woocommerce-account .oeg-oldal { padding-block: var(--oeg-t5) var(--oeg-t6); }

/* ---------- Belépés / regisztráció ---------- */

.oeg-belepes {
	display: grid;
	grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
	gap: clamp(var(--oeg-t4), 5vw, var(--oeg-t6));
	align-items: start;
}

.oeg-belepes__urlapok { display: grid; gap: var(--oeg-t3); }

.oeg-belepes__kartya {
	padding: clamp(var(--oeg-t3), 4vw, var(--oeg-t5));
	background: #fff;
	border: 1px solid rgba(46, 143, 110, 0.22);
	border-radius: 1.4rem 1.4rem var(--oeg-ker) var(--oeg-ker);
	box-shadow: 0 30px 70px rgba(6, 18, 15, 0.1);
}

.oeg-belepes__kartya--halk {
	background: transparent;
	box-shadow: none;
	border-style: dashed;
}

.oeg-belepes__jel { width: 2.4rem; height: auto; margin-bottom: var(--oeg-t2); }

.oeg-belepes__kartya h2 { margin-bottom: var(--oeg-t1); }

.oeg-belepes__vezeto {
	margin-bottom: var(--oeg-t4);
	font-size: 1rem;
	color: var(--oeg-szoveg-lgy);
}

.oeg-belepes__sor {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: var(--oeg-t2);
	margin-bottom: var(--oeg-t3);
}

.oeg-belepes__emlekezz {
	display: flex;
	align-items: center;
	gap: 0.6em;
	margin: 0;
	font-family: var(--oeg-kenyer);
	font-size: 0.95rem;
	font-weight: 400;
	letter-spacing: 0;
	text-transform: none;
	color: var(--oeg-szoveg-lgy);
}

.oeg-belepes__emlekezz input { accent-color: var(--oeg-aura); }

.oeg-belepes__elfelejtett {
	font-family: var(--oeg-ui);
	font-size: 0.72rem;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	text-decoration: none;
}

/* A jobb oldali sötét panel: ez adja meg, miért érdemes belépni. */
.oeg-belepes__mellett {
	padding: clamp(var(--oeg-t3), 4vw, var(--oeg-t5));
	background: var(--oeg-smaragd);
	color: var(--oeg-pergamen);
	border-radius: 1.4rem 1.4rem var(--oeg-ker) var(--oeg-ker);
}

.oeg-belepes__mellett h2 { color: var(--oeg-pergamen); }

.oeg-belepes__lista {
	list-style: none;
	margin: var(--oeg-t3) 0 var(--oeg-t4);
	padding: 0;
}

.oeg-belepes__lista li {
	position: relative;
	padding-left: 1.6rem;
	margin-bottom: 0.75em;
	color: rgba(241, 244, 236, 0.84);
}

.oeg-belepes__lista li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.62em;
	width: 0.5rem;
	height: 0.5rem;
	border-radius: 50%;
	background: var(--oeg-arany);
}

.oeg-belepes__mellett-lab {
	margin: 0;
	padding-top: var(--oeg-t3);
	border-top: 1px solid rgba(201, 161, 90, 0.28);
	font-size: 0.95rem;
	color: rgba(241, 244, 236, 0.7);
}

/* ---------- Bejelentkezve: navigáció + tartalom ---------- */

/* A kéthasábos elrendezés CSAK akkor él, ha tényleg van oldalsáv.
   Kijelentkezve a belépőlap az egyetlen gyerek, és a rács a második
   oszlopba szorította volna. */
.woocommerce-account .woocommerce:has(.woocommerce-MyAccount-navigation) {
	display: grid;
	grid-template-columns: 15rem minmax(0, 1fr);
	gap: var(--oeg-t2) clamp(var(--oeg-t3), 4vw, var(--oeg-t5));
	align-items: start;
}

/* Kifejezett elhelyezés. Automatikus elrendezésre bízva bármilyen extra
   gyerek (értesítés-sáv, bővítmény-blokk) eltolná a menüt és a tartalmat. */
.woocommerce-account .woocommerce > * { grid-column: 1 / -1; }

/* A WooCommerce alap-CSS-e float + 30%/68% szélességet ad ezeknek. A
   rácsban a float hatástalan, a százalékos szélesség viszont NEM: emiatt
   szorult a menü a saját oszlopa harmadára. */
.woocommerce-account .woocommerce > .woocommerce-MyAccount-navigation {
	grid-column: 1;
	grid-row: 2;
	float: none;
	width: auto;
}

.woocommerce-account .woocommerce > .woocommerce-MyAccount-content {
	grid-column: 2;
	grid-row: 2;
	float: none;
	width: auto;
	min-width: 0;
}

.oeg-fioknav ul { list-style: none; margin: 0; padding: 0; }

.oeg-fioknav li { border-bottom: 1px solid rgba(46, 143, 110, 0.18); }

.oeg-fioknav a {
	display: block;
	padding: 0.95em 0;
	font-family: var(--oeg-ui);
	font-size: 0.72rem;
	font-weight: 500;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	text-decoration: none;
	color: var(--oeg-szoveg);
	transition: color var(--oeg-atmenet), padding-left var(--oeg-atmenet);
}

.oeg-fioknav a:hover,
.oeg-fioknav .is-active a {
	color: var(--oeg-aura);
	padding-left: 0.5em;
}

.oeg-fioknav__kiemelt a { color: var(--oeg-arany); font-weight: 600; }

.woocommerce-MyAccount-content { min-width: 0; }

.oeg-fiokfej { margin-bottom: var(--oeg-t4); }
.oeg-fiokfej h2 { margin: 0; }

/* A kurzus-kártya: ez a fiók súlypontja. */
.oeg-fiokkurzus {
	padding: clamp(var(--oeg-t3), 3vw, var(--oeg-t4));
	margin-bottom: var(--oeg-t4);
	background: #fff;
	border: 1px solid rgba(46, 143, 110, 0.22);
	border-radius: 1.2rem 1.2rem var(--oeg-ker) var(--oeg-ker);
	box-shadow: 0 20px 48px rgba(6, 18, 15, 0.08);
}

.oeg-fiokkurzus h3 { margin-bottom: var(--oeg-t3); }
.oeg-fiokkurzus--ures { background: transparent; border-style: dashed; box-shadow: none; }

.oeg-fiokrendelesek h3 { margin-bottom: var(--oeg-t2); }

.oeg-rendeleslista { list-style: none; margin: 0; padding: 0; }
.oeg-rendeleslista li { border-bottom: 1px solid rgba(46, 143, 110, 0.16); }

.oeg-rendeleslista a {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: var(--oeg-t2) var(--oeg-t3);
	padding: var(--oeg-t2) 0;
	text-decoration: none;
	color: var(--oeg-szoveg);
	font-family: var(--oeg-ui);
	font-size: 0.82rem;
}

.oeg-rendeleslista a:hover { color: var(--oeg-aura); }
.oeg-rendeleslista__szam { font-weight: 600; color: var(--oeg-arany); }
.oeg-rendeleslista__osszeg { margin-left: auto; font-weight: 600; }

.oeg-fiok__kilepes {
	margin-top: var(--oeg-t5);
	padding-top: var(--oeg-t3);
	border-top: 1px solid rgba(46, 143, 110, 0.2);
	font-family: var(--oeg-ui);
	font-size: 0.74rem;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

/* ---------- A WooCommerce maradék felületei a téma nyelvén ---------- */

.woocommerce form .form-row label,
.woocommerce-page form .form-row label {
	font-family: var(--oeg-ui);
	font-size: 0.72rem;
	font-weight: 600;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--oeg-smaragd);
}

.woocommerce .input-text,
.woocommerce select,
.woocommerce textarea {
	padding: 0.85em 1em;
	font-family: var(--oeg-kenyer);
	font-size: 1rem;
	background: var(--oeg-pergamen);
	border: 1px solid rgba(46, 143, 110, 0.3);
	border-radius: var(--oeg-ker);
}

.woocommerce .input-text:focus,
.woocommerce select:focus,
.woocommerce textarea:focus {
	outline: none;
	border-color: var(--oeg-aura);
	box-shadow: 0 0 0 3px rgba(46, 143, 110, 0.14);
}

/* A WooCommerce saját gombjai – hogy ne maradjon szürke doboz sehol. */
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce a.button.alt,
.woocommerce button.button.alt {
	font-family: var(--oeg-ui);
	font-size: 0.82rem;
	font-weight: 600;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	padding: 0.95em 2em;
	background: var(--oeg-arany);
	color: var(--oeg-smaragd);
	border: 1px solid var(--oeg-arany);
	border-radius: var(--oeg-ker);
	transition: background var(--oeg-atmenet), color var(--oeg-atmenet);
}

.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover {
	background: var(--oeg-smaragd);
	color: var(--oeg-arany);
	border-color: var(--oeg-smaragd);
}

.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
	border-top-color: var(--oeg-aura);
	background: rgba(46, 143, 110, 0.07);
	border-radius: var(--oeg-ker);
	font-size: 0.98rem;
}

.woocommerce-message::before,
.woocommerce-info::before { color: var(--oeg-aura); }
.woocommerce-error { border-top-color: #b4553f; background: rgba(180, 85, 63, 0.08); }

.woocommerce table.shop_table {
	border-radius: var(--oeg-ker);
	border-color: rgba(46, 143, 110, 0.22);
}

.woocommerce table.shop_table th {
	font-family: var(--oeg-ui);
	font-size: 0.72rem;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

@media (max-width: 62rem) {
	.oeg-belepes,
	.woocommerce-account .woocommerce:has(.woocommerce-MyAccount-navigation) { grid-template-columns: 1fr; }
}

/* ---------- Ábrák a leckékben ---------- */

.oeg-abra {
	margin: var(--oeg-t4) 0;
	padding: var(--oeg-t3);
	background: #fff;
	border: 1px solid rgba(46, 143, 110, 0.2);
	border-radius: 1rem 1rem var(--oeg-ker) var(--oeg-ker);
	text-align: center;
}

.oeg-abra img {
	width: 100%;
	max-width: 34rem;
	height: auto;
	margin-inline: auto;
}

.oeg-abra figcaption {
	margin-top: var(--oeg-t2);
	padding-top: var(--oeg-t2);
	border-top: 1px solid rgba(201, 161, 90, 0.3);
	font-family: var(--oeg-ui);
	font-size: 0.7rem;
	font-weight: 600;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--oeg-aura);
}

/* ---------- Ábrák: szélesebben, és nagyíthatóan ---------- */

/* Az ábra kilép a szövegoszlopból. A rajzok 1060 pixel szélesre készültek,
   egy 46rem-es hasábban a 13 pixeles feliratok 7 pixelre zsugorodtak –
   olvashatatlanul. */
.oeg-abra {
	width: min(58rem, calc(100vw - 3rem));
	margin-inline: calc(50% - min(29rem, calc(50vw - 1.5rem)));
}

.oeg-abra img {
	max-width: 100%;
	cursor: zoom-in;
}

.oeg-abra__nagyit {
	display: inline-flex;
	align-items: center;
	gap: 0.5em;
	margin-top: var(--oeg-t2);
	background: none;
	border: 0;
	padding: 0;
	font-family: var(--oeg-ui);
	font-size: 0.68rem;
	font-weight: 600;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--oeg-aura);
	cursor: zoom-in;
}

.oeg-abra__nagyit:hover { color: var(--oeg-arany); }

/* ---------- Nagyító ---------- */

/* FONTOS: alapból `display: none`, és NEM a `hidden` attribútumra bízzuk.
   A `display: grid` szerzői szabályként felülírja a böngésző
   `[hidden] { display: none }` szabályát – emiatt a réteg láthatatlanul,
   de teljes képernyőn ott maradt, és elnyelte az összes kattintást. */
.oeg-nagyito {
	position: fixed;
	inset: 0;
	z-index: 200;
	display: none;
	place-items: center;
	padding: clamp(1rem, 4vw, 3rem);
	background: rgba(6, 18, 15, 0.94);
	opacity: 0;
	transition: opacity 220ms ease;
}

.oeg-nagyito[data-lathato] { display: grid; }
.oeg-nagyito[data-nyitva] { opacity: 1; }

.oeg-nagyito img {
	max-width: 100%;
	max-height: 88vh;
	background: #fff;
	border-radius: var(--oeg-ker);
	box-shadow: 0 40px 90px rgba(0, 0, 0, 0.5);
}

.oeg-nagyito__cim {
	position: absolute;
	left: 50%;
	bottom: clamp(0.75rem, 2vw, 1.5rem);
	transform: translateX(-50%);
	margin: 0;
	font-family: var(--oeg-ui);
	font-size: 0.7rem;
	font-weight: 600;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--oeg-arany);
	text-align: center;
}

.oeg-nagyito__bezar {
	position: absolute;
	top: clamp(0.75rem, 2vw, 1.5rem);
	right: clamp(0.75rem, 2vw, 1.5rem);
	width: 2.75rem;
	height: 2.75rem;
	display: grid;
	place-items: center;
	background: transparent;
	border: 1px solid rgba(241, 244, 236, 0.35);
	border-radius: 50%;
	color: var(--oeg-pergamen);
	font-size: 1.4rem;
	line-height: 1;
	cursor: pointer;
	transition: background var(--oeg-atmenet), color var(--oeg-atmenet);
}

.oeg-nagyito__bezar:hover {
	background: var(--oeg-arany);
	color: var(--oeg-smaragd);
	border-color: var(--oeg-arany);
}

@media (max-width: 62rem) {
	.oeg-abra { width: auto; margin-inline: 0; }
}

/* ---------- Személyes alkalmak: kártyák ---------- */

.oeg-alkalmak { margin-top: var(--oeg-t5); }

/* Az alcím korábban nagybetűs, erősen ritkított sor volt – hangosabbnak
   látszott a címnél, és a mellette lévő apró szöveggel szétesett a kártya.
   Most halk, dőlt kísérőszöveg: a hierarchia cím → alcím → kivonat. */
.oeg-kartya__alcim {
	margin: 0.3em 0 var(--oeg-t2);
	font-family: var(--oeg-kenyer);
	font-size: 1rem;
	font-style: italic;
	font-weight: 400;
	letter-spacing: 0;
	text-transform: none;
	color: var(--oeg-aura);
}

.oeg-kartya h3 {
	font-size: 1.3rem;
	line-height: 1.25;
	text-wrap: balance;
}

.oeg-kartya h3 a { text-decoration: none; color: var(--oeg-smaragd); }
.oeg-kartya h3 a:hover { color: var(--oeg-aura); }

.oeg-kartya__test p {
	font-size: 1rem;
	line-height: 1.65;
	color: var(--oeg-szoveg-lgy);
}

/* Kép nélküli kártya: a jel áll a kép helyén, hogy a rács ne essen szét.

   2026-08-24, Mária kérése: „egy fény karikába teszed, egy aurába? Vagy
   valami kis sugárzó energia körülötte, mert így tényleg olyan kis csupasz”.
   A jel ezért mostantól nem üres smaragd mezőben lebeg, hanem egy befelé
   világító aurában áll: hátul lágy fénygömb, körülötte két arany fénykarika.
   A méretek százalékban mennek, mert a kártya 17rem és ~23rem között él –
   fix rem-mel a karika hol a jelre tapadna, hol kilógna a kép helyéből.
   A körök átmérője a szélesség 40/58%-a, a mező magassága 66,7% (3/2),
   tehát a karika sosem vágódik le. */
.oeg-kartya__jel {
	position: relative;
	display: grid;
	place-items: center;
	aspect-ratio: 3 / 2;
	overflow: hidden;
	background:
		radial-gradient(circle at 50% 50%,
			rgba(46, 143, 110, 0.55) 0%,
			rgba(46, 143, 110, 0.3) 22%,
			rgba(46, 143, 110, 0.12) 42%,
			rgba(12, 38, 32, 0) 72%),
		var(--oeg-smaragd);
	border-radius: 1.1rem 1.1rem 0 0;
}

.oeg-kartya__jel::before,
.oeg-kartya__jel::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 46%;
	aspect-ratio: 1;
	translate: -50% -50%;
	border-radius: 50%;
	pointer-events: none;
}

/* A belső karika: ez a „fény karika”, ebben ül a jel. */
.oeg-kartya__jel::before {
	border: 1px solid rgba(201, 161, 90, 0.42);
	box-shadow:
		0 0 2.6rem rgba(201, 161, 90, 0.24),
		inset 0 0 2.6rem rgba(46, 143, 110, 0.3);
}

/* A külső karika: a kisugárzás, halkan lélegzik. */
.oeg-kartya__jel::after {
	width: 60%;
	border: 1px solid rgba(201, 161, 90, 0.15);
	animation: oeg-aura 6s ease-in-out infinite;
}

@keyframes oeg-aura {
	0%, 100% { opacity: 0.55; scale: 1; }
	50%      { opacity: 1;    scale: 1.06; }
}

.oeg-kartya__jel svg {
	position: relative;
	width: clamp(2.9rem, 22%, 4.2rem);
	height: auto;
	opacity: 0.95;
	filter: drop-shadow(0 0 0.8rem rgba(201, 161, 90, 0.55));
}

.oeg-kartya__lab {
	margin: 0;
	padding: 0 var(--oeg-t2) var(--oeg-t3);
}

.oeg-kartya__tovabb {
	font-family: var(--oeg-ui);
	font-size: 0.68rem;
	font-weight: 600;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	text-decoration: none;
	color: var(--oeg-arany);
}

.oeg-kartya__tovabb::after { content: ' →'; }
.oeg-kartya__tovabb:hover { color: var(--oeg-aura); }

.oeg-alkalmak__lab { margin-top: var(--oeg-t5); text-align: center; }

/* ---------- Fotógaléria ---------- */

.oeg-galeria {
	columns: 4;
	column-gap: var(--oeg-t2);
	margin-top: var(--oeg-t4);
}

/* A galéria-elem NEM lép ki a szövegoszlopból, ellentétben a leckék
   ábráival – ezért kell felülírni az .oeg-abra méretezését. */
.oeg-galeria__elem {
	width: auto;
	margin: 0 0 var(--oeg-t2);
	padding: 0;
	border: 0;
	background: transparent;
	break-inside: avoid;
}

.oeg-galeria__elem img {
	cursor: zoom-in;
	width: 100%;
	max-width: none;
	border-radius: var(--oeg-ker);
	box-shadow: 0 10px 26px rgba(6, 18, 15, 0.16);
	transition: transform var(--oeg-atmenet), box-shadow var(--oeg-atmenet);
}

.oeg-galeria__elem:hover img {
	transform: translateY(-4px);
	box-shadow: 0 18px 38px rgba(6, 18, 15, 0.24);
}

.oeg-galeria__lab {
	margin-top: var(--oeg-t4);
	text-align: center;
	font-family: var(--oeg-ui);
	font-size: 0.74rem;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--oeg-szoveg-lgy);
}

@media (max-width: 62rem) { .oeg-galeria { columns: 3; } }
@media (max-width: 44rem) { .oeg-galeria { columns: 2; } }

/* =========================================================================
   Egy személyes alkalom oldala
   ========================================================================= */

.oeg-alkalom__racs {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 21rem);
	gap: var(--oeg-t4) clamp(var(--oeg-t4), 5vw, var(--oeg-t6));
	align-items: start;
}

.oeg-alkalom__szoveg { max-width: none; }

/* A hosszú átemelt szövegeknek szüksége van tagolásra: a címsorok
   kapjanak levegőt, és a bekezdések ne érjenek össze. */
.oeg-alkalom__szoveg h2 {
	margin-top: var(--oeg-t5);
	padding-top: var(--oeg-t3);
	border-top: 1px solid rgba(46, 143, 110, 0.22);
}

.oeg-alkalom__szoveg h2:first-child { margin-top: 0; padding-top: 0; border-top: 0; }
.oeg-alkalom__szoveg h3 { margin-top: var(--oeg-t4); color: var(--oeg-aura); }
.oeg-alkalom__szoveg ul { margin-block: var(--oeg-t2); }
.oeg-alkalom__szoveg li { margin-bottom: 0.5em; }

/* Ragadós jelentkezési doboz */
.oeg-alkalom__doboz {
	position: sticky;
	top: 7rem;
	padding: var(--oeg-t3);
	background: var(--oeg-smaragd);
	color: var(--oeg-pergamen);
	border-radius: 1.2rem 1.2rem var(--oeg-ker) var(--oeg-ker);
	box-shadow: 0 24px 54px rgba(6, 18, 15, 0.22);
}

.oeg-alkalom__jel { width: 2.2rem; height: auto; margin-bottom: var(--oeg-t2); }
.oeg-alkalom__doboz h2 { color: var(--oeg-pergamen); font-size: 1.35rem; margin-bottom: var(--oeg-t2); }
.oeg-alkalom__doboz p { color: rgba(241, 244, 236, 0.8); font-size: 0.98rem; }
.oeg-alkalom__doboz .oeg-gomb { width: 100%; justify-content: center; margin-top: var(--oeg-t2); }

.oeg-alkalom__tenyek {
	list-style: none;
	margin: var(--oeg-t3) 0 0;
	padding-top: var(--oeg-t3);
	border-top: 1px solid rgba(201, 161, 90, 0.28);
}

.oeg-alkalom__tenyek li + li { margin-top: var(--oeg-t2); }
.oeg-alkalom__tenyek .oeg-cimke { color: var(--oeg-arany); margin-bottom: 0.25em; }
.oeg-alkalom__tenyek span:last-child { font-size: 0.95rem; color: rgba(241, 244, 236, 0.8); }

/* Képek */
.oeg-alkalom__kepek { margin-top: var(--oeg-t6); }
.oeg-alkalom__kepek h2 { text-align: center; margin-bottom: var(--oeg-t3); }
.oeg-alkalom__kepek .oeg-galeria { columns: 3; }

@media (max-width: 44rem) {
	.oeg-alkalom__kepek .oeg-galeria { columns: 2; }
}

/* Jelentkezési űrlap */
.oeg-alkalom__urlap {
	margin-top: var(--oeg-t6);
	padding: clamp(var(--oeg-t3), 4vw, var(--oeg-t5));
	background: #fff;
	border: 1px solid rgba(46, 143, 110, 0.22);
	border-radius: 1.4rem 1.4rem var(--oeg-ker) var(--oeg-ker);
	box-shadow: 0 30px 70px rgba(6, 18, 15, 0.09);
	scroll-margin-top: 6rem;
}

.oeg-alkalom__urlapfej {
	max-width: 42rem;
	margin-bottom: var(--oeg-t4);
}

.oeg-alkalom__urlapfej h2 { margin-bottom: var(--oeg-t2); }
.oeg-alkalom__urlapfej p { color: var(--oeg-szoveg-lgy); margin: 0; }

@media (max-width: 62rem) {
	.oeg-alkalom__racs { grid-template-columns: 1fr; }
	.oeg-alkalom__doboz { position: static; }
}

/* ---------- Személyes alkalmak: a három út ---------- */

.oeg-alkalmak__vezeto {
	max-width: 46rem;
	margin: 0 auto var(--oeg-t5);
	text-align: center;
	font-size: 1.15rem;
	color: var(--oeg-szoveg-lgy);
}

.oeg-utak {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
	gap: var(--oeg-t3);
	align-items: stretch;
}

.oeg-ut {
	padding: var(--oeg-t3);
	background: #fff;
	border: 1px solid rgba(46, 143, 110, 0.2);
	border-radius: 1.1rem 1.1rem var(--oeg-ker) var(--oeg-ker);
}

/* A harmadik – az, amit Mária csinál – kiemelt: ez a lap állítása. */
.oeg-ut--kiemelt {
	background: var(--oeg-smaragd);
	color: var(--oeg-pergamen);
	border-color: var(--oeg-arany);
	box-shadow: 0 26px 60px rgba(6, 18, 15, 0.25);
}

.oeg-ut h3 { margin: 0.2em 0 var(--oeg-t2); font-size: 1.25rem; }
.oeg-ut--kiemelt h3 { color: var(--oeg-pergamen); }
.oeg-ut p { margin: 0; font-size: 1rem; color: var(--oeg-szoveg-lgy); }
.oeg-ut--kiemelt p { color: rgba(241, 244, 236, 0.84); }

.oeg-alkalmak__zaro {
	max-width: 44rem;
	margin: var(--oeg-t5) auto 0;
	text-align: center;
	font-family: var(--oeg-cimsor);
	font-size: clamp(1.15rem, 2.2vw, 1.5rem);
	line-height: 1.5;
	color: var(--oeg-smaragd);
}

/* =========================================================================
   Süti-sáv
   ========================================================================= */

/* A rejtés OSZTÁLLYAL megy, nem a `hidden` attribútummal: a `display: flex`
   szerzői szabályként felülírná a böngésző `[hidden] { display: none }`
   szabályát, és a sáv láthatatlanul, de kattintást nyelve ott maradna a
   képernyő alján. Ugyanez a hiba egyszer már megvolt a nagyítónál. */
.oeg-suti {
	position: fixed;
	left: 50%;
	bottom: clamp(0.75rem, 2vw, 1.5rem);
	transform: translateX(-50%);
	z-index: 190;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--oeg-t2) var(--oeg-t3);
	width: min(62rem, calc(100vw - 1.5rem));
	padding: var(--oeg-t2) var(--oeg-t3);
	background: var(--oeg-smaragd);
	color: var(--oeg-pergamen);
	border: 1px solid rgba(201, 161, 90, 0.35);
	border-radius: 1rem 1rem var(--oeg-ker) var(--oeg-ker);
	box-shadow: 0 24px 60px rgba(6, 18, 15, 0.32);
}

.oeg-suti--rejtve { display: none; }

.oeg-suti__szoveg { flex: 1 1 22rem; }

.oeg-suti__szoveg p {
	margin: 0;
	font-size: 0.95rem;
	line-height: 1.55;
	color: rgba(241, 244, 236, 0.86);
}

.oeg-suti__szoveg a { color: var(--oeg-arany); }

.oeg-suti__gombok {
	display: flex;
	flex-wrap: wrap;
	gap: var(--oeg-t1);
	flex: 0 0 auto;
}

/* A vonalas gomb alapból sötét szövegű – itt sötét háttéren áll. */
.oeg-suti .oeg-gomb--vonal {
	color: var(--oeg-pergamen);
	border-color: rgba(241, 244, 236, 0.45);
}

.oeg-suti .oeg-gomb--vonal:hover {
	color: var(--oeg-smaragd);
	background: var(--oeg-pergamen);
	border-color: var(--oeg-pergamen);
}

@media (max-width: 44rem) {
	.oeg-suti { gap: var(--oeg-t2); }
	.oeg-suti__gombok { width: 100%; }
	.oeg-suti__gombok .oeg-gomb { flex: 1 1 auto; justify-content: center; }
}

/* =========================================================================
   Nyelvváltó
   Egy nyelvnél a PHP nem is írja ki (inc/forditas.php) – ez a stílus a
   magyar/orosz/angol változatra készen áll.
   ========================================================================= */

.oeg-nyelvek { flex: none; }

.oeg-nyelvek ul {
	display: flex;
	align-items: center;
	gap: 0.15rem;
	list-style: none;
	margin: 0;
	padding: 0;
}

.oeg-nyelvek__elem {
	display: inline-block;
	padding: 0.4em 0.6em;
	font-family: var(--oeg-ui);
	font-size: 0.7rem;
	font-weight: 600;
	letter-spacing: 0.1em;
	text-decoration: none;
	color: rgba(241, 244, 236, 0.62);
	transition: color var(--oeg-atmenet);
}

.oeg-nyelvek__elem:hover { color: var(--oeg-pergamen); }

.oeg-nyelvek__elem--aktiv { color: var(--oeg-arany); }

/* =========================================================================
   WooCommerce – kosár, pénztár, rendelés
   A kosár és a pénztár BLOKK (React), tehát a saját `wc-block-*`
   osztályaira kell hivatkozni; a gyári megjelenése semleges szürke-kék,
   ami az arculat mellett idegen test volt. A termékoldal és a bolt itt
   nem szerepel: azokat az inc/webshop.php az értékesítő oldalra irányítja.
   ========================================================================= */

.oeg-oldal .wc-block-components-title,
.oeg-oldal .wc-block-components-checkout-step__title,
.oeg-oldal .wc-block-cart__totals-title,
.oeg-oldal .wc-block-components-totals-wrapper .wc-block-components-title {
	font-family: var(--oeg-cimsor);
	font-weight: 400;
	letter-spacing: 0;
	text-transform: none;
	color: var(--oeg-smaragd);
}

.oeg-oldal .wc-block-components-checkout-step__title { font-size: 1.35rem; }

.oeg-oldal .wc-block-components-checkout-step__description,
.oeg-oldal .wc-block-components-checkout-step__heading-content {
	font-family: var(--oeg-kenyer);
	color: var(--oeg-szoveg-lgy);
}

/* A lépések sorszáma – a gyári kék helyett arany. */
.oeg-oldal .wc-block-components-checkout-step--with-step-number .wc-block-components-checkout-step__title::before {
	color: var(--oeg-arany);
	font-family: var(--oeg-ui);
	font-weight: 600;
}

/* ---------- Mezők ---------- */

.oeg-oldal .wc-block-components-text-input input[type="text"],
.oeg-oldal .wc-block-components-text-input input[type="email"],
.oeg-oldal .wc-block-components-text-input input[type="tel"],
.oeg-oldal .wc-block-components-text-input input[type="number"],
.oeg-oldal .wc-block-components-textarea,
.oeg-oldal .wc-blocks-components-select__select {
	font-family: var(--oeg-kenyer);
	font-size: 1rem;
	color: var(--oeg-szoveg);
	background: #fff;
	border: 1px solid rgba(46, 143, 110, 0.3);
	border-radius: var(--oeg-ker);
	transition: border-color var(--oeg-atmenet), box-shadow var(--oeg-atmenet);
}

.oeg-oldal .wc-block-components-text-input input:focus,
.oeg-oldal .wc-block-components-textarea:focus,
.oeg-oldal .wc-blocks-components-select__select:focus {
	border-color: var(--oeg-aura);
	box-shadow: 0 0 0 3px rgba(46, 143, 110, 0.16);
	outline: none;
}

.oeg-oldal .wc-block-components-text-input label,
.oeg-oldal .wc-blocks-components-select__label {
	font-family: var(--oeg-ui);
	font-size: 0.82rem;
	color: var(--oeg-szoveg-lgy);
}

.oeg-oldal .wc-block-components-checkbox__label,
.oeg-oldal .wc-block-components-radio-control__label {
	font-family: var(--oeg-kenyer);
	font-size: 1rem;
	color: var(--oeg-szoveg);
}

.oeg-oldal .wc-block-components-checkbox__input[type="checkbox"] { accent-color: var(--oeg-aura); }

/* ---------- Gombok ---------- */

.oeg-oldal .wc-block-components-button:not(.is-link) {
	font-family: var(--oeg-ui);
	font-size: 0.82rem;
	font-weight: 600;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	padding: 0.95em 2em;
	background: var(--oeg-arany);
	border: 1px solid var(--oeg-arany);
	border-radius: var(--oeg-ker);
	color: var(--oeg-smaragd);
	transition: background var(--oeg-atmenet), color var(--oeg-atmenet),
	            border-color var(--oeg-atmenet), transform var(--oeg-atmenet);
}

.oeg-oldal .wc-block-components-button:not(.is-link):hover {
	background: var(--oeg-smaragd);
	border-color: var(--oeg-arany);
	color: var(--oeg-arany);
	transform: translateY(-2px);
}

.oeg-oldal .wc-block-components-button:not(.is-link) .wc-block-components-button__text { color: inherit; }

.oeg-oldal .wc-block-components-button.is-link {
	font-family: var(--oeg-ui);
	font-size: 0.8rem;
	color: var(--oeg-aura);
}

/* A kupon beváltó gombja másodlagos: ne vigye el a figyelmet a
   megrendeléstől. */
.oeg-oldal .wc-block-components-totals-coupon__button {
	background: transparent;
	color: var(--oeg-smaragd);
	border-color: rgba(12, 38, 32, 0.35);
}

.oeg-oldal .wc-block-components-totals-coupon__button:hover {
	background: var(--oeg-smaragd);
	color: var(--oeg-pergamen);
}

/* ---------- Összesítő ---------- */

.oeg-oldal .wp-block-woocommerce-checkout-order-summary-block,
.oeg-oldal .wp-block-woocommerce-cart-order-summary-block {
	padding: var(--oeg-t3);
	background: #fff;
	border: 1px solid rgba(46, 143, 110, 0.22);
	border-radius: 1rem 1rem var(--oeg-ker) var(--oeg-ker);
	box-shadow: 0 18px 44px rgba(6, 18, 15, 0.07);
}

.oeg-oldal .wc-block-components-order-summary-item__description .wc-block-components-product-name {
	font-family: var(--oeg-cimsor);
	font-size: 1.05rem;
	color: var(--oeg-smaragd);
}

.oeg-oldal .wc-block-components-totals-item__label { font-family: var(--oeg-kenyer); }

.oeg-oldal .wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
	font-family: var(--oeg-cimsor);
	font-size: 1.5rem;
	color: var(--oeg-smaragd);
}

.oeg-oldal .wc-block-components-order-summary-item__image img {
	border-radius: var(--oeg-ker);
	border: 1px solid rgba(46, 143, 110, 0.18);
}

/* ---------- Fizetési mód ---------- */

.oeg-oldal .wc-block-components-radio-control-accordion-option,
.oeg-oldal .wc-block-components-radio-control__option {
	border-color: rgba(46, 143, 110, 0.25);
}

.oeg-oldal .wc-block-components-radio-control__option--checked-option-highlighted,
.oeg-oldal .wc-block-components-radio-control-accordion-option--checked-option-highlighted {
	border-color: var(--oeg-aura);
	box-shadow: inset 0 0 0 1px var(--oeg-aura);
}

.oeg-oldal .wc-block-components-radio-control__input { accent-color: var(--oeg-aura); }

/* ---------- Üzenetek ---------- */

.oeg-oldal .wc-block-components-notice-banner {
	font-family: var(--oeg-kenyer);
	border-radius: var(--oeg-ker);
}

.oeg-oldal .wc-block-components-notice-banner.is-error { border-color: #B3453A; }
.oeg-oldal .wc-block-components-notice-banner.is-success { border-color: var(--oeg-aura); }

/* ---------- Elveszett jelszó (klasszikus sablon) ---------- */

.oeg-oldal .woocommerce-ResetPassword {
	max-width: 34rem;
	padding: clamp(var(--oeg-t3), 4vw, var(--oeg-t4));
	background: #fff;
	border: 1px solid rgba(46, 143, 110, 0.22);
	border-radius: 1rem 1rem var(--oeg-ker) var(--oeg-ker);
	box-shadow: 0 20px 50px rgba(6, 18, 15, 0.08);
}

.oeg-oldal .woocommerce-ResetPassword input[type="text"],
.oeg-oldal .woocommerce-ResetPassword input[type="email"] {
	width: 100%;
	padding: 0.85em 1em;
	font-family: var(--oeg-kenyer);
	font-size: 1rem;
	background: var(--oeg-pergamen);
	border: 1px solid rgba(46, 143, 110, 0.3);
	border-radius: var(--oeg-ker);
}

.oeg-oldal .woocommerce-ResetPassword button,
.oeg-oldal .woocommerce-form-row button {
	font-family: var(--oeg-ui);
	font-size: 0.82rem;
	font-weight: 600;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	padding: 0.95em 2em;
	background: var(--oeg-arany);
	color: var(--oeg-smaragd);
	border: 1px solid var(--oeg-arany);
	border-radius: var(--oeg-ker);
	cursor: pointer;
}

.oeg-oldal .woocommerce-ResetPassword button:hover {
	background: var(--oeg-smaragd);
	color: var(--oeg-arany);
}

/* ---------- Pénztár: a két jogi pipa egy csoport ---------- */

/* Az elállási nyilatkozat a „További információk" blokk tartalma, és a blokkot
   szándékosan az ÁSZF ALÁ tettük a pénztár-oldalon. A lépés címe viszont pont
   a két pipa közé kerülne, ezért vizuálisan elrejtjük – a képernyőolvasó a
   fieldset saját `legend`-jéből továbbra is megkapja. */
.oeg-oldal .wp-block-woocommerce-checkout-additional-information-block
	.wc-block-components-checkout-step__heading {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	white-space: nowrap;
	border: 0;
}

/* A két pipa így egymás alatt, közös blokként áll. */
.oeg-oldal .wp-block-woocommerce-checkout-additional-information-block {
	padding-top: 0;
	margin-top: -0.4rem;
}

.oeg-oldal .wp-block-woocommerce-checkout-additional-information-block
	.wc-block-components-checkout-step__container { padding-bottom: 0; }

/* =========================================================================
   Kosár: fejléc-jelző és kifelé csúszó kosárfiók
   A rejtés OSZTÁLLYAL megy, nem a `hidden` attribútummal: a `display: flex`
   szerzői szabályként felülírná a böngésző `[hidden]` szabályát, és a fiók
   láthatatlanul nyelné a kattintásokat. (Ugyanez a hiba megvolt a nagyítónál
   és a süti-sávnál is.)
   ========================================================================= */

.oeg-kosargomb {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: none;
	width: 2.2rem;
	height: 2.2rem;
	margin-right: 0.35rem;
	padding: 0;
	color: var(--oeg-pergamen);
	background: transparent;
	border: 1px solid rgba(241, 244, 236, 0.28);
	border-radius: var(--oeg-ker);
	cursor: pointer;
	transition: border-color var(--oeg-atmenet), color var(--oeg-atmenet);
}

.oeg-kosargomb:hover { border-color: var(--oeg-arany); color: var(--oeg-arany); }

.oeg-kosargomb svg { width: 1.25rem; height: 1.25rem; }

.oeg-kosargomb__szam {
	position: absolute;
	top: -0.45rem;
	right: -0.45rem;
	min-width: 1.15rem;
	height: 1.15rem;
	padding: 0 0.25rem;
	font-family: var(--oeg-ui);
	font-size: 0.66rem;
	font-weight: 600;
	line-height: 1.15rem;
	text-align: center;
	color: var(--oeg-smaragd);
	background: var(--oeg-arany);
	border-radius: 1rem;
}

/* ---------- A fiók ---------- */

.oeg-kosarfiok {
	position: fixed;
	inset: 0;
	z-index: 200;
	display: flex;
	justify-content: flex-end;
	background: rgba(6, 18, 15, 0.55);
}

.oeg-kosarfiok--rejtve { display: none; }

.oeg-kosarfiok__lap {
	display: flex;
	flex-direction: column;
	width: min(24rem, 100vw);
	height: 100%;
	padding: var(--oeg-t3);
	overflow-y: auto;
	background: var(--oeg-pergamen);
	box-shadow: -20px 0 60px rgba(6, 18, 15, 0.28);
	animation: oeg-kosar-be 260ms cubic-bezier(0.4, 0, 0.2, 1);
}

@keyframes oeg-kosar-be {
	from { transform: translateX(100%); }
	to   { transform: translateX(0); }
}

@media (prefers-reduced-motion: reduce) {
	.oeg-kosarfiok__lap { animation: none; }
}

.oeg-kosarfiok__fej {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--oeg-t2);
	padding-bottom: var(--oeg-t2);
	margin-bottom: var(--oeg-t2);
	border-bottom: 1px solid rgba(46, 143, 110, 0.24);
}

.oeg-kosarfiok__fej h2 { margin: 0; font-size: 1.3rem; }

.oeg-kosarfiok__bezar {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.2rem;
	height: 2.2rem;
	padding: 0;
	color: var(--oeg-szoveg-lgy);
	background: transparent;
	border: 1px solid rgba(46, 143, 110, 0.28);
	border-radius: var(--oeg-ker);
	cursor: pointer;
	transition: color var(--oeg-atmenet), border-color var(--oeg-atmenet);
}

.oeg-kosarfiok__bezar:hover { color: var(--oeg-smaragd); border-color: var(--oeg-smaragd); }
.oeg-kosarfiok__bezar svg { width: 1.1rem; height: 1.1rem; }

#oeg-kosarfiok .oeg-kosarfiok__uzenet {
	margin-bottom: var(--oeg-t2);
	font-size: 0.95rem;
}

#oeg-kosarfiok .oeg-kosarfiok__uzenet .woocommerce-message,
#oeg-kosarfiok .oeg-kosarfiok__uzenet .woocommerce-error,
#oeg-kosarfiok .oeg-kosarfiok__uzenet .woocommerce-info,
#oeg-kosarfiok .oeg-kosarfiok__uzenet ul {
	margin: 0;
	padding: 0.8em 1em;
	list-style: none;
	background: #fff;
	border-left: 3px solid var(--oeg-arany);
	border-radius: var(--oeg-ker);
}

/* A WooCommerce pipa-ikonja abszolút pozícióban ül, és a szűk fiókban
   ráfeküdt a szövegre. A „Kosár" gomb is felesleges: a fiók alján ott a
   saját hivatkozásunk. */
#oeg-kosarfiok .oeg-kosarfiok__uzenet .woocommerce-message::before,
#oeg-kosarfiok .oeg-kosarfiok__uzenet .woocommerce-error::before,
#oeg-kosarfiok .oeg-kosarfiok__uzenet .woocommerce-info::before { content: none; }

#oeg-kosarfiok .oeg-kosarfiok__uzenet .button { display: none; }

.oeg-kosarfiok__lista {
	flex: 1 1 auto;
	margin: 0 0 var(--oeg-t2);
	padding: 0;
	list-style: none;
}

.oeg-kosarfiok__tetel {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: var(--oeg-t2);
	padding: var(--oeg-t2) 0;
	border-bottom: 1px solid rgba(46, 143, 110, 0.16);
}

.oeg-kosarfiok__nev {
	margin: 0;
	font-family: var(--oeg-cimsor);
	font-size: 1.05rem;
	line-height: 1.3;
	color: var(--oeg-smaragd);
}

.oeg-kosarfiok__ar {
	margin: 0.25em 0 0;
	font-size: 0.95rem;
	color: var(--oeg-szoveg-lgy);
}

.oeg-kosarfiok__torol {
	flex: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.9rem;
	height: 1.9rem;
	color: var(--oeg-halvany);
	border: 1px solid transparent;
	border-radius: var(--oeg-ker);
	transition: color var(--oeg-atmenet), border-color var(--oeg-atmenet);
}

.oeg-kosarfiok__torol:hover { color: #B3453A; border-color: rgba(179, 69, 58, 0.35); }
.oeg-kosarfiok__torol svg { width: 1rem; height: 1rem; }

.oeg-kosarfiok__osszeg {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: var(--oeg-t2);
	margin: 0 0 var(--oeg-t3);
	font-family: var(--oeg-ui);
	font-size: 0.78rem;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--oeg-szoveg-lgy);
}

.oeg-kosarfiok__osszeg strong {
	font-family: var(--oeg-cimsor);
	font-size: 1.5rem;
	letter-spacing: 0;
	text-transform: none;
	color: var(--oeg-smaragd);
}

.oeg-kosarfiok__gomb { width: 100%; justify-content: center; }

.oeg-kosarfiok__mellek {
	display: block;
	margin-top: var(--oeg-t2);
	font-family: var(--oeg-ui);
	font-size: 0.74rem;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	text-align: center;
	color: var(--oeg-szoveg-lgy);
}

.oeg-kosarfiok__mellek:hover { color: var(--oeg-smaragd); }

.oeg-kosarfiok__ures {
	flex: 1 1 auto;
	margin: 0 0 var(--oeg-t3);
	color: var(--oeg-szoveg-lgy);
}

@media (max-width: 75rem) {
	.oeg-kosargomb { margin: 0 1.25rem var(--oeg-t2); }
}

/* ---------- WooCommerce-üzenetek: a kosár oldalon és a fiókban ---------- */

/* Több üzenet gyakran egyszerre érkezik („…eltávolítva" + „…már a kosaradban"),
   és térköz nélkül egyetlen szövegtömbbé folytak össze. Mindegyik saját
   dobozt és térközt kap, a hibák pirosat, a többi aranyat. */
.oeg-oldal .woocommerce-notices-wrapper .woocommerce-message,
.oeg-oldal .woocommerce-notices-wrapper .woocommerce-info,
.oeg-oldal .woocommerce-notices-wrapper .woocommerce-error,
#oeg-kosarfiok .oeg-kosarfiok__uzenet .woocommerce-message,
#oeg-kosarfiok .oeg-kosarfiok__uzenet .woocommerce-info,
#oeg-kosarfiok .oeg-kosarfiok__uzenet .woocommerce-error {
	margin: 0 0 var(--oeg-t2);
	padding: 0.85em 1.1em;
	font-family: var(--oeg-kenyer);
	font-size: 1rem;
	line-height: 1.5;
	list-style: none;
	color: var(--oeg-szoveg);
	background: #fff;
	border: 1px solid rgba(46, 143, 110, 0.2);
	border-left: 3px solid var(--oeg-arany);
	border-radius: var(--oeg-ker);
	box-shadow: none;
}

.oeg-oldal .woocommerce-notices-wrapper .woocommerce-error,
#oeg-kosarfiok .oeg-kosarfiok__uzenet .woocommerce-error {
	border-left-color: #B3453A;
}

/* Egy hibalistán belül több sor is lehet – azok se érjenek össze. */
.oeg-oldal .woocommerce-notices-wrapper li,
#oeg-kosarfiok .oeg-kosarfiok__uzenet li {
	margin: 0 0 0.4em;
	padding: 0;
	list-style: none;
}

.oeg-oldal .woocommerce-notices-wrapper li:last-child,
#oeg-kosarfiok .oeg-kosarfiok__uzenet li:last-child { margin-bottom: 0; }

.oeg-oldal .woocommerce-notices-wrapper .woocommerce-message::before,
.oeg-oldal .woocommerce-notices-wrapper .woocommerce-info::before,
.oeg-oldal .woocommerce-notices-wrapper .woocommerce-error::before { content: none; }

/* A „Visszavonás?" és a „Kosár" gombok szövegként, ne gyári gombként. */
.oeg-oldal .woocommerce-notices-wrapper .button {
	display: inline;
	padding: 0;
	font-family: var(--oeg-ui);
	font-size: 0.74rem;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--oeg-aura);
	background: none;
	border: 0;
}

.oeg-oldal .woocommerce-notices-wrapper .button:hover { color: var(--oeg-smaragd); }

/* A fiókban lévő üzenetek keretét más bővítmény is festi (a fiók szűk, ott
   ez rögtön feltűnik). Keret helyett BELSŐ árnyékkal rajzoljuk az arany
   sávot, így nincs mit felülírni – és a keretet határozottan levesszük. */
#oeg-kosarfiok .oeg-kosarfiok__uzenet .woocommerce-message,
#oeg-kosarfiok .oeg-kosarfiok__uzenet .woocommerce-info,
#oeg-kosarfiok .oeg-kosarfiok__uzenet .woocommerce-error {
	border: 0 !important;
	outline: 0 !important;
	box-shadow: inset 3px 0 0 var(--oeg-arany) !important;
}

#oeg-kosarfiok .oeg-kosarfiok__uzenet .woocommerce-error {
	box-shadow: inset 3px 0 0 #B3453A !important;
}

/* Ugyanez a kezelés a kosár- és pénztár-oldal üzeneteire. */
.oeg-oldal .woocommerce-notices-wrapper .woocommerce-message,
.oeg-oldal .woocommerce-notices-wrapper .woocommerce-info,
.oeg-oldal .woocommerce-notices-wrapper .woocommerce-error {
	border: 0;
	outline: 0;
	box-shadow: inset 3px 0 0 var(--oeg-arany);
}

.oeg-oldal .woocommerce-notices-wrapper .woocommerce-error {
	box-shadow: inset 3px 0 0 #B3453A;
}