/*
 * AZ ÜNNEP – ami a theme.json-ba nem fér: elrendezés, állapotok, a fejléc viselkedése,
 * a jóváhagyott hero-sötétítés, ikonok. Színek, méretek: csak theme.json-presetekből.
 * Töréspontok: mobil ≤767 px, tablet ≤1023 px (design.md 4.).
 */

/* ── Alap ─────────────────────────────────────────────────────────── */
:root {
	--azu-sav: var(--wp--custom--fejlec-magassag);
	--azu-mobilsav: var(--wp--custom--mobil-sav-magassag);
	--azu-atmenet: var(--wp--custom--mozgas--alap) var(--wp--custom--mozgas--gorbe);
	--azu-arnyek: var(--wp--preset--shadow--overlay);

	/* Lucide 0.469.0 (ISC), 1,5 px vonal – maszkként, a szöveg színét veszi fel. */
	--azu-i-nyil: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='m12 5 7 7-7 7'/%3E%3C/svg%3E");
	--azu-i-ajandek: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='8' width='18' height='4' rx='1'/%3E%3Cpath d='M12 8v13'/%3E%3Cpath d='M19 12v7a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2v-7'/%3E%3Cpath d='M7.5 8a2.5 2.5 0 0 1 0-5A4.8 8 0 0 1 12 8a4.8 8 0 0 1 4.5-5 2.5 2.5 0 0 1 0 5'/%3E%3C/svg%3E");
	--azu-i-le: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
	--azu-i-x: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 6 6 18'/%3E%3Cpath d='m6 6 12 12'/%3E%3C/svg%3E");
	--azu-i-racs: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='7' height='7' x='3' y='3' rx='1'/%3E%3Crect width='7' height='7' x='14' y='3' rx='1'/%3E%3Crect width='7' height='7' x='14' y='14' rx='1'/%3E%3Crect width='7' height='7' x='3' y='14' rx='1'/%3E%3C/svg%3E");
	--azu-i-ceruza: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20h9'/%3E%3Cpath d='M16.376 3.622a1 1 0 0 1 3.002 3.002L7.368 18.635a2 2 0 0 1-.855.506l-2.872.838a.5.5 0 0 1-.62-.62l.838-2.872a2 2 0 0 1 .506-.854z'/%3E%3Cpath d='m15 5 3 3'/%3E%3C/svg%3E");
	--azu-i-taska: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z'/%3E%3Cpath d='M3 6h18'/%3E%3Cpath d='M16 10a4 4 0 0 1-8 0'/%3E%3C/svg%3E");
	--azu-i-szallitas: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 18V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v11a1 1 0 0 0 1 1h2'/%3E%3Cpath d='M15 18H9'/%3E%3Cpath d='M19 18h2a1 1 0 0 0 1-1v-3.65a1 1 0 0 0-.22-.624l-3.48-4.35A1 1 0 0 0 17.52 8H14'/%3E%3Ccircle cx='17' cy='18' r='2'/%3E%3Ccircle cx='7' cy='18' r='2'/%3E%3C/svg%3E");
	--azu-i-kartya: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='20' height='14' x='2' y='5' rx='2'/%3E%3Cpath d='M2 10h20'/%3E%3C/svg%3E");
	--azu-i-visszakuldes: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 14 4 9l5-5'/%3E%3Cpath d='M4 9h10.5a5.5 5.5 0 0 1 5.5 5.5a5.5 5.5 0 0 1-5.5 5.5H11'/%3E%3C/svg%3E");
}

.wp-site-blocks > * {
	margin-block-start: 0;
}

:where(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
	outline: var(--wp--custom--fokusz--gyuru);
	outline-offset: var(--wp--custom--fokusz--eltolas);
}

/* Sötét felületen: törtfehér gyűrű + fenyő külső gyűrű (design.md 2.). */
:where(.azu-sotet, .azu-hero-karacsony, body.azu-fejlec-sotet .azu-fejlec) :where(a, button, input, summary):focus-visible {
	outline: 2px solid var(--wp--preset--color--tortfeher);
	outline-offset: 2px;
	box-shadow: 0 0 0 6px var(--wp--preset--color--fenyo);
}

a,
.wp-element-button,
.wp-block-button__link {
	transition: color var(--azu-atmenet), background-color var(--azu-atmenet), border-color var(--azu-atmenet);
}

a {
	text-underline-offset: 3px;
	text-decoration-thickness: 1px;
}

a:hover {
	text-decoration-thickness: 2px;
}

@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		transition-duration: 0ms !important;
		animation-duration: 0ms !important;
		scroll-behavior: auto !important;
	}
}

.azu-eyebrow {
	font-weight: 500;
	letter-spacing: 0.14em;
	line-height: 1.4;
	text-transform: uppercase;
}

.azu-helyorzo {
	font-style: normal;
}

.wp-block-button__link {
	min-height: var(--wp--custom--talalat);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: var(--wp--preset--spacing--8);
}

.wp-block-button.is-style-outline > .wp-block-button__link:hover {
	background-color: var(--wp--preset--color--krem);
	color: var(--wp--preset--color--grafit);
}

.wp-block-button.is-style-outline > .wp-block-button__link:active {
	background-color: var(--wp--preset--color--homok);
}

/* Inaktív gomb (design.md 2.): mindig írott indoklással a közelében. */
.wp-element-button:disabled,
.wp-element-button[aria-disabled="true"],
.wp-element-button.disabled {
	background-color: var(--wp--preset--color--inaktiv-hatter);
	border-color: var(--wp--preset--color--inaktiv-hatter);
	color: var(--wp--preset--color--grafit-40);
	cursor: not-allowed;
}

/* Ikonok gombon, listán, lépésen. */
[class*="azu-ikon-"] {
	--azu-ikon-meret: 20px;
}
.azu-ikon-nyil { --azu-ikon: var(--azu-i-nyil); }
.azu-ikon-ajandek { --azu-ikon: var(--azu-i-ajandek); }
.azu-ikon-racs { --azu-ikon: var(--azu-i-racs); }
.azu-ikon-ceruza { --azu-ikon: var(--azu-i-ceruza); }
.azu-ikon-taska { --azu-ikon: var(--azu-i-taska); }
.azu-ikon-szallitas { --azu-ikon: var(--azu-i-szallitas); }
.azu-ikon-kartya { --azu-ikon: var(--azu-i-kartya); }
.azu-ikon-visszakuldes { --azu-ikon: var(--azu-i-visszakuldes); }

.wp-block-button[class*="azu-ikon-"]:not(.azu-ikon-nyil) > .wp-block-button__link::before,
.wp-block-button.azu-ikon-nyil > .wp-block-button__link::after,
.azu-nyil-link a::after,
.azu-infolinkek > li::before,
.azu-lepes::before {
	content: "";
	flex: none;
	width: var(--azu-ikon-meret, 20px);
	height: var(--azu-ikon-meret, 20px);
	background-color: currentColor;
	-webkit-mask: var(--azu-ikon, var(--azu-i-nyil)) center / contain no-repeat;
	mask: var(--azu-ikon, var(--azu-i-nyil)) center / contain no-repeat;
}

.azu-nyil-link a {
	display: inline-flex;
	align-items: center;
	gap: var(--wp--preset--spacing--8);
	min-height: var(--wp--custom--talalat);
	font-weight: 600;
}

.azu-nyil-link a::after {
	--azu-ikon-meret: 16px;
}

/* ── Fejléc (design.md 5.) ────────────────────────────────────────── */
.wp-site-blocks > header.wp-block-template-part {
	position: sticky;
	top: 0;
	z-index: 50;
}

.azu-fejlec {
	background-color: var(--wp--preset--color--tortfeher);
	border-bottom: 1px solid var(--wp--preset--color--homok);
	transition: background-color var(--azu-atmenet), border-color var(--azu-atmenet);
}

.azu-fejlec__sav {
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	align-items: center;
	box-sizing: border-box;
	max-width: var(--wp--style--global--content-size);
	min-height: var(--azu-sav);
	margin-inline: auto;
	padding-inline: var(--wp--custom--gutter);
}

.azu-fejlec__sav > * {
	margin-block: 0;
}

.azu-fejlec__menu--bal {
	justify-self: end;
}

.azu-fejlec__jobb {
	justify-self: stretch;
	gap: var(--wp--preset--spacing--16);
}

