/* ═══════════════════════════════════════════════════════════════════════════
   LEADER HELLAS — ΚΑΤΑΛΟΓΟΣ (WooCommerce product archive)
   Figma @1920: hero 612 · margin 0 50 83 · grid padding 0 52 122 · gap 22/26
                κάρτα 786 (visual 655) · printing κάρτα 786 με όνομα 128/90
   ═══════════════════════════════════════════════════════════════════════════ */

.lh-cat-hero,
.lh-catalog,
.lh-catalog *,
.lh-catalog *::before,
.lh-catalog *::after {
	box-sizing: border-box;
}

/* ─── Hero κατηγορίας ──────────────────────────────────────────────────── */

.lh-cat-hero {
	height: 61.2rem;            /* 612px */
	margin: 0 var(--lh-gutter) 8.3rem;
	border-radius: var(--lh-radius);
	overflow: hidden;
}

.lh-cat-hero .lh-cat-hero__img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
}

/* ─── Πλέγμα ───────────────────────────────────────────────────────────── */

.lh-catalog {
	--lh-cat-cols: 3;
	--lh-cat-card-h: 78.6rem;    /* 786px */
	--lh-cat-visual-h: 65.5rem;  /* 655px */
	--lh-cat-bg: var(--lh-light);
	--lh-cat-name: var(--lh-ink);

	width: 100%;
	padding: 0 5.2rem 12.2rem;   /* 52px / 122px */
	display: grid;
	grid-template-columns: repeat(var(--lh-cat-cols), minmax(0, 1fr));
	gap: 2.2rem 2.6rem;
}

.lh-catalog--printing {
	padding-bottom: 12.8rem;     /* 128px */
}

/* ─── Κλασική κάρτα (φωτοτυπικά) ───────────────────────────────────────── */

.lh-cat-card,
.lh-cat-card:hover,
.lh-cat-card:focus {
	color: inherit;
}

.lh-cat-card {
	min-width: 0;
	height: var(--lh-cat-card-h);
	display: block;
	border-radius: var(--lh-radius);
	overflow: hidden;
	background: var(--lh-cat-bg);
	text-decoration: none;
	transition: transform .2s var(--lh-ease), box-shadow .2s var(--lh-ease);
	-webkit-tap-highlight-color: transparent;
}

.lh-cat-card:hover,
.lh-cat-card:focus-visible {
	transform: translateY(-.6rem);
	box-shadow: 0 1.6rem 3.4rem rgba(37, 28, 82, .12);
}

