/*
 * Termékoldal (single-grow_product) — koncepció v6, fix 9 blokkos sablon.
 * Csak termékoldalon töltendő be, a grow-main után.
 * Blokk-sorrend: 1 fejléc → 2 adatcsík (chip bar) → 3 bevezető sáv →
 * 4 jelentkezési blokk → 5 mindig nyitott blokkok → 6 Kiemelés-sáv →
 * 7 gyakori kérdések → 8 felelős szakértő(k) → 9 záró CTA.
 */

/* ============ 1 · Fejléc ============ */
.product-head {
	background: var(--mist);
	border-bottom: 1px solid var(--line);
	padding-block: calc(var(--space-section) * 0.55) clamp(2rem, 4vw, 3rem);
}
.product-title {
	font-family: var(--font-display);
	font-weight: 800;
	font-size: clamp(2.2rem, 5vw, 3.8rem);
	line-height: 1.05;
	letter-spacing: -0.02em;
}
.product-subtitle {
	margin-top: 0.9rem;
	max-width: 60ch;
	font-size: clamp(1.05rem, 2vw, 1.3rem);
	line-height: 1.4;
	color: var(--ink-soft);
}

/* ============ 2 · Adatcsík (chip bar) ============ */
.product-chips {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
	margin: clamp(1.5rem, 3vw, 2.5rem) 0 0;
}
.chip {
	display: flex;
	flex-direction: column;
	gap: 0.2rem;
	padding: 0.7rem 1.1rem;
	border: 1px solid var(--line);
	border-radius: var(--radius-s);
	background: var(--paper);
}
.chip-label {
	font-size: 0.72rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	color: var(--ink-soft);
}
.chip-value { font-weight: 700; font-size: 1rem; }
/* "Mire épül?" chipek — a névre illő módszertan-poszttal rendelkezők kattinthatók (data-method
   → módszertan-modál, l. functions.php grow_modszertan_by_name + assets/js/modszertan-modal.js);
   a többi egyszerű jelvény marad. */
.chip-method {
	flex-direction: row;
	align-items: center;
	font-weight: 600;
	color: var(--accent-deep);
	border-color: var(--accent);
	background: transparent;
}
.chip-method.is-clickable {
	cursor: pointer;
	transition: background-color .15s ease, border-color .15s ease, color .15s ease;
}
.chip-method.is-clickable:hover,
.chip-method.is-clickable:focus-visible {
	background: var(--accent);
	border-color: var(--accent-deep);
	color: var(--white);
}
/* A rejtett módszertan-tartalom node-ok (#modszertan-<slug>) sosem jelennek meg a lapon —
   csak a modál JS olvassa ki az innerHTML-jüket; explicit [hidden] szabály védi ezt egy
   esetleges ütköző display-szabály ellen. */
.modszertan-content[hidden] { display: none; }

@media (max-width: 640px) {
	.product-chips {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 0.6rem;
	}
}

/* ============ 3 · Bevezető sáv ============ */
.product-intro { padding-top: calc(var(--space-section) * 0.6); }
.product-intro-grid {
	display: grid;
	grid-template-columns: 1.5fr 1fr;
	gap: clamp(1.5rem, 4vw, 3rem);
	align-items: center;
}
.product-intro-text p,
.product-roviden-quote-inner p {
	margin: 0 0 1.1em;
}
.product-intro-text p:last-child,
.product-roviden-quote-inner p:last-child {
	margin-bottom: 0;
}

/* Kliens (2026-09-14): a „Röviden" letisztult idézet — kissé elforgatott sárga csík (bal oldali sáv)
   + nagy petrol display-szöveg + halvány idézőjel. (A korábbi teli sárga tábla „csúnya" volt.) */
