/* laava-ratings */
/* Woo's ratings survive removal of woocommerce.css; no icon font is needed. */
.lv-main .star-rating {
	position: relative;
	display: inline-block;
	width: 5.5em;
	height: 1.2em;
	line-height: 1.2;
	overflow: hidden;
	font-family: Arial, sans-serif;
	font-size: 14px;
	letter-spacing: 0.1em;
	color: #dedede;
	vertical-align: middle;
}
.lv-main .star-rating::before,
.lv-main .star-rating > span::before {
	content: '★★★★★';
	position: absolute;
	inset: 0;
	text-indent: 0;
	white-space: nowrap;
}
.lv-main .star-rating > span {
	position: absolute;
	inset-block: 0;
	left: 0;
	overflow: hidden;
	white-space: nowrap;
	text-indent: -9999px;
}
.lv-main .star-rating > span::before {
	color: var(--laava-rating-color, #efb22d);
}
.lv-main .woocommerce-product-rating {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
	margin: 12px 0 20px;
	font-size: 14px;
}
.lv-main .woocommerce-review-link {
	color: inherit;
	text-underline-offset: 3px;
}
.lv-main li.product .star-rating {
	margin: 6px 0;
}
.lv-main .comment-form-rating .stars a {
	display: inline-block;
	font-size: 0;
	text-decoration: none;
	color: #c4c4c4;
	padding-right: 6px;
}
.lv-main .comment-form-rating .stars a::before {
	content: '★';
	font:
		26px/1 Arial,
		sans-serif;
}
.lv-main .comment-form-rating .stars:hover a,
.lv-main .comment-form-rating .stars.selected a {
	color: var(--laava-rating-color, #efb22d);
}
.lv-main .comment-form-rating .stars a:hover ~ a,
.lv-main .comment-form-rating .stars.selected a.active ~ a {
	color: #c4c4c4;
}

/* laava-search */
.lv-search:not([open]) {
	display: none;
}
.lv-search[open] {
	position: fixed;
	inset: 4vh auto auto 50%;
	transform: translateX(-50%);
	width: min(760px, 94vw);
	max-width: none;
	max-height: 90dvh;
	height: auto;
	background: #fff;
	color: var(--laava-text);
	padding: 30px;
	border: 0;
	border-radius: 0;
	box-shadow: 0 10px 50px #0003;
	overflow: auto;
	margin: 0;
	z-index: 1000;
}
/* scrim: motion.css (egységes) */
.lv-search-head {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 20px;
	margin-bottom: 20px;
}
.lv-search-head h2 {
	font-size: 28px;
	margin: 0;
}
.lv-search-head button {
	width: 40px;
	height: 40px;
	background: none;
	border: 0;
	font-size: 30px;
	cursor: pointer;
}
.lv-product-search {
	display: flex;
	gap: 10px;
}
.lv-product-search input[type='search'] {
	flex: 1;
	min-width: 0;
	border: 1px solid var(--laava-border);
	border-radius: 0;
	padding: 14px 16px;
	font: inherit;
}
.lv-product-search .button {
	flex: none;
	padding: 12px 24px;
	border: 0;
	border-radius: 0;
	background: #000;
	color: #fff;
	font: 600 14px var(--laava-font-body);
	cursor: pointer;
}
.lv-search-help,
#lv-search-status {
	font-size: 13px;
	color: #777;
	margin: 14px 0;
}
.lv-search-results {
	display: grid;
	grid-template-columns: 1fr 1fr;
	list-style: none;
	gap: 0 20px;
	padding: 0;
	margin: 0;
}
.lv-search-results a {
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 14px 0;
	border-bottom: 1px solid #ebebeb;
	text-decoration: none;
}
.lv-search-results img {
	width: 64px;
	height: 76px;
	object-fit: cover;
	border-radius: 0;
	flex: none;
}
.lv-search-results strong {
	font-size: 14px;
	font-weight: 500;
	display: block;
	color: #000;
}
.lv-search-results .price {
	display: block;
	font-size: 14px;
	margin: 5px 0;
}
.lv-search-results small {
	font-size: 12px;
	color: #777;
}
.lv-search-all {
	display: block;
	width: 100%;
	margin-top: 24px;
	padding: 14px;
	border: 0;
	border-radius: 0;
	background: #000;
	color: #fff;
	font: 500 14px var(--laava-font-body);
	cursor: pointer;
}
@media (max-width: 600px) {
	.lv-search[open] {
		inset: 0;
		width: 100vw;
		max-height: 100dvh;
		height: 100dvh;
		transform: none;
		border-radius: 0;
		padding: 22px 20px;
	}
	.lv-search-results {
		grid-template-columns: 1fr;
	}
	.lv-product-search .button {
		padding-inline: 14px;
	}
}

.lv-search--sidebar {
	margin: 0 0 0 auto;
	height: 100dvh;
	max-height: 100dvh;
	border-radius: 0;
	width: min(560px, 100vw);
}
.lv-search-suggestions h3 {
	font-size: 16px;
	margin: 24px 0 12px;
}
.lv-search-trending a {
	display: inline-block;
	padding: 8px 14px;
	background: #f5f5f5;
	color: inherit;
	border-radius: 0;
	margin: 0 6px 6px 0;
	text-decoration: none;
}
.lv-search-suggestions[hidden] {
	display: none;
}

/* ------------------------------------------------------------------
   B-106 (canvas-audit 2026-11-06, KR-4…KR-6, KR-1 blog-nézet). A találati oldal alapszabályai a catalog-laava.css-ben
   (`.lv-srch-*`); ez a fájl utána töltődik, ezért az azonos erősségű szabályok itt felülírják azokat.
   ------------------------------------------------------------------ */
/* KR-6: a `.lv-catalog2 .lv-woo` katalógus-belső margója (24 / 20 px) ne tolja be a rácsot a szakaszcímhez képest. */
.lv-srch-page .lv-woo {
	padding: 0;
	margin: 0;
	max-width: none;
}
/* KR-4: tablet (700–1023 px) 4 oszlop – a Top 4 és a Legújabb 8 árva sor nélkül (tablet-spec), a Lexikon 4 kártyája is. */
@media (min-width: 700px) and (max-width: 1023px) {
	.lv-srch-page .lv-woo ul.products,
	.lv-srch-lex {
		grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
		gap: 20px 12px !important;
	}
}
/* KR-5: mobilon a blog-találat sor: 104 px négyzetes bélyeg + meta 12 px + cím 16/500 (MobilKereses). */
@media (max-width: 599px) {
	.lv-srch-blog {
		gap: 16px;
	}
	.lv-srch-post {
		display: grid;
		grid-template-columns: 104px minmax(0, 1fr);
		grid-template-rows: auto auto 1fr;
		column-gap: 14px;
		row-gap: 4px;
		align-items: start;
	}
	.lv-srch-post__img {
		grid-row: 1 / span 3;
		width: 104px;
		aspect-ratio: 1;
		margin: 0;
	}
	.lv-srch-post__meta {
		font-size: 12px;
	}
	.lv-srch-post__t {
		font: 500 16px/1.35 var(--laava-font-body, 'DM Sans', system-ui, sans-serif);
	}
	.lv-srch-post__x {
		display: none;
	}
}
/* KR-1: blog-találati nézet lapozója. */
.lv-srch-pag ul {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	list-style: none;
	margin: 8px 0 0;
	padding: 0;
}
.lv-srch-pag a,
.lv-srch-pag span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 40px;
	height: 40px;
	padding: 0 10px;
	border: 1px solid #e6d9cc;
	border-radius: 0;
	color: #24211f;
	text-decoration: none;
	box-sizing: border-box;
}
.lv-srch-pag .current {
	background: #24211f;
	border-color: #24211f;
	color: #fff;
}

/* laava-product-addons */
/*
 * Product form plugins: gift wrapping (Product Add-Ons Ultimate / "pewc"), variation swatches.
 * Ported from the live Ecomus "Additional CSS". Colours come from the --laava-addon-* tokens.
 *
 * !important is used only where the plugin itself uses it (its margin-bottom) and for the
 * .laava-hidden toggle class; every other rule wins on specificity (.single-product + 3 classes).
 */

/* Snippet "Díszcsomagolás Wrapper" adds/removes this class on the add-on group; without it the
   packaging cards are always visible. */
.laava-hidden {
	display: none !important;
}