.azu-fejlec .wp-block-navigation {
	gap: var(--wp--preset--spacing--24);
}

.azu-fejlec .wp-block-navigation-item__content {
	display: inline-flex;
	align-items: center;
	min-height: var(--wp--custom--talalat);
	text-decoration: none;
	color: inherit;
}

.azu-fejlec .wp-block-navigation-item__content:hover,
.azu-fejlec .current-menu-item > .wp-block-navigation-item__content {
	text-decoration: underline;
}

/* Az Ünnepek lenyíló: lebegő réteg, egyetlen funkcionális árnyékkal. */
.azu-fejlec .wp-block-navigation__submenu-container {
	min-width: 300px;
	padding: var(--wp--preset--spacing--8) 0;
	background-color: var(--wp--preset--color--kartyafeher) !important;
	color: var(--wp--preset--color--grafit) !important;
	border: 1px solid var(--wp--preset--color--homok) !important;
	border-radius: 4px;
	box-shadow: var(--azu-arnyek);
}

.azu-fejlec .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	padding: var(--wp--preset--spacing--8) var(--wp--preset--spacing--16);
	width: 100%;
	box-sizing: border-box;
}

/* A logó a sáv közepén, a sáv fölé és alá kilóg; a sáv magassága nem nő miatta. */
.azu-fejlec__logo {
	position: relative;
	z-index: 2;
	margin-block: -14px !important;
	padding-inline: var(--wp--preset--spacing--32);
}

.azu-fejlec__logo figure {
	margin: 0;
}

.azu-fejlec__logo img {
	display: block;
	width: auto;
	height: 88px;
}

.azu-fejlec__logo-sotet {
	display: none !important;
}

.azu-fejlec__ikonok {
	gap: var(--wp--preset--spacing--8);
}

.azu-fejlec__ikonok > * {
	margin: 0;
}

.azu-fejlec__kereso .wp-block-search__button,
.azu-fejlec .wc-block-mini-cart__button,
.azu-fejlec .wp-block-navigation__responsive-container-open {
	min-width: var(--wp--custom--talalat);
	min-height: var(--wp--custom--talalat);
	padding: 0;
	justify-content: center;
	background: transparent;
	border: 0;
	color: inherit;
}

.azu-fejlec__kereso .wp-block-search__inside-wrapper {
	border: 0;
	padding: 0;
}

.azu-fejlec__kereso:not(.wp-block-search__searchfield-hidden) .wp-block-search__input {
	min-height: var(--wp--custom--talalat);
	border: 1px solid var(--wp--preset--color--kavics);
	border-radius: 2px;
	background: var(--wp--preset--color--kartyafeher);
	color: var(--wp--preset--color--grafit);
	font-size: var(--wp--preset--font-size--body);
}

.azu-fejlec .wc-block-mini-cart__badge {
	background-color: var(--wp--preset--color--bordo);
	color: var(--wp--preset--color--tortfeher);
	font-weight: 600;
	font-variant-numeric: tabular-nums;
}

.azu-fejlec .azu-fejlec__mobilmenu.wp-block-navigation {
	display: none;
}

.azu-fejlec__ikonok {
	align-items: center !important;
}

.azu-fejlec__ikonok .wc-block-mini-cart,
.azu-fejlec__ikonok .wp-block-search {
	display: flex;
	align-items: center;
	margin: 0;
}

/* Az „Ünnepek” lenyíló nyila is legalább 44 px magas célterület. */
.azu-fejlec .wp-block-navigation-submenu__toggle {
	min-width: 24px;
	min-height: var(--wp--custom--talalat);
}

/* Főoldal: a fejléc a hero képére úszik, a kép a sáv mögött folytatódik. */
body.home .wp-site-blocks > header.wp-block-template-part {
	top: -32px;
	padding-top: 32px;
	margin-bottom: calc(-1 * (var(--azu-sav) + 32px));
}

body.home .azu-fejlec {
	border-bottom-color: transparent;
}

/* Görgetés után, amikor a hero képe eltűnik: sötét fejléc, azonos magasság. */
body.azu-fejlec-sotet .azu-fejlec {
	background-color: var(--wp--preset--color--grafit);
	border-bottom-color: var(--wp--preset--color--grafit);
	color: var(--wp--preset--color--tortfeher);
}

body.azu-fejlec-sotet .azu-fejlec__logo-vilagos {
	display: none !important;
}

body.azu-fejlec-sotet .azu-fejlec__logo-sotet {
	display: block !important;
}

body.azu-fejlec-sotet .azu-fejlec .wc-block-mini-cart__badge {
	background-color: var(--wp--preset--color--pezsgo);
	color: var(--wp--preset--color--grafit);
}

/* 1100–1239 px: a logó a helyén marad, a térközök szűkülnek. */
@media (max-width: 1239px) {
	.azu-fejlec .wp-block-navigation {
		gap: var(--wp--preset--spacing--16);
	}
	.azu-fejlec__logo {
		padding-inline: var(--wp--preset--spacing--16);
	}
	.azu-fejlec__logo img {
		height: 76px;
	}
}

/* Tablet (768–1099 px): a négy menüpont + logó + ikonok nem fér el – menügomb a jobb oldalon. */
@media (max-width: 1099px) {
	.azu-fejlec__menu--bal,
	.azu-fejlec__menu--jobb {
		display: none !important;
	}
	.azu-fejlec__sav {
		grid-template-columns: auto 1fr;
	}
	.azu-fejlec__logo {
		padding-inline: 0;
	}
	.azu-fejlec__jobb {
		justify-content: flex-end !important;
	}
	.azu-fejlec .azu-fejlec__mobilmenu.wp-block-navigation {
		display: flex;
	}
	.azu-fejlec__mobilmenu .wp-block-navigation__responsive-container.is-menu-open {
		inset: var(--azu-sav) 0 auto 0;
		max-height: calc(100vh - var(--azu-sav));
		padding: var(--wp--preset--spacing--24) var(--wp--custom--gutter);
		background-color: var(--wp--preset--color--kartyafeher);
		color: var(--wp--preset--color--grafit);
		box-shadow: var(--azu-arnyek);
		overflow-y: auto;
	}
	.azu-fejlec__mobilmenu .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
		min-height: 48px;
		font-size: var(--wp--preset--font-size--body-l);
	}
}

/* Mobil (≤767 px): a navigáció a képernyő aljára rögzített sáv. */
@media (max-width: 767px) {
	body {
		padding-bottom: calc(var(--azu-mobilsav) + env(safe-area-inset-bottom));
	}
	.wp-site-blocks > header.wp-block-template-part,
	body.home .wp-site-blocks > header.wp-block-template-part {
		position: fixed;
		inset: auto 0 0 0;
		top: auto;
		margin: 0;
		padding: 0 0 env(safe-area-inset-bottom);
		background-color: var(--wp--preset--color--tortfeher);
		box-shadow: var(--azu-arnyek);
		transition: transform var(--azu-atmenet);
	}
	body.azu-fejlec-sotet .wp-site-blocks > header.wp-block-template-part {
		background-color: var(--wp--preset--color--grafit);
	}
	body.azu-billentyuzet .wp-site-blocks > header.wp-block-template-part {
		transform: translateY(110%);
	}
	.azu-fejlec {
		border-bottom: 0;
		border-top: 1px solid var(--wp--preset--color--homok);
	}
	.azu-fejlec__sav {
		min-height: var(--azu-mobilsav);
	}
	.azu-fejlec__logo {
		margin-block: 0 !important;
	}
	.azu-fejlec__logo img {
		height: 48px;
	}
	.azu-fejlec__mobilmenu .wp-block-navigation__responsive-container.is-menu-open {
		inset: auto 0 calc(var(--azu-mobilsav) + env(safe-area-inset-bottom)) 0;
		max-height: 70vh;
	}
	/* A kereső mező a sáv fölött nyílik, nem takarja a gombokat. */
	.azu-fejlec__kereso:not(.wp-block-search__searchfield-hidden) .wp-block-search__inside-wrapper {
		position: fixed;
		inset: auto var(--wp--custom--gutter) calc(var(--azu-mobilsav) + 8px) var(--wp--custom--gutter);
		width: auto !important;
		background: var(--wp--preset--color--kartyafeher);
		box-shadow: var(--azu-arnyek);
	}
}

