/* Zeolife Toolkit · Mega menu καρτέλες (2.78.0–2.85.7) — όλοι οι κανόνες κάτω από .zl-mt / .zl-mt-menu.
   Παλέτα zeolife.gr: μπλε #0098d2 · teal #2a9ca0 · πράσινο #7ba341 · τίτλοι #26231e · δευτερεύον #6b6a64 · γραμμές #e7e7e8 */

.zl-mt .zl-mt-off { display: none !important; }
.zl-mt .zl-mt-img { display: block; }

/* Επικεφαλίδα στήλης: δεν είναι link (nolink). Desktop: eyebrow. Κινητό (2.79.0): όπως το 2ο επίπεδο του θέματος —
   έντονη, στο χρώμα του θέματος, με το εικονίδιό της — όπως στο παλιό μενού. */
.zl-mt li.zl-tab > a,
.zl-mt li.zl-tab > span:not(.caret) { pointer-events: none; }
@media (min-width: 993px) {
	/* 2.80.0: έντονη σκούρα επικεφαλίδα με εικονίδιο (αντί για eyebrow), όπως στο mockup Β. */
	.zl-mt li.zl-tab > a,
	.zl-mt li.zl-tab > span:not(.caret) {
		display: block;
		margin: 0 0 8px;
		font-size: 16px;
		font-weight: 800;
		letter-spacing: normal;
		text-transform: none;
		color: #26231e !important;
	}
	.zl-mt li.zl-tab > a img._mi { width: 1.5em !important; }
	/* Ανάγκη / Βοήθεια: ο τίτλος της στήλης είναι ίδιος με την καρτέλα — περιττός. */
	.zl-mt li.zl-tab-need > a, .zl-mt li.zl-tab-need > span:not(.caret),
	.zl-mt li.zl-tab-help > a, .zl-mt li.zl-tab-help > span:not(.caret) { display: none !important; }
}
@media (max-width: 992px) {
	.zl-mt li.zl-tab > a,
	.zl-mt li.zl-tab > span:not(.caret) { font-weight: 700; }
}

/* 2.80.0: στις στήλες κατηγοριών, όσα links δεν έχουν εικονίδιο στοιχίζονται με το κείμενο όσων έχουν. */
.zl-mt li.zl-tab-cat li > a > span:not(:has(> img._mi)) { padding-left: 2em; }

/* Εικονίδια μενού (module menu_icons) μέσα σε κάρτες με φωτογραφία: η φωτογραφία φτάνει. */
.zl-mt a.zl-mt-hasimg img._mi { display: none !important; }
.zl-mt ul.zl-mt-cards > li > a > span { display: inline-flex; align-items: center; }

/* Κουμπιά menu-button μέσα στο μενού μας: gradient pill.
   Το Shoptimizer ζωγραφίζει το pill στο εσωτερικό <span> (μόνο στο top-level) — εδώ το ίδιο και στα φωλιασμένα. */
.zl-mt-menu li.menu-button > a { background: none !important; text-decoration: none; }
.zl-mt-menu li.menu-button > a > span,
.zl-mt-mcta a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 8px 18px;
	border-radius: 999px;
	background: linear-gradient(120deg, #0098d2 0%, #2a9ca0 52%, #7ba341 100%) !important;
	color: #fff !important;
	font-weight: 700;
	line-height: 1.2;
	text-decoration: none;
	box-shadow: 0 10px 22px -12px rgba(0, 152, 210, .6);
	transition: transform .15s ease, filter .15s ease;
}
.zl-mt-menu li.menu-button > a:hover > span { filter: brightness(1.05); transform: translateY(-1px); }
.zl-mt li.zl-tab li.menu-button { margin-top: 10px; }

/* Κάρτα zl-card (π.χ. Bestsellers) */
.zl-mt li.zl-card > a {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	gap: 10px;
	height: 100%;
	min-height: 220px;
	padding: 18px;
	border: 1px solid #e7e7e8;
	border-radius: 18px;
	background: linear-gradient(120deg, rgba(0, 152, 210, .10), rgba(123, 163, 65, .10));
	color: #26231e;
	font-size: 17px;
	font-weight: 800;
	letter-spacing: -.01em;
	text-decoration: none;
	transition: box-shadow .2s ease, transform .2s ease;
}
.zl-mt li.zl-card > a:hover { box-shadow: 0 18px 50px -20px rgba(38, 35, 30, .28); transform: translateY(-2px); }
.zl-mt li.zl-card > a .zl-mt-img { width: 100%; max-height: 170px; margin: 0 !important; object-fit: contain; mix-blend-mode: multiply; }
/* Το θέμα κρύβει το κείμενο των menu-item-image (font-size:0) — στην κάρτα θέλουμε τον τίτλο. */
.zl-mt li.zl-card > a > span { display: block; font-size: 17px !important; font-weight: 800; }

