/* ==========================================================================
   Όψη 2027
   Κρεμ πεδίο, γρανάτ τίτλοι, η σκηνή δεξιά. Χτισμένο πάνω στο mockup του
   ιδιοκτήτη. Τα χρώματα έρχονται από το theme.json, οπότε μια αλλαγή εκεί
   περνάει παντού.
   ========================================================================== */

:root {
	/* Σώμα κειμένου 20 ως 22 pixel, δευτερεύον 16 ως 17.5. Η σχέση τους
	   κρατάει την ιεραρχία τώρα που το σώμα μεγάλωσε. */
	--mr-body: clamp(1.25rem, 1.18rem + 0.3vw, 1.375rem);
	--mr-small: clamp(1rem, 0.95rem + 0.22vw, 1.1rem);
}

/* Το βασικό μέγεθος της σελίδας. Το theme.json ορίζει το preset, αλλά το
   body το έπαιρνε από το γονικό theme. */
body { font-size: var(--mr-body); line-height: 1.7; }

.mr-chrome,
.mr-front,
.mr-archive,
.mr-article {
	--mr-ease: cubic-bezier(0.16, 1, 0.3, 1);
	/* Το WordPress δεν βάζει border-box σε αυτά τα στοιχεία, οπότε το
	   padding προστίθεται στο πλάτος και η σελίδα ξεχειλίζει οριζόντια. */
	max-width: 100%;
}

/* Το border-box δηλώνεται ρητά σε κάθε δικό μας τμήμα. Το WordPress το
   δίνει μόνο στα δικά του block groups, οπότε ό,τι βγαίνει από shortcode
   ως σκέτο section έμενε content-box και ξεχείλιζε κατά το padding. */
.mr-chrome,
.mr-front,
.mr-archive,
.mr-article,
.mr-chrome *,
.mr-front *,
.mr-archive *,
.mr-article * { box-sizing: border-box; }

.mr-chrome a,
.mr-front a { text-decoration: none; }

/* ── Λωρίδα ανακοίνωσης ─────────────────────────────────────────────── */

.mr-announce {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	justify-content: center;
	gap: 0.3rem 0.85rem;
	background: var(--wp--preset--color--bar);
	color: var(--wp--preset--color--cream);
	padding: 0.55rem clamp(1.1rem, 3.2vw, 3.2rem);
	font-family: var(--wp--preset--font-family--mono);
	font-size: 0.63rem;
	letter-spacing: 0.16em;
	text-align: center;
}

.mr-announce span { color: var(--wp--preset--color--raw-wood); letter-spacing: 0; }
.mr-announce b { font-weight: 500; letter-spacing: 0.24em; }
.mr-announce i { font-style: normal; color: var(--wp--preset--color--raw-wood); }
.mr-announce em { font-style: normal; opacity: 0.7; }
.mr-announce u { text-decoration: none; border-bottom: 1px solid currentColor; padding-bottom: 0.1em; }
.mr-announce:hover em { opacity: 1; }

@media (max-width: 48rem) {
	.mr-announce em { display: none; }
}

/* ── Κεφαλίδα ───────────────────────────────────────────────────────── */

.mr-masthead {
	border-bottom: 1px solid var(--wp--preset--color--rule);
	background: var(--wp--preset--color--cream);
}

.mr-masthead__inner {
	width: min(92rem, 100%);
	margin-inline: auto;
	padding: 0.9rem clamp(1.1rem, 3.2vw, 3.2rem);
	display: flex;
	align-items: center;
	gap: clamp(0.8rem, 2vw, 2.4rem);
}

.mr-brand { display: grid; justify-items: center; gap: 0.1rem; }

.mr-brand b {
	font-family: var(--wp--preset--font-family--didot);
	font-size: 2.5rem;
	font-weight: 400;
	letter-spacing: 0.05em;
	color: var(--wp--preset--color--ink);
	line-height: 1;
}

.mr-brand span {
	font-family: var(--wp--preset--font-family--didot);
	font-size: 0.72rem;
	letter-spacing: 0.3em;
	color: var(--wp--preset--color--ink);
	white-space: nowrap;
}

.mr-nav {
	display: flex;
	align-items: center;
	gap: clamp(0.8rem, 1.8vw, 1.9rem);
	margin-inline: auto;
	font-family: var(--wp--preset--font-family--sans);
	font-size: 0.74rem;
	letter-spacing: 0.09em;
	white-space: nowrap;
}

.mr-nav > a { color: var(--wp--preset--color--ink); padding-block: 0.4rem; }
.mr-nav > a:hover { color: var(--wp--preset--color--garnet); }

.mr-tag {
	margin-left: 0.4rem;
	padding: 0.12rem 0.5rem;
	background: var(--wp--preset--color--garnet);
	color: var(--wp--preset--color--cream);
	border-radius: 999px;
	font-family: var(--wp--preset--font-family--mono);
	font-size: 0.52rem;
	letter-spacing: 0.1em;
	vertical-align: 0.1em;
}

/* Οι συλλογές ανοίγουν με details, όχι με hover: το hover δεν υπάρχει σε
   οθόνη αφής, και ο μισός κόσμος μπαίνει από κινητό. Χωρίς JavaScript,
   δουλεύει και με πληκτρολόγιο. */
.mr-menu { position: relative; }

.mr-menu > summary {
	list-style: none;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	padding-block: 0.4rem;
	color: var(--wp--preset--color--ink);
}

.mr-menu > summary::-webkit-details-marker { display: none; }
.mr-menu > summary:focus { outline: none; }

.mr-menu > summary:focus-visible {
	outline: 2px solid var(--wp--preset--color--garnet);
	outline-offset: 2px;
}

.mr-menu > summary::after {
	content: "";
	width: 0.36rem;
	height: 0.36rem;
	border-right: 1px solid currentColor;
	border-bottom: 1px solid currentColor;
	transform: translateY(-0.12em) rotate(45deg);
	transition: transform 0.35s var(--mr-ease);
}

.mr-menu[open] > summary { color: var(--wp--preset--color--garnet); }
.mr-menu[open] > summary::after { transform: translateY(0.06em) rotate(-135deg); }

.mr-menu__panel {
	position: absolute;
	top: calc(100% + 0.75rem);
	left: 50%;
	transform: translateX(-50%);
	z-index: 30;
	display: grid;
	min-width: 14rem;
	padding: 0.5rem 0;
	background: var(--wp--preset--color--cream-soft);
	border: 1px solid var(--wp--preset--color--rule);
	box-shadow: 0 1.4rem 2.6rem -1rem rgba(61, 18, 14, 0.22);
}

.mr-menu__panel a {
	padding: 0.55rem 1.2rem;
	font-size: 0.8rem;
	letter-spacing: 0;
	color: var(--wp--preset--color--ink);
}

.mr-menu__panel a:hover {
	background: var(--wp--preset--color--cream);
	color: var(--wp--preset--color--garnet);
}

.mr-icons { display: flex; align-items: center; gap: clamp(0.6rem, 1.4vw, 1.1rem); }

.mr-icons a {
	position: relative;
	display: grid;
	place-items: center;
	width: 44px;
	height: 44px;
}

.mr-icons svg {
	width: 20px;
	height: 20px;
	stroke: var(--wp--preset--color--ink);
	fill: none;
	stroke-width: 1.3;
}

.mr-icons a:hover svg { stroke: var(--wp--preset--color--garnet); }

.mr-count {
	position: absolute;
	top: 4px;
	right: 3px;
	min-width: 16px;
	height: 16px;
	display: grid;
	place-items: center;
	background: var(--wp--preset--color--garnet);
	color: var(--wp--preset--color--cream);
	border-radius: 999px;
	font-family: var(--wp--preset--font-family--mono);
	font-size: 0.55rem;
}

/* Το σήμα και τα εικονίδια κρατούν την πρώτη γραμμή, το μενού παίρνει
   ολόκληρη τη δεύτερη. Αλλιώς το καλάθι βγαίνει εκτός οθόνης. */
@media (max-width: 64rem) {
	/* Η κεφαλίδα έτρωγε 227 pixel σε οθόνη 844: το ένα τέταρτο πριν καν
	   αρχίσει το περιεχόμενο. Μαζεύει χωρίς να κρύψει τίποτα. */
	.mr-masthead__inner { flex-wrap: wrap; row-gap: 0; padding-block: 0.55rem; }
	.mr-announce { padding-block: 0.45rem; }
	.mr-nav { padding-block: 0.1rem 0.35rem; }
	.mr-icons { margin-left: auto; }
	.mr-brand b { font-size: 1.9rem; }
	.mr-brand span { font-size: 0.58rem; letter-spacing: 0.24em; }

	.mr-nav {
		order: 3;
		width: 100%;
		margin-inline: 0;
		flex-wrap: wrap;
		row-gap: 0.1rem;
	}

	.mr-menu__panel {
		position: static;
		transform: none;
		border: 0;
		box-shadow: none;
		background: transparent;
		padding: 0.2rem 0 0.6rem;
		min-width: 0;
	}

	.mr-menu__panel a { padding: 0.45rem 0; }
}

/* ── Ήρωας ──────────────────────────────────────────────────────────── */

.mr-hero { overflow: hidden; }

.mr-hero__inner {
	width: min(92rem, 100%);
	margin-inline: auto;
	padding-inline: clamp(1.1rem, 3.2vw, 3.2rem);
	padding-top: clamp(2rem, 4vw, 3.5rem);
	display: grid;
	gap: clamp(1.5rem, 3vw, 3rem);
	align-items: center;
}

