/*
 * Nejli Akademia - site chrome (navigation, base) and the few effects Elementor's free
 * atomic styles cannot store (blend modes). Values from Figma pWMLp95nhS44qGG6DjOcZc,
 * variables of the "Ciemny" mode.
 */

:root {
	--nj-baza: #15100c;
	--nj-czekolada: #0e0a07;
	--nj-tekst: #f3e9dc;
	--nj-zloto: #cda35a;
	--nj-zloto-jasne: #d8ba82;
	--nj-na-akcencie: #1a120c;
	--nj-szklo-tlo: rgba(243, 233, 220, 0.08);
	--nj-szklo-baza: rgba(21, 16, 12, 0.62);
	--nj-szklo-obrys: rgba(232, 213, 176, 0.3);
	--nj-margines: 120px;
	/* Sticky navigation: the top bar's height and the main bar's height (88 / 72 / 56 px). Anchors
	   land under the main bar, not behind it. */
	--nejli-pasek-h: 40px;
	--nejli-nav-h: 88px;
	scroll-padding-top: calc(var(--nejli-nav-h) + var(--wp-admin--admin-bar--height, 0px));
}

body {
	margin: 0;
	background: var(--nj-baza);
	color: var(--nj-tekst);
	font-family: "Red Hat Text", sans-serif;
}

/* Keyboard focus is always visible (WCAG 2.4.7). */
.nejli-nav a:focus-visible,
.nejli-nav button:focus-visible,
.nejli-tresc a:focus-visible,
.nejli-tresc button:focus-visible {
	outline: 2px solid var(--nj-zloto-jasne);
	outline-offset: 3px;
}

/* ---------- navigation ---------- */
/* The main bar stays at the top while the page scrolls (owner 18.10): the header sticks with its top
   bar above the edge, so the phone and hours scroll away and the logo, menu and cart stay. Once it is
   stuck (nejli.js, class nejli-nav--przyklejony) a soft shadow parts it from the page under it. */
.nejli-nav {
	position: sticky;
	top: calc(var(--wp-admin--admin-bar--height, 0px) - var(--nejli-pasek-h));
	z-index: 50;
	font-family: "Red Hat Text", sans-serif;
}
.nejli-nav__glowny {
	transition: box-shadow 0.25s;
}
.nejli-nav--przyklejony .nejli-nav__glowny {
	box-shadow: 0 1px 0 rgba(232, 213, 176, 0.12), 0 12px 28px rgba(0, 0, 0, 0.35);
}
/* Phones: WordPress's admin bar scrolls away there, so the header sticks to the very top. */
@media (max-width: 600px) {
	.nejli-nav {
		top: calc(-1 * var(--nejli-pasek-h));
	}
}
.nejli-nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.nejli-nav a {
	color: var(--nj-tekst);
	text-decoration: none;
	transition: color 0.2s;
}
.nejli-nav a:hover {
	color: var(--nj-zloto-jasne);
}
.nejli-nav__wnetrze {
	box-sizing: border-box;
	display: flex;
	align-items: center;
	max-width: 1440px;
	height: 100%;
	margin: 0 auto;
	padding: 0 var(--nj-margines);
}

.nejli-nav__pasek {
	height: 40px;
	background: var(--nj-czekolada);
	color: var(--nj-tekst); /* 09.11.2026: on Tutor's lesson pages the body colour is Tutor's dark navy, so the hours vanished */
	font-size: 12px;
	line-height: 17px;
}
.nejli-nav__pasek .nejli-nav__wnetrze {
	justify-content: space-between;
}
.nejli-nav__kontakt {
	display: flex;
	gap: 16px;
	margin: 0;
	white-space: pre;
}
.nejli-nav__tel {
	font-weight: 500;
}
.nejli-nav__gorne ul {
	display: flex;
	gap: 40px;
}

.nejli-nav__glowny {
	height: 88px;
	background: var(--nj-baza);
}
.nejli-nav__logo {
	display: block;
	flex: none;
	width: 129px;
	height: 72px;
}
.nejli-nav__logo img {
	display: block;
	width: 129px;
	height: 72px;
	object-fit: contain;
}
.nejli-nav__menu {
	/* 51 px at 1440 (menu starts at x=300 like in Figma since "Studio Urody" joined it, 25.10),
	   shrinking on narrower desktops. */
	margin-left: clamp(24px, calc(100vw - 1389px), 51px);
}
.nejli-nav__menu > ul {
	display: flex;
	align-items: center;
	gap: clamp(20px, calc((100vw - 1160px) / 10), 28px);
}
.nejli-nav__menu > ul > li > a {
	white-space: nowrap;
}
.nejli-nav__menu > ul > li {
	position: relative;
	display: flex;
	align-items: center;
}
.nejli-nav__menu > ul > li > a {
	font-size: 16px;
	line-height: 24px;
}
/* The page you are on is set in Medium in the design (shop, gallery, about frames). */
.nejli-nav__menu > ul > li.current-menu-item > a {
	font-weight: 500;
}
.nejli-nav__menu .nejli-szkolenia > a,
.nejli-nav__menu .nejli-studio > a {
	font-weight: 500;
}
.nejli-nav__rozwin {
	padding: 0 0 0 8px;
	border: 0;
	background: none;
	color: var(--nj-tekst);
	font-size: 10px;
	line-height: 24px;
	cursor: pointer;
}
/* Hello Elementor's reset paints a hovered, focused or tapped button pink (#c36). */
.nejli-nav__rozwin:hover,
.nejli-nav__rozwin:focus {
	background: none;
	color: var(--nj-tekst);
}
.nejli-nav__rozwin::before {
	content: "\25BE";
}
/* WCAG 2.5.8: the toggle next to "Szkolenia" answers on 26 x 24 px; the arrow keeps its place and
   the negative margin keeps the spacing of the menu. */