/* ── Kampánysáv ───────────────────────────────────────────────────── */
.azu-kampanysav {
	gap: var(--wp--preset--spacing--4) var(--wp--preset--spacing--16);
	padding: var(--wp--preset--spacing--4) var(--wp--custom--gutter);
	text-align: center;
}

.azu-kampanysav p {
	margin: 0;
}

.azu-kampanysav a {
	color: inherit;
}

/* ── Fő tartalom, szekciók ────────────────────────────────────────── */
.azu-fo {
	padding-block: var(--wp--preset--spacing--32) var(--wp--preset--spacing--96);
}

.azu-fo--fooldal {
	padding-block: 0;
}

.azu-fo > * + * {
	margin-block-start: var(--wp--preset--spacing--24);
}

.azu-fo--fooldal > * + * {
	margin-block-start: 0;
}

.azu-szekcio {
	padding-block: var(--wp--custom--szekcio);
}

.azu-szekcio > * + * {
	margin-block-start: var(--wp--preset--spacing--32);
}

.azu-szekcio__fej {
	gap: var(--wp--preset--spacing--8) var(--wp--preset--spacing--24);
}

.azu-szekcio__fej > * {
	margin: 0;
}

.azu-racs {
	display: grid;
	gap: var(--wp--custom--kartyakoz);
	grid-template-columns: repeat(var(--azu-oszlop, 4), minmax(0, 1fr));
}

.azu-racs--3 {
	--azu-oszlop: 3;
}

@media (max-width: 1023px) {
	.azu-racs {
		--azu-oszlop: 2;
	}
}

@media (max-width: 479px) {
	.azu-racs--3 {
		--azu-oszlop: 1;
	}
}

.azu-panel {
	padding: clamp(20px, 3vw, 32px);
	border: 1px solid var(--wp--preset--color--homok);
	border-radius: 4px;
}

.azu-elvalaszto-arany.wp-block-separator {
	width: 96px;
	margin-inline: 0;
	border: 0;
	border-top: 1px solid var(--wp--preset--color--pezsgo);
	opacity: 1;
}

/* ── Hero (az egyetlen jóváhagyott gradiens – design.md 4.) ───────── */
.azu-hero-karacsony.wp-block-cover {
	min-height: clamp(520px, 44vw, 680px);
	padding-block: var(--wp--preset--spacing--96);
}

body.home .azu-hero-karacsony.wp-block-cover {
	padding-top: calc(var(--wp--preset--spacing--96) + var(--azu-sav));
}

.azu-hero-karacsony .wp-block-cover__image-background {
	object-position: 70% center;
}

/* A szöveg a 1240 px-es hasábhoz igazodik, nem a képernyő széléhez. */
.azu-hero-karacsony.wp-block-cover > .wp-block-cover__inner-container {
	width: 100% !important;
	max-width: var(--wp--style--global--content-size) !important;
	margin-inline: auto !important;
}

.azu-hero-karacsony > .wp-block-cover__background.has-background-dim-0 {
	opacity: 1 !important;
	background: linear-gradient(90deg, rgba(43, 40, 38, 0.86) 0%, rgba(43, 40, 38, 0.62) 34%, rgba(43, 40, 38, 0) 62%) !important;
}

.azu-hero__szoveg {
	max-width: 560px;
	gap: var(--wp--preset--spacing--16);
}

.azu-hero__szoveg > * {
	margin: 0;
}

.azu-hero__cim {
	line-height: 1.1;
	letter-spacing: -0.01em;
}

/* A kiemelés dőlt, pezsgőarany, 500-as súly. Dőlt betűfájl nincs – jelentesek/04-hibalista.md. */
.azu-hero__cim em {
	font-style: italic;
	font-weight: 500;
	color: var(--wp--preset--color--pezsgo);
}

.azu-hero__gombok {
	gap: var(--wp--preset--spacing--12);
	margin-top: var(--wp--preset--spacing--16) !important;
}

.azu-gomb-hero > .wp-block-button__link {
	border-color: var(--wp--preset--color--pezsgo);
}

.azu-gomb-vilagos > .wp-block-button__link,
.azu-gomb-vilagos.is-style-outline > .wp-block-button__link {
	background-color: var(--wp--preset--color--tortfeher);
	color: var(--wp--preset--color--grafit);
	border-color: var(--wp--preset--color--grafit);
}

.azu-gomb-vilagos > .wp-block-button__link:hover {
	background-color: var(--wp--preset--color--krem);
}

@media (max-width: 767px) {
	.azu-hero-karacsony.wp-block-cover,
	body.home .azu-hero-karacsony.wp-block-cover {
		display: block;
		min-height: 0;
		padding: 0;
		background-color: var(--wp--preset--color--grafit);
	}
	.azu-hero-karacsony .wp-block-cover__image-background {
		position: relative;
		height: 300px;
		object-position: 85% center;
	}
	.azu-hero-karacsony > .wp-block-cover__background.has-background-dim-0 {
		bottom: auto;
		height: 300px;
		background: linear-gradient(180deg, rgba(43, 40, 38, 0) 55%, rgba(43, 40, 38, 1) 100%) !important;
	}
	.azu-hero-karacsony .wp-block-cover__inner-container {
		padding: var(--wp--preset--spacing--24) var(--wp--custom--gutter) var(--wp--preset--spacing--48);
	}
}

/* ── Termékkártya (design.md 5.) ─────────────────────────────────── */
.azu-termekkartya {
	height: 100%;
	gap: 0;
	overflow: hidden;
	background-color: var(--wp--preset--color--kartyafeher);
	border: 1px solid var(--wp--preset--color--homok);
	border-radius: 4px;
	transition: border-color var(--azu-atmenet);
}

.azu-termekkartya:hover,
.azu-termekkartya:focus-within {
	border-color: var(--wp--preset--color--grafit-60);
}

.azu-termekkartya > * {
	margin: 0 !important;
	width: 100%;
}

.azu-termekkartya .wc-block-components-product-image,
.azu-termekkartya .wp-block-woocommerce-product-image {
	margin: 0;
	aspect-ratio: 4 / 5;
	background-color: var(--wp--preset--color--kartyafeher);
}

.azu-termekkartya .wc-block-components-product-image img {
	width: 100%;
	height: 100%;
	aspect-ratio: 4 / 5;
	object-fit: cover;
	border-radius: 0;
	transform: none !important;
}

.azu-termekkartya__torzs {
	flex: 1;
	gap: var(--wp--preset--spacing--8);
	padding: var(--wp--preset--spacing--16);
}

.azu-termekkartya__torzs > * {
	margin: 0;
}

.azu-termekkartya__nev {
	font-weight: 600;
	line-height: 1.4;
}

.azu-termekkartya__nev a {
	color: var(--wp--preset--color--grafit);
	text-decoration: none;
}

.azu-termekkartya__nev a:hover {
	text-decoration: underline;
}

.azu-termekkartya__ar,
.wc-block-components-product-price,
.azu-ar-nagy {
	font-variant-numeric: tabular-nums;
}

.azu-ar-nagy {
	font-size: var(--wp--preset--font-size--h-3) !important;
	font-family: var(--wp--preset--font-family--montserrat);
	font-weight: 600;
}

.azu-ar-tol {
	font-weight: 500;
}

/* Jelvény: legfeljebb egy; üresen (nincs igazolt adat) rejtett. */
.azu-jelveny {
	align-self: flex-start;
	width: auto !important;
	padding: 2px var(--wp--preset--spacing--8);
	border-radius: 2px;
	background-color: var(--wp--preset--color--krem);
	color: var(--wp--preset--color--grafit);
	font-weight: 500;
}

.azu-jelveny.is-sotet {
	background-color: var(--wp--preset--color--grafit);
	color: var(--wp--preset--color--tortfeher);
}

.azu-jelveny.is-keretes {
	background-color: transparent;
	border: 1px solid var(--wp--preset--color--arany-szoveg);
	color: var(--wp--preset--color--arany-szoveg);
}

.azu-jelveny:empty,
.azu-szemelyre:empty {
	display: none;
}

.azu-szemelyre {
	--azu-ikon: var(--azu-i-ceruza);
	display: inline-flex;
	align-items: center;
	gap: var(--wp--preset--spacing--4);
	color: var(--wp--preset--color--arany-szoveg);
	font-weight: 500;
}