/* ------------------------------------------------------------ desktop */
@media (min-width: 993px) {
	.zl-mt .zl-mt-seg { display: none !important; }

	.zl-mt ul.zl-mt-cols {
		display: flex !important;
		flex-wrap: nowrap;
		align-items: stretch;
		gap: 28px;
	}
	.zl-mt ul.zl-mt-cols > li { width: auto !important; max-width: none !important; }
	.zl-mt ul.zl-mt-cols > li.zl-tab { flex: 1 1 0; min-width: 0; }
	.zl-mt ul.zl-mt-cols[data-zl-active="need"] > li.zl-tab-need,
	.zl-mt ul.zl-mt-cols[data-zl-active="help"] > li.zl-tab-help { flex-grow: 2; }
	.zl-mt ul.zl-mt-cols > li:not(.zl-tab):not(.zl-mt-tablist) { flex: 0 0 260px; }

	/* 2.80.0: πλαϊνή λίστα όπως της Huel, στο teal μας — πάνω–κάτω ως τα άκρα του πάνελ, αριστερά ως την άκρη της οθόνης. */
	.zl-mt > .sub-menu-wrapper > .container { max-width: none !important; padding: 0 !important; }
	.zl-mt ul.zl-mt-cols { padding-top: 0 !important; padding-bottom: 0 !important; padding-right: 40px !important; gap: 40px; }
	.zl-mt ul.zl-mt-cols > li.zl-tab,
	.zl-mt ul.zl-mt-cols > li:not(.zl-tab):not(.zl-mt-tablist) { padding-top: 34px !important; padding-bottom: 34px !important; }
	.zl-mt .zl-mt-tablist {
		flex: 0 0 280px;
		display: flex !important;
		flex-direction: column;
		margin: 0 !important;
		padding: 18px 0 24px !important;
		min-height: 420px;
		/* 2.83.0: ίδιο φόντο με την κάρτα zl-card (ανοιχτό gradient), όχι teal. */
		background: linear-gradient(120deg, rgba(0, 152, 210, .10), rgba(123, 163, 65, .10));
		border-right: 1px solid #e7e7e8;
		list-style: none;
	}
	.zl-mt .zl-mt-tab {
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 100%;
		margin: 0;
		padding: 16px 28px 16px 40px;
		border: 0;
		border-radius: 0;
		background: transparent;
		color: #26231e;
		font: inherit;
		font-size: 16px;
		font-weight: 600;
		line-height: 1.25;
		text-align: left;
		cursor: pointer;
		transition: background-color .15s ease, color .15s ease;
	}
	.zl-mt .zl-mt-tab::after {
		content: "";
		width: 8px;
		height: 8px;
		border-right: 2px solid currentColor;
		border-bottom: 2px solid currentColor;
		transform: rotate(-45deg);
		opacity: .6;
	}
	.zl-mt .zl-mt-tab:hover { background: rgba(255, 255, 255, .55); }
	.zl-mt .zl-mt-tab[aria-selected="true"] { background: #fff; color: #2a9ca0; font-weight: 800; box-shadow: 0 6px 18px -12px rgba(38, 35, 30, .35); }
	.zl-mt .zl-mt-tab[aria-selected="true"]::after { opacity: 1; }
	.zl-mt .zl-mt-tab:focus-visible { outline: 2px solid #2a9ca0; outline-offset: -4px; }
	.zl-mt .zl-mt-all {
		align-self: flex-start;
		margin: auto 0 0 40px;
		padding: 10px 20px !important;
		border-radius: 999px;
		background: #2a9ca0;
		color: #fff !important;
		font-size: 14px;
		font-weight: 700;
		line-height: 1.2;
		text-decoration: none;
	}
	.zl-mt .zl-mt-all:hover { background: #1f7f83; }

	/* Κάρτες «Ανά ανάγκη» */
	.zl-mt ul.zl-mt-cards {
		display: grid !important;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 12px;
	}
	.zl-mt ul.zl-mt-cards > li { width: auto !important; margin: 0; padding: 0; }
	.zl-mt ul.zl-mt-cards > li > a {
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		width: 100% !important;
		height: 100%;
		min-height: 64px;
		padding: 12px 14px;
		border: 1px solid #e7e7e8;
		border-radius: 14px;
		background: #eef5f1;
		color: #26231e;
		font-weight: 700;
		line-height: 1.25;
		text-decoration: none;
		transition: box-shadow .2s ease, transform .2s ease;
	}
	.zl-mt ul.zl-mt-cards > li:nth-child(4n+2) > a { background: #fdf6ee; }
	.zl-mt ul.zl-mt-cards > li:nth-child(4n+3) > a { background: #f6f8f7; }
	.zl-mt ul.zl-mt-cards > li:nth-child(4n+4) > a { background: #eef5e6; }
	.zl-mt ul.zl-mt-cards > li > a:hover { box-shadow: 0 18px 50px -20px rgba(38, 35, 30, .28); transform: translateY(-2px); }
	.zl-mt ul.zl-mt-cards > li > a .zl-mt-img {
		width: 100%;
		height: 110px;
		margin: 0 0 10px;
		object-fit: contain;
		mix-blend-mode: multiply;
	}
}

/* ------------------------------------------------------------ κινητό */
@media (max-width: 992px) {
	.zl-mt .zl-mt-tablist { display: none !important; }

	.zl-mt .zl-mt-seg {
		display: flex !important;
		gap: 2px;
		margin: 6px 0 10px;
		padding: 4px;
		border-radius: 999px;
		background: #f6f8f7;
		list-style: none;
	}
	.zl-mt.zl-mt-noseg .zl-mt-seg { display: none !important; }
	.zl-mt .zl-mt-segbtn {
		flex: 1 1 0;
		margin: 0;
		padding: 10px 6px;
		border: 0;
		border-radius: 999px;
		background: transparent;
		color: #6b6a64;
		font: inherit;
		font-size: 13px;
		font-weight: 700;
		line-height: 1.2;
		cursor: pointer;
	}
	.zl-mt .zl-mt-segbtn[aria-pressed="true"] {
		background: #fff;
		color: #0098d2;
		box-shadow: 0 2px 10px rgba(38, 35, 30, .08);
	}

	/* Με επιλογέα: το accordion των στηλών δεν χρειάζεται — ούτε βελάκι, ούτε τίτλος για ανάγκη/βοήθεια. */
	.zl-mt:not(.zl-mt-noseg) li.zl-tab > span.caret { display: none !important; }
	.zl-mt:not(.zl-mt-noseg) li.zl-tab-need > a,
	.zl-mt:not(.zl-mt-noseg) li.zl-tab-need > span:not(.caret),
	.zl-mt:not(.zl-mt-noseg) li.zl-tab-help > a,
	.zl-mt:not(.zl-mt-noseg) li.zl-tab-help > span:not(.caret) { display: none !important; }

	/* Κάρτες ανάγκης στο κινητό: γραμμές με μικρή εικόνα */
	.zl-mt ul.zl-mt-cards > li > a.zl-mt-hasimg { display: flex; align-items: center; gap: 12px; }
	.zl-mt ul.zl-mt-cards > li > a .zl-mt-img {
		flex: 0 0 44px;
		width: 44px;
		height: 44px;
		border-radius: 10px;
		background: #eef5f1;
		object-fit: contain;
		mix-blend-mode: multiply;
	}
	.zl-mt li.zl-card { display: none !important; }

	/* Καρφωμένο CTA */
	.zl-mt-menu.zl-mt-hascta > li.menu-button { display: none !important; }
	.zl-mt-mcta {
		position: sticky;
		bottom: 0;
		z-index: 5;
		padding: 12px 16px 18px;
		border-top: 1px solid #e7e7e8;
		background: #fff;
	}
	.zl-mt-mcta a { display: flex; width: 100%; padding: 14px 20px; font-size: 15px; }
	.zl-mt-mcta.zl-mt-mcta-fixed { position: fixed; left: 0; bottom: 0; visibility: hidden; opacity: 0; transition: opacity .2s ease; }
	.mobile-toggled .zl-mt-mcta.zl-mt-mcta-fixed { visibility: visible; opacity: 1; }
}
@media (min-width: 993px) {
	.zl-mt-mcta { display: none !important; }
	/* 2.80.0: το top-level menu-button τέρμα δεξιά, δίπλα στο καλάθι. */
	.shoptimizer-primary-navigation > nav.main-navigation:has(.zl-mt-menu) { flex: 1 1 auto; }
	.main-navigation:has(.zl-mt-menu) .primary-navigation { width: 100%; }
	/* 2.85.11: auto, όχι 100% — στη sticky μπάρα το θέμα δίνει margin-left 50px (λογότυπο) στο container· με 100% ξεχείλιζε
	   κατά 50px δεξιά και το κουμπί «Προσφορές» σκέπαζε το σύνολο του καλαθιού. Με auto το κουμπί μετριέται πάντα από το καλάθι. */
	.main-navigation:has(.zl-mt-menu) .menu-primary-menu-container { width: auto !important; }
	.main-navigation ul.menu.zl-mt-menu { display: flex; align-items: center; flex-wrap: wrap; }
	.main-navigation ul.menu.zl-mt-menu > li.menu-button { margin-left: auto !important; margin-right: 16px; }
}

/* ------------------------------------------------------------ 2.84.0: υπο-καρτέλες (li.zl-sub) */
@media (min-width: 993px) {
	/* Τα παλιά top-level mega menus φεύγουν από τη γραμμή — ζουν ως υπο-καρτέλες μέσα στο «Προϊόντα». */
	.main-navigation ul.menu.zl-mt-menu > li.zl-sub { display: none !important; }
	.zl-mt .zl-mt-tab.zl-mt-parent { color: #2a9ca0; font-weight: 800; background: transparent; box-shadow: none; }
	.zl-mt .zl-mt-tab.zl-mt-parent::after { transform: rotate(45deg); }
	.zl-mt .zl-mt-subtab { padding: 9px 28px 9px 52px; font-size: 15px; font-weight: 500; }
	.zl-mt .zl-mt-subtab::after { content: none; }
	.zl-mt .zl-mt-subtab > img._mi { width: 1.4em !important; margin: 0 10px 0 0 !important; vertical-align: middle; }
	.zl-mt .zl-mt-subtab > span { flex: 1 1 auto; }
	.zl-mt .zl-mt-subtab[aria-selected="true"] { background: #fff; color: #2a9ca0; font-weight: 800; box-shadow: 0 6px 18px -12px rgba(38, 35, 30, .35); }
	/* Το κλωνοποιημένο mega περιεχόμενο: στατικό μέσα στο πάνελ, σε όλο το πλάτος, χωρίς το κουτί/σκιά του θέματος. */
	.zl-mt ul.zl-mt-cols > li.zl-mt-subpanel { flex: 1 1 0; min-width: 0; padding: 34px 0 34px !important; margin: 0; list-style: none; }
	.zl-mt li.zl-mt-subpanel > .sub-menu-wrapper {
		position: static !important; display: block !important; visibility: visible !important; opacity: 1 !important;
		transform: none !important; width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important;
		border: 0 !important; box-shadow: none !important; background: transparent !important; pointer-events: auto !important;
	}
	.zl-mt li.zl-mt-subpanel > .sub-menu-wrapper > .container { max-width: none !important; padding: 0 !important; }
	.zl-mt li.zl-mt-subpanel > .sub-menu-wrapper ul.sub-menu { display: flex !important; flex-wrap: wrap; gap: 0 28px; padding: 0 !important; }
	.zl-mt li.zl-mt-subpanel > .sub-menu-wrapper ul.sub-menu > li { flex: 1 1 0; min-width: 160px; width: auto !important; max-width: none !important; }
}
@media (min-width: 993px) {
	/* Με ενεργή υπο-καρτέλα: μόνο η λίστα και το πάνελ της — όχι Bestsellers/άλλες στήλες της επισκόπησης. */
	.zl-mt ul.zl-mt-cols[data-zl-active="sub"] > li:not(.zl-mt-tablist):not(.zl-mt-subpanel) { display: none !important; }
	.zl-mt ul.zl-mt-cols[data-zl-active="sub"] > li.zl-mt-subpanel { flex: 1 1 auto; width: auto; }
}

/* ------------------------------------------------------------ 2.85.0: Επαγγελματίες (οποιαδήποτε ομάδα), zl-sub φωλιασμένα, zl-rail */

/* zl-sub: υποκατηγορίες (Πούδρα / Κάψουλες) πάντα ανοιχτές, με εσοχή, κάτω από τον γονέα — desktop και κινητό. */
.zl-mt li.menu-item-has-children:has(> .sub-menu-wrapper > .container > ul.sub-menu > li.zl-sub) > span.caret { display: none !important; }
.zl-mt li.menu-item-has-children:has(> .sub-menu-wrapper > .container > ul.sub-menu > li.zl-sub) > .sub-menu-wrapper {
	display: block !important;
	position: static !important;
	visibility: visible !important;
	opacity: 1 !important;
	transform: none !important;
	width: auto !important;
	min-width: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: none !important;
	box-shadow: none !important;
}
.zl-mt li.menu-item-has-children:has(> .sub-menu-wrapper > .container > ul.sub-menu > li.zl-sub) > .sub-menu-wrapper > .container {
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
}
.zl-mt li.menu-item-has-children:has(> .sub-menu-wrapper > .container > ul.sub-menu > li.zl-sub) > .sub-menu-wrapper ul.sub-menu {
	display: block !important;
	width: auto !important;
	margin: 0 0 4px !important;
	padding: 0 !important;
	border: 0 !important;
	background: none !important;
	box-shadow: none !important;
}
/* Ο γονέας (π.χ. Ζεόλιθος MED® detox) μένει σαν απλή γραμμή — όχι πράσινη έντονη επικεφαλίδα του θέματος. */
.zl-mt li.menu-item-has-children:has(> .sub-menu-wrapper > .container > ul.sub-menu > li.zl-sub) > a,
.zl-mt li.menu-item-has-children:has(> .sub-menu-wrapper > .container > ul.sub-menu > li.zl-sub) > a > span { color: #111 !important; font-weight: 400 !important; }
.zl-mt li li.zl-sub { width: auto !important; margin: 0 !important; padding: 0 !important; }
.zl-mt li li.zl-sub > a {
	display: block;
	padding: 2px 0 2px 2em !important;
	color: #6b6a64 !important;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.35;
}
.zl-mt li li.zl-sub > a:hover { color: #2a9ca0 !important; }
.zl-mt li li.zl-sub > a img._mi { width: 1.15em !important; height: auto; opacity: .85; }
@media (max-width: 992px) {
	.zl-mt li li.zl-sub > a { padding: 6px 0 6px 2.4em !important; font-size: 14px; }
	/* Με επιλογέα: ο τίτλος μιας μόνης στήλης επαναλαμβάνει το κουμπί του επιλογέα. */
	.zl-mt:not(.zl-mt-noseg) li.zl-mt-solo > a,
	.zl-mt:not(.zl-mt-noseg) li.zl-mt-solo > span:not(.caret) { display: none !important; }
}

/* Καρτέλα με εικονίδιο (ομάδες χωρίς σταθερό τίτλο, π.χ. Γεωργία) — όπως οι υπο-καρτέλες. */
@media (min-width: 993px) {
	.zl-mt .zl-mt-tab.zl-mt-hasicon { justify-content: flex-start; gap: 0; }
	.zl-mt .zl-mt-tab.zl-mt-hasicon > img._mi { width: 1.4em !important; margin: 0 12px 0 0 !important; vertical-align: middle; }
	.zl-mt .zl-mt-tab.zl-mt-hasicon > span { flex: 1 1 auto; }
}

@media (min-width: 993px) {
	/* Στήλη μόνη στην ομάδα της: ο τίτλος είναι ίδιος με την καρτέλα. */
	.zl-mt li.zl-mt-solo > a,
	.zl-mt li.zl-mt-solo > span:not(.caret) { display: none !important; }
	.zl-mt li.zl-mt-solo > span.caret { display: none !important; }

	/* «Βαθιά» στήλη (π.χ. Γεωργία): οι ομάδες της σε πλέγμα, με τα περιεχόμενά τους πάντα ανοιχτά. */
	.zl-mt ul.zl-mt-cols > li.zl-mt-deep { flex: 1 1 0; }
	.zl-mt ul.zl-mt-grid {
		display: grid !important;
		grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
		gap: 24px 28px;
		align-items: start;
	}
	.zl-mt ul.zl-mt-grid > li { width: auto !important; max-width: none !important; margin: 0 !important; padding: 0 !important; float: none !important; }
	.zl-mt ul.zl-mt-grid > li > a {
		display: block;
		margin: 0 0 8px;
		padding: 0 0 8px !important;
		border-bottom: 1px solid #e7e7e8;
		color: #26231e !important;
		font-size: 15px;
		font-weight: 800;
		line-height: 1.3;
	}
	.zl-mt ul.zl-mt-grid > li > a:hover { color: #2a9ca0 !important; }
	.zl-mt ul.zl-mt-grid > li > span.caret { display: none !important; }
	.zl-mt ul.zl-mt-grid .sub-menu-wrapper {
		display: block !important;
		position: static !important;
		visibility: visible !important;
		opacity: 1 !important;
		transform: none !important;
		width: auto !important;
		min-width: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
		border: 0 !important;
		background: none !important;
		box-shadow: none !important;
	}
	.zl-mt ul.zl-mt-grid .sub-menu-wrapper > .container { max-width: none !important; margin: 0 !important; padding: 0 !important; }
	.zl-mt ul.zl-mt-grid .sub-menu-wrapper ul.sub-menu {
		display: block !important;
		width: auto !important;
		margin: 0 !important;
		padding: 0 !important;
		border: 0 !important;
		background: none !important;
		box-shadow: none !important;
	}
	.zl-mt ul.zl-mt-grid .sub-menu-wrapper li { width: auto !important; margin: 0 !important; padding: 0 !important; float: none !important; }
	.zl-mt ul.zl-mt-grid .sub-menu-wrapper li > a {
		display: block;
		padding: 4px 0 !important;
		color: #3d3b36 !important;
		font-size: 14px;
		font-weight: 400;
		line-height: 1.35;
	}
	.zl-mt ul.zl-mt-grid .sub-menu-wrapper li > a:hover { color: #2a9ca0 !important; }
	.zl-mt ul.zl-mt-grid strong {
		display: inline-block;
		margin-left: 6px;
		padding: 1px 7px;
		border-radius: 999px;
		background: #eef5e6;
		color: #4f7a1e;
		font-size: 11px;
		font-weight: 800;
		vertical-align: 1px;
	}
	/* Κάρτα προϊόντος ([product id]) μέσα στο πλέγμα: μικρή, χωρίς περιθώρια του loop. */
	.zl-mt ul.zl-mt-grid li.menu-item-product ul.products { display: block !important; margin: 0 !important; padding: 0 !important; }
	.zl-mt ul.zl-mt-grid li.menu-item-product li.product { width: 100% !important; max-width: 240px; margin: 0 !important; padding: 0 !important; float: none !important; }
	.zl-mt ul.zl-mt-grid li.menu-item-product li.product img { max-height: 140px; width: auto !important; margin: 0 auto 8px !important; object-fit: contain; }

	/* Μόνη στήλη χωρίς βάθος (π.χ. Βιομηχανία): τα links ως κύριες γραμμές. */
	.zl-mt li.zl-mt-solo:not(.zl-mt-deep) > .sub-menu-wrapper ul.sub-menu > li > a {
		display: block;
		padding: 7px 0 !important;
		color: #26231e !important;
		font-size: 15px;
		font-weight: 600;
	}
	.zl-mt li.zl-mt-solo:not(.zl-mt-deep) > .sub-menu-wrapper ul.sub-menu > li > a:hover { color: #2a9ca0 !important; }

	/* Πλαϊνή λίστα: links από στήλη zl-rail */
	.zl-mt li.zl-rail { display: none !important; }
	.zl-mt .zl-mt-railbox { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; margin: auto 0 0; padding: 18px 28px 0 40px; }
	.zl-mt .zl-mt-railtitle { color: #6b6a64; font-size: 12px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
	.zl-mt .zl-mt-raillink { color: #26231e !important; font-size: 14px; font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
	.zl-mt .zl-mt-raillink:hover { color: #2a9ca0 !important; }
	.zl-mt .zl-mt-railbox .zl-mt-all { margin: 6px 0 0; }
}

/* ------------------------------------------------------------ 2.85.1: «Βοήθεια επιλογής» — κάρτες + οδηγίες χρήσης
   Menu items στη στήλη zl-tab-help: zl-help-card (+ zl-help-guide / zl-help-cmp) = μεγάλη κάρτα· η PHP βάζει μέσα στο link
   span.zl-help-desc (περιγραφή item) και span.zl-help-cta («Χαρακτηριστικό τίτλου»). zl-help-label = μικρός τίτλος ομάδας (nolink).
   zl-help-doc (+ zl-help-zeo / zl-help-bent / zl-help-mix) = κουτάκι οδηγιών χρήσης με το χρώμα του προϊόντος. */
.zl-mt li.zl-help-card > a,
.zl-mt li.zl-help-doc > a { text-decoration: none; }
.zl-mt li.zl-help-card > a {
	position: relative;
	display: flex !important;
	flex-direction: column;
	gap: 8px;
	height: 100%;
	box-sizing: border-box;
	padding: 22px 22px 20px 22px !important;
	border: 1px solid #e7e7e8;
	border-radius: 16px;
	background: #fff;
	color: #26231e !important;
	box-shadow: 0 10px 30px -22px rgba(38, 35, 30, .4);
	transition: box-shadow .2s ease, transform .2s ease;
}
.zl-mt li.zl-help-card > a:hover { box-shadow: 0 18px 50px -20px rgba(38, 35, 30, .28); transform: translateY(-2px); }
.zl-mt li.zl-help-card > a::before {
	content: "";
	display: block;
	width: 48px;
	height: 48px;
	margin-bottom: 4px;
	border-radius: 12px;
	background-color: #eef7f7;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 26px 26px;
}
.zl-mt li.zl-help-guide > a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232a9ca0' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='3' width='16' height='18' rx='2'/%3E%3Cpath d='M8 7h8M8 11h2M12 11h2M8 15h2M12 15h2M8 18h8'/%3E%3C/svg%3E"); }
.zl-mt li.zl-help-cmp > a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232a9ca0' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='16' rx='2'/%3E%3Cpath d='M9 4v16M15 4v16M3 9h18'/%3E%3C/svg%3E"); }
.zl-mt li.zl-help-card > a > span:first-of-type { display: flex; flex-direction: column; gap: 8px; flex: 1 1 auto; font-size: 17px; font-weight: 800; line-height: 1.25; }
.zl-mt li.zl-help-card .zl-help-desc { display: block; font-size: 14px; font-weight: 400; line-height: 1.45; color: #6b6a64; white-space: normal; }
.zl-mt li.zl-help-card .zl-help-cta { display: block; margin-top: auto; padding-top: 6px; font-size: 14px; font-weight: 700; color: #2a9ca0; }
.zl-mt li.zl-help-card > a .sub { display: none !important; }
.zl-mt li.zl-help-label > a,
.zl-mt li.zl-help-label > a span,
.zl-mt li.zl-help-label > span:not(.caret),
.zl-mt li.zl-help-label > span:not(.caret) span {
	display: block;
	margin: 6px 0 0;
	padding: 0 !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: #6b6a64 !important;
	pointer-events: none;
}
.zl-mt li.zl-help-doc > a {
	display: flex !important;
	align-items: center;
	gap: 10px;
	padding: 12px 14px !important;
	border: 1px solid #e7e7e8;
	border-radius: 12px;
	background: #fff;
	color: #26231e !important;
	font-size: 14px;
	font-weight: 600;
}
.zl-mt li.zl-help-doc > a:hover { border-color: #2a9ca0; color: #2a9ca0 !important; }
.zl-mt li.zl-help-doc > a::before { content: ""; flex: 0 0 12px; width: 12px; height: 12px; border-radius: 50%; background: #2a9ca0; }
.zl-mt li.zl-help-zeo > a::before { background: #0098d2; }
.zl-mt li.zl-help-bent > a::before { background: #2a9ca0; }
.zl-mt li.zl-help-mix > a::before { background: #7ba341; }
.zl-mt li.zl-help-doc > a::after { content: "→"; margin-left: auto; color: #6b6a64; }
.zl-mt li.zl-help-doc > a .sub { display: none !important; }
@media (min-width: 993px) {
	/* Πλέγμα 6 στηλών: 2 κάρτες × 3, τίτλος ομάδας × 6, 3 κουτάκια οδηγιών × 2. */
	.zl-mt li.zl-tab-help > .sub-menu-wrapper ul.sub-menu:has(> li.zl-help-card) {
		display: grid !important;
		grid-template-columns: repeat(6, minmax(0, 1fr));
		gap: 16px;
		align-items: stretch;
	}
	.zl-mt li.zl-tab-help ul.sub-menu:has(> li.zl-help-card) > li { width: auto !important; max-width: none !important; margin: 0 !important; padding: 0 !important; float: none !important; }
	.zl-mt li.zl-tab-help ul.sub-menu:has(> li.zl-help-card) > li.zl-help-card { grid-column: span 3; min-height: 210px; }
	.zl-mt li.zl-tab-help ul.sub-menu:has(> li.zl-help-card) > li.zl-help-label { grid-column: 1 / -1; }
	.zl-mt li.zl-tab-help ul.sub-menu:has(> li.zl-help-card) > li.zl-help-doc { grid-column: span 2; }
	.zl-mt li.zl-tab-help ul.sub-menu:has(> li.zl-help-card) > li:not(.zl-help-card):not(.zl-help-label):not(.zl-help-doc) { grid-column: 1 / -1; }
}
@media (max-width: 992px) {
	.zl-mt li.zl-help-card,
	.zl-mt li.zl-help-doc { margin: 0 0 10px !important; }
	.zl-mt li.zl-help-card > a { padding: 16px !important; }
	.zl-mt li.zl-help-card > a::before { width: 40px; height: 40px; background-size: 22px 22px; }
}

/* ------------------------------------------------------------ 2.85.2: zl-col-head
   Επικεφαλίδα μέσα σε στήλη (π.χ. «Για τον γεωργό» κάτω από τα items του «Για το σπίτι»): ίδια όψη με τον τίτλο της στήλης,
   στην ίδια αριστερή θέση, με κενό από πάνω. Item με classes «nolink zl-col-head». */
.zl-mt li.zl-col-head { padding: 24px 0 0 !important; margin: 0 !important; }
.zl-mt li.zl-col-head > a,
.zl-mt li.zl-col-head > span:not(.caret) { display: block; margin: 0 0 4px; padding-left: 0 !important; color: #26231e !important; pointer-events: none; }
.zl-mt li.zl-col-head > a > span { padding-left: 0 !important; }

/* ------------------------------------------------------------ 2.85.4: πιο πυκνές γραμμές με εικονίδιο
   Τα SVG εικονίδια έχουν όρθιο πλαίσιο 616×832 με το σχέδιο στη μέση· στο mega menu κόβεται το άδειο πάνω-κάτω
   (αναλογία 8:7 αντί για 3:4), οπότε το σχέδιο μένει ίδιο σε μέγεθος και η γραμμή χαμηλώνει από ~42px σε ~27px ύψος εικονιδίου. */
.zl-mt img._mi._svg {
	height: auto !important;
	aspect-ratio: 8 / 7;
	object-fit: cover;
	object-position: 50% 50%;
}

/* ------------------------------------------------------------ 2.85.5: υπομενού zl-sub (Πούδρα / Κάψουλες, Zeofeed®, Imerys)
   ίδιο χρώμα και βάρος με τις υπόλοιπες γραμμές της στήλης (όχι γκρι / 500)· μένουν η εσοχή και τα 14px. */
.zl-mt li li.zl-sub > a,
.zl-mt li li.zl-sub > a > span { color: #000 !important; font-weight: 400 !important; }
.zl-mt li li.zl-sub > a:hover,
.zl-mt li li.zl-sub > a:hover > span { color: #2a9ca0 !important; }
.zl-mt li li.zl-sub > a img._mi { opacity: 1; }

/* ------------------------------------------------------------ 2.85.7: κινητό — ίδια εσοχή σε όλες τις στήλες
   Το θέμα δίνει padding-left 0.5rem σε κάθε φωλιασμένο .sub-menu-wrapper· στις στήλες-καρτέλες το μηδενίζουμε,
   ώστε «Για εσάς», «Για το σπίτι», «Για τον κτηνοτρόφο» να ξεκινούν στην ίδια θέση. */
@media (max-width: 992px) {
	.zl-mt li.zl-tab > .sub-menu-wrapper { padding-left: 0 !important; }
}

/* ------------------------------------------------------------ 2.85.9: badges σε item χωρίς σύνδεσμο · zl-col-head στο κινητό
   Το θέμα βάφει badge μόνο στο «a span strong»· τα nolink items (π.χ. «Για τον γεωργό») βγαίνουν <span>, άρα το <strong>
   έμενε σκέτο κείμενο. Ίδια εμφάνιση με το badge του θέματος, αλλά μέσα στη γραμμή (όχι absolute).
   Στο κινητό οι επικεφαλίδες των στηλών είναι πράσινες· το zl-col-head παίρνει το ίδιο χρώμα. */
.main-navigation ul li > span:not(.caret) strong,
.zl-mt li > span:not(.caret) strong {
	display: inline-flex;
	align-items: center;
	height: 16px;
	margin: 0 0 0 7px;
	padding: 0 6px;
	border-radius: 2px;
	background-color: #5b7e0e;
	color: #fff !important;
	font-size: 9px;
	font-weight: 600;
	line-height: 16px;
	vertical-align: 2px;
}
@media (max-width: 992px) {
	.zl-mt li.zl-col-head > a,
	.zl-mt li.zl-col-head > a > span,
	.zl-mt li.zl-col-head > span:not(.caret) { color: #5b7e0e !important; }
}

/* ------------------------------------------------------------ 2.85.11: κουμπί menu-button με εικονίδιο
   Το θέμα (και το site-styles) βάφουν pill σε κάθε «li.menu-button > a span» — με εικονίδιο του Menu Icons ο τίτλος
   είναι δεύτερο <span> μέσα στο pill και έβγαινε δεύτερο, μπλε pill. Μένει μόνο το εξωτερικό gradient· το εικονίδιο λευκό. */
.zl-mt-menu li.menu-button > a > span > span {
	padding: 0 !important;
	background: none !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	color: #fff !important;
}
.zl-mt-menu li.menu-button > a > span > img._mi { filter: brightness(0) invert(1); }

/* ------------------------------------------------------------ 2.85.12: εικονίδιο στην πρώτη γραμμή
   Όταν ο τίτλος σπάει σε δύο γραμμές (π.χ. με badge από κάτω), το εικονίδιο μένει δίπλα στην πρώτη γραμμή
   αντί να κεντράρεται στο ύψος και των δύο. Κέντρο εικονιδίου = μέση της πρώτης γραμμής, για κάθε μέγεθος εικονιδίου. */
@supports (top: 1lh) {
	.zl-mt a > span:has(> img._mi) { align-items: flex-start !important; }
	.zl-mt a > span:has(> img._mi) > img._mi { position: relative; top: .5lh; transform: translateY(-50%); }
}

/* ------------------------------------------------------------ 2.85.13: zl-right — top-level items δεξιά (desktop)
   Top-level items με class «zl-right» πάνε δεξιά, με τη σειρά του μενού, και μετά το κουμπί menu-button.
   Το ::after της λίστας γίνεται «ελατήριο» ανάμεσα: παίρνει όλο τον ελεύθερο χώρο. Δεν χρειάζεται να μετακινηθούν στο μενού. */
@media (min-width: 993px) {
	.main-navigation ul.menu.zl-mt-menu::after { content: ""; display: block; flex: 1 1 0; order: 1; min-width: 0; height: 0; clear: none; }
	.main-navigation ul.menu.zl-mt-menu > li.zl-right { order: 2; }
	.main-navigation ul.menu.zl-mt-menu > li.menu-button { order: 3; margin-left: 14px !important; }
}

/* ------------------------------------------------------------ 2.86.1: στόχοι αφής στο footer (Lighthouse)
   Τα links στο κείμενο του footer (Όροι χρήσης κ.λπ.) ήταν πολύ κοντά μεταξύ τους στο κινητό. */
@media (max-width: 992px) {
	.site-footer .textwidget p a, .site-footer .widget_nav_menu li a { display: inline-block; padding: 6px 0; }
}

/* ------------------------------------------------------------ 2.86.4: «Ανά ανάγκη» σε ομάδες
   Όταν η καρτέλα ανάγκης έχει πάνω από μία στήλη (π.χ. «Για εσάς & το σπίτι», «Για τον γεωργό», «Για τον κτηνοτρόφο»),
   ο τίτλος κάθε στήλης φαίνεται (όπως στο «Ανά κατηγορία») και οι κάρτες μπαίνουν σε δύο στήλες. Με μία στήλη: όπως πριν. */
@media (min-width: 993px) {
	.zl-mt ul.zl-mt-cols:has(> li.zl-tab-need ~ li.zl-tab-need) > li.zl-tab-need > span:not(.caret),
	.zl-mt ul.zl-mt-cols:has(> li.zl-tab-need ~ li.zl-tab-need) > li.zl-tab-need > a { display: block !important; margin: 0 0 10px; padding-left: 0 !important; color: #26231e !important; font-weight: 700; pointer-events: none; }
	.zl-mt ul.zl-mt-cols:has(> li.zl-tab-need ~ li.zl-tab-need)[data-zl-active="need"] > li.zl-tab-need { flex: 1 1 0; }
	.zl-mt ul.zl-mt-cols:has(> li.zl-tab-need ~ li.zl-tab-need) ul.zl-mt-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
}
@media (max-width: 992px) {
	.zl-mt:not(.zl-mt-noseg) ul.zl-mt-cols:has(> li.zl-tab-need ~ li.zl-tab-need) > li.zl-tab-need > span:not(.caret),
	.zl-mt:not(.zl-mt-noseg) ul.zl-mt-cols:has(> li.zl-tab-need ~ li.zl-tab-need) > li.zl-tab-need > a { display: block !important; margin: 14px 0 8px; padding-left: 0 !important; color: #5b7e0e !important; font-weight: 700; pointer-events: none; }
}

/* ------------------------------------------------------------ 2.86.8: «Ανά ανάγκη» με 4+ ομάδες
   Με τέσσερις ή περισσότερες στήλες ανάγκης (σπίτι, γεωργός, κτηνοτρόφος, επαγγελματίας) οι κάρτες μπαίνουν σε μία στήλη
   ώστε οι ομάδες να χωράνε δίπλα-δίπλα. Κινητό: όπως πριν (δύο στήλες). */
@media (min-width: 993px) {
	.zl-mt ul.zl-mt-cols:has(> li.zl-tab-need ~ li.zl-tab-need ~ li.zl-tab-need ~ li.zl-tab-need) ul.zl-mt-cards { grid-template-columns: minmax(0, 1fr); gap: 8px; }
}