.elementor-kit-45{--e-global-color-primary:#FF544D;--e-global-color-secondary:#3E2E45;--e-global-color-text:#3E2E45;--e-global-color-accent:#FF544D;--e-global-color-1106135:#FFFFFF;--e-global-color-f219c8a:#7A687F;--e-global-color-092a279:#F3EEEB;--e-global-color-9ce4e44:#DCD0C3;--e-global-color-2e8db93:#E83D36;--e-global-color-8bd0f9b:#2A2036;--e-global-color-vkdarkink:#1A0922;--e-global-color-vklila01:#ECEAEC;--e-global-typography-primary-font-family:"Clash Display";--e-global-typography-primary-font-size:40px;--e-global-typography-primary-font-weight:500;--e-global-typography-primary-line-height:1.2em;--e-global-typography-primary-letter-spacing:2%;--e-global-typography-secondary-font-family:"DM Mono";--e-global-typography-secondary-font-size:18px;--e-global-typography-secondary-font-weight:400;--e-global-typography-secondary-line-height:1.4em;--e-global-typography-text-font-family:"Clash Display";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.5em;--e-global-typography-text-letter-spacing:4%;--e-global-typography-accent-font-family:"DM Mono";--e-global-typography-accent-font-size:20px;--e-global-typography-accent-font-weight:500;--e-global-typography-accent-line-height:1.3em;--e-global-typography-bfcb835-font-family:"DM Mono";--e-global-typography-bfcb835-font-size:18px;--e-global-typography-bfcb835-font-weight:400;--e-global-typography-bfcb835-line-height:1.4em;--e-global-typography-vkgomb1-font-family:"DM Mono";--e-global-typography-vkgomb1-font-size:20px;--e-global-typography-vkgomb1-font-weight:500;--e-global-typography-vkgomb1-line-height:1.3em;--e-global-typography-vkbodyl-font-family:"Clash Display";--e-global-typography-vkbodyl-font-size:20px;--e-global-typography-vkbodyl-font-weight:500;--e-global-typography-vkbodyl-line-height:1.5em;--e-global-typography-vkbodyl-letter-spacing:4%;--e-global-typography-vkbodys-font-family:"Clash Display";--e-global-typography-vkbodys-font-size:14px;--e-global-typography-vkbodys-font-weight:400;--e-global-typography-vkbodys-line-height:1.5em;--e-global-typography-vkbodys-letter-spacing:4%;--e-global-typography-vkszam1-font-family:"Clash Display";--e-global-typography-vkszam1-font-size:72px;--e-global-typography-vkszam1-font-weight:500;--e-global-typography-vkszam1-line-height:1.1em;--e-global-typography-vkszam1-letter-spacing:4%;color:var( --e-global-color-text );font-family:"Clash Display", Sans-serif;font-size:16px;font-weight:400;line-height:1.5em;letter-spacing:0.64px;}.elementor-kit-45 p{margin-block-end:15px;}.elementor-kit-45 a{color:var( --e-global-color-accent );font-weight:500;}.elementor-kit-45 a:hover{color:var( --e-global-color-secondary );}.elementor-kit-45 h1{color:var( --e-global-color-secondary );font-family:"Clash Display", Sans-serif;font-size:clamp(2rem, 1.689rem + 1.33vw, 2.75rem);font-weight:500;line-height:1.2em;letter-spacing:4%;}.elementor-kit-45 h2{color:var( --e-global-color-secondary );font-family:"Clash Display", Sans-serif;font-size:clamp(2rem, 1.793rem + 0.88vw, 2.5rem);font-weight:500;line-height:1.2em;letter-spacing:2%;}.elementor-kit-45 h3{color:var( --e-global-color-secondary );font-family:"Clash Display", Sans-serif;font-size:clamp(1.75rem, 1.646rem + 0.44vw, 2rem);font-weight:500;line-height:1.2em;letter-spacing:2%;}.elementor-kit-45 h4{color:var( --e-global-color-secondary );font-family:"Clash Display", Sans-serif;font-size:clamp(1.312rem, 1.235rem + 0.33vw, 1.5rem);font-weight:500;line-height:1.2em;letter-spacing:4%;}.elementor-kit-45 h5{color:var( --e-global-color-secondary );font-family:"Clash Display", Sans-serif;font-size:clamp(1.125rem, 1.073rem + 0.22vw, 1.25rem);font-weight:500;line-height:1.2em;letter-spacing:2%;}.elementor-kit-45 h6{color:var( --e-global-color-secondary );font-family:"Clash Display", Sans-serif;font-size:clamp(1rem, 0.948rem + 0.22vw, 1.125rem);font-weight:500;line-height:1.2em;letter-spacing:2%;}.elementor-kit-45 button,.elementor-kit-45 input[type="button"],.elementor-kit-45 input[type="submit"],.elementor-kit-45 .elementor-button{font-family:"DM Mono", Sans-serif;font-size:14px;color:var( --e-global-color-1106135 );background-color:var( --e-global-color-accent );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-accent );border-radius:100px 100px 100px 100px;padding:16px 32px 16px 32px;}.elementor-kit-45 button:hover,.elementor-kit-45 button:focus,.elementor-kit-45 input[type="button"]:hover,.elementor-kit-45 input[type="button"]:focus,.elementor-kit-45 input[type="submit"]:hover,.elementor-kit-45 input[type="submit"]:focus,.elementor-kit-45 .elementor-button:hover,.elementor-kit-45 .elementor-button:focus{color:var( --e-global-color-1106135 );background-color:var( --e-global-color-2e8db93 );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-2e8db93 );border-radius:100px 100px 100px 100px;}.elementor-kit-45 input:not([type="button"]):not([type="submit"]),.elementor-kit-45 textarea,.elementor-kit-45 .elementor-field-textual{border-style:solid;border-width:1px 1px 1px 1px;border-radius:12px 12px 12px 12px;padding:12px 12px 12px 12px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1280px;}.e-con{--container-max-width:1280px;--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;}.elementor-kit-45 e-page-transition{background-color:#FFBC7D;}.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-45 button,.elementor-kit-45 input[type="button"],.elementor-kit-45 input[type="submit"],.elementor-kit-45 .elementor-button{font-size:clamp(1.125rem, 1.073rem + 0.22vw, 1.25rem);}}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}:root { --vk-coral:#FF544D; --vk-btn-neutral:#ECEAEC; --vk-ink:#3E2E45; --vk-btn-neutral-hover:#E2DFE2; --vk-btn-padding:16px 32px; --vk-ink-deep:#2A2036; --vk-coral-hover:#E83D36; --vk-mauve:#7A687F; --vk-paper:#F3EEEB; --vk-white:#FFFFFF; --vk-sand:#DCD0C3; --vk-course-dusty-mauve:#B5A2BB; --vk-course-peach:#F19862; --vk-course-lime:#DDEF73; --vk-clash-display:Clash Display; --vk-dm-mono:DM Mono; --vk-h2:clamp(2rem, 1.793rem + 0.88vw, 2.5rem); --vk-gap-24px:24px; --vk-page-gutter:1440px; --vk-paper-2:#F6EFE8; --vk-gap-12px:12px; --vk-gap-32px:32px; --vk-gap-64px-32px:64px 32px; --vk-btn-padding-mobile:12px 24px; --vk-gap-0px-32px:0px 32px; --vk-dark-ink:#1A0922; }
/* Start custom CSS *//* A félkövér a projektben 500. A Hello resetje (b, strong: bolder) 400-as szövegben 700-at, 500-asban 900-at adna. */
body :is(b, strong) {
	font-weight: 500;
}

body :is(h1, h2, h3, h4, h5, h6) :is(b, strong) {
	font-weight: inherit;
}

/* Csökkentett mozgás: ha a látogató kéri, minden átmenet és animáció azonnali. Az atomic osztályok CSS-e nem tud saját @media-t, ezért egy helyen, itt. */
@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after {
		transition-duration: 0.01ms !important;
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		scroll-behavior: auto !important;
	}
}