.product-roviden-quote {
	position: relative;
	margin-block: clamp(2rem, 4vw, 3.25rem);
	padding-left: clamp(1.75rem, 4vw, 3rem);
}
.product-roviden-quote::before { /* halvány sárga idézőjel a háttérben */
	content: "\201E";
	position: absolute;
	left: clamp(1.1rem, 2.6vw, 2rem);
	top: -0.35em;
	z-index: -1;
	font-family: var(--font-display);
	font-weight: 900;
	font-size: clamp(3.5rem, 8vw, 6rem);
	line-height: 1;
	color: var(--yellow);
	opacity: 0.45;
	pointer-events: none;
}
.product-roviden-brush { /* a „sárga csík" — kissé elforgatott bal oldali sáv */
	position: absolute;
	left: 0;
	top: 0.35rem;
	bottom: 0.35rem;
	width: clamp(0.5rem, 0.9vw, 0.7rem);
	background: var(--yellow);
	transform: rotate(-1.2deg);
	border-radius: 6px;
}
.product-roviden-quote-inner {
	color: var(--petrol);
	font-family: var(--font-display);
	font-weight: 700;
	font-size: clamp(1.3rem, 2.5vw, 2rem);
	line-height: 1.4;
	letter-spacing: -0.01em;
	text-wrap: pretty;
}

.product-video { margin: 0; }
.product-video video,
.product-video img {
	width: 100%;
	aspect-ratio: 16 / 9;
	object-fit: cover;
	border-radius: var(--radius);
	background: var(--ink);
}
.product-video-note {
	margin-top: 0.6rem;
	font-size: 0.85rem;
	color: var(--ink-soft);
}

@media (max-width: 860px) {
	.product-intro-grid { grid-template-columns: 1fr; }
}

/* ============ 4 · Jelentkezési blokk (csak nyílt képzésnél) ============ */
.product-apply-section {
	background: var(--mist);
	border-block: 1px solid var(--line);
	padding-block: clamp(2rem, 4vw, 3rem);
}
.product-apply {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 1.5rem 2rem;
}
.product-apply-fact {
	display: flex;
	flex-direction: column;
	gap: 0.25rem;
}
.product-apply-label {
	font-size: 0.75rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.09em;
	color: var(--ink-soft);
}
.product-apply-value { font-weight: 700; font-size: 1.1rem; }
.product-apply-cta { flex-shrink: 0; margin-left: auto; }

/* ============ 5 · Mindig nyitott blokkok + 8 · Felelős szakértő(k) (megosztott szakasz-keret) ============ */
.product-body { padding-block: calc(var(--space-section) * 0.6); }
.product-body + .product-body { padding-top: 0; }
.product-open-block + .product-open-block { margin-top: clamp(2rem, 4vw, 3rem); }
.product-heading {
	font-size: clamp(1.5rem, 2.6vw, 2rem);
	font-weight: 800;
	letter-spacing: -0.01em;
	line-height: 1.15;
	margin-bottom: 1.25rem;
}
/* A main.css nullázza a p/h margókat — a szerkesztett tartalomnak vissza kell adni a ritmust. */
.product-content { max-width: none; } /* kliens (2026-09-14): a szöveg margótól margóig, nincs üres rész jobbra */
.product-content p { margin: 0 0 1.1em; }
.product-content p:last-child { margin-bottom: 0; }
.product-content ul,
.product-content ol { margin: 0 0 1.1em; padding-left: 1.3em; }
.product-content li { margin-bottom: 0.35em; }
.product-content a {
	color: var(--accent-deep);
	text-decoration: underline;
	text-underline-offset: 3px;
}

/* Pipás lista — "Mikor érdemes belevágni?" */
.product-checklist ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.product-checklist li {
	position: relative;
	padding-left: 1.7em;
	margin-bottom: 0.7em;
	font-size: 1.05rem;
}
.product-checklist li:last-child { margin-bottom: 0; }
.product-checklist li::before {
	content: "\2713";
	position: absolute;
	left: 0;
	top: 0;
	color: var(--accent-deep);
	font-weight: 700;
}

