/* ============================================================================
 * Menü ajánlatok – NAPTÁRI ajánló (Fázis 6) stílusok.
 * Két felület: (1) üres-étkezés kártya (.mo-meal-suggest), (2) üres-napi
 * flyout (.mo-cal-flyout) a nap bal alsó sarkából felfelé.  ZÖLD akcentus (#00890a)
 * (a menü-ikon és a /menu_offers menüpont színe – szín-csere kísérlet: a lilát
 * mély zöldre cseréltük; visszaállítás: _old_runs/color_swap_20260801).
 * FONTOS: a style.css globális <button> szabálya (zöld pirula + box-shadow)
 * minden gombunkat felülírná, ezért itt EXPLICIT nullázzuk (feedback_global_button_css).
 * ==========================================================================*/

:root{
	/* A --mo-green* nevek most már valóban ZÖLD árnyalatokat hordoznak (menü-akcentus, mély #00890a). */
	--mo-green: #00890a;
	--mo-green-d: #007708;
	--mo-green-l: #ecfaed;
	--mo-ink: #2b2f33;
	--mo-mut: #7b858c;
	--mo-line: #e4e8ea;
}

/* ---- gombok globális-nullázása (közös) ----
   A style.css globális szabálya (.a_form_submit input[...], button) rátukmálja a
   nagy zöld pirulát: padding:9px 30px, border-radius:20px, box-shadow, font-weight:bold,
   font-size:16px, margin, text-transform stb. Itt MINDET nullázzuk. A blokk a
   konkrét .mo-* szabályok ELŐTT áll, azonos specificitással → amit egy konkrét
   osztály külön beállít (pl. saját padding), az a forrás-sorrend miatt felülírja. */
.mo-meal-suggest-toggle,
.mo-cal-add-btn,
.mo-cal-arrow,
.mo-cal-slot,
.mo-cal-fly-x,
.mo-mp-opt{
	box-shadow: none;
	border-radius: 8px;
	background: none;
	border: none;
	padding: 0;
	line-height: normal;
	margin: 0;
	min-width: 0;
	width: auto;
	font-size: inherit;
	font-weight: normal;
	text-transform: none;
	letter-spacing: normal;
}

/* ============================ ÜRES ÉTKEZÉS KÁRTYA ======================== */

/* float:left + width:100% – a .day_event_decs floatos gyerekei (empty-hint) miatt normál
   blokk-ként a float FÖLÉ csúszna (üres tér a gomb fölött); floatolva tisztán alá kerül. */
.mo-meal-suggest{ position: relative; float: left; width: 100%; box-sizing: border-box; margin: 4px 0 2px; }
/* Ha az étkezésben van (látható) fogás, a menü-ajánló toggle rejtve – ha élőben
   kiürítik, azonnal visszajön (ugyanaz a :has-minta mint a .day_event_empty_hint-nél). */
.day_events:has(.day_event_dec:not([style*="display: none"])) .mo-meal-suggest{ display: none; }