@media (min-width: 1200px) {
	.nejli-nav__rozwin {
		min-width: 26px;
		margin-right: -13px;
		text-align: left;
	}
	/* The section you are in (functions.php, class nejli-aktywna): Figma "aktywna / Szkolenia" on the
	   Akademie pages, "aktywna / Studio Urody" on the wedding packages - a 2 px gold line 2 px under
	   the item's 24 px line, as wide as its name. */
	.nejli-nav__menu > ul > li.nejli-aktywna > a {
		position: relative;
	}
	.nejli-nav__menu > ul > li.nejli-aktywna > a::after {
		content: "";
		position: absolute;
		left: 0;
		right: 0;
		bottom: -4px;
		height: 2px;
		background: var(--nj-zloto);
	}
}

/* "Szkolenia" and "Studio Urody" panels (Elementor templates) and the plain submenu fallback.
   The panel hangs right under the 88 px bar: item top 32 + item 24 + 32 = 128 px in Figma. */
.nejli-nav__panel,
.nejli-nav__menu .sub-menu {
	position: absolute;
	top: calc(100% + 32px);
	left: -16px;
	display: none;
	box-sizing: border-box;
	background: var(--nj-szklo-baza);
	border: 1px solid var(--nj-szklo-obrys);
	-webkit-backdrop-filter: blur(12px);
	backdrop-filter: blur(12px);
	box-shadow: 0 14px 36px rgba(46, 31, 24, 0.2);
}
.nejli-nav__panel {
	width: 890px; /* three 256 px columns, 32 px apart (Figma 462:3335) */
	padding: 28px 28px 24px;
}
.nejli-nav__panel--studio {
	width: 314px; /* one 256 px column (Figma 1132:4677) */
}
/* Links inside the panel take their colours from the Elementor classes, not from the menu row. */
.nejli-nav .nejli-nav__panel a,
.nejli-nav .nejli-nav__panel a:hover {
	color: inherit;
}
.nejli-nav__panel .nejli-menu-tytul {
	transition: color 0.2s;
}
.nejli-nav__panel .nejli-menu-pozycja:hover .nejli-menu-tytul {
	color: var(--nj-zloto-jasne);
}
.nejli-nav__menu .sub-menu {
	min-width: 240px;
	padding: 16px 24px;
}
.nejli-nav__menu li:hover > .nejli-nav__panel,
.nejli-nav__menu li:focus-within > .nejli-nav__panel,
.nejli-nav__menu li.nejli-otwarte > .nejli-nav__panel,
.nejli-nav__menu li:hover > .sub-menu,
.nejli-nav__menu li:focus-within > .sub-menu,
.nejli-nav__menu li.nejli-otwarte > .sub-menu {
	display: block;
}
/* Hover bridge, so the pointer can travel from the item down to the panel. */
.nejli-nav__menu .nejli-szkolenia::after,
.nejli-nav__menu .nejli-studio::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	height: 32px;
}

/* "Zarezerwuj wizytę" (Booksy, Figma 924:3629): 183 x 48, gold outline, 12 px before the cart. */
.nejli-nav__wizyta {
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
	flex: none;
	height: 48px;
	margin-left: auto;
	padding: 0 25px;
	border: 1px solid rgba(205, 163, 90, 0.85);
	border-radius: 2px;
	background: var(--nj-szklo-tlo);
	-webkit-backdrop-filter: blur(12px);
	backdrop-filter: blur(12px);
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	white-space: nowrap;
	transition: border-color 0.2s, background-color 0.2s;
}
.nejli-nav a.nejli-nav__wizyta {
	color: var(--nj-zloto-jasne);
}
.nejli-nav a.nejli-nav__wizyta:hover {
	border-color: var(--nj-zloto-jasne);
	background: rgba(243, 233, 220, 0.14);
}

.nejli-nav__koszyk {
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
	flex: none;
	width: 140px;
	height: 48px;
	margin-left: 12px;
	border: 1px solid var(--nj-szklo-obrys);
	border-radius: 2px;
	background: var(--nj-szklo-tlo);
	-webkit-backdrop-filter: blur(12px);
	backdrop-filter: blur(12px);
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	transition: border-color 0.2s;
}
.nejli-nav__koszyk:hover {
	border-color: var(--nj-zloto-jasne);
}

.nejli-nav__burger {
	display: none;
}

/* Desktops narrower than the 1440 frame: the bars' side margin gives way first (down to 40 px at
   1200), so the logo, seven menu items, the Booksy button and the cart still fit in one row. */
@media (min-width: 1200px) and (max-width: 1439px) {
	.nejli-nav__wnetrze {
		padding: 0 clamp(40px, calc((100vw - 1120px) / 2), 120px);
	}
}