/* „Kinek szól a program" — folyószöveg, pont nélkül (kliens 2026-10-02) */
/* Kliens 2026-10-05 (#13): „Mire épül?" a Miről szól törzsében */
.product-mirol-methods { margin-top: 1.5rem; display: flex; flex-wrap: wrap; align-items: baseline; gap: 0.5rem 0.75rem; }
.product-mirol-methods .product-methods-label { font-weight: 700; color: var(--petrol); }
.product-two-text p { line-height: 1.65; margin: 0 0 1.1em; font-size: 1.05rem; }
.product-two-text p:last-child { margin-bottom: 0; }

/* ============ 6 · Kiemelés (petrol sáv) ============ */
.product-highlight {
	background: var(--petrol);
	padding-block: clamp(2rem, 4vw, 3rem);
}
.product-highlight p {
	font-size: clamp(1.15rem, 2.2vw, 1.4rem);
	font-weight: 600;
	line-height: 1.4;
	color: var(--white);
}

/* ============ 7 · Gyakori kérdések (lenyílók) ============ */
.product-faq { padding-block: calc(var(--space-section) * 0.6); }
.product-faq details {
	border-bottom: 1px solid var(--line);
	padding-block: 1.1rem;
}
.product-faq details:first-of-type { border-top: 1px solid var(--line); }
.product-faq summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	cursor: pointer;
	font-weight: 700;
	font-size: 1.1rem;
	list-style: none;
}
.product-faq summary::-webkit-details-marker { display: none; }
.product-faq summary::after {
	content: "+";
	flex-shrink: 0;
	font-size: 1.4rem;
	font-weight: 400;
	color: var(--accent-deep);
	transition: transform 0.2s;
}
.product-faq details[open] summary::after { transform: rotate(45deg); }
.product-faq-body { margin-top: 0.9rem; }
.product-faq-body p { margin: 0 0 1.1em; }
.product-faq-body p:last-child { margin-bottom: 0; }
.product-faq-body ul { margin: 0; padding-left: 1.3em; }
.product-faq-body li { margin-bottom: 0.35em; }

/* ============ 8 · Felelős szakértő(k) ============ */
/* Kliens (2026-09-28): a kolléga-kártyák két oszlopban; a kicker az egész sort átfogja. */
.product-experts {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0.75rem;
	align-items: stretch;
}
.product-expert {
	display: flex;
	align-items: center; /* kliens 2026-10-20: csak kép + név + titulus — a szöveg a kép közepéhez igazodik */
	gap: 1.1rem;
	padding: 1.25rem 1.4rem;
	border: 1px solid var(--line);
	border-radius: var(--radius);
	transition: border-color 0.2s;
}
.product-expert:hover { border-color: var(--accent); }
.product-expert-photo {
	width: 72px;
	height: 72px;
	object-fit: cover;
	border-radius: var(--radius-s);
	flex-shrink: 0;
}
.product-expert-ph {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.6rem;
	font-weight: 700;
	color: var(--white);
	background: linear-gradient(160deg, var(--slate), var(--petrol));
}
.product-expert-text {
	display: flex;
	flex-direction: column;
	gap: 0.15rem;
}
.product-expert-kicker {
	display: block;
	grid-column: 1 / -1;
	margin-bottom: 0.4rem;
	font-size: 0.72rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.09em;
	color: var(--ink-soft);
}
@media (max-width: 640px) {
	.product-experts { grid-template-columns: 1fr; }
}
.product-expert-name { font-size: 1.15rem; }
.product-expert-role { color: var(--ink-soft); font-size: 0.95rem; }

/* ============ 9 · Záró CTA ============ */
.product-cta {
	background: var(--mist);
	border-top: 1px solid var(--line);
	padding-block: clamp(2.5rem, 5vw, 4rem);
}
.product-cta-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 2rem;
	flex-wrap: wrap;
}
.product-cta h2 { font-size: clamp(1.7rem, 3vw, 2.4rem); font-weight: 800; }
.product-cta p {
	color: var(--ink-soft);
	margin-top: 0.4rem;
	max-width: 52ch;
}
.product-cta-actions {
	display: flex;
	align-items: center;
	gap: 0.8rem;
	flex-wrap: wrap;
}

