/* BudaiLux — a téma közös stíluslapja (minden oldal).
   KÜLÖN FÁJLBAN, nem a style.css-ben: a WordPress beágyazáskor a style.css
   fejléc-kommentjét is a <head>-be tenné (téma neve, verziója — felderítési segítség).

   TERVEZÉSI ELV (2026-10-12): az oldal egy szoba, amit le lehet kapcsolni.
   Nappal: hűvös galériafehér, a termékfotók meleg stúdióháttere kiemelkedik.
   Éjjel: kék-fekete szoba, amiben a lámpák égő fotói lebegnek (a fotók fekete
   háttere „lighten" keveréssel eltűnik). Egyetlen merész elem: a villanykapcsoló,
   ami körkörös fényhullámmal oltja le / gyújtja fel az egész oldalt.
   Címek: keskeny Archivo (szélesség-tengely 74%) — magas, karcsú, mint egy állólámpa. */

/* ═══════════════════════════════════════════════════════════════════════════
   1. SZÍNEK ÉS TOKENEK
   A színek a theme.json palettájából jönnek (--wp--preset--color--*), a
   szerkesztő is azokat látja. Az éjszakai mód UGYANEZEKET írja felül, így minden
   blokk, minta és a WooCommerce is magától átvált. A téma jelzője a <html>
   data-theme attribútuma — a <head> szkriptje a rajzolás ELŐTT beállítja
   (mentett választás, különben a rendszer beállítása).
   ═══════════════════════════════════════════════════════════════════════════ */

:root {
	color-scheme: light;
	--alap: var(--wp--preset--color--alap);
	--felulet: var(--wp--preset--color--felulet);
	--melyebb: var(--wp--preset--color--felulet-melyebb);
	--tinta: var(--wp--preset--color--tinta);
	--tinta-lagy: var(--wp--preset--color--tinta-lagy);
	--halvany: var(--wp--preset--color--halvany);
	--vonal: var(--wp--preset--color--vonal);
	--vonal-lagy: var(--wp--preset--color--vonal-lagy);
	--akcent: var(--wp--preset--color--borostyan);
	--izzo: var(--wp--preset--color--borostyan-jel);
	--izzo-halo: var(--wp--preset--color--borostyan-halo);

	--gomb-hatter: var(--tinta);
	--gomb-szoveg: var(--felulet);
	--gomb-hover: #2C2F35;
	--uveg: rgba(245, 245, 242, .78);
	--arnyek-1: 0 1px 2px rgba(21, 23, 26, .06), 0 8px 24px -16px rgba(21, 23, 26, .28);
	--arnyek-2: 0 2px 6px rgba(21, 23, 26, .07), 0 28px 60px -28px rgba(21, 23, 26, .45);
	--ragyogas: none;

	--r-kicsi: 8px;
	--r-gomb: 12px;
	--r-kep: 14px;
	--r-ablak: 22px;
	--keret: 84rem;
	--perem: clamp(1rem, 4vw, 2.5rem);
	--fejlec-m: 4.25rem;
	--lassu: .6s;
	--ki: cubic-bezier(.2, .8, .2, 1);
	--z-fejlec: 50;
	--z-sav: 60;
	--z-tolto: 90;

	--cim-szelesseg: 74%;
}

:root[data-theme="dark"] {
	color-scheme: dark;
	--wp--preset--color--alap: #090C12;
	--wp--preset--color--felulet: #111620;
	--wp--preset--color--felulet-melyebb: #18202C;
	--wp--preset--color--tinta: #F1EEE8;
	--wp--preset--color--tinta-lagy: #C7CAD1;
	--wp--preset--color--halvany: #8E95A3;
	--wp--preset--color--vonal: #263042;
	--wp--preset--color--vonal-lagy: #1A2130;
	--wp--preset--color--borostyan: #FFB85C;
	--wp--preset--color--borostyan-jel: #FFC56E;
	--wp--preset--color--borostyan-halo: #2A1F12;
	--wp--preset--color--hideg: #86C8D6;
	--wp--preset--color--hideg-halo: #10232A;
	--gomb-hatter: #FFB85C;
	--gomb-szoveg: #1B1206;
	--gomb-hover: #FFC77E;
	--uveg: rgba(9, 12, 18, .72);
	--arnyek-1: 0 1px 2px rgba(0, 0, 0, .5), 0 10px 28px -18px rgba(0, 0, 0, .9);
	--arnyek-2: 0 2px 8px rgba(0, 0, 0, .5), 0 30px 70px -30px rgba(0, 0, 0, .95);
	--ragyogas: 0 0 0 1px rgba(255, 184, 92, .25), 0 10px 40px -8px rgba(255, 170, 70, .55);
}

/* ═══════════════════════════════════════════════════════════════════════════
   2. ALAPOK
   ═══════════════════════════════════════════════════════════════════════════ */

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

html {
	scroll-padding-top: calc(var(--fejlec-m) + 1rem);
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
}
@media (pointer: fine) { html { overscroll-behavior-y: none; } }

body {
	background: var(--alap);
	color: var(--tinta);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-tap-highlight-color: transparent;
	font-optical-sizing: auto;
}

:where(h1, h2, h3, h4) { text-wrap: balance; }
:where(p, li, dd, figcaption) { text-wrap: pretty; }
:where(h1, h2) { font-stretch: var(--cim-szelesseg); }
:where(table, .bl-adat, .wp-block-table, .bl-tk__ar, .bl-tl__ar, .price) { font-variant-numeric: tabular-nums; }
:where(a, button, input, select, textarea, summary, label) { touch-action: manipulation; }
:where(img, video, iframe) { max-width: 100%; height: auto; }
:where(button) { font: inherit; color: inherit; }
::selection { background: var(--izzo); color: #1B1206; }

a { text-underline-offset: .18em; text-decoration-thickness: 1px; }
a:hover { text-decoration-thickness: 2px; }

.bl-rejtett {
	position: absolute !important;
	width: 1px; height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	white-space: nowrap;
}

/* Fókusz (EAA): mindig látható, a háttértől függetlenül. */
:where(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
	outline: 2px solid var(--akcent);
	outline-offset: 3px;
	border-radius: 6px;
}

.bl-kihagyo {
	position: absolute;
	left: .75rem;
	top: -4rem;
	z-index: 999;
	padding: .7rem 1.1rem;
	background: var(--tinta);
	color: var(--alap);
	font-weight: 600;
	text-decoration: none;
	border-radius: var(--r-gomb);
	transition: top .2s;
}
.bl-kihagyo:focus { top: .75rem; }

/* A közös tartalom-keret a saját (nem „constrained") sablonokhoz. */
.bl-keret {
	box-sizing: border-box;
	width: 100%;
	max-width: calc(var(--keret) + 2 * var(--perem));
	margin-inline: auto !important;
	padding-inline: var(--perem);
}

[hidden] { display: none !important; }
.wp-site-blocks { min-height: 100dvh; display: flex; flex-direction: column; }
.wp-site-blocks > * { margin-block: 0 !important; }
.wp-site-blocks > main, .wp-site-blocks > .wp-block-group:has(> main), #bl-fo { flex: 1 0 auto; }
#bl-fo { outline: none; }

/* ═══════════════════════════════════════════════════════════════════════════
   3. GOMBOK, IKONGOMBOK, CSIPEK
   ═══════════════════════════════════════════════════════════════════════════ */

.bl-gomb {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: .55rem;
	min-height: 2.875rem;
	padding: .7rem 1.25rem;
	border: 1px solid transparent;
	border-radius: var(--r-gomb);
	font-family: var(--wp--preset--font-family--cim);
	font-size: var(--wp--preset--font-size--kicsi);
	font-weight: 600;
	line-height: 1.1;
	text-decoration: none;
	cursor: pointer;
	transition: background-color .18s, color .18s, border-color .18s, transform .12s, box-shadow .3s;
}
.bl-gomb:hover { text-decoration: none; }
.bl-gomb:active { transform: scale(.98); }
.bl-gomb--fo { background: var(--gomb-hatter); color: var(--gomb-szoveg); box-shadow: var(--ragyogas); }
.bl-gomb--fo:hover { background: var(--gomb-hover); color: var(--gomb-szoveg); }
.bl-gomb--szellem { background: transparent; color: var(--tinta); border-color: var(--vonal); }
.bl-gomb--szellem:hover { border-color: var(--tinta); }
.bl-gomb--uveg { background: var(--uveg); color: var(--tinta); border-color: color-mix(in srgb, var(--tinta) 14%, transparent); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); }
.bl-gomb--uveg:hover { border-color: var(--tinta); }
.bl-gomb--szoveg { background: none; color: var(--tinta); padding-inline: .4rem; text-decoration: underline; text-underline-offset: .2em; }
.bl-gomb--nagy { min-height: 3.25rem; padding: .9rem 1.6rem; font-size: 1rem; }
.bl-gomb--kicsi { min-height: 2.25rem; padding: .45rem .85rem; }
.bl-gomb[disabled], .bl-gomb[aria-busy="true"] { opacity: .6; cursor: progress; }

.bl-gombsor { display: flex; flex-wrap: wrap; gap: .6rem; }

.bl-ikon-gomb {
	display: inline-grid;
	place-items: center;
	position: relative;
	width: 2.75rem;
	height: 2.75rem;
	padding: 0;
	border: 0;
	border-radius: 999px;
	background: transparent;
	color: var(--tinta);
	cursor: pointer;
	text-decoration: none;
	transition: background-color .18s;
}
.bl-ikon-gomb:hover { background: color-mix(in srgb, var(--tinta) 7%, transparent); }

.bl-csipek ul { display: flex; gap: .5rem; margin: 0; padding: 0; list-style: none; overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch; scroll-snap-type: x proximity; padding-bottom: 2px; }
.bl-csipek ul::-webkit-scrollbar { display: none; }
.bl-csipek li { flex: none; scroll-snap-align: start; }
.bl-csipek a {
	display: inline-flex;
	align-items: center;
	gap: .45rem;
	min-height: 2.5rem;
	padding: .45rem .95rem;
	border: 1px solid var(--vonal);
	border-radius: 999px;
	color: var(--tinta);
	font-size: var(--wp--preset--font-size--kicsi);
	font-weight: 550;
	text-decoration: none;
	white-space: nowrap;
	transition: border-color .18s, background-color .18s, color .18s;
}
.bl-csipek a span { color: var(--halvany); font-weight: 500; font-variant-numeric: tabular-nums; }
.bl-csipek a:hover { border-color: var(--tinta); }
.bl-csipek a[aria-current="page"] { background: var(--tinta); border-color: var(--tinta); color: var(--alap); }
.bl-csipek a[aria-current="page"] span { color: color-mix(in srgb, var(--alap) 70%, transparent); }

