/* laava-header-features */
.lv-configured-header--mobile {
	display: none;
}
.lv-configured-row {
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	align-items: center;
	gap: 24px;
	min-height: var(--laava-header-h, 85px);
}
.lv-configured-row--header_bottom,
.lv-configured-row--header_mobile_bottom {
	min-height: var(--laava-nav-h, 60px);
}
/* No centre items (Ecomus v5, v6 bottom row): left and right share the row, so a left
   group such as category menu + primary menu stays on one line instead of a third of it. */
.lv-configured-row--no-center {
	grid-template-columns: 1fr auto;
}
.lv-configured-row--no-center .lv-configured-region--center {
	display: none;
}
.lv-configured-row--no-center .lv-configured-region--left {
	flex-wrap: nowrap;
}
.lv-configured-region {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 20px;
	min-width: 0;
}
.lv-configured-region--center {
	justify-content: center;
}
.lv-configured-region--right {
	justify-content: flex-end;
}
.lv-configured-logo {
	display: flex;
	align-items: center;
	text-decoration: none;
}
.lv-configured-logo img,
.lv-configured-logo svg {
	width: auto;
	max-height: var(--laava-logo-h, 44px);
}
/* B-116: a beépített inline SVG logó. Az SVG-nek nincs belső pixelmérete, ezért a magasságot adjuk meg, a szélesség a
   méretarányból jön. A szín `currentColor` → Core „Logó színe” (`--laava-logo-color`, fallback fekete). A szín külön, alacsony
   specificitású szabályban van, hogy a sötét felület-szabályok (lent) felülírják; a méret a `.lv-configured-logo svg` szabálynál
   erősebb, mert az `max-height`-ot is beállít. */