/* Akkreditációs logók (kliens 2026-09-10) — csak az akkreditált képzések adatlapján. Fehér háttér,
   mert az EMCC Foundation fehér hátterű JPG (csak fehér felületen ülhet). Fix logó-szélességek: az
   EMCC Practitioner apró (142×68) → max ~70px éles marad; a többi arányosan. */
.product-accred { padding-block: clamp(1.5rem, 3vw, 2.5rem); background: #fff; }
.product-accred-groups { display: flex; flex-wrap: wrap; gap: clamp(1.5rem, 4vw, 3rem); margin-top: 1rem; align-items: flex-start; }
.product-accred-group { display: flex; flex-direction: column; gap: 0.65rem; }
.product-accred-level { font-size: 0.8rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; color: var(--ink-soft); margin: 0; }
.product-accred-logos { display: flex; flex-wrap: wrap; gap: clamp(1rem, 2.5vw, 1.75rem); align-items: center; }
.product-accred-logo { height: auto; display: block; }
.product-accred-logo--level2 { width: 84px; }
.product-accred-logo--pract  { width: 70px; }
.product-accred-logo--found  { width: 132px; }
.product-accred-logo--cce    { width: 90px; }
/* Kliens 2026-10-04 (3/B): akkreditációs logók a „Miről szól" folyószöveg alatt, cím nélkül */
.product-mirol-accred { margin-top: 1.5rem; }
.product-mirol-accred .product-accred-groups { margin-top: 0; }

/* Termékadatlap hero-kép (kliens 2026-09-28) — külön feltölthető hero-kép (_grow_hero_kep), a hero
   tetején, a „Miről szól" melletti média-slottól függetlenül (az marad a Kiemelt kép/videó helye). */
.product-hero-img { display: block; width: 100%; max-height: 440px; object-fit: cover; border-radius: var(--radius); margin-bottom: clamp(1.25rem, 3vw, 2rem); }

/* =====================================================================
   Termékoldal v3 (kliens 2026-09-15) — átvariált blokkok. A régi
   .product-head/.product-chips/.product-intro/.product-apply/.product-faq
   szabályok fentebb megmaradnak (a fejlesztéstípus-oldal is a product.css-t
   használja), de az új sablon már ezeket az osztályokat rendereli.
   ===================================================================== */

/* Segéd: csak képernyőolvasónak (a téma eddig nem definiálta). */
.screen-reader-text { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }

/* 1 · Navigációs infó-sáv (breadcrumb) — NEM kattintható. */
.product-breadcrumb { background: var(--mist); border-bottom: 1px solid var(--line); }
.product-breadcrumb .container { padding-block: 0.6rem; font-size: 0.85rem; color: var(--ink-soft); line-height: 1.4; }

/* 2 · Hero — cím + alcím + kulcsértékek + 2 gomb (a régi .product-hero width:100% marad). */
.product-hero { width: 100%; padding-block: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 3vw, 2.25rem); }
.product-hero-facts { display: flex; flex-wrap: wrap; gap: clamp(1rem, 3vw, 2.75rem); margin: clamp(1.25rem, 2.5vw, 1.75rem) 0 0; padding: 0; }
.product-hero-fact { margin: 0; }
.product-hero-fact dt { font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.07em; color: var(--ink-soft); }
.product-hero-fact dd { margin: 0.15rem 0 0; font-weight: 700; font-size: 1.1rem; color: var(--ink); }
.product-hero-actions { display: flex; flex-wrap: wrap; gap: 0.75rem; margin-top: clamp(1.5rem, 3vw, 2rem); }
/* Másodlagos, „ghost" petrol-gomb (a hero „Ingyenes konzultáció"-ja). A 2px keret miatt a paddingból
   levonunk 2px-et, hogy a szomszédos tömör .btn-nel azonos magas legyen. */