.azu-szemelyre::before {
	content: "";
	width: 14px;
	height: 14px;
	background-color: currentColor;
	-webkit-mask: var(--azu-ikon) center / contain no-repeat;
	mask: var(--azu-ikon) center / contain no-repeat;
}

/* Kép- és kategória-helyőrző (a végleges képek hiányoznak – jelölt helyőrző). */
.azu-kephelyorzo {
	aspect-ratio: 4 / 5;
	width: 100%;
	box-sizing: border-box;
	padding: var(--wp--preset--spacing--16);
	background-color: var(--wp--preset--color--kartyafeher);
	color: var(--wp--preset--color--grafit-70);
	text-align: center;
}

.azu-kephelyorzo--negyzet {
	aspect-ratio: 1 / 1;
}

/* 0.2.3: a feltöltött kategóriakép a kártyán – ugyanabban az 1:1 keretben, ahol a helyőrző állt. */
.azu-kategoriakartya__kep {
	aspect-ratio: 1 / 1;
	width: 100%;
	margin: 0;
	overflow: hidden;
	background-color: var(--wp--preset--color--kartyafeher);
}

.azu-kategoriakartya__kep img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.azu-kategoriakartya {
	gap: 0;
	overflow: hidden;
	background-color: var(--wp--preset--color--kartyafeher);
	border: 1px solid var(--wp--preset--color--homok);
	border-radius: 4px;
}

.azu-kategoriakartya > :not(.azu-kephelyorzo) {
	margin: 0;
	padding-inline: var(--wp--preset--spacing--16);
}

.azu-kategoriakartya > .azu-kategoriakartya__cim {
	padding-top: var(--wp--preset--spacing--16);
}

.azu-kategoriakartya > :last-child {
	padding-bottom: var(--wp--preset--spacing--16);
}

.azu-kategoriakartya__cim a {
	color: var(--wp--preset--color--grafit);
	text-decoration: none;
}

/* Az egész kártya kattintható, a link szövege marad a név. */
.azu-kategoriakartya:has(a) {
	position: relative;
}

.azu-kategoriakartya__cim a::after {
	content: "";
	position: absolute;
	inset: 0;
}

.azu-kategoriakartya:hover {
	border-color: var(--wp--preset--color--grafit-60);
}

.azu-kategoriakartya:hover .azu-kategoriakartya__cim a {
	text-decoration: underline;
}

.azu-kategoriakartya.is-ures {
	background-color: var(--wp--preset--color--inaktiv-hatter);
	border-color: var(--wp--preset--color--kavics);
}

.azu-kategoriakartya.is-ures .azu-kephelyorzo {
	background-color: var(--wp--preset--color--inaktiv-hatter);
}

/* ── Személyre szabás, ajándékválasztó, információk ────────────────── */
.azu-ketoszlop {
	gap: clamp(32px, 5vw, 64px);
}

.azu-lepesek {
	gap: var(--wp--preset--spacing--16);
	margin-top: var(--wp--preset--spacing--24) !important;
}

.azu-lepes {
	position: relative;
	padding-left: 56px;
	gap: var(--wp--preset--spacing--4);
}

.azu-lepes > * {
	margin: 0;
}

.azu-lepes::before {
	position: absolute;
	left: 0;
	top: 0;
	width: 40px;
	height: 40px;
	-webkit-mask-size: 20px;
	mask-size: 20px;
	background-color: var(--wp--preset--color--arany-szoveg);
}

.azu-lepes::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 40px;
	height: 40px;
	box-sizing: border-box;
	border: 1px solid var(--wp--preset--color--homok);
	border-radius: 999px;
}

.azu-elonezet-kartya {
	gap: var(--wp--preset--spacing--12);
	padding: var(--wp--preset--spacing--24);
	background-color: var(--wp--preset--color--kartyafeher);
	border: 1px solid var(--wp--preset--color--homok);
	border-radius: 4px;
}

.azu-elonezet-kartya > * {
	margin: 0;
}

.azu-elonezet-kartya__kep img {
	width: 100%;
	height: auto;
	aspect-ratio: 4 / 5;
	object-fit: cover;
	background-color: var(--wp--preset--color--kartyafeher);
}

.azu-csipek {
	gap: var(--wp--preset--spacing--8);
}

.azu-csip > .wp-block-button__link {
	padding: 10px var(--wp--preset--spacing--16);
	font-size: var(--wp--preset--font-size--small);
}

.azu-infolinkek {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr));
	gap: var(--wp--preset--spacing--16);
	padding: 0;
	list-style: none;
}

.azu-infolinkek > li {
	display: grid;
	grid-template-columns: auto 1fr;
	align-items: center;
	gap: 0 var(--wp--preset--spacing--12);
	padding: var(--wp--preset--spacing--16);
	border: 1px solid var(--wp--preset--color--homok);
	border-radius: 4px;
	background-color: var(--wp--preset--color--kartyafeher);
}

.azu-infolinkek > li::before {
	--azu-ikon-meret: 22px;
	grid-row: span 2;
	color: var(--wp--preset--color--arany-szoveg);
}

.azu-infolinkek a {
	font-weight: 600;
}

.azu-infolinkek .azu-helyorzo {
	color: var(--wp--preset--color--grafit-60);
	font-size: var(--wp--preset--font-size--caption);
}

/* ── Kategóriafejléc ─────────────────────────────────────────────── */
.azu-kategoriafejlec {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 360px), 1fr));
	overflow: hidden;
	border-radius: 4px;
}

.azu-kategoriafejlec > * {
	margin: 0 !important;
}

.azu-kategoriafejlec__szoveg {
	gap: var(--wp--preset--spacing--16);
	padding: clamp(24px, 4vw, 48px);
}

.azu-kategoriafejlec__szoveg > * {
	margin: 0;
}

.azu-kategoriafejlec__kep {
	min-height: 240px;
	text-align: center;
}

@media (max-width: 767px) {
	.azu-kategoriafejlec__kep {
		min-height: 120px;
	}
}

/* 0.2.3: a feltöltött kategóriakép a fejléc jobb paneljén – kitölti a helyőrző sötét panel helyét (asztalon ≥ 240 px, mobilon 120 px). */
.azu-kategoriafejlec__kep--kep {
	position: relative;
	margin: 0;
	background-color: var(--wp--preset--color--kartyafeher);
}

.azu-kategoriafejlec__kep--kep img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* Morzsamenü és értesítések a tartalom hasábjában; a link célterülete 44 px. */
.azu-fo > .wp-block-woocommerce-breadcrumbs,
.azu-fo > .wp-block-woocommerce-store-notices {
	max-width: var(--wp--style--global--content-size);
	margin-inline: auto !important;
}

.wp-block-woocommerce-breadcrumbs a {
	display: inline-block;
	padding-block: 12px;
}

/* A helyőrző csak akkor látszik, ha a kategóriának nincs leírása. */
.azu-kategoriafejlec__bevezeto:not(:empty) ~ .azu-kategoriafejlec__helyorzo {
	display: none;
}

/* ── Szűrősáv (design.md 5.) ─────────────────────────────────────── */
.azu-szurosav__sor {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: space-between;
	gap: var(--wp--preset--spacing--16);
}

.azu-szurosav__szurok {
	display: flex;
	flex-wrap: wrap;
	gap: var(--wp--preset--spacing--8);
}

.azu-szuro {
	position: relative;
}

.azu-szuro__gomb {
	display: inline-flex;
	align-items: center;
	gap: var(--wp--preset--spacing--8);
	min-height: var(--wp--custom--talalat);
	padding: 0 var(--wp--preset--spacing--16);
	border: 1px solid var(--wp--preset--color--grafit);
	border-radius: 999px;
	font-size: var(--wp--preset--font-size--small);
	font-weight: 500;
	cursor: pointer;
	list-style: none;
}

.azu-szuro__gomb::-webkit-details-marker {
	display: none;
}

.azu-szuro__gomb::after {
	content: "";
	width: 16px;
	height: 16px;
	background-color: currentColor;
	-webkit-mask: var(--azu-i-le) center / contain no-repeat;
	mask: var(--azu-i-le) center / contain no-repeat;
	transition: transform var(--azu-atmenet);
}

.azu-szuro[open] > .azu-szuro__gomb::after {
	transform: rotate(180deg);
}

.azu-szuro[data-aktiv] > .azu-szuro__gomb,
.azu-szuro__gomb:hover {
	background-color: var(--wp--preset--color--krem);
}