@media (min-width: 64rem) {
	.mr-hero__inner { grid-template-columns: 0.92fr 1.08fr; padding-top: 0; }
}

.mr-hero h1 {
	font-family: var(--wp--preset--font-family--didot);
	font-size: clamp(2.6rem, 1.6rem + 4.4vw, 5.2rem);
	font-weight: 400;
	line-height: 1.08;
	letter-spacing: -0.01em;
	margin: 0;
	color: var(--wp--preset--color--garnet);
}

.mr-hero__sub {
	display: block;
	margin-top: 0.6rem;
	font-family: var(--wp--preset--font-family--didot);
	font-size: clamp(1.9rem, 1.6rem + 1.4vw, 2.2rem);
	line-height: 1.22;
	color: var(--wp--preset--color--sage);
	max-width: 20ch;
}

.mr-hero__lede {
	margin: 1.3rem 0 0;
	font-size: var(--mr-body);
	max-width: 40ch;
	color: var(--wp--preset--color--muted);
	line-height: 1.75;
}

.mr-cta {
	display: inline-flex;
	align-items: center;
	gap: 1.4rem;
	min-height: 52px;
	margin-top: 1.9rem;
	padding-inline: 1.9rem;
	background: var(--wp--preset--color--garnet);
	color: var(--wp--preset--color--cream);
	border-radius: 999px;
	font-size: 0.76rem;
	font-weight: 500;
	letter-spacing: 0.14em;
	transition: background 0.5s var(--mr-ease);
}

.mr-cta:hover { background: var(--wp--preset--color--bar); color: var(--wp--preset--color--cream); }
.mr-cta svg { width: 22px; height: 10px; stroke: currentColor; fill: none; stroke-width: 1.2; }

.mr-trio {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: clamp(0.8rem, 2vw, 1.8rem);
	margin-top: clamp(2rem, 4vw, 3.2rem);
	padding-top: clamp(1.2rem, 2.5vw, 1.8rem);
	border-top: 1px solid var(--wp--preset--color--rule);
}

.mr-trio div { display: grid; gap: 0.3rem; align-content: start; }

.mr-trio svg {
	width: 26px;
	height: 26px;
	stroke: var(--wp--preset--color--garnet);
	fill: none;
	stroke-width: 1.2;
}

.mr-trio b {
	font-family: var(--wp--preset--font-family--mono);
	font-size: 0.6rem;
	font-weight: 500;
	letter-spacing: 0.13em;
	color: var(--wp--preset--color--ink);
	line-height: 1.4;
	margin-top: 0.3rem;
}

.mr-trio p { margin: 0; font-size: var(--mr-small); line-height: 1.55; color: var(--wp--preset--color--muted); }

/* Η σκηνή έρχεται με δικό της κανάλι διαφάνειας, οπότε δεν χρειάζεται
   μάσκα: πατάει απευθείας πάνω στο κρεμ.

   Δοκιμάστηκε περιορισμός του πλάτους με βάση το ύψος της οθόνης, ώστε να
   χωράει σε χαμηλά παράθυρα. Ο ιδιοκτήτης προτίμησε το μεγάλο μέγεθος στον
   υπολογιστή, οπότε ο περιορισμός αφαιρέθηκε. Σε χαμηλό παράθυρο μαζεύει
   αντ' αυτού η τυπογραφία, πιο κάτω. */
.mr-scene {
	position: relative;
	width: 100%;
}

.mr-plate {
	display: block;
	width: 100%;
	height: auto;
}

/* ── Κινητό ──────────────────────────────────────────────────────────────
   Στο κινητό η σκηνή ερχόταν έκτη, μετά από τίτλο, υπότιτλο, παράγραφο,
   δύο κουμπιά και τρία σημεία: η πρώτη οθόνη ήταν πέντε μπλοκ κείμενο και
   η εικόνα, που είναι όλη η προσωπικότητα της σελίδας, 234 pixel στο τέλος.

   Τώρα μπαίνει πρώτη και πιάνει όλο το πλάτος, από άκρη σε άκρη. Ο τίτλος
   έρχεται από κάτω, όπως σε αφίσα. */

@media (max-width: 64rem) {
	.mr-hero__inner { padding-top: 0; gap: 0; }

	/* Λίγο πιο έξω από την οθόνη: το σπίτι μεγαλώνει και τα έλατα στις
	   άκρες κόβονται ελαφρά, όπως σε κάδρο.

	   Μεγεθύνεται το ΠΛΑΙΣΙΟ, όχι η εικόνα. Το γούρι και το χιόνι είναι
	   τοποθετημένα σε ποσοστά του πλαισίου: αν μεγάλωνε μόνο η εικόνα, η
	   τρύπα όπου ήταν το γούρι θα μετακινούνταν και το επικαλυπτόμενο
	   γούρι θα έμενε πίσω, ξεκολλημένο. */
	.mr-hero { overflow: hidden; }

	.mr-scene {
		order: -1;
		width: 112vw;
		margin-left: calc(50% - 56vw);
		margin-right: calc(50% - 56vw);
		margin-bottom: clamp(1.2rem, 3vw, 2rem);
	}

	.mr-hero h1 { font-size: clamp(2.8rem, 12vw, 4rem); }
	.mr-hero__sub { max-width: 22ch; }

	.mr-actions { width: 100%; }
	.mr-actions .mr-cta { flex: 1 1 100%; justify-content: center; }

	/* Οι εγγυήσεις σε δύο στήλες αντί για τέσσερις σειρές: λιγότερη
	   κύλιση, και το μάτι πιάνει τέσσερα πράγματα με μία ματιά. */
	.mr-promise__inner { grid-template-columns: repeat(2, 1fr); }

	.mr-promise__inner > div {
		display: grid;
		gap: 0.5rem;
		align-content: start;
		border-left: 0;
		border-top: 1px solid var(--wp--preset--color--rule);
	}

	.mr-promise__inner > div:nth-child(-n+2) { border-top: 0; }
	.mr-promise__inner > div:nth-child(even) { border-left: 1px solid var(--wp--preset--color--rule); }
	.mr-promise svg { width: 26px; height: 26px; }

	/* Οι άδειες κατηγορίες δεν χρειάζονται ύψος πριν μπουν προϊόντα. */
	.mr-cat { min-height: clamp(8rem, 30vw, 11rem); }
	.mr-cat--lead { min-height: clamp(12rem, 44vw, 16rem); }
}

@media (max-width: 40rem) {
	/* Στα στενά, το ένα κάτω από το άλλο διαβάζεται καλύτερα από δύο
	   στριμωγμένες στήλες. */
	.mr-promise__inner { grid-template-columns: 1fr; }
	.mr-promise__inner > div { border-left: 0 !important; border-top: 1px solid var(--wp--preset--color--rule); }
	.mr-promise__inner > div:first-child { border-top: 0; }
	.mr-promise__inner > div { grid-template-columns: auto 1fr; align-items: center; column-gap: 0.9rem; }
	.mr-promise svg { grid-row: span 2; }
}

/* Χαμηλό παράθυρο σε φορητό: ο τίτλος και τα κενά μαζεύουν, ώστε ο ήρωας
   να χωράει ολόκληρος χωρίς να χρειάζεται κύλιση για να δεις το κουμπί. */
@media (min-width: 64rem) and (max-height: 46rem) {
	.mr-hero__inner { gap: 2rem; }
	.mr-hero h1 { font-size: clamp(2.2rem, 3.4vw, 3.6rem); }
	.mr-hero__sub { margin-top: 0.4rem; font-size: clamp(1.05rem, 1.4vw, 1.35rem); }
	.mr-hero__lede { margin-top: 0.9rem; line-height: 1.6; }
	.mr-actions { margin-top: 0; }
	.mr-cta { min-height: 46px; margin-top: 1.3rem; }
	.mr-trio { margin-top: 1.5rem; padding-top: 1.1rem; }
}

/* ── Λωρίδα εγγυήσεων ───────────────────────────────────────────────── */

.mr-promise {
	background: var(--wp--preset--color--cream-soft);
	border-block: 1px solid var(--wp--preset--color--rule);
	margin-top: clamp(1.5rem, 3vw, 2.5rem);
}

.mr-promise__inner {
	width: min(92rem, 100%);
	margin-inline: auto;
	padding-inline: clamp(1.1rem, 3.2vw, 3.2rem);
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr));
}

.mr-promise__inner > div {
	display: flex;
	align-items: center;
	gap: 0.9rem;
	padding: clamp(1.2rem, 2.4vw, 1.8rem) clamp(0.8rem, 2vw, 1.6rem);
	border-left: 1px solid var(--wp--preset--color--rule);
}

.mr-promise__inner > div:first-child { border-left: 0; }

.mr-promise svg {
	width: 30px;
	height: 30px;
	flex: none;
	stroke: var(--wp--preset--color--ink);
	fill: none;
	stroke-width: 1.1;
}

.mr-promise b {
	display: block;
	font-family: var(--wp--preset--font-family--mono);
	font-size: 0.6rem;
	font-weight: 500;
	letter-spacing: 0.13em;
	color: var(--wp--preset--color--ink);
}

.mr-promise p { margin: 0.2rem 0 0; font-size: var(--mr-small); line-height: 1.55; color: var(--wp--preset--color--muted); }