/* A CTA fogas körének lassú, folyamatos forgása (E17, docs/extrak.md; a vk-cta-jel osztály használja). */
@keyframes vk-forog-lassan {
	from { transform: rotate(0deg); }
	to { transform: rotate(360deg); }
}

/* E23: az ikon mozdulata a kártya hoverjére (vk-ikon-kartya osztály a kártyán). Csak egérrel (érintőn nem ragad be), csökkentett mozgásnál nincs. Az SVG mozgó részeit a vk-ik-* osztályok jelölik; jelölés nélküli ikon vonala újrarajzolódik. */
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
	.vk-ikon-kartya svg [class*="vk-ik-"] { transform-box: fill-box; transform-origin: 50% 50%; }
	.vk-ikon-kartya:hover .vk-ik-kattint { animation: vk-ik-kattint 0.5s ease-out; }
	.vk-ikon-kartya .vk-ik-billen { transform-origin: 0 0; }
	.vk-ikon-kartya:hover .vk-ik-billen { animation: vk-ik-billen 0.7s ease-in-out; }
	.vk-ikon-kartya:hover .vk-ik-ir path { stroke-dasharray: 1; animation: vk-ik-rajzol 0.7s ease-out; }
	.vk-ikon-kartya:hover .vk-ik-szalag { animation: vk-ik-emel 0.5s ease-in-out backwards; }
	.vk-ikon-kartya:hover .vk-ik-szalag-2 { animation-delay: 0.1s; }
	.vk-ikon-kartya:hover .vk-ik-szalag-3 { animation-delay: 0.2s; }
	.vk-ikon-kartya:hover .vk-ik-kerek { animation: vk-ik-fordul 0.9s ease-in-out; }
	.vk-ikon-kartya:hover .vk-ik-belso { animation: vk-ik-fordul-vissza 0.9s ease-in-out; }
	.vk-ikon-kartya:hover .vk-ik-szem { animation: vk-ik-pislog 0.45s ease-in-out 0.1s; }
	.vk-ikon-kartya:hover .vk-ik-teto { animation: vk-ik-emel 0.6s ease-in-out; }
	.vk-ikon-kartya:hover .vk-ik-dobban { animation: vk-ik-dobban 0.7s ease-out; }
	.vk-ikon-kartya:hover .vk-ik-emelkedik { animation: vk-ik-emelkedik 0.9s ease-in-out; }
	.vk-ikon-kartya:hover .vk-ik-illeszt { animation: vk-ik-illeszt 0.6s ease-out; }
	.vk-ikon-kartya:hover .vk-ik-lenyit { animation: vk-ik-lenyit 0.6s ease-in-out; }
	.vk-ikon-kartya:hover .vk-ik-csuszik { animation: vk-ik-csuszik 0.7s ease-in-out; }
	.vk-ikon-kartya .vk-ik-lenget { transform-origin: 0 50%; }
	.vk-ikon-kartya:hover .vk-ik-lenget { animation: vk-ik-lenget 0.9s ease-in-out; }
	.vk-ikon-kartya:hover .vk-ik-le { animation: vk-ik-le 0.5s ease-in-out backwards; }
	.vk-ikon-kartya:hover .vk-ik-le-2 { animation-delay: 0.12s; }
	.vk-ikon-kartya .vk-ik-csavar { transform-origin: 85% 85%; }
	.vk-ikon-kartya:hover .vk-ik-csavar { animation: vk-ik-csavar 0.7s ease-in-out; }
	.vk-ikon-kartya:hover .vk-ik-ranz { animation: vk-ik-ranz 0.5s ease-in-out; }
	.vk-ikon-kartya:hover .vk-ik-lebeg { animation: vk-ik-lebeg 0.9s ease-in-out; }
	.vk-ikon-kartya:hover .vk-ik-igazit { animation: vk-ik-igazit 0.7s ease-out; }
	.vk-ikon-kartya:hover .vk-ik-kalap { animation: vk-ik-kalap 0.7s ease-out; }
	.vk-ikon-kartya:hover svg:not(:has([class*="vk-ik-"])) path[pathLength] { stroke-dasharray: 1; animation: vk-ik-rajzol 0.8s ease-out; }
	.vk-ikon-kartya:hover svg:not(:has([class*="vk-ik-"])) path:not([pathLength]) { stroke-dasharray: 1000; animation: vk-ik-rajzol-hosszu 0.8s ease-out; }
}
@keyframes vk-ik-kattint { 0%, 100% { transform: translate(0, 0); } 45% { transform: translate(-4px, -4px); } 75% { transform: translate(1px, 1px); } }
@keyframes vk-ik-billen { 0%, 100% { transform: rotate(0); } 35% { transform: rotate(-10deg); } 70% { transform: rotate(4deg); } }
@keyframes vk-ik-rajzol { from { stroke-dashoffset: 1; } to { stroke-dashoffset: 0; } }
@keyframes vk-ik-rajzol-hosszu { from { stroke-dashoffset: 1000; } to { stroke-dashoffset: 0; } }
@keyframes vk-ik-emel { 0%, 100% { transform: translateY(0); } 45% { transform: translateY(-6px); } }
@keyframes vk-ik-fordul { from { transform: rotate(0); } to { transform: rotate(90deg); } }
@keyframes vk-ik-fordul-vissza { from { transform: rotate(0); } to { transform: rotate(-90deg); } }
@keyframes vk-ik-pislog { 0%, 100% { transform: scaleY(1); } 50% { transform: scaleY(0.1); } }
@keyframes vk-ik-dobban { 0%, 100% { transform: scale(1); } 25% { transform: scale(1.14); } 50% { transform: scale(0.96); } 75% { transform: scale(1.06); } }
@keyframes vk-ik-emelkedik { 0%, 100% { transform: translate(0, 0); } 20% { transform: translate(-1px, -2px); } 35% { transform: translate(1px, -5px); } 55% { transform: translate(0, -8px); } }
@keyframes vk-ik-illeszt { 0%, 100% { transform: translateX(0); } 40% { transform: translateX(-6px); } 70% { transform: translateX(1px); } }
@keyframes vk-ik-lenyit { 0%, 100% { transform: translateY(0); } 45% { transform: translateY(5px); } }
@keyframes vk-ik-csuszik { 0%, 100% { transform: translateX(0); } 50% { transform: translateX(-7px); } }
@keyframes vk-ik-lenget { 0%, 100% { transform: skewY(0); } 25% { transform: skewY(-5deg); } 60% { transform: skewY(3deg); } }
@keyframes vk-ik-le { 0%, 100% { transform: translateY(0); } 45% { transform: translateY(5px); } }
@keyframes vk-ik-csavar { 0%, 100% { transform: rotate(0); } 40% { transform: rotate(-20deg); } 75% { transform: rotate(5deg); } }
@keyframes vk-ik-ranz { 0%, 100% { transform: rotate(0); } 20% { transform: rotate(-8deg); } 45% { transform: rotate(7deg); } 70% { transform: rotate(-4deg); } }
@keyframes vk-ik-lebeg { 0%, 100% { transform: translateX(0); } 50% { transform: translateX(5px); } }
@keyframes vk-ik-kalap { 0%, 100% { transform: translateY(0) rotate(0); } 40% { transform: translateY(-6px) rotate(-6deg); } }
@keyframes vk-ik-igazit { 0%, 100% { transform: translateY(0) rotate(0); } 35% { transform: translateY(-5px) rotate(-4deg); } 65% { transform: translateY(1px) rotate(1deg); } }