.azu-szuro__panel {
	position: absolute;
	z-index: 20;
	top: calc(100% + 6px);
	left: 0;
	display: grid;
	gap: var(--wp--preset--spacing--4);
	min-width: 240px;
	margin: 0;
	padding: var(--wp--preset--spacing--12);
	background-color: var(--wp--preset--color--kartyafeher);
	border: 1px solid var(--wp--preset--color--homok);
	border-radius: 4px;
	box-shadow: var(--azu-arnyek);
}

.azu-szuro__opcio {
	display: flex;
	align-items: center;
	gap: var(--wp--preset--spacing--8);
	min-height: var(--wp--custom--talalat);
	cursor: pointer;
}

.azu-szuro__opcio input,
.azu-szurosav input[type="checkbox"] {
	width: 20px;
	height: 20px;
	margin: 0;
	accent-color: var(--wp--preset--color--fenyo);
}

.azu-szurosav__rendezes {
	display: grid;
	gap: var(--wp--preset--spacing--4);
	font-size: var(--wp--preset--font-size--small);
	font-weight: 600;
}

.azu-szurosav select,
.azu-fo select {
	min-height: 48px;
	padding: 0 var(--wp--preset--spacing--12);
	border: 1px solid var(--wp--preset--color--kavics);
	border-radius: 2px;
	background-color: var(--wp--preset--color--kartyafeher);
	color: var(--wp--preset--color--grafit);
	font: inherit;
	font-size: var(--wp--preset--font-size--body);
	font-weight: 400;
}

/* JS mellett azonnal szűr; JS nélkül a „Szűrés” gomb küldi el. */
.is-azonnali .azu-szurosav__alkalmaz {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
}

.azu-aktiv-szurok {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--wp--preset--spacing--8) var(--wp--preset--spacing--16);
	margin-top: var(--wp--preset--spacing--16);
}

.azu-aktiv-szurok ul,
.azu-ures__lista {
	display: flex;
	flex-wrap: wrap;
	gap: var(--wp--preset--spacing--8);
	margin: 0;
	padding: 0;
	list-style: none;
}

.azu-szurocimke {
	display: inline-flex;
	align-items: center;
	gap: var(--wp--preset--spacing--8);
	min-height: var(--wp--custom--talalat);
	padding: 0 var(--wp--preset--spacing--12) 0 var(--wp--preset--spacing--16);
	border-radius: 999px;
	background-color: var(--wp--preset--color--krem);
	color: var(--wp--preset--color--grafit);
	font-size: var(--wp--preset--font-size--small);
	text-decoration: none;
}

.azu-szurocimke__x {
	width: 16px;
	height: 16px;
	background-color: currentColor;
	-webkit-mask: var(--azu-i-x) center / contain no-repeat;
	mask: var(--azu-i-x) center / contain no-repeat;
}

.azu-talalatszam {
	margin: var(--wp--preset--spacing--16) 0 0;
	padding-bottom: var(--wp--preset--spacing--12);
	border-bottom: 1px solid var(--wp--preset--color--homok);
	color: var(--wp--preset--color--grafit-70);
	font-size: var(--wp--preset--font-size--small);
	font-weight: 600;
}

@media (max-width: 767px) {
	.azu-szurosav__sor {
		align-items: stretch;
		flex-direction: column;
	}
	.azu-szuro__panel {
		position: static;
		margin-top: var(--wp--preset--spacing--8);
		box-shadow: none;
	}
	.azu-szuro[open] {
		flex-basis: 100%;
	}
}

/* ── Üres állapotok ──────────────────────────────────────────────── */
.azu-ures {
	gap: var(--wp--preset--spacing--16);
	padding: clamp(24px, 4vw, 48px);
	background-color: var(--wp--preset--color--kartyafeher);
	border-radius: 4px;
}

.azu-ures > * {
	margin: 0;
}

.azu-ures__cim {
	font-size: var(--wp--preset--font-size--h-3);
}

.azu-ures__db {
	color: var(--wp--preset--color--grafit-70);
	font-size: var(--wp--preset--font-size--small);
}

/* ── Terméklap ───────────────────────────────────────────────────── */
.azu-termeklap__fo {
	gap: clamp(32px, 5vw, 64px);
}

.azu-termeklap__adatok > * {
	margin-block: 0 var(--wp--preset--spacing--16);
}

.azu-termeklap__meta {
	gap: var(--wp--preset--spacing--4) var(--wp--preset--spacing--12);
}

.azu-termeklap__meta > * {
	margin: 0;
}

.azu-konfigurator {
	scroll-margin-top: calc(var(--azu-sav) + 16px);
}

.azu-konfigurator .single_add_to_cart_button {
	width: 100%;
}

.azu-lenyilok .wp-block-details {
	margin: 0;
}

.wp-block-details > summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--wp--preset--spacing--16);
	min-height: var(--wp--custom--talalat);
	font-weight: 600;
	cursor: pointer;
	list-style: none;
}

.wp-block-details > summary::-webkit-details-marker {
	display: none;
}

.wp-block-details > summary::after {
	content: "";
	flex: none;
	width: 20px;
	height: 20px;
	background-color: currentColor;
	-webkit-mask: var(--azu-i-le) center / contain no-repeat;
	mask: var(--azu-i-le) center / contain no-repeat;
	transition: transform var(--azu-atmenet);
}

.wp-block-details[open] > summary::after {
	transform: rotate(180deg);
}

.azu-generator-elonezet {
	margin: 0;
}

.azu-generator-elonezet iframe {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 4 / 5;
	border: 1px solid var(--wp--preset--color--homok);
	border-radius: 4px;
	background-color: var(--wp--preset--color--krem);
}

.azu-generator-elonezet figcaption {
	margin-top: var(--wp--preset--spacing--8);
	color: var(--wp--preset--color--grafit-70);
	font-size: var(--wp--preset--font-size--caption);
}

/* Mobil sticky vásárlósáv – csak mobilon, és csak ha a kosárgomb nincs a képernyőn. */
.azu-vasarlosav {
	display: none;
}

@media (max-width: 767px) {
	.azu-vasarlosav {
		position: fixed;
		z-index: 40;
		inset: auto 0 calc(var(--azu-mobilsav) + env(safe-area-inset-bottom)) 0;
		gap: var(--wp--preset--spacing--16);
		padding: var(--wp--preset--spacing--8) var(--wp--custom--gutter);
		background-color: var(--wp--preset--color--kartyafeher);
		border-top: 1px solid var(--wp--preset--color--homok);
		box-shadow: var(--azu-arnyek);
	}
	.azu-js .azu-vasarlosav:not(.is-latszik),
	body.azu-billentyuzet .azu-vasarlosav {
		display: none !important;
	}
	.azu-vasarlosav.is-latszik,
	html:not(.azu-js) .azu-vasarlosav {
		display: flex;
	}
	.azu-vasarlosav > * {
		margin: 0;
	}
	/* A sáv nem takarhatja a lap alját. */
	.azu-termeklap {
		padding-bottom: calc(var(--wp--preset--spacing--96) + 64px);
	}
}

/* ── Kosár, pénztár, visszaigazolás ──────────────────────────────── */

/* Pénztár 0.2.2: „← Vissza a kosárhoz” a cím fölött – visszafogott fenyőzöld link, mobilon is legalább 44 px érintési magasság. */
.azu-penztar .azu-vissza-kosar {
	margin-block: var(--wp--preset--spacing--8) 0;
	font-size: var(--wp--preset--font-size--small);
	line-height: 1.4;
}

.azu-penztar .azu-vissza-kosar a {
	display: inline-flex;
	align-items: center;
	gap: var(--wp--preset--spacing--8);
	min-height: 44px;
	color: var(--wp--preset--color--fenyo);
	font-weight: 500;
	text-decoration: none;
	text-underline-offset: 3px;
}

.azu-penztar .azu-vissza-kosar a:hover,
.azu-penztar .azu-vissza-kosar a:focus-visible {
	color: var(--wp--preset--color--fenyo-hover);
	text-decoration: underline;
}

.azu-lepessav {
	display: flex;
	flex-wrap: wrap;
	gap: var(--wp--preset--spacing--8) var(--wp--preset--spacing--24);
	margin: 0;
	padding: 0;
	list-style: none;
	counter-reset: azu-lepes;
	color: var(--wp--preset--color--grafit-60);
	font-size: var(--wp--preset--font-size--small);
}

