/* ═══════════════════════════════════════════════════════════════════════════
   ARCULAT 2026b — „mehet mind" (tulaj, 2026-10-25). Csak a `bl_arculat3` kapcsolóval töltődik
   (inc/arculat.php), az arculat-2026.css UTÁN. Tartalom:
     1. egy betűcsalád (Jost)          5. görgetési belépők
     2. modern, semleges sötét mód      6. alsó mobilsáv + bizalmi sáv
     3. új villanykapcsoló              7. egységes katalógusképek
     4. lágy „felkapcsolás"             8. terméklap: pöttyök, nagyító
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── 1. Egy betűcsalád: a felület is Jost (az Archivo nem töltődik) ─────── */
html:root {
	--wp--preset--font-family--cim: var(--bl-fej);
	--wp--preset--font-size--alap: 1.09rem;
	--wp--preset--font-size--kicsi: .97rem;
	--wp--preset--font-size--apro: .85rem;
}
body { letter-spacing: .004em; }
.bl-gombsor .bl-gomb, .bl-gomb { letter-spacing: .12em; }

/* ── 2. Sötét mód: semleges fekete és grafit, a borostyán csak a fényé ───── */
html:root[data-theme="dark"] {
	--wp--preset--color--alap: #0B0B0C;
	--wp--preset--color--felulet: #141416;
	--wp--preset--color--felulet-melyebb: #1B1B1E;
	--wp--preset--color--tinta: #F4F4F2;
	--wp--preset--color--tinta-lagy: #B8B8BD;
	--wp--preset--color--halvany: #8A8A91;
	--wp--preset--color--vonal: #2A2A2F;
	--wp--preset--color--vonal-lagy: #1F1F23;
	--wp--preset--color--borostyan: #F4F4F2;
	--wp--preset--color--borostyan-halo: #1B1B1E;
	--wp--preset--color--hideg-halo: #1B1B1E;
	--gomb-hatter: #F4F4F2;
	--gomb-szoveg: #0B0B0C;
	--gomb-hover: #FFFFFF;
	--uveg: rgba(11, 11, 12, .8);
	--ragyogas: none;
	--arnyek-2: 0 24px 60px -24px rgba(0, 0, 0, .85);
}
[data-theme="dark"] ::selection { background: #F4F4F2; color: #0B0B0C; }
[data-theme="dark"] .bl-olvaso { background: var(--tinta); }
[data-theme="dark"] .bl-cikk .wp-block-post-content a { text-decoration-color: color-mix(in srgb, var(--tinta) 40%, transparent); text-decoration-thickness: 1px; }
[data-theme="dark"] .bl-kalkulator__ikon { color: var(--tinta); filter: none; }
[data-theme="dark"] :is(.bl-ck__tema, .bl-cikk__tema a, .bl-tl__kat) { color: var(--tinta-lagy); }
[data-theme="dark"] .bl-hero__kep::after {
	background:
		linear-gradient(90deg, rgba(11, 11, 12, .88) 0%, rgba(11, 11, 12, .42) 38%, transparent 64%),
		linear-gradient(0deg, rgba(11, 11, 12, .94) 0%, transparent 38%);
}
@media (max-width: 760px) {
	[data-theme="dark"] .bl-hero__kep::after { background: linear-gradient(0deg, #0B0B0C 0%, rgba(11, 11, 12, .84) 40%, transparent 74%); }
}
.bl-lablec { background: #0B0B0C; --alap: #0B0B0C; --felulet: #141416; --vonal: #26272B; }
.bl-este .bl-tk__kep[style*="--bl-ejjel"] { background: #0B0B0C; }
.bl-jelzes { border-radius: var(--bl-sarok); background: #141416; border: 1px solid #2A2A2F; }

/* ── 3. Villanykapcsoló: keret + csúszó lap, mint a logó két cellája ─────── */
.bl-kapcsolo { --lap-sz: 1.55rem; --lap-m: 2.3rem; border-radius: 0; }
.bl-kapcsolo__lap {
	display: block;
	position: relative;
	width: var(--lap-sz);
	height: var(--lap-m);
	border-radius: 3px;
	background: var(--alap);
	box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--tinta) 30%, transparent);
	overflow: hidden;
}
.bl-kapcsolo:hover .bl-kapcsolo__lap { box-shadow: inset 0 0 0 1px var(--tinta); }
.bl-kapcsolo__billento {
	position: absolute;
	z-index: 1;
	left: 3px;
	right: 3px;
	top: 3px;
	width: auto;
	height: calc(50% - 3px);
	border-radius: 1px;
	background: var(--tinta);
	box-shadow: none;
	transform: none;
	transition: transform .42s cubic-bezier(.3, 1.35, .45, 1), background-color .4s;
}
.bl-kapcsolo[aria-checked="false"] .bl-kapcsolo__billento { transform: translateY(100%); background: var(--tinta); }
.bl-kapcsolo__jelzo {
	position: absolute;
	left: 50%;
	top: 25%;
	bottom: auto;
	width: 4px;
	height: 4px;
	margin: -2px 0 0 -2px;
	border-radius: 50%;
	background: color-mix(in srgb, var(--tinta) 22%, transparent);
}
.bl-kapcsolo[aria-checked="false"] .bl-kapcsolo__jelzo { background: #FFB547; box-shadow: 0 0 6px 2px rgba(255, 170, 60, .75), 0 0 16px 4px rgba(255, 170, 60, .25); }
.bl-kapcsolo--nagy { --lap-sz: 2.1rem; --lap-m: 3.1rem; gap: .9rem; }
.bl-kapcsolo--nagy .bl-kapcsolo__lap { border-radius: 3px; }
.bl-kapcsolo--nagy .bl-kapcsolo__billento { left: 4px; right: 4px; top: 4px; height: calc(50% - 4px); border-radius: 1px; }
.bl-kapcsolo--nagy .bl-kapcsolo__jelzo { width: 5px; height: 5px; margin: -2.5px 0 0 -2.5px; }
.bl-kapcsolo__szoveg { font-family: var(--bl-fej); font-weight: 500; letter-spacing: .01em; }
.bl-hero__kapcsolo { padding: .5rem 1rem .5rem .5rem; border-color: var(--vonal); box-shadow: none; }

/* ── 4. Felkapcsolás: lágy szélű fénykör terjed a kapcsolótól ───────────── */
@property --bl-kor-r { syntax: "<length>"; inherits: false; initial-value: 0px; }
html.bl-vt-kapcsolo::view-transition-new(root) {
	animation: bl-kor-lagy 1s cubic-bezier(.5, 0, .25, 1) both;
	clip-path: none;
	-webkit-mask-image: radial-gradient(circle at var(--kx, 50%) var(--ky, 0), #000 calc(var(--bl-kor-r) - 14vmax), transparent var(--bl-kor-r));
	mask-image: radial-gradient(circle at var(--kx, 50%) var(--ky, 0), #000 calc(var(--bl-kor-r) - 14vmax), transparent var(--bl-kor-r));
}
@keyframes bl-kor-lagy { from { --bl-kor-r: 0px; } to { --bl-kor-r: calc(var(--kr, 150vmax) + 14vmax); } }

/* ── 5. Görgetési belépők (JavaScript nélkül; „kevesebb mozgás" kérésre nincs) ── */
@media (prefers-reduced-motion: no-preference) {
	@supports (animation-timeline: view()) {
		.bl-szakasz__fej, .bl-tk, .bl-ck, .bl-kalkulator, .bl-miert li, .bl-gyik details, .bl-jelenetek {
			animation: bl-beuszik linear both;
			animation-timeline: view();
			animation-range: entry 0% entry 45%;
		}
	}
}
@keyframes bl-beuszik { from { opacity: 0; transform: translateY(1.25rem); } }

/* ── 6. Alsó mobilsáv és bizalmi sáv ────────────────────────────────────── */
.bl-alsosav { display: none; }
@media (max-width: 860px) {
	:root { --bl-alsosav-m: calc(3.55rem + env(safe-area-inset-bottom, 0px)); }
	body { padding-bottom: var(--bl-alsosav-m); }
	.bl-fejlec .bl-keresogomb, .bl-fejlec .bl-kosar, .bl-fejlec [data-bl-ablak="bl-mobilmenu"] { display: none !important; }
	.bl-alsosav {
		display: block;
		position: fixed;
		z-index: var(--z-sav);
		left: 0;
		right: 0;
		bottom: 0;
		padding: 0 max(.25rem, env(safe-area-inset-right, 0px)) env(safe-area-inset-bottom, 0px) max(.25rem, env(safe-area-inset-left, 0px));
		background: color-mix(in srgb, var(--alap) 95%, transparent);
		-webkit-backdrop-filter: blur(16px) saturate(1.4);
		backdrop-filter: blur(16px) saturate(1.4);
		border-top: 1px solid var(--vonal);
	}
	.bl-alsosav ul { display: flex; margin: 0; padding: 0; list-style: none; }
	.bl-alsosav li { flex: 1 1 0; min-width: 0; }
	.bl-alsosav__pont {
		position: relative;
		display: grid;
		justify-items: center;
		align-content: center;
		gap: .22rem;
		min-height: 3.55rem;
		color: var(--halvany);
		font: 500 .66rem/1 var(--bl-fej);
		letter-spacing: .03em;
		text-decoration: none;
		-webkit-tap-highlight-color: transparent;
	}
	.bl-alsosav__pont:active { color: var(--tinta); }
	.bl-alsosav__pont[aria-current="page"] { color: var(--tinta); }
	.bl-alsosav__pont[aria-current="page"]::before { content: ""; position: absolute; top: -1px; left: 28%; right: 28%; height: 2px; background: var(--tinta); }
	.bl-alsosav__pont .bl-kosar__db { position: absolute; top: .35rem; left: calc(50% + .35rem); }
	.bl-tl-sav { bottom: calc(var(--bl-alsosav-m) + .5rem); border-radius: var(--bl-sarok); }
	.bl-sutisav { bottom: calc(var(--bl-alsosav-m) + .75rem); }
	.bl-jelzes { bottom: calc(var(--bl-alsosav-m) + .75rem); }
}
.bl-bizalom { background: #0B0B0C; color: #F4F4F2; }
[data-theme="dark"] .bl-bizalom { background: var(--felulet); color: var(--tinta-lagy); border-bottom: 1px solid var(--vonal); }
.bl-bizalom p {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: .25rem 1rem;
	max-width: calc(var(--keret) + 2 * var(--perem));
	margin: 0 auto;
	padding: .55rem var(--perem);
	font: 500 .68rem/1.3 var(--bl-fej);
	letter-spacing: .14em;
	text-transform: uppercase;
	text-align: center;
}
.bl-bizalom__valaszto { opacity: .45; }
/* Mobilon egy sorban: a tények váltakoznak (kevesebb mozgás kérésénél csak az első látszik). */
@media (max-width: 600px) {
	.bl-bizalom p { display: grid; justify-items: center; font-size: .64rem; letter-spacing: .1em; }
	.bl-bizalom__valaszto { display: none; }
	.bl-bizalom__elem { grid-area: 1 / 1; }
	.bl-bizalom__elem:nth-child(3) { opacity: 0; }
}
@media (max-width: 600px) and (prefers-reduced-motion: no-preference) {
	.bl-bizalom__elem:first-child:not(:last-child), .bl-bizalom__elem:nth-child(3) { animation: bl-bizalom 9s ease-in-out infinite both; }
	.bl-bizalom__elem:nth-child(3) { animation-delay: -4.5s; }
}
@keyframes bl-bizalom { 0%, 44% { opacity: 1; transform: none; } 50%, 94% { opacity: 0; transform: translateY(-.25rem); } 100% { opacity: 1; transform: none; } }

/* ── 7. Katalógusképek: világosban fehér csempe, sötétben kivágott lámpa grafiton ── */
:root:not([data-theme="dark"]) .bl-tk__kep, :root:not([data-theme="dark"]) .bl-tl__abra { background: var(--melyebb); border-radius: var(--bl-sarok); }
:root:not([data-theme="dark"]) .bl-tk--katalogus .bl-tk__kep,
:root:not([data-theme="dark"]) .bl-tl__abra:has(img[src*="-katalogus"]) { background: #FFFFFF; outline: 1px solid var(--vonal-lagy); outline-offset: -1px; }
[data-theme="dark"] .bl-tk__kep[style*="--bl-kivagott"]:not([style*="--bl-ejjel"]),
[data-theme="dark"] .bl-tl__abra[style*="--bl-kivagott"]:not([style*="--bl-ejjel"]) { background: var(--melyebb); }
[data-theme="dark"] .bl-tk__kep[style*="--bl-kivagott"]:not([style*="--bl-ejjel"])::after,
[data-theme="dark"] .bl-tl__abra[style*="--bl-kivagott"]:not([style*="--bl-ejjel"])::after { inset: 0; background: var(--bl-kivagott) center / contain no-repeat; opacity: 1; }
[data-theme="dark"] .bl-tk__kep[style*="--bl-kivagott"]:not([style*="--bl-ejjel"]) img,
[data-theme="dark"] .bl-tl__abra[style*="--bl-kivagott"]:not([style*="--bl-ejjel"]) img { opacity: 0; }
.bl-tl__abra { border-radius: var(--bl-sarok); }

/* ── 8. Terméklap mobilon: pöttyök a galéria helyett, nagyító ───────────── */
.bl-pottyok { display: none; }
@media (max-width: 900px) {
	.bl-pottyok { display: flex; justify-content: center; gap: .35rem; margin: .8rem 0 0; }
	.bl-pottyok span { width: 1.1rem; height: 2px; background: var(--vonal); transition: background-color .3s, width .3s; }
	.bl-pottyok span.be { width: 1.8rem; background: var(--tinta); }
	.bl-tl__abra[data-bl-plusz] ~ .bl-tl__galeria { display: none; }
	.bl-tl__abra { touch-action: pan-y; }
}
html.bl-nagyito-nyitva { overflow: hidden; }
.bl-nagyito {
	position: fixed;
	inset: 0;
	width: 100%;
	height: 100%;
	max-width: none;
	max-height: none;
	margin: 0;
	padding: 0;
	border: 0;
	background: #FFFFFF;
	color: #0B0B0C;
	overflow: hidden;
}
[data-theme="dark"] .bl-nagyito { background: #0B0B0C; color: #F4F4F2; }
.bl-nagyito::backdrop { background: transparent; }
.bl-nagyito__vaszon { position: absolute; inset: 0; display: grid; place-items: center; overflow: hidden; touch-action: none; cursor: zoom-in; }
.bl-nagyito__vaszon img { max-width: 100%; max-height: 100%; object-fit: contain; -webkit-user-select: none; user-select: none; -webkit-user-drag: none; will-change: transform; }
.bl-nagyito__gomb {
	position: absolute;
	display: grid;
	place-items: center;
	width: 3rem;
	height: 3rem;
	padding: 0;
	border: 1px solid color-mix(in srgb, currentColor 25%, transparent);
	border-radius: var(--bl-sarok);
	background: color-mix(in srgb, var(--alap) 80%, transparent);
	color: inherit;
	cursor: pointer;
}
.bl-nagyito__gomb:hover { border-color: currentColor; }
.bl-nagyito__zar { top: calc(.75rem + env(safe-area-inset-top, 0px)); right: calc(.75rem + env(safe-area-inset-right, 0px)); }
.bl-nagyito__elozo, .bl-nagyito__kov { top: 50%; margin-top: -1.5rem; }
.bl-nagyito__elozo { left: calc(1rem + env(safe-area-inset-left, 0px)); }
.bl-nagyito__kov { right: calc(1rem + env(safe-area-inset-right, 0px)); }
@media (pointer: coarse) { .bl-nagyito__elozo, .bl-nagyito__kov { display: none; } }
.bl-nagyito__szamlalo { position: absolute; left: 0; right: 0; bottom: calc(1rem + env(safe-area-inset-bottom, 0px)); margin: 0; text-align: center; font: 500 .72rem var(--bl-fej); letter-spacing: .16em; }
/* A fejléc-kapcsoló érinthető területe ≥ 44 px (a rajzolata keskeny). */
.bl-kapcsolo:not(.bl-kapcsolo--nagy) { padding: .3rem .6rem; }

/* ── 9. Nyitókép (2026b): magazincímlap — nagy cím balra, keretezett képpanel jobbra ── */
.bl-hero--2026 {
	grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr);
	align-items: center;
	gap: clamp(2rem, 5vw, 5.5rem);
	max-width: calc(var(--keret) + 2 * var(--perem));
	min-height: min(calc(100svh - var(--fejlec-m) - 2rem), 52rem);
	margin: 0 auto;
	padding: clamp(2.5rem, 6vh, 4.5rem) var(--perem) clamp(2.5rem, 7vh, 5rem);
	overflow: visible;
}
.bl-hero--2026 .bl-hero__tartalom { max-width: 40rem; }
.bl-hero__felcim { margin: 0 0 1.5rem; color: var(--halvany); font: 500 .72rem/1.3 var(--bl-fej); letter-spacing: .18em; text-transform: uppercase; }
.bl-hero--2026 .bl-hero__cim { margin: 0 0 1.6rem; font-size: clamp(3rem, 6vw, 6.3rem); font-weight: 340; line-height: .98; letter-spacing: -.035em; text-wrap: balance; }
.bl-hero__szo { display: inline-block; overflow: hidden; vertical-align: top; padding-bottom: .08em; margin-bottom: -.08em; }
.bl-hero__szo > span { display: inline-block; }
.bl-hero--2026 .bl-hero__bevezeto { max-width: 31rem; margin-bottom: 2rem; font-size: 1.12rem; line-height: 1.6; }
.bl-hero--2026 .bl-hero__kapcsolo { position: static; display: flex; margin-top: 2.25rem; padding: 1.25rem 0 0; border: 0; border-top: 1px solid var(--vonal); border-radius: 0; background: none; backdrop-filter: none; -webkit-backdrop-filter: none; }

/* Képpanel: álló keret; a két kép egymáson, a felirat alul. */
.bl-hero--2026 .bl-hero__kep { position: relative; inset: auto; z-index: auto; margin: 0; aspect-ratio: 4 / 5; max-height: calc(100svh - var(--fejlec-m) - 4rem); width: 100%; justify-self: end; overflow: hidden; background: var(--melyebb); }
.bl-hero--2026 .bl-hero__kep::after { content: none; }
.bl-hero--2026 .bl-hero__kep img { object-position: 80% 50%; transition: opacity .8s cubic-bezier(.4, 0, .2, 1); }
.bl-hero--2026 .bl-hero__nappal { filter: grayscale(1) contrast(1.12) brightness(1.02); }
/* A második kép csak akkor rajzolódik (és töltődik), amikor a szkript előkészíti. */
.bl-hero--2026 .bl-hero__ejjel { display: none; }
[data-theme="dark"] .bl-hero--2026 .bl-hero__ejjel { display: block; }
[data-theme="dark"] .bl-hero--2026 .bl-hero__nappal { visibility: hidden; }
.bl-hero--2026 .bl-hero__kep[data-kesz] .bl-hero__ejjel { display: block; opacity: 0; }
.bl-hero--2026 .bl-hero__kep[data-kesz] .bl-hero__nappal { visibility: visible; }
[data-theme="dark"] .bl-hero--2026 .bl-hero__kep[data-kesz] .bl-hero__ejjel { opacity: 1; }
[data-theme="dark"] .bl-hero--2026 .bl-hero__kep[data-kesz] .bl-hero__nappal { opacity: 0; }
@media (hover: hover) {
	.bl-hero--2026 .bl-hero__kep[data-kesz]:hover .bl-hero__ejjel { opacity: 1; }
	[data-theme="dark"] .bl-hero--2026 .bl-hero__kep[data-kesz]:hover .bl-hero__ejjel { opacity: 0; }
	[data-theme="dark"] .bl-hero--2026 .bl-hero__kep[data-kesz]:hover .bl-hero__nappal { opacity: 1; }
}
.bl-hero--2026 .bl-hero__kep[data-mutat] .bl-hero__ejjel { opacity: 1; }
[data-theme="dark"] .bl-hero--2026 .bl-hero__kep[data-mutat] .bl-hero__ejjel { opacity: 0; }
[data-theme="dark"] .bl-hero--2026 .bl-hero__kep[data-mutat] .bl-hero__nappal { opacity: 1; }

/* Felirat: állapot balra, súgó jobbra — a képen, alul, finom sötét átmeneten. */
.bl-hero__felirat { position: absolute; left: 0; right: 0; bottom: 0; z-index: 2; display: flex; justify-content: space-between; align-items: end; gap: 1rem; padding: 3rem 1.1rem .95rem; background: linear-gradient(transparent, rgba(11, 11, 12, .55)); color: #F4F4F2; font: 500 .66rem/1.3 var(--bl-fej); letter-spacing: .16em; text-transform: uppercase; pointer-events: none; }
.bl-hero__allapot-fel, .bl-hero__sugo-erintes { display: none; }
.bl-hero__allapot { display: inline-flex; align-items: center; gap: .55rem; }
.bl-hero__allapot::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: rgba(244, 244, 242, .45); }
.bl-hero__sugo { opacity: .8; text-align: right; }
[data-theme="dark"] .bl-hero__allapot-le { display: none; }
[data-theme="dark"] .bl-hero__allapot-fel { display: inline; }
[data-theme="dark"] .bl-hero__allapot::before { background: #FFB547; box-shadow: 0 0 6px 2px rgba(255, 170, 60, .7); }
@media (hover: hover) {
	.bl-hero__kep:hover .bl-hero__allapot-le { display: none; }
	.bl-hero__kep:hover .bl-hero__allapot-fel { display: inline; }
	.bl-hero__kep:hover .bl-hero__allapot::before { background: #FFB547; box-shadow: 0 0 6px 2px rgba(255, 170, 60, .7); }
	[data-theme="dark"] .bl-hero__kep:hover .bl-hero__allapot-le { display: inline; }
	[data-theme="dark"] .bl-hero__kep:hover .bl-hero__allapot-fel { display: none; }
	[data-theme="dark"] .bl-hero__kep:hover .bl-hero__allapot::before { background: rgba(244, 244, 242, .45); box-shadow: none; }
}
@media (hover: none) { .bl-hero__sugo-eger { display: none; } .bl-hero__sugo-erintes { display: inline; } }
.bl-hero__kep[data-mutat] .bl-hero__allapot-le { display: none; }
.bl-hero__kep[data-mutat] .bl-hero__allapot-fel { display: inline; }
.bl-hero__kep[data-mutat] .bl-hero__allapot::before { background: #FFB547; box-shadow: 0 0 6px 2px rgba(255, 170, 60, .7); }
[data-theme="dark"] .bl-hero__kep[data-mutat] .bl-hero__allapot-le { display: inline; }
[data-theme="dark"] .bl-hero__kep[data-mutat] .bl-hero__allapot-fel { display: none; }
[data-theme="dark"] .bl-hero__kep[data-mutat] .bl-hero__allapot::before { background: rgba(244, 244, 242, .45); box-shadow: none; }
.bl-hero--2026 .bl-hero__kep { cursor: pointer; }

/* Belépő mozgás: a cím szavai alulról beúsznak, a kép lassan közelít, görgetéskor enyhén elúszik. */
@media (prefers-reduced-motion: no-preference) {
	.bl-hero--2026 .bl-hero__cim, .bl-hero--2026 .bl-hero__bevezeto, .bl-hero--2026 .bl-gombsor, .bl-hero--2026 .bl-hero__kapcsolo { animation: none; }
	.bl-hero__szo > span { animation: bl-szo-be .9s cubic-bezier(.2, .8, .2, 1) both; animation-delay: calc(.08s + var(--i, 0) * .06s); }
	.bl-hero__felcim, .bl-hero--2026 .bl-hero__bevezeto, .bl-hero--2026 .bl-gombsor, .bl-hero--2026 .bl-hero__kapcsolo { animation: bl-felemel .9s cubic-bezier(.2, .8, .2, 1) both; }
	.bl-hero--2026 .bl-hero__bevezeto { animation-delay: .35s; }
	.bl-hero--2026 .bl-gombsor { animation-delay: .45s; }
	.bl-hero--2026 .bl-hero__kapcsolo { animation-delay: .55s; }
	.bl-hero--2026 .bl-hero__kep img { animation: bl-kozelit 2.4s cubic-bezier(.2, .7, .2, 1) both; }
	@supports (animation-timeline: view()) {
		.bl-hero--2026 .bl-hero__kep { animation: bl-elusz linear both; animation-timeline: view(); animation-range: exit 0% exit 100%; }
	}
}
@keyframes bl-szo-be { from { transform: translateY(105%); } }
@keyframes bl-kozelit { from { scale: 1.07; } }
@keyframes bl-elusz { to { translate: 0 -6%; } }

@media (max-width: 860px) {
	.bl-hero--2026 { grid-template-columns: 1fr; gap: 1.75rem; min-height: 0; padding: 0 0 2.5rem; }
	:root { --fejlec-m: 3.75rem; }
	.bl-hero--2026 .bl-hero__kep { order: -1; aspect-ratio: 3 / 2; max-height: 34svh; justify-self: stretch; }
	/* Mobilon a gombok az első képernyőre kerülnek: cím → gombok → bevezető → kapcsoló. */
	.bl-hero--2026 .bl-hero__tartalom { display: flex; flex-direction: column; }
	.bl-hero--2026 .bl-hero__felcim { display: none; }
	.bl-hero--2026 .bl-gombsor { order: 1; margin-bottom: 1.25rem; }
	.bl-hero--2026 .bl-hero__bevezeto { order: 2; margin-bottom: 0; }
	.bl-hero--2026 .bl-hero__kapcsolo { order: 3; }
	.bl-hero--2026 .bl-hero__kep img { object-position: 60% 50%; }
	.bl-hero__felirat { padding: 2rem .9rem .7rem; }
	.bl-hero--2026 .bl-hero__tartalom { padding-inline: var(--perem); }
	.bl-hero__felcim { margin-bottom: 1rem; }
	.bl-hero--2026 .bl-hero__cim { font-size: clamp(2.6rem, 11.5vw, 3.6rem); margin-bottom: 1.1rem; }
	.bl-hero--2026 .bl-hero__bevezeto { font-size: 1.02rem; margin-bottom: 1.5rem; }
	.bl-hero--2026 .bl-hero__kapcsolo { margin-top: 1.5rem; }
	.bl-hero--2026 .bl-hero__kapcsolo .bl-kapcsolo { --lap-sz: 1.9rem; --lap-m: 2.8rem; }
}
/* Keskeny kijelzőn (≤ 400 px) a nyitókép gombjai törhetnek, hogy semmi ne lógjon ki (zárt boltnál hosszabb feliratok). */
.bl-hero--2026 .bl-hero__tartalom { min-width: 0; }
@media (max-width: 400px) {
	.bl-hero--2026 .bl-gombsor { flex-wrap: wrap; }
	.bl-hero--2026 .bl-gombsor .bl-gomb { flex: 1 1 100%; }
}