/* E30: az aloldali hero-illusztrációk mozgása (docs/extrak.md). Az SVG
   mozgó részeit vk-il-* osztály jelöli (forrás: seed/illusztraciok/).
   Belépéskor egyszer felépül a rajz, utána csak lassú, nyugodt mozgás:
   a cikkcakk hullámzik (mint a hero tengere), a fogas kör forog (mint a
   CTA-ban), az iránytű tűje néha megrezdül, a kör lebeg. Csökkentett
   mozgásnál nem fut: a rajz a végleges állapotában áll. */
@media (prefers-reduced-motion: no-preference) {
	.vk-il-alap,
	.vk-il-kor,
	.vk-il-mag,
	.vk-il-antenna,
	.vk-il-tu,
	.vk-il-tu-rezdul,
	.vk-il-hullam,
	.vk-il-pont,
	.vk-il-cikk {
		transform-box: fill-box;
		transform-origin: center;
	}

	.vk-il-n1 { --vk-il-k: 0s; }
	.vk-il-n2 { --vk-il-k: 0.08s; }
	.vk-il-n3 { --vk-il-k: 0.16s; }
	.vk-il-n4 { --vk-il-k: 0.24s; }
	.vk-il-n5 { --vk-il-k: 0.32s; }
	.vk-il-n6 { --vk-il-k: 0.4s; }
	.vk-il-n7 { --vk-il-k: 0.48s; }

	.vk-il-alap {
		animation: vk-il-feltunik 0.7s cubic-bezier(0.2, 0.7, 0.2, 1) both;
	}

	.vk-il-cikk {
		stroke-dasharray: 1;
		animation:
			vk-il-rajzol 1.1s cubic-bezier(0.4, 0, 0.2, 1) calc(0.35s + var(--vk-il-k, 0s)) both,
			vk-il-hullamzik 7s ease-in-out calc(1.6s + var(--vk-il-k, 0s) * 6) infinite;
	}

	.vk-il-n2.vk-il-cikk,
	.vk-il-n4.vk-il-cikk {
		animation-direction: normal, reverse;
	}

	/* Referenciák: az antennák alulról kinőnek, a fogas kör forog. */
	.vk-il-antenna {
		transform-origin: 50% 100%;
		animation: vk-il-kino 0.6s cubic-bezier(0.2, 0.7, 0.2, 1) calc(0.25s + var(--vk-il-k, 0s)) both;
	}

	.vk-il-kor {
		animation:
			vk-il-elotun 0.6s ease-out 0.3s both,
			vk-forog-lassan 60s linear 0.3s infinite;
	}

	.vk-il-mag {
		animation: vk-il-pattan 0.5s cubic-bezier(0.3, 1.4, 0.5, 1) 0.6s both;
	}

	/* Kapcsolat: a tű fél fordulatból beáll, túllendülve; utána 9 mp-enként
	   alig észrevehetően megrezdül. */
	.vk-il-tu {
		animation: vk-il-beall 1.6s cubic-bezier(0.25, 0.8, 0.3, 1) 0.2s both;
	}

	.vk-il-tu-rezdul {
		animation: vk-il-rezdul 9s ease-in-out 2.4s infinite;
	}

	/* Szolgáltatások: a képernyő tartalma felépül, a kör lebeg. */
	.vk-il-vonal {
		stroke-dasharray: 1;
		animation: vk-il-rajzol 0.6s ease-out 0.55s both;
	}

	.vk-il-hullam {
		animation: vk-il-becsuszik 0.8s cubic-bezier(0.2, 0.7, 0.2, 1) 0.75s both;
	}

	.vk-il-pont {
		stroke-dasharray: 1;
		animation:
			vk-il-rajzol 0.7s ease-out 0.65s both,
			vk-il-lebeg 6s ease-in-out 1.5s infinite;
	}
}