.btn-ghost-petrol { background: transparent; color: var(--petrol); border: 2px solid var(--petrol); padding: calc(0.75rem - 2px) calc(1.5rem - 2px); }
.btn-ghost-petrol:hover, .btn-ghost-petrol:focus-visible { background: var(--petrol); color: #fff; }

/* 3 · Sárga adatcsík — a főoldali logósáv stílusában (a régi hero-„címkék" tartalma). */
.product-factstrip { background: var(--yellow); color: var(--petrol); padding-block: clamp(0.95rem, 2vw, 1.5rem); }
.product-factstrip-in { display: flex; flex-wrap: wrap; align-items: baseline; gap: clamp(1rem, 3vw, 2.5rem); }
.product-fact { display: flex; flex-direction: column; gap: 0.1rem; }
.product-fact-label { font-size: 0.72rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; opacity: 0.72; }
.product-fact-value { font-weight: 700; font-size: 0.98rem; line-height: 1.35; }
.product-fact--methods { flex-direction: column; }
.product-methods { display: flex; flex-wrap: wrap; gap: 0.4rem; margin-top: 0.25rem; }
.product-factstrip .chip-method { padding: 0.35rem 0.7rem; border-color: rgba(30, 67, 89, 0.4); color: var(--petrol); background: rgba(255, 255, 255, 0.35); }
.product-factstrip .chip-method.is-clickable:hover, .product-factstrip .chip-method.is-clickable:focus-visible { background: var(--petrol); color: #fff; border-color: var(--petrol); }

/* 4 · Két hasáb — „Miről szól" + kép/videó. */
.product-about { padding-block: clamp(2.5rem, 5vw, 4rem); }
.product-about-grid { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(1.5rem, 4vw, 3rem); align-items: center; }
.product-lead { font-size: clamp(1.1rem, 1.5vw, 1.3rem); font-weight: 600; color: var(--petrol); line-height: 1.4; margin: 0 0 1rem; }
.product-about-text p { line-height: 1.65; margin: 0 0 1.1em; }
.product-about-text p:last-child { margin-bottom: 0; }
.product-media { margin: 0; }
.product-media video, .product-media img { width: 100%; display: block; border-radius: var(--radius); aspect-ratio: 16 / 9; object-fit: cover; }
/* Régi oldal ábrája (diagram/logó) — nem vágjuk 16:9-re, egészben látszódjon (kliens 2026-10-02) */
.product-media-abra { aspect-ratio: auto !important; object-fit: contain !important; max-height: 420px; background: var(--mist); padding: 0.75rem; }
.product-media-ph { display: block; width: 100%; aspect-ratio: 16 / 9; border-radius: var(--radius); background: linear-gradient(160deg, var(--petrol), var(--slate)); }
/* Kliens 2026-10-05 (#6, „A" irány): arculatos 16:9 programkártya videó/ábra hiányában */
.product-media-card { container-type: inline-size; position: relative; width: 100%; aspect-ratio: 16 / 9; border-radius: var(--radius); overflow: hidden; background: linear-gradient(135deg, var(--petrol), var(--slate)); display: flex; flex-direction: column; justify-content: flex-end; isolation: isolate; }
.product-media-card-motif { position: absolute; inset: 0; width: 100%; height: 100%; z-index: 0; pointer-events: none; }
.product-media-card-body { position: relative; z-index: 1; padding: 7.5cqi 7cqi; }
.product-media-card-kicker { display: block; font-family: var(--font-body); font-weight: 700; text-transform: lowercase; letter-spacing: 0.14em; font-size: 3.4cqi; color: var(--light); margin: 0 0 2.2cqi; }
.product-media-card-name { display: block; font-family: var(--font-display); font-weight: 800; letter-spacing: -0.01em; line-height: 1.03; font-size: 8.5cqi; color: #fff; }
.product-media-card-bar { display: block; height: 1.6cqi; width: 16cqi; border-radius: 2px; background: var(--yellow); margin-top: 4.2cqi; }
/* YouTube/Vimeo oEmbed — reszponzív 16:9 keret (a szolgáltatói iframe-et abszolút kitöltjük). */
.product-media-embed { position: relative; width: 100%; aspect-ratio: 16 / 9; border-radius: var(--radius); overflow: hidden; background: var(--ink); }
.product-media-embed iframe, .product-media-embed video, .product-media-embed object, .product-media-embed embed { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }

/* 5 · Két hasáb — „Kinek szól" + „Mit viszel". */
.product-two { padding-block: clamp(2rem, 4vw, 3.5rem); } /* Kliens 2026-10-05 (#14): a kékes flekk innen lekerült */
.product-two-grid { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(1.5rem, 4vw, 3rem); align-items: start; }

/* 6 · Részletes programtájékoztató — e-mail-kapu + PDF-export. */
.product-detailed { padding-block: clamp(2.5rem, 5vw, 4rem); scroll-margin-top: calc(var(--header-h, 72px) + 1rem); background: var(--mist); } /* Kliens 2026-10-05 (#14): a kékes flekk ide került */
/* Kliens 2026-10-05 (#15): teaser (vágott+elhalványuló törzs) + e-mail-cella a jobb alsó sarokban. */
.product-detailed-wrap { position: relative; }
.product-detailed-wrap.is-gated .product-detailed-body { max-height: 9rem; overflow: hidden; --gate-fade: linear-gradient(180deg, #000 calc(100% - 3.6em), rgba(0, 0, 0, 0.45) calc(100% - 1.8em), rgba(0, 0, 0, 0.08) 100%); -webkit-mask-image: var(--gate-fade); mask-image: var(--gate-fade); } /* Kliens 2026-10-06 (#15): látványosabb elhalványulás, az utolsó KÉT sor (≈2×1.8em) halványul, nem csak a vége */
.product-gate { background: var(--paper); border: 1px solid var(--line); border-radius: var(--radius); padding: clamp(1rem, 2vw, 1.4rem); box-shadow: 0 10px 30px rgba(30, 67, 89, 0.16); max-width: min(100%, 26rem); }
.product-detailed-wrap.is-gated { min-height: 13rem; } /* Kliens 2026-10-05 (#15): hely a sarok-cellának, hogy a ~10rem-es kártya ne lógjon a 9rem-re vágott teaser fölé a címsorra */
.product-detailed-wrap.is-gated > .product-gate { position: absolute; right: 0; bottom: 0; }
.product-gate-prompt { margin: 0 0 0.65rem; font-weight: 700; color: var(--petrol); }
.product-gate-row { display: flex; gap: 0.5rem; align-items: stretch; }
.product-gate-row input[type="text"] { flex: 1 1 auto; min-width: 0; padding: 0.7rem 0.9rem; border: 1px solid var(--line); border-radius: var(--radius-s); font: inherit; background: #fff; transition: box-shadow 0.2s, border-color 0.2s; }
@keyframes grow-gate-attn {
	0%, 100% { box-shadow: 0 0 0 0 rgba(58, 122, 146, 0); border-color: var(--line); }
	35%      { box-shadow: 0 0 0 4px rgba(58, 122, 146, 0.35); border-color: var(--accent); }
}
.product-gate-row input[type="text"].is-attn { animation: grow-gate-attn 1.1s ease 2; }
@media (prefers-reduced-motion: reduce) {
	.product-gate-row input[type="text"].is-attn { animation: none; border-color: var(--accent); box-shadow: 0 0 0 3px rgba(58, 122, 146, 0.3); }
}
.product-gate-submit { flex: 0 0 auto; font-size: 1.25rem; line-height: 1; padding: 0.55rem 0.95rem; }
.product-gate-note { margin: 0.6rem 0 0; font-size: 0.8rem; color: var(--ink-soft); }
.product-gate-note a { color: inherit; text-decoration: underline; }
.product-gate .callback-error { margin-top: 0.55rem; }
@media (max-width: 640px) {
	.product-detailed-wrap.is-gated { min-height: 0; } /* mobilon a cella statikus (a teaser alatt folyik), nem kell fenntartott hely */
	.product-detailed-wrap.is-gated > .product-gate { position: static; max-width: 100%; margin-top: 1rem; }
	.product-detailed-wrap.is-gated .product-detailed-body { max-height: 7rem; }
}
.product-detailed-body[hidden] { display: none; }
.product-detailed-body p { line-height: 1.65; margin: 0 0 1.1em; }
.product-detailed-body p:last-child { margin-bottom: 0; }
/* <strong> alcímek a részletes tájékoztatóban (kliens 2026-10-02) */
.product-detailed-body .prog-subhead { margin: 1.6em 0 0.5em; font-size: 1.1rem; }
.product-detailed-body .prog-subhead:first-child { margin-top: 0; }
.product-detailed-body .prog-subhead strong { color: var(--petrol); }
.product-detailed-body ul { margin: 0 0 1.1em; padding-left: 1.3em; }
.product-detailed-body ul li { line-height: 1.6; margin-bottom: 0.4em; }
.product-detailed-price { margin-top: 1.5rem; padding-top: 1.25rem; border-top: 1px solid var(--line); }
.product-detailed-price h3 { margin: 0 0 0.4rem; font-family: var(--font-display); font-size: 1.1rem; }
.product-detailed-price p { margin: 0; }
.product-detailed-actions { margin-top: 1.75rem; display: flex; flex-wrap: wrap; gap: 0.75rem; }

/* Kliens 2026-10-16: kapcsolattartó a regwall mögött — arckép + név, e-mail (mérve), telefon. */
.product-contact {
	display: flex;
	align-items: center;
	gap: 1.1rem;
	margin-top: 1.5rem;
	padding: 1.25rem 1.4rem;
	background: var(--white); /* a „Hogyan dolgozunk?" szakasz mist hátterén kártyaként váljon el */
	border-radius: var(--radius);
	max-width: 34rem;
}
.product-contact-photo { width: 72px; height: 72px; object-fit: cover; border-radius: var(--radius-s); flex-shrink: 0; }
.product-contact-text { display: flex; flex-direction: column; gap: 0.15rem; min-width: 0; }
.product-contact-kicker { font-size: 0.72rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.09em; color: var(--ink-soft); }
.product-contact-name { font-size: 1.1rem; }
.product-contact-email, .product-contact-tel { color: var(--petrol); overflow-wrap: anywhere; }
.product-contact-email:hover, .product-contact-tel:hover { text-decoration: underline; text-underline-offset: 3px; }

@media (max-width: 768px) {
	.product-about-grid, .product-two-grid { grid-template-columns: 1fr; }
	.product-hero-actions .btn { flex: 1 1 auto; text-align: center; }
}

/* PDF-export = böngésző-nyomtatás: csak a tartalom marad, a keret/interaktív elemek eltűnnek.
   Ha a részletes rész zárva maradt (nem oldották fel), az [hidden] marad → nem nyomtatódik. */
@media print {
	.site-header, .site-footer, .sticky-cta, .grow-intl-banner,
	.product-breadcrumb, .product-hero-actions,
	.product-gate, [data-print-pdf], .product-detailed-actions,
	.product-cta, .callback-modal, #grow-quiz-modal { display: none !important; }
	body { background: #fff; color: #000; }
	.product-factstrip { background: #fff; color: #000; border-block: 1px solid #ccc; }
	.product-about-grid, .product-two-grid { display: block; }
	.product-media { display: none; } /* videó/kép nyomtatásban nem hasznos */
	a[href]::after { content: ""; }
}