/* laava-components */
/* A components.css alapja az új designhoz: a régi témából örökölt CSS-változók és az ikon-alapszabály (a többi szabály csak az
   Elementorral renderelt oldalakon kell; lásd Plugin::assets(), `laava_core_components_full` szűrő). Forrás: components.css. */
:root {
	--laava-font__main: 'Albert Sans', Arial, sans-serif;
	--laava-line-height__body: 1.6;
	--laava-color__base: var(--laava-text-2,#545454);
	--laava-color__dark: var(--laava-graphite,#000000);
	--laava-color__light: var(--laava-white,#ffffff);
	--laava-color__primary: var(--laava-primary,#DB1215);
	--laava-color__grayer: var(--laava-line,#d9d9d9);
	--laava-text-color-on-primary: #fff;
	--laava-link-color: var(--laava-graphite,#000000);
	--laava-link-color-hover: var(--laava-link-hover,#DB1215);
	--laava-header-color: var(--laava-graphite,#000000);
	--laava-color-price-sale: var(--laava-sale,#db1215);
	--laava-border-color: var(--laava-line,#EBEBEB);
	--laava-image-rounded: 0px;
	--laava-image-rounded-post-card: 0;
	--laava-image-rounded-featured-post: 0;
	--laava-image-rounded-product-card: 0;
	--laava-image-rounded-product-gallery: 0;
	--laava-image-rounded-product-thumbnail: 0;
	--laava-rounded-xs: 2.5px;
	--laava-rounded-sm: 5px;
	--laava-rounded-md: 10px;
	--laava-rounded-full: 9999px;
	--laava-image-rounded-post-card-small: min( 5px, var(--laava-image-rounded-post-card) );
	--laava-image-rounded-product-card-small: min( 5px, var(--laava-image-rounded-product-card) );
	--laava-image-eff-scale: 1.1;
	--laava-image-eff-scale-product-card: 1.09;
	--laava-heading-font: var(--laava-font__main);
	--laava-heading-color: var(--laava-graphite,#000000);
	--laava-heading-font-weight: 400;
	--laava-heading-line-height: 1.2;
	--laava-heading-text-transform: none;
	/* B-093: az örökölt (Ecomus) gomb-változók a vászon Gombok boardjának --lv-btn-* tokenjeiből (téma tokens.css,
	   `laava-core-tokens`); a tartalék a vászon értéke. 12 + 18 (15 px × 1.2) + 12 + 2 px keret = 44 px. A fényvillanás
	   (eff) átlátszó: a vásznon nincs. Az Elementor-widgetek saját beállításai ezeket továbbra is felülírhatják. */
	--laava-button-color: var(--lv-btn-dark-fg,#ffffff);
	--laava-button-bg-color: var(--lv-btn-dark-bg,#24211F);
	--laava-button-border-color: var(--laava-button-bg-color);
	--laava-button-color-hover: var(--lv-btn-dark-fg,#ffffff);
	--laava-button-bg-color-hover: var(--lv-btn-dark-hover,#000000);
	--laava-button-border-color-hover: var(--laava-button-bg-color-hover);
	--laava-button-eff-bg-color-hover: transparent;
	--laava-button-padding-top: 12px;
	--laava-button-padding-right: var(--lv-btn-px,22px);
	--laava-button-padding-bottom: 12px;
	--laava-button-padding-left: var(--lv-btn-px,22px);
	--laava-button-line-height: var(--lv-btn-lh,1.2);
	--laava-button-font-size: var(--lv-btn-fs,15px);
	--laava-button-rounded: var(--lv-btn-radius,8px);
	--laava-button-font-weight: var(--lv-btn-fw,500);
	--laava-button-icon-spacing: var(--lv-btn-gap,8px);
	--laava-button-icon-size: 8px;
	--laava-loading-color: var(--laava-graphite,#000000);
	--laava-input-color: var(--laava-text-2,#545454);
	--laava-input-border-color: var(--laava-line,#EBEBEB);
	--laava-input-border-color-hover: var(--laava-graphite,#000000);
	--laava-input-border-width: 1px;
	--laava-input-bg-color: var(--laava-white,#ffffff);
	--laava-input-padding-y: 0.813rem;
	--laava-input-padding-x: 1.1rem;
	--laava-input-font-size: 14px;
	--laava-input-placeholder-font-size: 14px;
	--laava-input-rounded: 0px;
	--laava-swiper-slide-spacing: 30px;
	--laava-swiper-pagination-spacing: 30px;
	--laava-ratio-percent: 100%;
	--laava-cursor-close-icon: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MCIgaGVpZ2h0PSI1MCIgdmlld0JveD0iMCAwIDMwIDMwIiBmaWxsPSJub25lIj4KPGNpcmNsZSBzaGFwZS1yZW5kZXJpbmc9Imdlb21ldHJpY1ByZWNpc2lvbiIgY3g9IjE1IiBjeT0iMTUiIHI9IjE1IiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBzaGFwZS1yZW5kZXJpbmc9Imdlb21ldHJpY1ByZWNpc2lvbiIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMS4xOTUzIDExLjE5NTNDMTEuNDU1NiAxMC45MzQ5IDExLjg3NzcgMTAuOTM0OSAxMi4xMzgxIDExLjE5NTNMMTUgMTQuMDU3MkwxNy44NjE5IDExLjE5NTNDMTguMTIyMyAxMC45MzQ5IDE4LjU0NDQgMTAuOTM0OSAxOC44MDQ3IDExLjE5NTNDMTkuMDY1MSAxMS40NTU2IDE5LjA2NTEgMTEuODc3NyAxOC44MDQ3IDEyLjEzODFMMTUuOTQyOCAxNUwxOC44MDQ3IDE3Ljg2MTlDMTkuMDY1MSAxOC4xMjIzIDE5LjA2NTEgMTguNTQ0NCAxOC44MDQ3IDE4LjgwNDdDMTguNTQ0NCAxOS4wNjUxIDE4LjEyMjMgMTkuMDY1MSAxNy44NjE5IDE4LjgwNDdMMTUgMTUuOTQyOEwxMi4xMzgxIDE4LjgwNDdDMTEuODc3NyAxOS4wNjUxIDExLjQ1NTYgMTkuMDY1MSAxMS4xOTUzIDE4LjgwNDdDMTAuOTM0OSAxOC41NDQ0IDEwLjkzNDkgMTguMTIyMyAxMS4xOTUzIDE3Ljg2MTlMMTQuMDU3MiAxNUwxMS4xOTUzIDEyLjEzODFDMTAuOTM0OSAxMS44Nzc3IDEwLjkzNDkgMTEuNDU1NiAxMS4xOTUzIDExLjE5NTNaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4=");
}
.laava-svg-icon {
	display: inline-block;
	line-height: 1;
}
.laava-svg-icon svg {
	vertical-align: -.125em;
	width: 1em;
	height: 1em;
	fill: currentColor;
	display: inline-block;
}
:root{--laava-color__primary:var(--laava-primary, #7801f2);--laava-background-color-primary:var(--laava-primary, #7801f2);--laava-color__base:#545454;--laava-heading-color:#292724;--laava-link-color-hover:#866b72;--laava-button-rounded:6px;--laava-button-font-size:14px;--laava-button-font-weight:600;--laava-button-padding-top:15px;--laava-button-padding-bottom:14px;--laava-button-padding-left:20px;--laava-button-padding-right:20px;--laava-button-icon-size:8px;--laava-button-icon-spacing:10px;--laava-image-rounded:8px;--laava-image-rounded-post-card:10px;--laava-image-rounded-product-card:8px;--laava-image-rounded-product-gallery:10px;--laava-image-rounded-product-thumbnail:5px;--laava-input-rounded:5px;--laava-input-color:#545454;--laava-input-font-size:14px;--laava-swiper-pagination-spacing:30px;--laava-swiper-slide-spacing:30px}

/* laava-carousel */
/* Shared Ecomus carousel controls, without the old theme dependency. */
.swiper {
	--laava-swiper-items-space: 30px;
	--laava-swiper-items-space-tablet: 30px;
	--laava-swiper-items-space-mobile: 15px;
}

.swiper:not(.swiper-initialized) .swiper-wrapper {
	margin: 0;
}

.swiper:not(.swiper-initialized) .swiper-wrapper:not(.columns-1) .swiper-slide {
	margin-right: var(--laava-swiper-items-space);
}

.swiper:not(.swiper-initialized) .swiper-wrapper:not(.columns-1) .swiper-slideli.product {
	padding-left: 0;
	padding-right: 0;
}

.swiper:not(.swiper-initialized) .swiper-button,
.swiper:not(.swiper-initialized) .swiper-pagination {
	display: none;
}

.swiper .swiper-button,
.swiper-button {
	--laava-arrow-font-size: 11px;
	--laava-arrow-color: var(--laava-graphite,#000000);
	--laava-arrow-bg-color: var(--laava-white,#ffffff);
	--laava-arrow-border-color: var(--laava-white,#ffffff);
	--laava-arrow-color-hover: var(--laava-white,#ffffff);
	--laava-arrow-bg-color-hover: var(--laava-graphite,#000000);
	--laava-arrow-border-color-hover: var(--laava-arrow-bg-color-hover);
	--laava-arrow-eff-bg-color-hover: rgba(255, 255, 255, 0.25);
	--laava-arrow-width: 46px;
	--laava-arrow-height: 46px;
	--laava-arrow-rounded: 50%;
	--laava-arrow-font-weight: 400;
	--laava-arrow-top: 50%;
	font-size: var(--laava-arrow-font-size);
	background-color: var(--laava-arrow-bg-color);
	color: var(--laava-arrow-color);
	border: 1px solid var(--laava-arrow-border-color);
	border-radius: var(--laava-arrow-rounded);
	font-weight: var(--laava-arrow-font-weight);
	width: var(--laava-arrow-width);
	height: var(--laava-arrow-height);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-transform: uppercase;
	transition: 0.4s;
	cursor: pointer;
	position: absolute;
	top: var(--laava-arrow-top);
	transform: translateY(-50%);
	margin-top: 0;
	z-index: 1;
	overflow: hidden;
	transition: 0.4s;
	/*rtl:raw:
		transform: translateY(-50%) rotateY(180deg);
	*/
}

.swiper .swiper-button:not(.swiper-button-disabled):hover,
.swiper-button:not(.swiper-button-disabled):hover {
	color: var(--laava-arrow-color-hover);
	background-color: var(--laava-arrow-bg-color-hover);
	border-color: var(--laava-arrow-border-color-hover);
}

.swiper .swiper-button:after,
.swiper-button:after {
	display: none;
}









.swiper .swiper-button-outline,
.swiper-button-outline {
	--laava-arrow-color: var(--laava-graphite,#000000);
	--laava-arrow-bg-color: transparent;
	--laava-arrow-border-color: var(--laava-border-color);
	--laava-arrow-color-hover: var(--laava-white,#ffffff);
	--laava-arrow-bg-color-hover: var(--laava-graphite,#000000);
	--laava-arrow-border-color-hover: var(--laava-arrow-bg-color-hover);
}

.swiper .swiper-button-outline.swiper-button-disabled,
.swiper-button-outline.swiper-button-disabled {
	cursor: not-allowed;
	pointer-events: auto !important;
	--laava-arrow-color: rgba(0,0,0,0.25);
	--laava-arrow-bg-color: transparent;
	--laava-arrow-border-color: var(--laava-border-color);
	--laava-arrow-color-hover: rgba(0,0,0,0.25);
	--laava-arrow-bg-color-hover: transparent;
	--laava-arrow-border-color-hover: var(--laava-border-color);
}

.swiper .swiper-button-outline-dark,
.swiper-button-outline-dark {
	--laava-arrow-color: var(--laava-graphite,#000000);
	--laava-arrow-bg-color: transparent;
	--laava-arrow-border-color: var(--laava-graphite,#000000);
	--laava-arrow-color-hover: var(--laava-white,#ffffff);
	--laava-arrow-bg-color-hover: var(--laava-graphite,#000000);
	--laava-arrow-border-color-hover: var(--laava-arrow-bg-color-hover);
}

.swiper .swiper-button-outline-dark.swiper-button-disabled,
.swiper-button-outline-dark.swiper-button-disabled {
	cursor: not-allowed;
	pointer-events: auto !important;
	--laava-arrow-color: rgba(0,0,0,0.25);
	--laava-arrow-bg-color: transparent;
	--laava-arrow-border-color: var(--laava-border-color);
	--laava-arrow-color-hover: rgba(0,0,0,0.25);
	--laava-arrow-bg-color-hover: transparent;
	--laava-arrow-border-color-hover: var(--laava-border-color);
}

.swiper .swiper-button-text,
.swiper-button-text {
	--laava-arrow-color: var(--laava-graphite,#000000);
	--laava-arrow-bg-color: transparent;
	--laava-arrow-color-hover: var(--laava-graphite,#000000);
	--laava-arrow-bg-color-hover: transparent;
	border: none;
}

.swiper .swiper-button-text.swiper-button-disabled,
.swiper-button-text.swiper-button-disabled {
	cursor: not-allowed;
	pointer-events: auto !important;
	--laava-arrow-color: rgba(0,0,0,0.25);
	--laava-arrow-bg-color: transparent;
	--laava-arrow-bg-color-hover: transparent;
	--laava-arrow-color-hover: rgba(0,0,0,0.25);
}

.swiper .swiper-button-small,
.swiper-button-small {
	--laava-arrow-width: 30px;
	--laava-arrow-height: 30px;
	--laava-arrow-font-size: 8px;
}

.swiper .swiper-button-disabled,
.swiper-button-disabled {
	cursor: not-allowed;
	pointer-events: auto !important;
	--laava-arrow-bg-color: rgba(0,0,0,0.15);
	--laava-arrow-color: var(--laava-graphite,#000000);
	--laava-arrow-bg-color-hover: var(--laava-arrow-bg-color);
	--laava-arrow-color-hover: var(--laava-arrow-color);
	--laava-arrow-border-color-hover: transparent;
	--laava-arrow-border-color: transparent;
}

/* The Swiper wrapper must stay flex; the theme's product grid is unrelated. */
.laava-carousel--elementor{position:relative;min-width:0}
.laava-carousel--elementor .products.swiper-wrapper{display:flex;gap:0;grid-template-columns:none;flex-wrap:nowrap;width:100%}
.laava-carousel--elementor .products.swiper-wrapper>li.product{flex-shrink:0;margin:0}
.laava-carousel--elementor .swiper-button>svg{display:block;width:12px;height:12px;max-width:none;flex:none}
.laava-carousel--elementor .swiper-button-lock{display:none!important}
.laava-carousel--elementor .swiper-arrows .swiper-button{position:static;transform:none}
.laava-carousel--elementor .swiper-arrows{display:flex;align-items:center;gap:10px}
.laava-products-carousel--relative{position:relative;min-width:0}


/* Keep offscreen slides inside their viewport even without Elementor core CSS. */
.laava-carousel--elementor .swiper { overflow: hidden; }