.azu-lepessav > li {
	display: inline-flex;
	align-items: center;
	gap: var(--wp--preset--spacing--8);
	counter-increment: azu-lepes;
}

.azu-lepessav > li::before {
	content: counter(azu-lepes);
	display: inline-grid;
	place-items: center;
	width: 24px;
	height: 24px;
	border: 1px solid currentColor;
	border-radius: 999px;
	font-size: var(--wp--preset--font-size--caption);
	font-weight: 600;
}

.is-lepes-1 > li:nth-child(1),
.is-lepes-2 > li:nth-child(2),
.is-lepes-3 > li:nth-child(3) {
	color: var(--wp--preset--color--grafit);
	font-weight: 600;
}

.is-lepes-1 > li:nth-child(1)::before,
.is-lepes-2 > li:nth-child(2)::before,
.is-lepes-3 > li:nth-child(3)::before {
	background-color: var(--wp--preset--color--fenyo);
	border-color: var(--wp--preset--color--fenyo);
	color: var(--wp--preset--color--tortfeher);
}

/* WooCommerce-mezők: kavics szegély, 2 px sarok, kártyafehér háttér, 16 px szöveg. */
.wc-block-components-text-input input,
.wc-block-components-textarea,
.wc-block-components-combobox .wc-block-components-combobox-control input,
.wc-blocks-components-select__select,
.woocommerce form .input-text,
.woocommerce form select {
	border: 1px solid var(--wp--preset--color--kavics) !important;
	border-radius: 2px !important;
	background-color: var(--wp--preset--color--kartyafeher) !important;
	color: var(--wp--preset--color--grafit) !important;
	font-size: var(--wp--preset--font-size--body) !important;
}

.wc-block-components-validation-error,
.wc-block-components-validation-error > p {
	color: var(--wp--preset--color--hiba);
	font-size: var(--wp--preset--font-size--small);
}

.wc-block-components-totals-wrapper,
.wc-block-components-order-summary {
	border-color: var(--wp--preset--color--homok) !important;
}

.wc-block-cart__submit-button,
.wc-block-components-checkout-place-order-button {
	min-height: 48px;
	border-radius: 999px !important;
	font-weight: 500;
}

/* Pénztár 0.2.1: kisebb Megrendelem gomb (aranybarna, lekerekített), mobilon is legalább 44 px magas. */
/* A WooCommerce --full-width szabálya (width: 100%) három osztályos, ezért négy kell. */
.wc-block-checkout .wc-block-checkout__actions .wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button {
	width: auto;
	min-width: 12rem;
	min-height: 44px;
	padding: 0.5rem 1.75rem;
	font-size: 1rem;
	line-height: 1.25;
}

@media (max-width: 599px) {
	.wc-block-checkout .wc-block-checkout__actions .wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button {
		width: 100%;
		min-width: 0;
	}
}

/* Elfogadás nélkül a gomb tiltottnak látszik és nem kattintható – JS nélkül is (:has).
   A tulajdonos kérésére az aranybarna háttér tiltva is marad (halványítva), nem az általános inaktív szín.
   A rendelést a WooCommerce saját ellenőrzése és a szerver (inc/penztar.php) is elutasítja. */