/* Below the width the desktop row needs, the menu moves behind a burger. */
@media (max-width: 1199px) {
	:root {
		--nj-margines: 20px;
		--nejli-nav-h: 72px;
	}
	/* Booksy moves to the Studio Urody panel and the bottom bar of the home page. */
	.nejli-nav__wizyta {
		display: none;
	}
	/* The open menu can be longer than the screen under the sticky bar: it scrolls on its own. */
	.nejli-nav.nejli-menu-otwarte .nejli-nav__menu {
		max-height: calc(100vh - var(--nejli-nav-h) - var(--nejli-pasek-h));
		max-height: calc(100dvh - var(--nejli-nav-h) - var(--nejli-pasek-h));
		overflow-y: auto;
		overscroll-behavior: contain;
	}
	.nejli-nav__gorne,
	.nejli-nav__godziny {
		display: none;
	}
	.nejli-nav__glowny {
		height: 72px;
	}
	.nejli-nav__logo,
	.nejli-nav__logo img {
		width: 100px;
		height: 56px;
	}
	.nejli-nav__koszyk {
		width: auto;
		height: 40px;
		margin-left: auto;
		padding: 0 16px;
		font-size: 14px;
	}
	.nejli-nav__burger {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 44px;
		height: 44px;
		margin-left: 12px;
		order: 3;
		border: 1px solid var(--nj-szklo-obrys);
		border-radius: 2px;
		background: none;
		cursor: pointer;
	}
	/* A tap leaves focus on the burger, so without this it stays pink (Hello reset) while the menu is open. */
	.nejli-nav__burger:hover,
	.nejli-nav__burger:focus {
		background: none;
	}
	.nejli-nav__burger[aria-expanded="true"] {
		border-color: var(--nj-zloto-jasne);
	}
	.nejli-nav__burger-kreski,
	.nejli-nav__burger-kreski::before,
	.nejli-nav__burger-kreski::after {
		display: block;
		width: 18px;
		height: 1.5px;
		background: var(--nj-tekst);
		content: "";
	}
	.nejli-nav__burger-kreski {
		position: relative;
	}
	.nejli-nav__burger-kreski::before {
		position: absolute;
		top: -6px;
	}
	.nejli-nav__burger-kreski::after {
		position: absolute;
		top: 6px;
	}
	.nejli-nav__menu {
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
		display: none;
		margin: 0;
		padding: 16px 20px 28px;
		background: var(--nj-baza);
		border-top: 1px solid var(--nj-szklo-obrys);
	}
	.nejli-nav.nejli-menu-otwarte .nejli-nav__menu {
		display: block;
	}
	.nejli-nav__menu > ul {
		flex-direction: column;
		align-items: flex-start;
		gap: 0;
	}
	.nejli-nav__menu > ul > li {
		flex-wrap: wrap;
		width: 100%;
	}
	.nejli-nav__menu > ul > li > a {
		padding: 12px 0;
		font-size: 18px;
	}
	.nejli-nav__panel,
	.nejli-nav__menu .sub-menu {
		position: static;
		width: 100%;
		margin-bottom: 12px;
		box-shadow: none;
	}
	.nejli-nav__panel {
		padding: 20px;
	}
	.nejli-nav__menu li:hover > .nejli-nav__panel,
	.nejli-nav__menu li:hover > .sub-menu {
		display: none;
	}
	.nejli-nav__menu li.nejli-otwarte > .nejli-nav__panel,
	.nejli-nav__menu li.nejli-otwarte > .sub-menu {
		display: block;
	}
	.nejli-nav__menu .nejli-szkolenia::after,
	.nejli-nav__menu .nejli-studio::after {
		display: none;
	}
}

/* ---------- phone: bar stuck to the bottom of the screen (Figma M1 "pasek dolny") ----------
   Home: "Szkolenia" + "Zarezerwuj wizytę" (929:3873). Wedding packages and Akademie 2027: one gold
   button to the form, shown from the second screen on (937:4298, 939:4514; nejli.js). */
.nejli-pasek-dolny {
	display: none;
}
@media (max-width: 1199px) {
	body.nejli-z-paskiem-dolnym {
		padding-bottom: 76px;
	}
	/* A link or field reached with the keyboard stops above the bar, not under it (WCAG 2.4.11). */
	:root:has(body.nejli-z-paskiem-dolnym) {
		scroll-padding-bottom: 76px;
	}
	.nejli-pasek-dolny {
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 40;
		box-sizing: border-box;
		display: flex;
		gap: 8px;
		padding: 12px 16px max(20px, env(safe-area-inset-bottom));
		background: rgba(14, 10, 7, 0.92);
		border-top: 1px solid rgba(232, 213, 176, 0.18);
		-webkit-backdrop-filter: blur(12px);
		backdrop-filter: blur(12px);
		transition: transform 0.3s, visibility 0.3s;
	}
	.nejli-pasek-dolny--od-drugiego:not(.nejli-pasek-dolny--widoczny) {
		visibility: hidden;
		transform: translateY(100%);
	}
	.nejli-pasek-dolny a {
		box-sizing: border-box;
		display: flex;
		flex: 1;
		align-items: center;
		justify-content: center;
		min-height: 44px;
		padding: 11.5px 20px;
		border: 1px solid var(--nj-szklo-obrys);
		border-radius: 2px;
		background: var(--nj-szklo-tlo);
		color: var(--nj-tekst);
		font-size: 14px;
		font-weight: 500;
		line-height: 21px;
		text-align: center;
		text-decoration: none;
	}
	.nejli-pasek-dolny a.nejli-pasek-dolny__wizyta {
		border-color: rgba(205, 163, 90, 0.85);
		color: var(--nj-zloto-jasne);
	}
	.nejli-pasek-dolny a.nejli-pasek-dolny__zloto {
		border: 0;
		background: var(--nj-zloto);
		color: var(--nj-na-akcencie);
	}
	/* Wedding packages: Figma resolves this bar in the "Jasny" variable mode (937:4298) - a chocolate
	   bar and the brighter gold. */
	.nejli-pasek-dolny--jasny {
		background: #2e1f18;
		border-top-color: rgba(46, 31, 24, 0.18);
	}
	.nejli-pasek-dolny--jasny a.nejli-pasek-dolny__zloto {
		background: #d4af37;
		color: #2e1f18;
	}
}
@media (max-width: 1199px) and (prefers-reduced-motion: reduce) {
	.nejli-pasek-dolny {
		transition: none;
	}
}

/* ---------- sections built in Elementor ---------- */

/* Warm tone over the hero photo uses the "color" blend mode in Figma; Elementor's atomic
   styles cannot store background-blend-mode, so it is added here for elements carrying the
   "nejli-hero" class. */
.nejli-hero {
	background-blend-mode: color, normal, normal;
}

@media (prefers-reduced-motion: reduce) {
	.nejli-nav *,
	.nejli-tresc * {
		transition: none !important;
		animation: none !important;
	}
}

/* Gold labels inside product meta lines ("Dla siebie", "Zawodowo"): Elementor strips inline
   styles from text, so bold text in paragraphs with the "nejli-meta" class turns gold. */
.nejli-meta strong {
	color: var(--nj-zloto-jasne);
	font-weight: 500;
}

/* Bold inside Elementor paragraphs is Red Hat Text Medium in Figma; with the variable font
   a plain <strong> would render at 700. */
.e-paragraph-base strong,
.e-paragraph-base b {
	font-weight: 500;
}