.mo-meal-suggest-toggle{
	display: inline-flex;
	align-items: center;
	gap: 5px;
	padding: 4px 9px;
	font-size: 11px;
	font-weight: 600;
	color: var(--mo-green-d);
	background: var(--mo-green-l);
	border: 1px solid #b3ecb7;
	cursor: pointer;
}
.mo-meal-suggest-toggle svg{ width: 13px; height: 13px; flex: none; }
.mo-meal-suggest-toggle:hover{ background: #dcf5de; }
.mo-meal-suggest-toggle.mo-open{ background: var(--mo-green); color: #fff; border-color: var(--mo-green); }

.mo-meal-suggest-body{ margin-top: 6px; }

/* Nyitott állapot: a body-t NEM in-flow kártyaként (ami mindent lefelé tol – mobilon a
   teteje se látszik), hanem a napi flyout (.mo-cal-flyout) mintájára LEBEGŐ, a toggle-gomb
   FÖLÉ (felfelé) nyíló absolute kártyaként jelenítjük meg → nem tolja a naptár-tartalmat.
   A wrap (position:relative + z-index) adja a pozicionálási kontextust és emeli az elsötétítő
   overlay (#cal_recs_overlay, z-index:9) FÖLÉ. A .day-box/.day-content/.day_events pozicionált,
   de z-index nélküli, ezért nem zár stacking contextet: a z-index a gyökér kontextusban versenyez. */
.mo-meal-suggest.mo-panel-open{
	z-index: 40;
}
/* A body lebegő kártya, ABSOLUTE a wraphoz (ami a .day-content-ben van) → a naptár
   TARTALMÁVAL EGYÜTT görög, nem ragad a viewporthoz (ha a teteje kilóg, felgörgetve látszik).
   A pontos left/bottom-ot nyitáskor a moMealPositionPopup() JS állítja: vízszintesen a nap
   közepe, függőlegesen a .day-content aljától 20px-re. Mobilon a lenti media-query írja felül
   (fix alsó-közép lap). A transform centrálja a left-hez. */
.mo-meal-suggest.mo-panel-open .mo-meal-suggest-body{
	position: absolute;
	left: 50%;
	bottom: 20px;
	transform: translateX(-50%);
	margin: 0;
	width: 240px;
	max-width: calc(100vw - 16px);
	background: #fff;
	border: 1px solid var(--mo-line);
	border-radius: 12px;
	box-shadow: 0 8px 26px rgba(0,0,0,.18);
	padding: 18px 10px 10px;
	text-align: left;
	z-index: 40;
}

/* Egyszerű „×" a felugró jobb-felső sarkában – egységes a napi flyout (.mo-cal-fly-x) és a
   többi kis felugró zárógombjával; abszolút a body-hoz igazítva (a felső 18px paddingba). */
.mo-meal-suggest-x{
	position: absolute;
	top: 3px;
	right: 6px;
	cursor: pointer;
	color: var(--mo-mut);
	font-size: 18px;
	line-height: 1;
	z-index: 2;
}
.mo-meal-suggest-x:hover{ color: var(--mo-ink); }

/* ============================== ÜRES-NAPI IKON ========================== */

/* A „mások menü ajánlatai" (.cal-recs-ico) mintájára: fehér korong, LILA keret +
   lila ikon, jobb-oldali helyett BAL alsó sarok, darabszám-jelvénnyel. */
.mo-cal-ico{
	position: absolute;
	left: 8px;
	bottom: 42px;
	z-index: 5;
	width: 26px;
	height: 26px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: #fff;
	border: 1px solid #b3ecb7;
	color: #00890a;
	cursor: pointer;
	box-shadow: 0 1px 4px rgba(0,0,0,0.12);
}
.mo-cal-ico:hover{ color: #007708; border-color: #00890a; }
.mo-cal-ico svg{ width: 15px; height: 15px; }

/* Elérhető menük száma – jelvény az ikon jobb-felső sarkában (9 fölött „9+"). */
.mo-cal-badge{
	position: absolute;
	top: -6px;
	right: -6px;
	min-width: 16px;
	height: 16px;
	padding: 0 3px;
	border-radius: 9px;
	background: #00890a;
	color: #fff;
	font-size: 10px;
	font-weight: 700;
	line-height: 16px;
	text-align: center;
	box-sizing: border-box;
	pointer-events: none;
}

/* Mobil (egynapos nézet): a DAY-BOX-béli ikont elrejtjük – helyette a NAV-SÁVBA
   ágyazott .mo-cal-ico-nav jelenik meg, ami a .day-nav-sticky gyereke, így VELE
   EGYÜTT ragad, konstans hézaggal a prev-gomb FÖLÖTT, a BAL oldalon (a
   .cal-recs-ico-nav a jobb oldalon ül, ez a tükörpárja). */
.single-day-mode .mo-cal-ico:not(.mo-cal-ico-nav){ display: none; }
.mo-cal-ico-nav{
	position: absolute;
	right: auto;
	left: 13px;
	top: auto;
	bottom: 100%;
	margin-bottom: 2px;
	pointer-events: all;
}

/* ================================= FLYOUT =============================== */

.mo-cal-flyout{
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 32px;
	width: 240px;
	max-width: calc(100% - 12px);
	background: #fff;
	border: 1px solid var(--mo-line);
	border-radius: 12px;
	box-shadow: 0 8px 26px rgba(0,0,0,.18);
	z-index: 40;
	padding: 10px;
	text-align: left;
}

.mo-cal-fly-head{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	margin-bottom: 8px;
}
.mo-cal-fly-title{
	font-size: 12px;
	font-weight: 700;
	color: var(--mo-green-d);
}
/* Egyszerű „×" – egységes a többi kis felugró zárógombjával (.cal-recs-x): nincs háttér/keret. */
.mo-cal-fly-x{
	cursor: pointer;
	color: var(--mo-mut);
	font-size: 18px;
	line-height: 1;
	padding-left: 8px;
}
.mo-cal-fly-x:hover{ color: var(--mo-ink); }

/* slot-váltó (reggeli / uzsonna / fő) */
.mo-cal-fly-slots{
	display: flex;
	gap: 4px;
	margin-bottom: 8px;
}
.mo-cal-slot{
	flex: 1 1 0;
	padding: 4px 0;
	font-size: 10.5px;
	font-weight: 600;
	color: var(--mo-mut);
	background: #f3f5f6;
	border: 1px solid transparent;
	cursor: pointer;
	text-align: center;
}
.mo-cal-slot:hover{ background: #e9edee; }
.mo-cal-slot.on{
	color: #fff;
	background: var(--mo-green);
	border-color: var(--mo-green);
}

.mo-cal-fly-body{ min-height: 40px; }

.mo-cal-fly-nav{
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	margin-top: 6px;
}

/* „Naptáramba teszem" lábléc – a más-felhasználós .cal-recs-foot mintája: szürke
   elválasztó vonal a gomb fölött, a gomb saját margója nélkül. A negatív oldal/alsó
   margó kihúzza a flyout 10px paddingjából, hogy a vonal edge-to-edge fusson és a gomb
   alatt ne maradjon a konténer-paddingból eredő felesleges nagy rés (csak 8px). */
.mo-cal-fly-foot{ margin: 8px -10px -10px; padding: 8px 10px; border-top: 1px solid #eee; }
.mo-cal-fly-foot .mo-cal-add-btn{ margin-top: 0; }
/* Étkezéshez-ajánló lábléc (a .mo-meal-suggest kártya add-gombja, moCalControls) –
   ugyanaz a szürke elválasztó; itt nincs konténer-padding, így nem kell negatív margó. */
.mo-cal-add-foot{ margin-top: 8px; padding-top: 8px; border-top: 1px solid #eee; }
.mo-cal-add-foot .mo-cal-add-btn{ margin-top: 0; }

/* ============================ KÖZÖS: LÉPTETŐ ============================= */

.mo-cal-mini-nav{
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	margin-top: 6px;
}
.mo-cal-arrow{
	width: 24px;
	height: 24px;
	font-size: 16px;
	color: var(--mo-green-d);
	background: var(--mo-green-l);
	border: 1px solid #b3ecb7;
	cursor: pointer;
}
.mo-cal-arrow:hover{ background: #dcf5de; }
.mo-cal-pos{ font-size: 11px; color: var(--mo-mut); min-width: 44px; text-align: center; }

/* „Naptáramba teszem" gomb – a mo-btn-add (menü-kártya) dizájnja, kis méretre hangolva:
   világoszöld pill, zöld keret+szöveg, naptár+ ikon, hoverre teli zöld. */
.mo-cal-add-btn{
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	width: 100%;
	padding: 8px 10px;
	font-size: 12px;
	font-weight: 700;
	color: #33303a;
	background: #fdfaf9;
	border: 1.5px solid var(--d1-primary, oklch(0.58 0.16 40));
	border-radius: 10px;
	box-shadow: none;
	cursor: pointer;
	margin-top: 6px;
	transition: background .15s, border-color .15s, color .15s;
}
.mo-cal-add-btn .cc-add-ico{ flex: 0 0 auto; color: var(--d1-primary, oklch(0.58 0.16 40)); }
.mo-cal-add-btn:hover{ background: #f6ede9; border-color: var(--d1-primary, oklch(0.58 0.16 40)); color: #33303a; }
.mo-cal-add-btn.mo-busy,
.mo-cal-add-btn:disabled{ opacity: .6; cursor: default; }

/* ============================== KOMPAKT KÁRTYA ========================= */

.mo-cal-card{
	background: #fcfefc;
	border: 1px solid var(--mo-line);
	border-radius: 10px;
	padding: 8px 9px;
	text-align: left;
}
.mo-cal-cuis{
	display: inline-block;
	font-size: 9.5px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .04em;
	color: var(--mo-green-d);
	background: var(--mo-green-l);
	padding: 1px 6px;
	border-radius: 999px;
	margin-bottom: 4px;
}

/* --------- NAPI ÉTKEZÉSI SZABÁLY jelölő (napi + étkezés-ajánló) ---------
   A SÁVNAK nincs háttere/kerete/paddingja – a keret+háttér a szabály-NÉV pilljére
   (.mo-cal-crit-name) került, kicsi paddinggal (nem „bumszli"). */
.mo-cal-crit-bar{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 4px 8px;
	margin-bottom: 7px;
}
.mo-cal-crit-lbl{
	display: inline-flex;
	align-items: center;
	gap: 5px;
	cursor: pointer;
	font-size: 11px;
	font-weight: 700;
	color: var(--mo-green-d);
	margin: 0;
}
.mo-cal-crit-cb{
	width: 14px;
	height: 14px;
	margin: 0;
	accent-color: var(--mo-green);
	cursor: pointer;
	flex: none;
}
/* A szabály-név pill: a SAJÁT színét (ca_criteria.bgcolor) inline háttérként kapja
   (mint a naptár-fejléc .day_criteria_title); itt csak a semleges DEFAULT (ha nincs szín),
   sötét szöveg + világosszürke keret + kicsi padding (nem „bumszli"). */
.mo-cal-crit-name{
	font-size: 10.5px;
	font-weight: 600;
	color: var(--mo-ink);
	background: #eef1f4;
	border: 1px solid #d5d5d5;
	border-radius: 999px;
	padding: 1px 8px;
}

/* --------- Szabálynak NEM megfelelő menü (respect=0 → piros jelölés) ---- */
.mo-cal-card.mo-crit-bad{
	border-color: #e6b3b3;
	background: #fdf4f4;
}
.mo-crit-badge{
	display: inline-flex;
	align-items: center;
	gap: 4px;
	font-size: 10px;
	font-weight: 700;
	color: #c0392b;
	background: #fbe4e2;
	border: 1px solid #f0c4be;
	padding: 2px 7px;
	border-radius: 999px;
	margin-bottom: 5px;
	line-height: 1.2;
}
.mo-crit-badge svg{ flex: none; }
.mo-cal-title{
	font-size: 13.5px;
	font-weight: 700;
	color: #e5a900;
	line-height: 1.25;
	margin-top: 5px;
	margin-bottom: 10px;
}
/* ------------------------------ Adag-léptető -------------------------- */
.mo-cal-dose{
	display: inline-flex;
	align-items: center;
	gap: 4px;
	margin-bottom: 6px;
	padding: 2px 3px;
	background: #fff;
	border: 1px solid var(--mo-line);
	border-radius: 999px;
}
.mo-cal-dose-btn{
	flex: none;
	width: 20px;
	height: 20px;
	padding: 0;
	margin: 0;
	line-height: 18px;
	font-size: 14px;
	font-weight: 700;
	text-align: center;
	color: var(--mo-green-d);
	background: var(--mo-green-l);
	border: 1px solid var(--mo-line);
	border-radius: 50%;
	box-shadow: none;
	cursor: pointer;
}
.mo-cal-dose-btn:hover{ background: var(--mo-green); color: #fff; border-color: var(--mo-green); }
.mo-cal-dose-val{
	min-width: 16px;
	text-align: center;
	font-size: 12.5px;
	font-weight: 700;
	color: var(--mo-ink);
}
.mo-cal-dose-lbl{ font-size: 10px; color: var(--mo-mut); }

/* Komponens-fogások NAPTÁRI mo-card stílusban: kategória-színű PÖTTY (mo-cal-dish-dot)
   + sima név, vékony alsó elválasztóval (mint a menu_offers .mo-dish). A pipa a pötty
   ELŐTT marad (kötelező = zárt, opcionális = kivehető); a receptnév kattintható. */
.mo-cal-dishes{ list-style: none; margin: 0 0 6px; padding: 0; }
.mo-cal-dish{
	font-size: 12px;
	line-height: 1.35;
	color: var(--mo-ink);
	border-bottom: 1px solid #f1fbf2;
}
.mo-cal-dish:last-child{ border-bottom: none; }
.mo-cal-dish-lbl{
	display: flex;
	align-items: center;
	gap: 7px;
	cursor: pointer;
	margin: 0;
	padding: 4px 0;
}
.mo-cal-dish-cb{
	flex: none;
	width: 13px;
	height: 13px;
	margin: 0;
	accent-color: var(--mo-green);
	cursor: pointer;
}
.mo-cal-dish-cb.mo-cal-dish-lock{ cursor: default; opacity: .8; }
.mo-cal-dish-dot{ width: 8px; height: 8px; border-radius: 50%; flex: 0 0 8px; }
.mo-cal-dish-body{ display: flex; flex-direction: column; flex: 1; min-width: 0; }
.mo-cal-dish-nameline{ display: flex; align-items: baseline; gap: 5px; flex-wrap: wrap; }
.mo-cal-dish-name{ font-weight: 600; color: var(--mo-ink); }
.mo-cal-dish-head .mo-cal-dish-name{ font-weight: 700; }
.mo-cal-dish-opt .mo-cal-dish-name{ color: #8a8595; }
/* Kivett (pipa nélküli) opcionális fogás: halványítva, áthúzva. */
.mo-cal-dish-opt .mo-cal-dish-opt-cb:not(:checked) ~ .mo-cal-dish-body .mo-cal-dish-name{ text-decoration: line-through; opacity: .5; }
.mo-cal-optlbl{
	font-size: 9px;
	color: var(--mo-mut);
	font-style: italic;
}
.mo-cal-kcal{
	margin-top: 5px;
	font-size: 10px;
	color: var(--mo-mut);
}

/* ============================ ÁLLAPOT-SZÖVEGEK ========================= */

.mo-cal-loading,
.mo-cal-empty{
	font-size: 11px;
	color: var(--mo-mut);
	text-align: center;
	padding: 10px 4px;
}

/* ==================== GYORS HOZZÁADÁS „MENÜK" FÜL ====================== */

/* slot-választó sáv a panel fejlécében */
.cq-menu-slots{
	display: flex;
	gap: 4px;
	padding: 6px 10px 4px;
}

/* egy menü-tétel a listában: kártya + akciók + nap-választó */
.mo-qa-item{
	position: relative;
	margin-top: 8px;
	padding: 8px 10px;
	border-bottom: 1px solid var(--mo-line);
}
/* megragadó fogantyú a jobb felső sarokban (desktop = húzás, mobil = koppintás) */
.mo-qa-grip{
	position: absolute;
	top: 7px;
	right: 8px;
	z-index: 2;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 22px;
	height: 22px;
	color: var(--mo-mut);
	cursor: grab;
	touch-action: none;
	-webkit-user-select: none;
	user-select: none;
}
.mo-qa-grip:hover{ color: var(--mo-green-d); }
.mo-qa-grip:active{ cursor: grabbing; }
.mo-qa-grip svg{ display: block; pointer-events: none; }
.mo-qa-item .mo-cal-title{ padding-right: 30px; }
.mo-qa-actions{ margin-top: 16px; margin-bottom: 7px; }

.mo-qa-add{
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	width: 100%;
	padding: 7px 10px;
	font-size: 12px;
	font-weight: 700;
	color: #33303a;
	background: #fdfaf9;
	border: 1.5px solid var(--d1-primary, oklch(0.58 0.16 40));
	border-radius: 10px;
	box-shadow: none;
	line-height: normal;
	margin: 0;
	min-width: 0;
	text-transform: none;
	letter-spacing: normal;
	cursor: pointer;
	transition: background .15s, border-color .15s, color .15s;
}
.mo-qa-add .cc-add-ico{ flex: 0 0 auto; color: var(--d1-primary, oklch(0.58 0.16 40)); }
.mo-qa-add:hover{ background: #f6ede9; border-color: var(--d1-primary, oklch(0.58 0.16 40)); color: #33303a; }
.mo-qa-add.mo-busy,
.mo-qa-add:disabled{ opacity: .6; cursor: default; }

/* nap-választó (a látható napok) */
.mo-qa-days{
	margin-top: 6px;
	padding: 6px;
	background: var(--mo-green-l);
	border: 1px solid #b3ecb7;
	border-radius: 8px;
}
.mo-qa-pick-hint{
	font-size: 10.5px;
	font-weight: 700;
	color: var(--mo-green-d);
	margin-bottom: 5px;
}
.mo-qa-day{
	display: block;
	width: 100%;
	text-align: left;
	padding: 5px 8px;
	margin: 3px 0 0;
	font-size: 11.5px;
	font-weight: 600;
	color: var(--mo-ink);
	background: #fff;
	border: 1px solid var(--mo-line);
	border-radius: 6px;
	box-shadow: none;
	line-height: normal;
	min-width: 0;
	text-transform: none;
	letter-spacing: normal;
	cursor: pointer;
}
.mo-qa-day:hover{ background: #f0fcf1; border-color: var(--mo-green); }
.mo-qa-nodays{ font-size: 11px; color: var(--mo-mut); padding: 4px 2px; }

/* ===================== ÉTKEZÉS-VÁLASZTÓ MINI POPUP ===================== */
/* Csak többértelmű slotnál (snack/main) jön fel: melyik étkezésbe kerüljön a menü. */
.mo-mp-overlay{
	position: fixed;
	left: 0; top: 0; right: 0; bottom: 0;
	z-index: 100000;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(30, 22, 48, 0.42);
	padding: 16px;
	box-sizing: border-box;
}
.mo-mp-box{
	width: 300px;
	max-width: 92vw;
	background: #fff;
	border: 1px solid var(--mo-line);
	border-radius: 14px;
	box-shadow: 0 18px 44px rgba(60, 40, 100, 0.28);
	overflow: hidden;
}
.mo-mp-head{
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 12px 14px;
	border-bottom: 1px solid var(--mo-green-l);
}
.mo-mp-title{
	flex: 1 1 auto;
	font-size: 14px;
	font-weight: 700;
	color: var(--mo-ink);
	line-height: 1.25;
}
.mo-mp-x{
	flex: 0 0 auto;
	width: 24px;
	height: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	line-height: 1;
	color: var(--mo-mut);
	cursor: pointer;
	border-radius: 6px;
}
.mo-mp-x:hover{ background: var(--mo-green-l); color: var(--mo-green-d); }
.mo-mp-opts{
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: 12px 14px 14px;
}
.mo-mp-opt{
	display: flex;
	align-items: center;
	gap: 10px;
	width: 100%;
	box-sizing: border-box;
	padding: 11px 12px;
	background: #fff;
	border: 1px solid var(--mo-line);
	border-radius: 10px;
	color: var(--mo-ink);
	font-size: 14px;
	font-weight: 600;
	line-height: 1.2;
	text-align: left;
	cursor: pointer;
	box-shadow: none;
	margin: 0;
	transition: background .12s ease, border-color .12s ease;
}
.mo-mp-opt:hover{ background: var(--mo-green-l); border-color: var(--mo-green); }
.mo-mp-dot{
	flex: 0 0 auto;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: var(--mo-green);
}
.mo-mp-nm{ flex: 1 1 auto; }

/* =============================== MOBIL ================================= */

@media (max-width: 760px){
	.mo-cal-flyout{
		position: fixed;
		left: 50%;
		bottom: 74px;
		transform: translateX(-50%);
		width: 300px;
		max-width: 92vw;
	}
	/* Étkezéses menü-popup: a napi flyouttal AZONOS fix, alsó-középre igazított lap –
	   mobilon így a teteje is látszik (nem a gomb fölé, a viewporthoz rögzülve). */
	.mo-meal-suggest.mo-panel-open .mo-meal-suggest-body{
		position: fixed;
		left: 50%;
		bottom: 74px;
		transform: translateX(-50%);
		width: 300px;
		max-width: 92vw;
		margin: 0;
	}
}