/* Το auto-fit δεν έσπαγε αξιόπιστα εδώ: ρητές στήλες ανά πλάτος. */
@media (max-width: 62rem) {
	.mr-promise__inner { grid-template-columns: repeat(2, 1fr); }
	.mr-promise__inner > div:nth-child(odd) { border-left: 0; }
	.mr-promise__inner > div:nth-child(n+3) { border-top: 1px solid var(--wp--preset--color--rule); }
}

@media (max-width: 40rem) {
	.mr-promise__inner { grid-template-columns: 1fr; }
	.mr-promise__inner > div { border-left: 0; border-top: 1px solid var(--wp--preset--color--rule); }
	.mr-promise__inner > div:first-child { border-top: 0; }

	.mr-trio { grid-template-columns: 1fr; gap: 1.1rem; }
	.mr-trio div { grid-template-columns: auto 1fr; align-items: center; column-gap: 0.9rem; }
	.mr-trio svg { grid-row: span 2; }
	.mr-trio b { margin-top: 0; }
}

/* ── Ζώνες περιεχομένου ─────────────────────────────────────────────── */

.mr-band {
	width: min(92rem, 100%);
	margin-inline: auto;
	padding: clamp(3rem, 6vw, 5.5rem) clamp(1.1rem, 3.2vw, 3.2rem) 0;
}

.mr-band__title {
	font-family: var(--wp--preset--font-family--didot);
	font-size: clamp(2.5rem, 1.9rem + 2.6vw, 3.4rem);
	font-weight: 400;
	line-height: 1.08;
	color: var(--wp--preset--color--garnet);
	max-width: 16ch;
	margin: 0 0 clamp(1.5rem, 3vw, 2.4rem);
}

.mr-band__note {
	margin: -1rem 0 clamp(1.5rem, 3vw, 2.4rem);
	max-width: 52ch;
	font-size: var(--mr-body);
	color: var(--wp--preset--color--muted);
}

/* ── Κατηγορίες ─────────────────────────────────────────────────────── */

.mr-cats {
	display: grid;
	gap: clamp(0.8rem, 1.6vw, 1.4rem);
	grid-template-columns: repeat(2, 1fr);
}

@media (min-width: 60rem) {
	.mr-cats { grid-template-columns: repeat(4, 1fr); }
	.mr-cat--lead { grid-column: span 2; grid-row: span 2; }
	.mr-cat--wide { grid-column: span 2; }
}

.mr-cat {
	position: relative;
	display: grid;
	align-content: end;
	gap: 0.2rem;
	min-height: clamp(11rem, 20vw, 15rem);
	padding: clamp(0.9rem, 1.8vw, 1.4rem);
	background: var(--wp--preset--color--cream-soft);
	border: 1px solid var(--wp--preset--color--rule);
	overflow: hidden;
	transition: border-color 0.5s var(--mr-ease);
}

.mr-cat:hover { border-color: var(--wp--preset--color--garnet); }

.mr-cat img {
	position: absolute;
	top: 6%;
	right: 5%;
	width: 62%;
	max-height: 62%;
	object-fit: contain;
	object-position: top right;
	transition: transform 0.7s var(--mr-ease);
}

.mr-cat:hover img { transform: translateY(-0.4rem) scale(1.03); }

.mr-cat b {
	position: relative;
	font-family: var(--wp--preset--font-family--didot);
	font-size: clamp(1.15rem, 1rem + 0.5vw, 1.5rem);
	font-weight: 400;
	line-height: 1.15;
	color: var(--wp--preset--color--ink);
}

.mr-cat span {
	position: relative;
	font-family: var(--wp--preset--font-family--mono);
	font-size: 0.6rem;
	letter-spacing: 0.11em;
	color: var(--wp--preset--color--muted);
}

.mr-cat--lead { min-height: clamp(16rem, 30vw, 24rem); background: var(--wp--preset--color--cream); }
.mr-cat--lead img { width: 72%; max-height: 68%; top: 8%; }

.mr-cat--lead b {
	font-size: clamp(1.7rem, 1.2rem + 1.8vw, 2.8rem);
	color: var(--wp--preset--color--garnet);
}

.mr-cat--lead p {
	position: relative;
	margin: 0.35rem 0 0;
	max-width: 30ch;
	font-size: var(--mr-small);
	line-height: 1.55;
	color: var(--wp--preset--color--muted);
}

.mr-cat--all {
	place-content: center;
	text-align: center;
	background: var(--wp--preset--color--bar);
	border-color: var(--wp--preset--color--bar);
}

.mr-cat--all b { color: var(--wp--preset--color--cream); }
.mr-cat--all span { color: var(--wp--preset--color--raw-wood); }

/* ── Ημερολόγιο ─────────────────────────────────────────────────────── */

.mr-diary {
	display: grid;
	gap: clamp(1rem, 2vw, 1.6rem);
	grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
}

.mr-entry {
	display: grid;
	align-content: start;
	gap: 0.45rem;
	padding: clamp(1.1rem, 2vw, 1.5rem);
	background: var(--wp--preset--color--cream-soft);
	border: 1px solid var(--wp--preset--color--rule);
	transition: border-color 0.5s var(--mr-ease);
}

.mr-entry:hover { border-color: var(--wp--preset--color--garnet); }

.mr-entry__meta {
	font-family: var(--wp--preset--font-family--mono);
	font-size: 0.58rem;
	letter-spacing: 0.12em;
	color: var(--wp--preset--color--garnet);
}

.mr-entry h3 {
	font-family: var(--wp--preset--font-family--didot);
	font-size: clamp(1.15rem, 1rem + 0.5vw, 1.4rem);
	font-weight: 400;
	line-height: 1.15;
	margin: 0;
	color: var(--wp--preset--color--ink);
}

.mr-entry p { margin: 0; font-size: var(--mr-small); line-height: 1.6; color: var(--wp--preset--color--muted); }

/* ── Υποσέλιδο ──────────────────────────────────────────────────────── */

.mr-sitefoot {
	background: var(--wp--preset--color--bar);
	color: var(--wp--preset--color--cream);
	margin-top: clamp(3rem, 6vw, 5.5rem);
	padding-block: clamp(2.5rem, 5vw, 4rem) 0;
}

.mr-sitefoot__inner {
	width: min(92rem, 100%);
	margin-inline: auto;
	padding-inline: clamp(1.1rem, 3.2vw, 3.2rem);
	display: grid;
	gap: clamp(1.6rem, 3.5vw, 3rem);
	grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr));
}

.mr-foot-brand { grid-column: 1 / -1; }

@media (min-width: 60rem) {
	.mr-foot-brand { grid-column: span 1; }
}

.mr-foot-brand b {
	display: block;
	font-family: var(--wp--preset--font-family--didot);
	font-size: 1.9rem;
	font-weight: 400;
	letter-spacing: 0.05em;
}

.mr-foot-brand p {
	margin: 0.7rem 0 0;
	max-width: 28ch;
	font-size: 0.78rem;
	line-height: 1.65;
	opacity: 0.66;
}

.mr-foot-col { display: grid; align-content: start; gap: 0.5rem; }

.mr-foot-col b {
	font-family: var(--wp--preset--font-family--mono);
	font-size: 0.6rem;
	font-weight: 500;
	letter-spacing: 0.16em;
	color: var(--wp--preset--color--raw-wood);
	margin-bottom: 0.25rem;
}

.mr-foot-col a { font-size: 0.79rem; opacity: 0.78; color: var(--wp--preset--color--cream); }
.mr-foot-col a:hover { opacity: 1; color: var(--wp--preset--color--raw-wood); }

/* Το υποσέλιδο είναι πλέγμα, οπότε χωρίς αυτό η νομική γραμμή θα
   στριμωχνόταν στην τελευταία στήλη αντί να πιάσει όλο το πλάτος. */
.mr-legal {
	grid-column: 1 / -1;
	margin-top: clamp(2rem, 4vw, 3rem);
	padding-block: 1.4rem 2rem;
	border-top: 1px solid rgba(232, 220, 210, 0.18);
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem 1.6rem;
	justify-content: space-between;
	font-size: 0.68rem;
	opacity: 0.6;
}

/* ── Μετρητής κωδικών στο καλάθι ────────────────────────────────────── */

.mr-lines {
	margin: 0 0 var(--wp--preset--spacing--30);
	padding: 0.9rem 1.1rem;
	font-family: var(--wp--preset--font-family--mono);
	font-size: var(--wp--preset--font-size--sm);
	border: 1px solid var(--wp--preset--color--rule);
	background: var(--wp--preset--color--cream-soft);
}

.mr-lines--short { border-color: var(--wp--preset--color--garnet); color: var(--wp--preset--color--garnet); }
.mr-lines--ready { border-color: var(--wp--preset--color--sage); color: var(--wp--preset--color--sage); }

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

/* ── Αναζήτηση στην κεφαλίδα ────────────────────────────────────────────
   Ο έμπορος έχει τον κωδικό στο χέρι. Δεν στέλνουμε σε σελίδα αναζήτησης,
   ανοίγει πάνελ και τα αποτελέσματα έρχονται καθώς πληκτρολογεί. */

.mr-find { position: relative; }

.mr-find > summary {
	list-style: none;
	cursor: pointer;
	display: grid;
	place-items: center;
	width: 44px;
	height: 44px;
}

.mr-find > summary::-webkit-details-marker { display: none; }
.mr-find > summary:focus { outline: none; }

.mr-find > summary:focus-visible {
	outline: 2px solid var(--wp--preset--color--garnet);
	outline-offset: 2px;
}