@keyframes vk-il-feltunik {
	from { opacity: 0; transform: translateY(10px); }
}

@keyframes vk-il-elotun {
	from { opacity: 0; }
}

@keyframes vk-il-rajzol {
	from { stroke-dashoffset: 1; }
	to { stroke-dashoffset: 0; }
}

@keyframes vk-il-hullamzik {
	0%, 100% { transform: translateX(0); }
	50% { transform: translateX(8px); }
}

@keyframes vk-il-kino {
	from { opacity: 0; transform: scaleY(0); }
}

@keyframes vk-il-pattan {
	from { opacity: 0; transform: scale(0.4); }
}

@keyframes vk-il-beall {
	0% { opacity: 0; transform: rotate(-180deg); }
	15% { opacity: 1; }
	70% { transform: rotate(12deg); }
	85% { transform: rotate(-4deg); }
	100% { transform: rotate(0deg); }
}

@keyframes vk-il-rezdul {
	0%, 82%, 100% { transform: rotate(0deg); }
	86% { transform: rotate(-5deg); }
	90% { transform: rotate(3deg); }
	94% { transform: rotate(-1deg); }
}

@keyframes vk-il-becsuszik {
	from { opacity: 0; transform: translateX(28px); }
}

@keyframes vk-il-lebeg {
	0%, 100% { transform: translateY(0); }
	50% { transform: translateY(-6px); }
}

