/*
 * EG Étlap — [eg_etlap] megjelenítő és ételadatlap (0.4.4)
 * A jóváhagyott MUZEUM Gasztro-terv étlaprésze szerint (tools/etlap-modul-gen7.py, gasztro-vegleges-E8.html, E9-egy-signature.html).
 * Minden szabály a .eg-etlap alatt; a színek és a betű változóval, tartalékkal — a márka (Elementor Kit) felülírhatja.
 */
.eg-etlap {
	--eg-bordo: var(--mz-bordo, #942333);
	--eg-arany: var(--mz-arany, #D0AD67);
	--eg-sotetarany: var(--mz-sotetarany, #b08a43);
	--eg-alcim: var(--mz-alcim, #8a6a2c);
	--eg-krem: var(--mz-krem, #fffdf9);
	--eg-csempe: var(--mz-csempe, #fbf8f3);
	--eg-tinta: var(--mz-tinta, #231f20);
	--eg-szoveg2: #5a4e44;
	--eg-halvany: #7a6a55;
	--eg-zold: #3c5a3d;
	--eg-fotohatter: #efe4d6;
	--eg-vonal: rgba(176, 138, 67, .4);
	--eg-scroll-offset: 120px;
	max-width: 1200px;
	margin: 0 auto;
	font-family: var(--mz-sora, Sora), sans-serif;
	color: var(--eg-tinta);
	line-height: 1.6;
	text-align: left;
}
.eg-etlap *,
.eg-etlap *::before,
.eg-etlap *::after { box-sizing: border-box; }
.eg-etlap [hidden] { display: none !important; }
.eg-etlap .eg-sr {
	position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px;
	overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; border: 0;
}
.eg-etlap p, .eg-etlap ul, .eg-etlap figure { margin: 0; padding: 0; }
.eg-etlap ul { list-style: none; }
.eg-etlap h2, .eg-etlap h3 { margin: 0; font-family: var(--mz-sora, Sora), sans-serif; font-weight: 400; text-transform: none; }
.eg-etlap img { max-width: 100%; height: auto; border: 0; box-shadow: none; }
.eg-etlap :focus-visible { outline: 2px solid var(--eg-bordo); outline-offset: 3px; }

/* ---------- Csapott sarkú, kettős arany keretes doboz (a terv FXF eleme) ---------- */
.eg-etlap .eg-fx {
	--c: 24px; --k: var(--c);
	position: relative; display: block; padding: 1px; background: var(--eg-arany);
}
.eg-etlap .eg-fx__in { --k: calc(var(--c) - .4px); position: relative; display: block; height: 100%; background: var(--eg-krem); }
.eg-etlap .eg-fx__in::before {
	--k: calc(var(--c) - 9px);
	content: ""; position: absolute; inset: 9px; z-index: 3; pointer-events: none;
	border: 1px solid rgba(176, 138, 67, .55);
}
.eg-etlap .eg-fx,
.eg-etlap .eg-fx__in,
.eg-etlap .eg-fx__in::before {
	clip-path: polygon(var(--k) 0, calc(100% - var(--k)) 0, 100% var(--k), 100% calc(100% - var(--k)), calc(100% - var(--k)) 100%, var(--k) 100%, 0 calc(100% - var(--k)), 0 var(--k));
}

/* ---------- Ételcsoport-csempék ---------- */
.eg-etlap .eg-csempek__lista { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.eg-etlap .eg-csempek--3 .eg-csempek__lista { grid-template-columns: repeat(3, 1fr); }
.eg-etlap .eg-csempek--2 .eg-csempek__lista { grid-template-columns: repeat(2, 1fr); }
.eg-etlap .eg-csempek--1 .eg-csempek__lista { grid-template-columns: 1fr; }
.eg-etlap .eg-csempe { --c: 12px; height: 88px; text-decoration: none; color: var(--eg-tinta); }
.eg-etlap .eg-csempe .eg-fx__in {
	display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px;
	padding: 0 16px; background: var(--eg-csempe); text-align: center;
	font-size: 13px; line-height: 1.5; letter-spacing: .12em; text-transform: uppercase; transition: background-color .2s;
}
.eg-etlap .eg-csempe__ikon { position: relative; z-index: 4; display: inline-flex; color: var(--eg-sotetarany); }
.eg-etlap .eg-csempe__ikon img { width: 30px; height: 30px; object-fit: contain; }
.eg-etlap .eg-csempe__nev { position: relative; z-index: 4; }
.eg-etlap .eg-csempe:hover,
.eg-etlap .eg-csempe:focus { color: var(--eg-bordo); }
.eg-etlap .eg-csempe:hover .eg-fx__in { background: var(--eg-krem); }
.eg-etlap .eg-csempe:focus-visible { outline: none; }
.eg-etlap .eg-csempe:focus-visible .eg-fx__in { box-shadow: inset 0 0 0 3px var(--eg-bordo); }
.eg-etlap .eg-csempe.is-aktiv { background: var(--eg-bordo); color: #fff; }
.eg-etlap .eg-csempe.is-aktiv .eg-fx__in { background: var(--eg-bordo); }
.eg-etlap .eg-csempe.is-aktiv .eg-fx__in::before { inset: 6px; border-color: rgba(208, 173, 103, .8); clip-path: none; }
.eg-etlap .eg-csempe.is-aktiv .eg-csempe__ikon { color: var(--eg-arany); }
.eg-etlap .eg-csempe.is-aktiv:focus-visible .eg-fx__in { box-shadow: inset 0 0 0 3px var(--eg-arany); }
.eg-etlap .eg-csempe.is-ures { opacity: .45; }

/* ---------- Étrend-szűrő ---------- */
.eg-etlap .eg-szuro {
	margin-top: 32px; padding: 16px 0 18px;
	border-top: 3px double var(--eg-sotetarany); border-bottom: 3px double var(--eg-sotetarany);
	display: flex; flex-direction: column; align-items: center; gap: 14px;
}
.eg-etlap .eg-szuro__cim { font-size: 12px; letter-spacing: .24em; text-transform: uppercase; color: var(--eg-sotetarany); }
.eg-etlap .eg-szuro__sor { display: flex; align-items: stretch; justify-content: center; max-width: 100%; }
.eg-etlap .eg-szuro__gomb {
	display: inline-flex; align-items: center; gap: 8px; margin: 0; padding: 0 14px 8px;
	font: 400 12px/1.6 var(--mz-sora, Sora), sans-serif; letter-spacing: .12em; text-transform: uppercase;
	color: var(--eg-tinta); background: transparent; border: 0; border-left: 1px solid rgba(176, 138, 67, .5); border-radius: 0;
	box-shadow: none; cursor: pointer; white-space: nowrap;
}
.eg-etlap .eg-szuro__gomb:first-child { border-left-color: transparent; }
.eg-etlap .eg-szuro__gomb .eg-etrend-ikon { color: var(--eg-sotetarany); flex: none; }
.eg-etlap .eg-szuro__gomb:hover,
.eg-etlap .eg-szuro__gomb:focus { color: var(--eg-bordo); background: transparent; border-top: 0; border-right: 0; }
.eg-etlap .eg-szuro__gomb.is-aktiv,
.eg-etlap .eg-szuro__gomb[aria-pressed="true"] { color: var(--eg-bordo); padding-bottom: 6px; border-bottom: 2px solid var(--eg-bordo); }
.eg-etlap .eg-szuro__gomb[aria-pressed="true"] .eg-etrend-ikon { color: var(--eg-bordo); }

/* ---------- Ételcsoport ---------- */
.eg-etlap .eg-csoport { margin-top: 88px; scroll-margin-top: var(--eg-scroll-offset); }
.eg-etlap .eg-csempek + .eg-szuro + .eg-csoport,
.eg-etlap .eg-csempek + .eg-csoport,
.eg-etlap .eg-szuro[hidden] + .eg-csoport { margin-top: 64px; }
.eg-etlap .eg-csoport:focus { outline: none; }
.eg-etlap .eg-csoport__fej { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 12px; }
.eg-etlap .eg-csoport__disz { width: 360px; max-width: 80%; height: auto; }
.eg-etlap .eg-csoport__cim { font-size: 32px; line-height: 1.17; letter-spacing: -1px; color: var(--eg-tinta); }
.eg-etlap .eg-csoport__alcim { font-size: 15px; line-height: 1.6; letter-spacing: 2px; text-transform: uppercase; color: var(--eg-alcim); }
.eg-etlap .eg-csoport__alcim::before { content: "– "; }
.eg-etlap .eg-csoport__alcim::after { content: " –"; }
.eg-etlap .eg-csoport__bevezeto { max-width: 900px; margin-top: 4px; font-size: 15px; line-height: 1.8; color: var(--eg-szoveg2); }
.eg-etlap .eg-csoport__bevezeto strong,
.eg-etlap .eg-csoport__bevezeto b { font-weight: 400; }

/* ---------- Infósáv (pl. Tojás és Társai) ---------- */
.eg-etlap .eg-info { margin-top: 44px; }
.eg-etlap .eg-sigsor + .eg-info,
.eg-etlap .eg-tovabbi + .eg-info,
.eg-etlap .eg-betolt + .eg-info { margin-top: 48px; }
.eg-etlap .eg-info__racs { position: relative; z-index: 4; display: grid; grid-template-columns: auto 1fr; gap: 40px; align-items: center; padding: 32px 40px; }
.eg-etlap .eg-info__fej { display: flex; flex-direction: column; gap: 10px; }
.eg-etlap .eg-info__cim { font-size: 23px; line-height: 1.3; color: var(--eg-bordo); }
.eg-etlap .eg-info__lead { font-size: 13px; letter-spacing: .2em; text-transform: uppercase; color: var(--eg-sotetarany); }
.eg-etlap .eg-info__test { display: flex; flex-direction: column; align-items: center; gap: 18px; }
.eg-etlap .eg-info__lista { display: flex; flex-wrap: wrap; justify-content: center; row-gap: 18px; }
.eg-etlap .eg-info__lista li { display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 0 26px; border-left: 1px solid rgba(176, 138, 67, .5); }
.eg-etlap .eg-info__lista li:first-child { border-left: 0; }
.eg-etlap .eg-info__lista img { width: 26px; height: 26px; }
.eg-etlap .eg-info__lista span { font-size: 15px; letter-spacing: .08em; }
.eg-etlap .eg-info__jegyzet { font-size: 14px; color: var(--eg-szoveg2); text-align: center; }

/* ---------- Ételkártyák ---------- */
.eg-etlap .eg-sigsor { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; margin-top: 36px; }
.eg-etlap .eg-sigsor--egy { grid-template-columns: 1fr; }
.eg-etlap .eg-info + .eg-sigsor { margin-top: 56px; }
.eg-etlap .eg-etel { color: var(--eg-tinta); }
.eg-etlap .eg-etel--sig, .eg-etlap .eg-etel--szeles { --c: 30px; }
.eg-etlap .eg-etel__racs { display: flex; flex-direction: column; height: 100%; }
.eg-etlap .eg-etel--szeles .eg-etel__racs { display: grid; grid-template-columns: 52% 1fr; }
.eg-etlap .eg-etel--tovabbi .eg-etel__racs { display: grid; grid-template-columns: 46% 1fr; }

.eg-etlap .eg-etel__foto {
	position: relative; display: flex; align-items: center; justify-content: center; overflow: hidden; height: 300px;
	background: radial-gradient(ellipse at 50% 60%, rgba(208, 173, 103, .34), rgba(208, 173, 103, 0) 64%), var(--eg-fotohatter);
}
.eg-etlap .eg-etel--szeles .eg-etel__foto { height: auto; min-height: 440px; }
.eg-etlap .eg-etel--tovabbi .eg-etel__foto { height: auto; min-height: 250px; }
.eg-etlap .eg-etel__foto img { max-width: 84%; max-height: 84%; object-fit: contain; filter: drop-shadow(0 20px 20px rgba(35, 31, 32, .2)); }
.eg-etlap .eg-etel--szeles .eg-etel__foto img,
.eg-etlap .eg-etel--tovabbi .eg-etel__foto img { position: absolute; inset: 8%; width: 84%; height: 84%; }
.eg-etlap .eg-etel__foto--helyorzo { background: #4e5154; }
.eg-etlap .eg-etel__foto--helyorzo img,
.eg-etlap .eg-etel--szeles .eg-etel__foto--helyorzo img,
.eg-etlap .eg-etel--tovabbi .eg-etel__foto--helyorzo img { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; max-height: none; object-fit: cover; filter: none; }

.eg-etlap .eg-nagyit {
	position: absolute; right: 20px; top: 20px; z-index: 4; display: flex; align-items: center; justify-content: center;
	width: 40px; height: 40px; margin: 0; padding: 0; color: var(--eg-bordo); background: rgba(255, 255, 255, .94);
	border: 1px solid rgba(176, 138, 67, .8); border-radius: 0; box-shadow: none; pointer-events: none; transition: background-color .2s, color .2s;
}
.eg-etlap a.eg-etel__foto { cursor: zoom-in; text-decoration: none; }
.eg-etlap a.eg-etel__foto:hover .eg-nagyit,
.eg-etlap a.eg-etel__foto:focus-visible .eg-nagyit { color: #fff; background: var(--eg-bordo); border-color: var(--eg-arany); }
.eg-etlap a.eg-etel__foto:focus-visible { outline: 2px solid var(--eg-bordo); outline-offset: -4px; }

.eg-etlap .eg-etel__test { position: relative; z-index: 4; display: flex; flex-direction: column; gap: 13px; padding: 26px 32px 32px; flex: 1; }
.eg-etlap .eg-etel--szeles .eg-etel__test { justify-content: center; gap: 15px; padding: 36px 44px 36px 40px; }
.eg-etlap .eg-etel--tovabbi .eg-etel__test { gap: 10px; padding: 24px 24px 24px 22px; }
.eg-etlap .eg-etel__felso { display: flex; justify-content: space-between; align-items: center; gap: 16px; }
.eg-etlap .eg-sigjel { display: inline-flex; align-items: center; gap: 8px; font-size: 12px; letter-spacing: .24em; text-transform: uppercase; color: var(--eg-sotetarany); }
.eg-etlap .eg-sigjel img { width: 18px; height: 18px; }
.eg-etlap .eg-etel__arsor { display: inline-flex; align-items: center; flex-wrap: wrap; gap: 10px; }
.eg-etlap .eg-etel__ar { font-size: 20px; line-height: 1.3; color: var(--eg-bordo); white-space: nowrap; }
.eg-etlap .eg-etel--szeles .eg-etel__ar { font-size: 22px; }
.eg-etlap .eg-etel--tovabbi .eg-etel__ar { font-size: 17px; }
.eg-etlap .eg-etel__elfogyott { padding: 3px 10px; font-size: 11px; letter-spacing: .16em; text-transform: uppercase; color: var(--eg-bordo); border: 1px solid var(--eg-bordo); }
.eg-etlap .eg-etel.is-elfogyott .eg-etel__foto img,
.eg-etlap .eg-etel.is-elfogyott .eg-etel__ar { opacity: .5; }
.eg-etlap .eg-etel__nev { font-size: 24px; line-height: 1.25; letter-spacing: -.5px; color: var(--eg-bordo); }
.eg-etlap .eg-etel--szeles .eg-etel__nev { font-size: 28px; line-height: 1.2; }
.eg-etlap .eg-etel--tovabbi .eg-etel__nev { font-size: 19px; line-height: 1.3; letter-spacing: 0; color: var(--eg-tinta); }
.eg-etlap .eg-etel__leiras { font-size: 15px; line-height: 1.7; color: var(--eg-szoveg2); }
.eg-etlap .eg-etel--tovabbi .eg-etel__leiras { font-size: 14px; line-height: 1.65; }
.eg-etlap .eg-etel__tortenet { font-size: 15px; line-height: 1.7; }
.eg-etlap .eg-etel__etrend { display: flex; flex-wrap: wrap; gap: 6px 16px; }
.eg-etlap .eg-etel__etrend li { display: inline-flex; align-items: center; gap: 8px; font-size: 12px; letter-spacing: .16em; text-transform: uppercase; color: var(--eg-zold); }

.eg-etlap .eg-allergenek { display: flex; flex-wrap: wrap; gap: 10px; }
.eg-etlap .eg-etel--sig .eg-allergenek,
.eg-etlap .eg-etel--szeles .eg-allergenek,
.eg-etlap .eg-etel__vonal { padding: 16px 0; border-top: 1px solid var(--eg-vonal); border-bottom: 1px solid var(--eg-vonal); }
.eg-etlap .eg-etel__vonal { padding: 0; border-bottom: 0; }
.eg-etlap .eg-etel--tovabbi .eg-allergenek { gap: 8px; margin-top: auto; }
.eg-etlap .eg-allergen {
	display: inline-flex; align-items: center; justify-content: center; flex: none;
	width: 30px; height: 30px; color: var(--eg-sotetarany); border: 1px solid var(--eg-sotetarany); font-size: 12px;
}
.eg-etlap .eg-allergen svg { width: 19px; height: 19px; }
.eg-etlap .eg-etel--tovabbi .eg-allergen { width: 28px; height: 28px; }
.eg-etlap .eg-etel--tovabbi .eg-allergen svg { width: 17px; height: 17px; }
.eg-etlap .eg-etel--tovabbi .eg-etel__cta { margin-top: 4px; }
.eg-etlap .eg-etel--tovabbi .eg-allergenek + .eg-etel__cta { margin-top: 8px; }
.eg-etlap .eg-etel--tovabbi .eg-etel__etrend:last-child,
.eg-etlap .eg-etel--tovabbi .eg-etel__leiras + .eg-etel__cta { margin-top: auto; }

/* ---------- Gomb (a terv .cta.b eleme) ---------- */
.eg-etlap .eg-gomb {
	display: inline-flex; align-items: center; justify-content: center; gap: 12px; margin: 3px;
	padding: 15px 24px; font: 400 14px/1 var(--mz-sora, Sora), sans-serif; letter-spacing: .06em; text-transform: uppercase; text-decoration: none;
	color: #fff; background: var(--eg-bordo); border: 1px solid #fff; border-radius: 0; box-shadow: none;
	outline: 1px solid var(--eg-sotetarany); outline-offset: 3px; cursor: pointer; transition: background-color .2s;
}
.eg-etlap .eg-gomb:hover,
.eg-etlap .eg-gomb:focus { color: #fff; background: #7a1c2a; border-color: #fff; text-decoration: none; }
.eg-etlap .eg-gomb:focus-visible { outline: 2px solid var(--eg-bordo); outline-offset: 3px; }
.eg-etlap .eg-gomb--kicsi { padding: 12px 18px; font-size: 12px; }
/* „A fogás története” a kártyán: kisebb (Tamás kérése, 2026-10-23; a 0.4.2-n a Gasztro oldal Elementor-CSS-e adja) */
.eg-etlap .eg-etel__cta .eg-gomb { padding: 11px 18px; font-size: 12px; letter-spacing: .08em; outline-offset: 2px; margin: 2px; }
.eg-etlap .eg-etel__cta .eg-gomb--kicsi { padding: 8px 13px; font-size: 11px; }

/* ---------- További fogások ---------- */
.eg-etlap .eg-elvalaszto { display: flex; align-items: center; gap: 18px; margin-top: 56px; }
.eg-etlap .eg-elvalaszto::before,
.eg-etlap .eg-elvalaszto::after { content: ""; flex: 1; height: 1px; background: rgba(176, 138, 67, .6); }
.eg-etlap .eg-elvalaszto span { font-size: 13px; letter-spacing: .24em; text-transform: uppercase; color: var(--eg-sotetarany); }
.eg-etlap .eg-info + .eg-elvalaszto { margin-top: 64px; }
.eg-etlap .eg-tovabbi { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin-top: 28px; }
.eg-etlap .eg-betolt { display: flex; flex-direction: column; align-items: center; gap: 12px; padding-top: 36px; }
.eg-etlap .eg-betolt__megj { font-size: 12px; letter-spacing: .16em; text-transform: uppercase; color: var(--eg-halvany); text-align: center; }

@media (prefers-reduced-motion: reduce) {
	.eg-etlap * { transition: none !important; }
}

/* ---------- Tablet ---------- */
@media (max-width: 1024px) {
	.eg-etlap .eg-tovabbi { grid-template-columns: 1fr; gap: 24px; }
	.eg-etlap .eg-etel--szeles .eg-etel__racs { grid-template-columns: 46% 1fr; }
	.eg-etlap .eg-etel--szeles .eg-etel__test { padding: 36px 36px 36px 32px; }
	.eg-etlap .eg-etel--szeles .eg-etel__foto { min-height: 460px; }
	.eg-etlap .eg-szuro__sor { justify-content: flex-start; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: thin; padding: 0 4px 2px; }
}
@media (max-width: 900px) {
	.eg-etlap .eg-sigsor { grid-template-columns: 1fr; gap: 24px; }
	.eg-etlap .eg-etel--szeles .eg-etel__racs { display: flex; flex-direction: column; }
	.eg-etlap .eg-etel--szeles .eg-etel__foto { min-height: 0; height: 340px; }
	.eg-etlap .eg-csempek--4 .eg-csempek__lista { grid-template-columns: repeat(2, 1fr); }
	.eg-etlap .eg-info__racs { grid-template-columns: 1fr; gap: 22px; padding: 36px 32px; text-align: center; }
	.eg-etlap .eg-info__fej { align-items: center; }
}

/* ---------- Mobil ---------- */
@media (max-width: 640px) {
	.eg-etlap { --eg-scroll-offset: 90px; }
	.eg-etlap .eg-csempek__lista,
	.eg-etlap .eg-csempek--3 .eg-csempek__lista { grid-template-columns: repeat(2, 1fr); gap: 10px; }
	.eg-etlap .eg-csempe { height: 92px; }
	.eg-etlap .eg-csempe .eg-fx__in { gap: 6px; padding: 0 12px; font-size: 11px; letter-spacing: .1em; }
	.eg-etlap .eg-csempe__ikon svg, .eg-etlap .eg-csempe__ikon img { width: 24px; height: 24px; }
	.eg-etlap .eg-szuro { margin-top: 24px; }
	.eg-etlap .eg-csoport { margin-top: 80px; }
	.eg-etlap .eg-csempek + .eg-szuro + .eg-csoport,
	.eg-etlap .eg-csempek + .eg-csoport,
	.eg-etlap .eg-szuro[hidden] + .eg-csoport { margin-top: 56px; }
	.eg-etlap .eg-csoport__cim { font-size: 26px; }
	.eg-etlap .eg-csoport__alcim { font-size: 13px; letter-spacing: 1.5px; }
	.eg-etlap .eg-csoport__bevezeto { font-size: 15px; line-height: 1.8; }
	.eg-etlap .eg-info { margin-top: 40px; }
	.eg-etlap .eg-info__racs { padding: 32px 22px; }
	.eg-etlap .eg-info__cim { font-size: 22px; }
	.eg-etlap .eg-info__lista { display: grid; grid-template-columns: 1fr 1fr; gap: 18px 0; width: 100%; }
	.eg-etlap .eg-info__lista li { padding: 0 10px; border-left: 0; text-align: center; }
	.eg-etlap .eg-info__lista li:nth-child(2n) { border-left: 1px solid rgba(176, 138, 67, .5); }
	.eg-etlap .eg-sigsor, .eg-etlap .eg-info + .eg-sigsor { margin-top: 32px; }
	.eg-etlap .eg-etel--sig, .eg-etlap .eg-etel--szeles { --c: 22px; }
	.eg-etlap .eg-etel--tovabbi { --c: 18px; }
	.eg-etlap .eg-etel__foto,
	.eg-etlap .eg-etel--szeles .eg-etel__foto { height: 230px; }
	.eg-etlap .eg-etel--tovabbi .eg-etel__racs { display: flex; flex-direction: column; }
	.eg-etlap .eg-etel--tovabbi .eg-etel__foto { min-height: 0; height: 180px; }
	.eg-etlap .eg-etel__test,
	.eg-etlap .eg-etel--szeles .eg-etel__test { gap: 14px; padding: 24px 26px 30px; }
	.eg-etlap .eg-etel--tovabbi .eg-etel__test { gap: 10px; padding: 22px 24px 26px; }
	.eg-etlap .eg-etel__nev,
	.eg-etlap .eg-etel--szeles .eg-etel__nev { font-size: 22px; }
	.eg-etlap .eg-etel--tovabbi .eg-etel__nev { font-size: 20px; }
	.eg-etlap .eg-etel__ar, .eg-etlap .eg-etel--szeles .eg-etel__ar { font-size: 20px; }
	.eg-etlap .eg-nagyit { right: 14px; top: 14px; }
	.eg-etlap .eg-gomb { padding: 14px 20px; font-size: 13px; }
	.eg-etlap .eg-gomb--kicsi { padding: 12px 16px; font-size: 12px; }
	.eg-etlap .eg-elvalaszto { margin-top: 48px; gap: 12px; }
	.eg-etlap .eg-elvalaszto span { font-size: 12px; letter-spacing: .2em; }
	.eg-etlap .eg-tovabbi { margin-top: 24px; gap: 20px; }
	.eg-etlap .eg-betolt { padding-top: 36px; }
}

/* =========================================================================
 * Ételadatlap (/etlap/<étel>/) — etlap-modul/E6-adatlap.html (0.4.0)
 * ========================================================================= */
.eg-adatlap-main { display: block; width: 100%; max-width: none !important; margin: 0 !important; padding: 0 !important; background: var(--mz-krem2, #f3ede5); }
.eg-adatlap { max-width: none; }
.eg-adatlap .eg-adat { padding: 36px 24px 72px; background: var(--mz-krem2, #f3ede5); }
.eg-adatlap .eg-adat--tovabbi { padding-top: 0; }
.eg-adatlap .eg-adat__sav { max-width: 1040px; margin: 0 auto; }

.eg-adatlap .eg-morzsa ol { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 0; margin: 0; padding: 0; list-style: none; }
.eg-adatlap .eg-morzsa li { display: inline-flex; align-items: center; font-size: 12px; letter-spacing: .14em; text-transform: uppercase; color: var(--eg-halvany); }
.eg-adatlap .eg-morzsa li + li::before { content: "›"; padding: 0 10px; color: var(--eg-sotetarany); }
.eg-adatlap .eg-morzsa a { color: var(--eg-halvany); text-decoration: none; }
.eg-adatlap .eg-morzsa a:hover, .eg-adatlap .eg-morzsa a:focus { color: var(--eg-bordo); }
.eg-adatlap .eg-morzsa [aria-current] { color: var(--eg-bordo); }

.eg-adatlap .eg-adat__racs { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: center; margin-top: 24px; }
.eg-adatlap .eg-adat__keret { --c: 22px; }
.eg-adatlap .eg-adat__keret .eg-fx__in { background: var(--eg-fotohatter); }
.eg-adatlap .eg-adat__foto { height: 360px; }
.eg-adatlap .eg-adat__foto img { position: absolute; inset: 7%; width: 86%; height: 86%; max-width: none; max-height: none; }
.eg-adatlap .eg-adat__foto.eg-etel__foto--helyorzo img { inset: 0; width: 100%; height: 100%; }
.eg-adatlap .eg-adat__racs.is-elfogyott .eg-adat__foto img { opacity: .5; }

.eg-adatlap .eg-adat__test { display: flex; flex-direction: column; gap: 14px; }
.eg-adatlap .eg-adat__felso { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; }
.eg-adatlap .eg-adat__csoport { font-size: 13px; line-height: 1.6; letter-spacing: 1.8px; text-transform: uppercase; color: var(--eg-alcim); }
.eg-adatlap .eg-adat__csoport + .eg-sigjel { padding-left: 14px; border-left: 1px solid var(--eg-sotetarany); }
@media (max-width: 767px) { .eg-adatlap .eg-adat__csoport + .eg-sigjel { padding-left: 0; border-left: 0; } }
.eg-adatlap .eg-adat__nev { margin: 0; font-family: var(--mz-sora, Sora), sans-serif; font-size: 28px; font-weight: 400; line-height: 1.17; letter-spacing: -.5px; color: var(--eg-tinta); text-transform: none; }
.eg-adatlap .eg-adat__leiras { font-size: 15px; line-height: 1.8; color: var(--eg-szoveg2); }
.eg-adatlap .eg-adat__ar { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; padding: 12px 0; border-top: 1px solid var(--eg-vonal); border-bottom: 1px solid var(--eg-vonal); }
.eg-adatlap .eg-adat__ar .eg-etel__ar { font-size: 20px; }
.eg-adatlap .eg-adat__allergen { display: flex; flex-direction: column; gap: 12px; }
.eg-adatlap .eg-adat__cimke { font-size: 12px; letter-spacing: .24em; text-transform: uppercase; color: var(--eg-sotetarany); }
.eg-adatlap .eg-allergenek--nevvel { gap: 12px 22px; }
.eg-adatlap .eg-allergenek--nevvel li { display: inline-flex; align-items: center; gap: 8px; font-size: 13px; color: var(--eg-szoveg2); }
.eg-adatlap .eg-adat__gombok { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 6px; }
.eg-etlap .eg-gomb--zold { background: var(--mz-zold, #4E6D4F); }
.eg-etlap .eg-gomb--zold:hover, .eg-etlap .eg-gomb--zold:focus { background: #3c5a3d; }

/* A fogás története — bordó brandbook-tábla */
.eg-adatlap .eg-tabla { --c: 22px; max-width: 760px; margin: 64px auto 0; }
.eg-adatlap .eg-tabla .eg-fx__in { background: var(--eg-bordo); }
.eg-adatlap .eg-tabla .eg-fx__in::before { inset: 10px; border-color: rgba(208, 173, 103, .7); }
.eg-adatlap .eg-tabla__test { position: relative; z-index: 4; display: flex; flex-direction: column; align-items: center; gap: 16px; padding: 46px 64px 44px; text-align: center; }
.eg-adatlap .eg-tabla__jel { width: 34px; height: 34px; }
.eg-adatlap .eg-tabla__cim { font-size: 24px; line-height: 1.17; letter-spacing: -1px; color: var(--eg-arany); }
.eg-adatlap .eg-tabla__szoveg { display: flex; flex-direction: column; gap: 16px; }
.eg-adatlap .eg-tabla__szoveg p,
.eg-adatlap .eg-tabla__szoveg li { font-size: 15px; line-height: 1.8; color: rgba(243, 237, 229, .94); }
.eg-adatlap .eg-tabla__szoveg a { color: var(--eg-arany); }
.eg-adatlap .eg-tabla__szoveg strong, .eg-adatlap .eg-tabla__szoveg b { font-weight: 600; color: #fff; }

/* További fogások — körhinta */
.eg-adatlap .eg-adat--tovabbi .eg-csoport__fej { padding-top: 0; }
.eg-adatlap .eg-korhinta { position: relative; margin-top: 32px; }
.eg-adatlap .eg-korhinta__sav {
	display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% - 24px) / 2); column-gap: 24px;
	overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scrollbar-width: thin; padding-bottom: 6px;
}
.eg-adatlap .eg-korhinta.eg-js .eg-korhinta__sav { scrollbar-width: none; }
.eg-adatlap .eg-korhinta.eg-js .eg-korhinta__sav::-webkit-scrollbar { display: none; }
.eg-adatlap .eg-korhinta__sav > .eg-etel { scroll-snap-align: start; }
.eg-adatlap .eg-korhinta__sav:focus-visible { outline: 2px solid var(--eg-bordo); outline-offset: 4px; }
.eg-adatlap .eg-korhinta__nyil {
	position: absolute; top: 50%; z-index: 5; display: flex; align-items: center; justify-content: center;
	width: 40px; height: 40px; margin: 0; padding: 0; transform: translateY(-50%);
	color: var(--eg-bordo); background: var(--eg-krem); border: 1px solid var(--eg-sotetarany); border-radius: 0; box-shadow: none; cursor: pointer;
}
.eg-adatlap .eg-korhinta__nyil--elo { left: -60px; }
.eg-adatlap .eg-korhinta__nyil--kov { right: -60px; }
.eg-adatlap .eg-korhinta__nyil:hover:not(:disabled),
.eg-adatlap .eg-korhinta__nyil:focus-visible { color: #fff; background: var(--eg-bordo); border-color: var(--eg-arany); }
.eg-adatlap .eg-korhinta__nyil:disabled { opacity: .35; cursor: default; }
.eg-adatlap .eg-korhinta__halad { width: 240px; max-width: 60%; height: 2px; margin: 32px auto 0; background: rgba(176, 138, 67, .35); }
.eg-adatlap .eg-korhinta__halad span { display: block; height: 100%; background: var(--eg-bordo); transition: margin-left .2s; }

@media (max-width: 1340px) {
	.eg-adatlap .eg-korhinta__nyil--elo { left: -12px; }
	.eg-adatlap .eg-korhinta__nyil--kov { right: -12px; }
}
@media (max-width: 1024px) {
	.eg-adatlap .eg-adat__racs { grid-template-columns: 1fr 1fr; gap: 40px; }
	.eg-adatlap .eg-adat__foto { height: 400px; }
	.eg-adatlap .eg-adat__nev { font-size: 32px; }
	.eg-adatlap .eg-korhinta__sav { grid-auto-columns: 82%; }
}
@media (max-width: 767px) {
	.eg-adatlap .eg-adat { padding: 28px 16px 64px; }
	.eg-adatlap .eg-adat--tovabbi { padding-top: 0; }
	.eg-adatlap .eg-adat__racs { grid-template-columns: 1fr; gap: 28px; margin-top: 20px; }
	.eg-adatlap .eg-adat__keret { --c: 22px; }
	.eg-adatlap .eg-adat__foto { height: 300px; }
	.eg-adatlap .eg-adat__nev { font-size: 28px; }
	.eg-adatlap .eg-adat__ar .eg-etel__ar { font-size: 22px; }
	.eg-adatlap .eg-adat__gombok .eg-gomb { flex: 1 1 100%; }
	.eg-adatlap .eg-tabla { --c: 22px; margin-top: 56px; }
	.eg-adatlap .eg-tabla__test { gap: 16px; padding: 44px 26px 40px; }
	.eg-adatlap .eg-tabla__cim { font-size: 26px; }
	.eg-adatlap .eg-tabla__szoveg p, .eg-adatlap .eg-tabla__szoveg li { font-size: 16px; line-height: 1.8; }
	.eg-adatlap .eg-korhinta { margin-top: 28px; }
	.eg-adatlap .eg-korhinta__sav { grid-auto-columns: 88%; column-gap: 16px; }
	.eg-adatlap .eg-korhinta__nyil { display: none; }
	.eg-adatlap .eg-korhinta__halad { margin-top: 24px; }
}

/* ---------- Italcsoport (0.4.3) ---------- */
.eg-etlap .eg-italok { list-style: none; margin: 32px 0 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; column-gap: 64px; row-gap: 26px; }
.eg-etlap .eg-ital { margin: 0; padding: 0 0 22px; border-bottom: 1px solid rgba(176, 138, 67, .35); }
.eg-etlap .eg-ital__sor { display: flex; align-items: baseline; justify-content: space-between; gap: 20px; }
.eg-etlap .eg-ital__nev { margin: 0; font-size: 18px; line-height: 1.35; font-weight: 400; color: var(--eg-tinta); }
.eg-etlap .eg-ital__ar { font-size: 17px; line-height: 1.3; color: var(--eg-bordo); white-space: nowrap; }
.eg-etlap .eg-ital__leiras { margin: 8px 0 0; font-size: 14px; line-height: 1.65; color: var(--eg-halvany); }
.eg-etlap .eg-ital.is-elfogyott { opacity: .55; }
@media (max-width: 767px) {
	.eg-etlap .eg-italok { grid-template-columns: 1fr; row-gap: 20px; margin-top: 24px; }
	.eg-etlap .eg-ital { padding-bottom: 18px; }
	.eg-etlap .eg-ital__nev { font-size: 17px; }
}

/* 0.4.4 — az ételadatlap a weboldal léptékében (Tamás, 2026-10-25: a fogás története oldalakon minden túl nagy volt):
   a csoportcím és a kártyák a „További fogások” körhintán is a szakaszcímek méretén (26 px), a nevek 17 px-en. */
.eg-adatlap .eg-csoport__cim { font-size: 26px !important; }
.eg-adatlap .eg-adat--tovabbi .eg-etel__nev { font-size: 17px !important; }
.eg-adatlap .eg-adat--tovabbi .eg-etel__leiras { font-size: 13.5px !important; }
.eg-adatlap .eg-adat--tovabbi .eg-etel__ar { font-size: 16px !important; }
@media (max-width: 1024px) {
	.eg-adatlap .eg-adat__foto { height: 320px; }
	.eg-adatlap .eg-tabla__test { padding: 40px 36px 38px; }
}
@media (max-width: 767px) {
	.eg-adatlap .eg-adat__racs { grid-template-columns: 1fr; gap: 28px; }
	.eg-adatlap .eg-adat__foto { height: 260px; }
	.eg-adatlap .eg-adat__nev { font-size: 24px; }
	.eg-adatlap .eg-tabla__test { padding: 34px 22px 32px; }
	.eg-adatlap .eg-tabla__cim { font-size: 22px; }
}

/* 0.4.4 — ragadós kategóriasáv: a csempék kigördülése után a rögzített fejléc alatt (a <body>-ban, lásd etlap.js) */
.eg-ragado { position: fixed; left: 0; right: 0; top: 0; z-index: 9980; background: var(--mz-krem2, #f3ede5); border-bottom: 1px solid rgba(176, 138, 67, .45); font-family: var(--mz-sora, Sora), sans-serif; opacity: 0; visibility: hidden; transform: translateY(-6px); transition: opacity .25s ease, transform .25s ease, visibility .25s; }
.eg-ragado.is-latszik { opacity: 1; visibility: visible; transform: none; }
.eg-ragado__lista { display: flex; justify-content: flex-start; gap: 6px; max-width: 1440px; margin: 0 auto; padding: 10px 24px; list-style: none; overflow-x: auto; scrollbar-width: none; }
.eg-ragado__lista::-webkit-scrollbar { display: none; }
.eg-ragado__lista li { flex: 0 0 auto; margin: 0; }
.eg-ragado__lista li:first-child { margin-left: auto; }
.eg-ragado__lista li:last-child { margin-right: auto; }
.eg-ragado .eg-ragado__pont { display: inline-block; padding: 8px 11px; font-size: 11px; line-height: 1.2; letter-spacing: .07em; text-transform: uppercase; white-space: nowrap; text-decoration: none; color: var(--mz-tinta, #231f20); background: var(--mz-csempe, #fbf8f3); border: 1px solid rgba(176, 138, 67, .55); transition: background .2s, color .2s; }
.eg-ragado__pont:hover, .eg-ragado__pont:focus-visible { color: var(--mz-bordo, #942333); background: #fffdf9; outline: none; }
.eg-ragado .eg-ragado__pont.is-aktiv, .eg-ragado .eg-ragado__pont.is-aktiv:hover, .eg-ragado .eg-ragado__pont.is-aktiv:focus { color: #fff !important; background: var(--mz-bordo, #942333) !important; border-color: var(--mz-bordo, #942333); }
.eg-ragado__pont.is-ures { opacity: .45; }
/* asztalon minden pont látszik: ha egy sorba nem fér, két sorba tör (görgetés csak táblagépen / mobilon) */
@media (min-width: 1025px) { .eg-ragado__lista { flex-wrap: wrap; justify-content: center; overflow: visible; row-gap: 6px; } .eg-ragado__lista li:first-child, .eg-ragado__lista li:last-child { margin-left: 0; margin-right: 0; } }
@media (max-width: 767px) { .eg-ragado__lista { padding: 8px 14px; gap: 6px; } .eg-ragado__pont { padding: 7px 11px; font-size: 10.5px; } }
@media (prefers-reduced-motion: reduce) { .eg-ragado { transition: none; } }

/* 0.4.5 — a ragadós sáv 1025–1380 px között is egy sorban; az önálló signature fogás és a csoportcím a weboldal léptékében (Tamás, 2026-10-25) */
@media (min-width: 1025px) and (max-width: 1380px) { .eg-ragado .eg-ragado__pont { padding: 7px 8px; font-size: 10px; letter-spacing: .05em; } .eg-ragado__lista { gap: 5px; padding: 9px 16px; } }
.eg-etlap .eg-csoport__cim { font-size: 26px; }
.eg-etlap .eg-etel--sig, .eg-etlap .eg-etel--szeles { --c: 22px; }
.eg-etlap .eg-etel--szeles .eg-etel__racs { grid-template-columns: 48% 1fr; }
.eg-etlap .eg-etel--szeles .eg-etel__foto { min-height: 330px; }
.eg-etlap .eg-etel--szeles .eg-etel__test { gap: 12px; padding: 28px 36px 28px 32px; }
.eg-etlap .eg-etel--szeles .eg-etel__nev { font-size: 22px; }
.eg-etlap .eg-etel--szeles .eg-etel__ar { font-size: 18px; }
@media (min-width: 768px) and (max-width: 1024px) { .eg-etlap .eg-etel--szeles .eg-etel__foto { min-height: 320px; } }
@media (max-width: 767px) { .eg-etlap .eg-etel--szeles .eg-etel__foto { height: 220px; } .eg-etlap .eg-etel--szeles .eg-etel__nev { font-size: 20px; } .eg-etlap .eg-csoport__cim { font-size: 24px; } }

/* 0.5.4 — ital fotóval (Tamás jóváhagyott terve, 2026-10-25): kocka a sor magasságában, standard arany keret belső vonallal, nagyítható; fotó nélkül a lista változatlan */
.eg-etlap .eg-ital.has-foto { display: grid; grid-template-columns: 76px minmax(0, 1fr); column-gap: 20px; align-items: start; }
.eg-etlap .eg-ital__test { min-width: 0; }
.eg-etlap .eg-ital__foto { position: relative; display: block; width: 76px; height: 76px; background: #b08a43; cursor: zoom-in; text-decoration: none; clip-path: polygon(9px 0, calc(100% - 9px) 0, 100% 9px, 100% calc(100% - 9px), calc(100% - 9px) 100%, 9px 100%, 0 calc(100% - 9px), 0 9px); }
.eg-etlap .eg-ital__foto img { position: absolute; inset: 1px; width: calc(100% - 2px); height: calc(100% - 2px); max-width: none; object-fit: cover; clip-path: polygon(8.6px 0, calc(100% - 8.6px) 0, 100% 8.6px, 100% calc(100% - 8.6px), calc(100% - 8.6px) 100%, 8.6px 100%, 0 calc(100% - 8.6px), 0 8.6px); }
.eg-etlap .eg-ital__foto::after { content: ""; position: absolute; inset: 5px; z-index: 2; border: 1px solid rgba(243, 237, 229, .7); pointer-events: none; clip-path: polygon(4px 0, calc(100% - 4px) 0, 100% 4px, 100% calc(100% - 4px), calc(100% - 4px) 100%, 4px 100%, 0 calc(100% - 4px), 0 4px); }
.eg-etlap .eg-ital__nagyit { position: absolute; right: 4px; bottom: 4px; z-index: 3; display: flex; align-items: center; justify-content: center; width: 20px; height: 20px; background: rgba(255, 255, 255, .92); border: 1px solid rgba(176, 138, 67, .8); color: var(--eg-bordo); opacity: 0; transition: opacity .2s; }
.eg-etlap .eg-ital__foto:hover .eg-ital__nagyit, .eg-etlap .eg-ital__foto:focus-visible .eg-ital__nagyit { opacity: 1; }
.eg-etlap .eg-ital__foto:focus-visible { outline: 2px solid var(--eg-bordo); outline-offset: 2px; }
.eg-etlap .eg-ital.is-elfogyott .eg-ital__foto img { opacity: .5; }
@media (hover: none) { .eg-etlap .eg-ital__nagyit { opacity: 1; } }
@media (max-width: 767px) { .eg-etlap .eg-ital.has-foto { grid-template-columns: 64px minmax(0, 1fr); column-gap: 16px; } .eg-etlap .eg-ital__foto { width: 64px; height: 64px; } }

/* 0.5.6 — a valódi fotó mindig kitölti a keretet (méretezve, középre vagy a beállított fókuszpontra vágva); álló / kicsi fotó sem lebeg kicsiben (Tamás, 2026-10-25) */
.eg-etlap .eg-etel__foto:not(.eg-etel__foto--helyorzo) { background: var(--eg-fotohatter); }
.eg-etlap .eg-etel__foto:not(.eg-etel__foto--helyorzo) img,
.eg-etlap .eg-etel--szeles .eg-etel__foto:not(.eg-etel__foto--helyorzo) img,
.eg-etlap .eg-etel--tovabbi .eg-etel__foto:not(.eg-etel__foto--helyorzo) img,
.eg-adatlap .eg-adat__foto:not(.eg-etel__foto--helyorzo) img { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; max-height: none; object-fit: cover; filter: none; }

/* 0.5.8 — kisebb lépték az étlapon (a felső menü arányaihoz igazítva; Tamás jóváhagyásával, 2026-10-26) */
.eg-etlap .eg-etel--tovabbi .eg-etel__racs { grid-template-columns: 40% 1fr; }
.eg-etlap .eg-etel--tovabbi .eg-etel__foto { min-height: 210px; }
.eg-etlap .eg-etel--tovabbi .eg-etel__test { gap: 7px; padding: 18px; }
.eg-etlap .eg-etel--tovabbi .eg-etel__nev { font-size: 16px; line-height: 1.3; }
.eg-etlap .eg-etel--tovabbi .eg-etel__ar { font-size: 15px; }
.eg-etlap .eg-etel--tovabbi .eg-etel__leiras { font-size: 13px; line-height: 1.6; }
.eg-etlap .eg-etel--szeles .eg-etel__nev { font-size: 19px; }
.eg-etlap .eg-etel--szeles .eg-etel__ar { font-size: 16px; }
.eg-etlap .eg-etel--szeles .eg-etel__leiras,
.eg-etlap .eg-etel--szeles .eg-etel__tortenet { font-size: 14px; line-height: 1.65; }
.eg-etlap .eg-etel--szeles .eg-etel__test { gap: 10px; padding: 24px 30px 24px 28px; }
.eg-etlap .eg-etel--sig .eg-etel__nev { font-size: 19px; }
.eg-etlap .eg-ital__nev { font-size: 16px; }
.eg-etlap .eg-ital__ar { font-size: 15px; }
.eg-etlap .eg-ital__leiras { font-size: 13px; }
.eg-etlap .eg-tovabbi { gap: 20px; }
@media (max-width: 767px) {
	.eg-etlap .eg-etel--tovabbi .eg-etel__foto { min-height: 0; height: 170px; }
	.eg-etlap .eg-etel--tovabbi .eg-etel__nev { font-size: 16px; }
	.eg-etlap .eg-etel--szeles .eg-etel__nev { font-size: 18px; }
	.eg-etlap .eg-etel--szeles .eg-etel__foto { height: 200px; }
}