.mr-find > summary svg {
	width: 20px;
	height: 20px;
	stroke: var(--wp--preset--color--ink);
	fill: none;
	stroke-width: 1.3;
}

.mr-find > summary:hover svg,
.mr-find[open] > summary svg { stroke: var(--wp--preset--color--garnet); }

.mr-find__panel {
	position: absolute;
	top: calc(100% + 0.6rem);
	right: 0;
	z-index: 40;
	width: min(24rem, calc(100vw - 2rem));
	padding: 0.75rem;
	background: var(--wp--preset--color--cream-soft);
	border: 1px solid var(--wp--preset--color--rule);
	box-shadow: 0 1.4rem 2.6rem -1rem rgba(61, 18, 14, 0.22);
}

.mr-find__input {
	width: 100%;
	padding: 0.7rem 0.85rem;
	font-family: var(--wp--preset--font-family--mono);
	font-size: 1rem;
	letter-spacing: 0.06em;
	color: var(--wp--preset--color--ink);
	background: var(--wp--preset--color--paper);
	border: 1px solid var(--wp--preset--color--rule);
	border-radius: 0;
}

.mr-find__input:focus {
	outline: none;
	border-color: var(--wp--preset--color--garnet);
}

.mr-find__hits:not(:empty) {
	margin-top: 0.6rem;
	max-height: 24rem;
	overflow-y: auto;
	display: grid;
	gap: 0.15rem;
}

.mr-find__note {
	margin: 0;
	padding: 0.5rem 0.2rem;
	font-size: 0.78rem;
	color: var(--wp--preset--color--muted);
}

.mr-hit {
	display: grid;
	grid-template-columns: 2.6rem 1fr;
	align-items: center;
	gap: 0.7rem;
	padding: 0.45rem 0.4rem;
	min-height: 44px;
}

.mr-hit:hover { background: var(--wp--preset--color--cream); }

.mr-hit img {
	width: 2.6rem;
	height: 2.6rem;
	object-fit: contain;
	background: var(--wp--preset--color--paper);
}

.mr-hit span { display: grid; gap: 0.1rem; min-width: 0; }

.mr-hit b {
	font-family: var(--wp--preset--font-family--mono);
	font-size: 0.68rem;
	font-weight: 500;
	letter-spacing: 0.1em;
	color: var(--wp--preset--color--garnet);
}

.mr-hit i {
	font-style: normal;
	font-size: 0.78rem;
	line-height: 1.3;
	color: var(--wp--preset--color--ink);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* Με τέσσερα items το μενού δεν χρειάζεται να σπάσει σε γραμμές. */
@media (min-width: 64rem) {
	.mr-nav { flex-wrap: nowrap; }
}

/* Κατηγορία που δεν έχει ακόμα προϊόντα: διακριτική, ώστε να διαβάζεται
   ως «έρχεται» και όχι ως σπασμένη κάρτα. */
.mr-cat--soon { opacity: 0.72; }
.mr-cat--soon span { color: var(--wp--preset--color--garnet); }

/* ── Δύο κουμπιά στον ήρωα ──────────────────────────────────────────────
   Το πρώτο πάει στον κατάλογο, το δεύτερο ανοίγει λογαριασμό. Ο νέος
   επισκέπτης θέλει να δει, ο αποφασισμένος θέλει να ξεκινήσει. */

.mr-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.7rem;
	align-items: center;
}

.mr-cta--ghost {
	background: transparent;
	color: var(--wp--preset--color--garnet);
	border: 1px solid var(--wp--preset--color--rule);
}

.mr-cta--ghost:hover {
	background: transparent;
	color: var(--wp--preset--color--bar);
	border-color: var(--wp--preset--color--garnet);
}

/* ── Πώς ξεκινάς ────────────────────────────────────────────────────────
   Η σελίδα τελείωνε χωρίς να ζητάει τίποτα. Εδώ λέει τι πρέπει να κάνει
   ο επισκέπτης για να δει τιμές, και πόσο κοστίζει σε χρόνο. */

.mr-start {
	background: var(--wp--preset--color--cream-soft);
	border-top: 1px solid var(--wp--preset--color--rule);
	margin-top: clamp(3rem, 6vw, 5.5rem);
	padding-block: clamp(3rem, 6vw, 5rem);
}

.mr-start__inner {
	width: min(92rem, 100%);
	margin-inline: auto;
	padding-inline: clamp(1.1rem, 3.2vw, 3.2rem);
	display: grid;
	gap: clamp(2rem, 4vw, 3rem);
}

.mr-start__head h2 {
	font-family: var(--wp--preset--font-family--didot);
	font-size: clamp(2.5rem, 1.9rem + 2.4vw, 3.2rem);
	font-weight: 400;
	line-height: 1.1;
	color: var(--wp--preset--color--garnet);
	max-width: 22ch;
	margin: 0;
}

.mr-start__head p {
	margin: 0.9rem 0 0;
	max-width: 54ch;
	font-size: var(--mr-body);
	line-height: 1.7;
	color: var(--wp--preset--color--muted);
}

/* Τα βήματα είναι αριθμημένα επειδή έχουν πραγματική σειρά: δεν βλέπεις
   τιμές πριν εγκριθείς. Αν δεν ήταν σειρά, δεν θα είχαν νούμερα. */
.mr-steps {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: clamp(1.2rem, 2.5vw, 2rem);
	grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
	counter-reset: none;
}

.mr-steps li {
	display: grid;
	gap: 0.35rem;
	align-content: start;
	padding-top: 1rem;
	border-top: 1px solid var(--wp--preset--color--rule);
}

.mr-steps__no {
	font-family: var(--wp--preset--font-family--mono);
	font-size: 0.68rem;
	letter-spacing: 0.16em;
	color: var(--wp--preset--color--garnet);
}

.mr-steps b {
	font-family: var(--wp--preset--font-family--didot);
	font-size: clamp(1.15rem, 1rem + 0.5vw, 1.45rem);
	font-weight: 400;
	line-height: 1.2;
	color: var(--wp--preset--color--ink);
}

.mr-steps p {
	margin: 0;
	font-size: var(--mr-small);
	line-height: 1.6;
	color: var(--wp--preset--color--muted);
}

.mr-start__cta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.8rem 1.4rem;
}

.mr-start__cta span {
	font-size: 0.78rem;
	color: var(--wp--preset--color--muted);
}

/* ── Άρθρο ημερολογίου ──────────────────────────────────────────────────
   Ο έμπορος διαβάζει το βράδυ, μετά το κλείσιμο, συχνά από κινητό. Η
   στήλη κρατιέται στα 62 χαρακτήρες, το κείμενο μεγαλώνει σε σχέση με τη
   υπόλοιπη σελίδα, και οι επικεφαλίδες αναπνέουν από πάνω. */

.mr-article {
	width: min(46rem, 100%);
	margin-inline: auto;
	padding: clamp(2rem, 5vw, 4.5rem) clamp(1.1rem, 3.2vw, 3.2rem) 0;
}

.mr-article__topic {
	display: inline-block;
	font-family: var(--wp--preset--font-family--mono);
	font-size: 0.62rem;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--wp--preset--color--garnet);
	border-bottom: 1px solid var(--wp--preset--color--garnet);
	padding-bottom: 0.15em;
	margin-bottom: 1.4rem;
}

.mr-article__head h1 {
	font-family: var(--wp--preset--font-family--didot);
	font-size: clamp(2.5rem, 1.9rem + 2.8vw, 3.6rem);
	font-weight: 400;
	line-height: 1.1;
	letter-spacing: -0.005em;
	color: var(--wp--preset--color--garnet);
	margin: 0;
	text-wrap: balance;
	word-break: keep-all;
	hyphens: none;
}

.mr-article__lede {
	margin: 1.1rem 0 0;
	font-size: clamp(1.35rem, 1.2rem + 0.6vw, 1.6rem);
	line-height: 1.55;
	color: var(--wp--preset--color--ink);
}

.mr-article__meta {
	display: flex;
	flex-wrap: wrap;
	gap: 0.3rem 1.2rem;
	margin: 1.6rem 0 0;
	padding-bottom: clamp(1.6rem, 3vw, 2.4rem);
	border-bottom: 1px solid var(--wp--preset--color--rule);
	font-family: var(--wp--preset--font-family--mono);
	font-size: 0.63rem;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--wp--preset--color--muted);
}

.mr-article__meta span:first-child { color: var(--wp--preset--color--garnet); }

/* Το σώμα του κειμένου. Μεγαλύτερο και πιο αραιό από τη σελίδα, γιατί εδώ
   ο κόσμος διαβάζει και δεν σαρώνει. */
.mr-article__body {
	font-size: var(--mr-body);
	line-height: 1.75;
	color: var(--wp--preset--color--ink);
}

.mr-article__body > * { margin-block: 0 1.25em; }

.mr-article__body h2 {
	font-family: var(--wp--preset--font-family--didot);
	font-size: clamp(1.9rem, 1.6rem + 1.4vw, 2.3rem);
	font-weight: 400;
	line-height: 1.2;
	color: var(--wp--preset--color--garnet);
	margin-block: 1.9em 0.55em;
	word-break: keep-all;
	hyphens: none;
}

.mr-article__body h2:first-child { margin-top: 1.4em; }

.mr-article__body strong { font-weight: 600; color: var(--wp--preset--color--ink); }

.mr-article__body ul {
	margin-block: 0 1.5em;
	padding-left: 1.1rem;
	display: grid;
	gap: 0.55em;
}