/* A korall Ajánlatkérés cella hovere.
   - Fehér szakaszban (főoldal, Szolgáltatások; vk-ajanlat-cella a cellán,
     vk-ajanlat-gomb a látszó gombon): a cella Ink alapra vált, a gomb
     korallal telik ki, mint a hero körvonalas gombjánál; alul mauve vonal
     marad, hogy az alatta álló Ink szakasztól is elváljon.
   - Ink szakaszban (az „Így dolgozunk” cellája; vk-ajanlat-cella-sotet):
     Paper alap, Ink szöveg és jel.
   Csak színváltás, semmi nem mozdul (Bence, 2026-10-16). Csak hover-képes
   eszközön; billentyűvel a cím linkjének fókuszára ugyanez. */
@media (hover: hover) {
	.elementor .vk-ajanlat-cella:hover {
		background-color: var(--vk-ink);
		border-color: var(--vk-ink);
		border-block-end-color: var(--vk-mauve);
	}

	.elementor .vk-ajanlat-cella:hover .vk-ajanlat-gomb {
		background-color: var(--vk-coral);
		border-color: var(--vk-coral);
	}

	.elementor .vk-ajanlat-cella-sotet:hover {
		background-color: var(--vk-paper);
		border-color: var(--vk-paper);
	}

	.elementor .vk-ajanlat-cella-sotet:hover :is(h2, h3, h4, p),
	.elementor .vk-ajanlat-cella-sotet:hover .e-svg-base {
		color: var(--vk-ink);
	}
}