/* ---------- testimonials carousel (cards built in Elementor, states set by nejli.js) ---------- */
.nejli-karuzela .nejli-opinia {
	display: none !important;
	box-sizing: border-box;
	height: 300px !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	flex: none !important;
	border: 1px solid var(--nj-szklo-obrys);
	border-radius: 2px;
	-webkit-backdrop-filter: blur(12px);
	backdrop-filter: blur(12px);
}
.nejli-karuzela .nejli-opinia.jest-aktywna {
	display: flex !important;
	width: 860px !important;
	padding: 55px 47px 0 !important;
	background: var(--nj-szklo-tlo) !important;
}
.nejli-karuzela .nejli-opinia.jest-nastepna {
	display: flex !important;
	width: 360px !important;
	padding: 47px 39px 0 !important;
	background: rgba(243, 233, 220, 0.06) !important;
	overflow: hidden;
	cursor: pointer;
}
.nejli-karuzela .nejli-opinia-tekst {
	max-width: 740px;
	font-family: "Red Hat Text", sans-serif;
	font-size: 21px;
	font-weight: 400;
	line-height: 30px;
}
.nejli-karuzela .jest-nastepna .nejli-opinia-tekst {
	display: -webkit-box;
	max-width: 300px;
	overflow: hidden;
	font-size: 16px;
	line-height: 24px;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
}
/* .jest-aktywna lifts it over the local class Elementor gives the paragraph (same specificity, later file). */
.nejli-karuzela .nejli-opinia-autor,
.nejli-karuzela .jest-aktywna .nejli-opinia-autor {
	margin-top: 28px;
	font-family: "Red Hat Text", sans-serif;
	font-size: 12px;
	font-weight: 500;
	line-height: 17px;
}
.nejli-karuzela .jest-nastepna .nejli-opinia-autor {
	margin-top: 24px;
}
/* In the Elementor editor every card is visible, so each one can be edited. */
.elementor-editor-active .nejli-karuzela {
	flex-wrap: wrap;
}
.elementor-editor-active .nejli-karuzela .nejli-opinia {
	display: flex !important;
	width: 360px !important;
	padding: 24px !important;
}

.nejli-karuzela-sterowanie {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	max-width: 1200px;
	margin-top: 44px;
}
/* Each dot answers on 24 x 24 px (WCAG 2.5.8); the drawn dot keeps the size of the design and the
   row starts where the first dot did. */
.nejli-karuzela-kropki {
	display: flex;
	align-items: center;
	gap: 0;
	margin-left: -8px;
}
.nejli-karuzela-kropki button,
.nejli-karuzela-kropki button:hover,
.nejli-karuzela-kropki button:focus {
	position: relative;
	width: 24px;
	height: 24px;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: none;
	cursor: pointer;
}
.nejli-karuzela-kropki button::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: rgba(243, 233, 220, 0.28);
	transform: translate(-50%, -50%);
}
.nejli-karuzela-kropki button:hover::before {
	background: rgba(243, 233, 220, 0.5);
}
.nejli-karuzela-kropki button[aria-current="true"]::before {
	width: 9px;
	height: 9px;
	background: var(--nj-zloto-jasne);
}
.nejli-karuzela-strzalki {
	display: flex;
	gap: 12px;
}
.nejli-karuzela-strzalki button {
	width: 48px;
	height: 48px;
	padding: 0;
	border: 1px solid var(--nj-szklo-obrys);
	border-radius: 2px;
	background: rgba(232, 213, 176, 0.04);
	color: rgba(243, 233, 220, 0.9);
	font: 500 16px/24px "Red Hat Text", sans-serif;
	cursor: pointer;
	transition: border-color 0.2s;
}
.nejli-karuzela-strzalki button:hover,
.nejli-karuzela-strzalki button:focus {
	background: rgba(232, 213, 176, 0.04);
	color: rgba(243, 233, 220, 0.9);
}
.nejli-karuzela-strzalki button:hover {
	border-color: var(--nj-zloto-jasne);
}
.nejli-karuzela-sterowanie button:focus-visible {
	outline: 2px solid var(--nj-zloto-jasne);
	outline-offset: 3px;
}
/* Phone and tablet: one card on the full width (the desktop sizes above are !important against Elementor's own
   styles, so these have to be as well). Padding and type sizes: the phone block further down. Up to 1024 px like the
   rest of the M1 layout: at 768-900 px the 860 px card ran off the screen and cut the opinion (02.11.2026). */
@media (max-width: 1024px) {
	.nejli-karuzela .nejli-opinia.jest-aktywna {
		width: 100% !important;
		height: auto !important;
		/* the desktop card is 300 px high with no bottom padding; with the height free the author would touch the edge */
		padding-bottom: 47px !important;
	}
	.nejli-karuzela .nejli-opinia.jest-nastepna {
		display: none !important;
	}
	.nejli-karuzela .nejli-opinia-tekst {
		max-width: none;
	}
}

/* ---------- FAQ accordion (native <details>, one open at a time via the name attribute) ---------- */
.nejli-faq {
	border-bottom: 1px solid rgba(232, 213, 176, 0.55);
}
.nejli-faq > details {
	border-top: 1px solid rgba(232, 213, 176, 0.55);
}
.nejli-faq > details > summary {
	padding: 27px 0 28px !important;
	gap: 24px !important;
	list-style: none;
}
.nejli-faq > details > summary::-webkit-details-marker {
	display: none;
}
.nejli-faq > details[open] > summary {
	padding-bottom: 14px !important;
}
.nejli-faq .e-accordion-item-content-base {
	padding: 0 60px 36px 0 !important;
}
.nejli-faq .e-accordion-item-icon-base {
	width: auto !important;
	height: 30px !important;
	color: var(--nj-zloto-jasne);
	font: 400 21px/30px "Red Hat Text", sans-serif;
}
.nejli-faq .e-accordion-item-icon-base > * {
	display: none;
}
.nejli-faq .e-accordion-item-icon-base::after {
	content: "+";
}
.nejli-faq > details[open] .e-accordion-item-icon-base::after {
	content: "-";
}
.nejli-faq summary:focus-visible {
	outline: 2px solid var(--nj-zloto-jasne);
	outline-offset: 3px;
}

/* Footer: each legal link stays on one line; below 1340 px the company line next to them
   gets narrower and wraps instead of pushing the links off the screen.
   (".elementor" outranks Elementor's own ".elementor .e-paragraph-link-base" reset.) */
.elementor .nejli-stopka-maly a {
	white-space: nowrap;
}
@media (max-width: 767px) {
	.elementor .nejli-stopka-maly a {
		white-space: normal;
	}
}