.mr-article__body li { padding-left: 0.3rem; }
.mr-article__body li::marker { color: var(--wp--preset--color--garnet); }

/* Το απόσπασμα που θέλουμε να μείνει. Χωρίς εισαγωγικά και χωρίς πλάγια:
   ο τόνος του κειμένου είναι ήδη προφορικός. */
.mr-article__body blockquote {
	margin: 2.2em 0;
	padding: 1.3rem 1.5rem;
	background: var(--wp--preset--color--cream-soft);
	border-top: 2px solid var(--wp--preset--color--garnet);
	font-family: var(--wp--preset--font-family--didot);
	font-size: clamp(1.15rem, 1rem + 0.7vw, 1.5rem);
	line-height: 1.4;
	color: var(--wp--preset--color--ink);
}

.mr-article__body blockquote p { margin: 0; }

/* ── Κλείσιμο άρθρου ────────────────────────────────────────────────── */

.mr-article__foot {
	margin-top: clamp(2.5rem, 5vw, 4rem);
	display: grid;
	gap: clamp(1.6rem, 3vw, 2.4rem);
}

.mr-article__ask {
	padding: clamp(1.5rem, 3vw, 2.2rem);
	background: var(--wp--preset--color--cream-soft);
	border: 1px solid var(--wp--preset--color--rule);
	display: grid;
	gap: 0.6rem;
	justify-items: start;
}

.mr-article__ask h2 {
	font-family: var(--wp--preset--font-family--didot);
	font-size: clamp(1.3rem, 1.1rem + 0.9vw, 1.8rem);
	font-weight: 400;
	line-height: 1.2;
	color: var(--wp--preset--color--garnet);
	margin: 0;
	max-width: 24ch;
}

.mr-article__ask p {
	margin: 0;
	font-size: var(--mr-small);
	line-height: 1.6;
	color: var(--wp--preset--color--muted);
	max-width: 46ch;
}

.mr-article__ask .mr-actions { margin-top: 0.6rem; }

.mr-article__next {
	display: grid;
	gap: 0.5rem;
	padding-top: clamp(1.4rem, 3vw, 2rem);
	border-top: 1px solid var(--wp--preset--color--rule);
}

.mr-article__next b {
	font-family: var(--wp--preset--font-family--mono);
	font-size: 0.6rem;
	font-weight: 500;
	letter-spacing: 0.16em;
	color: var(--wp--preset--color--muted);
}

.mr-article__next a {
	font-family: var(--wp--preset--font-family--didot);
	font-size: clamp(1.1rem, 1rem + 0.5vw, 1.35rem);
	line-height: 1.25;
	color: var(--wp--preset--color--ink);
	padding-block: 0.35rem;
}

.mr-article__next a:hover { color: var(--wp--preset--color--garnet); }

/* ── Αρχείο ημερολογίου ─────────────────────────────────────────────── */

.mr-archive__inner {
	width: min(92rem, 100%);
	margin-inline: auto;
	padding: clamp(2.5rem, 5vw, 4.5rem) clamp(1.1rem, 3.2vw, 3.2rem) 0;
}

.mr-archive__head {
	margin-bottom: clamp(2rem, 4vw, 3rem);
	padding-bottom: clamp(1.4rem, 3vw, 2rem);
	border-bottom: 1px solid var(--wp--preset--color--rule);
}

.mr-archive__head h1 {
	font-family: var(--wp--preset--font-family--didot);
	font-size: clamp(2.5rem, 1.9rem + 2.8vw, 3.6rem);
	font-weight: 400;
	line-height: 1.1;
	color: var(--wp--preset--color--garnet);
	margin: 0;
}

.mr-archive__head p {
	margin: 0.9rem 0 0;
	max-width: 54ch;
	font-size: var(--mr-body);
	line-height: 1.7;
	color: var(--wp--preset--color--muted);
}

.mr-archive__empty {
	padding: 2rem 0;
	color: var(--wp--preset--color--muted);
}

.mr-archive__pages {
	margin-top: clamp(2rem, 4vw, 3rem);
	padding-top: 1.4rem;
	border-top: 1px solid var(--wp--preset--color--rule);
	font-family: var(--wp--preset--font-family--mono);
	font-size: 0.72rem;
	letter-spacing: 0.08em;
}

.mr-archive__pages a,
.mr-archive__pages .page-numbers {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	padding-inline: 0.7rem;
	color: var(--wp--preset--color--ink);
}

.mr-archive__pages .current { color: var(--wp--preset--color--garnet); }
.mr-archive__pages a:hover { color: var(--wp--preset--color--garnet); }

/* ── Το γούρι κουνιέται ──────────────────────────────────────────────────
   Κόπηκε από τη σκηνή και ξαναμπήκε στην ίδια ακριβώς θέση: το κομμάτι
   κρατάει το παράθυρο που του δώσαμε, οπότε τα ποσοστά ταιριάζουν χωρίς
   υπολογισμούς. Κρέμεται από κορδόνι, άρα περιστρέφεται από την κορυφή.
   Δύο μοίρες φτάνουν: παραπάνω και μοιάζει με εκκρεμές. */

.mr-gouri {
	position: absolute;
	left: 13.2%;
	top: 0;
	width: 8.6%;
	z-index: 3;
	transform-origin: 50% 2%;
	animation: mr-sway 5.5s cubic-bezier(0.45, 0, 0.55, 1) infinite;
	will-change: transform;
}

.mr-gouri img { display: block; width: 100%; height: auto; }

@keyframes mr-sway {
	0%, 100% { transform: rotate(-2deg); }
	50%      { transform: rotate(2deg); }
}

/* ── Χιόνι ───────────────────────────────────────────────────────────────
   Πάνω από τη σκηνή και μόνο εκεί: χιόνι σε ολόκληρη τη σελίδα κουράζει
   και τραβάει το μάτι μακριά από το κείμενο. Κάθε νιφάδα έχει δικό της
   πλάτος, ταχύτητα και πλάγια μετατόπιση, ώστε να μη φαίνεται μοτίβο. */

.mr-snow {
	position: absolute;
	inset: -10% 0 2%;
	pointer-events: none;
	overflow: hidden;
	z-index: 4;
}

/* Κάθε νιφάδα είναι στην πραγματικότητα δύο πράγματα: μια ράγα σε όλο το
   ύψος της περιοχής, και η κουκκίδα στην κορυφή της.

   Χρειάζεται, γιατί το translateY με ποσοστό μετράει το ύψος του ΙΔΙΟΥ του
   στοιχείου, όχι του γονέα. Με κουκκίδα οκτώ pixel, το 118% έδινε πτώση
   εννέα pixel: οι νιφάδες έμοιαζαν ακίνητες. Η ράγα έχει ύψος 100%, οπότε
   το ίδιο ποσοστό δίνει πτώση σε όλο το κάδρο. */
.mr-snow i {
	position: absolute;
	top: 0;
	left: var(--x);
	width: var(--s);
	height: 100%;
	animation: mr-fall var(--d) linear infinite;
	animation-delay: calc(var(--d) * -0.41);
	will-change: transform;
}

.mr-snow i::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: var(--s);
	height: var(--s);
	border-radius: 50%;
	background: #fff;
	/* Λευκό πάνω σε κρεμ δεν διαβάζεται. Η νιφάδα χρειάζεται σκιά για να
	   αποκτήσει σχήμα, όχι λάμψη: η λάμψη τη διαλύει ακόμα περισσότερο.
	   Δύο σκιές: μία κοντινή για περίγραμμα, μία απλωτή για βάθος. */
	box-shadow:
		0 0 0 1px rgba(61, 18, 14, 0.10),
		0 2px 5px rgba(61, 18, 14, 0.34);
}

/* Μερικές χρυσές, ώστε να δένουν με τα στολίδια της σκηνής. */
.mr-snow i:nth-child(3n)::before {
	background: var(--wp--preset--color--raw-wood);
	box-shadow:
		0 0 0 1px rgba(61, 18, 14, 0.10),
		0 2px 5px rgba(61, 18, 14, 0.26);
}

@keyframes mr-fall {
	0%   { opacity: 0; transform: translate3d(0, -6%, 0); }
	5%   { opacity: 1; }
	82%  { opacity: 1; }
	100% { opacity: 0; transform: translate3d(var(--w), 104%, 0); }
}

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

/* ── Αναζήτηση στην κεφαλίδα ────────────────────────────────────────────
   Ο έμπορος έχει τον κωδικό στο χέρι. Δεν στέλνουμε σε σελίδα αναζήτησης,
   ανοίγει πάνελ και τα αποτελέσματα έρχονται καθώς πληκτρολογεί. */

.mr-find { position: relative; }

.mr-find > summary {
	list-style: none;
	cursor: pointer;
	display: grid;
	place-items: center;
	width: 44px;
	height: 44px;
}

.mr-find > summary::-webkit-details-marker { display: none; }
.mr-find > summary:focus { outline: none; }

.mr-find > summary:focus-visible {
	outline: 2px solid var(--wp--preset--color--garnet);
	outline-offset: 2px;
}

.mr-find > summary svg {
	width: 20px;
	height: 20px;
	stroke: var(--wp--preset--color--ink);
	fill: none;
	stroke-width: 1.3;
}

.mr-find > summary:hover svg,
.mr-find[open] > summary svg { stroke: var(--wp--preset--color--garnet); }