.elementor .vk-ajanlat-cella:has(a:focus-visible) {
	background-color: var(--vk-ink);
	border-color: var(--vk-ink);
	border-block-end-color: var(--vk-mauve);
}

.elementor .vk-ajanlat-cella:has(a:focus-visible) .vk-ajanlat-gomb {
	background-color: var(--vk-coral);
	border-color: var(--vk-coral);
}

.elementor .vk-ajanlat-cella-sotet:has(a:focus-visible) {
	background-color: var(--vk-paper);
	border-color: var(--vk-paper);
}

.elementor .vk-ajanlat-cella-sotet:has(a:focus-visible) :is(h2, h3, h4, p),
.elementor .vk-ajanlat-cella-sotet:has(a:focus-visible) .e-svg-base {
	color: var(--vk-ink);
}

.elementor .vk-ajanlat-cella-sotet :is(h2, h3, h4, p),
.elementor .vk-ajanlat-cella-sotet .e-svg-base {
	transition: color 200ms ease;
}

/* A cím linkje a színét a címtől örökli: saját átmenettel minden képkockán
   újraindulna és lemaradna a háttér mögött, ezért nincs neki. */
.elementor .vk-ajanlat-cella-sotet :is(h2, h3, h4) a {
	transition: none;
}

/* Szöveges oldal táblázata (Adatkezelési tájékoztató, Pályázat: a Vikingo
   Szöveg widget tartalma), a Kapcsolat cégadatainak nyelvén (vk-adatsor,
   vk-adatcimke): címke DM Mono 12 mauve, érték Clash 16 Ink, a sorok közt
   1 px sand vonal, háttér és függőleges vonal nélkül; keskenyen a címke az
   érték fölé kerül. A bővítmény szoveg.css-ének táblázat-szabályait írja
   felül, ezért a body előtag (Bence, 2026-10-16). */
