/*
 * Fab Interni NavMenu — mobile menu (Figma «BURGER MENU»).
 * Συρτάρι από αριστερά: «ΠΡΟΪΟΝΤΑ» σε accordion (3 επίπεδα), από κάτω οι επιλογές της 2ης γραμμής, ✕ πάνω δεξιά.
 * Γραμματοσειρά: η γραμματοσειρά του site (inherit).
 */

.fin-m-trigger {
	display: none;
	place-items: center;
	position: fixed;
	top: 26px;
	right: 2px;
	z-index: 99998;
	width: 45px;
	height: 45px;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	color: #1e1e1e;
	cursor: pointer;
}

.fin-m[hidden] {
	display: none;
}

.fin-m {
	position: fixed;
	inset: 0;
	z-index: 2147483647;
}

.fin-m__overlay {
	position: absolute;
	inset: 0;
	background: rgba(30, 30, 30, 0.35);
	opacity: 0;
	transition: opacity 0.25s ease;
}

.fin-m__panel {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	box-sizing: border-box;
	width: min(86vw, 400px);
	padding: 92px 26px 40px;
	overflow-y: auto;
	overscroll-behavior: contain;
	background: #f9f8f6;
	color: #1e1e1e;
	transform: translateX(100%);
	transition: transform 0.28s ease;
}

.fin-m.is-open .fin-m__overlay {
	opacity: 1;
}

.fin-m.is-open .fin-m__panel {
	transform: none;
}

.fin-m__close {
	position: absolute;
	top: 23px;
	right: 14px;
	display: grid;
	place-items: center;
	width: 44px;
	height: 44px;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	color: #1e1e1e;
	cursor: pointer;
}

.fin-m__logo {
	position: absolute;
	top: 26px;
	left: 26px;
	display: block;
	line-height: 0;
}

.fin-m__logo img {
	display: block;
	width: auto !important;
	max-width: 120px !important;
	height: auto !important;
	max-height: 38px;
	/* Το αρχείο του logo έχει λευκό φόντο: πάνω στο υπόλευκο του συρταριού «εξαφανίζεται». */
	mix-blend-mode: multiply;
}

.fin-m__list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.fin-m__item {
	margin: 0;
	padding: 0;
	list-style: none;
}

.fin-m__toggle,
.fin-m__link {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	box-sizing: border-box;
	width: 100%;
	margin: 0;
	border: 0;
	background: none;
	color: inherit;
	font: inherit;
	text-align: left;
	text-decoration: none;
	text-transform: uppercase;
	cursor: pointer;
}

/* Επίπεδα (Figma): 0 = κατηγορίες, 1 = υποκατηγορίες, 2 = υπο-υποκατηγορίες, sec = επιλογές 2ης γραμμής (μικρότερες) */
.fin-m__l0 {
	padding: 11px 0;
	font-size: 17px;
	letter-spacing: 0.02em;
}

.fin-m__l1 {
	padding: 7px 0;
	font-size: 13px;
	letter-spacing: 0.03em;
}

.fin-m__l2 {
	padding: 5px 0;
	font-size: 12px;
	letter-spacing: 0.03em;
}

.fin-m__lsec {
	padding: 6px 0;
	font-size: 13px;
	letter-spacing: 0.04em;
}

.fin-m__list--secondary {
	margin-top: 34px;
	padding-top: 20px;
	border-top: 1px solid rgba(30, 30, 30, 0.15);
}

.fin-m__sub {
	padding-left: 12px;
}

.fin-m__list--top > .fin-m__item > .fin-m__sub {
	padding: 0 0 10px 12px;
}

.fin-m__all {
	opacity: 0.6;
}

.fin-m-chev {
	flex: 0 0 auto;
	transition: transform 0.2s ease;
}

.fin-m__toggle[aria-expanded="true"] > .fin-m-chev {
	transform: rotate(90deg);
}

.fin-m__toggle[aria-expanded="true"] > span {
	font-weight: 600;
}

.fin-m__toggle:focus-visible,
.fin-m__link:focus-visible,
.fin-m__close:focus-visible,
.fin-m-trigger:focus-visible {
	outline: 1px solid #1e1e1e;
	outline-offset: 2px;
}

html.fin-m-open,
html.fin-m-open body {
	overflow: hidden;
}

@media (prefers-reduced-motion: reduce) {
	.fin-m__panel,
	.fin-m__overlay,
	.fin-m-chev {
		transition: none;
	}
}