.mr-find__panel {
	position: absolute;
	top: calc(100% + 0.6rem);
	right: 0;
	z-index: 40;
	width: min(24rem, calc(100vw - 2rem));
	padding: 0.75rem;
	background: var(--wp--preset--color--cream-soft);
	border: 1px solid var(--wp--preset--color--rule);
	box-shadow: 0 1.4rem 2.6rem -1rem rgba(61, 18, 14, 0.22);
}

.mr-find__input {
	width: 100%;
	padding: 0.7rem 0.85rem;
	font-family: var(--wp--preset--font-family--mono);
	font-size: 1rem;
	letter-spacing: 0.06em;
	color: var(--wp--preset--color--ink);
	background: var(--wp--preset--color--paper);
	border: 1px solid var(--wp--preset--color--rule);
	border-radius: 0;
}

.mr-find__input:focus {
	outline: none;
	border-color: var(--wp--preset--color--garnet);
}

.mr-find__hits:not(:empty) {
	margin-top: 0.6rem;
	max-height: 24rem;
	overflow-y: auto;
	display: grid;
	gap: 0.15rem;
}

.mr-find__note {
	margin: 0;
	padding: 0.5rem 0.2rem;
	font-size: 0.78rem;
	color: var(--wp--preset--color--muted);
}

.mr-hit {
	display: grid;
	grid-template-columns: 2.6rem 1fr;
	align-items: center;
	gap: 0.7rem;
	padding: 0.45rem 0.4rem;
	min-height: 44px;
}

.mr-hit:hover { background: var(--wp--preset--color--cream); }

.mr-hit img {
	width: 2.6rem;
	height: 2.6rem;
	object-fit: contain;
	background: var(--wp--preset--color--paper);
}

.mr-hit span { display: grid; gap: 0.1rem; min-width: 0; }

.mr-hit b {
	font-family: var(--wp--preset--font-family--mono);
	font-size: 0.68rem;
	font-weight: 500;
	letter-spacing: 0.1em;
	color: var(--wp--preset--color--garnet);
}

.mr-hit i {
	font-style: normal;
	font-size: 0.78rem;
	line-height: 1.3;
	color: var(--wp--preset--color--ink);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* Με τέσσερα items το μενού δεν χρειάζεται να σπάσει σε γραμμές. */
@media (min-width: 64rem) {
	.mr-nav { flex-wrap: nowrap; }
}

/* Κατηγορία που δεν έχει ακόμα προϊόντα: διακριτική, ώστε να διαβάζεται
   ως «έρχεται» και όχι ως σπασμένη κάρτα. */
.mr-cat--soon { opacity: 0.72; }
.mr-cat--soon span { color: var(--wp--preset--color--garnet); }

/* ── Δύο κουμπιά στον ήρωα ──────────────────────────────────────────────
   Το πρώτο πάει στον κατάλογο, το δεύτερο ανοίγει λογαριασμό. Ο νέος
   επισκέπτης θέλει να δει, ο αποφασισμένος θέλει να ξεκινήσει. */

.mr-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.7rem;
	align-items: center;
}

.mr-cta--ghost {
	background: transparent;
	color: var(--wp--preset--color--garnet);
	border: 1px solid var(--wp--preset--color--rule);
}

.mr-cta--ghost:hover {
	background: transparent;
	color: var(--wp--preset--color--bar);
	border-color: var(--wp--preset--color--garnet);
}

/* ── Πώς ξεκινάς ────────────────────────────────────────────────────────
   Η σελίδα τελείωνε χωρίς να ζητάει τίποτα. Εδώ λέει τι πρέπει να κάνει
   ο επισκέπτης για να δει τιμές, και πόσο κοστίζει σε χρόνο. */

.mr-start {
	background: var(--wp--preset--color--cream-soft);
	border-top: 1px solid var(--wp--preset--color--rule);
	margin-top: clamp(3rem, 6vw, 5.5rem);
	padding-block: clamp(3rem, 6vw, 5rem);
}

.mr-start__inner {
	width: min(92rem, 100%);
	margin-inline: auto;
	padding-inline: clamp(1.1rem, 3.2vw, 3.2rem);
	display: grid;
	gap: clamp(2rem, 4vw, 3rem);
}

.mr-start__head h2 {
	font-family: var(--wp--preset--font-family--didot);
	font-size: clamp(2.5rem, 1.9rem + 2.4vw, 3.2rem);
	font-weight: 400;
	line-height: 1.1;
	color: var(--wp--preset--color--garnet);
	max-width: 22ch;
	margin: 0;
}

.mr-start__head p {
	margin: 0.9rem 0 0;
	max-width: 54ch;
	font-size: var(--mr-body);
	line-height: 1.7;
	color: var(--wp--preset--color--muted);
}

/* Τα βήματα είναι αριθμημένα επειδή έχουν πραγματική σειρά: δεν βλέπεις
   τιμές πριν εγκριθείς. Αν δεν ήταν σειρά, δεν θα είχαν νούμερα. */
.mr-steps {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: clamp(1.2rem, 2.5vw, 2rem);
	grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
	counter-reset: none;
}

.mr-steps li {
	display: grid;
	gap: 0.35rem;
	align-content: start;
	padding-top: 1rem;
	border-top: 1px solid var(--wp--preset--color--rule);
}

.mr-steps__no {
	font-family: var(--wp--preset--font-family--mono);
	font-size: 0.68rem;
	letter-spacing: 0.16em;
	color: var(--wp--preset--color--garnet);
}

.mr-steps b {
	font-family: var(--wp--preset--font-family--didot);
	font-size: clamp(1.15rem, 1rem + 0.5vw, 1.45rem);
	font-weight: 400;
	line-height: 1.2;
	color: var(--wp--preset--color--ink);
}

.mr-steps p {
	margin: 0;
	font-size: var(--mr-small);
	line-height: 1.6;
	color: var(--wp--preset--color--muted);
}

.mr-start__cta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.8rem 1.4rem;
}

.mr-start__cta span {
	font-size: 0.78rem;
	color: var(--wp--preset--color--muted);
}

/* ── Άρθρο ημερολογίου ──────────────────────────────────────────────────
   Ο έμπορος διαβάζει το βράδυ, μετά το κλείσιμο, συχνά από κινητό. Η
   στήλη κρατιέται στα 62 χαρακτήρες, το κείμενο μεγαλώνει σε σχέση με τη
   υπόλοιπη σελίδα, και οι επικεφαλίδες αναπνέουν από πάνω. */

.mr-article {
	width: min(46rem, 100%);
	margin-inline: auto;
	padding: clamp(2rem, 5vw, 4.5rem) clamp(1.1rem, 3.2vw, 3.2rem) 0;
}

.mr-article__topic {
	display: inline-block;
	font-family: var(--wp--preset--font-family--mono);
	font-size: 0.62rem;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--wp--preset--color--garnet);
	border-bottom: 1px solid var(--wp--preset--color--garnet);
	padding-bottom: 0.15em;
	margin-bottom: 1.4rem;
}

.mr-article__head h1 {
	font-family: var(--wp--preset--font-family--didot);
	font-size: clamp(2.5rem, 1.9rem + 2.8vw, 3.6rem);
	font-weight: 400;
	line-height: 1.1;
	letter-spacing: -0.005em;
	color: var(--wp--preset--color--garnet);
	margin: 0;
	text-wrap: balance;
	word-break: keep-all;
	hyphens: none;
}

.mr-article__lede {
	margin: 1.1rem 0 0;
	font-size: clamp(1.35rem, 1.2rem + 0.6vw, 1.6rem);
	line-height: 1.55;
	color: var(--wp--preset--color--ink);
}

.mr-article__meta {
	display: flex;
	flex-wrap: wrap;
	gap: 0.3rem 1.2rem;
	margin: 1.6rem 0 0;
	padding-bottom: clamp(1.6rem, 3vw, 2.4rem);
	border-bottom: 1px solid var(--wp--preset--color--rule);
	font-family: var(--wp--preset--font-family--mono);
	font-size: 0.63rem;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--wp--preset--color--muted);
}

.mr-article__meta span:first-child { color: var(--wp--preset--color--garnet); }

/* Το σώμα του κειμένου. Μεγαλύτερο και πιο αραιό από τη σελίδα, γιατί εδώ
   ο κόσμος διαβάζει και δεν σαρώνει. */
.mr-article__body {
	font-size: var(--mr-body);
	line-height: 1.75;
	color: var(--wp--preset--color--ink);
}

.mr-article__body > * { margin-block: 0 1.25em; }

.mr-article__body h2 {
	font-family: var(--wp--preset--font-family--didot);
	font-size: clamp(1.9rem, 1.6rem + 1.4vw, 2.3rem);
	font-weight: 400;
	line-height: 1.2;
	color: var(--wp--preset--color--garnet);
	margin-block: 1.9em 0.55em;
	word-break: keep-all;
	hyphens: none;
}

.mr-article__body h2:first-child { margin-top: 1.4em; }

.mr-article__body strong { font-weight: 600; color: var(--wp--preset--color--ink); }

.mr-article__body ul {
	margin-block: 0 1.5em;
	padding-left: 1.1rem;
	display: grid;
	gap: 0.55em;
}

.mr-article__body li { padding-left: 0.3rem; }
.mr-article__body li::marker { color: var(--wp--preset--color--garnet); }

/* Το απόσπασμα που θέλουμε να μείνει. Χωρίς εισαγωγικά και χωρίς πλάγια:
   ο τόνος του κειμένου είναι ήδη προφορικός. */