/* =====================================================================
   M1 (390) layout for tablets and phones - the parts Elementor's atomic
   styles cannot store. Everything else lives in Elementor's responsive styles.
   ===================================================================== */
@media (max-width: 1024px) {
	/* Hero: the photo sits on top (488 px, face in frame) and fades into the background;
	   the horizontal desktop scrim layer is switched off by giving it a 0 size. */
	.nejli-hero {
		position: relative;
		background-size: 100% 488px, 0 0, auto 488px !important;
		/* x of the photo layer = M1 crop 649:3316 (Liliana with brushes, 30.10): offset 1000 of 2074 px */
		background-position: 0 0, 0 0, 88.4% 0 !important;
		background-repeat: no-repeat !important;
	}
	.nejli-hero::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		height: 488px;
		background: linear-gradient(180deg, rgba(28, 19, 14, 0.12) 0%, rgba(28, 19, 14, 0.3) 50%, rgba(28, 19, 14, 0.86) 78%, #1c130e 100%);
		pointer-events: none;
	}
	.nejli-hero > * {
		position: relative;
		z-index: 1;
	}
	/* Desktop line breaks in headings give way to natural wrapping on narrow screens
	   (every <br> in the texts has a space before it). */
	.nejli-h1 br,
	.nejli-h2 br {
		display: none;
	}

	/* FAQ rows: 62 px per closed question, like M1. */
	.nejli-faq > details > summary {
		padding: 15px 0 23px !important;
	}
	.nejli-faq > details[open] > summary {
		padding-bottom: 10px !important;
	}
	.nejli-faq .e-accordion-item-content-base {
		padding: 0 0 20px 0 !important;
	}
}

@media (max-width: 767px) {
	/* Navigation: phone and hours in the top bar, logo + burger below, cart inside the menu. */
	:root {
		--nejli-nav-h: 56px;
	}
	.nejli-nav__godziny {
		display: inline;
	}
	.nejli-nav__kontakt {
		justify-content: space-between;
		width: 100%;
	}
	.nejli-nav__glowny {
		height: 56px;
	}
	.nejli-nav__logo,
	.nejli-nav__logo img {
		width: 79px;
		height: 44px;
	}
	.nejli-nav__koszyk {
		display: none;
	}
	.nejli-nav__burger {
		margin-left: auto;
	}

	/* Testimonials: one card and the dots, no arrows (swipe-free tap targets are the dots). */
	.nejli-karuzela-strzalki {
		display: none;
	}
	.nejli-karuzela-sterowanie {
		margin-top: 18px;
	}
	.nejli-karuzela-kropki {
		margin-left: -9px;
	}
	.nejli-karuzela-kropki button::before {
		width: 6px;
		height: 6px;
	}
	.nejli-karuzela-kropki button[aria-current="true"]::before {
		width: 8px;
		height: 8px;
	}
	.nejli-karuzela .nejli-opinia.jest-aktywna {
		min-height: 158px;
		padding: 24px 20px !important;
	}
	.nejli-karuzela .nejli-opinia-tekst {
		font-size: 16px;
		line-height: 24px;
	}
	.nejli-karuzela .jest-aktywna .nejli-opinia-autor {
		margin-top: 20px;
	}
}

/* A gold text link (theme templates and the Elementor global class of the same name): underlined,
   no arrow (owner's rule, 18.10). !important, because ".nejli-woo-strona a" and ".nejli-karta a"
   switch the underline off, and in Elementor texts the class sits on the paragraph while the <a>
   inside gets "text-decoration: none" from Elementor. */
.nejli-link-zloty,
.nejli-link-zloty a {
	text-decoration: underline !important;
	text-underline-offset: 3px;
}

/* The cart link inside the menu exists for phones only (the header button is hidden there). */
.nejli-menu-koszyk {
	display: none !important;
}
@media (max-width: 767px) {
	.nejli-menu-koszyk {
		display: flex !important;
	}
}

/* The top bar's links close the burger menu below 1200 px, where the bar itself is hidden. */
.nejli-menu-skrot {
	display: none !important;
}
@media (max-width: 1199px) {
	.nejli-menu-skrot {
		display: flex !important;
	}
	.nejli-nav__menu > ul > li:not(.nejli-menu-skrot) + .nejli-menu-skrot {
		margin-top: 12px;
		padding-top: 12px;
		border-top: 1px solid var(--nj-szklo-obrys);
	}
	.nejli-nav__menu > ul > .nejli-menu-skrot > a {
		padding: 8px 0;
		font-size: 15px;
		color: rgba(243, 233, 220, 0.75);
	}
}

/* =====================================================================
   Shared components (shop, account and content pages).
   ===================================================================== */
.nejli-przycisk-zloty {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	height: 48px;
	padding: 0 24px;
	/* Hello Elementor's reset gives every <button> a pink #c36 border; the 17.10 fix covered only the contact
	   form, and the request forms added later (wedding, birthday, academy) showed it again (02.11.2026). */
	border: 0;
	border-radius: 2px;
	background: var(--nj-zloto);
	color: var(--nj-na-akcencie) !important;
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	white-space: nowrap;
	transition: background-color 0.2s;
}
.nejli-przycisk-zloty:focus {
	background: var(--nj-zloto);
}
.nejli-przycisk-zloty:hover {
	background: var(--nj-zloto-jasne);
}
.nejli-przycisk-ciemny {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	height: 48px;
	padding: 0 18px;
	border-radius: 2px;
	background: var(--nj-czekolada);
	color: var(--nj-tekst) !important;
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	white-space: nowrap;
	transition: color 0.2s;
}
.nejli-przycisk-ciemny:hover {
	color: var(--nj-zloto-jasne) !important;
}
/* Hover sweep on every call to action: a soft band of light crosses the button once, left to
   right, when the pointer enters or keyboard focus lands, and runs back right to left when it
   leaves, so the movement is whole both ways (leaving mid-way turns it back from where it is). The band sits under the label (z-index -1 inside the button's own stacking
   context) and moves by background-position, so it never leaves the button. ::before because
   WooCommerce keeps ::after for its loading and "added" marks. Position and isolation come through
   :where(), so a button placed with its own position keeps it. */