.lv-logo-svg {
	display: block;
	flex: none;
	color: var(--laava-logo-color, #000);
}
.lv-configured-logo svg.lv-logo-svg,
.lv-brand-desktop .lv-configured-logo svg.lv-logo-svg {
	width: auto;
	height: var(--laava-logo-h, 44px);
	max-height: none;
	aspect-ratio: 4000 / 1145;
}
/* Sötét felület: a lábléc (graphite) külön szabályt kap a footer.css-ben; ezek a közös kapcsolók egy valódi sötét módhoz vagy
   egy sötét sávba tett logóhoz. Szándékosan NEM követi az operációs rendszer `prefers-color-scheme: dark` beállítását: a téma
   nem sötétíti a lapot, a fehér logó fehér háttéren eltűnne. */
.lv-on-dark .lv-logo-svg,
.lv-dark .lv-logo-svg,
[data-theme="dark"] .lv-logo-svg {
	color: var(--laava-logo-color-dark, #fff);
}
/* Higher specificity: `.lv-header__brand img` sets display:block and would show both logos. */
.lv-header .lv-logo-light {
	display: none;
}
.lv-inline-search {
	display: flex;
	min-width: 200px;
	position: relative;
}
.lv-inline-search input {
	padding-right: 45px;
}
.lv-inline-search button {
	position: absolute;
	right: 8px;
	top: 50%;
	transform: translateY(-50%);
	border: 0;
	background: none;
	cursor: pointer;
}
.lv-category-menu {
	position: relative;
}
.lv-category-menu summary {
	cursor: pointer;
}
.lv-category-menu .nav-menu {
	position: absolute;
	top: 100%;
	left: 0;
	width: 260px;
	background: #fff;
	color: #000;
	box-shadow: 0 5px 20px #0002;
	padding: 20px;
	list-style: none;
	z-index: 30;
}
.lv-topbar .lv-configured-row {
	min-height: 45px;
	font-size: 13px;
}
.lv-topbar .lv-configured-region {
	gap: 12px;
}
.lv-back-to-top {
	position: fixed;
	right: 20px;
	bottom: 80px;
	z-index: 40;
	width: 44px;
	height: 44px;
	/* B-093: a vászon kör ikon-gombja (fehér, --lv-btn-icon-bd keret, grafit); a design nem használ árnyékot. */
	border: 1px solid var(--lv-btn-icon-bd, #e6d9cc);
	border-radius: 50%;
	background: #fff;
	color: var(--laava-graphite, #24211f);
	cursor: pointer;
	font: 400 22px/1 var(--laava-font-body);
	transition:
		background-color var(--dur-s, 160ms) var(--ease, ease-out),
		color var(--dur-s, 160ms) var(--ease, ease-out);
}
.lv-back-to-top:hover {
	background: var(--lv-btn-dark-bg, #24211f);
	border-color: var(--lv-btn-dark-bg, #24211f);
	color: var(--lv-btn-dark-fg, #fff);
}
.lv-back-to-top:focus-visible {
	outline: var(--lv-btn-focus-w, 2px) solid var(--lv-btn-focus, #7801f2);
	outline-offset: var(--lv-btn-focus-offset, 2px);
}
/* B-099 (az L szál jelezte): mobilon/tableten a kosár- és pénztároldalon a lebegő gomb a kosár-sor jobb szélén lévő
   „Eltávolítás” linkre (és a ragadós „Tovább a pénztárhoz” sávra) esett. Ezek az oldalak rövidek, saját ragadós CTA-juk
   van, ezért ott 1024 px alatt nincs „vissza a tetejére” gomb; máshol változatlan. */
@media (max-width: 1199px) {
	body.woocommerce-cart .lv-back-to-top,
	body.woocommerce-checkout .lv-back-to-top {
		display: none;
	}
}
@media (min-width: 1200px) {
	.lv-header-configured-desktop .lv-header__row,
	.lv-header-configured-desktop > .lv-navbar {
		display: none;
	}
}
@media (max-width: 1199px) {
	.lv-configured-header--desktop {
		display: none;
	}
	.lv-configured-header--mobile {
		display: block;
	}
	.lv-header-configured-mobile .lv-header__row {
		display: none;
	}
	.lv-configured-row {
		padding-inline: 20px;
		gap: 12px;
		min-height: 70px;
	}
	.lv-configured-region {
		gap: 12px;
	}
	.lv-configured-logo img,
	.lv-configured-logo svg {
		max-height: var(--laava-logo-h-mobile, 34px);
	}
	.lv-configured-logo svg.lv-logo-svg,
	.lv-brand-desktop .lv-configured-logo svg.lv-logo-svg {
		height: var(--laava-logo-h-mobile, 34px);
		max-height: none;
	}
}

.lv-brand-mobile {
	display: none;
}
@media (max-width: 1199px) {
	.lv-brand-desktop {
		display: none;
	}
	.lv-brand-mobile {
		display: block;
	}
}

.lv-cart-custom-icon {
	display: flex;
	width: var(--lv-cart-icon-size, 24px);
	height: var(--lv-cart-icon-size, 24px);
}
.lv-cart-custom-icon svg {
	width: 100%;
	height: 100%;
}

.lv-bottombar {
	grid-template-columns: none;
	grid-auto-flow: column;
	grid-auto-columns: 1fr;
}
.lv-bottombar img,
.lv-bottombar svg {
	width: 22px;
	height: 22px;
	object-fit: contain;
}
.lv-mobile-shop-menu ul {
	list-style: none;
	padding: 0;
}
.lv-mobile-shop-menu li {
	margin-block: 14px;
}
.lv-mobile-shop-menu a {
	color: inherit;
	text-decoration: none;
}
.lv-menu--drawer .menu-item-has-children {
	position: relative;
}
.lv-submenu-toggle {
	position: absolute;
	right: 0;
	top: 0;
	width: 44px;
	height: 44px;
	background: none;
	border: 0;
	cursor: pointer;
}
.lv-mobile-locale {
	display: flex;
	gap: 20px;
	padding: 20px;
}

.lv-tool--cart > .lv-icon {
	width: var(--lv-cart-icon-size, 24px);
	height: var(--lv-cart-icon-size, 24px);
}

.lv-configured-row-shell--header_bottom {
	background: #fff;
	color: #000;
}
.lv-configured-region .primary-navigation > .nav-menu {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	margin: 0;
	padding: 0;
	gap: 24px;
}
.lv-configured-region .nav-menu > li > a {
	color: inherit;
	text-decoration: none;
	display: flex;
	align-items: center;
	gap: 6px;
	padding-block: 16px;
}

.lv-sticky-hidden {
	transform: translateY(-120%);
	pointer-events: none;
}
/* B-154 (Gábor): a „vissza a tetejére” gomb jobb alul, szögletes (B-120), nyíl-ikonnal; csak az oldal aljához érve tűnik fel
   (header.js .is-on), addig átlátszó és nem kattintható. Mobilon a termékoldal alsó Kosárba sávja fölött. */
.lv-back-to-top{display:flex;align-items:center;justify-content:center;right:20px;bottom:24px;border-radius:0;opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity 200ms ease-out,transform 200ms ease-out,background-color 160ms ease-out,color 160ms ease-out}
.lv-back-to-top.is-on{opacity:1;transform:none;pointer-events:auto}
.lv-back-to-top[hidden]{display:none}
@media (max-width:1199px){
	.lv-back-to-top{right:16px;bottom:16px}
	body.single-product .lv-back-to-top{bottom:96px}
}
@media (prefers-reduced-motion:reduce){.lv-back-to-top{transition:none;transform:none}}

/* laava-product-cards */
/* Ecomus card: a reserved purchase slot lets the summary slide without grid reflow. */
.lv-main .lv-product-card {
	min-width: 0;
}
.lv-product-card .lv-card-inner {
	position: relative;
	/* Follow this card's content, not the tallest Swiper slide in the row. */
	height: auto;
	isolation: isolate;
}
.lv-product-card .lv-card-inner::before {
	content: '';
	position: absolute;
	z-index: -1;
	inset: -10px;
	border-radius: 0;
	background: #fff;
	box-shadow: 0 0 24px #0000001f;
	opacity: 0;
	transition: opacity 0.25s;
	pointer-events: none;
}
/* Keep Swiper's measured width unchanged. The expanded paint clip gives the
 * first/last card room for its halo; progress visibility hides off-screen slides
 * instead of exposing the next product through that extra paint area. */
.lv-main .product-swiper--elementor.swiper-watch-progress {
	overflow: clip;
	overflow-clip-margin: 40px;
}
.lv-main .product-swiper--elementor.swiper-watch-progress .lv-product-card:not(.swiper-slide-visible) {
	visibility: hidden;
}
.lv-product-card .lv-card-thumbnail {
	position: relative;
}
.lv-product-card .lv-card-thumbnail > a {
	display: block;
}
.lv-main .lv-product-card .lv-card-actions {
	position: absolute;
	top: auto;
	left: 50%;
	right: auto;
	bottom: 30px;
	width: auto;
	display: flex;
	gap: 8px;
	transform: translate(-50%, 12px);
	opacity: 0;
	transition:
		opacity 0.25s,
		transform 0.25s;
	pointer-events: none;
}
.lv-main .lv-product-card .lv-card__wish {
	position: static;
	display: flex;
}
.lv-main .lv-product-card .lv-card__wish .wcboost-wishlist-button,
.lv-main .lv-product-card .lv-quickview-open {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 50px;
	min-height: 0;
	padding: 0;
	background: #fff;
	border: 1px solid #efefef;
	border-radius: 0;
	box-shadow: 0 3px 10px #0000000a;
	color: #242424;
	transition:
		color 0.2s,
		background 0.2s,
		transform 0.2s;
}
.lv-main .lv-product-card .lv-card__wish .wcboost-wishlist-button {
	color: #d9365b;
}
.lv-main .lv-product-card .lv-card__wish .wcboost-wishlist-button:hover,
.lv-main .lv-single-wish .wcboost-wishlist-button:hover {
	background: #fff1f4;
	color: #d9365b;
	border-color: #f3bdc9;
}
.lv-main .lv-product-card .lv-quickview-open:hover {
	background: #000;
	color: #fff;
	border-color: #000;
}
.lv-main .lv-product-card .lv-card__wish svg,
.lv-main .lv-single-wish svg {
	width: 24px;
	height: 24px;
	display: block;
}
.lv-main .lv-product-card .lv-card-purchase {
	height: 61px;
	padding-top: 12px;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.25s;
}
.lv-main .lv-product-card .lv-card-purchase > .button {
	display: flex;
	width: 100%;
	min-height: 49px;
	padding: 12px 16px;
	background: #000;
	color: #fff;
	border: 1px solid #000;
	border-radius: 0;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 500;
	gap: 12px;
}
.lv-main .lv-product-card .lv-card-purchase > .button::before {
	content: '';
	width: 22px;
	height: 22px;
	flex: none;
	background: currentColor;
	mask: 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.35' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 8h14l-1 12H6L5 8z'/%3E%3Cpath d='M9 8V6a3 3 0 0 1 6 0v2'/%3E%3C/svg%3E")
		center/contain no-repeat;
}
.lv-main .lv-product-card .lv-card-summary {
	transform: translateY(-61px);
	padding-top: 18px;
	background: #fff;
	transition: transform 0.25s;
}
.lv-main
	.lv-product-card:has(.lv-card-purchase):is(:hover, :focus-within)
	.lv-card-summary {
	transform: none;
}
.lv-main .lv-product-card:is(:hover, :focus-within) {
	z-index: 5;
}
.lv-main .lv-product-card:is(:hover, :focus-within) .lv-card-actions {
	opacity: 1;
	transform: translate(-50%, 0);
	pointer-events: auto;
}
.lv-main .lv-product-card:is(:hover, :focus-within) .lv-card-purchase {
	opacity: 1;
	visibility: visible;
}
.lv-main .lv-product-card:is(:hover, :focus-within) .lv-card-inner::before {
	opacity: 1;
}
.lv-main .lv-product-card:not(:has(.lv-card-purchase)) .lv-card-summary {
	transform: none;
}
.lv-main .lv-product-card .lv-card__cat {
	margin: 0 0 10px;
	font-size: var(--laava-card-cat-size);
	font-weight: 400;
	line-height: 1.4;
	color: var(--laava-muted);
}
.lv-main .lv-product-card .woocommerce-loop-product__title {
	font-size: var(--laava-card-title-size);
	font-weight: var(--laava-card-title-weight);
	line-height: 1.4;
	margin: 4px 0 6px;
	color: var(--laava-heading);
}
.lv-main .lv-product-card .woocommerce-loop-product__title a {
	color: inherit;
	text-decoration: none;
}
.lv-main .lv-product-card .price {
	font-size: var(--laava-card-price-size);
	font-weight: var(--laava-card-price-weight);
	line-height: 1.4;
	margin: 0;
	color: var(--laava-heading);
}
.lv-main .lv-product-card .price del,
.lv-main .lv-product-card .price del .woocommerce-Price-amount {
	font-size: var(--laava-card-del-size);
	font-weight: 400;
	color: var(--laava-muted);
	opacity: 1;
}
.lv-main .lv-product-card .price ins,
.lv-main .lv-product-card .price ins .woocommerce-Price-amount {
	font-size: var(--laava-card-price-size);
	font-weight: var(--laava-card-price-weight);
	color: var(--laava-sale);
	text-decoration: none;
}
.lv-main .lv-product-card .lv-card-summary > a.woocommerce-loop-product__link {
	color: inherit;
	text-decoration: none;
}
@media (hover: none), (max-width: 767px) {
	/* Touch layouts have no hover halo; keep their narrow viewport contained. */
	.lv-main .product-swiper--elementor.swiper-watch-progress {
		overflow-clip-margin: 0px;
	}
	.lv-main .lv-product-card .lv-card-actions {
		opacity: 1;
		transform: translateX(-50%);
		pointer-events: auto;
		bottom: 12px;
	}
	.lv-main .lv-product-card .lv-card-purchase {
		opacity: 1;
		visibility: visible;
		height: auto;
		padding-top: 10px;
	}
	.lv-main .lv-product-card .lv-card-summary {
		transform: none;
		padding-top: 12px;
	}
	.lv-main .lv-product-card .lv-card-purchase > .button {
		min-height: 42px;
		padding: 9px 6px;
		font-size: 11px;
		gap: 5px;
	}
	.lv-main .lv-product-card .lv-card-purchase > .button::before {
		width: 17px;
		height: 17px;
	}
	.lv-main .lv-product-card .lv-card__wish .wcboost-wishlist-button,
	.lv-main .lv-product-card .lv-quickview-open {
		width: 38px;
		height: 38px;
		border-radius: 9px;
	}
	.lv-main .lv-product-card .lv-card__cat {
		margin-bottom: 6px;
	}
	.lv-main .lv-product-card .woocommerce-loop-product__title {
		font-size: var(--laava-card-title-size-mobile);
	}
	.lv-main .lv-product-card .price,
	.lv-main .lv-product-card .price ins,
	.lv-main .lv-product-card .price ins .woocommerce-Price-amount {
		font-size: var(--laava-card-price-size-mobile);
	}
	.lv-main .lv-product-card .price del,
	.lv-main .lv-product-card .price del .woocommerce-Price-amount {
		font-size: var(--laava-card-del-size-mobile);
	}
}
@media (prefers-reduced-motion: reduce) {
	.lv-product-card * {
		transition: none !important;
	}
}

.lv-content-slot {
	grid-column: 1/-1;
	flex-basis: 100%;
	margin-block: 16px;
}
.lv-content-slot > p:last-child {
	margin-bottom: 0;
}

.lv-main .lv-product-card .lv-card-actions {
	z-index: 3;
	align-items: center;
	justify-content: center;
}
.lv-main .lv-single-wish .wcboost-wishlist-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #d9365b;
	border-radius: 0;
}
.lv-main .lv-single-wish .wcboost-wishlist-button.added {
	color: #d9365b;
}
.lv-single-wish .wcboost-wishlist-button__text,
.lv-single-wish .wcboost-wishlist-button__label {
	display: none;
}

.lv-card-hover-standard .lv-card__img--hover,
.lv-card-hover-zoom .lv-card__img--hover {
	display: none;
}
.lv-card-hover-zoom:hover .lv-card__img {
	transform: scale(1.15);
}
.lv-card-hover-standard:hover .lv-card__img {
	transform: none;
}
.lv-card-hover-slider .lv-card__img:not(.lv-card__img--current) {
	opacity: 0 !important;
	transform: none !important;
}
.lv-card-hover-slider .lv-card__img.lv-card__img--current {
	opacity: 1 !important;
	transform: none !important;
}
.lv-card-slide {
	position: absolute;
	top: 45%;
	z-index: 4;
	border: 0;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	cursor: pointer;
	background: #fff;
	color: #000;
	font-size: 24px;
	line-height: 1;
	box-shadow: 0 1px 5px #0002;
}
.lv-card-slide--prev {
	left: 8px;
}
.lv-card-slide--next {
	right: 8px;
}
.lv-card-attributes {
	display: flex;
	gap: 6px;
	flex-wrap: wrap;
	margin-top: 10px;
	font-size: 12px;
	align-items: center;
}
.lv-card-attribute {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 26px;
	height: 26px;
	border: 1px solid #ddd;
	border-radius: 0;
	text-decoration: none;
	padding: 2px 5px;
	color: inherit;
}
.lv-card-attribute img {
	width: 22px;
	height: 22px;
	object-fit: cover;
}
.lv-card-swatch {
	display: block;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	box-shadow: inset 0 0 0 1px #0002;
}
.lv-card-sale {
	font-size: 12px;
	margin-top: 10px;
	color: var(--laava-sale);
}
.lv-card-sale--flash-sale {
	animation: lv-sale-flash calc(var(--lv-flash-speed, 0.1s) * 20) infinite;
}
@keyframes lv-sale-flash {
	50% {
		opacity: 0.5;
	}
}
.lv-badge--featured {
	background: #f2c94c;
	color: #000;
}
.lv-badge--preorder {
	background: #45997b;
}
.lv-badge--custom {
	background: #222;
}
.lv-main .lv-card-layout-2 .lv-card-purchase,
.lv-main .lv-card-layout-3 .lv-card-purchase,
.lv-main .lv-card-layout-6 .lv-card-purchase {
	position: absolute;
	top: calc(var(--lv-card-media-height, 300px) - 61px);
	left: 10px;
	right: 10px;
	z-index: 4;
}
.lv-main
	:is(.lv-card-layout-2, .lv-card-layout-3, .lv-card-layout-6)
	.lv-card-summary {
	transform: none;
}
.lv-main :is(.lv-card-layout-3, .lv-card-layout-6) .lv-card-actions {
	left: auto;
	right: 10px;
	bottom: auto;
	top: 10px;
	flex-direction: column;
	transform: translateY(10px);
}
.lv-main
	:is(.lv-card-layout-3, .lv-card-layout-6):is(:hover, :focus-within)
	.lv-card-actions {
	transform: none;
}
.lv-main
	:is(
		.lv-card-layout-4,
		.lv-card-layout-7,
		.lv-card-layout-8,
		.lv-card-layout-9
	)
	.lv-card-purchase {
	opacity: 1;
	visibility: visible;
}
.lv-main
	:is(
		.lv-card-layout-4,
		.lv-card-layout-7,
		.lv-card-layout-8,
		.lv-card-layout-9
	)
	.lv-card-summary {
	transform: none;
}
.lv-main .lv-card-layout-5 .lv-card-purchase {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 50px;
	height: 50px;
	z-index: 4;
	padding: 0;
}
.lv-main .lv-card-layout-5 .lv-card-purchase .button {
	font-size: 0;
	min-height: 50px;
	padding: 0;
}
.lv-main .lv-card-layout-5 .lv-card-summary {
	transform: none;
}
.lv-main .lv-card-layout-7 .lv-card-inner {
	padding: 12px;
	border: 1px solid #eee;
	border-radius: 0;
}
.lv-main .lv-card-layout-9 .lv-card-purchase .button {
	background: #fff;
	color: #000;
}

.lv-wishlist-notice {
	position: fixed;
	right: 24px;
	bottom: 90px;
	z-index: 10005;
	padding: 20px 48px 20px 24px;
	background: #fff;
	border: 1px solid #f2d8df;
	border-radius: 0;
	box-shadow: 0 5px 30px #0002;
	font-size: 14px;
	max-width: calc(100vw - 32px);
	color: #242424;
}
.lv-wishlist-notice a {
	display: block;
	color: #c62b50;
	margin-top: 8px;
}
.lv-wishlist-notice button {
	position: absolute;
	right: 12px;
	top: 8px;
	background: none;
	border: 0;
	font-size: 24px;
	cursor: pointer;
}
.lv-wishlist-notice[hidden] {
	display: none;
}
@media (prefers-reduced-motion: reduce) {
	.lv-card-sale--flash-sale {
		animation: none;
	}
}

/* WCBoost's filled-icon CSS must not fill the outline SVG in the unselected state. */
.lv-main .wcboost-wishlist-button svg[fill='none'] {
	fill: none;
}
.lv-main .wcboost-wishlist-button svg[fill='currentColor'] {
	fill: currentColor;
}

.lv-main .lv-wishlist-remove {
	width: 40px;
	height: 40px;
	border-radius: 0;
	border: 1px solid #f2d8df;
	color: #d9365b;
	background: #fff;
	box-shadow: 0 3px 10px #0000000a;
}
.lv-main .lv-wishlist-remove:hover {
	color: #d9365b;
	background: #fff1f4;
	border-color: #f3bdc9;
}

/* laava-card-laava */
/* Termékkártya a vászon szerint (.pcard a Kategoria/Ujdonsagok/Akciok/Kereses/Kedvencek/Main boardokon); közös alap, B-023/B-029.
   Hatókör: body.lv-cards2 (laava_card_design()). A régi, beállítható kártya (product-cards.css) ezt nem kapja.
   Értékek: kép 1:1, 8 px; jelvény bal felső 10 px (12 px, 4×10 px, 8 px; Újdonság accent 500, Akció #D93A3A 600 "−X %");
   képlapozó (3 fotó); kosár + kedvenc ikon 44×44 a kép alján középen, hoverre (érintőn mindig); név 15/500, 2 sor; ár 15 px;
   a kártya alatt nincs gomb (2026-11-03); kártya hover: −2 px, 200 ms, 1 px #A98468 keret 6 px-re. Nincs árnyék, nincs gyorsnézet, nincs attribútum-chip. */
.lv-cards2 :is(.lv-main,.lv-cart-reco) .lv-product-card .lv-card-inner{display:flex;flex-direction:column;gap:10px;height:100%;box-sizing:border-box}
.lv-cards2 :is(.lv-main,.lv-cart-reco) .lv-product-card .lv-card-inner::before{display:none}
@media (hover:hover){.lv-cards2 :is(.lv-main,.lv-cart-reco) .lv-product-card .lv-card-inner{transition:transform 200ms ease-out}.lv-cards2 :is(.lv-main,.lv-cart-reco) .lv-product-card:hover .lv-card-inner{transform:translateY(-2px)}}
.lv-cards2 :is(.lv-main,.lv-cart-reco) .lv-product-card .lv-card__media{display:block;position:relative;aspect-ratio:1;overflow:hidden;border-radius:0;background:#F6F1EB}
.lv-cards2 :is(.lv-main,.lv-cart-reco) .lv-product-card .lv-card__img{display:block;width:100%;height:100%;object-fit:cover;border-radius:0}

/* Jelvények: bal felső sarok, egymás alatt. */
.lv-cards2 :is(.lv-main,.lv-cart-reco) .lv-product-card .lv-badges{position:absolute;left:10px;right:auto;top:10px;z-index:3;pointer-events:none;display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.lv-cards2 :is(.lv-main,.lv-cart-reco) .lv-product-card .lv-badge{display:inline-block;min-height:0;height:auto;padding:4px 10px;border-radius:0;font:500 12px/1.4 var(--laava-font-body);letter-spacing:0;text-transform:none;color:#fff}
.lv-cards2 :is(.lv-main,.lv-cart-reco) .lv-product-card .lv-badge--new{background:var(--laava-campaign,#7801f2)}
.lv-cards2 :is(.lv-main,.lv-cart-reco) .lv-product-card .lv-badge--sale{background:#D93A3A;font-weight:600}
.lv-cards2 :is(.lv-main,.lv-cart-reco) .lv-product-card .lv-badge--out{background:#24211F}

/* Képlapozó (vászon .cv, 2026-11-03): legfeljebb 3 fotó vízszintes scroll-snap sávban (érintőn húzható), egérrel a nyilak (28×28,
   8 px, fehér 82 %, a kép közepén 6 px-re a széltől) hoverre látszanak, érintőn nincsenek. 260 ms csúszás. */
.lv-cards2 :is(.lv-main,.lv-cart-reco) .lv-product-card .lv-card-thumbnail{position:relative}
.lv-cards2 :is(.lv-main,.lv-cart-reco) .lv-product-card .lv-cv{display:flex;width:100%;height:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;overscroll-behavior-x:contain}
.lv-cards2 :is(.lv-main,.lv-cart-reco) .lv-product-card .lv-cv::-webkit-scrollbar{display:none}
.lv-cards2 :is(.lv-main,.lv-cart-reco) .lv-product-card .lv-cv__img{position:static;flex:0 0 100%;width:100%;height:100%;scroll-snap-align:start;scroll-snap-stop:always;object-fit:cover;border-radius:0;opacity:1;transform:none}
.lv-cards2 :is(.lv-main,.lv-cart-reco) .lv-product-card .lv-cvn{position:absolute;top:50%;margin-top:-14px;z-index:3;display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:0;border-radius:0;background:rgba(255,255,255,.82);color:#24211F;cursor:pointer;opacity:0;transition:opacity 150ms ease-out,background-color 150ms ease-out}
.lv-cards2 :is(.lv-main,.lv-cart-reco) .lv-product-card .lv-cvn[hidden]{display:none}
.lv-cards2 :is(.lv-main,.lv-cart-reco) .lv-product-card .lv-cvn--prev{left:6px}
.lv-cards2 :is(.lv-main,.lv-cart-reco) .lv-product-card .lv-cvn--next{right:6px}
.lv-cards2 :is(.lv-main,.lv-cart-reco) .lv-product-card .lv-cvn:hover{background:#fff}
.lv-cards2 :is(.lv-main,.lv-cart-reco) .lv-product-card .lv-card-thumbnail:hover .lv-cvn{opacity:1}
@media (hover:none){.lv-cards2 :is(.lv-main,.lv-cart-reco) .lv-product-card .lv-cvn{display:none!important}}

/* Ikonsor (vászon .cva): a kép alján középen, 10 px-re, 8 px köz: kosár + kedvenc, 44×44 fehér, 8 px. Hoverre látszik (érintőn mindig;
   a már kedvenc szív mindig). Hover: sötét alap, fehér ikon. */
.lv-cards2 :is(.lv-main,.lv-cart-reco) .lv-product-card .lv-card-actions{position:absolute;left:0;right:0;top:auto;bottom:10px;z-index:3;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:8px;transform:none;opacity:1;pointer-events:none;transition:none}
.lv-cards2 :is(.lv-main,.lv-cart-reco) .lv-product-card .lv-card-actions>*{pointer-events:auto}
.lv-cards2 :is(.lv-main,.lv-cart-reco) .lv-product-card :is(.lv-cva__btn,.lv-card__wish){opacity:0;transition:opacity 150ms ease-out}
.lv-cards2 :is(.lv-main,.lv-cart-reco) .lv-product-card:hover :is(.lv-cva__btn,.lv-card__wish),.lv-cards2 :is(.lv-main,.lv-cart-reco) .lv-product-card .lv-card-actions :is(.lv-cva__btn,.lv-card__wish):focus-within,.lv-cards2 :is(.lv-main,.lv-cart-reco) .lv-product-card .lv-cva__btn:focus-visible,.lv-cards2 :is(.lv-main,.lv-cart-reco) .lv-product-card .lv-cva__btn.added,.lv-cards2 :is(.lv-main,.lv-cart-reco) .lv-product-card .lv-cva__btn.loading{opacity:1}
@media (hover:none){.lv-cards2 :is(.lv-main,.lv-cart-reco) .lv-product-card :is(.lv-cva__btn,.lv-card__wish){opacity:1}}
/* B-084 3. kör (Gábor, 2026-11-06): kedvencben levő terméknél, amíg a kártya nincs hover/fókusz alatt, NEM a teljes 44 px-es gomb látszik,
   hanem egy kicsi (18 px), teli piros szív a kép jobb alsó sarkában, vékony fehér szegéllyel (világos és sötét fotón is olvasható), háttér-kör
   nélkül. Pszeudo-elem, nem kattintható (alatta a képlink viszi a termékoldalra); az ikon alakja az inc/icons.php szív-útvonala, a fájl nem
   változik. Hover/fókusz alatt eltűnik, és a meglévő kedvenc-gomb jön a helyén. Érintőn (hover:none) a vászon szerint minden ikon-gomb mindig
   látszik, a kedvenc gomb piros szívvel – ott nincs külön sarok-szív (duplikálná). A Kedvencek oldal saját eltávolító gombja nem érintett. */
.lv-cards2 :is(.lv-main,.lv-cart-reco) .lv-product-card:focus-within .lv-card__wish:has(.added){opacity:1}
@media (hover:hover){
	.lv-cards2 :is(.lv-main,.lv-cart-reco) .lv-product-card .lv-card-thumbnail:has(.lv-card__wish .wcboost-wishlist-button.added)::after{content:"";position:absolute;right:10px;bottom:10px;z-index:3;width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.94) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 20.6s-7.4-4.5-9.7-8.9C.7 8.6 2.5 4.9 6.2 4.6c2.1-.2 4 1 5.8 3 1.8-2 3.7-3.2 5.8-3 3.7.3 5.5 4 3.9 7.1-2.3 4.4-9.7 8.9-9.7 8.9z' fill='%23D93A3A'/%3E%3C/svg%3E") center/16px 16px no-repeat;border:1px solid rgba(36,33,31,.08);box-sizing:border-box;pointer-events:none;opacity:1;transition:opacity 150ms ease-out}
	.lv-cards2 :is(.lv-main,.lv-cart-reco) .lv-product-card:is(:hover,:focus-within) .lv-card-thumbnail:has(.lv-card__wish .wcboost-wishlist-button.added)::after{opacity:0} /* ugyanaz a :has(), különben az alapszabály specificitása nyer */
}
@media (prefers-reduced-motion:reduce){.lv-cards2 :is(.lv-main,.lv-cart-reco) .lv-product-card .lv-card-thumbnail::after{transition:none}}
/* B-084 3. kör: az egész kártya a termékoldalra visz (stretched link). Nincs új link: a cím meglévő linkjének ::after-je feszül ki a
   .lv-card-inner-re (position:relative), így a középső gomb / Ctrl+klikk / hosszan nyomás a böngésző natív link-viselkedése, a
   képernyőolvasó és a Tab sorrend nem változik. A kép-blokk (z-index 2) a kifeszített réteg FELETT marad, így a képlink, a lapozósáv
   (érintős swipe), a nyilak, a kosár- és kedvenc-gomb a saját kattintását kapja. A képlink fókuszálható marad (Tab a fotóra, majd ←/→
   lapoz – storefront.js, vászon). Az összefoglaló többi interaktív eleme (ha bővítmény tesz oda) a réteg fölé kerül. */
.lv-cards2 :is(.lv-main,.lv-cart-reco) .lv-product-card .lv-card-summary .woocommerce-loop-product__link::after{content:"";position:absolute;inset:0;z-index:1}
.lv-cards2 :is(.lv-main,.lv-cart-reco) .lv-product-card .lv-card-thumbnail{z-index:2}
.lv-cards2 :is(.lv-main,.lv-cart-reco) .lv-product-card .lv-card-summary :is(a,button,input,select,textarea,label,[tabindex]):not(.woocommerce-loop-product__link){position:relative;z-index:2}
.lv-cards2 :is(.lv-main,.lv-cart-reco) .lv-product-card .lv-cva__btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-height:44px;margin:0;padding:0;border:0;border-radius:0;background:#fff;box-shadow:none;color:#24211F;font-size:0;line-height:1;text-decoration:none;cursor:pointer}
.lv-cards2 :is(.lv-main,.lv-cart-reco) .lv-product-card .lv-cva__btn::before,.lv-cards2 :is(.lv-main,.lv-cart-reco) .lv-product-card .lv-cva__btn::after{display:none}
.lv-cards2 :is(.lv-main,.lv-cart-reco) .lv-product-card .lv-cva__btn svg{width:20px;height:20px;flex:none}
.lv-cards2 :is(.lv-main,.lv-cart-reco) .lv-product-card .lv-cva__btn:hover{background:#24211F;color:#fff}
.lv-cards2 :is(.lv-main,.lv-cart-reco) .lv-product-card .lv-cva__btn:active{transform:scale(.92)}
.lv-cards2 :is(.lv-main,.lv-cart-reco) .lv-product-card .lv-cva__btn.loading{opacity:1;cursor:progress}
.lv-cards2 :is(.lv-main,.lv-cart-reco) .lv-product-card .lv-cva__btn.loading svg{opacity:.45}
.lv-cards2 :is(.lv-main,.lv-cart-reco) .lv-product-card .lv-cva__btn.added{background:#5C3D2E;color:#fff}
.lv-cards2 :is(.lv-main,.lv-cart-reco) .lv-product-card .lv-cva__btn:focus-visible{outline:2px solid #7801f2;outline-offset:2px}
.lv-cards2 :is(.lv-main,.lv-cart-reco) .lv-product-card .lv-card-actions .added_to_cart{display:none}
.lv-cards2 :is(.lv-main,.lv-cart-reco) .lv-product-card .lv-card__wish .wcboost-wishlist-button{width:44px;height:44px;padding:0;border:0;border-radius:0;background:#fff;box-shadow:none;color:#24211F}
/* B-064 (vizuális QA, kosár oldali ajánló): a kosár/pénztár/fiók oldalon betöltődő Woo gyári CSS `.woocommerce ul.products li.product
   .button{display:inline-block;margin-top:1em}` szabálya a kedvenc-gombot 14 px-szel lejjebb tolta (a doboza 58 px lett, így 7 px-es
   elcsúszás a kosár-ikonhoz képest). Itt mindkét ikon-gomb rögzítetten 44×44, margó nélkül, középre igazítva. */
.lv-cards2 :is(.lv-main,.lv-cart-reco) .lv-product-card .lv-card__wish{display:flex;align-items:center;height:44px;margin:0}
.lv-cards2 :is(.lv-main,.lv-cart-reco) .lv-product-card .lv-card-actions :is(.lv-cva__btn,.lv-card__wish .wcboost-wishlist-button,.lv-card__wish .lv-wishlist-remove){display:flex;align-items:center;justify-content:center;margin:0;min-height:44px;line-height:1}
.lv-cards2 :is(.lv-main,.lv-cart-reco) .lv-product-card .lv-card__wish .wcboost-wishlist-button svg{width:20px;height:20px}
.lv-cards2 :is(.lv-main,.lv-cart-reco) .lv-product-card .lv-card__wish .wcboost-wishlist-button:not(.added):hover{background:#24211F;color:#fff;border-color:#24211F}
.lv-cards2 :is(.lv-main,.lv-cart-reco) .lv-product-card .lv-card__wish .wcboost-wishlist-button.added{color:#D93A3A}
.lv-cards2 :is(.lv-main,.lv-cart-reco) .lv-product-card .lv-card__wish .wcboost-wishlist-button:active{transform:scale(.92)}
.lv-cards2 :is(.lv-main,.lv-cart-reco) .lv-product-card .lv-card__wish .wcboost-wishlist-button__text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Szöveg (vászon 2026-11-03): név 15/500, 2 sor, min. 2,8em; alatta az ár 15 px egy sorban (akciónál az új ár #B3261E 500, mellette a régi
   13 px #6B635C áthúzva). Kategóriasor nincs. */
.lv-cards2 :is(.lv-main,.lv-cart-reco) .lv-product-card .lv-card-summary{flex:1;display:flex;flex-direction:column;align-items:stretch;gap:2px;padding:0;background:transparent;transform:none;text-align:left;line-height:1.35}
.lv-cards2 :is(.lv-main,.lv-cart-reco) .lv-product-card .lv-card__cat{display:none}
.lv-cards2 :is(.lv-main,.lv-cart-reco) .lv-product-card .woocommerce-loop-product__title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:2.8em;margin:0;padding:0;font:500 15px/1.4 var(--laava-font-body);color:#24211F}
.lv-cards2 :is(.lv-main,.lv-cart-reco) .lv-product-card .lv-card-summary a{color:inherit;text-decoration:none}
.lv-cards2 :is(.lv-main,.lv-cart-reco) .lv-product-card .price:not(:has(ins)){display:block}
.lv-cards2 :is(.lv-main,.lv-cart-reco) .lv-product-card .price{display:flex;flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:2px 8px;margin:0;font:400 15px/1.35 var(--laava-font-body);color:#24211F;font-variant-numeric:tabular-nums}
.lv-cards2 :is(.lv-main,.lv-cart-reco) .lv-product-card .price ins{order:0;font-weight:500;color:#B3261E;text-decoration:none;background:none}
.lv-cards2 :is(.lv-main,.lv-cart-reco) .lv-product-card .price del{order:1;font-size:13px;font-weight:400;color:#6B635C;opacity:1}
.lv-cards2 :is(.lv-main,.lv-cart-reco) .lv-product-card .price .screen-reader-text{position:absolute}
/* A vásznon nincs a kártyán: attribútum-chipek, rövid leírás, akciós visszaszámláló, értékelés, gyorsnézet, összehasonlítás (B-064: a régi
   kártya `.lv-compare-add` gombja a `product_card_compare` alapértéke – Ecomus: be – miatt harmadik, 50 px-es ikonként az ikonsorba került). */
.lv-cards2 :is(.lv-main,.lv-cart-reco) .lv-product-card :is(.lv-card-attributes,.lv-card-desc,.lv-card-sale,.star-rating,.lv-quickview-open,.lv-compare-button,.lv-compare-add,.lv-card-slide){display:none!important}

@media (prefers-reduced-motion:reduce){.lv-cards2 :is(.lv-main,.lv-cart-reco) .lv-product-card :is(.lv-card-inner,.lv-cv,.lv-cvn,.lv-cva__btn,.lv-card__wish){transition:none;transform:none;scroll-behavior:auto}}

/* 4 elemű kártyasor (A hét kedvencei, Ezek is tetszhetnek, kosár-ajánló) 1023 px alatt vízszintes sín (vászon: .tq:has(.pcard) <5 elem;
   tablet-spec / handoff): tableten ~3,3 kártya látszik, mobilon 46 %-os kártyák, scroll-snap. */
@media (max-width:1023px){
	.lv-cards2 .lv-main :is(ul.products.lv-fav,.related.products ul.products,.lv-cart-reco ul.products):not(:has(>:nth-child(5))){display:grid!important;grid-template-columns:none!important;grid-auto-flow:column;grid-auto-columns:calc((100% - 32px) / 3.3);gap:16px!important;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px}
	.lv-cards2 .lv-main :is(ul.products.lv-fav,.related.products ul.products,.lv-cart-reco ul.products):not(:has(>:nth-child(5)))>li{scroll-snap-align:start}
}
@media (max-width:699px){
	.lv-cards2 .lv-main :is(ul.products.lv-fav,.related.products ul.products,.lv-cart-reco ul.products):not(:has(>:nth-child(5))){grid-auto-columns:46%!important;gap:12px!important}
}

/* Aktív kártya (hover / fókusz): a kártya köré 1 px finom barna keret (#A98468), a kártyától 8 px-re, KÜLSŐ sarka pontosan 8 px (pszeudo-elem; az outline
   0 lekerekítésnél éles marad, nullánál nagyobbnál +távolsággal nő, ezért nem alkalmas). Billentyűzetes fókusznál 2 px lila. A név NEM aláhúzott (vászon .ptitle). Nincs árnyék.
   Vászon: .pcard:hover::after / :focus-within::after. A keret kívül van, az elrendezés nem mozdul. */
.lv-cards2 :is(.lv-main,.lv-cart-reco) .lv-product-card .lv-card-inner{position:relative}
.lv-cards2 :is(.lv-main,.lv-cart-reco) .lv-product-card .lv-card-inner::after{content:"";position:absolute;inset:-6px;border:1px solid transparent;border-radius:0;pointer-events:none}
@media (hover:hover){
	.lv-cards2 :is(.lv-main,.lv-cart-reco) .lv-product-card:hover .lv-card-inner::after{border-color:#A98468}
}
.lv-cards2 :is(.lv-main,.lv-cart-reco) .lv-product-card:focus-within .lv-card-inner::after{border-color:#A98468}
.lv-cards2 :is(.lv-main,.lv-cart-reco) .lv-product-card:has(:focus-visible) .lv-card-inner::after{inset:-7px;border:2px solid #7801f2}
.lv-cards2 :is(.lv-main,.lv-cart-reco) .lv-product-card:is(:hover,:focus-within){z-index:5}

/* Vászon (CARDS): kosárba téve a kosár-ikon mokka (#5C3D2E, fent a .lv-cva__btn.added), kedvencnek jelölve → szív „pop”
   animáció (440 ms), csökkentett mozgásnál nincs. */
@keyframes lvfavpop{0%{transform:scale(1) rotate(0)}35%{transform:scale(1.4) rotate(-14deg)}65%{transform:scale(.9) rotate(8deg)}100%{transform:scale(1) rotate(0)}}
.lv-cards2 :is(.lv-main,.lv-cart-reco) .lv-product-card .lv-card__wish .wcboost-wishlist-button.added svg{animation:lvfavpop 440ms cubic-bezier(.2,.7,.2,1)}
@media (prefers-reduced-motion:reduce){.lv-cards2 :is(.lv-main,.lv-cart-reco) .lv-product-card .lv-card__wish .wcboost-wishlist-button.added svg{animation:none}}

/* Kedvencek (vászon Kedvencek, 2026-11-03): ugyanaz a kártya, a szív kitöltött piros (#D93A3A) és mindig látszik; kattintásra eltávolít. */
.lv-cards2 .lv-main .lv-wishlist-grid--cards{margin:0;gap:20px 12px}
.lv-cards2 .lv-main .lv-wishlist-grid--cards .lv-card__wish{opacity:1}
.lv-cards2 :is(.lv-main,.lv-cart-reco) .lv-product-card .lv-card__wish .lv-wishlist-remove{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:0;background:#fff;color:#D93A3A;transition:background-color 150ms ease-out}
.lv-cards2 :is(.lv-main,.lv-cart-reco) .lv-product-card .lv-card__wish .lv-wishlist-remove:hover{background:#24211F;color:#fff}
.lv-cards2 :is(.lv-main,.lv-cart-reco) .lv-product-card .lv-card__wish .lv-wishlist-remove svg{width:20px;height:20px}

/* Hover-fotó / -videó (docs/motion-spec.md „Terméskártya hover”, vászon .cvh / .cvh.v): csak asztalon (egér, ≥900 px). Hogy melyik
   listán van, azt a sablon dönti el (laava_card_hover_photo(): Kategória, Akciók, Keresés, Újdonságok, Kedvencek, Színek, Ásvány –
   nem a főoldal, a termékoldal és a kosár), ezért a szabály nem kötődik a .lv-main-hez (B-064: a Tudástár-listák is megkapják).
   A 2. fotó áttűnéssel az 1. fölé, csak amíg az 1. fotó az aktív (data-lv-pos). Az áttűnés B-084 3. kör óta a --dur token + 100 ms
   (alapból 340 ms; Gábor: „minimálisan legyen lassabb”); csökkentett mozgásnál nincs átmenet (lent). */
.lv-cards2 .lv-product-card .lv-cvh{display:none}
@media (hover:hover) and (min-width:900px){
	.lv-cards2 .lv-product-card .lv-cvh{display:block;position:absolute;inset:0;z-index:2;opacity:0;overflow:hidden;pointer-events:none;transition:opacity calc(var(--dur,240ms) + 100ms) var(--ease,cubic-bezier(.2,.7,.2,1))}
	.lv-cards2 .lv-product-card .lv-cvh :is(img,video){display:block;width:100%;height:100%;object-fit:cover}
	.lv-cards2 .lv-product-card:is(:hover,:focus-within) .lv-card__media:is(:not([data-lv-pos]),[data-lv-pos="0"]) .lv-cvh:not(.lv-cvh--v){opacity:1}
	/* B-084: a beúszó 2. fotó világosabb és színesebb. Staging valós fotóin hangolva: 1. kör 1.06/1.15, Gábor kérésére (2026-11-06)
	   egy fokkal erősebb 1.10/1.25; 3. kör (Gábor: „túl sokat színesít, inkább a fényerősséget növeljük”): 1.14/1.08 – a fehér gipsz-háttér
	   textúrája 1.14-ig megmarad, 1.16-nál már kiég (teljesen fehér terület 3,5 → 16,5 %).
	   Csak a .lv-cvh rétegen – ez külön <img>, nem a .lv-cv lapozósáv 2. fotója (az lapozáskor szűretlen marad), és nem a videó.
	   A szűrő a rétegen állandó, ezért a réteg opacity-áttűnésével együtt jön be (külön filter-animáció nélkül, olcsóbb
	   rajzolás); csökkentett mozgásnál a réteg azonnal vált, a szűrő ott is megmarad. */
	/* 2026-11-07 (Gábor: „a fotó árnyék világosságát vegye fel a hover, ne az egész képét”): nem egyenletes fényerő, hanem gamma-görbe
	   (#lv-shadow-lift, product-card.php wp_footer): az árnyékok és a középtónusok világosodnak, a fehér háttér NEM ég ki (1 → 1). */
	.lv-cards2 .lv-product-card .lv-cvh:not(.lv-cvh--v) img{filter:var(--lv-cvh-filter,url(#lv-shadow-lift) saturate(1.05))}
	/* Videós termék (.cvh.v): a 2. fotó rétege nem jön be; a videó rétege csak az első lejátszott képkockától (storefront.js:
	   .is-on), így addig az 1. fotó (poszter) látszik, és a 2. fotó nem villan be. */
	.lv-cards2 .lv-product-card .lv-cvh--alt{display:none}
	.lv-cards2 .lv-product-card .lv-cvh--v{background:transparent}
	.lv-cards2 .lv-product-card:is(:hover,:focus-within) .lv-card__media:is(:not([data-lv-pos]),[data-lv-pos="0"]) .lv-cvh--v.is-on{opacity:1}
	/* A hover alatt a 2. fotó a jelenlegi: két fotónál nincs „következő” (storefront.js a nyíllal a 3. fotóra lép). Videónál két
	   fotóval a „következő” a 2. fotóra visz, különben az a fotó asztalon elérhetetlen lenne. */
	.lv-cards2 .lv-product-card:hover .lv-card-thumbnail:has(.lv-cvh):not(:has(.lv-cvh--v)):has(.lv-cv[data-lv-cv="2"]):has(.lv-card__media:is(:not([data-lv-pos]),[data-lv-pos="0"])) .lv-cvn--next{display:none}
}
/* Csökkentett mozgásnál nincs videó: a 2. fotó marad (azonnali váltással). */
@media (hover:hover) and (min-width:900px) and (prefers-reduced-motion:reduce){
	.lv-cards2 .lv-product-card .lv-cvh{transition:none}
	.lv-cards2 .lv-product-card .lv-cvh--v{display:none}
	.lv-cards2 .lv-product-card .lv-cvh--alt{display:block}
}
/* A régi kártya hover-nagyítása (woocommerce.css: li.product:hover .lv-card__img scale(1.03)) az új kártyán nincs a vásznon, és hibát
   okozott: a lapozósáv minden fotója a saját közepe körül nagyobbodott, így a következő fotó ~5 px-szel a látható fotóra lógott; a hover-
   fotó elhalványulása alatt (elvételkor) ez csíkként látszott a jobb szélen. A (0,5,0) specificitás nyer a régi (0,4,1) szabály ellen. */
.lv-cards2 :is(.lv-main,.lv-cart-reco) .lv-product-card:hover .lv-cv__img{transform:none}
/* Az ikon-gombok szövegdíszítés nélkül (a kedvenc-gomb linkként aláhúzást örökölt). */
.lv-cards2 :is(.lv-main,.lv-cart-reco) .lv-product-card .lv-card__wish .wcboost-wishlist-button{text-decoration:none}
/* Kedvencek oldal: a kártyán már ott a (mindig látható) eltávolító szív, a sarok-jelvény ott duplikálná (2026-11-07). */
.lv-cards2 .lv-main .lv-wishlist-grid--cards .lv-product-card .lv-card-thumbnail::after{content:none!important}

/* ==========================================================================================================
   v4 kártya (B-119, Gábor 2026-11-07): a Főoldal v4 vászon kártyája mindenhol (body.lv-cards4, laava_card_v4()).
   Szögletes (0 lekerekítés), 25:28-as kép #F5F1EB alapon, jelvény a kép bal alsó sarkában (fehér címke / bordó akció),
   kedvenc a kép jobb felső sarkában, serif név 2 sorban, alatta „kategória · ásvány” (13 px), az ár (17/500) mellett jobbra a
   kosár-ikon (36 px, keretes) vagy „Méretválasztás ›”. A .lv-cards2 alap szabályai fölé egy plusz osztállyal (.lv-cards4) írunk.
   ========================================================================================================== */
.lv-cards2.lv-cards4 :is(.lv-main,.lv-cart-reco) .lv-product-card .lv-card__media{aspect-ratio:25/28;border-radius:0;background:#F5F1EB}
.lv-cards2.lv-cards4 :is(.lv-main,.lv-cart-reco) .lv-product-card .lv-card__img{border-radius:0}
.lv-cards2.lv-cards4 :is(.lv-main,.lv-cart-reco) .lv-product-card .lv-card-inner{gap:14px}
.lv-cards2.lv-cards4 :is(.lv-main,.lv-cart-reco) .lv-product-card .lv-card-inner::after{border-radius:0}
.lv-cards2.lv-cards4 :is(.lv-main,.lv-cart-reco) .lv-product-card .lv-cvn{border-radius:0}
/* Jelvény: bal alsó sarok, fehér címke (a vászon „Újdonság” chipje); akció bordó, elfogyott grafit. */
.lv-cards2.lv-cards4 :is(.lv-main,.lv-cart-reco) .lv-product-card .lv-badges{top:auto;bottom:12px;left:12px;flex-direction:row;flex-wrap:wrap;gap:6px}
.lv-cards2.lv-cards4 :is(.lv-main,.lv-cart-reco) .lv-product-card .lv-badge{padding:3px 8px;border-radius:0;font:500 11px/1.4 var(--laava-font-body);letter-spacing:.04em;background:#FFFFFF;color:#24211F}
.lv-cards2.lv-cards4 :is(.lv-main,.lv-cart-reco) .lv-product-card .lv-badge--sale{background:#8E1B2B;color:#FFFFFF;font-weight:600}
.lv-cards2.lv-cards4 :is(.lv-main,.lv-cart-reco) .lv-product-card .lv-badge--out{background:#24211F;color:#FFFFFF}
/* Kedvenc: a kép jobb felső sarkában (a kosár-ikon az ár mellé került). */
.lv-cards2.lv-cards4 :is(.lv-main,.lv-cart-reco) .lv-product-card .lv-card-actions{top:10px;bottom:auto;left:auto;right:10px;justify-content:flex-end}
.lv-cards2.lv-cards4 :is(.lv-main,.lv-cart-reco) .lv-product-card .lv-card__wish{height:36px}
.lv-cards2.lv-cards4 :is(.lv-main,.lv-cart-reco) .lv-product-card .lv-card__wish :is(.wcboost-wishlist-button,.lv-wishlist-remove){width:36px;height:36px;min-height:36px;border-radius:0}
.lv-cards2.lv-cards4 :is(.lv-main,.lv-cart-reco) .lv-product-card .lv-card__wish svg{width:18px;height:18px}
@media (hover:hover){
	.lv-cards2.lv-cards4 :is(.lv-main,.lv-cart-reco) .lv-product-card .lv-card-thumbnail:has(.lv-card__wish .wcboost-wishlist-button.added)::after{top:12px;right:12px;bottom:auto;width:30px;height:30px;border-radius:0}
}
/* Szöveg: serif név, alcím, ár + vásárlási elem egy sorban (rács). */
.lv-cards2.lv-cards4 :is(.lv-main,.lv-cart-reco) .lv-product-card .lv-card-summary{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;row-gap:4px;align-items:end;align-content:start}
.lv-cards2.lv-cards4 :is(.lv-main,.lv-cart-reco) .lv-product-card .lv-card-summary>*{grid-column:1/-1}
.lv-cards2.lv-cards4 :is(.lv-main,.lv-cart-reco) .lv-product-card .woocommerce-loop-product__title{min-height:2.4em;font:500 21px/1.2 var(--laava-font-display,'Cormorant Garamond',Georgia,serif);color:#24211F}
.lv-cards2.lv-cards4 :is(.lv-main,.lv-cart-reco) .lv-product-card .lv-card__sub{display:block;overflow:hidden;font:400 13px/1.4 var(--laava-font-body);color:#6B625B;white-space:nowrap;text-overflow:ellipsis}
.lv-cards2.lv-cards4 :is(.lv-main,.lv-cart-reco) .lv-product-card .lv-card-summary>.price{grid-column:1;align-self:center;margin-top:8px;font:500 17px/1.3 var(--laava-font-body)}
.lv-cards2.lv-cards4 :is(.lv-main,.lv-cart-reco) .lv-product-card .price ins{color:#8E1B2B}
.lv-cards2.lv-cards4 :is(.lv-main,.lv-cart-reco) .lv-product-card .lv-card-summary>.lv-card__buy{grid-column:2;align-self:center;display:flex;justify-content:flex-end;margin-top:8px}
.lv-cards2.lv-cards4 :is(.lv-main,.lv-cart-reco) .lv-product-card .lv-card__buy .lv-cva__btn{opacity:1;width:36px;height:36px;min-height:36px;border:1px solid #CFC5B9;border-radius:0;background:transparent}
.lv-cards2.lv-cards4 :is(.lv-main,.lv-cart-reco) .lv-product-card .lv-card__buy .lv-cva__btn svg{width:18px;height:18px}
.lv-cards2.lv-cards4 :is(.lv-main,.lv-cart-reco) .lv-product-card .lv-card__buy .lv-cva__btn:hover{border-color:#24211F;background:#24211F;color:#FFFFFF}
.lv-cards2.lv-cards4 :is(.lv-main,.lv-cart-reco) .lv-product-card .lv-card__buy .lv-cva__btn.added{border-color:#5C3D2E;background:#5C3D2E;color:#FFFFFF}
.lv-cards2.lv-cards4 :is(.lv-main,.lv-cart-reco) .lv-product-card .lv-card__buy .added_to_cart{display:none}
.lv-cards2.lv-cards4 :is(.lv-main,.lv-cart-reco) .lv-product-card .lv-card__opt{display:inline-flex;align-items:center;gap:6px;min-height:36px;font:500 11px/1 var(--laava-font-body);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;color:#24211F}
@media (hover:hover){.lv-cards2.lv-cards4 :is(.lv-main,.lv-cart-reco) .lv-product-card .lv-card__opt:hover{text-decoration:underline;text-underline-offset:4px}}
.lv-cards2.lv-cards4 :is(.lv-main,.lv-cart-reco) .lv-product-card .lv-card__opt:focus-visible,.lv-cards2.lv-cards4 :is(.lv-main,.lv-cart-reco) .lv-product-card .lv-card__buy .lv-cva__btn:focus-visible{outline:2px solid #7801f2;outline-offset:2px}
/* Mobil: két oszlopos rácsban kisebb név, az opció-link rövidebb sorközzel. */
@media (max-width:599px){
	.lv-cards2.lv-cards4 :is(.lv-main,.lv-cart-reco) .lv-product-card .woocommerce-loop-product__title{font-size:18px}
	.lv-cards2.lv-cards4 :is(.lv-main,.lv-cart-reco) .lv-product-card .lv-card-summary>.price{font-size:15px}
	.lv-cards2.lv-cards4 :is(.lv-main,.lv-cart-reco) .lv-product-card .lv-card__opt{letter-spacing:.08em}
}

/* B-131 (Gábor: „a keret kilóg”): minden vízszintesen görgethető termékkártya-sorban a kártya hover-/fókuszkerete (6–7 px a kártyán
   kívül) nem vágódhat le – a sáv 8 px belső térrel és ugyanannyi negatív margóval (mint a Nemrég megtekintett sáv, product-content.css).
   Érintett: főoldal v4 sínek, főoldal v1 Friss, Kedvencek/kapcsolódó/kosár-ajánló mobil sávok, blogcikk termék-sávja. */
.lv-cards2 .lv-main :is(ul.products.lv4-track,.lv-fresh ul.products,ul.products.lv-fav,.related.products ul.products,.lv-cart-reco ul.products,.lv-article__body ul.products),
.lv-cards2 .lv-cart-reco ul.products{padding:8px!important;margin:-8px!important;scroll-padding-inline:8px;box-sizing:content-box}

/* B-133 / B-142: karkötő-kártya – a fotó 1:1-ben, egészben (contain), középen. Vegyes listában (25:28 keret) az alsó-felső sáv
   átlátszó (nincs kitöltés, nincs nagyítás); a karkötő-kategóriák oldalain (body.lv-cat-bracelet) a keret maga is négyzetes. */
.lv-cards2 :is(.lv-main,.lv-cart-reco) .lv-card--fit .lv-product-card .lv-card__media,
.lv-cards2 :is(.lv-main,.lv-cart-reco) .lv-product-card.lv-card--fit .lv-card__media{background:transparent}
.lv-cards2 :is(.lv-main,.lv-cart-reco) :is(.lv-card--fit .lv-product-card,.lv-product-card.lv-card--fit) :is(.lv-card__img,.lv-cv__img){object-fit:contain;background:transparent}
.lv-cards2 :is(.lv-main,.lv-cart-reco) :is(.lv-card--fit .lv-product-card,.lv-product-card.lv-card--fit) .lv-cvh :is(img,video){object-fit:contain}
.lv-cards2.lv-cat-bracelet .lv-main ul.products .lv-product-card .lv-card__media{aspect-ratio:1}
/* B-147 (Gábor): vízszintes termék-sávokban (főoldal Újdonságok/Vitrin/vélemény-sín, Friss, Kedvencek, kapcsolódó, kosár-ajánló, blog)
   érintéssel a SOR lapozódik, nem a kártya fotógalériája: a kártya képsávja itt nem görgethető kézzel (a gesztus a sínhez megy);
   egérrel a nyilak továbbra is lapozzák a fotókat (programozott görgetés overflow:hidden mellett is működik). */
.lv-cards2 .lv-main :is(ul.products.lv4-track,.lv-fresh ul.products,ul.products.lv-fav,.related.products ul.products,.lv-article__body ul.products) .lv-product-card .lv-cv,
.lv-cards2 .lv-cart-reco ul.products .lv-product-card .lv-cv{overflow-x:hidden;touch-action:pan-x pan-y;overscroll-behavior-x:auto}
/* B-147 (Gábor): jelvények a kép BAL FELSŐ sarkában, a kedvenc (szív) a JOBB ALSÓ sarokban, kicsit kisebb (32 px, ikon 16 px) –
   minden kártyán. A „kedvenc már” jelző (érintés nélküli eszközön) is jobbra lent. */
.lv-cards2.lv-cards4 :is(.lv-main,.lv-cart-reco) .lv-product-card .lv-badges{top:10px;bottom:auto;left:10px;flex-direction:row;flex-wrap:wrap;gap:6px}
.lv-cards2.lv-cards4 :is(.lv-main,.lv-cart-reco) .lv-product-card .lv-card-actions{top:auto;bottom:10px;left:auto;right:10px;justify-content:flex-end}
.lv-cards2.lv-cards4 :is(.lv-main,.lv-cart-reco) .lv-product-card .lv-card__wish{height:32px}
.lv-cards2.lv-cards4 :is(.lv-main,.lv-cart-reco) .lv-product-card .lv-card__wish :is(.wcboost-wishlist-button,.lv-wishlist-remove){width:32px;height:32px;min-height:32px}
.lv-cards2.lv-cards4 :is(.lv-main,.lv-cart-reco) .lv-product-card .lv-card__wish svg{width:16px;height:16px}
@media (hover:hover){
	.lv-cards2.lv-cards4 :is(.lv-main,.lv-cart-reco) .lv-product-card .lv-card-thumbnail:has(.lv-card__wish .wcboost-wishlist-button.added)::after{top:auto;right:10px;bottom:10px;width:28px;height:28px;background-size:14px 14px}
}
/* B-153: a katalógus első kártyájának egyszeri „lapozható” jelzése mobilon (catalog-laava.js) – a fotók együtt balra csúsznak, a
   következő fotó széle kilátszik, majd rugózva vissza. */
.lv-cv--hint>*{animation:lvCvHint 1.6s cubic-bezier(.3,.7,.3,1) both}
@keyframes lvCvHint{0%{transform:translateX(0)}28%{transform:translateX(-22%)}52%{transform:translateX(0)}70%{transform:translateX(-7%)}86%,100%{transform:translateX(0)}}
@media (prefers-reduced-motion:reduce){.lv-cv--hint>*{animation:none}}