.mr-article__body blockquote {
	margin: 2.2em 0;
	padding: 1.3rem 1.5rem;
	background: var(--wp--preset--color--cream-soft);
	border-top: 2px solid var(--wp--preset--color--garnet);
	font-family: var(--wp--preset--font-family--didot);
	font-size: clamp(1.15rem, 1rem + 0.7vw, 1.5rem);
	line-height: 1.4;
	color: var(--wp--preset--color--ink);
}

.mr-article__body blockquote p { margin: 0; }

/* ── Κλείσιμο άρθρου ────────────────────────────────────────────────── */

.mr-article__foot {
	margin-top: clamp(2.5rem, 5vw, 4rem);
	display: grid;
	gap: clamp(1.6rem, 3vw, 2.4rem);
}

.mr-article__ask {
	padding: clamp(1.5rem, 3vw, 2.2rem);
	background: var(--wp--preset--color--cream-soft);
	border: 1px solid var(--wp--preset--color--rule);
	display: grid;
	gap: 0.6rem;
	justify-items: start;
}

.mr-article__ask h2 {
	font-family: var(--wp--preset--font-family--didot);
	font-size: clamp(1.3rem, 1.1rem + 0.9vw, 1.8rem);
	font-weight: 400;
	line-height: 1.2;
	color: var(--wp--preset--color--garnet);
	margin: 0;
	max-width: 24ch;
}

.mr-article__ask p {
	margin: 0;
	font-size: var(--mr-small);
	line-height: 1.6;
	color: var(--wp--preset--color--muted);
	max-width: 46ch;
}

.mr-article__ask .mr-actions { margin-top: 0.6rem; }

.mr-article__next {
	display: grid;
	gap: 0.5rem;
	padding-top: clamp(1.4rem, 3vw, 2rem);
	border-top: 1px solid var(--wp--preset--color--rule);
}

.mr-article__next b {
	font-family: var(--wp--preset--font-family--mono);
	font-size: 0.6rem;
	font-weight: 500;
	letter-spacing: 0.16em;
	color: var(--wp--preset--color--muted);
}

.mr-article__next a {
	font-family: var(--wp--preset--font-family--didot);
	font-size: clamp(1.1rem, 1rem + 0.5vw, 1.35rem);
	line-height: 1.25;
	color: var(--wp--preset--color--ink);
	padding-block: 0.35rem;
}

.mr-article__next a:hover { color: var(--wp--preset--color--garnet); }

/* ── Αρχείο ημερολογίου ─────────────────────────────────────────────── */

.mr-archive__inner {
	width: min(92rem, 100%);
	margin-inline: auto;
	padding: clamp(2.5rem, 5vw, 4.5rem) clamp(1.1rem, 3.2vw, 3.2rem) 0;
}

.mr-archive__head {
	margin-bottom: clamp(2rem, 4vw, 3rem);
	padding-bottom: clamp(1.4rem, 3vw, 2rem);
	border-bottom: 1px solid var(--wp--preset--color--rule);
}

.mr-archive__head h1 {
	font-family: var(--wp--preset--font-family--didot);
	font-size: clamp(2.5rem, 1.9rem + 2.8vw, 3.6rem);
	font-weight: 400;
	line-height: 1.1;
	color: var(--wp--preset--color--garnet);
	margin: 0;
}

.mr-archive__head p {
	margin: 0.9rem 0 0;
	max-width: 54ch;
	font-size: var(--mr-body);
	line-height: 1.7;
	color: var(--wp--preset--color--muted);
}

.mr-archive__empty {
	padding: 2rem 0;
	color: var(--wp--preset--color--muted);
}

.mr-archive__pages {
	margin-top: clamp(2rem, 4vw, 3rem);
	padding-top: 1.4rem;
	border-top: 1px solid var(--wp--preset--color--rule);
	font-family: var(--wp--preset--font-family--mono);
	font-size: 0.72rem;
	letter-spacing: 0.08em;
}

.mr-archive__pages a,
.mr-archive__pages .page-numbers {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	padding-inline: 0.7rem;
	color: var(--wp--preset--color--ink);
}

.mr-archive__pages .current { color: var(--wp--preset--color--garnet); }
.mr-archive__pages a:hover { color: var(--wp--preset--color--garnet); }

/* ── Το γούρι κουνιέται ──────────────────────────────────────────────────
   Κόπηκε από τη σκηνή και ξαναμπήκε στην ίδια ακριβώς θέση: το κομμάτι
   κρατάει το παράθυρο που του δώσαμε, οπότε τα ποσοστά ταιριάζουν χωρίς
   υπολογισμούς. Κρέμεται από κορδόνι, άρα περιστρέφεται από την κορυφή.
   Δύο μοίρες φτάνουν: παραπάνω και μοιάζει με εκκρεμές. */

.mr-gouri {
	position: absolute;
	left: 13.2%;
	top: 0;
	width: 8.6%;
	z-index: 3;
	transform-origin: 50% 2%;
	animation: mr-sway 5.5s cubic-bezier(0.45, 0, 0.55, 1) infinite;
	will-change: transform;
}

.mr-gouri img { display: block; width: 100%; height: auto; }

@keyframes mr-sway {
	0%, 100% { transform: rotate(-2deg); }
	50%      { transform: rotate(2deg); }
}

@media (prefers-reduced-motion: reduce) {
	.mr-gouri { animation: none; }
	.mr-snow { display: none; }
}

/* ── Χάμπουργκερ ─────────────────────────────────────────────────────────
   Μόνο σε κινητό. Ανοίγει με details, χωρίς JavaScript, οπότε δουλεύει με
   δάχτυλο και με πληκτρολόγιο. Στον υπολογιστή δεν υπάρχει: το μενού είναι
   ήδη οριζόντιο και ορατό. */

.mr-burger { display: none; }

.mr-burger > summary {
	list-style: none;
	cursor: pointer;
	display: grid;
	place-items: center;
	width: 44px;
	height: 44px;
}

.mr-burger > summary::-webkit-details-marker { display: none; }
.mr-burger > summary:focus { outline: none; }

.mr-burger > summary:focus-visible {
	outline: 2px solid var(--wp--preset--color--garnet);
	outline-offset: 2px;
}

/* Τρεις γραμμές από ένα στοιχείο: η μεσαία είναι το ίδιο το span, οι άλλες
   δύο ψευδοστοιχεία. Στο άνοιγμα γίνονται σταυρός. */
.mr-burger__bars,
.mr-burger__bars::before,
.mr-burger__bars::after {
	display: block;
	width: 22px;
	height: 1.5px;
	background: var(--wp--preset--color--ink);
	transition: transform 0.3s var(--mr-ease), opacity 0.2s linear;
}

.mr-burger__bars { position: relative; }

.mr-burger__bars::before,
.mr-burger__bars::after {
	content: "";
	position: absolute;
	left: 0;
}

.mr-burger__bars::before { top: -7px; }
.mr-burger__bars::after { top: 7px; }

.mr-burger[open] .mr-burger__bars { background: transparent; }
.mr-burger[open] .mr-burger__bars::before { transform: translateY(7px) rotate(45deg); }
.mr-burger[open] .mr-burger__bars::after { transform: translateY(-7px) rotate(-45deg); }

.mr-burger__panel {
	position: absolute;
	left: 0;
	right: 0;
	top: 100%;
	z-index: 50;
	display: grid;
	padding: 0.6rem 0 1.2rem;
	background: var(--wp--preset--color--cream-soft);
	border-bottom: 1px solid var(--wp--preset--color--rule);
	box-shadow: 0 1.6rem 2.4rem -1.2rem rgba(61, 18, 14, 0.24);
	max-height: calc(100vh - 8rem);
	overflow-y: auto;
}

.mr-burger__panel a {
	padding: 0.72rem clamp(1.1rem, 3.2vw, 3.2rem);
	color: var(--wp--preset--color--ink);
	min-height: 44px;
	display: flex;
	align-items: center;
}

.mr-burger__panel a:hover { background: var(--wp--preset--color--cream); }

.mr-burger__panel b {
	margin: 1rem clamp(1.1rem, 3.2vw, 3.2rem) 0.2rem;
	font-family: var(--wp--preset--font-family--mono);
	font-weight: 500;
	letter-spacing: 0.16em;
	color: var(--wp--preset--color--garnet);
}

.mr-burger__lead {
	font-family: var(--wp--preset--font-family--sans);
	font-weight: 500;
	letter-spacing: 0.06em;
}

/* Σε κινητό: χάμπουργκερ αριστερά, σήμα στο κέντρο, εικονίδια δεξιά. Το
   πλέγμα τριών στηλών κρατάει το σήμα ακριβώς στο κέντρο ακόμα κι όταν οι
   δύο πλευρές δεν έχουν ίδιο πλάτος. */
@media (max-width: 64rem) {
	.mr-masthead { position: relative; }
	.mr-burger { display: block; }
	.mr-nav { display: none; }

	.mr-masthead__inner {
		display: grid;
		/* minmax(0, 1fr) και όχι σκέτο 1fr: το 1fr σημαίνει minmax(auto, 1fr),
		   οπότε η στήλη μεγαλώνει όταν το περιεχόμενό της δεν χωράει και οι
		   δύο πλευρές παύουν να είναι ίσες. Τότε το σήμα ξεφεύγει από το
		   κέντρο. */
		grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
		align-items: center;
		gap: 0.5rem;
	}

	.mr-brand { justify-self: center; }
	.mr-icons { justify-self: end; }

	/* Ο λογαριασμός ζει μέσα στο μενού, ώστε να μη στριμώχνονται τρία
	   εικονίδια δίπλα στο σήμα. Χρειάζεται και τα δύο ονόματα: σκέτο
	   .mr-icon-account χάνει από το .mr-icons a που ορίζει display. */
	.mr-icons .mr-icon-account { display: none; }
}