.lh-cat-card__visual {
	height: var(--lh-cat-visual-h);
	padding: 3.2rem;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* (0,2,1) — δες τη σημείωση ειδικότητας στο leader-core.css. */
.lh-catalog .lh-cat-card__visual img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.lh-cat-card__name {
	margin: 0;
	padding: 0 4.1rem;
	color: var(--lh-cat-name);
	font-size: 2.4rem;    /* 24px */
	line-height: 3rem;    /* 30px */
}

/* ─── Κάρτα παλέτας (τυπογραφείου) ─────────────────────────────────────── */

.lh-cat-card--printing {
	position: relative;
	height: var(--lh-cat-card-h);
	padding: 6.7rem 2.8rem 2rem;   /* 67 / 28 / 20 */
	text-align: center;
}

.lh-cat-card__display {
	margin: 0;
	color: var(--lh-blue);
	font-family: var(--lh-display);
	font-size: 12.8rem;     /* 128px */
	font-weight: 800;
	line-height: 9rem;      /*  90px */
	letter-spacing: .256rem;
	text-transform: uppercase;
}

.lh-cat-card--green .lh-cat-card__display {
	color: var(--lh-green);
}

.lh-cat-card__stat {
	margin: 3.7rem 0 0;
	color: var(--lh-ink);
	font-family: var(--lh-display);
	font-size: 4rem;      /* 40px */
	font-weight: 800;
	line-height: 4.7rem;  /* 47px */
	letter-spacing: .08rem;
	text-transform: uppercase;
}

.lh-catalog .lh-cat-card__pallet {
	position: absolute;
	left: 50%;
	bottom: 3.8rem;
	width: 78%;
	height: 36.5rem;   /* 365px */
	transform: translateX(-50%);
	object-fit: contain;
}

/* ═══════════════════════════════════════════════════════════════════════════
   CROSS LINKS — οι δύο κάρτες στο τέλος του καταλόγου
   Figma @1920: min-height 585 · padding 51/54 · τίτλος 420 (μπλε 540)
                κείμενο top 270 left 54 πλάτος 378 · βέλος 75×75 στο 54/54
   ═══════════════════════════════════════════════════════════════════════════ */

.lh-cross,
.lh-cross *,
.lh-cross *::before,
.lh-cross *::after {
	box-sizing: border-box;
}

.lh-cross {
	--lh-cross-h: 58.5rem;   /* 585px */

	width: 100%;
	min-height: var(--lh-cross-h);
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.lh-cross__panel {
	position: relative;
	overflow: hidden;
	min-height: var(--lh-cross-h);
	padding: 5.1rem 5.4rem;   /* 51 / 54 */
	background: var(--lh-panel-color, var(--lh-blue));
	text-decoration: none;
	-webkit-tap-highlight-color: transparent;
}

/* (0,1,1) — ρητό hover, αλλιώς το `a:hover { color:#336 }` του θέματος κερδίζει. */
.lh-cross__panel,
.lh-cross__panel:hover,
.lh-cross__panel:focus,
.lh-cross__panel:active {
	color: var(--lh-white);
}

.lh-cross__panel--cta {
	padding: 4.9rem 5.4rem 5.1rem 5rem;
}

.lh-cross__title {
	position: relative;
	z-index: 2;
	width: 42rem;    /* 420px */
	max-width: 100%;
	margin: 0;
	font-family: var(--lh-display);
	font-size: 5.5rem;
	font-weight: 800;
	line-height: 5.7rem;
	letter-spacing: .11rem;
	text-transform: uppercase;
}

.lh-cross__panel--cta .lh-cross__title {
	width: 54rem;    /* 540px */
}

.lh-cross__text {
	position: absolute;
	z-index: 2;
	top: 27rem;
	left: 5.4rem;
	width: 37.8rem;   /* 378px */
	margin: 0;
	font-size: 2rem;
	line-height: 3rem;
}

.lh-cross__panel--cta .lh-cross__text {
	top: 25rem;
	left: 5rem;
}

.lh-cross__btn {
	position: absolute;
	z-index: 3;
	right: var(--lh-cross-btn-right, 5.6rem);
	bottom: 5.5rem;
}

/* Πάνελ με κεντραρισμένο λογότυπο — σελίδα επικοινωνίας. */
.lh-cross__panel--logo {
	display: flex;
	align-items: center;
	justify-content: center;
}

.lh-cross .lh-cross__logo {
	position: static;
	width: var(--lh-cross-logo-w, 62%);
	height: auto;
	object-fit: contain;
}

.lh-cross .lh-cross__art {
	position: absolute;
	right: 2.7rem;
	bottom: 0;
	width: 47%;
	height: 75%;
	object-fit: contain;
	object-position: bottom right;
}

.lh-cross .lh-cross__arrow {
	position: absolute;
	left: 5.4rem;
	bottom: 5.4rem;
	width: 7.5rem;
	height: 7.5rem;
	transition: transform .25s var(--lh-ease);
}

.lh-cross__panel:hover .lh-cross__arrow,
.lh-cross__panel:focus-visible .lh-cross__arrow {
	transform: translateX(.8rem);
}

/* ═══════════════════════════════════════════════════════════════════════════
   ≤1024px
   ═══════════════════════════════════════════════════════════════════════════ */

@media (max-width: 1024px) {

	.lh-cat-hero {
		height: 36rem;
		margin: 0 var(--lh-gutter) 4.8rem;
	}

	.lh-catalog {
		--lh-cat-cols: 2;
		--lh-cat-card-h: 55rem;
		--lh-cat-visual-h: 44rem;

		padding: 0 var(--lh-gutter) 8rem;
	}

	.lh-catalog--printing {
		padding-bottom: 8rem;
	}

	.lh-cat-card__display {
		font-size: 8.4rem;
		line-height: 6.4rem;
	}

	.lh-cat-card__stat {
		margin-top: 2.4rem;
		font-size: 2.8rem;
		line-height: 3.4rem;
	}

	.lh-catalog .lh-cat-card__pallet {
		bottom: 2.4rem;
		height: 22rem;
	}

	.lh-cat-card__name {
		padding-inline: 2.4rem;
		font-size: 2rem;
	}

	.lh-cross {
		--lh-cross-h: 50rem;
		grid-template-columns: 1fr;
	}

	.lh-cross__panel,
	.lh-cross__panel--cta {
		padding: 4.5rem 2.8rem;
	}

	.lh-cross__title,
	.lh-cross__panel--cta .lh-cross__title {
		width: 70%;
	}

	.lh-cross__text,
	.lh-cross__panel--cta .lh-cross__text {
		top: 21rem;
		left: 2.8rem;
		width: calc(100% - 5.6rem);
	}

	.lh-cross__btn {
		right: 2.8rem;
		bottom: 2.8rem;
	}

	.lh-cross .lh-cross__logo {
		width: 86%;
	}

	.lh-cross .lh-cross__arrow {
		left: 2.8rem;
		bottom: 2.8rem;
	}
}

@media (max-width: 767px) {

	.lh-catalog {
		--lh-cat-cols: 1;
		--lh-cat-card-h: 65rem;
		--lh-cat-visual-h: 52rem;
	}

	.lh-cat-card__display {
		font-size: 9.2rem;
		line-height: 8rem;
	}
}

@media (prefers-reduced-motion: reduce) {

	.lh-cat-card,
	.lh-cross .lh-cross__arrow {
		transition: none;
	}

	.lh-cat-card:hover,
	.lh-cat-card:focus-visible,
	.lh-cross__panel:hover .lh-cross__arrow {
		transform: none;
	}
}