:where(.nejli-btn-zloto, .nejli-przycisk-zloty, .nejli-przycisk-ciemny, .nejli-przycisk-obrys, .nejli-przycisk-jasny, .nejli-galeria__wiecej, .nejli-konto__tresc .order-again .button, .nejli-woo-strona .woocommerce-form-login .button, .nejli-woo-strona #place_order, #cmplz-cookiebanner-container .cmplz-btn, #tutor-pn-permission button) {
	position: relative;
	isolation: isolate;
}
:where(.nejli-btn-zloto, .nejli-przycisk-zloty, .nejli-woo-strona #place_order, #cmplz-cookiebanner-container .cmplz-accept, #tutor-pn-enable) {
	--nejli-poswiata: rgba(255, 248, 232, 0.7);
}
:is(.nejli-btn-zloto, .nejli-przycisk-zloty, .nejli-przycisk-ciemny, .nejli-przycisk-obrys, .nejli-przycisk-jasny, .nejli-galeria__wiecej, .nejli-konto__tresc .order-again .button, .nejli-woo-strona .woocommerce-form-login .button, .nejli-woo-strona #place_order, #cmplz-cookiebanner-container .cmplz-btn, #tutor-pn-permission button)::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	border-radius: inherit;
	background: linear-gradient(100deg, transparent 38%, var(--nejli-poswiata, rgba(232, 206, 150, 0.24)) 50%, transparent 62%) 115% 0 / 250% 100% no-repeat;
	transition: background-position 1s cubic-bezier(0.45, 0, 0.2, 1);
	pointer-events: none;
}
@media (hover: hover) {
	:is(.nejli-btn-zloto, .nejli-przycisk-zloty, .nejli-przycisk-ciemny, .nejli-przycisk-obrys, .nejli-przycisk-jasny, .nejli-galeria__wiecej, .nejli-konto__tresc .order-again .button, .nejli-woo-strona .woocommerce-form-login .button, .nejli-woo-strona #place_order, #cmplz-cookiebanner-container .cmplz-btn, #tutor-pn-permission button):hover::before {
		background-position: -15% 0;
	}
}
:is(.nejli-btn-zloto, .nejli-przycisk-zloty, .nejli-przycisk-ciemny, .nejli-przycisk-obrys, .nejli-przycisk-jasny, .nejli-galeria__wiecej, .nejli-konto__tresc .order-again .button, .nejli-woo-strona .woocommerce-form-login .button, .nejli-woo-strona #place_order, #cmplz-cookiebanner-container .cmplz-btn, #tutor-pn-permission button):focus-visible::before {
	background-position: -15% 0;
}
@media (prefers-reduced-motion: reduce) {
	:is(.nejli-btn-zloto, .nejli-przycisk-zloty, .nejli-przycisk-ciemny, .nejli-przycisk-obrys, .nejli-przycisk-jasny, .nejli-galeria__wiecej, .nejli-konto__tresc .order-again .button, .nejli-woo-strona .woocommerce-form-login .button, .nejli-woo-strona #place_order, #cmplz-cookiebanner-container .cmplz-btn, #tutor-pn-permission button)::before {
		display: none;
	}
}
/* Notices printed by WooCommerce above the page content (e.g. paying for a guest order). */
.nejli-woo-strona .woocommerce > .woocommerce-message,
.nejli-woo-strona .woocommerce > .woocommerce-info,
.nejli-woo-strona .woocommerce > .woocommerce-error,
.nejli-woo-strona .woocommerce > .woocommerce-notices-wrapper:not(:empty) {
	margin: 24px var(--nj-kolumna) 0;
}
.nejli-kasa__etykieta.nejli-kasa__etykieta--pierwsza {
	margin-top: 0 !important;
}
/* ---------- "Pomogę dobrać szkolenie" banner (texts from an Elementor template) ---------- */
.nejli-baner {
	position: relative;
	background:
		linear-gradient(90deg, rgba(18, 13, 10, 0.96) 0%, rgba(18, 13, 10, 0.78) 60%, rgba(18, 13, 10, 0.42) 100%),
		var(--nejli-baner-tlo, none) center / cover no-repeat,
		var(--nj-czekolada);
}

/* Above the 1440 px design every photo band grows with the window, so the photo keeps the crop
   of the frame on a big screen (owner 16.10.2026) instead of losing its top and bottom. */
@media (min-width: 1441px) {
	.nejli-baner {
		display: flex;
		flex-direction: column;
		justify-content: center;
		min-height: calc(320 * 100vw / 1440);
	}
}

@media (max-width: 1024px) {
	.nejli-baner {
		background:
			linear-gradient(180deg, rgba(18, 13, 10, 0.9) 0%, rgba(18, 13, 10, 0.75) 60%, rgba(18, 13, 10, 0.55) 100%),
			var(--nejli-baner-tlo, none) 70% center / cover no-repeat,
			var(--nj-czekolada);
	}
}