.laava-pewc-toggle {
	margin: 16px 0;
	padding: 14px 16px;
	background: var(--laava-addon-bg);
	border: 1px solid var(--laava-addon-border);
	border-radius: 0;
	transition: background-color 0.2s ease, border-color 0.2s ease;
}
.laava-pewc-toggle:hover {
	background: var(--laava-addon-bg-hover);
	border-color: var(--laava-addon-border-hover);
}
.laava-pewc-toggle label {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 0;
	cursor: pointer;
	font-weight: 600;
	color: var(--laava-addon-text);
}
.laava-pewc-toggle input[type='checkbox'] {
	width: 18px;
	height: 18px;
	margin: 0;
	flex: 0 0 auto;
	cursor: pointer;
	accent-color: var(--laava-addon-accent);
}
.laava-pewc-toggle:has(input[type='checkbox']:checked) {
	background: var(--laava-addon-bg-selected);
	border-color: var(--laava-addon-accent);
}

/* Group spacing */
.pewc-group-content-wrapper > ul {
	padding: 0;
}
.pewc-group-content-wrapper > ul h4,
.pewc-group-content-wrapper > p {
	margin: 20px 0;
}

/* Gift wrapping cards: three columns on desktop, two on mobile. */
.single-product .pewc-radio-images-wrapper.child-product-wrapper {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 8px;
	margin: 8px 0 4px;
}
.single-product .pewc-radio-images-wrapper.child-product-wrapper .pewc-radio-image-wrapper {
	width: 100%;
	margin: 0 !important; /* the plugin sets margin-bottom: 1em !important */
	padding: 6px;
	box-sizing: border-box;
	background: var(--laava-addon-bg);
	border: 1px solid var(--laava-addon-border);
	border-radius: 0;
	transition: border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;
}
.single-product .pewc-radio-images-wrapper.child-product-wrapper .pewc-radio-image-wrapper:hover {
	background: var(--laava-addon-bg-hover);
	border-color: var(--laava-addon-border-hover);
}
.single-product
	.pewc-radio-images-wrapper.child-product-wrapper
	.pewc-radio-image-wrapper:has(input[type='radio']:checked) {
	background: var(--laava-addon-bg-selected);
	border-color: var(--laava-addon-accent);
	box-shadow: 0 0 0 1px var(--laava-addon-accent);
}
.single-product .pewc-radio-images-wrapper.child-product-wrapper .pewc-radio-image-wrapper label {
	display: block;
	margin: 0;
	padding: 0;
	cursor: pointer;
}
/* The card carries the selection state, so the plugin's 4px image border goes. */
.single-product .pewc-radio-images-wrapper.child-product-wrapper .pewc-radio-image-wrapper label img,
.single-product .pewc-radio-images-wrapper.child-product-wrapper .pewc-radio-image-wrapper label input:checked + img {
	display: block;
	width: 100%;
	max-width: none;
	height: auto;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
}
.single-product .pewc-radio-images-wrapper.child-product-wrapper .pewc-radio-image-desc {
	margin: 0;
	padding: 7px 3px 3px;
	font-size: 14px;
	line-height: 1.3;
	font-weight: 600;
	color: #333;
}
/* The "+" moves in front of the price. */
.single-product .pewc-radio-images-wrapper.child-product-wrapper .pewc-separator {
	display: none;
}
.single-product .pewc-radio-images-wrapper.child-product-wrapper .pewc-child-product-price-label {
	display: block;
	margin-top: 3px;
	font-size: 13px;
	line-height: 1.2;
	font-weight: 700;
	color: var(--laava-addon-accent);
}
.single-product .pewc-radio-images-wrapper.child-product-wrapper .pewc-child-product-price-label::before {
	content: '+ ';
}

@media (max-width: 767px) {
	/* Other three-column image groups stay at three columns on phones. */
	.pewc-radio-images-wrapper.pewc-columns-3:not(.child-product-wrapper) {
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 10px;
	}
	.pewc-radio-images-wrapper.pewc-columns-3:not(.child-product-wrapper) .pewc-radio-wrapper {
		width: 100%;
		min-width: 0;
		margin: 0 !important;
	}
	.pewc-radio-images-wrapper.pewc-columns-3:not(.child-product-wrapper) img {
		width: 100%;
		height: auto;
		display: block;
	}
	.pewc-radio-images-wrapper.pewc-columns-3:not(.child-product-wrapper) .pewc-radio-image-desc {
		font-size: 12px;
		line-height: 1.3;
		text-align: center;
	}

	.single-product .pewc-radio-images-wrapper.child-product-wrapper {
		grid-template-columns: repeat(2, 1fr);
		gap: 7px;
	}
	.single-product .pewc-radio-images-wrapper.child-product-wrapper .pewc-radio-image-wrapper {
		padding: 5px;
	}
	.single-product .pewc-radio-images-wrapper.child-product-wrapper .pewc-radio-image-desc {
		padding: 6px 2px 2px;
		font-size: 13px;
	}
}

/* WCBoost variation swatches: outlined round/square items. */
.single-product div.product table.variations .wcboost-variation-swatches--rounded .wcboost-variation-swatches__item,
.single-product div.product table.variations .wcboost-variation-swatches--square .wcboost-variation-swatches__item {
	border: 1px solid #000;
}

/* B-091: Core „Kiegészítő opciók” (a PEWC helyett). A kapcsolósor a .laava-pewc-toggle kinézetét, a „Nem kérek fémet” a
   .laava-metal-free-option kinézetét örökli (product-laava.css, .lv-personalize). Itt csak a tasaklista és a szövegmező. */
