.elementor-kit-96{--e-global-color-primary:#F8B546;--e-global-color-secondary:#1B3F88;--e-global-color-text:#08132A;--e-global-color-accent:#F8B546;--e-global-color-c45b2d0:#EFEFEF;--e-global-color-39ca42d:#FFFEFD;--e-global-color-f219c8a:#DBDBDF;--e-global-typography-primary-font-family:"Figtree";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Figtree";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Figtree";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Figtree";--e-global-typography-accent-font-weight:500;--e-global-typography-bfcb835-font-family:"Indie Flower";--e-global-typography-bfcb835-font-size:40px;--e-global-typography-bfcb835-font-weight:400;--e-global-typography-bfcb835-text-transform:none;--e-global-typography-1d2913a-font-family:"Figtree";--e-global-typography-1d2913a-font-size:18px;--e-global-typography-1d2913a-font-weight:700;color:var( --e-global-color-text );font-family:"Figtree", Sans-serif;font-size:16px;line-height:1.6em;}.elementor-kit-96 button,.elementor-kit-96 input[type="button"],.elementor-kit-96 input[type="submit"],.elementor-kit-96 .elementor-button{background-color:var( --e-global-color-accent );font-family:"Figtree", Sans-serif;font-size:14px;font-weight:700;text-transform:uppercase;color:var( --e-global-color-secondary );box-shadow:3px 6px 15px -5px rgba(0,0,0,0.5);border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-secondary );border-radius:30px 30px 30px 30px;padding:15px 30px 15px 30px;}.elementor-kit-96 button:hover,.elementor-kit-96 button:focus,.elementor-kit-96 input[type="button"]:hover,.elementor-kit-96 input[type="button"]:focus,.elementor-kit-96 input[type="submit"]:hover,.elementor-kit-96 input[type="submit"]:focus,.elementor-kit-96 .elementor-button:hover,.elementor-kit-96 .elementor-button:focus{background-color:var( --e-global-color-secondary );color:var( --e-global-color-39ca42d );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-secondary );border-radius:30px 30px 30px 30px;}.elementor-kit-96 e-page-transition{background-color:#FFBC7D;}.elementor-kit-96 p{margin-block-end:15px;}.elementor-kit-96 a{color:var( --e-global-color-accent );font-family:"Figtree", Sans-serif;font-weight:600;text-decoration:none;}.elementor-kit-96 a:hover{color:var( --e-global-color-secondary );font-family:"Figtree", Sans-serif;}.elementor-kit-96 h1{color:var( --e-global-color-secondary );font-family:"Figtree", Sans-serif;font-size:60px;font-weight:800;line-height:1.3em;}.elementor-kit-96 h2{color:var( --e-global-color-secondary );font-family:"Figtree", Sans-serif;font-size:40px;font-weight:700;line-height:1.3em;}.elementor-kit-96 h3{color:var( --e-global-color-secondary );font-family:"Montserrat", Sans-serif;font-size:28px;font-weight:700;line-height:1.3em;}.elementor-kit-96 h4{color:var( --e-global-color-secondary );font-family:"Figtree", Sans-serif;font-size:24px;font-weight:700;line-height:1.3em;}.elementor-kit-96 h5{color:var( --e-global-color-secondary );font-family:"Figtree", Sans-serif;font-size:18px;font-weight:700;line-height:1.3em;}.elementor-kit-96 h6{color:var( --e-global-color-secondary );font-family:"Figtree", Sans-serif;font-size:16px;font-weight:700;line-height:1.3em;}.elementor-kit-96 input:not([type="button"]):not([type="submit"]),.elementor-kit-96 textarea,.elementor-kit-96 .elementor-field-textual{border-style:solid;border-width:1px 1px 1px 1px;border-radius:6px 6px 6px 6px;padding:12px 12px 12px 12px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1260px;}.e-con{--container-max-width:1260px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:24px;}.elementor-element{--widgets-spacing:24px 24px;--widgets-spacing-row:24px;--widgets-spacing-column:24px;}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1366px){.elementor-kit-96{--e-global-typography-bfcb835-font-size:18px;}.elementor-kit-96 h1{font-size:42px;}.elementor-kit-96 h2{font-size:36px;}.elementor-kit-96 h3{font-size:26px;}.elementor-kit-96 h4{font-size:22px;}.elementor-kit-96 h5{font-size:18px;}.elementor-kit-96 h6{font-size:16px;}}@media(max-width:1024px){.elementor-kit-96{--e-global-typography-bfcb835-font-size:16px;}.elementor-kit-96 h1{font-size:34px;}.elementor-kit-96 h2{font-size:32px;}.elementor-kit-96 h3{font-size:24px;}.elementor-kit-96 h4{font-size:20px;}.elementor-kit-96 h5{font-size:18px;}.elementor-kit-96 h6{font-size:16px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:85%;}.e-con{--container-max-width:85%;}}@media(max-width:767px){.elementor-kit-96 h1{font-size:30px;line-height:1.3em;}.elementor-kit-96 h2{font-size:24px;line-height:1.3em;}.elementor-kit-96 h3{font-size:20px;line-height:1.3em;}.elementor-kit-96 h4{font-size:18px;line-height:1.6em;}.elementor-kit-96 h5{font-size:16px;line-height:1.6em;}.elementor-kit-96 h6{font-size:16px;line-height:1.6em;}.elementor-kit-96 button,.elementor-kit-96 input[type="button"],.elementor-kit-96 input[type="submit"],.elementor-kit-96 .elementor-button{padding:10px 30px 10px 30px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:90%;}.e-con{--container-max-width:90%;}}
/* Start custom CSS *//* ------ DESIGN ------ */
/* Selection */

::-moz-selection {
	color: #fff;
	background: var( --e-global-color-primary )
}

::selection {
	color: #fff;
	background: var( --e-global-color-primary )
}

/* Mark */
mark {
    background: var( --e-global-color-primary );
    color: #fff;
    font-weight: 700;
}


.fluentform .ff-btn:hover {
    opacity: 1 !important;
}

/* Galéria címsor */
.elementor-slideshow__title {
    display: none !important;
}

/* -- BLOG -- */

/* Bejegyzés kivonatok után 3 pont*/
.elementor-posts .elementor-post__excerpt p:after {
content: "..." !important;
}


/* PLusz/Minusz mennyiség gombok */

.gomb input {
	border: 2px solid #EBEAE6 !important;
    border-radius: 0px !important;
    margin-left: -1px !important;
}

.mennyiseg input {
	padding: 0px !important;
	min-height: 45px;
}

.gomb button.qty-button {
    background-color: #fff !important;
    color: #000 !important;
    border: 2px solid #EBEAE6 !important;
    border-radius: 0px 100px 100px 0px !important;
    width: 45px !important;
    padding: 11px 0px !important;
}

.gomb button.qty-button.minus {
    border-radius: 100px 0px 0px 100px !important;
	margin-right: -5px !important;
}

.gomb button.qty-button.plus {
	margin-left: -8px !important;
}

.elementor-widget-woocommerce-cart .woocommerce .input-text.qty {
    border-left: 0px !important;
    border-top: 2px !important;
    border-bottom: 2px !important;
    border-style: solid !important;
    border-color: #EBEAE6 !important;
    min-height: 47px !important;
    text-align: center !important;
}
    
.woocommerce div.product form.cart div.quantity {
    min-width: 145px;
}
    
.gomb .single_add_to_cart_button {
        margin-left: 5px!important;
    }

@media only screen and (max-width: 768px) {
    td.product-quantity .quantity-wrap {
    justify-content: flex-end;
}
}

/* Variáció */

table.variations th.label, td.value {
    background: #fff !important;
	padding: 0px 0px 10px 0px !important;
	text-align: left !important;
}

a.reset_variations {
    display: none !important;
}

/* Lábléc hivatkozás színe */
.lablec a {
    color: #000 !important;
    font-weight: normal !important;
}

.lablec a:hover {
    color: var( --e-global-color-primary ) !important;
}

/* ===== Háttérgradiens – Figma: Zakatoló / Főoldal B ===== */
html {
	background-color: #F9F4EB;
}

body {
	min-height: 100vh;
	background-color: #F9F4EB;
	background-image: linear-gradient(95.88deg,
		#F9F4EB 14.57%,
		#F8F1E3 36.11%,
		#F5F2EB 54.44%,
		#F3F2F1 67.73%,
		#EAEDF1 89.27%,
		#D0D8E8 99.58%,
		#BFCBE3 109.89%);
	background-repeat: no-repeat;
}

/* Fejléc átlátszó, hogy a gradiens fusson alatta */
header.elementor-location-header > .e-con,
header.elementor-location-header nav {
	background-color: transparent !important;
}

/* ===== Fejléc CTA gomb – Figma: Desktop gombok ===== */
header.elementor-location-header .menu-cta > a.elementor-item {
	background-color: #F8B546 !important;
	border: 1px solid #163F87 !important;
	border-radius: 200px !important;
	box-shadow: 9px 8px 13px 2px rgba(0, 0, 0, .25);
	height: 40px !important;
	padding: 0 30px !important;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	color: #1B3F88 !important;
	font-family: "Figtree", sans-serif;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.3 !important;
	text-transform: uppercase;
	transition: transform .2s ease;
}

header.elementor-location-header .menu-cta > a.elementor-item:hover,
header.elementor-location-header .menu-cta > a.elementor-item:focus,
header.elementor-location-header .menu-cta > a.elementor-item.elementor-item-active {
	background-color: #F8B546 !important;
	color: #1B3F88 !important;
}

header.elementor-location-header .menu-cta > a.elementor-item:hover {
	transform: translateY(-1px);
}

/* Mobil legördülőben ne nyúljon teljes szélességre */
header.elementor-location-header .elementor-nav-menu--dropdown .menu-cta > a.elementor-item {
	display: inline-flex;
	margin: 8px 20px;
}

@media (prefers-reduced-motion: reduce) {
	header.elementor-location-header .menu-cta > a.elementor-item:hover { transform: none; }
}

/* ===== Képek: kerekítés + blob (Figma) ===== */

/* Kártyaképek – terv szerinti ~1:1 arány, teljesen lekerekítve */
.zk-kartya-kep .elementor-image-box-img img {
	aspect-ratio: 282 / 272 !important;
	width: 100% !important;
	height: auto !important;
	object-fit: cover !important;
	border-radius: 999px !important;
}

/* Blob a kép mögé. Minden méret a képhez képest %-ban → töréspont-független. */
.zk-blob {
	position: relative;
	/* a kép a widget szélességének hány %-a (Elementor → Kép → Max. szélesség) */
	--zk-kep-max: 88%;
	--zk-blob-meret: .92;   /* a blob mérete a tervhez képest */
	isolation: isolate;
}
.zk-blob > img { position: relative; z-index: 1; }

.zk-blob::before {
	content: "";
	background-color: transparent;
	-webkit-mask-size: 100% 100%;
	        mask-size: 100% 100%;
	-webkit-mask-repeat: no-repeat;
	        mask-repeat: no-repeat;
	-webkit-mask-position: center;
	        mask-position: center;
	position: absolute;
	z-index: -1;
	pointer-events: none;
	left: 50%;
	top: 50%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% 100%;
}

/* Hero – sárga blob (Figma: Ellipse 32 · #F8B546 · 10-es elmosás) */
.zk-blob--hero::before {
	height: calc(124.49% * var(--zk-blob-meret));
	width: calc(1.2388 * var(--zk-kep-max) * var(--zk-blob-meret));   /* = a kép szélességének 123,88%-a */
	--zk-t: translate(-50%, -50%) translate(-0.66%, -0.48%);
	--zk-blob-szin: #F8B546;
	-webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 728.449 732' preserveAspectRatio='none'><filter id='b' x='0' y='0' width='728.449' height='732' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'><feGaussianBlur stdDeviation='10'/></filter><path d='M693.5 318.5C766.5 600.5 558.471 712 366 712C173.529 712 20 543.739 20 359C20 174.261 124.029 20 316.5 20C508.971 20 609 157.5 693.5 318.5Z' fill='%23000' filter='url(%23b)'/></svg>");
	        mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 728.449 732' preserveAspectRatio='none'><filter id='b' x='0' y='0' width='728.449' height='732' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'><feGaussianBlur stdDeviation='10'/></filter><path d='M693.5 318.5C766.5 600.5 558.471 712 366 712C173.529 712 20 543.739 20 359C20 174.261 124.029 20 316.5 20C508.971 20 609 157.5 693.5 318.5Z' fill='%23000' filter='url(%23b)'/></svg>");
}

/* A blob túlnyúlik a képen – ne csináljon vízszintes görgetősávot */
.e-con.e-parent:has(.zk-blob),
.e-con.e-parent:has(.zk-kartya-kep),
.zk-blob-clip { overflow-x: clip; }

/* Nagy képek: folyamatos, arányos méretezés — nincs fix magasság, nincs torzulás.
   A szélesség a konténer %-a, a magasság az arányból jön, a fotó vág (cover). */
.zk-kep {
	--zk-kep-arany: 1 / 1;        /* Hero: Figma 588×588 */
}
.zk-kep--rolam { --zk-kep-arany: 404 / 439; }
.zk-kep--zaro  { --zk-kep-arany: 404 / 393; }

.zk-kep > img {
	height: auto;
	aspect-ratio: var(--zk-kep-arany);
	object-fit: cover;
}

/* Rólam – sárga blob (Figma: Ellipse 33, −13,55°) */
.zk-blob--rolam::before {
	width: calc(1.2845 * var(--zk-kep-max) * var(--zk-blob-meret));
	height: calc(132.25% * var(--zk-blob-meret));
	--zk-t: translate(-50%, -50%) translate(0.79%, -2.18%) rotate(-13.55deg);
	--zk-blob-szin: #F8B546;
	-webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 518.927 580.576' preserveAspectRatio='none'><filter id='b' x='0' y='0' width='518.927' height='580.576' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'><feGaussianBlur stdDeviation='10'/></filter><path d='M491.908 227.045C535.4 446.347 367.146 560.576 252.478 560.576C137.809 560.576 20 446.703 20 303.038C20 159.372 102.665 20 217.333 20C300.301 20 441.566 101.84 491.908 227.045Z' fill='%23000' filter='url(%23b)'/></svg>");
	        mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 518.927 580.576' preserveAspectRatio='none'><filter id='b' x='0' y='0' width='518.927' height='580.576' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'><feGaussianBlur stdDeviation='10'/></filter><path d='M491.908 227.045C535.4 446.347 367.146 560.576 252.478 560.576C137.809 560.576 20 446.703 20 303.038C20 159.372 102.665 20 217.333 20C300.301 20 441.566 101.84 491.908 227.045Z' fill='%23000' filter='url(%23b)'/></svg>");
}

/* Záró szekció – sárga blob (Figma: Ellipse 33, −13,55°) */
.zk-blob--zaro::before {
	width: calc(1.1845 * var(--zk-kep-max) * var(--zk-blob-meret));
	height: calc(123.74% * var(--zk-blob-meret));
	--zk-t: translate(-50%, -50%) translate(0.09%, -0.25%) rotate(-13.55deg);
	--zk-blob-szin: #F8B546;
	-webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 478.541 486.293' preserveAspectRatio='none'><filter id='b' x='0' y='0' width='478.541' height='486.293' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'><feGaussianBlur stdDeviation='10'/></filter><path d='M456.742 179.498C469.432 233.986 415.66 427.071 274.503 466.293C150.367 466.293 20 378.446 20 257.045C20 135.644 87.5255 20 211.661 20C301.479 20 424.635 41.6444 456.742 179.498Z' fill='%23000' filter='url(%23b)'/></svg>");
	        mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 478.541 486.293' preserveAspectRatio='none'><filter id='b' x='0' y='0' width='478.541' height='486.293' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'><feGaussianBlur stdDeviation='10'/></filter><path d='M456.742 179.498C469.432 233.986 415.66 427.071 274.503 466.293C150.367 466.293 20 378.446 20 257.045C20 135.644 87.5255 20 211.661 20C301.479 20 424.635 41.6444 456.742 179.498Z' fill='%23000' filter='url(%23b)'/></svg>");
}

/* Kártyák – kék blob (Figma: Ellipse 33 · #C4D3EE · −13,55°).
   Itt a figure a horgony, mert az pontosan a kép mérete. */
.zk-kartya-kep .elementor-image-box-img {
	position: relative;
	--zk-blob-meret: .78;   /* a kártyáknál kisebb, hogy ne érjen a címre */
	isolation: isolate;
}

.zk-kartya-kep .elementor-image-box-img::before {
	content: "";
	background-color: transparent;
	-webkit-mask-size: 100% 100%;
	        mask-size: 100% 100%;
	-webkit-mask-repeat: no-repeat;
	        mask-repeat: no-repeat;
	-webkit-mask-position: center;
	        mask-position: center;
	position: absolute;
	z-index: -1;
	pointer-events: none;
	left: 50%;
	top: 50%;
	width: calc(140.37% * var(--zk-blob-meret));
	height: calc(152.94% * var(--zk-blob-meret));
	--zk-t: translate(-50%, -50%) translate(0%, 0.11%) rotate(-13.55deg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% 100%;
}

/* a kártya szövege a blob fölött maradjon */
.zk-kartya-kep .elementor-image-box-content {
	position: relative;
	z-index: 2;
}

/* a három kártya három külön blob-színt kap (Figma: háttér4 / háttér 1 / háttér5) */
.zk-kartya-kep--1 .elementor-image-box-img::before {
	--zk-blob-szin: #C4D3EE;
	-webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 395.837 415.99' preserveAspectRatio='none'><filter id='b' x='0' y='0' width='395.837' height='415.99' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'><feGaussianBlur stdDeviation='10'/></filter><path d='M370.569 157.011C404.329 302.133 268.201 395.99 179.19 395.99C90.1786 395.99 20 300.701 20 205.632C20 110.562 68.419 20 157.43 20C221.834 20 331.491 74.1575 370.569 157.011Z' fill='%23000' filter='url(%23b)'/></svg>");
	        mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 395.837 415.99' preserveAspectRatio='none'><filter id='b' x='0' y='0' width='395.837' height='415.99' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'><feGaussianBlur stdDeviation='10'/></filter><path d='M370.569 157.011C404.329 302.133 268.201 395.99 179.19 395.99C90.1786 395.99 20 300.701 20 205.632C20 110.562 68.419 20 157.43 20C221.834 20 331.491 74.1575 370.569 157.011Z' fill='%23000' filter='url(%23b)'/></svg>");
}

.zk-kartya-kep--2 .elementor-image-box-img::before {
	--zk-blob-szin: #FCE3B2;
	-webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 395.837 415.99' preserveAspectRatio='none'><filter id='b' x='0' y='0' width='395.837' height='415.99' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'><feGaussianBlur stdDeviation='10'/></filter><path d='M370.569 157.011C404.329 302.133 268.201 395.99 179.19 395.99C90.1786 395.99 20 300.701 20 205.632C20 110.562 68.419 20 157.43 20C221.834 20 331.491 74.1575 370.569 157.011Z' fill='%23000' filter='url(%23b)'/></svg>");
	        mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 395.837 415.99' preserveAspectRatio='none'><filter id='b' x='0' y='0' width='395.837' height='415.99' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'><feGaussianBlur stdDeviation='10'/></filter><path d='M370.569 157.011C404.329 302.133 268.201 395.99 179.19 395.99C90.1786 395.99 20 300.701 20 205.632C20 110.562 68.419 20 157.43 20C221.834 20 331.491 74.1575 370.569 157.011Z' fill='%23000' filter='url(%23b)'/></svg>");
	--zk-t: translate(-50%, -50%) translate(0%, -1.34%) rotate(-13.55deg);
}

.zk-kartya-kep--3 .elementor-image-box-img::before {
	--zk-blob-szin: #FEF3DD;
	-webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 395.837 415.99' preserveAspectRatio='none'><filter id='b' x='0' y='0' width='395.837' height='415.99' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'><feGaussianBlur stdDeviation='10'/></filter><path d='M370.569 157.011C404.329 302.133 268.201 395.99 179.19 395.99C90.1786 395.99 20 300.701 20 205.632C20 110.562 68.419 20 157.43 20C221.834 20 331.491 74.1575 370.569 157.011Z' fill='%23000' filter='url(%23b)'/></svg>");
	        mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 395.837 415.99' preserveAspectRatio='none'><filter id='b' x='0' y='0' width='395.837' height='415.99' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'><feGaussianBlur stdDeviation='10'/></filter><path d='M370.569 157.011C404.329 302.133 268.201 395.99 179.19 395.99C90.1786 395.99 20 300.701 20 205.632C20 110.562 68.419 20 157.43 20C221.834 20 331.491 74.1575 370.569 157.011Z' fill='%23000' filter='url(%23b)'/></svg>");
	--zk-t: translate(-50%, -50%) translate(0%, -1.34%) rotate(-13.55deg);
}

/* ================= ANIMÁCIÓK ================= */

/* 1. Belépő — scroll-vezérelt CSS animáció (animation-timeline).
   Nincs mögötte JS, ezért nem tud tartalmat rejtve hagyni: ahol a böngésző
   nem ismeri (ma Safari és Firefox), ott egyszerűen nincs animáció. */
@supports (animation-timeline: view()) {
	@media (prefers-reduced-motion: no-preference) {

		.elementor:not(.elementor-location-header):not(.elementor-location-footer) > .e-con.e-parent:not(:has(.zk-kartya-kep)) {
			animation: zk-belep linear both;
			animation-timeline: view();
			animation-range: entry 0% entry 25%;
		}

		/* a három kártya külön, kissé eltolt tartománnyal — ez adja a lépcsőt */
		.zk-kartya-kep {
			animation: zk-belep linear both;
			animation-timeline: view();
		}
		.zk-kartya-kep--1 { animation-range: entry 0%  entry 25%; }
		.zk-kartya-kep--2 { animation-range: entry 5%  entry 30%; }
		.zk-kartya-kep--3 { animation-range: entry 10% entry 35%; }
	}
}

@keyframes zk-belep {
	from { opacity: 0; transform: translateY(16px); }
	to   { opacity: 1; transform: none; }
}

/* 2. Blob-lélegzés. A saját alap-transzformáció a --zk-t változóban van,
   így a keyframe csak a scale/rotate-et teszi rá. */
.zk-blob::before,
.zk-kartya-kep .elementor-image-box-img::before {
	transform: var(--zk-t);
	animation: zk-lelegzes 12s ease-in-out infinite;
	transition: scale .3s ease;
}

@keyframes zk-lelegzes {
	0%, 100% { transform: var(--zk-t) scale(1) rotate(0deg); }
	50%      { transform: var(--zk-t) scale(1.035) rotate(1deg); }
}

/* eltolt indítás, hogy ne szinkronban lüktessenek */
.zk-blob--rolam::before { animation-delay: -3s; }
.zk-blob--zaro::before  { animation-delay: -6s; }
.zk-kartya-kep--1 .elementor-image-box-img::before { animation-delay: -5s; }
.zk-kartya-kep--2 .elementor-image-box-img::before { animation-delay: -7s; }
.zk-kartya-kep--3 .elementor-image-box-img::before { animation-delay: -9s; }

/* 3. Gomb-hover. translate (nem transform), hogy ne írja felül a belépőt. */
.elementor-button { transition: translate .15s ease, box-shadow .15s ease; }
.elementor-button:hover {
	translate: 0 -2px;
	box-shadow: 4px 9px 20px -6px rgba(0, 0, 0, .55);
}
.elementor-button .elementor-button-icon { transition: translate .15s ease; }
.elementor-button:hover .elementor-button-icon { translate: 3px 0; }

header.elementor-location-header .menu-cta > a.elementor-item { transition: translate .15s ease; }
header.elementor-location-header .menu-cta > a.elementor-item:hover {
	transform: none;
	translate: 0 -2px;
}

/* 4. Kártya-hover: a kártya emelkedik, a blobja nő, a fotó marad. */
.zk-kartya-kep { transition: translate .2s ease; }
/* Ugyanez a kiemelkedés a többi kártyás szekcióban
   (Ismerős valamelyik helyzet? · Kis csoportos vagy egyéni fejlesztés) */
/* Az Elementor 4 a konténerekre nem írja ki az egyéni CSS-osztályt,
   ezért ezeket szerkezet alapján célozzuk. */
.zk-emelkedik,
.elementor-element-5304e75 .e-con.e-child:has(> .elementor-widget-button),
.e-con.e-child:has(> .elementor-widget-icon-box) {
	transition: translate .2s ease, box-shadow .2s ease;
}

.zk-emelkedik:hover,
.elementor-element-5304e75 .e-con.e-child:has(> .elementor-widget-button):hover,
.e-con.e-child:has(> .elementor-widget-icon-box):hover {
	translate: 0 -4px;
	box-shadow: 8px 13px 26px -11px rgba(0, 0, 0, .5);
}

/* a hover a teljes kártya-oszlopra szól, nem csak a képre */
.zk-kartya-kep:hover,
.e-con:has(> .zk-kartya-kep):hover .zk-kartya-kep { translate: 0 -4px; }

.zk-kartya-kep:hover .elementor-image-box-img::before,
.e-con:has(> .zk-kartya-kep):hover .elementor-image-box-img::before { scale: 1.06; }

@media (prefers-reduced-motion: reduce) {
	.elementor-element.animated { animation: none !important; }
	.elementor-invisible { visibility: visible !important; }
	.zk-blob::before,
	.zk-kartya-kep .elementor-image-box-img::before { animation: none !important; transition: none !important; }
	.elementor-button,
	.zk-kartya-kep,
	.elementor-button .elementor-button-icon { transition: none !important; }
	.elementor-button:hover,
	.zk-kartya-kep:hover,
	.elementor-button:hover .elementor-button-icon { translate: none !important; }
}

/* A blob színe innentől sima CSS-tulajdonság: a forma maszk, a szín pedig
   a --zk-blob-szin változó. Átszínezéshez elég egy hex — nincs %23, nincs data-URI. */
@supports ((-webkit-mask-image: url("#")) or (mask-image: url("#"))) {
	.zk-blob::before,
	.zk-kartya-kep .elementor-image-box-img::before {
		background-color: var(--zk-blob-szin, #F8B546);
	}
}

/* Szolgáltatás-aloldalak: a blobok a kártyáik árnyalatát viszik tovább */
.page-id-72 .zk-blob::before { --zk-blob-szin: #C4D3EE; }   /* Állapotfelmérés és mozgásterápia */
.page-id-74 .zk-blob::before { --zk-blob-szin: #FCE3B2; }   /* Foglalkozások */
/* Fejlesztő programok (page-id-76): marad az alapértelmezett #F8B546 *//* End custom CSS */