/* ---------- state panels ("Sprawdź skrzynkę", "Zmiany zapisane", ...) ---------- */
.nejli-stan {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
	box-sizing: border-box;
	max-width: 560px;
	padding: 40px;
	border-radius: 2px;
	background: var(--nj-piasek, #1e1712);
}
.nejli-stan--ciemny {
	background: var(--nj-czekolada);
}
.nejli-stan--duzy {
	background: #1d1610;
}
.nejli-stan__tytul {
	margin: 0;
	font-family: "EB Garamond", serif;
	font-size: 22px;
	font-weight: 500;
	line-height: 30px;
	color: var(--nj-tekst);
}
.nejli-stan--duzy .nejli-stan__tytul {
	font-size: 35px;
	line-height: 41px;
}
.nejli-stan p {
	margin: 0;
	font-size: 16px;
	line-height: 25px;
	color: rgba(243, 233, 220, 0.85);
}
.nejli-stan--ciemny p {
	color: var(--nj-tekst);
}
.nejli-stan__przycisk {
	min-width: 220px;
}

@media (max-width: 1024px) {
	.nejli-stan {
		padding: 24px;
	}
	.nejli-stan--duzy .nejli-stan__tytul {
		font-size: 28px;
		line-height: 34px;
	}
}

/* List item with a gold dot (Elementor global class "nejli-punkt"). */
.nejli-punkt {
	position: relative;
	padding-left: 16px;
}
.nejli-punkt::before {
	content: "";
	position: absolute;
	left: 0;
	top: 9.5px;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: var(--nj-zloto);
}

/* ---------- push notification prompt (Tutor LMS Pro, addon tutor-notifications) ----------
   Shown to logged-in students until the browser has an answer. The plugin slides its container up
   with jQuery (inline "bottom"), so the container is pinned here and the card itself animates:
   it rises in with a warm glow, a line of light runs along its top edge, the bell rings once and a
   gold light runs over the main button; buttons glow gold on hover (the hover sweep is shared with
   every call to action, see "Hover sweep" above). Colours follow the cookie bar. */
body #tutor-pn-permission {
	bottom: 0 !important;
	padding: 0 16px 24px;
	transition: none;
}
body #tutor-pn-permission > div {
	display: inline-flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px 32px;
	margin: 0 auto;
	padding: 14px 14px 14px 24px;
	border: 1px solid var(--nj-szklo-obrys);
	border-radius: 2px;
	background: rgba(29, 22, 16, 0.86);
	-webkit-backdrop-filter: blur(24px);
	backdrop-filter: blur(24px);
	position: relative;
	box-shadow: 0 24px 48px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(216, 186, 130, 0.16), 0 0 44px rgba(205, 163, 90, 0.14);
	color: var(--nj-tekst);
	font: 400 16px/24px "Red Hat Text", sans-serif;
	animation: nejli-pn-wejscie 0.7s cubic-bezier(0.05, 0.7, 0.1, 1) both, nejli-pn-poswiata 2.4s ease-out 0.5s both;
}
/* A line of light runs once along the top edge and back along the bottom one, as on a gold rim. */
body #tutor-pn-permission > div::before,
body #tutor-pn-permission > div::after {
	content: "";
	position: absolute;
	right: 0;
	left: 0;
	height: 1px;
	background: linear-gradient(90deg, transparent 38%, rgba(255, 236, 196, 1) 50%, transparent 62%) no-repeat;
	background-size: 220% 100%;
	background-position: 160% 0;
	filter: drop-shadow(0 0 3px rgba(232, 206, 150, 0.9)) drop-shadow(0 0 8px rgba(205, 163, 90, 0.7));
	pointer-events: none;
}
body #tutor-pn-permission > div::before {
	top: -1px;
	animation: nejli-pn-linia 2.2s cubic-bezier(0.45, 0, 0.2, 1) 0.8s both;
}
body #tutor-pn-permission > div::after {
	bottom: -1px;
	background-position: -60% 0;
	animation: nejli-pn-linia-wstecz 2.2s cubic-bezier(0.45, 0, 0.2, 1) 1.4s both;
}
body #tutor-pn-permission p {
	display: inline-flex;
	align-items: center;
	gap: 14px;
	margin: 0;
	color: var(--nj-tekst);
	font: inherit;
}
body #tutor-pn-permission p i {
	display: inline-block;
	color: var(--nj-zloto);
	font-size: 22px;
	filter: drop-shadow(0 0 6px rgba(205, 163, 90, 0.55));
	transform-origin: 50% 3px;
	animation: nejli-pn-dzwonek 1.1s ease-in-out 0.7s both;
}
body #tutor-pn-permission > div > div {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	margin: 0;
}
body #tutor-pn-permission button {
	box-sizing: border-box;
	height: 44px;
	margin: 0;
	padding: 0 20px;
	border: 1px solid rgba(232, 213, 176, 0.35);
	border-radius: 2px;
	background: rgba(14, 10, 7, 0.04);
	color: var(--nj-tekst);
	font: 500 15px/20px "Red Hat Text", sans-serif;
	text-transform: none;
	cursor: pointer;
	transition: background-color 0.2s ease-out, border-color 0.2s ease-out, color 0.2s ease-out, box-shadow 0.3s ease-out;
}
body #tutor-pn-permission button#tutor-pn-enable {
	position: relative;
	overflow: hidden;
	border-color: var(--nj-zloto);
	background: var(--nj-zloto);
	box-shadow: 0 6px 20px -8px rgba(205, 163, 90, 0.5);
	color: var(--nj-na-akcencie);
}
body #tutor-pn-permission button#tutor-pn-enable::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(110deg, transparent 30%, rgba(255, 246, 224, 0.6) 50%, transparent 70%);
	transform: translateX(-120%);
	animation: nejli-pn-blysk 1.2s ease-out 1.3s both;
	pointer-events: none;
}
body #tutor-pn-permission button#tutor-pn-enable:hover,
body #tutor-pn-permission button#tutor-pn-enable:focus-visible {
	border-color: var(--nj-zloto-jasne);
	background: var(--nj-zloto-jasne);
	box-shadow: 0 0 0 1px rgba(232, 206, 150, 0.45), 0 10px 30px -6px rgba(205, 163, 90, 0.6);
}
body #tutor-pn-permission button#tutor-pn-dont-ask {
	background: rgba(14, 10, 7, 0.04);
	color: var(--nj-tekst);
}
body #tutor-pn-permission button#tutor-pn-dont-ask:hover,
body #tutor-pn-permission button#tutor-pn-dont-ask:focus-visible {
	border-color: var(--nj-zloto-jasne);
	box-shadow: inset 0 0 18px rgba(205, 163, 90, 0.16), 0 0 18px rgba(205, 163, 90, 0.14);
	color: var(--nj-zloto-jasne);
}
body #tutor-pn-permission #tutor-pn-close {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	padding: 0;
	font-size: 14px;
	color: rgba(243, 233, 220, 0.6) !important;
	transition: color 0.2s ease-out;
}
body #tutor-pn-permission #tutor-pn-close:hover {
	color: var(--nj-zloto-jasne) !important;
	text-shadow: 0 0 10px rgba(205, 163, 90, 0.7);
}
body #tutor-pn-permission button:focus-visible,
body #tutor-pn-permission #tutor-pn-close:focus-visible {
	outline: 2px solid var(--nj-zloto-jasne);
	outline-offset: 2px;
}
@keyframes nejli-pn-wejscie {
	from {
		opacity: 0;
		transform: translateY(24px) scale(0.98);
	}
	to {
		opacity: 1;
		transform: none;
	}
}
@keyframes nejli-pn-dzwonek {
	0%, 100% { transform: rotate(0); }
	15% { transform: rotate(14deg); }
	30% { transform: rotate(-12deg); }
	45% { transform: rotate(8deg); }
	60% { transform: rotate(-5deg); }
	75% { transform: rotate(2deg); }
}
@keyframes nejli-pn-blysk {
	to { transform: translateX(120%); }
}
@keyframes nejli-pn-linia {
	from { background-position: 160% 0; }
	to { background-position: -60% 0; }
}
@keyframes nejli-pn-linia-wstecz {
	from { background-position: -60% 0; }
	to { background-position: 160% 0; }
}
@keyframes nejli-pn-poswiata {
	0% { box-shadow: 0 24px 48px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(216, 186, 130, 0.14), 0 0 0 rgba(205, 163, 90, 0); }
	35% { box-shadow: 0 24px 48px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(216, 186, 130, 0.35), 0 0 80px rgba(205, 163, 90, 0.38); }
	100% { box-shadow: 0 24px 48px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(216, 186, 130, 0.16), 0 0 44px rgba(205, 163, 90, 0.14); }
}
@media (max-width: 767px) {
	body #tutor-pn-permission {
		padding: 0 12px 12px;
	}
	body #tutor-pn-permission > div {
		display: flex;
		padding: 16px;
	}
	body #tutor-pn-permission > div > div {
		flex-wrap: wrap;
		width: 100%;
		white-space: normal;
	}
	body #tutor-pn-permission button {
		flex: 1 1 0;
		padding: 0 12px;
	}
	body #tutor-pn-permission button#tutor-pn-enable {
		flex-basis: 100%;
	}
}
@media (prefers-reduced-motion: reduce) {
	body #tutor-pn-permission > div,
	body #tutor-pn-permission p i {
		animation: none;
	}
	body #tutor-pn-permission > div::before,
	body #tutor-pn-permission > div::after,
	body #tutor-pn-permission button#tutor-pn-enable::after {
		display: none;
	}
	body #tutor-pn-permission button {
		transition: none;
	}
}