/* ── Βίντεο στη θέση της σκηνής ──────────────────────────────────────────
   Το βίντεο έχει δικό του φόντο και δικό του κάδρο 16:9, ενώ η εικόνα ήταν
   διάφανη σε 1.52. Δεν μπορεί να λιώσει μέσα στο κρεμ όπως εκείνη, οπότε
   αντί να το κρύψουμε, το παρουσιάζουμε: κάδρο με απαλή γωνία και σκιά,
   σαν φωτογραφία ακουμπισμένη στη σελίδα. */

.mr-video {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
	object-fit: cover;
	border-radius: 1.2rem;
	box-shadow: 0 2rem 3.5rem -1.6rem rgba(61, 18, 14, 0.30);
	background: var(--wp--preset--color--cream-soft);
}

/* Όταν παίζει βίντεο, το γούρι και το χιόνι δεν χρειάζονται: το βίντεο
   έχει τη δική του κίνηση και δύο κινήσεις μαζί γίνονται θόρυβος. */
.mr-scene:has(.mr-video) .mr-snow { display: none; }
.mr-scene:has(.mr-video) .mr-gouri { display: none; }

/* Όποιος έχει ζητήσει λιγότερη κίνηση βλέπει το poster, ακίνητο. */
@media (prefers-reduced-motion: reduce) {
	.mr-video { animation: none; }
}

/* ── Η κάρτα του ημερολογίου φαίνεται πατήσιμη ───────────────────────────
   Ήταν ήδη σύνδεσμος και δούλευε, αλλά τίποτα δεν το έλεγε: ούτε βέλος,
   ούτε ρήμα, και το hover άλλαζε μόνο το περίγραμμα. Ο επισκέπτης δεν
   πατάει ό,τι δεν μοιάζει με κουμπί. */

.mr-entry {
	position: relative;
	align-content: start;
	padding-bottom: clamp(3.2rem, 5vw, 3.8rem);
	transition: border-color 0.4s var(--mr-ease), transform 0.4s var(--mr-ease), box-shadow 0.4s var(--mr-ease);
}

.mr-entry:hover,
.mr-entry:focus-visible {
	border-color: var(--wp--preset--color--garnet);
	transform: translateY(-0.35rem);
	box-shadow: 0 1.4rem 2.4rem -1.2rem rgba(61, 18, 14, 0.22);
}

.mr-entry__go {
	position: absolute;
	left: clamp(1.1rem, 2vw, 1.5rem);
	bottom: clamp(1.1rem, 2vw, 1.5rem);
	display: inline-flex;
	align-items: center;
	gap: 0.7rem;
	font-family: var(--wp--preset--font-family--mono);
	font-size: 0.68rem;
	font-weight: 500;
	letter-spacing: 0.14em;
	color: var(--wp--preset--color--garnet);
}

.mr-entry__go svg {
	width: 22px;
	height: 10px;
	stroke: currentColor;
	fill: none;
	stroke-width: 1.3;
	transition: transform 0.4s var(--mr-ease);
}

.mr-entry:hover .mr-entry__go svg,
.mr-entry:focus-visible .mr-entry__go svg { transform: translateX(0.35rem); }

/* Ο τίτλος συμπεριφέρεται σαν σύνδεσμος, γιατί είναι. */
.mr-entry:hover h3,
.mr-entry:focus-visible h3 { color: var(--wp--preset--color--garnet); }

.mr-entry h3 { transition: color 0.3s var(--mr-ease); }

/* ── Ημερολόγιο: κάρτες κρεμασμένες σε κλωστή ────────────────────────────
   Η ενότητα παίρνει δικό της, σκούρο πεδίο. Κρεμ κάρτες πάνω σε κρεμ δεν
   δείχνουν ότι κάτι είναι μπροστά από κάτι άλλο, και η κλωστή δεν θα είχε
   νόημα. Το σκούρο δίνει και ρυθμό στη σελίδα: δύο ανοιχτές ζώνες, μία
   σκούρα, μετά το υποσέλιδο. */

.mr-diary-band {
	background: var(--wp--preset--color--bar);
	color: var(--wp--preset--color--cream);
	margin-top: clamp(3rem, 6vw, 5.5rem);
	padding-block: clamp(3rem, 6vw, 5rem) clamp(2.5rem, 5vw, 4rem);
}

.mr-diary-band__inner {
	width: min(92rem, 100%);
	margin-inline: auto;
	padding-inline: clamp(1.1rem, 3.2vw, 3.2rem);
}

.mr-diary-band__head h2 {
	font-family: var(--wp--preset--font-family--didot);
	font-size: clamp(2.5rem, 1.9rem + 2.6vw, 3.4rem);
	font-weight: 400;
	line-height: 1.08;
	color: var(--wp--preset--color--cream);
	margin: 0;
}

.mr-diary-band__head p {
	margin: 0.9rem 0 0;
	max-width: 54ch;
	font-size: var(--mr-body);
	line-height: 1.7;
	color: color-mix(in oklab, var(--wp--preset--color--cream) 72%, var(--wp--preset--color--bar));
}

/* Η κλωστή. Περνάει πίσω από τα μανταλάκια, σε ελαφρύ κυματισμό ώστε να
   μη μοιάζει με χάρακα. */
.mr-line { position: relative; margin-top: clamp(3.5rem, 6vw, 5rem); }

.mr-line__cord {
	position: absolute;
	top: -1.4rem;
	left: 0;
	width: 100%;
	height: 40px;
	overflow: visible;
	pointer-events: none;
}

.mr-line__cord path {
	fill: none;
	stroke: var(--wp--preset--color--raw-wood);
	stroke-width: 2;
	opacity: 0.85;
}

.mr-diary {
	position: relative;
	display: grid;
	gap: clamp(1.2rem, 2.4vw, 2rem);
	grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
}

/* Κάθε κάρτα κρέμεται και γέρνει λίγο διαφορετικά. Ίδια γωνία σε όλες θα
   έδειχνε λάθος, όχι στημένο με το χέρι. */
.mr-diary-band .mr-entry {
	background: var(--wp--preset--color--cream-soft);
	border: 0;
	box-shadow: 0 1.4rem 2.6rem -1.2rem rgba(20, 6, 4, 0.55);
	transform-origin: top center;
}

.mr-diary-band .mr-entry:nth-child(4n+1) { transform: rotate(-1.4deg); }
.mr-diary-band .mr-entry:nth-child(4n+2) { transform: rotate(1deg) translateY(0.9rem); }
.mr-diary-band .mr-entry:nth-child(4n+3) { transform: rotate(-0.7deg) translateY(0.4rem); }
.mr-diary-band .mr-entry:nth-child(4n+4) { transform: rotate(1.6deg) translateY(1.2rem); }

.mr-diary-band .mr-entry:hover,
.mr-diary-band .mr-entry:focus-visible {
	transform: rotate(0deg) translateY(-0.4rem);
	box-shadow: 0 2rem 3.2rem -1.2rem rgba(20, 6, 4, 0.6);
}

/* Το μανταλάκι. Δύο ξύλινα σκέλη και το ελατήριο στη μέση. */
.mr-pin {
	position: absolute;
	top: -1.15rem;
	left: 50%;
	width: 15px;
	height: 34px;
	transform: translateX(-50%);
	background: linear-gradient(90deg, #C9A46B 0%, #E0C08C 45%, #B8905A 100%);
	border-radius: 3px 3px 2px 2px;
	box-shadow: 0 2px 4px rgba(20, 6, 4, 0.45);
}

.mr-pin::before {
	content: "";
	position: absolute;
	left: 50%;
	top: 4px;
	width: 1px;
	height: 26px;
	background: rgba(90, 60, 30, 0.55);
	transform: translateX(-50%);
}

.mr-pin::after {
	content: "";
	position: absolute;
	left: 1px;
	right: 1px;
	top: 13px;
	height: 3px;
	border-top: 1px solid rgba(120, 82, 40, 0.7);
	border-bottom: 1px solid rgba(120, 82, 40, 0.7);
}

.mr-diary-band__all {
	display: inline-flex;
	align-items: center;
	gap: 0.9rem;
	margin-top: clamp(2.5rem, 5vw, 3.5rem);
	min-height: 44px;
	font-family: var(--wp--preset--font-family--mono);
	font-size: 0.72rem;
	letter-spacing: 0.16em;
	color: var(--wp--preset--color--raw-wood);
	border-bottom: 1px solid currentColor;
}

.mr-diary-band__all svg { width: 22px; height: 10px; stroke: currentColor; fill: none; stroke-width: 1.3; }
.mr-diary-band__all:hover { color: var(--wp--preset--color--cream); }

/* Σε μία στήλη η οριζόντια κλωστή δεν έχει νόημα: κρύβεται, τα μανταλάκια
   μένουν γιατί αυτά κρατάνε το ύφος. */
@media (max-width: 55rem) {
	.mr-line__cord { display: none; }
	.mr-diary-band .mr-entry { transform: rotate(0deg); }
	.mr-diary-band .mr-entry:hover { transform: translateY(-0.3rem); }
}

@media (prefers-reduced-motion: reduce) {
	.mr-diary-band .mr-entry { transition: none; }
}