.lv-addons__panel[hidden]{display:none}
.lv-addons__panel{padding:4px 16px 16px;border-top:1px solid #EFE6DB}
.lv-addons__title{margin:12px 0 8px;font:500 14px/1.4 var(--laava-font-body,inherit);color:#24211F}
.lv-addons__group{margin:0 0 14px}
.lv-addons__gname{display:block;margin:0 0 8px;font-size:12px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:#5A534D}
.lv-addons__packs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.lv-addons__pack{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 6px;border:1px solid #E6D9CC;border-radius:0;background:#fff;cursor:pointer;text-align:center;min-width:0}
.lv-addons__pack input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.lv-addons__pack:has(input:checked){border:2px solid #5C3D2E;padding:9px 5px}
.lv-addons__pack:has(input:focus-visible){outline:2px solid #7801f2;outline-offset:2px}
.lv-addons__sw{display:block;width:52px;height:52px;border-radius:0;border:1px solid #E6D9CC;object-fit:cover;box-sizing:border-box}
.lv-addons__nm{font-size:13px;line-height:1.25;color:#24211F}
.lv-addons__pr{font-size:12px;color:#5A534D;font-variant-numeric:tabular-nums}
.lv-addons--engrave{display:flex;flex-direction:column;gap:6px;padding:12px 16px;border-top:1px solid #EFE6DB}
.lv-addons--engrave input[type=text]{width:100%;min-height:44px;padding:0 12px;border:1px solid #8F8072;border-radius:0;font:inherit;background:#fff;box-sizing:border-box}
.lv-addons--engrave input[type=text]:focus{outline:2px solid #7801f2;outline-offset:1px}
.lv-addons__note{font-size:13px;color:#5A534D}
@media (max-width:599px){.lv-addons__packs{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* B-091: kosárbeli „Opciók módosítása” link */
.lv-addons__edit{display:inline-block;margin-left:8px;font-size:12px;font-weight:500;color:#5C3D2E;text-decoration:underline;text-underline-offset:2px}

/* laava-qty */
/* ==========================================================================================================
   Darabszám-választó – EGY szülő komponens (B-118, 2026-11-07)
   A Woo `quantity-input` + a téma +/- gombjai (inc/woocommerce/controls.php) mindenhol ugyanazt a markupot adják:
   termékoldal, minikosár, kosár oldal. A kinézet csak itt van; a környezetek kizárólag a méret-változókat állítják
   (--q-h magasság, --q-btn gombszélesség, --q-in mezőszélesség, --q-fs betűméret). Korábbi, környezetenként külön
   szabályok (storefront.css, cart-laava.css, product-v2.css, product-laava.css) törölve – ne írj új .quantity
   szabályt máshová, csak a változókat add meg a saját környezetedben.
   ========================================================================================================== */
html body .quantity:has(> .lv-qty-button) {
	--q-h: 40px;
	--q-btn: 36px;
	--q-in: 36px;
	--q-fs: 15px;
	position: relative;
	display: inline-flex;
	align-items: stretch;
	flex: none;
	float: none;
	width: auto;
	height: var(--q-h);
	margin: 0;
	padding: 0;
	border: 1px solid #8f857d;
	border-radius: var(--laava-radius-field, 2px);
	background: #ffffff;
	overflow: hidden;
	box-sizing: border-box;
}
html body .quantity:has(> .lv-qty-button) .lv-qty-button {
	position: static;
	inset: auto;
	transform: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: none;
	width: var(--q-btn);
	height: auto;
	min-height: 0;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	color: #24211f;
	font: 400 calc(var(--q-fs) + 4px) / 1 var(--laava-font-body);
	cursor: pointer;
	transition: background-color 150ms ease-out;
}
@media (hover: hover) {
	html body .quantity:has(> .lv-qty-button) .lv-qty-button:hover:not(:disabled) {
		background: #f6f1eb;
	}
}
html body .quantity:has(> .lv-qty-button) .lv-qty-button:focus-visible {
	outline: 2px solid #7801f2;
	outline-offset: -2px;
}
html body .quantity:has(> .lv-qty-button) .lv-qty-button:disabled {
	opacity: 0.35;
	cursor: default;
}
html body .quantity:has(> .lv-qty-button) .qty {
	width: var(--q-in);
	min-width: 0;
	height: auto;
	min-height: 0;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	color: #24211f;
	font: 500 var(--q-fs) / 1 var(--laava-font-body);
	font-variant-numeric: tabular-nums;
	text-align: center;
	-moz-appearance: textfield;
}
html body .quantity:has(> .lv-qty-button) .qty::-webkit-inner-spin-button,
html body .quantity:has(> .lv-qty-button) .qty::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
html body .quantity:has(> .lv-qty-button) .qty:focus-visible {
	outline: 2px solid #7801f2;
	outline-offset: -2px;
}
/* Egydarabos / „egyedi” termék: a Woo rejtett mezőt ad, a választó ilyenkor nem látszik. */
html body .quantity:has(input[type='hidden']) {
	display: none !important;
}

/* --- Méretek környezetenként (csak változók) --- */
/* Termékoldal: a Kosárba gombbal és a kedvenc gombbal egy sorban, azonos 56 px magasságban és felső térközzel. */
html body .summary form.cart .quantity:has(> .lv-qty-button) {
	--q-h: 56px;
	--q-btn: 44px;
	--q-in: 40px;
	--q-fs: 16px;
	align-self: flex-start;
	margin-top: 8px;
}
html body .summary form.cart .single_add_to_cart_button {
	height: 56px;
	min-height: 56px;
	margin-top: 8px;
}
html body .summary form.cart .lv-single-wish {
	margin-top: 8px;
}
html body .summary form.cart .lv-single-wish :is(a, button) {
	width: 56px;
	height: 56px;
}
/* Kosár oldal: alapméret (40 px). Minikosár: kompakt (34 px). */
html body :is(#lv-minicart, .lv-minicart, .widget_shopping_cart) .quantity:has(> .lv-qty-button) {
	--q-h: 34px;
	--q-btn: 32px;
	--q-in: 32px;
	--q-fs: 14px;
}

/* laava-free-shipping-bar */
:root {
	--laava-background-color-primary: var( --laava-color__primary );
	--laava-background-color-gray: #ebebeb;
}

@keyframes raise {
	0% {
		width: 36px;
	}
	100% {
		width: var(--laava-progress, 100%);
	}
}

@keyframes move {
	0% {
		left: 0;
	}
	100% {
		left: var(--laava-progress, 100%);
	}
}

@keyframes raiseFull {
	0% {
		width: 0;
	}
	100% {
		width: calc( var(--laava-progress, 100%) - 36px );
	}
}

@keyframes moveFull {
	0% {
		left: 0;
	}
	100% {
		left: calc( var(--laava-progress, 100%) - 36px );
	}
}

.laava-free-shipping-bar {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}

.laava-free-shipping-bar.lv-is-unreached {
	--laava-background-color-primary: #E0B252;
}

.laava-free-shipping-bar.lv-is-success {
	--laava-background-color-primary: #428445;
}

.laava-free-shipping-bar__message {
	color: var( --laava-color__dark );
	width: 100%;
	margin-top: 29px;
}

.laava-free-shipping-bar__message strong {
	text-transform: uppercase;
}

.laava-free-shipping-bar__progress {
    width: 100%;
    background-color: var(--laava-background-color-gray);
	display: flex;
	height: 4px;
	border-radius: var( --laava-rounded-x );
	position: relative;
}

.laava-free-shipping-bar__progress-bar {
    background-color: var(--laava-background-color-primary);
    background-size: 15px 15px;
	border-radius: var( --laava-rounded-x );
	height: 100%;
	position: relative;
	min-width: 36px;
	width: var(--laava-progress);
	transition: all .5s ease .2s;
}

.laava-free-shipping-bar__icon {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	border: 1px solid var( --laava-background-color-primary );
	border-radius: var( --laava-rounded-x );
	width: 36px;
	height: 26px;
	line-height: 28px;
	text-align: center;
	background-color: var( --laava-color__light );
	transition: all .5s ease .2s;
}

.rtl .laava-free-shipping-bar__icon {
	right: auto;
	left: 0;
	transform: translateY(-50%) scaleX(-1);
}

.rtl .laava-free-shipping-bar--preload .laava-free-shipping-bar__icon {
	right: auto;
	left: 0;
}

.laava-free-shipping-bar--preload .laava-free-shipping-bar__progress-bar {
	width: 36px;
	min-width: 36px;
	animation: raise 0.8s forwards;
	animation-delay: 1s;
}

.lv-is-success .laava-free-shipping-bar__message {
	font-weight: 600;
}

.lv-is-success .laava-free-shipping-bar__icon {
	background-color: var( --laava-background-color-primary );
}

.lv-is-success .laava-free-shipping-bar__icon .laava-svg-icon {
	color: var( --laava-color__light );
}

.laava-free-shipping-bar__icon .laava-svg-icon {
	font-size: 19px;
	color: var( --laava-background-color-primary );
	transition: all .5s ease .2s;
}

.laava-free-shipping-bar__percent-value {
	font-size: 13px;
	font-weight: 500;
	width: 50px;
	text-align: right;
	margin-top: -9px;
	display: none;
}

.rtl .laava-free-shipping-bar__percent-value {
	text-align: left;
}

.woocommerce-cart .site-content .laava-free-shipping-bar,
.woocommerce-checkout .site-content .laava-free-shipping-bar {
	border: 1px dashed var(--laava-border-color);
	padding: 42px 30px 25px;
	margin-bottom: 25px;
}

.woocommerce-checkout .site-content .laava-free-shipping-bar {
	margin-bottom: 25px;
	padding-bottom: 20px;
}

.cart-panel .laava-free-shipping-bar {
	padding: 15px 30px 20px;
	position: relative;
}

.cart-panel .laava-free-shipping-bar__message {
	font-size: 16px;
	margin-top: 20px;
	margin-bottom: 18px;
}

.cart-panel .laava-free-shipping-bar:after {
	content: '';
	bottom: 0;
	height: 1px;
	width: 100%;
	background-color: var(--laava-border-color);
}

.laava-popup-add-to-cart .laava-free-shipping-bar  {
	padding-top: 20px;
}

.laava-free-shipping-bar + .widget_shopping_cart_content {
	height: calc( 100% - 105px );
}

@media (max-width: 767px) {
	.cart-panel .laava-free-shipping-bar__message {
		font-size: 13px;
	}
}
/* laava-home */
/* Új főoldal (B-035). Csak tokenek, nincs árnyék; a szekciók 1280 px-es konténerben, mobilon 20 px margóval. */
.lv-home{padding-bottom:24px}
.lv-home h1,.lv-home h2{font-family:var(--laava-font-display);font-weight:500;color:var(--laava-graphite);margin:0}
.lv-home-sec{margin-block:56px}
.lv-home-sec h2,.lv-quiz h2{font-size:clamp(28px,4vw,40px);line-height:1.1;margin-bottom:20px}
.lv-home-sec__head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:20px}
.lv-home-sec__head h2{margin:0}
.lv-home .lv-btn-ghost,.lv-home .lv-btn-ghost:hover{background:transparent;color:var(--laava-graphite)}
.lv-home .lv-btn-ghost:hover{background:var(--laava-beige-2)}
/* hero */
.lv-hero{margin-top:24px;position:relative}
.lv-hero__slide{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:32px;min-height:400px;padding:48px;border-radius:var(--laava-radius-lg)}
.lv-hero__slide[hidden]{display:none}
.lv-hero__eyebrow{margin:0 0 12px;font:500 12px/1 var(--laava-font-body);letter-spacing:.14em;text-transform:uppercase}
.lv-hero h2{font-size:clamp(34px,5vw,56px);line-height:1.05}
.lv-hero__text{margin:16px 0 24px;max-width:46ch;color:var(--laava-text-2);line-height:1.6}
.lv-hero__media img{width:100%;height:auto;max-height:340px;object-fit:cover;border-radius:var(--laava-radius-base)}
.lv-hero__controls{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:16px}
.lv-hero__nav,.lv-hero__pause{min-width:44px;min-height:44px;border:1px solid var(--laava-line);border-radius:999px;background:#fff;color:var(--laava-graphite);font:500 14px/1 var(--laava-font-body);cursor:pointer;padding:0 14px}
.lv-hero__nav{font-size:22px;padding:0}
.lv-hero__dots{display:flex;gap:8px}
.lv-hero__dots button{width:44px;height:24px;padding:0;border:0;background:transparent;cursor:pointer;position:relative}
.lv-hero__dots button::after{content:"";position:absolute;left:0;right:0;top:10px;height:3px;border-radius:0;background:var(--laava-line)}
.lv-hero__dots button[aria-current]::after{background:var(--laava-graphite)}
.lv-hero button:focus-visible,.lv-hero a:focus-visible{outline:2px solid var(--laava-graphite);outline-offset:2px}
/* kiemelt gombok, USP */
.lv-highlight{text-align:center}
.lv-highlight__btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.lv-usp-row{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 32px;margin:24px 0 0;padding:0;list-style:none;color:var(--laava-text-2);font-size:14px}
/* hangulat-csempék */
.lv-moods{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;margin:0;padding:0;list-style:none}
.lv-moods a{display:block;color:var(--laava-graphite);text-decoration:none}
.lv-moods__img{display:block;aspect-ratio:4/5;border-radius:var(--laava-radius-base);background:var(--laava-beige-2);overflow:hidden}
.lv-moods__img img{width:100%;height:100%;object-fit:cover;display:block}
.lv-moods__name{display:block;margin-top:12px;font:500 22px/1.15 var(--laava-font-display)}
.lv-moods a:hover .lv-moods__name{text-decoration:underline}
.lv-moods a:focus-visible{outline:2px solid var(--laava-graphite);outline-offset:4px}
/* fresh, kedvencek */
.lv-home-fresh{margin-block:56px;padding:48px 0;background:var(--laava-beige)}
.lv-fav{grid-template-columns:repeat(4,1fr)!important}
/* kvíz */
.lv-quiz{margin-block:56px;padding:48px 0;background:var(--laava-beige)}
.lv-quiz__in{display:grid;grid-template-columns:1fr 1.3fr;gap:40px;align-items:start}
.lv-quiz p{color:var(--laava-text-2);line-height:1.6}
.lv-quiz fieldset{margin:0 0 16px;padding:0;border:0}
.lv-quiz legend{margin-bottom:8px;font-weight:500}
.lv-chip{display:inline-block;margin:0 8px 8px 0;cursor:pointer}
.lv-chip input{position:absolute;opacity:0;pointer-events:none}
.lv-chip span{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border:1px solid var(--laava-line);border-radius:0;background:#fff;font-size:14px}
.lv-chip input:checked+span{background:var(--laava-mocha);border-color:var(--laava-mocha);color:#fff}
.lv-chip input:focus-visible+span{outline:2px solid var(--laava-graphite);outline-offset:2px}
/* lexikon */
.lv-lex{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.lv-lex p{color:var(--laava-text-2);line-height:1.6}
.lv-lex__note{font-size:13px;margin-top:16px}
.lv-lex__media{aspect-ratio:7/5;border-radius:var(--laava-radius-lg);background:var(--laava-beige-2);overflow:hidden}
.lv-lex__media img{width:100%;height:100%;object-fit:cover}
/* ígéretek */
.lv-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:0 0 20px;padding:0;list-style:none}
.lv-cards li{padding:24px;border:1px solid var(--laava-line);border-radius:var(--laava-radius-lg);background:#fff}
.lv-cards h3{margin:0 0 8px;font:500 22px/1.15 var(--laava-font-display)}
.lv-cards p{margin:0;color:var(--laava-text-2);font-size:14px;line-height:1.5}
.lv-chips{display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none}
.lv-chips li{padding:8px 16px;border-radius:0;background:var(--laava-beige-2);font-size:14px}
.lv-quote{margin:32px 0 0;padding:24px 28px;border-left:3px solid var(--laava-mocha);background:var(--laava-beige)}
.lv-quote p{margin:0 0 8px;font:500 24px/1.3 var(--laava-font-display)}
.lv-quote figcaption{font-size:14px;color:var(--laava-text-2)}
/* instagram */
.lv-social{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.lv-social__btns{display:flex;flex-wrap:wrap;gap:10px;margin:0}
.lv-social__grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0;padding:0;list-style:none}
.lv-social__grid img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:var(--laava-radius-base);display:block}
/* tablet */
@media (max-width:1023px){.lv-home-sec{margin-block:48px}.lv-usp-row{display:grid;grid-template-columns:1fr 1fr;justify-items:center;text-align:center}.lv-moods{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;padding-bottom:8px}.lv-moods li{flex:0 0 31%;scroll-snap-align:start}.lv-cards{grid-template-columns:repeat(2,1fr)}.lv-fav{grid-template-columns:repeat(2,1fr)!important}.lv-hero__slide{grid-template-columns:1fr;padding:32px}.lv-quiz__in,.lv-lex,.lv-social{grid-template-columns:1fr}}
/* mobil: a hangulat-csempék vízszintesen csúsztathatók, nincs oldal-túlnyúlás */
@media (max-width:767px){
	.lv-home-sec{margin-block:40px}
	.lv-hero__slide{min-height:0;padding:24px}
	.lv-moods{gap:12px}
	.lv-moods li{flex:0 0 62%}
	.lv-cards{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){.lv-home *{transition:none!important;scroll-behavior:auto!important}}

/* ======================================================================================================================
   Főoldal a vászon (Main board) szerint, 1:1 (B-035, 2026-11-04). Felülírja a fenti első változatot.
   Konténer: 1280 px doboz, 40 px oldalpadding = 1200 px tartalom (mobilon 20 px). Gombok: .lv-hbtn = .lv-btn (design.css, B-093 tokenek);
   primary = accent #7801f2 (Gábor döntése), dark/CTA = grafit, outline = grafit keret.
   ====================================================================================================================== */
.lv-home .lv-wrap{max-width:1280px;padding-inline:40px;box-sizing:border-box}
.lv-textlink{padding:12px 0;font-size:14px;font-weight:500;color:var(--laava-campaign,#7801f2);text-decoration:none}
.lv-textlink:hover{text-decoration:underline}
.lv-home-sec__intro{display:flex;flex-direction:column;gap:8px}
.lv-home-sec__intro p{margin:0;color:#5A534D}
.lv-home .lv-home-sec__head{align-items:flex-end;margin-bottom:40px}

/* Promó-karusszel: 1200 × 440 px, 8 px, padding 0 96, két oszlop; nyilak a kártyán; alatta szegmens-csíkok (120 × 44, 3 px). */
.lv-home .lv-hero{max-width:1280px;margin:0 auto;padding:24px 40px;box-sizing:border-box;display:flex;flex-direction:column;gap:12px}
.lv-hero__stage{position:relative}
.lv-home .lv-hero__slide{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;min-height:440px;padding:0 96px;box-sizing:border-box;border-radius:0;overflow:hidden}
.lv-home .lv-hero__slide[hidden]{display:none}
.lv-home .lv-hero__copy{display:flex;flex-direction:column;gap:16px;align-items:flex-start}
.lv-home .lv-hero__eyebrow{margin:0;font:500 13px/1.3 var(--laava-font-body);letter-spacing:.08em;text-transform:uppercase}
.lv-home .lv-hero h2{margin:0;font:500 58px/1.04 var(--laava-font-display);text-wrap:balance}
.lv-home .lv-hero__text{margin:0;max-width:440px;font-size:17px;line-height:1.6;color:inherit;opacity:.92}
.lv-home .lv-hero__btn{margin-top:8px}
.lv-home .lv-hero__media{justify-self:center;width:340px;max-width:100%}
.lv-home .lv-hero__media img{display:block;width:100%;height:auto;aspect-ratio:5/4;max-height:none;object-fit:cover;border-radius:0}
.lv-home .lv-hero__nav{position:absolute;top:50%;z-index:2;width:44px;height:44px;min-width:0;min-height:0;margin-top:-22px;padding:0;display:flex;align-items:center;justify-content:center;border:1px solid #E6D9CC;border-radius:50%;background:#fff;color:#24211F;cursor:pointer}
.lv-home .lv-hero__nav--prev{left:16px}
.lv-home .lv-hero__nav--next{right:16px}
.lv-home .lv-hero__controls{position:relative;display:flex;align-items:center;justify-content:center;gap:12px;margin:0}
.lv-home .lv-hero__dots{display:flex;gap:12px}
.lv-home .lv-hero__dots button{width:120px;height:44px}
.lv-home .lv-hero__dots button::after{top:20px;height:3px;background:#D9CFC2}
.lv-home .lv-hero__dots button[aria-current]::after{background:#24211F}

/* Hero: #F6F1EB, 64/40 padding, két oszlop (min. 420 px), 56 px köz; H1 68/1.04, bekezdés 18 px #3F3A36, kép 460 px négyzet. */
.lv-hm-hero{background:#F6F1EB}
.lv-hm-hero__in{max-width:1280px;margin:0 auto;padding:64px 40px;box-sizing:border-box;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(420px,100%),1fr));gap:56px;align-items:center}
.lv-hm-hero__copy{display:flex;flex-direction:column;gap:24px;align-items:flex-start}
.lv-home .lv-hm-hero h1{margin:0;font:500 68px/1.04 var(--laava-font-display);color:#24211F;text-wrap:balance}
.lv-hm-hero__copy p{margin:0;max-width:480px;font-size:18px;line-height:1.6;color:#3F3A36}
.lv-hm-hero__btns{display:flex;flex-wrap:wrap;gap:12px}
.lv-hm-hero__media{width:100%;max-width:460px;justify-self:center;aspect-ratio:1;border-radius:0;background:#E4D8F2;overflow:hidden}
.lv-hm-hero__media img{display:block;width:100%;height:100%;object-fit:cover}

/* Bizalmi sáv: 4 oszlop, 24 px köz, 28/40 padding, alul 1 px #F0F0F0; 15/500 cím + 14 px #5A534D alcím. */
.lv-trust{border-bottom:1px solid #F0F0F0}
.lv-trust__in{max-width:1280px;margin:0 auto;padding:28px 40px;box-sizing:border-box;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;list-style:none}
.lv-trust__in li{display:flex;flex-direction:column;gap:2px}
.lv-trust__t{font-size:15px;font-weight:500;color:#24211F}
.lv-trust__s{font-size:14px;color:#5A534D}

/* Szekció-térközök és címek a vászon szerint. */
.lv-home .lv-home-sec{margin-block:0}
.lv-home .lv-moods-sec{padding-block:88px 72px}
.lv-home .lv-moods-sec .lv-home-sec__intro{margin-bottom:40px}
.lv-home .lv-moods-sec h2,.lv-home .lv-fav-sec h2,.lv-home .lv-fresh__head h2{margin:0;font:500 40px/1.1 var(--laava-font-display)}
.lv-home .lv-moods{gap:20px}
.lv-home .lv-moods__name{margin-top:14px;font-size:24px;line-height:1.2}
.lv-home .lv-fav-sec{padding-block:24px 96px}
.lv-home .lv-fav{gap:24px}
/* Frissen feltöltöttük: lágy lila háttér (softgrad), 80/40 padding, 5 kártya egy sorban, fülek 40 px 15/500, alatta sötét gomb. */
.lv-home .lv-home-fresh{margin:0;padding:0;background:#F4EAF6}
.lv-home .lv-home-fresh .lv-fresh{margin:0;padding-block:80px}
.lv-home .lv-fresh__head{margin-bottom:40px}
.lv-home .lv-fresh__intro{display:flex;flex-direction:column;gap:8px;max-width:620px}
.lv-home .lv-fresh__intro p{margin:0;color:#3F3A36}
.lv-home .lv-fresh__tabs{gap:8px;margin:0 0 24px}
.lv-home .lv-fresh__tabs .lv-chip{display:inline-flex;align-items:center;height:40px;min-height:40px;margin:0;padding:0 16px;border:1px solid #D9D2CA;border-radius:0;background:transparent;color:#24211F;font:500 15px/1 var(--laava-font-body)}
.lv-home .lv-fresh__tabs .lv-chip.is-on,.lv-home .lv-fresh__tabs .lv-chip[aria-selected="true"]{background:#5C3D2E;border-color:#5C3D2E;color:#fff}
.lv-home .lv-fresh ul.products{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px 12px}
.lv-home .lv-fresh__all{margin-top:28px}

@media (max-width:1023px){
	.lv-trust__in{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 16px}
	.lv-home .lv-moods-sec{padding-block:56px 48px}
	.lv-hm-hero__in{padding-block:44px}
	.lv-home .lv-hero__slide{grid-template-columns:minmax(0,1fr);padding:0 72px;gap:20px}
	.lv-home .lv-fresh ul.products{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:699px){
	.lv-trust__in{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}
}
@media (max-width:599px){
	.lv-home .lv-wrap,.lv-home .lv-hero,.lv-hm-hero__in,.lv-trust__in{padding-inline:20px}
	.lv-home .lv-hm-hero h1{font-size:40px}
	.lv-hm-hero__btns{width:100%;flex-direction:column;gap:10px}
	.lv-hm-hero__btns .lv-hbtn{width:100%}
	.lv-home .lv-hero__slide{min-height:400px;padding:24px}
	.lv-home .lv-hero h2{font-size:34px}
	.lv-home .lv-hero__nav{display:none}
	.lv-home .lv-hero__dots button{width:64px}
	/* Mobil: hangulat-csempék 2 oszlopos rácsban (MobilMain), felirat 20 px. */
	.lv-home .lv-moods{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px;overflow:visible}
	.lv-home .lv-moods li{flex:none}
	.lv-home .lv-moods__name{font-size:20px}
	.lv-home .lv-moods-sec h2,.lv-home .lv-fav-sec h2,.lv-home .lv-fresh__head h2{font-size:32px}
	.lv-trust__t{font-size:14px}
	.lv-trust__s{font-size:13px}
	/* Mobil: a Frissen szekció sötét, a kártyák vízszintesen húzhatók (168 px). */
	.lv-home .lv-home-fresh{background:#24211F;color:#fff}
	.lv-home .lv-home-fresh .lv-fresh__head h2,.lv-home .lv-home-fresh .lv-fresh__intro p{color:#fff}
	.lv-home .lv-fresh__tabs .lv-chip{color:#fff;border-color:rgba(255,255,255,.35)}
	.lv-home .lv-fresh ul.products{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:168px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;gap:12px;padding-bottom:8px}
	.lv-home .lv-fresh ul.products>li{scroll-snap-align:start}
	.lv-home .lv-home-fresh .lv-product-card,.lv-home .lv-home-fresh .lv-product-card .woocommerce-loop-product__title,.lv-home .lv-home-fresh .lv-product-card .price,.lv-home .lv-home-fresh .lv-product-card .price ins{color:#fff}
	.lv-home .lv-home-fresh .lv-product-card .lv-card__cat,.lv-home .lv-home-fresh .lv-product-card .price del{color:rgba(255,255,255,.72)}
	.lv-home .lv-home-fresh .lv-hbtn--dark{background:#fff;color:#24211F}
}

/* Főoldal alsó része a Main board szerint. */
/* Ajándékkereső: #F6F1EB, 96/40, két egyenlő oszlop (min. 420 px), 56 px köz; H2 48 px; chipek 44 px, 8 px, 14/500; CTA a bal oszlopban. */
.lv-home .lv-quiz{margin:0;padding:0;background:#F6F1EB}
.lv-home .lv-quiz__in{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(420px,100%),1fr));gap:56px;align-items:start;padding-block:96px}
.lv-quiz__intro{display:flex;flex-direction:column;gap:20px;align-items:flex-start}
.lv-home .lv-quiz h2{margin:0;font:500 48px/1.1 var(--laava-font-display)}
.lv-home .lv-quiz__intro>p{margin:0;max-width:460px;color:#3F3A36}
.lv-quiz__sum{min-height:52px;display:flex;flex-direction:column;gap:6px}
.lv-quiz__hint{font-size:14px;color:#5A534D}
.lv-quiz__picked{font-size:15px;font-weight:500;color:#24211F}
.lv-quiz__clear{align-self:flex-start;min-height:44px;padding:0;border:0;background:transparent;color:var(--laava-campaign,#7801f2);font:500 14px/1 var(--laava-font-body);text-decoration:underline;cursor:pointer}
.lv-quiz__sum [hidden]{display:none}
.lv-quiz__form{display:flex;flex-direction:column;gap:24px}
.lv-home .lv-quiz fieldset{margin:0;display:flex;flex-wrap:wrap;gap:8px}
.lv-home .lv-quiz legend{width:100%;margin:0 0 10px;font-size:14px;font-weight:500}
.lv-home .lv-quiz .lv-chip{margin:0}
.lv-home .lv-quiz .lv-chip span{min-height:44px;padding:0 18px;border-radius:0;font-weight:500}
/* Lexikon: 88/40, két oszlop, 48 px köz; kép 16:10, 8 px; mobilon a kép felül. */
.lv-home .lv-lex{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(420px,100%),1fr));gap:48px;align-items:center;padding-block:88px}
.lv-lex__copy{display:flex;flex-direction:column;gap:16px;align-items:flex-start}
.lv-home .lv-lex h2{margin:0;font:500 40px/1.1 var(--laava-font-display)}
.lv-home .lv-lex__copy>p{margin:0;max-width:520px;color:#3F3A36}
.lv-home .lv-lex__note{margin:8px 0 0;font-size:13px;color:#5A534D}
.lv-home .lv-lex__media{aspect-ratio:16/10;border-radius:0;background:#FCE6FF}
/* Amit ígérünk: #F6F1EB sáv, 40/40/96, középre; kártyák fehérek, 1 px #EDE6DC, 8 px, 28 px, ikon + H3 26 px; idézet 32 px, doboz nélkül. */
.lv-promise{background:#F6F1EB}
.lv-promise__in{display:flex;flex-direction:column;align-items:center;gap:36px;padding-block:40px 96px}
.lv-promise__head{display:flex;flex-direction:column;gap:10px;align-items:center;text-align:center}
.lv-home .lv-promise h2{margin:0;font:500 48px/1.1 var(--laava-font-display)}
.lv-promise__head p{margin:0;max-width:560px;font-size:17px;color:#3F3A36}
.lv-home .lv-promise .lv-cards{width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:0}
.lv-home .lv-promise .lv-cards li{display:flex;flex-direction:column;gap:14px;padding:28px;border:1px solid #EDE6DC;border-radius:0;background:#fff}
.lv-cards__h{display:flex;align-items:center;gap:12px;color:#24211F}
.lv-cards__h svg{flex:none}
.lv-home .lv-promise .lv-cards h3{margin:0;font:500 26px/1.15 var(--laava-font-display)}
.lv-home .lv-promise .lv-cards p{margin:0;font-size:15px;line-height:1.6;color:#3F3A36}
.lv-home .lv-promise .lv-chips{justify-content:center;gap:12px}
.lv-home .lv-promise .lv-chips li{padding:10px 20px;border:1px solid transparent;border-radius:0;background:#F3EEE8;font-size:14px;color:#3F3A36}
.lv-home .lv-promise .lv-chips li.is-grad{font-weight:500;color:#24211F;background:linear-gradient(90deg,#E4D8F2,#D9E1F2)}
.lv-home .lv-promise .lv-quote{max-width:720px;margin:24px 0 0;padding:0;border:0;background:none;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}
.lv-home .lv-promise .lv-quote blockquote{margin:0;font:500 32px/1.25 var(--laava-font-display);color:#24211F}
.lv-home .lv-promise .lv-quote figcaption{font-size:14px;color:#5A534D}
/* Instagram: 88/40, két oszlop, 56 px köz; H2 52 px; 2×2 kép 16 px közzel. */
.lv-home .lv-social{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(420px,100%),1fr));gap:56px;align-items:center;padding-block:88px}
.lv-social__copy{display:flex;flex-direction:column;gap:20px;align-items:flex-start}
.lv-home .lv-social h2{margin:0;font:500 52px/1.08 var(--laava-font-display);text-wrap:balance}
.lv-social__lead{margin:0;max-width:480px;font-size:18px;color:#3F3A36}
.lv-social__note{margin:0;font-size:14px;color:#5A534D}
.lv-social__more{display:flex;flex-wrap:wrap;align-items:center;gap:12px;font-size:14px;font-weight:500}
.lv-home .lv-social__grid{gap:16px}
.lv-home .lv-social__grid img{border-radius:0}
/* UGC tekercs: #F6F1EB, 72/40/32 fejléc; 232 px-es 3:4 csempék, 16 px köz, folyamatos mozgás; hoverre/fókuszra áll. */
.lv-ugc{background:#F6F1EB}
.lv-ugc__head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px 32px;padding-block:72px 32px}
.lv-home .lv-ugc h2{margin:0;font:500 44px/1.1 var(--laava-font-display)}
.lv-ugc__head p{margin:0;color:#3F3A36}
.lv-ugc__wrap{overflow:hidden;padding-bottom:72px}
.lv-ugc__track{display:flex;width:max-content;animation:lv-ugc calc(var(--lv-ugc-n,7) * 4s) linear infinite}
.lv-ugc__wrap:hover .lv-ugc__track,.lv-ugc__wrap:focus-within .lv-ugc__track{animation-play-state:paused}
.lv-ugc__set{display:flex;gap:16px;padding-right:16px;flex:none}
.lv-ugc__set a{flex:none;display:block;width:232px;aspect-ratio:3/4;border-radius:0;overflow:hidden;background:#EAD8EE}
.lv-ugc__set img{display:block;width:100%;height:100%;object-fit:cover}
@keyframes lv-ugc{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.lv-ugc__track{animation:none}.lv-ugc__wrap{overflow-x:auto}}
@media (max-width:1023px){
	.lv-home .lv-promise .lv-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
	.lv-home .lv-quiz__in{padding-block:56px}
	.lv-home .lv-lex,.lv-home .lv-social{padding-block:56px}
}
@media (max-width:599px){
	.lv-home .lv-quiz h2,.lv-home .lv-promise h2{font-size:30px}
	.lv-home .lv-lex h2,.lv-home .lv-ugc h2{font-size:30px}
	.lv-home .lv-social h2{font-size:34px}
	.lv-quiz__intro .lv-hbtn{width:100%}
	/* Mobilon a Lexikon képe a szöveg fölött (MobilMain). */
	.lv-home .lv-lex__media{order:-1}
	.lv-home .lv-promise .lv-cards{grid-template-columns:1fr}
	.lv-home .lv-promise .lv-quote blockquote{font-size:24px}
	.lv-ugc__set a{width:180px}
}
/* A kvíz-chip címkéje ne kapja a közös .lv-chip (design.css) keretét: a látható chip a belső span. */
.lv-home .lv-quiz label.lv-chip{display:inline-flex;height:auto;min-height:0;padding:0;border:0;background:none;box-shadow:none}
.lv-home .lv-quiz .lv-chip input:checked+span{background:#5C3D2E;border-color:#5C3D2E;color:#fff}
/* Instagram: a két oszlop képek nélkül is megmarad (a szöveg nem nyúlik a teljes szélességre). */
@media (min-width:900px){.lv-home .lv-social{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Mobil promó (MobilMain): vízszintesen húzható, 316 px széles, min. 400 px magas kártyák (8 px), teljes szélességű 52 px-es gomb;
   minden dia látszik (a JS-lapozás `hidden` attribútumát itt felülírjuk), a szegmens-lapozó rejtve. */
@media (max-width:599px){
	.lv-home .lv-hero{padding-inline:0}
	.lv-home .lv-hero__track{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:20px;padding:0 20px 8px;scrollbar-width:none}
	.lv-home .lv-hero__track::-webkit-scrollbar{display:none}
	.lv-home .lv-hero__slide,.lv-home .lv-hero__slide[hidden]{display:flex;flex-direction:column;justify-content:space-between;flex:0 0 316px;min-height:400px;padding:24px;scroll-snap-align:start}
	.lv-home .lv-hero__btn{width:100%;min-height:52px}
	.lv-home .lv-hero__media{width:100%}
	.lv-home .lv-hero__controls{display:none}
}
/* Automatikus diák (vászon Main): „Friss feltöltés” lágy színátmenettel és 2×2-es, 150 px-es termékfotókkal; „Insta Shop” nagy
   dátummal (Cormorant 132 px) és az időponttal. */
.lv-hero__slide--grad{background:#F4EAF6 url(https://laava.hu/wp-content/themes/laava/assets/css/../img/soft-grad.webp) center/cover no-repeat}
.lv-hero__thumbs{justify-self:center;display:grid;grid-template-columns:repeat(2,150px);gap:12px}
.lv-hero__thumbs img{display:block;width:150px;height:150px;object-fit:cover;border-radius:0;background:#FFFFFF}
.lv-hero__date{justify-self:center;display:flex;flex-direction:column;line-height:1}
.lv-hero__date span:first-child{font:500 132px/1 var(--laava-font-display);color:#24211F}
.lv-hero__date span:last-child{padding-top:10px;font-size:22px;color:#3F3A36}
@media (max-width:1023px){.lv-hero__thumbs{grid-template-columns:repeat(2,110px)}.lv-hero__thumbs img{width:110px;height:110px}.lv-hero__date span:first-child{font-size:88px}}
@media (max-width:699px){.lv-hero__thumbs,.lv-hero__date{display:none}}

/* B-080 – „[N] új darab érkezett” mozgó háttér (vászon Main/Mobil „SGA v1” és „SGA-X” CSS-blokk; 5. kör, Gábor 2026-11-06:
   „erőteljesebb színmozgás”). A meglévő soft-grad kép két rétege (::before, ::after – a második tükrözve) és a vászon három elmosott
   színfoltja (lila / rózsaszín / kékes) mozog. 5. kör: ciklus 22/30 s → 11/13 s, 6. kör (Gábor: „minimálisan gyorsabb”): 9/11 s, foltok 7 s, fényesség 3 s, asztali szín 5/7 s; nagyobb elmozdulás / skála / forgás (a rétegek
   −30 %-kal nagyobbak, hogy a szél ne látsszon), telítettebb rétegek, a színfoltok mindenhol (mobilon és csempén is), erősebb
   fedéssel. Mobilon csak transform / opacity animál (a telítés ott statikus szűrő, egyszer rajzolódik); asztalon (≥ 768 px) a
   rétegek `filter` szín-lüktetése is fut (újrafestés – szándékosan csak ott). A szöveg grafit marad; a foltok a dia jobb felén
   erősebbek, a szöveg mögött (bal oldal) halványabbak.
   Felületek: a téma tartalék hero-diája (`.lv-hero__slide--grad` + `<span class="lv-sgw">`, hero.php) és a LAAVA Promo „Friss
   feltöltés” tétele (`.lvpm-type--new`, a Promo jelölésén nem változtatva – a Promo fájljai a B-079 szálé; a foltréteg ott a
   `.lvpm-copy::before`, mert a `.lvpm-copy` nem pozicionált, így a diához igazodik).
   Rétegsorrend (5. kör): ::before és ::after (−2, a képrétegek) → színfoltok (−1) legfelül; a vásznon a félig átlátszó ::after a
   foltok fölött volt és kimosta őket. */
.lv-sga,.lvpm .lvpm-slide.lvpm-type--new:not(.lvpm-bg--grafit){isolation:isolate;overflow:hidden;background:#F4EAF6;color:#24211F}
.lv-sga{position:relative}
.lvpm--tiles .lvpm-slide.lvpm-type--new{position:relative}
/* Mobilon a Promo minden diát `position:static` kártyasorba tesz; a rétegeknek a diához kell igazodniuk. Asztali bannernél az
   `absolute` marad (az is pozicionált). */
@media (max-width:767px){.lvpm .lvpm-slide.lvpm-type--new{position:relative}}
.lv-sga::before,.lv-sga::after,
.lvpm .lvpm-slide.lvpm-type--new:not(.lvpm-bg--grafit)::before,.lvpm .lvpm-slide.lvpm-type--new:not(.lvpm-bg--grafit)::after{content:"";position:absolute;inset:-30%;z-index:-1;pointer-events:none;background:#F4EAF6 url(https://laava.hu/wp-content/themes/laava/assets/css/../img/soft-grad.webp) center/cover no-repeat;will-change:transform}
.lv-sga::before,.lvpm .lvpm-slide.lvpm-type--new:not(.lvpm-bg--grafit)::before{z-index:-2;filter:saturate(1.7) contrast(1.06);animation:lv-sga1 9s ease-in-out infinite alternate}
.lv-sga::after,.lvpm .lvpm-slide.lvpm-type--new:not(.lvpm-bg--grafit)::after{z-index:-2;opacity:.6;filter:saturate(1.8) contrast(1.06);animation:lv-sga2 11s ease-in-out infinite alternate}
@keyframes lv-sga1{from{transform:translate(-9%,-6%) scale(1.04) rotate(-5deg)}to{transform:translate(9%,7%) scale(1.3) rotate(9deg)}}
@keyframes lv-sga2{from{transform:scaleX(-1) translate(9%,6%) scale(1.32) rotate(-8deg)}to{transform:scaleX(-1) translate(-9%,-7%) scale(1.06) rotate(7deg)}}
.lv-sgw,.lvpm .lvpm-slide.lvpm-type--new:not(.lvpm-bg--grafit) .lvpm-copy::before{content:"";display:block;position:absolute;inset:-12%;z-index:-1;pointer-events:none;background:radial-gradient(42% 58% at 18% 28%,rgba(175,120,235,.6),transparent 72%),radial-gradient(44% 60% at 80% 22%,rgba(255,130,205,.9),transparent 72%),radial-gradient(50% 62% at 66% 82%,rgba(125,150,255,.85),transparent 72%),radial-gradient(30% 40% at 45% 60%,rgba(220,150,240,.55),transparent 70%);filter:blur(18px);will-change:transform,opacity;animation:lv-sgw 7s ease-in-out infinite alternate,lv-sgv 3s ease-in-out infinite alternate}
@keyframes lv-sgw{from{transform:translate(-10%,-7%) scale(.95) rotate(-6deg)}to{transform:translate(10%,7%) scale(1.25) rotate(8deg)}}
@keyframes lv-sgv{from{opacity:.7}to{opacity:1}}
@media (min-width:768px){
	.lv-sga-x::before,.lvpm--banner .lvpm-slide.lvpm-type--new:not(.lvpm-bg--grafit)::before{animation:lv-sga1 9s ease-in-out infinite alternate,lv-sgh 5s ease-in-out infinite alternate}
	.lv-sga-x::after,.lvpm--banner .lvpm-slide.lvpm-type--new:not(.lvpm-bg--grafit)::after{opacity:.65;animation:lv-sga2 11s ease-in-out infinite alternate,lv-sgh 7s ease-in-out infinite alternate-reverse}
	/* A nem látható banner-diák rétegei állnak (a Promo `visibility:hidden`-nel rejti őket, az animáció attól még futna). */
	.lvpm--banner.is-js .lvpm-slide.lvpm-type--new:not(.is-cur)::before,.lvpm--banner.is-js .lvpm-slide.lvpm-type--new:not(.is-cur)::after,.lvpm--banner.is-js .lvpm-slide.lvpm-type--new:not(.is-cur) .lvpm-copy::before{animation-play-state:paused}
}
@keyframes lv-sgh{from{filter:saturate(1.5) contrast(1.06) hue-rotate(-18deg)}to{filter:saturate(2.1) contrast(1.08) hue-rotate(18deg)}}
@media (prefers-reduced-motion:reduce){
	.lv-sga::before,.lv-sga::after,.lv-sgw,
	.lvpm .lvpm-slide.lvpm-type--new::before,.lvpm .lvpm-slide.lvpm-type--new::after,.lvpm .lvpm-slide.lvpm-type--new .lvpm-copy::before{animation:none!important}
}

/* B-101 (B-088 (4)): „A hét kedvencei” tableten (≤ 1023 px) NEM görgethető sín, hanem 4 oszlopos rács (20/12 px köz), ≤ 699 px-en
   2 oszlop (24/12 px) – vászon Main `.tq.tq`. A 4 elemű kártyasor-sín (card-laava.css, szál T) a többi sorra (Ezek is tetszhetnek,
   kosár-ajánló) érvényes marad; itt csak a .lv-fav-ot írjuk felül. A sín-szabály !important és (0,6,1) specificitású,
   ezért a `:not(#lv-none)` (nem létező id) emeli ezt a szabályt id-szintre. */
@media (max-width:1023px){
	ul.products.lv-fav:not(#lv-none){display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-auto-flow:row!important;grid-auto-columns:auto!important;gap:20px 12px!important;overflow:visible!important;scroll-snap-type:none!important;padding-bottom:0!important}
}
@media (max-width:699px){
	ul.products.lv-fav:not(#lv-none){grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px 12px!important}
}

/* ======================================================================================================================
   B-104 – vászon-audit (B-102) főoldali pontjai (F-3…F-6, F-8, F-11…F-13). Csak elrendezés/sorrend; a tartalom nem változik.
   ====================================================================================================================== */
/* F-5: hangulat-csempék köze 1440-en 20 px sor / 12 px oszlop (Main `.g5`). */
.lv-home .lv-moods{gap:20px 12px}
/* F-4: „Frissen” ≤1100 px-en vízszintesen görgethető sor 200 px-es kártyákkal (Main `.g5` reszponzív szabálya), nem tört 3+2 rács.
   Mobilon (≤599 px) a meglévő 168 px-es sor marad. */
@media (max-width:1100px) and (min-width:600px){
	.lv-home .lv-fresh ul.products{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:200px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;gap:12px;padding-bottom:8px}
	.lv-home .lv-fresh ul.products>li{scroll-snap-align:start}
}
@media (max-width:599px){
	/* F-3: a sötét mobil „Frissen” blokkban az aktív fül fehér háttér, grafit szöveg, fehér keret. */
	.lv-home .lv-home-fresh .lv-fresh__tabs .lv-chip.is-on,.lv-home .lv-home-fresh .lv-fresh__tabs .lv-chip[aria-selected="true"]{background:#fff;border-color:#fff;color:#24211F}
	/* F-6: mobilon a hero fotója kerül előre (fotó → H1 → szöveg → gombok), hogy ne a hajtás alatt legyen. */
	.lv-hm-hero__media{order:-1}
	.lv-hm-hero__in{gap:28px}
	/* F-8: az ajándékkereső CTA-ja a kérdések UTÁN (kérdések → gomb → tipp). A bal oszlop elemei a rács közvetlen elemei lesznek. */
	.lv-home .lv-quiz__in{display:flex;flex-direction:column;gap:20px}
	.lv-quiz__intro{display:contents}
	.lv-quiz__intro>.lv-hbtn{order:2}
	.lv-quiz__form{order:1}
	.lv-quiz__sum{order:3;min-height:0}
	/* F-11: Ígéretünk – a chipek egy vízszintesen görgethető sorban, a blokk balra igazítva, az idézet is balra. */
	.lv-promise__in{align-items:stretch}
	.lv-promise__head{align-items:flex-start;text-align:left}
	.lv-home .lv-promise .lv-chips{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;margin:0 -20px;padding:0 20px;scrollbar-width:none}
	.lv-home .lv-promise .lv-chips::-webkit-scrollbar{display:none}
	.lv-home .lv-promise .lv-chips li{flex:none;white-space:nowrap}
	.lv-home .lv-promise .lv-quote{align-items:flex-start;text-align:left}
	.lv-promise__in>.lv-hbtn{align-self:flex-start}
	/* F-13: UGC – a „Küldd el a sajátodat” gomb a képsor alá kerül. */
	.lv-ugc{display:flex;flex-direction:column}
	.lv-ugc__head{display:contents}
	.lv-ugc__head .lv-home-sec__intro{padding:56px 20px 24px}
	.lv-ugc__wrap{order:1;padding-bottom:20px}
	.lv-ugc__head>.lv-hbtn{order:2;margin:0 20px 56px}
}
/* F-12: Instagram-blokk egy oszlopban (<900 px): gomb → 2×2 képrács → fiókok → TikTok/Facebook (Main/Mobil). */
@media (max-width:899px){
	.lv-home .lv-social{gap:20px;align-items:start}
	.lv-social__copy{display:contents}
	.lv-social__copy>*{justify-self:start}
	.lv-social__grid{order:1;width:100%}
	.lv-social__note,.lv-social__more,.lv-social__copy>.lv-nl{order:2}
	.lv-social__copy>.lv-nl{justify-self:stretch}
}

/* B-167 (Gábor): az Új termékek mozgó háttere (B-080 rétegei) a Promo „Mozgó színátmenet” hátterű diáin is (`.lvpm-hero--soft`,
   alapból az Insta Shop). A nem aktuális banner-dia rétegei állnak; csökkentett mozgásnál nincs animáció. */
.lvpm .lvpm-slide.lvpm-hero--soft{isolation:isolate;overflow:hidden;background:#F4EAF6;color:#24211F}
.lvpm--tiles .lvpm-slide.lvpm-hero--soft{position:relative}
@media (max-width:767px){.lvpm .lvpm-slide.lvpm-hero--soft{position:relative}}
.lvpm .lvpm-slide.lvpm-hero--soft::before,.lvpm .lvpm-slide.lvpm-hero--soft::after{content:"";position:absolute;inset:-30%;z-index:-2;pointer-events:none;background:#F4EAF6 url(https://laava.hu/wp-content/themes/laava/assets/css/../img/soft-grad.webp) center/cover no-repeat;will-change:transform}
.lvpm .lvpm-slide.lvpm-hero--soft::before{filter:saturate(1.7) contrast(1.06);animation:lv-sga1 9s ease-in-out infinite alternate}
.lvpm .lvpm-slide.lvpm-hero--soft::after{opacity:.6;filter:saturate(1.8) contrast(1.06);animation:lv-sga2 11s ease-in-out infinite alternate}
.lvpm .lvpm-slide.lvpm-hero--soft .lvpm-copy::before{content:"";display:block;position:absolute;inset:-12%;z-index:-1;pointer-events:none;background:radial-gradient(42% 58% at 18% 28%,rgba(175,120,235,.6),transparent 72%),radial-gradient(44% 60% at 80% 22%,rgba(255,130,205,.9),transparent 72%),radial-gradient(50% 62% at 66% 82%,rgba(125,150,255,.85),transparent 72%),radial-gradient(30% 40% at 45% 60%,rgba(220,150,240,.55),transparent 70%);filter:blur(18px);will-change:transform,opacity;animation:lv-sgw 7s ease-in-out infinite alternate,lv-sgv 3s ease-in-out infinite alternate}
@media (min-width:768px){
	.lvpm--banner .lvpm-slide.lvpm-hero--soft::before{animation:lv-sga1 9s ease-in-out infinite alternate,lv-sgh 5s ease-in-out infinite alternate}
	.lvpm--banner .lvpm-slide.lvpm-hero--soft::after{opacity:.65;animation:lv-sga2 11s ease-in-out infinite alternate,lv-sgh 7s ease-in-out infinite alternate-reverse}
	.lvpm--banner.is-js .lvpm-slide.lvpm-hero--soft:not(.is-cur)::before,.lvpm--banner.is-js .lvpm-slide.lvpm-hero--soft:not(.is-cur)::after,.lvpm--banner.is-js .lvpm-slide.lvpm-hero--soft:not(.is-cur) .lvpm-copy::before{animation-play-state:paused}
}
@media (prefers-reduced-motion:reduce){.lvpm .lvpm-slide.lvpm-hero--soft::before,.lvpm .lvpm-slide.lvpm-hero--soft::after,.lvpm .lvpm-slide.lvpm-hero--soft .lvpm-copy::before{animation:none!important}}