/* Copied phone number or e-mail address (nejli.js, computers only) */
.nejli-schowek {
	position: absolute;
	z-index: 100000;
	transform: translate(-50%, -100%);
	padding: 6px 10px;
	border: 1px solid var(--nj-szklo-obrys);
	border-radius: 2px;
	background: var(--nj-czekolada);
	color: var(--nj-tekst);
	font-size: 13px;
	line-height: 18px;
	white-space: nowrap;
	pointer-events: none;
	opacity: 0;
	transition: opacity 0.2s ease;
}
.nejli-schowek--widoczny {
	opacity: 1;
}
.nejli-schowek--pod {
	transform: translate(-50%, 0);
}
.nejli-schowek-ogloszenie {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
	border: 0;
}
@media (prefers-reduced-motion: reduce) {
	.nejli-schowek {
		transition: none;
	}
}

/* ------------------------------------------------------------------ November promotion (13.11.2026)
   Price block of nejli_cena_promo_html() (inc/sklep-widok.php), accepted in Figma: the lowest price of the 30 days
   before the reduction crossed out with a slanted bar, the sale price in red, the label of the reduction and the
   Omnibus line. The row layout keeps all on one line (shop rows); .nejli-promo--duza puts the old price and the label
   above the sale price in its own size (product panel, academy prices). Red #ff6a5c: over 6:1 on the dark grounds. */
.nejli-promo {
	display: inline-flex;
	flex-wrap: wrap;
	align-items: center;
	column-gap: 10px;
	row-gap: 4px;
	max-width: 100%;
	/* shop price cells keep prices on one line (sklep.css, nowrap); the Omnibus line has to wrap on a phone */
	white-space: normal;
}
.nejli-promo__stara {
	position: relative;
	display: inline-block;
	font-family: var(--nejli-font-tekst, "Red Hat Text", sans-serif);
	font-size: 15px;
	font-weight: 400;
	line-height: 22px;
	color: rgba(243, 233, 220, 0.7);
	text-decoration: none;
	white-space: nowrap;
}
.nejli-promo__stara::after {
	content: "";
	position: absolute;
	left: -3px;
	right: -3px;
	top: 50%;
	height: 1.5px;
	background: rgba(243, 233, 220, 0.85);
	transform: rotate(-14deg);
}
.nejli-promo__nowa {
	color: #ff6a5c;
	white-space: nowrap;
}
.nejli-promo__napis {
	display: inline-block;
	padding: 2px 8px;
	border-radius: 2px;
	background: #ff6a5c;
	color: #15100c;
	font-family: var(--nejli-font-tekst, "Red Hat Text", sans-serif);
	font-size: 13px;
	font-weight: 500;
	line-height: 18px;
	letter-spacing: 0;
	white-space: nowrap;
}
.nejli-promo__omnibus {
	flex-basis: 100%;
	font-family: var(--nejli-font-tekst, "Red Hat Text", sans-serif);
	font-size: 12px;
	font-weight: 400;
	line-height: 16px;
	letter-spacing: 0;
	color: rgba(243, 233, 220, 0.7);
	text-transform: none;
}
/* words after the sale price in an academy price row ("12 399,00 zł, możliwe raty"): the row's colour, may wrap */
.nejli-promo__dopisek {
	color: rgba(243, 233, 220, 0.9);
	white-space: normal;
}
.nejli-promo--duza {
	display: flex;
}
.nejli-promo--duza .nejli-promo__stara {
	order: 1;
	font-size: max(15px, 0.42em);
	line-height: 1.4;
}
.nejli-promo--duza .nejli-promo__napis {
	order: 2;
	padding: 3px 10px;
	font-size: 15px;
	line-height: 20px;
}
.nejli-promo--duza .nejli-promo__nowa {
	order: 3;
	flex-basis: 100%;
}
.nejli-promo--duza .nejli-promo__omnibus {
	order: 4;
	font-size: 13px;
	line-height: 18px;
}