.wc-block-checkout:has(#terms-and-conditions:not(:checked)) .wc-block-components-checkout-place-order-button,
.wc-block-checkout .wc-block-components-checkout-place-order-button[aria-disabled="true"] {
	background-color: var(--wp--preset--color--arany-szoveg);
	border-color: var(--wp--preset--color--arany-szoveg);
	color: var(--wp--preset--color--tortfeher);
	opacity: 0.5;
	cursor: not-allowed;
	pointer-events: none;
}

.wc-block-checkout__terms.azu-aszf,
.azu-aszf .wc-block-checkout__terms {
	font-size: var(--wp--preset--font-size--small);
}

.azu-aszf .wc-block-components-checkbox__label a {
	color: inherit;
	text-decoration: underline;
	text-underline-offset: 2px;
}

/* Külön adatvédelmi sor (azunnep/adatvedelmi-sor): kisebb, visszafogott, a jelölőnégyzet szövegéhez igazítva. */
.wc-block-checkout .azu-adatvedelem {
	margin: 0.5rem 0 1.5rem;
	padding-left: calc(1.5em + 8px);
	font-size: var(--wp--preset--font-size--caption);
	line-height: 1.5;
	color: var(--wp--preset--color--grafit-70);
}

.wc-block-checkout .azu-adatvedelem a {
	color: inherit;
	text-decoration: underline;
	text-underline-offset: 2px;
}

@media (max-width: 599px) {
	.wc-block-checkout .azu-adatvedelem {
		padding-left: 0;
	}
}

.wp-block-woocommerce-cart-totals-block,
.wp-block-woocommerce-checkout-totals-block {
	background-color: var(--wp--preset--color--kartyafeher);
}

.azu-rendelesszam .wc-block-order-confirmation-summary-list-item:first-child .wc-block-order-confirmation-summary-list-item__value {
	font-size: var(--wp--preset--font-size--h-3);
	font-weight: 600;
	font-variant-numeric: tabular-nums;
	user-select: all;
}

/* ── Szövegoldal (design.md 3. [PROJEKT]) ────────────────────────── */
.azu-szovegoldal {
	line-height: 1.75;
}

.azu-szovegoldal p {
	margin-block: 0 22px;
}

.azu-szovegoldal h2,
.azu-szakasz > .wp-block-details > summary {
	font-family: var(--wp--preset--font-family--montserrat);
	font-size: var(--wp--preset--font-size--szoveg-h-2);
	font-weight: 600;
	line-height: 1.35;
}

.azu-szovegoldal h3 {
	font-family: var(--wp--preset--font-family--montserrat);
	font-size: var(--wp--preset--font-size--h-4);
	font-weight: 600;
}

.azu-szakasz {
	scroll-margin-top: calc(var(--azu-sav) + 16px);
}

.azu-szakasz > .wp-block-details {
	border-top: 1px solid var(--wp--preset--color--pezsgo);
	border-bottom: 0;
}

.azu-tartalom {
	padding: var(--wp--preset--spacing--16) var(--wp--preset--spacing--24);
	background-color: var(--wp--preset--color--kartyafeher);
	border: 0;
	border-radius: 4px;
}

.azu-tartalom ol {
	margin: var(--wp--preset--spacing--8) 0 0;
}

.azu-tartalom li a {
	display: inline-flex;
	align-items: center;
	min-height: var(--wp--custom--talalat);
}

@media (min-width: 768px) {
	/* Asztalon a tartalomjegyzék mindig nyitva: a „Tartalom” felirat címként viselkedik. */
	.azu-tartalom > summary {
		pointer-events: none;
	}
	.azu-tartalom > summary::after {
		display: none;
	}
}

/* ── Elállás ─────────────────────────────────────────────────────── */
.azu-elallas__oszlopok {
	gap: clamp(32px, 5vw, 64px);
}

@media (min-width: 782px) {
	.azu-elallas__urlap {
		flex-basis: 62% !important;
	}
}

/* ── Sütiablak (jelölés; működés: CMP) ───────────────────────────── */
.azu-suti-ablak {
	gap: var(--wp--preset--spacing--12);
	max-width: 440px;
	padding: var(--wp--preset--spacing--24);
	border: 1px solid var(--wp--preset--color--homok);
	border-radius: 4px;
	box-shadow: var(--azu-arnyek);
}

.azu-suti-ablak > * {
	margin: 0;
}

/* ── Lábléc (design.md 5.) ───────────────────────────────────────── */
.azu-lablec {
	margin-top: 0;
	padding-block: var(--wp--preset--spacing--64) var(--wp--preset--spacing--24);
	border-top: 1px solid var(--wp--preset--color--pezsgo);
}

.azu-lablec a {
	color: var(--wp--preset--color--tortfeher);
	text-decoration: none;
}

.azu-lablec a:hover {
	color: var(--wp--preset--color--tortfeher);
	text-decoration: underline;
}

.azu-lablec__oszlopok {
	display: grid !important;
	grid-template-columns: 1.2fr repeat(3, 1fr) 1.2fr;
	gap: var(--wp--preset--spacing--32);
}

@media (max-width: 1023px) {
	.azu-lablec__oszlopok {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 479px) {
	.azu-lablec__oszlopok {
		grid-template-columns: minmax(0, 1fr);
	}
}

.azu-lablec__cim {
	color: var(--wp--preset--color--pezsgo);
	font-weight: 600;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}

.azu-lablec__logo img {
	width: 160px;
	height: auto;
}

.azu-lablec__lista {
	margin: 0;
	padding: 0;
	list-style: none;
}

.azu-lablec__lista a,
.azu-lablec__also a {
	display: inline-flex;
	align-items: center;
	min-height: var(--wp--custom--talalat);
}

.azu-lablec__kozosseg {
	color: var(--wp--preset--color--tortfeher);
}

.azu-lablec__kozosseg .wp-social-link a {
	padding: 12px;
}

/* A közösségi URL megadása után a helyőrző szöveg eltűnik. */
.azu-lablec__kozosseg:not(:empty) + .azu-helyorzo {
	display: none;
}

.azu-lablec__also {
	margin-top: var(--wp--preset--spacing--48);
	padding-top: var(--wp--preset--spacing--16);
	border-top: 1px solid var(--wp--preset--color--grafit-70);
}

.azu-lablec__also p {
	margin: 0;
}

/* ── Lapozó ──────────────────────────────────────────────────────── */
.azu-lapozo {
	margin-top: var(--wp--preset--spacing--48);
	gap: var(--wp--preset--spacing--8);
}

.azu-lapozo a,
.azu-lapozo .page-numbers {
	display: inline-grid;
	place-items: center;
	min-width: var(--wp--custom--talalat);
	min-height: var(--wp--custom--talalat);
}

/* ── Élő teszt utáni javítások (2026-10-28) ──────────────────────── */

/* A WordPress layout-osztálya (display:flex) felülírta a rejtést: a sáv asztalon is látszott. */
.azu-vasarlosav.wp-block-group {
	display: none !important;
}

@media (max-width: 767px) {
	.azu-vasarlosav.wp-block-group.is-latszik,
	html:not(.azu-js) .azu-vasarlosav.wp-block-group {
		display: flex !important;
	}
	body.azu-billentyuzet .azu-vasarlosav.wp-block-group {
		display: none !important;
	}
}

/* A jelvény csak a szövegnyi szélességet veszi fel. */
.azu-jelveny {
	display: inline-block;
	width: fit-content !important;
	max-width: 100%;
}

/* Rácsban a flow-elrendezés felső margója elcsúsztatta az első kártyát. */
.azu-racs > * {
	margin: 0 !important;
}

/* Változatválasztó: a szöveg ne vágódjon le. */
.azu-konfigurator select {
	height: 48px;
	padding-block: 0;
	line-height: normal;
}

/* Inaktív kosárgomb: a design szerinti színek, a Woo saját halványítása nélkül. */
.azu-konfigurator .single_add_to_cart_button.disabled,
.azu-konfigurator .single_add_to_cart_button:disabled {
	opacity: 1 !important;
	background-color: var(--wp--preset--color--inaktiv-hatter) !important;
	border-color: var(--wp--preset--color--inaktiv-hatter) !important;
	color: var(--wp--preset--color--grafit-70) !important;
}

/* Woo-célterületek: galéria-nagyító, változat törlése. */
.woocommerce-product-gallery__trigger {
	width: 44px !important;
	height: 44px !important;
	display: grid !important;
	place-items: center;
}

.azu-konfigurator .reset_variations {
	display: inline-flex;
	align-items: center;
	min-height: var(--wp--custom--talalat);
}

/* Kosár, pénztár, visszaigazolás: a Woo saját 1000 px-es címkorlátja és a teljes szélességű blokk
   helyett minden a 1240 px-es hasábban áll, a lépéssávval egy vonalban. */
.azu-fo > .wp-block-post-title,
.azu-kosar > .wp-block-woocommerce-cart,
.azu-penztar > .wp-block-woocommerce-checkout,
.azu-visszaigazolas > .alignwide {
	max-width: var(--wp--style--global--content-size) !important;
	margin-inline: auto !important;
}

.azu-kategoriakartya__cim {
	font-weight: 600;
}

/* Kosár ≤479 px: a sorösszeg a tétel alá kerül, mert három oszlop nem fér el (élő teszt, 320 px). */
@media (max-width: 479px) {
	.wc-block-cart-items,
	.wc-block-cart-items tbody {
		display: block;
		width: 100%;
	}
	.wc-block-cart-items thead {
		display: none;
	}
	.wc-block-cart-items .wc-block-cart-items__row {
		display: grid;
		grid-template-columns: 64px minmax(0, 1fr);
		gap: 0 var(--wp--preset--spacing--12);
		width: 100%;
	}
	.wc-block-cart-items .wc-block-cart-item__image {
		width: 64px;
		grid-row: span 2;
	}
	.wc-block-cart-items .wc-block-cart-item__total {
		grid-column: 2;
		text-align: left;
		padding-top: 0;
	}
}

/* A hero szövegblokkja a hasáb bal szélén áll (a constrained elrendezés középre tenné). */
.azu-hero-karacsony .azu-hero__szoveg {
	margin-left: 0 !important;
	margin-right: auto !important;
}

/* Az ár soha nem törik („4 990 Ft” nem törő szóközzel – design.md 1.), akármi a Woo ezres elválasztója. */
.woocommerce-Price-amount,
.wc-block-formatted-money-amount,
.wc-block-components-formatted-money-amount {
	white-space: nowrap;
}

/* Visszaigazolás: ha nincs szállítási (vagy számlázási) cím, az üres oszlop ne foglaljon helyet. */
.azu-visszaigazolas__cimek > .wp-block-column:not(:has(.wc-block-order-confirmation-address-wrapper, address, .wc-block-components-address-card)) {
	display: none;
}

/* ── Fejléc a terv szerint (screenshots/01, 03 – javítás 2026-10-28) ─────────── */
:root {
	--azu-i-kereso: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E");
}

/* A logó nagy, a sáv fölé és alá is kilóg; a sáv magassága nem nő. */
.azu-fejlec__logo {
	margin-block: -24px !important;
	padding-inline: var(--wp--preset--spacing--48);
}

.azu-fejlec__logo img {
	height: 112px;
}

.azu-fejlec .wp-block-navigation {
	font-size: 15px;
	gap: var(--wp--preset--spacing--32);
}

/* Az „Ünnepek” lenyíló nyíl nélkül, ahogy a terv mutatja; egérrel és billentyűzettel (fókusz) nyílik. */
@media (min-width: 1100px) {
	.azu-fejlec .wp-block-navigation__submenu-icon {
		display: none;
	}
}

/* Aktív menüpont: aláhúzás (a fejlec.js jelöli az aktuális oldalt). */
.azu-fejlec .wp-block-navigation-item__content[aria-current="page"] {
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 6px;
}

/* Kereső és kosár: 28 px-es Lucide ikonok (nagyító, táska). */
.azu-fejlec__kereso .wp-block-search__button svg {
	display: none;
}

.azu-fejlec__kereso .wp-block-search__button::before {
	content: "";
	width: 28px;
	height: 28px;
	background-color: currentColor;
	-webkit-mask: var(--azu-i-kereso) center / contain no-repeat;
	mask: var(--azu-i-kereso) center / contain no-repeat;
}

.azu-fejlec .wc-block-mini-cart__button {
	position: relative;
}

.azu-fejlec .wc-block-mini-cart__icon {
	width: 28px !important;
	height: 28px !important;
}

/* Darabszám-jelvény: bordó kör a táska jobb felső sarkán (sötét fejlécen pezsgő). */
.azu-fejlec .wc-block-mini-cart__badge {
	position: absolute;
	top: 2px;
	right: 0;
	min-width: 20px;
	height: 20px;
	padding: 0 5px;
	box-sizing: border-box;
	border: 0;
	border-radius: 999px;
	font-size: 11px;
	line-height: 20px;
	text-align: center;
	transform: none;
}

.azu-fejlec__ikonok {
	gap: var(--wp--preset--spacing--16);
}

@media (max-width: 1239px) {
	.azu-fejlec__logo {
		padding-inline: var(--wp--preset--spacing--24);
	}
	.azu-fejlec__logo img {
		height: 96px;
	}
	.azu-fejlec .wp-block-navigation {
		gap: var(--wp--preset--spacing--24);
	}
}

@media (max-width: 1099px) {
	.azu-fejlec__logo {
		margin-block: -12px !important;
		padding-inline: 0;
	}
	.azu-fejlec__logo img {
		height: 80px;
	}
}

@media (max-width: 767px) {
	.azu-fejlec__logo {
		margin-block: 0 !important;
	}
	.azu-fejlec__logo img {
		height: 52px;
	}
}

/* Finomítás a terv méreteihez: logó ≈ 390 px széles, menü 14 px, táska 28 px. */
.azu-fejlec__logo {
	margin-block: -38px !important;
}

.azu-fejlec__logo img {
	height: 138px;
}

.azu-fejlec .wp-block-navigation {
	font-size: var(--wp--preset--font-size--small);
}

.azu-fejlec .wc-block-mini-cart__button svg {
	width: 28px !important;
	height: 28px !important;
}

@media (max-width: 1239px) {
	.azu-fejlec__logo {
		margin-block: -28px !important;
	}
	.azu-fejlec__logo img {
		height: 118px;
	}
}

@media (max-width: 1099px) {
	.azu-fejlec__logo {
		margin-block: -12px !important;
	}
	.azu-fejlec__logo img {
		height: 88px;
	}
}

@media (max-width: 767px) {
	.azu-fejlec__logo {
		margin-block: 0 !important;
	}
	.azu-fejlec__logo img {
		height: 52px;
	}
}

/* Mini kosár darabszám: bordó kör a táska jobb felső sarkán, mindig látszik (a tervben „0” is).
   A WooCommerce a színt inline állítja be, ezért kell az !important. */
.azu-fejlec .wc-block-mini-cart__quantity-badge {
	position: relative;
	display: inline-flex;
}

.azu-fejlec .wc-block-mini-cart__quantity-badge .wc-block-mini-cart__badge {
	position: absolute;
	top: -6px;
	right: -8px;
	left: auto;
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 20px;
	height: 20px;
	margin: 0;
	padding: 0 5px;
	box-sizing: border-box;
	border: 0;
	border-radius: 999px;
	background-color: var(--wp--preset--color--bordo) !important;
	color: var(--wp--preset--color--tortfeher) !important;
	font-size: 11px;
	font-weight: 600;
	line-height: 1;
	transform: none;
}

body.azu-fejlec-sotet .azu-fejlec .wc-block-mini-cart__quantity-badge .wc-block-mini-cart__badge {
	background-color: var(--wp--preset--color--pezsgo) !important;
	color: var(--wp--preset--color--grafit) !important;
}

/* A Woo táska-ikonja a 32-es rajzlapon kisebb: 34 px-re nagyítva egyezik a 28 px-es nagyítóval. */
.azu-fejlec .wc-block-mini-cart__button svg {
	width: 34px !important;
	height: 34px !important;
}

/* A fejléc mindig EGY sor: a menüpontok nem törnek, az elemek nem csúsznak új sorba. */
.azu-fejlec__sav,
.azu-fejlec .wp-block-navigation,
.azu-fejlec .wp-block-navigation__container,
.azu-fejlec__jobb,
.azu-fejlec__ikonok {
	flex-wrap: nowrap !important;
}

.azu-fejlec .wp-block-navigation-item__content,
.azu-fejlec .wp-block-navigation-item__label {
	white-space: nowrap;
}

/* Szűkebb asztali szélességen (pl. admin sávval az előnézetben) a térközök szűkülnek, nem tör a sor. */
@media (min-width: 1100px) and (max-width: 1279px) {
	.azu-fejlec .wp-block-navigation {
		gap: var(--wp--preset--spacing--16);
	}
	.azu-fejlec__logo {
		padding-inline: var(--wp--preset--spacing--16);
	}
	.azu-fejlec__logo img {
		height: 104px;
	}
	.azu-fejlec__logo {
		margin-block: -22px !important;
	}
}

/* Tartalék: ha a WooCommerce mégis beszúr fiókikont vagy második kosarat a fejlécbe, ne törje szét a sort. */
.azu-fejlec .wp-block-woocommerce-customer-account,
.azu-fejlec .wc-block-mini-cart:not(.azu-fejlec__kosar) {
	display: none !important;
}

/* ── Fejléc és lábléc a Webshop oldalak.dc.html mért értékei szerint (D1a) ───────────────── */
.azu-fejlec .wp-block-navigation {
	gap: 8px;
	font-size: 15px;
	font-weight: 500;
}

.azu-fejlec .wp-block-navigation-item__content {
	padding-inline: 10px;
}

.azu-fejlec__ikonok {
	gap: 4px;
}

.azu-fejlec__kereso .wp-block-search__button,
.azu-fejlec .wc-block-mini-cart__button,
.azu-fejlec .wp-block-navigation__responsive-container-open {
	min-width: 48px;
	min-height: 48px;
}

/* 1240 px felett egy sor: a logó felül 10 px-re, a sáv alá kilóg, a menü és az ikonok alul. */
@media (min-width: 1240px) {
	:root {
		--azu-sav: 103px;
	}
	.azu-fejlec__sav {
		align-items: end;
		padding: 0 24px 10px;
	}
	.azu-fejlec__logo {
		align-self: start;
		margin-block: 10px -37px !important;
		padding-inline: 12px;
	}
	.azu-fejlec__logo img {
		width: 340px;
		height: auto;
	}
}

@media (min-width: 1400px) {
	:root {
		--azu-sav: 114px;
	}
	.azu-fejlec__logo {
		margin-block: 10px -48px !important;
	}
	.azu-fejlec__logo img {
		width: 400px;
	}
}

/* 768–1239 px: két sor. Felül logó és ikonok, alul középre zárt menü. */
@media (min-width: 768px) and (max-width: 1239px) {
	:root {
		--azu-sav: 146px;
	}
	.azu-fejlec__sav {
		grid-template-columns: 1fr auto auto 1fr;
		grid-template-rows: auto auto;
		row-gap: 4px;
		align-items: center;
		padding: 28px 24px 13px;
	}
	.azu-fejlec__logo {
		grid-area: 1 / 1 / 2 / 3;
		justify-self: start;
		margin-block: 0 !important;
		padding-inline: 0;
	}
	.azu-fejlec__logo img {
		width: 160px;
		height: auto;
	}
	.azu-fejlec__jobb {
		display: contents !important;
	}
	.azu-fejlec__ikonok {
		grid-area: 1 / 3 / 2 / 5;
		justify-self: end;
	}
	.azu-fejlec__menu--bal,
	.azu-fejlec__menu--jobb {
		display: flex !important;
		grid-row: 2;
	}
	.azu-fejlec__menu--bal {
		grid-column: 1 / 3;
		justify-self: end;
	}
	.azu-fejlec__menu--jobb {
		grid-column: 3 / 5;
		justify-self: start;
	}
	.azu-fejlec .azu-fejlec__mobilmenu.wp-block-navigation {
		display: none;
	}
}

/* Mobil alsó sáv: 65 px, a logó 160 széles. */
@media (max-width: 767px) {
	:root {
		--azu-mobilsav: 65px;
	}
	.azu-fejlec__sav {
		padding-inline: 16px 8px;
	}
	.azu-fejlec__logo img {
		width: 160px;
		height: auto;
	}
}

.azu-lablec {
	margin-top: clamp(56px, 8vw, 96px);
	padding: clamp(40px, 5vw, 64px) 24px 0;
}

.azu-lablec > * {
	box-sizing: border-box;
	max-width: calc(var(--wp--style--global--content-size) - 48px) !important; /* 0.2.4: a közös tartalomszélességhez igazodik */
	margin-inline: auto !important;
}

.azu-lablec__oszlopok {
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap: 32px;
}

.azu-lablec a {
	color: var(--wp--preset--color--sotet-masodlagos);
}

.azu-lablec__cim {
	margin-bottom: 16px;
	font-size: 12px;
	font-weight: 500;
}

.azu-lablec__lista a {
	min-height: 32px;
	font-size: 14px;
}

.azu-lablec__also {
	margin-top: 32px;
	padding-block: 20px;
	border-top-color: #4a4542;
	font-size: 13px;
}

.azu-fejlec__logo a {
	display: block;
}

.azu-lablec__also {
	justify-content: flex-start !important;
	gap: 8px 24px;
}