/* Fényszín-pötty: a lámpa valódi színhőmérséklete. */
.bl-potty {
	display: inline-block;
	flex: none;
	width: .7em;
	height: .7em;
	margin-right: .4em;
	border-radius: 50%;
	background: var(--bl-potty, var(--izzo));
	box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .18);
	vertical-align: -.02em;
}
[data-theme="dark"] .bl-potty { box-shadow: 0 0 10px 1px color-mix(in srgb, var(--bl-potty, var(--izzo)) 60%, transparent); }
.bl-potty--zold { --bl-potty: #2E9E5B; }

/* ═══════════════════════════════════════════════════════════════════════════
   4. LOGÓ ÉS VILLANYKAPCSOLÓ
   ═══════════════════════════════════════════════════════════════════════════ */

.bl-logo {
	display: inline-flex;
	align-items: center;
	gap: .5rem;
	color: var(--tinta);
	text-decoration: none;
	flex: none;
}
.bl-logo:hover { text-decoration: none; }
.bl-jel { width: 2.1rem; height: 2.1rem; overflow: visible; }
.bl-jel__izzo { fill: var(--izzo); transition: fill .4s, filter .4s; }
.bl-jel__feny { opacity: 0; transition: opacity .5s; }
[data-theme="dark"] .bl-jel__feny { opacity: 1; }
[data-theme="dark"] .bl-jel__izzo { fill: #FFD68A; filter: drop-shadow(0 0 4px rgba(255, 190, 90, .9)); }
.bl-logo__szo { font-size: 1.32rem; font-weight: 750; font-stretch: 86%; letter-spacing: -.01em; }
.bl-logo__szo span { color: var(--akcent); }

/* Fali billenőkapcsoló. aria-checked="true" = ég a villany. */
.bl-kapcsolo {
	--lap-sz: 2.05rem;
	--lap-m: 2.6rem;
	display: inline-flex;
	align-items: center;
	gap: .75rem;
	padding: .2rem;
	border: 0;
	background: none;
	color: var(--tinta);
	cursor: pointer;
	border-radius: 10px;
	font-weight: 600;
}
.bl-kapcsolo__lap {
	position: relative;
	display: grid;
	place-items: center;
	width: var(--lap-sz);
	height: var(--lap-m);
	border-radius: 9px;
	background: linear-gradient(180deg, color-mix(in srgb, var(--felulet) 96%, var(--tinta)), var(--felulet));
	box-shadow: inset 0 0 0 1px var(--vonal), 0 1px 0 rgba(255, 255, 255, .6), 0 3px 8px -4px rgba(0, 0, 0, .35);
	transition: background .4s, box-shadow .4s;
}
.bl-kapcsolo__billento {
	width: 58%;
	height: 66%;
	border-radius: 5px;
	background: linear-gradient(180deg, var(--felulet) 0%, var(--felulet) 48%, color-mix(in srgb, var(--tinta) 14%, var(--felulet)) 52%, color-mix(in srgb, var(--tinta) 8%, var(--felulet)) 100%);
	box-shadow: inset 0 0 0 1px var(--vonal), 0 2px 3px -1px rgba(0, 0, 0, .25);
	transform: perspective(60px) rotateX(16deg);
	transition: transform .28s var(--ki), background .4s;
}
.bl-kapcsolo__jelzo {
	position: absolute;
	bottom: 13%;
	width: 3px;
	height: 3px;
	border-radius: 50%;
	background: color-mix(in srgb, var(--tinta) 25%, transparent);
	transition: background .4s, box-shadow .4s;
}
.bl-kapcsolo[aria-checked="false"] .bl-kapcsolo__billento {
	transform: perspective(60px) rotateX(-16deg);
	background: linear-gradient(180deg, color-mix(in srgb, var(--tinta) 10%, var(--felulet)) 0%, color-mix(in srgb, var(--tinta) 16%, var(--felulet)) 48%, var(--felulet) 52%, var(--felulet) 100%);
}
.bl-kapcsolo[aria-checked="false"] .bl-kapcsolo__jelzo { background: #FFB347; box-shadow: 0 0 6px 2px rgba(255, 170, 60, .8); }
.bl-kapcsolo:hover .bl-kapcsolo__lap { box-shadow: inset 0 0 0 1px var(--tinta-lagy), 0 3px 10px -4px rgba(0, 0, 0, .4); }
.bl-kapcsolo:focus-visible { outline-offset: 2px; }

.bl-kapcsolo--nagy { --lap-sz: 3.1rem; --lap-m: 4rem; gap: 1rem; text-align: left; }
.bl-kapcsolo--nagy .bl-kapcsolo__lap { border-radius: 12px; }
.bl-kapcsolo--nagy .bl-kapcsolo__billento { border-radius: 7px; }
.bl-kapcsolo--nagy .bl-kapcsolo__jelzo { width: 4px; height: 4px; }
.bl-kapcsolo__szoveg { font-size: 1rem; line-height: 1.2; }
.bl-kapcsolo__le { display: none; }
.bl-kapcsolo[aria-checked="false"] .bl-kapcsolo__fel { display: none; }
.bl-kapcsolo[aria-checked="false"] .bl-kapcsolo__le { display: inline; }

/* ═══════════════════════════════════════════════════════════════════════════
   5. FEJLÉC
   Ragadós, áttetsző (üveg). Lefelé görgetéskor elbújik, felfelé visszajön
   (a bl.js a data-rejtett jelzőt teszi rá — CSS-transzformmal, layout nélkül).
   ═══════════════════════════════════════════════════════════════════════════ */

.bl-fejlec {
	position: sticky;
	top: 0;
	z-index: var(--z-fejlec);
	background: var(--uveg);
	backdrop-filter: saturate(1.6) blur(16px);
	-webkit-backdrop-filter: saturate(1.6) blur(16px);
	border-bottom: 1px solid color-mix(in srgb, var(--vonal) 70%, transparent);
	transition: transform .35s var(--ki), background-color .4s;
	view-transition-name: bl-fejlec;
}
.admin-bar .bl-fejlec { top: var(--wp-admin--admin-bar--height, 32px); }
.bl-fejlec[data-rejtett] { transform: translateY(-110%); }
.wp-site-blocks > header.wp-block-template-part, .wp-site-blocks > div:has(> .bl-fejlec) { display: contents; }

.bl-fejlec__sor {
	box-sizing: border-box;
	display: flex;
	align-items: center;
	gap: 1rem;
	max-width: calc(var(--keret) + 2 * var(--perem));
	height: var(--fejlec-m);
	margin-inline: auto;
	padding-inline: var(--perem);
}

.bl-fomenu { flex: 1; margin-left: 1.25rem; }
.bl-fomenu > ul { display: flex; gap: .25rem; margin: 0; padding: 0; list-style: none; }
.bl-fomenu > ul > li { position: relative; }
.bl-fomenu > ul > li > a {
	display: inline-flex;
	align-items: center;
	height: 2.5rem;
	padding: 0 .85rem;
	border-radius: 999px;
	color: var(--tinta-lagy);
	font-weight: 550;
	text-decoration: none;
	transition: color .18s, background-color .18s;
}
.bl-fomenu > ul > li > a:hover, .bl-fomenu .van-almenu:hover > a { color: var(--tinta); background: color-mix(in srgb, var(--tinta) 6%, transparent); }
.bl-fomenu a[aria-current="page"] { color: var(--tinta); }
.bl-fomenu > ul > li > a[aria-current="page"]::after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: -.2rem;
	width: 5px;
	height: 5px;
	margin-left: -2.5px;
	border-radius: 50%;
	background: var(--izzo);
	box-shadow: 0 0 8px 1px color-mix(in srgb, var(--izzo) 70%, transparent);
}

.bl-almenu {
	position: absolute;
	left: -1rem;
	top: calc(100% + .6rem);
	width: min(34rem, 80vw);
	padding: 1rem;
	border: 1px solid var(--vonal);
	border-radius: 18px;
	background: var(--felulet);
	box-shadow: var(--arnyek-2);
	opacity: 0;
	visibility: hidden;
	transform: translateY(-6px);
	transition: opacity .18s, transform .22s var(--ki), visibility 0s linear .22s;
}
.bl-almenu::before { content: ""; position: absolute; left: 0; right: 0; top: -1rem; height: 1rem; }
.van-almenu:hover > .bl-almenu, .van-almenu:focus-within > .bl-almenu {
	opacity: 1;
	visibility: visible;
	transform: none;
	transition-delay: .06s, .06s, 0s;
}
.bl-almenu ul { display: grid; grid-template-columns: 1fr 1fr; gap: .15rem 1rem; margin: 0 0 .75rem; padding: 0; list-style: none; }
.bl-almenu ul a {
	display: flex;
	justify-content: space-between;
	gap: 1rem;
	padding: .55rem .7rem;
	border-radius: 10px;
	color: var(--tinta);
	text-decoration: none;
	font-weight: 500;
}
.bl-almenu ul a span { color: var(--halvany); font-variant-numeric: tabular-nums; }
.bl-almenu ul a:hover { background: var(--melyebb); }
.bl-almenu__mind {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: .75rem .9rem;
	border-radius: 12px;
	background: var(--melyebb);
	color: var(--tinta);
	font-weight: 600;
	text-decoration: none;
}

.bl-fejlec__eszkozok { display: flex; align-items: center; gap: .3rem; margin-left: auto; }

.bl-keresogomb {
	display: inline-flex;
	align-items: center;
	gap: .55rem;
	height: 2.5rem;
	padding: 0 .6rem 0 .8rem;
	margin-right: .35rem;
	border: 1px solid var(--vonal);
	border-radius: 999px;
	background: color-mix(in srgb, var(--felulet) 60%, transparent);
	color: var(--halvany);
	font-size: var(--wp--preset--font-size--kicsi);
	text-decoration: none;
	min-width: 11rem;
	transition: border-color .18s, color .18s;
}
.bl-keresogomb:hover { border-color: var(--tinta-lagy); color: var(--tinta); text-decoration: none; }
.bl-keresogomb kbd {
	margin-left: auto;
	padding: .05rem .45rem;
	border: 1px solid var(--vonal);
	border-radius: 6px;
	font: inherit;
	font-size: .78rem;
	line-height: 1.4;
}

.bl-kosar__db {
	position: absolute;
	top: .2rem;
	right: .1rem;
	display: grid;
	place-items: center;
	min-width: 1.15rem;
	height: 1.15rem;
	padding: 0 .25rem;
	box-sizing: border-box;
	border-radius: 999px;
	background: var(--izzo);
	color: #1B1206;
	font-size: .7rem;
	font-weight: 700;
	font-variant-numeric: tabular-nums;
}
.bl-kosar__db.bl-ugrik { animation: bl-ugrik .5s var(--ki); }
@keyframes bl-ugrik { 0% { transform: scale(1); } 35% { transform: scale(1.45); } 100% { transform: scale(1); } }

.bl-csak-mobil { display: none !important; }

@media (max-width: 1080px) {
	.bl-keresogomb { min-width: 0; border: 0; background: none; padding: 0; width: 2.75rem; justify-content: center; margin: 0; color: var(--tinta); }
	.bl-keresogomb__szoveg, .bl-keresogomb kbd { display: none; }
}
@media (max-width: 860px) {
	:root { --fejlec-m: 3.75rem; }
	.bl-fomenu, .bl-csak-szeles { display: none !important; }
	.bl-csak-mobil { display: inline-grid !important; }
	.bl-fejlec__sor { gap: .25rem; padding-right: calc(var(--perem) - .5rem); }
	.bl-logo__szo { font-size: 1.2rem; }
	.bl-jel { width: 1.9rem; height: 1.9rem; }
	.bl-fejlec__eszkozok { gap: 0; }
	.bl-fejlec .bl-kapcsolo { margin-inline: .2rem; }
}

/* Pénztár-fejléc: nem ragad — a pénztárban semmi ne takarja a mezőket. */
.bl-fejlec--penztar { position: relative; }
.bl-fejlec--penztar .bl-penztar-jel { display: inline-flex; align-items: center; gap: .4rem; margin: 0 0 0 1rem; color: var(--halvany); font-size: var(--wp--preset--font-size--kicsi); }
@media (max-width: 640px) { .bl-fejlec--penztar .bl-penztar-jel { display: none; } }

/* ═══════════════════════════════════════════════════════════════════════════
   6. ABLAKOK (natív <dialog>): kereső, kosárfiók, mobilmenü, szűrő-lap
   Nyitás/zárás: @starting-style + allow-discrete — JS-animáció nélkül.
   ═══════════════════════════════════════════════════════════════════════════ */

.bl-ablak {
	--be: translateY(12px);
	box-sizing: border-box;
	max-width: none;
	max-height: none;
	margin: 0;
	padding: 0;
	border: 0;
	background: var(--felulet);
	color: var(--tinta);
	overscroll-behavior: contain;
	opacity: 1;
	transform: none;
	transition: opacity .22s, transform .32s var(--ki), overlay .32s allow-discrete, display .32s allow-discrete;
}
.bl-ablak:not([open]) { opacity: 0; transform: var(--be); }
@starting-style { .bl-ablak[open] { opacity: 0; transform: var(--be); } }
.bl-ablak::backdrop {
	background: rgba(6, 8, 12, .5);
	backdrop-filter: blur(3px);
	-webkit-backdrop-filter: blur(3px);
	opacity: 1;
	transition: opacity .25s, overlay .32s allow-discrete, display .32s allow-discrete;
}
.bl-ablak:not([open])::backdrop { opacity: 0; }
@starting-style { .bl-ablak[open]::backdrop { opacity: 0; } }
html:has(.bl-ablak[open]:modal) { overflow: hidden; }

.bl-fiok__fej {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	padding: .75rem .75rem .75rem 1.25rem;
	border-bottom: 1px solid var(--vonal-lagy);
}
.bl-fiok__fej h2 { margin: 0; font-size: 1.35rem; }

/* Kereső: felülről beúszó, középre igazított panel; mobilon teljes képernyő. */
.bl-ablak--kereso {
	--be: translateY(-14px) scale(.985);
	position: fixed;
	inset: 6vh 0 auto;
	width: min(44rem, calc(100vw - 2rem));
	margin-inline: auto;
	border-radius: var(--r-ablak);
	box-shadow: var(--arnyek-2);
	border: 1px solid var(--vonal);
}
.bl-kereso__urlap { display: flex; align-items: center; gap: .6rem; padding: .5rem .5rem .5rem 1.1rem; border-bottom: 1px solid var(--vonal-lagy); color: var(--halvany); }
.bl-kereso__urlap input {
	flex: 1;
	min-width: 0;
	height: 3.25rem;
	border: 0;
	background: none;
	color: var(--tinta);
	font: inherit;
	font-size: 1.15rem;
	outline: none;
}
.bl-kereso__urlap input::-webkit-search-cancel-button { display: none; }
.bl-kereso__talalatok { max-height: min(62vh, 36rem); overflow-y: auto; padding: .5rem; }
.bl-kereso__talalatok:empty { display: none; }
.bl-kereso__csoport { margin: .4rem .5rem .3rem; color: var(--halvany); font-size: var(--wp--preset--font-size--apro); font-weight: 600; }
.bl-kereso__tetel {
	display: flex;
	align-items: center;
	gap: .85rem;
	padding: .55rem .6rem;
	border-radius: 12px;
	color: var(--tinta);
	text-decoration: none;
}
.bl-kereso__tetel:hover, .bl-kereso__tetel[aria-selected="true"] { background: var(--melyebb); text-decoration: none; }
.bl-kereso__tetel img, .bl-kereso__tetel .bl-kereso__ikon { flex: none; width: 3rem; height: 3rem; border-radius: 10px; object-fit: cover; background: var(--melyebb); }
.bl-kereso__ikon { display: grid; place-items: center; color: var(--halvany); }
.bl-kereso__tetel strong { display: block; font-weight: 550; line-height: 1.25; }
.bl-kereso__tetel small { color: var(--halvany); font-size: var(--wp--preset--font-size--apro); }
.bl-kereso__mind { display: block; margin: .25rem; padding: .8rem; border-radius: 12px; background: var(--melyebb); color: var(--tinta); font-weight: 600; text-align: center; text-decoration: none; }
.bl-kereso__ures { margin: 0; padding: 1.25rem; color: var(--halvany); }

/* Kosárfiók: jobbról becsúszó; mobilon alulról felcsúszó lap. */
.bl-ablak--fiok, .bl-ablak--menu {
	--be: translateX(100%);
	position: fixed;
	inset: 0 0 0 auto;
	width: min(28rem, 100vw);
	height: 100dvh;
	display: flex;
	flex-direction: column;
	box-shadow: var(--arnyek-2);
}
.bl-ablak--fiok:not([open]), .bl-ablak--menu:not([open]) { display: none; }
.bl-ablak--fiok[open], .bl-ablak--menu[open] { display: flex; }
.bl-ablak--menu { --be: translateX(-100%); inset: 0 auto 0 0; }
.bl-fiok__test { flex: 1; overflow-y: auto; padding: .5rem 1.25rem; }
.bl-fiok__lab { padding: 1rem 1.25rem calc(1rem + env(safe-area-inset-bottom)); border-top: 1px solid var(--vonal-lagy); background: var(--felulet); }
.bl-fiok__ures { padding: 2rem 0; color: var(--halvany); }
.bl-fiok__ures strong { display: block; margin-bottom: .35rem; color: var(--tinta); font-size: 1.15rem; }

.bl-kt { display: grid; grid-template-columns: 4.5rem 1fr auto; gap: .9rem; align-items: start; padding: 1rem 0; border-bottom: 1px solid var(--vonal-lagy); }
.bl-kt:last-child { border-bottom: 0; }
.bl-kt img { width: 4.5rem; height: 4.5rem; border-radius: 12px; object-fit: cover; background: var(--melyebb); }
.bl-kt__nev { display: block; color: var(--tinta); font-weight: 550; line-height: 1.3; text-decoration: none; }
.bl-kt__ar { font-weight: 650; font-variant-numeric: tabular-nums; white-space: nowrap; }
.bl-kt__also { display: flex; align-items: center; gap: .75rem; margin-top: .6rem; }
.bl-kt__torol { border: 0; background: none; color: var(--halvany); font-size: var(--wp--preset--font-size--apro); text-decoration: underline; cursor: pointer; padding: .3rem; }
.bl-kt[aria-busy="true"] { opacity: .5; pointer-events: none; }

.bl-mennyiseg { display: inline-flex; align-items: center; border: 1px solid var(--vonal); border-radius: var(--r-gomb); background: var(--felulet); }
.bl-mennyiseg button { display: grid; place-items: center; width: 2.25rem; height: 2.25rem; border: 0; background: none; color: var(--tinta); cursor: pointer; border-radius: var(--r-gomb); }
.bl-mennyiseg button:hover { background: var(--melyebb); }
.bl-mennyiseg input, .bl-mennyiseg output { width: 2.4rem; border: 0; background: none; color: var(--tinta); font: inherit; font-weight: 600; text-align: center; font-variant-numeric: tabular-nums; -moz-appearance: textfield; appearance: textfield; }
.bl-mennyiseg input::-webkit-inner-spin-button, .bl-mennyiseg input::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }

.bl-szallitas-sav { margin: 0 0 .9rem; font-size: var(--wp--preset--font-size--kicsi); color: var(--tinta-lagy); }
.bl-szallitas-sav__csik { height: 6px; margin-top: .5rem; border-radius: 99px; background: var(--melyebb); overflow: hidden; }
.bl-szallitas-sav__csik span { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #FF9F3A, var(--izzo)); transform-origin: left; transition: transform .6s var(--ki); }
.bl-osszeg { display: flex; justify-content: space-between; align-items: baseline; margin: 0 0 1rem; font-size: 1.1rem; font-weight: 650; font-variant-numeric: tabular-nums; }
.bl-osszeg small { display: block; color: var(--halvany); font-size: var(--wp--preset--font-size--apro); font-weight: 400; }
.bl-fiok__lab .bl-gomb { width: 100%; }
.bl-fiok__lab .bl-gomb + .bl-gomb { margin-top: .5rem; }

/* Mobilmenü */
.bl-mobilmenu { flex: 1; overflow-y: auto; padding: .75rem 1.25rem; }
.bl-mobilmenu ul { margin: 0; padding: 0; list-style: none; }
.bl-mobilmenu__fo a { display: block; padding: .7rem 0; color: var(--tinta); font-size: 1.9rem; font-weight: 700; font-stretch: var(--cim-szelesseg); line-height: 1.1; text-decoration: none; }
.bl-mobilmenu__cim { margin: 1.5rem 0 .4rem; color: var(--halvany); font-size: var(--wp--preset--font-size--kicsi); font-weight: 600; font-stretch: 100%; }
.bl-mobilmenu__kat a { display: flex; justify-content: space-between; padding: .7rem 0; border-bottom: 1px solid var(--vonal-lagy); color: var(--tinta); text-decoration: none; font-weight: 500; }
.bl-mobilmenu__kat a span { color: var(--halvany); font-variant-numeric: tabular-nums; }
.bl-mobilmenu__lab { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1rem; padding: 1rem 1.25rem calc(1rem + env(safe-area-inset-bottom)); border-top: 1px solid var(--vonal-lagy); }

@media (max-width: 640px) {
	.bl-ablak--kereso { --be: translateY(16px); inset: 0; width: 100vw; height: 100dvh; border-radius: 0; border: 0; display: flex; flex-direction: column; }
	.bl-ablak--kereso:not([open]) { display: none; }
	.bl-kereso__talalatok { max-height: none; flex: 1; }
	.bl-ablak--fiok {
		--be: translateY(100%);
		inset: auto 0 0 0;
		width: 100vw;
		height: auto;
		max-height: 88dvh;
		border-radius: var(--r-ablak) var(--r-ablak) 0 0;
	}
	.bl-ablak--fiok .bl-fiok__fej::before { content: ""; position: absolute; left: 50%; top: .45rem; width: 2.5rem; height: 4px; margin-left: -1.25rem; border-radius: 9px; background: var(--vonal); }
	.bl-ablak--fiok .bl-fiok__fej { position: relative; padding-top: 1.1rem; }
	.bl-ablak--menu { width: 100vw; }
}

/* ═══════════════════════════════════════════════════════════════════════════
   7. BETÖLTÉS-JELZŐ ÉS OLDALVÁLTÁS (View Transitions)
   A betöltés-jelző egy izzószál a lap tetején: csak akkor jelenik meg, ha a
   váltás 120 ms-nál tovább tart (előtöltött oldalnál soha).
   ═══════════════════════════════════════════════════════════════════════════ */

.bl-tolto {
	position: fixed;
	inset: 0 0 auto;
	z-index: var(--z-tolto);
	height: 2px;
	background: linear-gradient(90deg, transparent, #FF9F3A 20%, var(--izzo) 60%, #FFE2A8);
	box-shadow: 0 0 10px 1px rgba(255, 170, 60, .7);
	transform: scaleX(0);
	transform-origin: left;
	opacity: 0;
	pointer-events: none;
	view-transition-name: bl-tolto;
}
.bl-tolto[data-allapot="fut"] { opacity: 1; transform: scaleX(.82); transition: transform 8s cubic-bezier(.1, .7, .1, 1), opacity .15s; }
.bl-tolto[data-allapot="kesz"] { opacity: 0; transform: scaleX(1); transition: transform .2s ease-out, opacity .35s .15s; }

/* Oldalváltás: a régi tartalom halványul, az új alulról finoman beúszik.
   A fejléc külön réteg (bl-fejlec) — nem mozdul. */
::view-transition-group(*) { animation-duration: .38s; animation-timing-function: var(--ki); }
::view-transition-old(root) { animation: bl-vt-ki .18s ease-in both; }
::view-transition-new(root) { animation: bl-vt-be .34s var(--ki) .04s both; }
@keyframes bl-vt-ki { to { opacity: 0; } }
@keyframes bl-vt-be { from { opacity: 0; transform: translateY(14px); } }
::view-transition-old(bl-kep), ::view-transition-new(bl-kep) { animation: none; mix-blend-mode: normal; height: 100%; object-fit: cover; overflow: clip; }
::view-transition-group(bl-kep) { animation-duration: .45s; border-radius: var(--r-kep); overflow: clip; }

/* A villanykapcsoló: körkörös fényhullám a kapcsolótól (a JS adja a középpontot). */
html.bl-vt-kapcsolo::view-transition-old(root) { animation: none; }
html.bl-vt-kapcsolo::view-transition-new(root) { animation: bl-kor .75s cubic-bezier(.6, 0, .2, 1) both; }
html.bl-vt-kapcsolo::view-transition-group(bl-fejlec), html.bl-vt-kapcsolo::view-transition-old(bl-fejlec), html.bl-vt-kapcsolo::view-transition-new(bl-fejlec) { animation: none; }
html.bl-vt-kapcsolo .bl-fejlec { view-transition-name: none; }
@keyframes bl-kor {
	from { clip-path: circle(0 at var(--kx, 50%) var(--ky, 0)); }
	to { clip-path: circle(var(--kr, 150vmax) at var(--kx, 50%) var(--ky, 0)); }
}

/* Részleges csere (szűrés, „Még N termék"): az új elemek finoman beúsznak. */
.bl-beuszik { animation: bl-vt-be .35s var(--ki) both; }

/* Tartalék a View Transitions nélküli böngészőknek. */
.bl-csere-ki #bl-fo { opacity: 0; transition: opacity .15s; }
.bl-csere-be #bl-fo { animation: bl-vt-be .3s var(--ki) both; }

/* A JS nélküli színváltás (vagy VT nélküli böngésző) lágy átúszása — csak akkor. */
.bl-kapcsolas, .bl-kapcsolas *, .bl-kapcsolas *::before, .bl-kapcsolas *::after {
	transition: background-color .5s ease, color .5s ease, border-color .5s ease, box-shadow .5s ease, fill .5s ease !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   8. KEZDŐLAP
   ═══════════════════════════════════════════════════════════════════════════ */

.bl-kezdolap { padding-bottom: var(--wp--preset--spacing--60); }
.bl-kezdolap > * { margin-block: 0 !important; }

.bl-hero {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: end;
	gap: 2rem;
	box-sizing: border-box;
	min-height: min(calc(100svh - var(--fejlec-m)), 54rem);
	padding: clamp(6rem, 18vh, 12rem) var(--perem) clamp(2rem, 6vh, 4rem);
	overflow: hidden;
	isolation: isolate;
	background: var(--alap);
}
.bl-hero__kep { position: absolute; inset: 0; z-index: -1; }
.bl-hero__kep img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 62% 50%; }
.bl-hero__ejjel { display: none; }
[data-theme="dark"] .bl-hero__ejjel { display: block; }
[data-theme="dark"] .bl-hero__nappal { visibility: hidden; }
.bl-hero__kep::after {
	content: "";
	position: absolute;
	inset: 0;
	background:
		linear-gradient(90deg, color-mix(in srgb, var(--alap) 92%, transparent) 0%, color-mix(in srgb, var(--alap) 70%, transparent) 30%, transparent 62%),
		linear-gradient(0deg, color-mix(in srgb, var(--alap) 85%, transparent) 0%, transparent 34%);
}
[data-theme="dark"] .bl-hero__kep::after {
	background:
		linear-gradient(90deg, rgba(9, 12, 18, .85) 0%, rgba(9, 12, 18, .4) 38%, transparent 64%),
		linear-gradient(0deg, rgba(9, 12, 18, .9) 0%, transparent 38%);
}

.bl-hero__tartalom { max-width: 46rem; }
.bl-hero__cim {
	margin: 0 0 1.25rem;
	font-size: var(--wp--preset--font-size--hero);
	font-weight: 760;
	font-stretch: 68%;
	line-height: .9;
	letter-spacing: -.012em;
}
.bl-hero__bevezeto { max-width: 34rem; margin: 0 0 1.75rem; color: var(--tinta-lagy); font-size: var(--wp--preset--font-size--nagyobb); line-height: 1.5; }
.bl-hero__kapcsolo {
	padding: .6rem 1.1rem .6rem .6rem;
	border-radius: 18px;
	background: var(--uveg);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	border: 1px solid color-mix(in srgb, var(--tinta) 10%, transparent);
}

/* Egyetlen, összehangolt belépő: a cím sorai és a kapcsoló — csak az első rajzoláskor. */
@media (prefers-reduced-motion: no-preference) {
	.bl-hero__cim, .bl-hero__bevezeto, .bl-hero .bl-gombsor, .bl-hero__kapcsolo { animation: bl-felemel .9s var(--ki) both; }
	.bl-hero__bevezeto { animation-delay: .08s; }
	.bl-hero .bl-gombsor { animation-delay: .16s; }
	.bl-hero__kapcsolo { animation-delay: .3s; }
}
@keyframes bl-felemel { from { opacity: 0; transform: translateY(18px); } }

@media (max-width: 760px) {
	.bl-hero { grid-template-columns: 1fr; min-height: min(calc(100svh - var(--fejlec-m)), 46rem); padding-top: 42vh; gap: 1.25rem; }
	.bl-hero__kep img { object-position: 70% 40%; }
	.bl-hero__kep::after { background: linear-gradient(0deg, var(--alap) 0%, color-mix(in srgb, var(--alap) 88%, transparent) 38%, transparent 72%); }
	[data-theme="dark"] .bl-hero__kep::after { background: linear-gradient(0deg, #090C12 0%, rgba(9, 12, 18, .82) 40%, transparent 74%); }
	.bl-hero__kapcsolo { position: absolute; top: 1rem; right: var(--perem); padding: .3rem .8rem .3rem .3rem; border-radius: 16px; }
	.bl-hero__kapcsolo .bl-kapcsolo { --lap-sz: 2.4rem; --lap-m: 3rem; gap: .6rem; }
	.bl-hero__kapcsolo .bl-kapcsolo__szoveg { font-size: .875rem; }
	.bl-hero .bl-gombsor { flex-wrap: nowrap; }
	.bl-hero .bl-gombsor .bl-gomb { flex: 1 1 0; min-height: 3rem; padding-inline: .75rem; font-size: .95rem; }
	.bl-hero__cim { font-size: clamp(2.9rem, 13vw, 4rem); }
}

/* Szakaszok */
.bl-szakasz {
	box-sizing: border-box;
	max-width: calc(var(--keret) + 2 * var(--perem));
	margin: 0 auto;
	padding: clamp(3rem, 7vw, 5.5rem) var(--perem) 0;
}
.bl-szakasz > h2, .bl-szakasz__fej h2 { margin: 0; font-size: var(--wp--preset--font-size--h-2); }
.bl-szakasz__fej { display: flex; align-items: end; justify-content: space-between; gap: 1rem; margin-bottom: 1.5rem; }
.bl-tovabb { flex: none; color: var(--tinta); font-weight: 600; text-decoration: underline; text-underline-offset: .25em; }
.bl-kezdolap > .wp-block-budailux-termekek, .bl-kezdolap > .bl-racs { box-sizing: border-box; max-width: calc(var(--keret) + 2 * var(--perem)); margin: 0 auto; padding-inline: var(--perem); }

/* Esti sáv: a kategóriák mindig égve, sötét „szobában" — nappali módban is.
   (A tokenek helyben éjszakaiak, mint a láblécben.) */
.bl-este {
	--wp--preset--color--alap: #090C12;
	--wp--preset--color--felulet: #111620;
	--wp--preset--color--tinta: #F1EEE8;
	--wp--preset--color--tinta-lagy: #C7CAD1;
	--wp--preset--color--halvany: #8E95A3;
	--wp--preset--color--vonal: #263042;
	--alap: #090C12;
	--felulet: #111620;
	--melyebb: #18202C;
	--tinta: #F1EEE8;
	--tinta-lagy: #C7CAD1;
	--halvany: #8E95A3;
	--vonal: #263042;
	--akcent: #FFB85C;
	padding-bottom: clamp(3rem, 7vw, 5rem);
	background: #090C12;
	color: #F1EEE8;
	color-scheme: dark;
}
[data-theme="dark"] .bl-este { background: transparent; }
.bl-este .bl-szakasz { padding-top: clamp(2.5rem, 6vw, 4.5rem); }
.bl-este .bl-tovabb { color: #F1EEE8; }
.bl-este .bl-tk__kep[style*="--bl-ejjel"] { background: #090C12; }
.bl-este .bl-tk__kep[style*="--bl-ejjel"]::after { background-image: var(--bl-ejjel); opacity: 1; mix-blend-mode: lighten; }
.bl-este .bl-tk__kep[style*="--bl-ejjel"] img { display: none; }
.bl-este__megjegyzes { margin: 1.5rem 0 0; color: #8E95A3; font-size: var(--wp--preset--font-size--apro); }
[data-theme="dark"] .bl-este__megjegyzes { display: none; }

/* Kategóriák: mobilon vízszintes sín, széles kijelzőn 4 oszlop. */
.bl-kategoriak { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: clamp(.75rem, 2vw, 1.25rem); margin: 0; padding: 0; list-style: none; }
.bl-kategoria { display: grid; gap: .1rem; color: var(--tinta); text-decoration: none; }
.bl-kategoria:hover { text-decoration: none; }
.bl-kategoria__kep { margin-bottom: .6rem; }
.bl-kategoria__nev { font-weight: 650; font-size: 1.05rem; }
.bl-kategoria__db { color: var(--halvany); font-size: var(--wp--preset--font-size--kicsi); }
@media (max-width: 760px) {
	.bl-kategoriak {
		display: flex;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		scrollbar-width: none;
		margin-inline: calc(-1 * var(--perem));
		padding-inline: var(--perem);
		scroll-padding-inline: var(--perem);
	}
	.bl-kategoriak::-webkit-scrollbar { display: none; }
	.bl-kategoriak > li { flex: 0 0 42%; scroll-snap-align: start; }
}

/* Kalkulátorok */
.bl-kalkulatorok { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; margin: 0; padding: 0; list-style: none; }
.bl-kalkulator {
	display: grid;
	align-content: start;
	gap: .4rem;
	height: 100%;
	box-sizing: border-box;
	padding: 1.4rem;
	border-radius: 18px;
	background: var(--felulet);
	border: 1px solid var(--vonal-lagy);
	color: var(--tinta);
	text-decoration: none;
	transition: border-color .2s, transform .2s var(--ki);
}
.bl-kalkulator:hover { border-color: var(--tinta-lagy); text-decoration: none; transform: translateY(-2px); }
.bl-kalkulator__ikon { color: var(--akcent); margin-bottom: .6rem; }
[data-theme="dark"] .bl-kalkulator__ikon { filter: drop-shadow(0 0 6px rgba(255, 184, 92, .6)); }
.bl-kalkulator strong { font-size: 1.15rem; font-weight: 700; }
.bl-kalkulator span { color: var(--tinta-lagy); font-size: var(--wp--preset--font-size--kicsi); line-height: 1.5; }
@media (max-width: 980px) { .bl-kalkulatorok { grid-template-columns: 1fr 1fr; } }
@media (max-width: 520px) { .bl-kalkulator { padding: 1.1rem; } }

/* Miért */
.bl-miert > ul { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(1.5rem, 4vw, 3rem); margin: 1.5rem 0 0; padding: 1.75rem 0 0; list-style: none; border-top: 1px solid var(--vonal); }
.bl-miert h3 { margin: 0 0 .5rem; font-size: 1.2rem; }
.bl-miert p { margin: 0; color: var(--tinta-lagy); }
@media (max-width: 760px) { .bl-miert > ul { grid-template-columns: 1fr; } }

/* GYIK */
.bl-gyik { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.6fr); gap: 2rem; }
.bl-gyik__lista { border-top: 1px solid var(--vonal); }
.bl-gyik details, .bl-reszlet { border-bottom: 1px solid var(--vonal); }
.bl-gyik summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	padding: 1.15rem 0;
	cursor: pointer;
	font-weight: 600;
	font-size: 1.08rem;
	list-style: none;
}
.bl-gyik summary::-webkit-details-marker { display: none; }
.bl-gyik summary .bl-ikon { flex: none; color: var(--halvany); transition: transform .25s var(--ki); }
.bl-gyik details[open] summary .bl-ikon { transform: rotate(45deg); }
.bl-gyik details p { margin: 0 0 1.25rem; max-width: 40rem; color: var(--tinta-lagy); }
.bl-gyik details a { color: var(--tinta); }
@media (max-width: 860px) { .bl-gyik { grid-template-columns: 1fr; gap: .5rem; } }

/* ═══════════════════════════════════════════════════════════════════════════
   9. MAGAZIN: cikk-kártyák, listák
   ═══════════════════════════════════════════════════════════════════════════ */

.bl-magazin { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(1.25rem, 3vw, 2rem) clamp(1rem, 2.5vw, 1.75rem); }
.bl-ck { min-width: 0; }
.bl-ck__link { display: grid; gap: .9rem; color: var(--tinta); text-decoration: none; }
.bl-ck__link:hover { text-decoration: none; }
.bl-ck__kep { display: block; aspect-ratio: 3 / 2; overflow: hidden; border-radius: var(--r-kep); background: var(--melyebb); }
.bl-ck__img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s var(--ki); }
.bl-ck__link:hover .bl-ck__img { transform: scale(1.03); }
.bl-ck__szoveg { display: grid; gap: .4rem; }
.bl-ck__tema { color: var(--akcent); font-size: var(--wp--preset--font-size--kicsi); font-weight: 600; }
.bl-ck__cim { margin: 0; font-size: 1.3rem; font-weight: 700; font-stretch: 88%; line-height: 1.15; }
.bl-ck__link:hover .bl-ck__cim { text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: .15em; }
.bl-ck__kivonat { color: var(--tinta-lagy); line-height: 1.55; }
.bl-ck__meta { color: var(--halvany); font-size: var(--wp--preset--font-size--apro); }
.bl-ck--kiemelt { grid-column: 1 / -1; }
.bl-ck--kiemelt .bl-ck__link { grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); align-items: center; gap: clamp(1.25rem, 4vw, 3rem); }
.bl-ck--kiemelt .bl-ck__kep { aspect-ratio: 16 / 10; }
.bl-ck--kiemelt .bl-ck__cim { font-size: var(--wp--preset--font-size--h-2); font-stretch: var(--cim-szelesseg); line-height: 1.02; }
@media (max-width: 980px) { .bl-magazin { grid-template-columns: 1fr 1fr; } }
@media (max-width: 640px) {
	.bl-magazin { grid-template-columns: 1fr; }
	.bl-ck--kiemelt .bl-ck__link { grid-template-columns: 1fr; }
	.bl-ck:not(.bl-ck--kiemelt) .bl-ck__link { grid-template-columns: 7.5rem 1fr; align-items: start; gap: 1rem; }
	.bl-ck:not(.bl-ck--kiemelt) .bl-ck__kep { aspect-ratio: 1; }
	.bl-ck:not(.bl-ck--kiemelt) .bl-ck__cim { font-size: 1.1rem; }
}

.bl-magazin-lap, .bl-kereses-lap, .bl-404 { padding-top: clamp(2rem, 5vw, 3.5rem); padding-bottom: var(--wp--preset--spacing--60); }
.bl-lapcim { margin: 0 0 .75rem; font-size: var(--wp--preset--font-size--h-1); font-weight: 750; font-stretch: var(--cim-szelesseg); }
.bl-magazin-lap .bl-bevezeto, .bl-kereses-lap .bl-bevezeto, .bl-404 .bl-bevezeto { max-width: 40rem; }
.bl-magazin-lap .bl-csipek, .bl-lap .bl-csipek { margin: 1.5rem 0 2rem; }
.bl-magazin-lap .wp-block-post-content > * { margin-block: 0; }
.bl-magazin-lap .wp-block-post-content > .bl-csipek { margin: 1.75rem 0 2.5rem; }
.bl-magazin-lap .wp-block-post-content > .bl-bevezeto { max-width: 40rem; }
.bl-lapozo ul { display: flex; flex-wrap: wrap; gap: .4rem; justify-content: center; margin: 3rem 0 0; padding: 0; list-style: none; }
.bl-lapozo a, .bl-lapozo span { display: inline-grid; place-items: center; min-width: 2.75rem; height: 2.75rem; padding: 0 .9rem; box-sizing: border-box; border: 1px solid var(--vonal); border-radius: 999px; color: var(--tinta); text-decoration: none; }
.bl-lapozo .current { background: var(--tinta); color: var(--alap); border-color: var(--tinta); }

.bl-ures { padding: clamp(2rem, 6vw, 4rem); border-radius: 18px; background: var(--felulet); border: 1px dashed var(--vonal); text-align: center; }
.bl-ures p { margin: 0 0 .5rem; color: var(--tinta-lagy); }
.bl-ures strong { color: var(--tinta); font-size: 1.15rem; }
.bl-ures .bl-gomb { margin-top: 1rem; }

/* Keresés oldal */
.bl-keresomezo, .bl-404 .wp-block-search__inside-wrapper {
	display: flex;
	align-items: center;
	gap: .5rem;
	max-width: 40rem;
	margin: 1.5rem 0 2.5rem;
	padding: .35rem .35rem .35rem 1rem;
	border: 1px solid var(--vonal);
	border-radius: 16px;
	background: var(--felulet);
	color: var(--halvany);
}
.bl-keresomezo:focus-within, .bl-404 .wp-block-search__inside-wrapper:focus-within { border-color: var(--tinta-lagy); }
.bl-keresomezo input, .bl-404 .wp-block-search__input { flex: 1; min-width: 0; height: 2.75rem; border: 0 !important; background: none; color: var(--tinta); font: inherit; font-size: 1.05rem; outline: none; padding: 0 !important; }
.bl-404 .wp-block-search__button { margin: 0; border-radius: var(--r-gomb); background: var(--gomb-hatter); color: var(--gomb-szoveg); }
.bl-kereses-termekek, .bl-kereses-cikkek { margin-bottom: 3rem; }
.bl-kereses-termekek h2, .bl-kereses-cikkek h2, .bl-tovabbolvas h2, .bl-kapcsolodo h2 { margin: 0 0 1.25rem; font-size: var(--wp--preset--font-size--h-3); font-stretch: 100%; }

/* ═══════════════════════════════════════════════════════════════════════════
   10. CIKK ÉS OLDAL
   A cikk szövege talpas (Source Serif 4) — hosszú olvasásra; minden más Archivo.
   ═══════════════════════════════════════════════════════════════════════════ */

.bl-lap { padding-top: clamp(2rem, 5vw, 3.5rem); padding-bottom: var(--wp--preset--spacing--60); }
.bl-lap > .bl-lapcim { margin-bottom: 1.5rem; }

.bl-cikk { padding-top: clamp(1.5rem, 4vw, 3rem); padding-bottom: var(--wp--preset--spacing--60); }
.bl-olvaso {
	position: fixed;
	inset: var(--fejlec-m) 0 auto;
	z-index: calc(var(--z-fejlec) - 1);
	height: 2px;
	max-width: none !important;
	margin: 0 !important;
	background: var(--izzo);
	transform-origin: left;
	transform: scaleX(0);
	pointer-events: none;
}
@supports (animation-timeline: scroll()) {
	.bl-olvaso { animation: bl-olvas linear both; animation-timeline: scroll(root); }
}
@keyframes bl-olvas { to { transform: scaleX(1); } }
.admin-bar .bl-olvaso { top: calc(var(--fejlec-m) + var(--wp-admin--admin-bar--height, 32px)); }
.bl-olvaso { transition: top .35s var(--ki); }
:root:has([data-bl-fejlec][data-rejtett]) .bl-olvaso { top: 0; }

.bl-cikk__fej { padding-bottom: clamp(1.25rem, 3vw, 2rem); }
.bl-cikk__fej > * { margin-block: 0 !important; }
.bl-cikk__fej > * + * { margin-top: 1rem !important; }
.bl-cikk__tema a { color: var(--akcent); font-weight: 600; text-decoration: none; }
.bl-cikk__tema a:hover { text-decoration: underline; }
.bl-cikk__tema .wp-block-post-terms__separator { color: var(--halvany); }
.bl-cikk__cim { font-size: var(--wp--preset--font-size--h-1) !important; font-weight: 750; font-stretch: var(--cim-szelesseg); line-height: .98; }
.bl-cikkmeta { display: flex; flex-wrap: wrap; gap: .25rem 1.25rem; color: var(--halvany); font-size: var(--wp--preset--font-size--kicsi); }
.bl-cikkmeta span:first-child { color: var(--tinta-lagy); font-weight: 600; }
.bl-cikk__kep { margin-block: 0 clamp(1.5rem, 4vw, 2.75rem) !important; }
.bl-cikk__kep img { border-radius: var(--r-kep); }

.bl-bevezeto { color: var(--tinta-lagy); font-size: var(--wp--preset--font-size--nagyobb); line-height: 1.5; }
.bl-bevezeto p { margin: 0; }

/* A cikk törzse: talpas szövegbetű, kényelmes sortáv; a címsorok Archivo. */
.bl-cikk .wp-block-post-content {
	font-family: var(--wp--preset--font-family--szoveg);
	font-size: clamp(1.0625rem, .98rem + .3vw, 1.1875rem);
	line-height: 1.72;
}
.bl-cikk .wp-block-post-content :where(h2, h3, h4, table, figcaption, .bl-gyors-valasz, .bl-jegyzet, .wp-block-budailux-lumen, [class*="wp-block-budailux-"]) { font-family: var(--wp--preset--font-family--cim); }
.bl-cikk .wp-block-post-content > h2, .bl-lap .wp-block-post-content > h2 { margin-top: 2.6em; scroll-margin-top: calc(var(--fejlec-m) + 1.25rem); font-size: var(--wp--preset--font-size--h-2); line-height: 1.06; }
.bl-cikk .wp-block-post-content > h3 { margin-top: 2em; font-size: 1.35rem; font-stretch: 100%; }
.bl-cikk .wp-block-post-content a { color: var(--tinta); text-decoration-color: var(--izzo); text-decoration-thickness: 2px; }
.bl-cikk .wp-block-post-content a:hover { text-decoration-color: currentColor; }
.bl-cikk .wp-block-post-content :where(ul, ol) { padding-left: 1.25em; }
.bl-cikk .wp-block-post-content li + li { margin-top: .35em; }
.bl-cikk .wp-block-post-content li::marker { color: var(--halvany); }

/* Tartalomjegyzék: mobilon lenyitható doboz, széles kijelzőn a cikk mellett ragad. */
.bl-cikk__test { position: relative; }
.bl-tj { margin-bottom: 2rem; }
.bl-tj__doboz { border: 1px solid var(--vonal); border-radius: 16px; background: var(--felulet); }
.bl-tj summary { display: flex; align-items: center; justify-content: space-between; padding: .9rem 1.1rem; cursor: pointer; font-weight: 650; list-style: none; }
.bl-tj summary::-webkit-details-marker { display: none; }
.bl-tj summary .bl-ikon { color: var(--halvany); transition: transform .25s; }
.bl-tj__doboz[open] summary .bl-ikon { transform: rotate(180deg); }
.bl-tj ol { margin: 0; padding: 0 1.1rem 1rem 2.4rem; font-size: var(--wp--preset--font-size--kicsi); line-height: 1.4; }
.bl-tj li { padding: .3rem 0; }
.bl-tj li::marker { color: var(--halvany); font-variant-numeric: tabular-nums; }
.bl-tj a { color: var(--tinta-lagy); text-decoration: none; }
.bl-tj a:hover, .bl-tj a[aria-current="true"] { color: var(--tinta); text-decoration: underline; }
.bl-tj a[aria-current="true"] { font-weight: 600; }
@media (min-width: 1280px) {
	.bl-cikk__test > .bl-tj {
		position: absolute;
		top: 0;
		bottom: 0;
		left: max(var(--perem), calc(50% - 21rem - 19rem));
		width: 16rem;
		max-width: 16rem !important;
		margin: 0 !important;
	}
	.bl-tj__doboz { position: sticky; top: calc(var(--fejlec-m) + 1.5rem); border: 0; background: none; }
	.bl-tj summary { pointer-events: none; padding: 0 0 .75rem; color: var(--halvany); font-size: var(--wp--preset--font-size--kicsi); }
	.bl-tj summary .bl-ikon { display: none; }
	.bl-tj ol { padding: 0 0 0 1.2rem; border-left: 1px solid var(--vonal); list-style: none; counter-reset: none; }
	.bl-tj li { position: relative; }
	.bl-tj a[aria-current="true"]::before { content: ""; position: absolute; left: calc(-1.2rem - 1px); top: .45rem; bottom: .45rem; width: 2px; background: var(--izzo); }
}

.bl-tovabbolvas { box-sizing: border-box; width: 100%; max-width: calc(var(--keret) + 2 * var(--perem)) !important; margin: clamp(3rem, 7vw, 5rem) auto 0 !important; padding: 2.5rem var(--perem) 0; border-top: 1px solid var(--vonal); }

/* Tartalmi osztályok (az adatbázisban lévő cikkek használják). */
.bl-huzas { position: relative; }
.bl-gyors-valasz {
	margin-block: 1.5em !important;
	padding: 1.2rem 1.35rem;
	border-radius: 16px;
	background: var(--izzo-halo);
	border: 1px solid color-mix(in srgb, var(--izzo) 35%, transparent);
	font-size: 1.02rem;
	line-height: 1.6;
}
.bl-gyors-valasz > :first-child { margin-top: 0; }
.bl-gyors-valasz > :last-child { margin-bottom: 0; }
.bl-jegyzet {
	padding: 1rem 1.25rem;
	border-left: 3px solid var(--izzo);
	border-radius: 0 12px 12px 0;
	background: var(--melyebb);
	font-size: .98rem;
}
.bl-jegyzet > :first-child { margin-top: 0; }
.bl-jegyzet > :last-child { margin-bottom: 0; }
.bl-abra img, .wp-block-image img { border-radius: 12px; }
.bl-abra figcaption, .wp-block-image figcaption { color: var(--halvany); font-size: var(--wp--preset--font-size--apro); text-align: left; }
.bl-forras, .bl-forraslista { color: var(--tinta-lagy); font-size: .92rem; }
/* A képaláíráson belül a forrás nem lehet nagyobb az aláírásnál (a .92rem az apró betűméret fölé nőtt). */
figcaption .bl-forras { font-size: inherit; }
.bl-forraslista li { word-break: break-word; }
.bl-parba { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
@media (max-width: 640px) { .bl-parba { grid-template-columns: 1fr; } }
[data-theme="dark"] .bl-abra img[src$=".png"], [data-theme="dark"] .bl-abra img[src$=".svg"] { background: #F3F1EC; }

/* Táblázatok: vízszintesen görgethetők mobilon, a fejléc kiemelve. */
.wp-block-table { overflow-x: auto; -webkit-overflow-scrolling: touch; border-radius: 14px; border: 1px solid var(--vonal); background: var(--felulet); }
.wp-block-table table { width: 100%; border-collapse: collapse; font-size: var(--wp--preset--font-size--kicsi); }
.wp-block-table th, .wp-block-table td { padding: .7rem .9rem; border: 0; border-bottom: 1px solid var(--vonal-lagy); text-align: left; vertical-align: top; }
.wp-block-table thead { border: 0; }
.wp-block-table tfoot { border: 0; }
.wp-block-table thead th { background: var(--melyebb); font-weight: 650; border-bottom: 1px solid var(--vonal); white-space: nowrap; }
.wp-block-table tbody tr:last-child td, .wp-block-table tbody tr:last-child th { border-bottom: 0; }
.wp-block-table tbody th { font-weight: 650; }
/* Mobilon a 4+ oszlopos táblázat ne nyomódjon össze: vízszintesen görgethető, a jobb szélen halvány jelzéssel. */
@media (max-width: 640px) {
	.wp-block-table table:has(tr > :nth-child(4)) { min-width: 38rem; }
	.wp-block-table:has(table tr > :nth-child(4)) { background: linear-gradient(90deg, var(--felulet) 70%, transparent), linear-gradient(90deg, transparent, rgba(0, 0, 0, .08)) right / 1.5rem 100% no-repeat, var(--felulet); background-attachment: local, scroll, scroll; }
	.wp-block-table th, .wp-block-table td { padding: .6rem .7rem; }
}
.wp-block-table figcaption { padding: .6rem .9rem; margin: 0; }
.wp-block-separator { border: 0; border-top: 1px solid var(--vonal); }
.wp-block-separator.is-style-dots::before { color: var(--halvany); }

/* ═══════════════════════════════════════════════════════════════════════════
   11. LÁBLÉC — mindig éjszakai (a nap végén lekapcsolják a villanyt).
   ═══════════════════════════════════════════════════════════════════════════ */

.bl-lablec {
	--wp--preset--color--tinta: #F1EEE8;
	--wp--preset--color--tinta-lagy: #C7CAD1;
	--wp--preset--color--halvany: #8E95A3;
	--alap: #090C12;
	--felulet: #111620;
	--tinta: #F1EEE8;
	--tinta-lagy: #C7CAD1;
	--halvany: #8E95A3;
	--vonal: #263042;
	--akcent: #FFB85C;
	margin-top: auto;
	background: #090C12;
	color: #C7CAD1;
	color-scheme: dark;
}
.bl-lablec .bl-logo { color: #F1EEE8; }
.bl-lablec .bl-logo__szo span { color: #FFB85C; }
.bl-lablec .bl-jel__feny { opacity: 1; }
.bl-lablec .bl-jel__izzo { fill: #FFD68A; filter: drop-shadow(0 0 4px rgba(255, 190, 90, .9)); }
.bl-lablec__racs {
	box-sizing: border-box;
	display: grid;
	grid-template-columns: minmax(0, 1.4fr) repeat(3, minmax(0, 1fr));
	gap: 2.5rem;
	max-width: calc(var(--keret) + 2 * var(--perem));
	margin: 0 auto;
	padding: clamp(3rem, 7vw, 5rem) var(--perem) 2.5rem;
}
.bl-lablec__marka p { max-width: 24rem; margin: 1rem 0 0; color: #8E95A3; font-size: var(--wp--preset--font-size--kicsi); line-height: 1.6; }
.bl-lablec__marka .bl-lablec__tipp { margin-top: 1.5rem; }
.bl-lablec .bl-kapcsolo { color: #F1EEE8; }
.bl-lablec h2 { margin: 0 0 1rem; color: #8E95A3; font-size: var(--wp--preset--font-size--kicsi); font-weight: 600; font-stretch: 100%; }
.bl-lablec ul { margin: 0; padding: 0; list-style: none; }
.bl-lablec li + li { margin-top: .55rem; }
.bl-lablec a:not(.bl-logo) { color: #E3E1DC; text-decoration: none; }
.bl-lablec a:not(.bl-logo):hover { color: #FFC56E; text-decoration: underline; }
.bl-lablec__also {
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: .5rem 2rem;
	max-width: calc(var(--keret) + 2 * var(--perem));
	margin: 0 auto;
	padding: 1.25rem var(--perem) calc(1.25rem + env(safe-area-inset-bottom));
	border-top: 1px solid #1C2433;
	color: #8E95A3;
	font-size: var(--wp--preset--font-size--apro);
}
.bl-lablec__also p { margin: 0; }
@media (max-width: 900px) { .bl-lablec__racs { grid-template-columns: 1fr 1fr; } .bl-lablec__marka { grid-column: 1 / -1; } }
@media (max-width: 520px) { .bl-lablec__racs { grid-template-columns: 1fr; gap: 2rem; } }

/* ═══════════════════════════════════════════════════════════════════════════
   11/b. TERMÉKKÁRTYA ÉS RÁCS (közös: bolt, kezdőlap, kedvencek, kalkulátor-ajánló)
   A kártya képe sötétben — és egérrel fölé állva — a termék ÉGŐ fotójára vált.
   Az égő fotó háttérképként jön, és csak akkor kerül szabályba, amikor kell:
   világos módban, egér nélkül a böngésző le sem tölti.
   ═══════════════════════════════════════════════════════════════════════════ */

.bl-racs {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: clamp(1.5rem, 3vw, 2.25rem) clamp(.75rem, 2vw, 1.25rem);
	margin: 0;
	padding: 0;
	list-style: none;
}
.bl-bolt-test .bl-racs { grid-template-columns: repeat(3, minmax(0, 1fr)); }
@media (max-width: 1100px) { .bl-racs { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 760px) { .bl-racs, .bl-bolt-test .bl-racs { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem .75rem; } }

.bl-racs--sor { grid-template-columns: repeat(4, minmax(0, 1fr)); }
@media (max-width: 760px) {
	.bl-racs--sor {
		display: flex;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		scrollbar-width: none;
		margin-inline: calc(-1 * var(--perem));
		padding-inline: var(--perem);
		scroll-padding-inline: var(--perem);
	}
	.bl-racs--sor::-webkit-scrollbar { display: none; }
	.bl-racs--sor > li { flex: 0 0 44%; scroll-snap-align: start; }
}

.bl-tk { position: relative; min-width: 0; }
.bl-tk__link { display: grid; gap: .3rem; color: var(--tinta); text-decoration: none; }
.bl-tk__link:hover { text-decoration: none; }

.bl-tk__kep {
	position: relative;
	display: block;
	aspect-ratio: 1;
	overflow: hidden;
	border-radius: var(--r-kep);
	background: #E6DCCF;
	isolation: isolate;
}
.bl-tk__kep img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .7s var(--ki), opacity .5s;
}
.bl-tk__kep::after {
	content: "";
	position: absolute;
	inset: 0;
	background: center / cover no-repeat;
	opacity: 0;
	transition: opacity .55s ease;
	pointer-events: none;
}
.bl-tk__link:hover .bl-tk__kep img { transform: scale(1.035); }
@media (hover: hover) {
	.bl-tk__link:hover .bl-tk__kep::after, .bl-kategoria:hover .bl-tk__kep::after {
		background-image: var(--bl-ejjel);
		opacity: 1;
	}
}
/* Éjjel: az égő fotó a fő kép; a fekete stúdióháttér „lighten" keveréssel eltűnik,
   a lámpa a szoba sötétjében lebeg. */
[data-theme="dark"] .bl-tk__kep[style*="--bl-ejjel"] { background: var(--alap); }
[data-theme="dark"] .bl-tk__kep[style*="--bl-ejjel"]::after { background-image: var(--bl-ejjel); opacity: 1; mix-blend-mode: lighten; }
[data-theme="dark"] .bl-tk__kep[style*="--bl-ejjel"] img { display: none; }
/* Az égő fotó szélei lágyan elfogynak — a lámpa fénye nem ér véget egy éles négyzetben. */
[data-theme="dark"] .bl-tk__kep[style*="--bl-ejjel"]::after, .bl-este .bl-tk__kep[style*="--bl-ejjel"]::after, .bl-tl__abra::after {
	-webkit-mask-image: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent), linear-gradient(transparent, #000 10%, #000 90%, transparent);
	-webkit-mask-composite: source-in;
	mask-image: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent), linear-gradient(transparent, #000 10%, #000 90%, transparent);
	mask-composite: intersect;
}

.bl-tk__jel {
	position: absolute;
	top: .6rem;
	left: .6rem;
	z-index: 2;
	padding: .25rem .6rem;
	border-radius: 999px;
	background: var(--felulet);
	color: var(--tinta);
	font-size: var(--wp--preset--font-size--apro);
	font-weight: 650;
}
.bl-tk__jel--akcio { background: var(--izzo); color: #1B1206; }

.bl-tk__nev {
	margin: .55rem 0 0;
	font-size: 1rem;
	font-weight: 600;
	font-stretch: 100%;
	line-height: 1.3;
	letter-spacing: 0;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.bl-tk__link:hover .bl-tk__nev { text-decoration: underline; text-underline-offset: .18em; }
.bl-tk__adat { display: flex; flex-wrap: wrap; gap: .1rem .75rem; color: var(--halvany); font-size: var(--wp--preset--font-size--apro); line-height: 1.4; }
.bl-tk__adat > span { display: inline-flex; align-items: center; white-space: nowrap; }
.bl-tk__ar { margin-top: .2rem; font-size: 1.02rem; font-weight: 700; }
.bl-tk__ar del { color: var(--halvany); font-weight: 400; margin-right: .35rem; }
.bl-tk__ar del, .bl-tk__ar ins, .bl-tk__ar bdi { white-space: nowrap; }
.bl-tk__ar ins { text-decoration: none; }
.bl-tk--elfogyott .bl-tk__kep img { opacity: .55; filter: grayscale(.6); }

/* „+" gyors kosárba: a kép jobb alsó sarkában. */
.bl-tk__kosarba { position: absolute; z-index: 3; top: 0; right: 0; aspect-ratio: 1; width: 100%; pointer-events: none; margin: 0; }
.bl-tk__plusz {
	position: absolute;
	right: .6rem;
	bottom: .6rem;
	display: grid;
	place-items: center;
	width: 2.6rem;
	height: 2.6rem;
	padding: 0;
	border: 0;
	border-radius: 999px;
	background: var(--felulet);
	color: var(--tinta);
	box-shadow: var(--arnyek-1);
	cursor: pointer;
	pointer-events: auto;
	transition: transform .2s var(--ki), background-color .2s, color .2s, opacity .2s;
}
.bl-tk__plusz:hover { transform: scale(1.08); background: var(--gomb-hatter); color: var(--gomb-szoveg); }
.bl-tk__plusz[aria-busy="true"] { opacity: .6; }
.bl-tk__plusz.bl-kesz { background: #2E9E5B; color: #fff; }
@media (hover: hover) and (min-width: 761px) {
	.bl-tk__plusz { opacity: 0; transform: translateY(6px); }
	.bl-tk:hover .bl-tk__plusz, .bl-tk__plusz:focus-visible, .bl-tk__plusz.bl-kesz { opacity: 1; transform: none; }
}
@media (max-width: 760px) { .bl-tk__plusz { width: 2.3rem; height: 2.3rem; right: .45rem; bottom: .45rem; } }


/* ═══════════════════════════════════════════════════════════════════════════
   11/c. OKOS FUNKCIÓK: kedvencek, jelzés, fényerő, ajánló, jelenetek, szoba, kereső
   ═══════════════════════════════════════════════════════════════════════════ */

/* Kedvenc-szív a kártyán és a terméklapon */
.bl-tk__kedvenc {
	position: absolute;
	z-index: 3;
	top: .55rem;
	right: .55rem;
	display: grid;
	place-items: center;
	width: 2.4rem;
	height: 2.4rem;
	padding: 0;
	border: 0;
	border-radius: 999px;
	background: color-mix(in srgb, var(--felulet) 85%, transparent);
	color: var(--tinta);
	cursor: pointer;
	backdrop-filter: blur(6px);
	-webkit-backdrop-filter: blur(6px);
	transition: transform .2s var(--ki), background-color .2s, color .2s;
}
.bl-tk__kedvenc:hover { transform: scale(1.08); }
[aria-pressed="true"][data-bl-kedvenc] { color: #E0475B; }
[aria-pressed="true"][data-bl-kedvenc] .bl-ikon { fill: currentColor; }
.bl-dobban { animation: bl-dobban .45s var(--ki); }
@keyframes bl-dobban { 30% { transform: scale(1.3); } 60% { transform: scale(.92); } }
html:not(.bl-js) [data-bl-kedvenc], html:not(.bl-js) .bl-kedvenc-link { display: none !important; }
.bl-gomb--ikon { flex: 0 0 auto !important; width: 3.25rem; padding: 0; }
.bl-szamjel { display: inline-grid; place-items: center; min-width: 1.3rem; height: 1.3rem; padding: 0 .3rem; border-radius: 99px; background: var(--izzo); color: #1B1206; font-size: .72rem; font-weight: 700; }

/* Rövid jelzés (toast) — esti automatika, másolás, mentés */
.bl-jelzes {
	position: fixed;
	z-index: var(--z-tolto);
	left: 50%;
	bottom: calc(1rem + env(safe-area-inset-bottom));
	display: flex;
	align-items: center;
	gap: .8rem;
	width: min(36rem, calc(100vw - 1.5rem));
	padding: .8rem .8rem .8rem 1rem;
	border-radius: 18px;
	background: #111620;
	color: #F1EEE8;
	box-shadow: 0 20px 50px -20px rgba(0, 0, 0, .7), 0 0 0 1px rgba(255, 255, 255, .06);
	transform: translateX(-50%);
	animation: bl-jelzes-be .45s var(--ki) both;
	font-size: var(--wp--preset--font-size--kicsi);
	line-height: 1.45;
}
.bl-jelzes { flex-wrap: wrap; }
.bl-jelzes p { margin: 0; flex: 1 1 15rem; }
@media (max-width: 640px) { .bl-jelzes .bl-gomb--fo { margin-left: 2.4rem; } }
.bl-jelzes .bl-ikon-gomb { color: #C7CAD1; width: 2.25rem; height: 2.25rem; flex: none; }
.bl-jelzes__hold { flex: none; width: 1.6rem; height: 1.6rem; border-radius: 50%; box-shadow: inset -.45rem -.2rem 0 0 #FFC56E; transform: rotate(-20deg); }
.bl-jelzes--rovid { width: auto; max-width: calc(100vw - 1.5rem); padding: .75rem 1.1rem; }
.bl-jelzes--el { animation: bl-jelzes-ki .35s ease-in both; }
@keyframes bl-jelzes-be { from { opacity: 0; transform: translate(-50%, 16px); } }
@keyframes bl-jelzes-ki { to { opacity: 0; transform: translate(-50%, 12px); } }
.bl-jelzes .bl-gomb--fo { flex: none; }

/* Csúszka (fényerő, fényszín, méret) */
.bl-dimmer { display: flex; align-items: center; gap: .7rem; min-width: 0; font-size: var(--wp--preset--font-size--kicsi); font-weight: 600; }
.bl-dimmer__cim { display: inline-flex; align-items: center; gap: .35rem; flex: none; min-width: 5.6rem; }
.bl-dimmer output { flex: none; min-width: 3.4rem; text-align: right; font-variant-numeric: tabular-nums; color: var(--tinta-lagy); }
.bl-dimmer input[type="range"] {
	--ertek: 0%;
	flex: 1;
	min-width: 6rem;
	height: 6px;
	margin: 0;
	border-radius: 99px;
	background: linear-gradient(90deg, var(--izzo) var(--ertek), color-mix(in srgb, var(--tinta) 20%, transparent) var(--ertek));
	appearance: none;
	-webkit-appearance: none;
	cursor: pointer;
	touch-action: none;
}
.bl-dimmer--k input[type="range"] { background: linear-gradient(90deg, #FFA757, #FFC287 30%, #FFE3C8 60%, #F4F4FF); }
.bl-dimmer input[type="range"]::-webkit-slider-thumb { -webkit-appearance: none; width: 1.4rem; height: 1.4rem; border-radius: 50%; background: #fff; border: 0; box-shadow: 0 1px 4px rgba(0, 0, 0, .35), 0 0 0 4px color-mix(in srgb, var(--izzo) 35%, transparent); }
.bl-dimmer input[type="range"]::-moz-range-thumb { width: 1.4rem; height: 1.4rem; border-radius: 50%; background: #fff; border: 0; box-shadow: 0 1px 4px rgba(0, 0, 0, .35), 0 0 0 4px color-mix(in srgb, var(--izzo) 35%, transparent); }

/* Kalkulátor → ajánló */
.bl-ajanlo { margin-top: 1.5rem; padding-top: 1.25rem; border-top: 1px solid var(--vonal); font-family: var(--wp--preset--font-family--cim); }
.bl-ajanlo[aria-busy="true"] { opacity: .5; }
.bl-ajanlo__fej { display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; margin-bottom: 1rem; }
.bl-ajanlo__fej h3 { margin: 0; font-size: 1.1rem; font-stretch: 100%; }
.bl-racs--ajanlo { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 1rem .75rem !important; }
.bl-racs--ajanlo .bl-tk__nev { font-size: .9rem; }
.bl-racs--ajanlo .bl-tk__plusz { width: 2.2rem; height: 2.2rem; }
@media (max-width: 760px) { .bl-racs--ajanlo { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } }

/* Kedvencek oldal */
.bl-kedvencek__sav { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1rem; margin: 0 0 1.5rem; }
.bl-kedvencek__szam { margin: 0; color: var(--halvany); }

/* Szobajelenetek */
.bl-jelenetek__bevezeto { margin: -.75rem 0 1.25rem; color: var(--tinta-lagy); max-width: 40rem; }
.bl-jelenetek__fulek { display: flex; gap: .4rem; margin-bottom: 1rem; overflow-x: auto; scrollbar-width: none; }
.bl-jelenetek__fulek button {
	flex: none;
	min-height: 2.5rem;
	padding: .4rem 1rem;
	border: 1px solid var(--vonal);
	border-radius: 999px;
	background: none;
	color: var(--tinta);
	font-weight: 600;
	cursor: pointer;
}
.bl-jelenetek__fulek button[aria-selected="true"] { background: var(--tinta); color: var(--alap); border-color: var(--tinta); }
.bl-jelenet__kep { position: relative; overflow: hidden; border-radius: 20px; aspect-ratio: 3 / 2; background: var(--melyebb); }
.bl-jelenet__kep > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.bl-jelenet__ejjel { display: none; }
[data-theme="dark"] .bl-jelenet__ejjel { display: block; }
[data-theme="dark"] .bl-jelenet__nappal { display: none; }
.bl-jelenet__leiras { margin: .75rem 0 0; color: var(--halvany); font-size: var(--wp--preset--font-size--kicsi); }
.bl-pont {
	position: absolute;
	z-index: 2;
	display: grid;
	place-items: center;
	width: 2.4rem;
	height: 2.4rem;
	margin: -1.2rem 0 0 -1.2rem;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: rgba(255, 255, 255, .28);
	backdrop-filter: blur(4px);
	-webkit-backdrop-filter: blur(4px);
	cursor: pointer;
}
.bl-pont span { width: .85rem; height: .85rem; border-radius: 50%; background: #fff; box-shadow: 0 0 0 3px rgba(0, 0, 0, .12); }
.bl-pont::before { content: ""; position: absolute; inset: 0; border-radius: 50%; border: 2px solid rgba(255, 255, 255, .8); animation: bl-pulzal 2.4s ease-out infinite; }
[data-theme="dark"] .bl-pont span { background: #FFC56E; box-shadow: 0 0 12px 3px rgba(255, 180, 80, .8); }
@keyframes bl-pulzal { 0% { transform: scale(.7); opacity: 1; } 80%, 100% { transform: scale(1.5); opacity: 0; } }
.bl-pont__kartya {
	position: fixed;
	inset: auto;
	margin: 0;
	padding: .75rem;
	border: 1px solid var(--vonal);
	border-radius: 18px;
	background: var(--felulet);
	color: var(--tinta);
	box-shadow: var(--arnyek-2);
	display: none;
	gap: .8rem;
	align-items: center;
	opacity: 1;
	transition: opacity .2s, transform .25s var(--ki), overlay .25s allow-discrete, display .25s allow-discrete;
}
.bl-pont__kartya:popover-open { display: flex; }
@starting-style { .bl-pont__kartya:popover-open { opacity: 0; transform: translateY(6px); } }
.bl-pont__kep { flex: none; width: 4.5rem; height: 4.5rem; border-radius: 12px; object-fit: cover; background: #E6DCCF; }
.bl-pont__adat { display: grid; gap: .25rem; min-width: 0; }
.bl-pont__adat a:not(.bl-gomb) { color: var(--tinta); text-decoration: none; line-height: 1.25; }
.bl-pont__adat a:not(.bl-gomb):hover { text-decoration: underline; }
.bl-pont__ar { font-weight: 700; font-size: .95rem; }
.bl-pont__gombok { display: flex; gap: .4rem; margin-top: .25rem; }
.bl-pont__gombok form { margin: 0; }
@media (max-width: 760px) {
	.bl-jelenet__kep { aspect-ratio: 4 / 3; margin-inline: calc(-1 * var(--perem)); border-radius: 0; }
	.bl-pont { width: 2.1rem; height: 2.1rem; margin: -1.05rem 0 0 -1.05rem; }
}

/* „Nézd meg a szobádban" */
.bl-szoba {
	--be: translateY(16px);
	position: fixed;
	inset: 0;
	width: 100vw;
	height: 100dvh;
	display: none;
	flex-direction: column;
	background: #0B0E14;
	color: #F1EEE8;
	color-scheme: dark;
	--wp--preset--color--tinta: #F1EEE8;
	--wp--preset--color--tinta-lagy: #C7CAD1;
	--tinta: #F1EEE8;
	--tinta-lagy: #C7CAD1;
	--vonal: #263042;
	--felulet: #111620;
	--alap: #090C12;
	--gomb-hatter: #FFB85C;
	--gomb-szoveg: #1B1206;
	--gomb-hover: #FFC77E;
}
.bl-szoba[open] { display: flex; }
.bl-szoba .bl-fiok__fej { border-color: #1C2433; }
.bl-szoba .bl-fiok__fej h2 { font-size: 1.1rem; font-stretch: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.bl-szoba .bl-ikon-gomb { color: #F1EEE8; }
.bl-szoba__terulet { flex: 1; min-height: 0; display: grid; place-items: center; padding: .75rem; }
.bl-szoba__szinpad {
	--ar: 1.5;
	position: relative;
	width: min(100%, calc((100dvh - 15rem) * var(--ar)));
	aspect-ratio: var(--ar);
	overflow: hidden;
	border-radius: 14px;
	background: #000;
	touch-action: none;
	user-select: none;
	-webkit-user-select: none;
	isolation: isolate;
}
.bl-szoba__hatter { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: filter .5s; }
.bl-szoba__sotet { position: absolute; inset: 0; background: rgb(46, 52, 74); mix-blend-mode: multiply; opacity: 0; transition: opacity .5s; pointer-events: none; }
.bl-szoba--este.bl-szoba--sajat .bl-szoba__sotet { opacity: 1; }
.bl-szoba--este.bl-szoba--sajat .bl-szoba__hatter { filter: brightness(.55) saturate(.8); }
.bl-szoba__folt {
	position: absolute;
	aspect-ratio: 1;
	border-radius: 50%;
	background: radial-gradient(closest-side, rgba(255, 178, 88, .55), rgba(255, 178, 88, 0));
	mix-blend-mode: screen;
	transform: translate(-50%, -50%);
	opacity: 0;
	pointer-events: none;
	transition: opacity .5s;
}
.bl-szoba--este .bl-szoba__folt { opacity: 1; }
.bl-szoba__lampa { position: absolute; cursor: grab; touch-action: none; outline-offset: 4px; }
.bl-szoba__lampa:active { cursor: grabbing; }
.bl-szoba__lampa img { display: block; width: 100%; height: auto; pointer-events: none; transition: opacity .45s; filter: drop-shadow(0 10px 18px rgba(0, 0, 0, .35)); }
.bl-szoba__lampa img[data-ejjel] {
	position: absolute;
	inset: 0;
	height: 100%;
	object-fit: contain;
	opacity: 0;
	mix-blend-mode: screen;
	filter: none;
	-webkit-mask-image: radial-gradient(closest-side, #000 62%, transparent);
	mask-image: radial-gradient(closest-side, #000 62%, transparent);
}
.bl-szoba--este .bl-szoba__lampa img[data-nappal] { opacity: 0; }
.bl-szoba--este .bl-szoba__lampa img[data-ejjel] { opacity: 1; }
.bl-szoba--nincs-kivagas .bl-szoba__lampa img[data-nappal] { mix-blend-mode: multiply; filter: none; }
.bl-szoba__tipp { margin: 0; padding: 0 1rem; color: #8E95A3; font-size: var(--wp--preset--font-size--apro); text-align: center; }
.bl-szoba__eszkozok { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: .6rem 1rem; padding: .85rem 1rem calc(.85rem + env(safe-area-inset-bottom)); }
.bl-szoba__foto { cursor: pointer; }
.bl-szoba__meret { width: min(16rem, 100%); }
.bl-szoba__kapcsolo { --lap-sz: 2.3rem; --lap-m: 2.9rem; color: #F1EEE8; }
.bl-szoba .bl-gomb--szellem { color: #F1EEE8; border-color: #2A3446; }
@media (max-width: 640px) {
	.bl-szoba__terulet { padding: 0; }
	.bl-szoba__szinpad { border-radius: 0; width: min(100%, calc((100dvh - 17rem) * var(--ar))); }
	.bl-szoba__eszkozok { gap: .5rem; }
	.bl-szoba__eszkozok .bl-gomb { min-height: 2.6rem; padding: .5rem .9rem; }
	.bl-szoba__meret { order: -1; width: 100%; }
}

/* Okos kereső: értelmezett szűrők */
.bl-kereso__cimkek { display: flex; flex-wrap: wrap; gap: .3rem; }
.bl-kereso__cimkek span { padding: .15rem .55rem; border-radius: 99px; background: var(--izzo-halo); color: var(--tinta); font-size: .82rem; font-weight: 600; border: 1px solid color-mix(in srgb, var(--izzo) 40%, transparent); }
.bl-kereso__okos { align-items: flex-start; }
.bl-kereso__okos > span:last-child { display: grid; gap: .35rem; }
.bl-okos-talalat { display: grid; gap: .5rem; max-width: 40rem; margin: -1rem 0 2.5rem; padding: 1rem 1.15rem; border: 1px solid color-mix(in srgb, var(--izzo) 45%, transparent); border-radius: 16px; background: var(--izzo-halo); color: var(--tinta); text-decoration: none; }
.bl-okos-talalat:hover { border-color: var(--izzo); text-decoration: none; }
.bl-okos-talalat__cim { font-weight: 700; }
.bl-okos-talalat__db { color: var(--tinta-lagy); font-size: var(--wp--preset--font-size--kicsi); }

.bl-telepit { width: 100%; justify-content: flex-start; padding-inline: 0; }

/* ═══════════════════════════════════════════════════════════════════════════
   11/d. SEO-SZÖVEGEK: kategória-útmutató, pillér-bevezető, útmutató-ajánló
   ═══════════════════════════════════════════════════════════════════════════ */

.bl-kat-utmutato {
	max-width: 46rem;
	margin: clamp(3rem, 7vw, 5rem) 0 0;
	padding-top: 2rem;
	border-top: 1px solid var(--vonal);
	color: var(--tinta-lagy);
	line-height: 1.7;
}
.bl-kat-utmutato h2 { margin: 2rem 0 .75rem; color: var(--tinta); font-size: var(--wp--preset--font-size--h-3); font-stretch: 100%; }
.bl-kat-utmutato h2:first-child { margin-top: 0; }
.bl-kat-utmutato h3 { margin: 1.4rem 0 .35rem; color: var(--tinta); font-size: 1.05rem; font-stretch: 100%; }
.bl-kat-utmutato p { margin: 0 0 .8rem; }
.bl-kat-utmutato :where(ul, ol) { margin: 0 0 1rem; padding-left: 1.2rem; }
.bl-kat-utmutato a { color: var(--tinta); text-decoration-color: var(--izzo); text-decoration-thickness: 2px; }

/* Pillér-oldal (magazin-témakör) bevezetője: „Kezdd itt" olvasási sorrend. */
.bl-magazin-lap .bl-bevezeto { max-width: 46rem; }
.bl-bevezeto h2 { margin: 1.75rem 0 .75rem; color: var(--tinta); font-size: var(--wp--preset--font-size--h-3); font-stretch: 100%; line-height: 1.2; }
.bl-bevezeto ol { margin: 0; padding: 0; list-style: none; counter-reset: bl-kezd; display: grid; gap: .6rem; font-size: 1rem; }
.bl-bevezeto ol li { counter-increment: bl-kezd; position: relative; padding: .8rem 1rem .8rem 3.2rem; border: 1px solid var(--vonal); border-radius: 14px; background: var(--felulet); line-height: 1.5; }
.bl-bevezeto ol li::before { content: counter(bl-kezd); position: absolute; left: 1rem; top: .8rem; display: grid; place-items: center; width: 1.6rem; height: 1.6rem; border-radius: 50%; background: var(--izzo-halo); color: var(--akcent); font-weight: 700; font-size: .85rem; }
.bl-bevezeto ol li a { color: var(--tinta); font-weight: 650; text-decoration: none; }
.bl-bevezeto ol li a:hover { text-decoration: underline; }
.bl-bevezeto p + p { margin-top: .75rem; }
.bl-bevezeto ol + p { margin-top: 1.1rem; }

.bl-utmutatok { margin-top: clamp(3rem, 7vw, 5rem); }
.bl-utmutatok h2 { margin: 0 0 1.25rem; font-size: var(--wp--preset--font-size--h-3); font-stretch: 100%; }
.bl-cikk-termekek { box-sizing: border-box; width: 100%; max-width: calc(var(--keret) + 2 * var(--perem)) !important; margin: clamp(3rem, 6vw, 4.5rem) auto 0 !important; padding: 2.5rem var(--perem) 0; border-top: 1px solid var(--vonal); }
.bl-cikk-termekek .bl-szakasz__fej h2 { font-size: var(--wp--preset--font-size--h-3); font-stretch: 100%; }

/* ═══════════════════════════════════════════════════════════════════════════
   12. MOZGÁS CSÖKKENTÉSE
   ═══════════════════════════════════════════════════════════════════════════ */

@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
	::view-transition-group(*), ::view-transition-old(*), ::view-transition-new(*) { animation: none !important; }
}

/* ── Kedvencek mentése, árfigyelés, Google-gomb (2026-10-13) ───────────────
   Az alsó lap a meglévő .bl-jelzes sötét „üveglapja" — ugyanaz a hang, mint az
   esti automatika jelzése; nem modális, a böngészést nem állítja meg. */
.bl-jelzes--mentes { align-items: flex-start; width: min(30rem, calc(100vw - 1.5rem)); padding: 1rem 1rem 1.1rem 1.15rem; }
.bl-jelzes--mentes .bl-mentes { flex: 1 1 0; min-width: 0; }
.bl-jelzes--mentes .bl-ikon-gomb { margin: -.35rem -.35rem 0 0; }
.bl-mentes__cim { margin: 0 0 .8rem; }
.bl-mentes__cim strong { display: block; margin-bottom: .15rem; font-family: var(--wp--preset--font-family--cim); font-size: 1.02rem; }
.bl-mentes__sor { display: flex; gap: .5rem; align-items: stretch; }
.bl-mentes__sor input {
	flex: 1;
	min-width: 0;
	height: 2.75rem;
	padding: 0 .9rem;
	border: 1px solid var(--vonal);
	border-radius: var(--r-gomb);
	background: var(--felulet);
	color: var(--tinta);
	font: inherit;
	font-size: 1rem;
}
.bl-mentes__sor input[aria-invalid="true"] { border-color: #E5484D; }
.bl-mentes__sor .bl-gomb { flex: none; min-height: 2.75rem; }
.bl-mentes__jog { margin: .55rem 0 0; font-size: .8rem; opacity: .75; }
.bl-mentes__jog a { color: inherit; }
.bl-jelzes .bl-mentes__sor input { background: #18202C; border-color: #2A3446; color: #F1EEE8; }
.bl-jelzes .bl-mentes__sor input::placeholder { color: #8E95A3; }
.bl-jelzes .bl-mentes__cim strong { color: #FFF; }

.bl-vagy { display: flex; align-items: center; gap: .75rem; margin: .7rem 0; font-size: .8rem; color: var(--halvany); }
.bl-vagy::before, .bl-vagy::after { content: ""; flex: 1; height: 1px; background: currentColor; opacity: .35; }
.bl-jelzes .bl-vagy { color: #8E95A3; }

.bl-google { min-height: 44px; }
.bl-google__gomb {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: .65rem;
	width: 100%;
	max-width: 400px;
	height: 44px;
	padding: 0 1.1rem;
	border: 1px solid var(--vonal);
	border-radius: 999px;
	background: var(--felulet);
	color: var(--tinta);
	font: 500 .95rem/1 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
	cursor: pointer;
}
.bl-google__gomb:hover { border-color: var(--tinta); }
.bl-jelzes .bl-google__gomb { background: #FFF; color: #1F1F1F; border-color: #FFF; }

/* A Kedvencek oldal mentés-doboza */
.bl-kedvenc-mentes {
	max-width: 40rem;
	margin: 0 0 1.75rem;
	padding: 1.1rem 1.25rem;
	border: 1px solid var(--vonal);
	border-radius: var(--r-ablak);
	background: var(--felulet);
}
.bl-kedvenc-mentes .bl-google { max-width: 400px; }
/* Az alsó lap mindig sötét üveg: a fő gomb itt mindkét módban borostyán (világos módban a
   tinta-színű gomb beleolvadna), és az esti jelzés mobil-behúzása itt nem kell. */
.bl-jelzes--mentes .bl-gomb--fo { margin-left: 0; background: #FFB85C; color: #1B1206; box-shadow: none; }
.bl-jelzes--mentes .bl-gomb--fo:hover { background: #FFC77E; color: #1B1206; }
.bl-jelzes .bl-mentes__cim { margin: 0 0 .8rem; }
.bl-jelzes .bl-mentes__jog { margin: .55rem 0 0; }
.bl-jelzes .bl-vagy { margin: .7rem 0; }

/* Gyártói termékfotó (fehér háttér, változó képarány — nincs „éjjeli" párja): az egész
   termék látsszon, ne vágjuk le; sötét módban is papírfehér lapon (2026-10-13). */
.bl-tk--foto .bl-tk__kep { background: #FFF; }
.bl-tk--foto .bl-tk__kep img { object-fit: contain; padding: 8%; }
[data-theme="dark"] .bl-tk--foto .bl-tk__kep { background: #ECEAE4; }
[data-theme="dark"] .bl-tk--foto .bl-tk__kep img { mix-blend-mode: multiply; }

/* Cégadatok (impresszum, Kapcsolat — `[bl_cegadatok]`) */
.bl-cegadatok { display: grid; grid-template-columns: minmax(9rem, max-content) 1fr; gap: .45rem 1.25rem; margin-block: 1.5rem; }
.bl-cegadatok dt { font-weight: 600; color: var(--tinta-lagy); }
.bl-cegadatok dd { margin: 0; overflow-wrap: anywhere; }
@media (max-width: 34rem) { .bl-cegadatok { grid-template-columns: 1fr; gap: .1rem; } .bl-cegadatok dd { margin-bottom: .6rem; } }

/* Sütisáv (`class-meres.php`): alul lebegő kártya, nem takarja ki az oldalt; az Elfogadom és az
   Elutasítom szándékosan egyforma (a hozzájárulásnak és az elutasításnak egyformán könnyűnek kell lennie). */
.bl-sutisav { position: fixed; z-index: 90; inset: auto 1rem 1rem auto; width: min(30rem, calc(100vw - 2rem)); background: var(--felulet); color: var(--tinta); border: 1px solid var(--vonal); border-radius: 1rem; box-shadow: var(--arnyek-2); }
.bl-sutisav[hidden] { display: none; }
.bl-sutisav__belso { padding: 1.1rem 1.2rem 1.15rem; }
.bl-sutisav__cim { margin: 0 0 .35rem; font-size: var(--wp--preset--font-size--normal, 1.05rem); }
.bl-sutisav__szoveg { margin: 0 0 .9rem; font-size: var(--wp--preset--font-size--apro); line-height: 1.5; color: var(--tinta-lagy); }
.bl-sutisav__reszletek { display: grid; gap: .55rem; margin: 0 0 .9rem; font-size: var(--wp--preset--font-size--apro); line-height: 1.45; }
.bl-sutisav__reszletek[hidden] { display: none; }
.bl-sutisav__valaszto { display: grid; grid-template-columns: auto 1fr; gap: .55rem; align-items: start; cursor: pointer; }
.bl-sutisav__valaszto input { width: 1.1rem; height: 1.1rem; margin: .12rem 0 0; accent-color: var(--akcent); }
.bl-sutisav__gombok { display: grid; grid-template-columns: 1fr 1fr; gap: .5rem; }
.bl-sutisav__gombok [data-bl-suti="mentes"], .bl-sutisav__halk { grid-column: 1 / -1; }
.bl-sutisav__halk { justify-self: center; padding: .35rem .5rem; background: none; border: 0; color: var(--tinta-lagy); font: inherit; font-size: var(--wp--preset--font-size--apro); text-decoration: underline; text-underline-offset: .2em; cursor: pointer; }
.bl-sutisav__halk[hidden], .bl-sutisav__gombok [hidden] { display: none; }
@media (max-width: 34rem) { .bl-sutisav { inset: auto .5rem .5rem .5rem; width: auto; } }
.bl-lablec__suti { padding: 0; background: none; border: 0; color: inherit; font: inherit; text-decoration: underline; text-underline-offset: .2em; cursor: pointer; }

/* Biztonsági és felelősségi figyelmeztetés a szerelési oldalak tetején (`inc/magazin.php`). */
.bl-figyelmeztetes { margin: 0 0 2rem; padding: 1rem 1.15rem 1rem 1.1rem; border: 1px solid color-mix(in srgb, var(--akcent) 45%, var(--vonal)); border-left: 4px solid var(--akcent); border-radius: .75rem; background: color-mix(in srgb, var(--akcent) 9%, var(--felulet)); font-family: var(--wp--preset--font-family--cim); font-size: var(--wp--preset--font-size--kicsi); line-height: 1.55; }
.bl-figyelmeztetes p { margin: 0; }
.bl-figyelmeztetes strong { color: var(--tinta); }