/* ═══════════════════════════════════════════════════════════════════════════
   LEADER HELLAS — ΣΕΛΙΔΑ ΠΡΟΪΟΝΤΟΣ (WooCommerce single product)
   Figma @1920: grid 748 + 505 με gap 173 · padding 85 0 88 203
                gallery main 833 · thumbs 143×160 gap 24
                printing preview: όνομα 128/90 · stat 40/47 · παλέτα 66% × 480
   ═══════════════════════════════════════════════════════════════════════════ */

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

.lh-product {
	--lh-pd-gallery-w: 74.8rem;   /* 748px */
	--lh-pd-info-w: 50.5rem;      /* 505px */
	--lh-pd-gap: 17.3rem;         /* 173px */
	--lh-pd-main-h: 83.3rem;      /* 833px */
	--lh-pd-bg: var(--lh-light);

	width: 100%;
	min-height: 100.6rem;
	padding: 8.5rem 0 8.8rem 20.3rem;
	display: grid;
	grid-template-columns: var(--lh-pd-gallery-w) var(--lh-pd-info-w);
	justify-content: start;
	gap: var(--lh-pd-gap);
}

/* ─── Gallery ──────────────────────────────────────────────────────────── */

.lh-product__gallery {
	display: flex;
	flex-direction: column;
	gap: 1.6rem;
}

.lh-product__main {
	position: relative;
	height: var(--lh-pd-main-h);
	border-radius: var(--lh-radius);
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--lh-pd-bg);
}

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

.lh-product__thumbs {
	display: flex;
	gap: 2.4rem;
}

.lh-product__thumb {
	appearance: none;
	width: 14.3rem;    /* 143px */
	height: 16rem;     /* 160px */
	padding: .8rem;
	border: .2rem solid transparent;
	border-radius: var(--lh-radius);
	background: var(--lh-pd-bg);
	cursor: pointer;
	transition: border-color .2s var(--lh-ease);
}

/*
 * Ρητό φόντο και στο hover/focus: το `button:hover { background-color:#c36 }`
 * του hello-elementor (0,1,1) νικούσε το `.lh-product__thumb` (0,1,0) και οι
 * μικρογραφίες γίνονταν ροζ. Ειδικότητα (0,1,1) εδώ, με το δικό μας stylesheet
 * να φορτώνει αργότερα.
 */
.lh-product__thumb:hover,
.lh-product__thumb:focus {
	background: var(--lh-pd-bg);
	color: inherit;
}

.lh-product__thumb.is-active {
	border-color: var(--lh-blue);
}

.lh-product__thumb:focus-visible {
	outline: .2rem solid var(--lh-blue);
	outline-offset: .3rem;
}

.lh-product .lh-product__thumb img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

/* ─── Προεπισκόπηση τυπογραφικού (χωρίς gallery) ───────────────────────── */

.lh-product__main--printing {
	flex-direction: column;
	justify-content: flex-start;
	padding: 7.6rem 3.5rem 3.5rem;
}

.lh-product__preview-name {
	margin: 0;
	color: var(--lh-blue);
	font-family: var(--lh-display);
	font-size: 12.8rem;
	font-weight: 800;
	line-height: 9rem;
	letter-spacing: .256rem;
	text-transform: uppercase;
}

.lh-product__main--green .lh-product__preview-name {
	color: var(--lh-green);
}

.lh-product__preview-stat {
	margin: 3.7rem 0 0;
	color: var(--lh-ink);
	font-family: var(--lh-display);
	font-size: 4rem;
	font-weight: 800;
	line-height: 4.7rem;
	letter-spacing: .08rem;
	text-align: center;
	text-transform: uppercase;
}

.lh-product .lh-product__main--printing > img {
	width: 66%;
	height: 48rem;    /* 480px */
	margin-top: 2.5rem;
	object-fit: contain;
}

/* ─── Πληροφορίες ──────────────────────────────────────────────────────── */

.lh-product__title {
	margin: 0 0 3.3rem;
	color: var(--lh-navy);
	font-family: var(--lh-display);
	font-size: 4rem;      /* 40px */
	font-weight: 800;
	line-height: 4.2rem;  /* 42px */
	letter-spacing: .08rem;
	text-transform: uppercase;
}

.lh-product__lead {
	margin: 0 0 3.1rem;
	font-size: 2.4rem;    /* 24px */
	line-height: 3rem;
}

.lh-product__meta {
	margin: 0 0 3.8rem;
	font-size: 2.4rem;
	line-height: 3rem;
}

.lh-product__meta dt {
	margin-top: 2rem;
	font-weight: 700;
	text-transform: uppercase;
}

.lh-product__meta dt:first-child {
	margin-top: 0;
}

.lh-product__meta dd {
	margin: 0;
}

.lh-product__specs {
	margin: 0 0 7.4rem;
	font-size: 2rem;
	line-height: 3rem;
}

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

@media (max-width: 1024px) {

	.lh-product {
		min-height: 0;
		padding: 5.5rem var(--lh-gutter) 8rem;
		grid-template-columns: minmax(0, 1fr);
		gap: 5.5rem;
	}

	.lh-product__main {
		height: min(110vw, 70rem);
	}

	.lh-product__preview-name {
		font-size: 9.2rem;
		line-height: 8rem;
	}

	.lh-product__preview-stat {
		margin-top: 2.4rem;
		font-size: 3rem;
		line-height: 3.6rem;
	}

	.lh-product .lh-product__main--printing > img {
		height: 34rem;
	}

	.lh-product__thumb {
		width: 11rem;
		height: 12.4rem;
	}

	.lh-product__title {
		font-size: 3.4rem;
		line-height: 3.8rem;
	}

	.lh-product__lead,
	.lh-product__meta {
		font-size: 2.2rem;
	}

	.lh-product__specs {
		margin-bottom: 4.5rem;
	}
}