body .vk-vs-szoveg .wp-block-table {
	margin: 0 0 32px;
}

body .vk-vs-szoveg .wp-block-table table {
	border-collapse: collapse;
	border: 0;
	border-top: 1px solid var(--vk-sand);
	font-size: 16px;
}

body .vk-vs-szoveg .wp-block-table table:has(thead) {
	border-top: 0;
}

body .vk-vs-szoveg .wp-block-table :is(thead, tbody) > tr {
	border: 0;
	border-bottom: 1px solid var(--vk-sand);
}

body .vk-vs-szoveg .wp-block-table :is(thead, tbody) > tr > :is(th, td) {
	padding: 16px 24px 16px 0;
	border: 0;
	background: transparent;
	text-align: left;
	vertical-align: baseline;
}

body .vk-vs-szoveg .wp-block-table :is(thead, tbody) > tr > :last-child {
	padding-right: 0;
}

body .vk-vs-szoveg .wp-block-table :is(thead, tbody) > tr > th {
	width: 36%;
	font-family: var(--vk-dm-mono, 'DM Mono'), ui-monospace, monospace;
	font-size: 12px;
	font-weight: 400;
	line-height: 1.5;
	letter-spacing: 0;
	color: var(--vk-mauve);
}

body .vk-vs-szoveg .wp-block-table thead > tr > th {
	width: auto;
	padding-top: 0;
	padding-bottom: 8px;
}

body .vk-vs-szoveg .wp-block-table tbody > tr > td {
	line-height: 1.5;
	color: var(--vk-ink);
}

@media (max-width: 767px) {
	body .vk-vs-szoveg .wp-block-table tbody > tr {
		display: block;
		padding: 12px 0;
	}

	body .vk-vs-szoveg .wp-block-table tbody > tr + tr {
		margin-top: 0;
	}

	body .vk-vs-szoveg .wp-block-table tbody > tr > :is(th, td) {
		display: block;
		width: 100%;
		padding: 0;
	}

	body .vk-vs-szoveg .wp-block-table tbody > tr > * + * {
		margin-top: 2px;
	}

	body .vk-vs-szoveg .wp-block-table tbody > tr > td + td {
		margin-top: 8px;
	}
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Clash Display';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('https://vikingo.studio/wp-content/uploads/elementor/custom-fonts/ClashDisplay-Variable.woff2') format('woff2');
}
@font-face {
	font-family: 'Clash Display';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url('https://vikingo.studio/wp-content/uploads/elementor/custom-fonts/ClashDisplay-Variable.woff2') format('woff2');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'DM Mono';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('https://vikingo.studio/wp-content/uploads/elementor/custom-fonts/DMMono-Regular.woff2') format('woff2');
}
@font-face {
	font-family: 'DM Mono';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url('https://vikingo.studio/wp-content/uploads/elementor/custom-fonts/DMMono-Medium.woff2') format('woff2');
}
/* End Custom Fonts CSS */