/* =========================================================================
 * Level Up Consulting — overrides.css
 * Hand-authored polish layered on top of legacy-custom.css.
 * Add new rules here. Keep diff-friendly.
 * ========================================================================= */


/* -------------------------------------------------------------------------
 * 2026-05-01 · Header polish
 * Goal: lekka redukcja wysokości headera + CTA "Umów konsultację" uppercase.
 * Selectors mirror those used by Divi Theme Builder header (template tb_header)
 * and override the legacy CTA rule at legacy-custom.css:187.
 * ------------------------------------------------------------------------- */

/* 1. Tighten vertical padding around the header section */
.et-l--header .et_pb_section_0_tb_header.et_pb_section {
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}

/* 2. Cap logo height so the band stays compact regardless of image dims.
 * Bumped 56→88 px (2026-05-01 etap 3) — logo czytelniejsze, nie dominuje. */
.et_pb_menu_0_tb_header .et_pb_menu__logo img {
	max-height: 88px !important;
	width: auto !important;
	height: auto !important;
}

/* 3. Remove default inner padding that Divi adds around the menu module */
.et-l--header .et_pb_menu_0_tb_header.et_pb_module {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

/* 4. Phone / tablet — keep proportional reduction */
@media (max-width: 980px) {
	.et-l--header .et_pb_section_0_tb_header.et_pb_section {
		padding-top: 6px !important;
		padding-bottom: 6px !important;
	}
	.et_pb_menu_0_tb_header .et_pb_menu__logo img {
		max-height: 64px !important;
	}
}

/* 5. CTA "Umów konsultację" — UPPERCASE.
 * Higher specificity than legacy (same selector chain + extra .et-l--header
 * scope) so we don't need !important wars beyond what legacy uses. */
.et-l--header .et_pb_menu--with-logo .et_pb_menu__menu nav ul li.luc-menu-cta a {
	text-transform: uppercase !important;
	letter-spacing: 0.06em !important;
	font-size: 14px !important;          /* uppercase reads ~12% bigger; compensate */
	font-weight: 500 !important;
}


/* -------------------------------------------------------------------------
 * 2026-05-01 · Header polish, etap 4
 * Goals:
 *   (A) Row z headerem na pełną szerokość viewportu (Divi domyślnie limituje
 *       `.et_pb_row` do `width: 80%; max-width: 1080px`).
 *   (B) Faktyczne wycentrowanie loga i menu w PIONIE.
 *
 * O (B) — `.et_pb_menu_inner_container` ma już z Divi `align-items: center`,
 * więc flex teoretycznie centruje. Praktycznie tekst menu wisi wyżej niż
 * środek loga, bo Divi dokleja `padding-bottom: 29px` na `.et-menu li > a`
 * (to "hover bridge" — niewidzialne pole, które utrzymuje hover przy zjeździe
 * kursora na sub-menu). Przez ten asymetryczny padding bounding box menu jest
 * przesunięty względem widzialnego tekstu. Lustrzany `padding-top: 29px`
 * symetryzuje box → tekst trafia w środek loga, dropdown nadal działa.
 *
 * NOTE: cofa centrowanie poziome z etapu 3 (logo wraca na lewo, menu na prawo).
 * ------------------------------------------------------------------------- */

/* 6. Row na pełną szerokość — zdejmujemy domyślny Divi `width: 80%` /
 * `max-width: 1080px` i dajemy własny side-padding, żeby treść nie kleiła
 * się do krawędzi viewportu. */
.et-l--header .et_pb_row_0_tb_header.et_pb_row {
	width: 100% !important;
	max-width: 100% !important;
	padding-left: 40px !important;
	padding-right: 40px !important;
}

/* 7. Symetryzacja vertical paddingu menu items — Divi ma 29px tylko od dołu
 * (hover bridge do dropdownu). Bez padding-top tekst optycznie wisi nad
 * środkiem loga. Mirroring sprowadza środek bbox-a menu do środka loga. */
.et-l--header .et_pb_menu_0_tb_header .et-menu > li > a {
	padding-top: 29px;
}

/* 8. Tablet/mobile — węższy side-padding na row, żeby header nie wyglądał
 * pusto przy małych szerokościach. */
@media (max-width: 980px) {
	.et-l--header .et_pb_row_0_tb_header.et_pb_row {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
}


/* =========================================================================
 * 2026-05-01 · Hero polish (.hero-desktop-section)
 *
 * Hero jest wstrzyknięte w module Code jako jeden blok <style>+HTML w treści
 * strony (Strona Główna ID 711). Cały CSS hero siedzi tam INLINE — z kolejności
 * cascade `overrides.css` (head) jest parsowany PRZED inline-em z body, więc
 * podbijam specyficzność prefixem `.hero-desktop-section` (0,2,0) zamiast
 * !important wars z modułem Code.
 *
 * Czego się tu tyka:
 *   (1) usunięcie <br> które edytor WP wepchnął między <img>/<a> we flex
 *       wrapperach — to było źródłem białej przerwy między zdjęciami i lekko
 *       większego odstępu między buttonami;
 *   (2) złoty fill na primary CTA + outline gold na secondary (zamiast navy);
 *   (3) drobny "luxury polish": eyebrow-divider, tighter Bodoni, więcej
 *       paddingu, subtelny hover na obrazach, gradient u dołu zdjęć dla głębi.
 *
 * Selektory namaczam w `.hero-desktop-section` ŻEBY nie wpłynąć na inne hero
 * w przyszłości (np. wersja mobile, której tu nie tykamy — patrz NOTE niżej).
 * ========================================================================= */

/* 1. NAPRAWA: <br> wepchnięte przez edytor WP w flex wrappery generują 21px
 * pustego flex-itema. NIE tykamy <br> wewnątrz <h1>, on jest semantyczny
 * (linia "Zaprojektuj" / "rekrutację"). */
.hero-desktop-section .hero-imgs-wrap > br,
.hero-desktop-section .hero-btns > br {
	display: none !important;
}

/* 2. Primary CTA → złoto. Inline w module Code daje #1a1a2e bg + #fff text;
 * tu odwracamy: #dbba72 bg + #1a1a2e text (kontrast WCAG AA na biznesowo). */
.hero-desktop-section .hero-btn-a {
	background: var(--luc-gold);
	color: var(--luc-navy) !important;
	box-shadow: var(--luc-shadow-gold);
	border-radius: var(--luc-radius-sm);
	transition: background var(--luc-dur-base) var(--luc-ease),
	            transform var(--luc-dur-fast) var(--luc-ease),
	            box-shadow var(--luc-dur-base) var(--luc-ease);
}

.hero-desktop-section .hero-btn-a:hover {
	background: var(--luc-gold-deep);
	transform: translateY(-1px);
	box-shadow: 0 14px 36px rgba(219, 186, 114, .45);
}

/* 3. Secondary CTA → outline gold zamiast outline navy. Hover odwraca:
 * gold fill + navy text. */
.hero-desktop-section .hero-btn-b {
	background: transparent;
	color: var(--luc-navy) !important;
	border: 1.5px solid var(--luc-gold);
	border-radius: var(--luc-radius-sm);
	transition: background var(--luc-dur-base) var(--luc-ease),
	            color var(--luc-dur-base) var(--luc-ease),
	            border-color var(--luc-dur-base) var(--luc-ease);
}

.hero-desktop-section .hero-btn-b:hover {
	background: var(--luc-gold);
	color: var(--luc-navy) !important;
	border-color: var(--luc-gold);
}

/* 4. Eyebrow-divider PRZED H1 (bez ruszania HTML w bazie) — krótki złoty
 * trait 56x2px to klasyczny zabieg w premium B2B headerach. */
.hero-desktop-section .hero-h1::before {
	content: "";
	display: block;
	width: 56px;
	height: 2px;
	background: var(--luc-gold);
	margin: 0 0 28px 0;
}

/* 5. Tighter Bodoni — dla serif display 0.95 line-height + ujemny tracking
 * dają ten "magazynowy" wygląd okładki Vogue Business / Forbes. */
.hero-desktop-section .hero-h1 {
	line-height: 0.95;
	letter-spacing: -0.02em;
	color: var(--luc-navy-ink);
}

/* Rotacja drugiej linii H1 (rekrutację / Rozwój / Swoją pracę) — strona główna */
.luc-hero-rotator {
	display: inline-block;
	vertical-align: top;
	text-align: left;
}

.luc-hero-rotator__text {
	display: inline-block;
	transition: opacity 0.4s ease;
}

.luc-hero-rotator--fade-out .luc-hero-rotator__text {
	opacity: 0;
}

/* 6. Sub-text — bump z 17 → 18px, ciepły szary z palety, lekki tracking dla
 * lepszej czytelności na większych ekranach. */
.hero-desktop-section .hero-sub {
	font-size: 18px;
	line-height: 1.55;
	color: var(--luc-text-muted);
	letter-spacing: 0.005em;
	margin-bottom: 44px;
}

/* 7. Więcej paddingu w kolumnie tekstowej — 80/72 → 112/88. Wraz z większym
 * H1 to daje "premium" oddech zamiast "landing-page". */
.hero-desktop-section .hero-content {
	padding: 112px 88px;
}

/* 8. CTA-link "Sprawdź ofertę lub Skontaktuj się ze mną →" — lekki polish */
.hero-desktop-section .hero-cta-link {
	margin-top: 28px;
	color: var(--luc-text-subtle);
}
.hero-desktop-section .hero-cta-link a {
	color: var(--luc-navy) !important;
	text-decoration: none;
	border-bottom: 1px solid var(--luc-gold);
	padding-bottom: 1px;
	transition: color var(--luc-dur-base) var(--luc-ease),
	            border-color var(--luc-dur-base) var(--luc-ease);
}
.hero-desktop-section .hero-cta-link a:hover {
	color: var(--luc-gold-deep) !important;
	border-color: var(--luc-gold-deep);
}

/* 9. Subtelny hover na zdjęciach — slight zoom (1.025) + transition.
 * Wymaga overflow: hidden na wrapperze, ten już jest w inline. */
.hero-desktop-section .hero-imgs-wrap img {
	transition: transform 600ms var(--luc-ease-out);
	transform-origin: center;
}
.hero-desktop-section .hero-imgs-wrap img:hover {
	transform: scale(1.025);
}

/* 10. Mobile (≤980px) — temperujemy padding kolumny tekstowej, żeby nie
 * obciął się na małych ekranach. Hero-grid switch-uje na 1-column tylko
 * w wąskim zakresie — sprawdzić w drugim przebiegu. */
@media (max-width: 980px) {
	.hero-desktop-section .hero-content {
		padding: 56px 28px;
	}
	.hero-desktop-section .hero-h1::before {
		margin-bottom: 20px;
	}
}

/* NOTE: na stronie głównej jest też SECOND hero (`.et_pb_section_1`), który
 * wygląda jak duplikat-zapasowy zbudowany ze standardowych modułów Divi
 * (image + text + code). Nie tykam go w tym etapie — najpierw potwierdzamy
 * że nowy `.hero-desktop-section` jest tym właściwym, potem ten drugi do
 * usunięcia z Theme Buildera (osobny task — wymaga edycji w admin UI lub
 * `wp post meta` na page 711). */


/* =========================================================================
 * Strona główna (page 711) · sekcja „O mnie”
 * section_4 — sam tytuł | section_5 — zdjęcie + tekst + podpis + CTA
 * ========================================================================= */

body.page-id-711 .et_pb_section_4.et_pb_section,
body.home .et_pb_section_4.et_pb_section {
	background: var(--luc-cream-2, #faf6ea) !important;
	background-image: none !important;
	padding-top: 72px !important;
	padding-bottom: 8px !important;
}

body.page-id-711 .et_pb_section_5.et_pb_section,
body.home .et_pb_section_5.et_pb_section {
	background: var(--luc-cream-2, #faf6ea) !important;
	background-image: none !important;
	padding-top: 32px !important;
	padding-bottom: 100px !important;
}

/* — Tytuł „O mnie” (et_pb_text_3) — */
body.page-id-711 .et_pb_section_4 .et_pb_text_3.et_pb_module,
body.home .et_pb_section_4 .et_pb_text_3.et_pb_module {
	margin-bottom: 0 !important;
}

body.page-id-711 .et_pb_section_4 .et_pb_text_3,
body.page-id-711 .et_pb_section_4 .et_pb_text_3 .et_pb_text_inner,
body.home .et_pb_section_4 .et_pb_text_3,
body.home .et_pb_section_4 .et_pb_text_3 .et_pb_text_inner {
	text-align: center !important;
}

body.page-id-711 .et_pb_section_4 .et_pb_text_3 .et_pb_text_inner h2,
body.home .et_pb_section_4 .et_pb_text_3 .et_pb_text_inner h2 {
	font-family: var(--luc-font-display, "Bodoni Moda"), Georgia, serif !important;
	font-size: clamp(1.9rem, 3.2vw, 2.45rem) !important;
	font-weight: 500 !important;
	line-height: 1.15 !important;
	color: var(--luc-navy-ink) !important;
	text-align: center !important;
	margin: 0 !important;
	letter-spacing: -0.02em !important;
}

body.page-id-711 .et_pb_section_4 .et_pb_text_3 .et_pb_text_inner h2::before,
body.home .et_pb_section_4 .et_pb_text_3 .et_pb_text_inner h2::before {
	content: "";
	display: block;
	width: 56px;
	height: 2px;
	background: var(--luc-gold);
	margin: 0 auto 22px;
}

/* — Układ 2‑kol + zdjęcie — */
body.page-id-711 .et_pb_section_5 .et_pb_row_5.et_pb_row,
body.home .et_pb_section_5 .et_pb_row_5.et_pb_row {
	width: 92% !important;
	max-width: 1180px !important;
	margin-left: auto !important;
	margin-right: auto !important;
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: wrap !important;
	align-items: center !important;
	gap: clamp(32px, 5vw, 60px) !important;
}

body.page-id-711 .et_pb_section_5 .et_pb_column_6,
body.page-id-711 .et_pb_section_5 .et_pb_column_7,
body.home .et_pb_section_5 .et_pb_column_6,
body.home .et_pb_section_5 .et_pb_column_7 {
	flex: 1 1 300px !important;
	width: auto !important;
	max-width: 100% !important;
}

body.page-id-711 .et_pb_section_5 .et_pb_image_1 .et_pb_image_wrap,
body.home .et_pb_section_5 .et_pb_image_1 .et_pb_image_wrap {
	border-radius: var(--luc-radius-md, 14px) !important;
	overflow: hidden !important;
	box-shadow: var(--luc-shadow-2, 0 6px 16px rgba(15, 15, 31, .08)) !important;
	border: 1px solid rgba(26, 26, 46, .06) !important;
}

body.page-id-711 .et_pb_section_5 .et_pb_image_1 img,
body.home .et_pb_section_5 .et_pb_image_1 img {
	display: block !important;
	width: 100% !important;
	height: auto !important;
	object-fit: cover !important;
	transition: transform 640ms var(--luc-ease-out, ease);
}

body.page-id-711 .et_pb_section_5 .et_pb_image_1:hover img,
body.home .et_pb_section_5 .et_pb_image_1:hover img {
	transform: scale(1.02);
}

/* — Kolumna tekstowa: moduły w pionie — */
body.page-id-711 .et_pb_section_5 .et_pb_column_7,
body.home .et_pb_section_5 .et_pb_column_7 {
	display: flex !important;
	flex-direction: column !important;
	align-items: stretch !important;
	justify-content: center !important;
}

body.page-id-711 .et_pb_section_5 .et_pb_text_4.et_pb_module,
body.home .et_pb_section_5 .et_pb_text_4.et_pb_module {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

body.page-id-711 .et_pb_section_5 .et_pb_text_4 .et_pb_text_inner p,
body.home .et_pb_section_5 .et_pb_text_4 .et_pb_text_inner p {
	font-family: var(--luc-font-body, Poppins), system-ui, sans-serif !important;
	font-size: 17px !important;
	line-height: 1.75 !important;
	color: var(--luc-text-muted) !important;
	margin: 0 0 1.15em !important;
	max-width: 38em !important;
}

body.page-id-711 .et_pb_section_5 .et_pb_text_4 .et_pb_text_inner p:last-of-type,
body.home .et_pb_section_5 .et_pb_text_4 .et_pb_text_inner p:last-of-type {
	margin-bottom: 0 !important;
}

/* Podpis (Divi Supreme typing — statyczna elegancja, bez migającego kursora) */
body.page-id-711 .et_pb_section_5 .dsm_typing_effect_0,
body.home .et_pb_section_5 .dsm_typing_effect_0 {
	margin-top: 20px !important;
	margin-bottom: 6px !important;
}

body.page-id-711 .et_pb_section_5 .dsm_typing_effect_0 .dsm-typing-effect,
body.home .et_pb_section_5 .dsm_typing_effect_0 .dsm-typing-effect {
	font-family: var(--luc-font-display, "Bodoni Moda"), Georgia, serif !important;
	font-size: clamp(1.6rem, 2.5vw, 2rem) !important;
	font-weight: 500 !important;
	font-style: italic !important;
	color: var(--luc-gold-deep, #c69f54) !important;
	text-align: right !important;
	margin: 0 !important;
	line-height: 1.2 !important;
	letter-spacing: 0.01em !important;
}

body.page-id-711 .et_pb_section_5 .dsm_typing_effect_0 .dsm-typing,
body.home .et_pb_section_5 .dsm_typing_effect_0 .dsm-typing {
	border-right: none !important;
	animation: none !important;
	padding-right: 0 !important;
}

body.page-id-711 .et_pb_section_5 .dsm_typing_effect_0 .dsm-typing::after,
body.home .et_pb_section_5 .dsm_typing_effect_0 .dsm-typing::after {
	content: none !important;
	display: none !important;
}

/* CTA „Poznaj mnie bliżej” — złoty pill jak w hero */
body.page-id-711 .et_pb_section_5 .et_pb_button_0_wrapper,
body.home .et_pb_section_5 .et_pb_button_0_wrapper {
	margin-top: 28px !important;
	text-align: center !important;
}

body.page-id-711 .et_pb_section_5 .et_pb_button_0.et_pb_button,
body.home .et_pb_section_5 .et_pb_button_0.et_pb_button {
	background: var(--luc-gold) !important;
	color: var(--luc-navy) !important;
	border: none !important;
	border-radius: var(--luc-radius-pill, 999px) !important;
	padding: 16px 36px !important;
	font-family: var(--luc-font-body, Poppins), sans-serif !important;
	font-weight: 600 !important;
	font-size: 14px !important;
	letter-spacing: 0.05em !important;
	box-shadow: var(--luc-shadow-gold) !important;
	transition: background var(--luc-dur-base) var(--luc-ease),
		transform var(--luc-dur-fast) var(--luc-ease),
		box-shadow var(--luc-dur-base) var(--luc-ease) !important;
}

body.page-id-711 .et_pb_section_5 .et_pb_button_0.et_pb_button:hover,
body.home .et_pb_section_5 .et_pb_button_0.et_pb_button:hover {
	background: var(--luc-gold-deep) !important;
	color: var(--luc-navy) !important;
	transform: translateY(-2px);
	box-shadow: 0 14px 36px rgba(219, 186, 114, .42) !important;
}

@media (max-width: 980px) {
	body.page-id-711 .et_pb_section_4.et_pb_section,
	body.home .et_pb_section_4.et_pb_section {
		padding-top: 56px !important;
		padding-bottom: 4px !important;
	}

	body.page-id-711 .et_pb_section_5.et_pb_section,
	body.home .et_pb_section_5.et_pb_section {
		padding-top: 24px !important;
		padding-bottom: 72px !important;
	}

	body.page-id-711 .et_pb_section_5 .et_pb_row_5.et_pb_row,
	body.home .et_pb_section_5 .et_pb_row_5.et_pb_row {
		flex-direction: column !important;
		gap: 36px !important;
	}

	body.page-id-711 .et_pb_section_5 .et_pb_column_7,
	body.home .et_pb_section_5 .et_pb_column_7 {
		align-items: center !important;
		text-align: center !important;
	}

	body.page-id-711 .et_pb_section_5 .et_pb_text_4 .et_pb_text_inner p,
	body.home .et_pb_section_5 .et_pb_text_4 .et_pb_text_inner p {
		max-width: 100% !important;
		text-align: center !important;
		font-size: 16px !important;
	}

	body.page-id-711 .et_pb_section_5 .dsm_typing_effect_0 .dsm-typing-effect,
	body.home .et_pb_section_5 .dsm_typing_effect_0 .dsm-typing-effect {
		text-align: center !important;
	}
}


/* =========================================================================
 * 2026-05-01 · "Czym się zajmuję?" section polish
 *
 * DOM mapy strony głównej (page ID 711):
 *   .et_pb_section_2 → tylko H2 "Czym się zajmuję?" (column 4_4)
 *   .et_pb_section_3 → 2-kolumnowy layout:
 *     .et_pb_column_3 (2/5, sticky)  → blurb_0 (zdjęcie Moniki + intro)
 *     .et_pb_column_4 (3/5)          → blurb_1..5 (5 usług, vertical stack)
 *
 * Problemy do rozwiązania (request klienta + audit):
 *   (1) Title `Czym się zajmuję?` nie był wycentrowany — h2 ma inline
 *       `text-align: center`, ale parent `.et_pb_text_align_left` wsadza
 *       text-align: left. Inline na elemencie powinno wygrać, ale klient
 *       widzi przesunięcie — wymuszam centrowanie + h2 polish + złoty trait.
 *   (2) Boxy "rozwalały się przy scrollowaniu" — 5 blurbów stacked w wąskim
 *       3/5 column z dużym Divi paddingiem dawało wrażenie "1 box per ekran".
 *       Naprawa: CSS Grid 2-col w prawej kolumnie. Ostatni Outplacement
 *       spanuje 2 col → układ 2+2+1-full. Sekcja kurczy się ~3x na wysokość.
 *   (3) Inkonsystentne buttony "Zobacz szczegóły" — wszystkie 3 mają
 *       IDENTYCZNY inline style w content (`background: #dbba72`), ale
 *       wizualnie wyglądają różnie (cache + Divi link styles?). Wymuszam
 *       jednolity look przez `[style*="dbba72"]` + !important.
 *
 * Premium polish (do uzgodnienia, łatwo cofnąć):
 *   - białe karty (paper) z border + subtle shadow + radius
 *   - hover lift (-3px) + większy shadow
 *   - h3 nagłówki w kartach przekładam na Bodoni Moda
 *   - złoty 24px stroke nad każdym h3 (cienki accent line)
 *   - intro tekst w lewej kolumnie dostaje większy line-height + serif kursor
 * ========================================================================= */

/* 1. Tytuł sekcji "Czym się zajmuję?" — pełna szerokość + centrowanie.
 *
 * Divi domyślnie limituje row do `width: 80%; max-width: 1080px; margin:
 * auto`. Tytuł centrował się POPRAWNIE w obrębie tych 1080 px, ale wizualnie
 * wyglądał off-center względem szerszej sekcji boxów pod spodem (sticky
 * column lewy + grid prawy razem ciągną się szerzej).
 *
 * Naprawa: row sekcji 2 idzie na 100 % viewportu (jak header etap 4),
 * h2 traci ograniczenie `max-width` i dostaje `width: 100%`, plus
 * `text-align: center` jest jawnie wymuszony na rodzicach (.et_pb_text,
 * .et_pb_text_inner) bo Divi modul ma klasę `et_pb_text_align_left` która
 * wcześniej kolidowała z inline `text-align: center` na h2. */
.et_pb_section_2 .et_pb_row_2.et_pb_row {
	width: 100% !important;
	max-width: 100% !important;
	padding-left: 30px !important;
	padding-right: 30px !important;
}

.et_pb_section_2 .et_pb_column_4_4 {
	width: 100% !important;
	margin-right: 0 !important;
}

.et_pb_section_2 .et_pb_text,
.et_pb_section_2 .et_pb_text_inner {
	text-align: center !important;
	width: 100%;
}

.et_pb_section_2 .et_pb_text_inner h2 {
	text-align: center !important;
	font-family: var(--luc-font-display);
	font-size: clamp(2rem, 3.5vw, 2.75rem);
	line-height: 1.1;
	letter-spacing: -0.01em;
	color: var(--luc-navy-ink);
	margin: 0 auto;
	width: 100%;
	max-width: 100%;
	display: block;
}

/* Złoty trait pod tytułem (eyebrow odwrócony — divider) */
.et_pb_section_2 .et_pb_text_inner h2::after {
	content: "";
	display: block;
	width: 56px;
	height: 2px;
	background: var(--luc-gold);
	margin: 22px auto 0;
}

/* 2. Sekcja 3 — prawy column → CSS Multi-Column Layout (masonry-like).
 *
 * Wcześniejsze podejście z `display: grid; grid-template-columns: 1fr 1fr`
 * miało wadę: grid wymusza równe wysokości w wierszu (`align-items: stretch`)
 * lub generuje puste miejsca pod krótszą kartą (`align-items: start`).
 * Klient explicite chce: każda karta wysokość = naturalna treść, bez pustek.
 *
 * To masonry problem. Native CSS Grid masonry działa tylko w Firefoxie,
 * więc używamy CSS Multi-Column — karty flow-ują pionowo w swojej kolumnie
 * do swojej naturalnej wysokości. Browser balansuje wysokości kolumn.
 *
 * Trade-off: kolejność czytania = "kolumna 1 góra→dół, potem kolumna 2".
 * Dla 4 niezależnych usług to OK (każda samodzielna, brak narracji).
 *
 * Outplacement (5. karta) → `column-span: all` = pełna szerokość pod
 * kolumnami, "domknięcie" sekcji. */
.et_pb_section_3 .et_pb_column_4 {
	display: block !important;
	column-count: 2;
	column-gap: 20px;
}

/* Każda karta = nieprzerywany blok w obrębie kolumny.
 * `break-inside: avoid` (+ webkit prefix) zapobiega rozcinaniu karty
 * między dwiema kolumnami. `inline-block + width: 100%` daje multi-column
 * lepsze wskazówki dla flow. Margin-bottom = wertykalny gap między kartami
 * w obrębie tej samej kolumny. */
.et_pb_section_3 .et_pb_column_4 > .et_pb_blurb {
	break-inside: avoid;
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	display: inline-block;
	width: 100%;
	vertical-align: top;
	margin: 0 0 20px 0 !important;
	height: auto;
}

/* Outplacement (5. karta) — pełna szerokość pod kolumnami */
.et_pb_section_3 .et_pb_column_4 > .et_pb_blurb_5 {
	column-span: all;
	-webkit-column-span: all;
	margin-bottom: 0 !important;
}

/* 3. Karty — białe, premium, subtle elevation.
 *
 * STATIC: Divi czyta `et_pb_motion_elements` w head i JS wstrzykuje inline
 * `transform: translateY(±4px)` na każdy blurb w trakcie scrolla (efekt
 * "wave"). Klient chce statyczne karty — wymuszamy `transform: none
 * !important`, które per CSS spec pokonuje inline-bez-!important
 * (czyli wszystkie inline transformy z JS Divi).
 *
 * Hover bump musi też mieć !important, inaczej idle !important go zabija. */
.et_pb_section_3 .et_pb_column_4 > .et_pb_blurb {
	background: var(--luc-paper);
	border: 1px solid var(--luc-line) !important;
	border-radius: var(--luc-radius-md);
	padding: 28px 26px 24px !important;
	box-shadow: var(--luc-shadow-1);
	transform: none !important;
	opacity: 1 !important;
	will-change: auto !important;
	transition: transform var(--luc-dur-base) var(--luc-ease),
	            box-shadow var(--luc-dur-base) var(--luc-ease),
	            border-color var(--luc-dur-base) var(--luc-ease);
}

/* Killujemy też ewentualną CSS animation z `et_animated` (Divi entry-anim) */
.et_pb_section_3 .et_pb_column_4 > .et_pb_blurb.et_animated,
.et_pb_section_3 .et_pb_column_4 > .et_pb_blurb {
	animation: none !important;
}

.et_pb_section_3 .et_pb_column_4 > .et_pb_blurb:hover {
	transform: translateY(-3px) !important;
	box-shadow: var(--luc-shadow-2);
	border-color: var(--luc-gold-soft) !important;
}

/* 4. H3 w kartach — Bodoni Moda + cienki złoty stroke pod tytułem */
.et_pb_section_3 .et_pb_column_4 > .et_pb_blurb .et_pb_module_header {
	font-family: var(--luc-font-display);
	font-size: 1.35rem;
	line-height: 1.2;
	font-weight: 500;
	color: var(--luc-navy-ink);
	margin: 0 0 14px;
	padding-bottom: 12px;
	border-bottom: 1px solid var(--luc-line);
	position: relative;
}

.et_pb_section_3 .et_pb_column_4 > .et_pb_blurb .et_pb_module_header::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 32px;
	height: 1px;
	background: var(--luc-gold);
}

/* 5. Opis w karcie — Poppins, czytelny line-height, kolor z palety */
.et_pb_section_3 .et_pb_column_4 > .et_pb_blurb .et_pb_blurb_description {
	font-family: var(--luc-font-body);
	font-size: 14.5px;
	line-height: 1.65;
	color: var(--luc-text-muted);
}

.et_pb_section_3 .et_pb_column_4 > .et_pb_blurb .et_pb_blurb_description p {
	margin-bottom: 12px;
}
.et_pb_section_3 .et_pb_column_4 > .et_pb_blurb .et_pb_blurb_description p:last-child {
	margin-bottom: 0;
}

/* 6. Ikona blurba (jeśli jest — Gallup ma gwiazdkę, Outplacement szachownicę).
 * Trzymamy ją w lewym górnym narożniku, mniej dominującą. */
.et_pb_section_3 .et_pb_column_4 > .et_pb_blurb .et_pb_main_blurb_image {
	margin-bottom: 14px;
}
.et_pb_section_3 .et_pb_column_4 > .et_pb_blurb .et-pb-icon {
	color: var(--luc-gold) !important;
	font-size: 28px !important;
}

/* 7. Buttony "Zobacz szczegóły" — UJEDNOLICONE jako gold-text-link.
 *
 * Wzorcem jest Rekrutacja (link-style: gold tekst + gold underline, bez
 * pilla, bez tła). Wcześniejszy override na pill button matchował się
 * tylko na Executive Outplacement — Rekrutacja i Doradztwo miały (i mają)
 * jakąś niewidzialną Divi/legacy regułę typu `.et_pb_blurb a { background:
 * transparent !important }` która zjadała gold-bg z inline. Zamiast walczyć
 * o pilla i tracić dwa CTA, idziemy w drugą stronę: WSZYSTKIE 3 jako link.
 *
 * Override wymusza `background: transparent`, padding 0, brak pilla,
 * gold underline. Specyficzność (0,3,1) + każda deklaracja !important
 * pokonuje inline-bez-!important i większość Divi defaults. */
.et_pb_section_3 .et_pb_blurb_description a[style*="dbba72"] {
	display: inline !important;
	background: transparent !important;
	background-color: transparent !important;
	color: var(--luc-gold-deep) !important;
	font-family: var(--luc-font-display) !important;
	font-size: 16px !important;
	font-weight: 500 !important;
	letter-spacing: 0.01em !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	text-decoration: underline !important;
	text-decoration-color: var(--luc-gold) !important;
	text-decoration-thickness: 1px !important;
	text-underline-offset: 4px !important;
	margin: 6px 0 0 0 !important;
	transition: color var(--luc-dur-base) var(--luc-ease),
	            text-decoration-color var(--luc-dur-base) var(--luc-ease) !important;
}

.et_pb_section_3 .et_pb_blurb_description a[style*="dbba72"]:hover {
	color: var(--luc-navy) !important;
	text-decoration-color: var(--luc-navy) !important;
	background: transparent !important;
}

/* CTA siedzi w `<p style="text-align: center">` — center keep, ale bez extra
 * margin który <p> daje przez Divi. */
.et_pb_section_3 .et_pb_blurb_description p[style*="text-align: center"],
.et_pb_section_3 .et_pb_blurb_description p[style*="text-align:center"] {
	margin-top: 16px !important;
	margin-bottom: 0 !important;
}

/* `<br>` przed/za `<a>` w content (edytor WP) dodaje nadmiarowy whitespace
 * w karcie. Hide tylko `<br>` które są BEZPOŚREDNIM rodzeństwem CTA. */
.et_pb_section_3 .et_pb_blurb_description p[style*="text-align: center"] br,
.et_pb_section_3 .et_pb_blurb_description p[style*="text-align:center"] br {
	display: none !important;
}

/* 8. Lewy sticky column (intro o Monice) — drobny polish, żeby nie zgrzytał
 * z nowym look prawej strony. */
.et_pb_section_3 .et_pb_column_3 .et_pb_blurb_description {
	font-family: var(--luc-font-body);
	font-size: 15px;
	line-height: 1.7;
	color: var(--luc-text);
}

/* 9. Mobile (≤980px) — kolumny kolapsują na 1, sticky się wyłącza
 * (Divi sticky_module domyślnie off na tablet/phone — patrz
 * et_pb_sticky_elements w head: `position: {desktop: top, tablet: none,
 * phone: none}`). */
@media (max-width: 980px) {
	.et_pb_section_3 .et_pb_column_4 {
		column-count: 1;
	}
	.et_pb_section_3 .et_pb_column_4 > .et_pb_blurb_5 {
		column-span: none;
		-webkit-column-span: none;
	}
	.et_pb_section_3 .et_pb_column_4 > .et_pb_blurb {
		padding: 22px 20px !important;
		margin-bottom: 16px !important;
	}
}


/* =========================================================================
 * 2026-05-01 · Sekcja "Mówią o mnie" — LinkedIn replica
 *
 * Cała sekcja jest renderowana z jednego modułu Divi Code w admin_label
 * Rekomendacje (były embed nagłówka profilu LI — usunięty). HTML w Code module.
 *
 * Goal: karty rekomendacji + CTA „Zobacz wszystkie”; nagłówek „Mówią o mnie” jak Strefa Wiedzy.
 * z LinkedIna (białe karty, kolorowe inicjały-avatary, "in" logo, niebieski
 * footer CTA z linkiem do prawdziwego profilu Moniki).
 *
 * Tokeny LinkedIn:
 *   bg sekcji  #f3f2ef     - LinkedIn page bg
 *   białe karty + 1px border rgba(0,0,0,.08), border-radius 8px
 *   niebieski  #0A66C2     - LinkedIn brand blue
 *   font stack: system (jak LinkedIn)
 *
 * Selektory namaczam w `.luc-li` żeby zero ryzyka kolizji z innym contentem.
 * ========================================================================= */

.luc-li {
	--li-card: #fff;
	--li-line: rgba(0, 0, 0, .08);
	--li-text: rgba(0, 0, 0, .9);
	--li-text-2: rgba(0, 0, 0, .6);
	--li-text-3: rgba(0, 0, 0, .42);
	--li-blue: #0A66C2;
	--li-blue-deep: #004182;

	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
	             "Helvetica Neue", Arial, sans-serif;
	color: var(--li-text);
	max-width: 1040px;
	margin: 0 auto;
	padding: 0;
	line-height: 1.45;
}

/* Nagłówek sekcji (jak „Sprawdź Strefę Wiedzy”: Bodoni + złota kreska) */
.luc-li__page-head {
	text-align: center;
	margin: 0 auto 40px;
	max-width: 720px;
	padding: 0 16px;
}

.luc-li__page-title {
	font-family: var(--luc-font-display, "Bodoni Moda"), Georgia, serif !important;
	font-weight: 400 !important;
	font-size: clamp(1.75rem, 2.6vw, 2.5rem) !important;
	letter-spacing: -0.005em !important;
	line-height: 1.15 !important;
	color: var(--luc-navy-ink, #1a1a2e) !important;
	margin: 0 !important;
}

.luc-li__page-title::after {
	content: "";
	display: block;
	width: 56px;
	height: 2px;
	background: var(--luc-gold, #dbba72);
	margin: 22px auto 0;
}

/* Reset — h3/h4/h5 dziedziczą z Divi Bodoni Moda. Resetujemy do system. */
.luc-li h3,
.luc-li h4,
.luc-li h5 {
	font-family: inherit !important;
	color: var(--li-text) !important;
	letter-spacing: 0 !important;
	font-weight: 700;
}

.luc-li p {
	font-family: inherit;
	margin: 0;
	color: inherit;
}

.luc-li a {
	transition: color 200ms ease;
}

/* ===== Profile header (góra: cover + avatar + bio) ===== */
.luc-li__profile {
	background: var(--li-card);
	border: 1px solid var(--li-line);
	border-radius: 8px;
	overflow: hidden;
	margin-bottom: 16px;
}

.luc-li__cover {
	height: 96px;
	background: linear-gradient(135deg, #0A66C2 0%, #004182 60%, #1A1A2E 100%);
}

.luc-li__bio {
	display: flex;
	gap: 16px;
	padding: 0 24px 20px;
	margin-top: -42px;
	align-items: flex-start;
}

.luc-li__avatar {
	width: 96px !important;
	height: 96px !important;
	border-radius: 50%;
	border: 4px solid #fff;
	object-fit: cover;
	object-position: center 20%;
	flex-shrink: 0;
	background: #fff;
	box-shadow: 0 1px 4px rgba(0, 0, 0, .1);
	display: block;
}

.luc-li__id {
	padding-top: 50px;
	min-width: 0;
}

.luc-li__name {
	font-size: 22px !important;
	font-weight: 700 !important;
	margin: 0 0 4px !important;
	display: flex;
	align-items: center;
	gap: 6px;
	line-height: 1.25;
}

.luc-li__brand-icon {
	width: 18px;
	height: 18px;
	fill: var(--li-blue);
	flex-shrink: 0;
	display: inline-block;
	vertical-align: middle;
}

.luc-li__headline {
	font-size: 14px;
	color: var(--li-text);
	line-height: 1.4;
	margin: 0 0 4px !important;
	font-weight: 400;
}

.luc-li__loc {
	font-size: 13px;
	color: var(--li-text-2);
	margin: 0 !important;
}

/* ===== Recommendations panel ===== */
.luc-li__rec-head {
	padding: 20px 24px 12px;
	background: var(--li-card);
	border: 1px solid var(--li-line);
	border-bottom: 0;
	border-radius: 8px 8px 0 0;
}

.luc-li__rec-title {
	font-size: 18px !important;
	font-weight: 700 !important;
	margin: 0 0 4px !important;
}

.luc-li__rec-sub {
	font-size: 13px;
	color: var(--li-text-2);
}

/* Cards — multi-column 2 dla naturalnych wysokości (jak w sekcji usług) */
.luc-li__grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	margin-bottom: 20px;
}

.luc-li__card {
	display: block;
	width: 100%;
	background: var(--li-card);
	border: 1px solid var(--li-line);
	border-top: 3px solid var(--luc-gold, #dbba72);
	border-radius: 8px;
	padding: 20px 20px 16px;
	margin: 0;
	box-shadow: 0 2px 10px rgba(0,0,0,.04);
	transition: box-shadow 200ms ease, transform 150ms ease;
}

.luc-li__card:hover {
	box-shadow: 0 4px 18px rgba(0,0,0,.08);
	transform: translateY(-2px);
}

/* .luc-li__card:last-child — border-bottom removed when cards became standalone grid items */

.luc-li__card-head {
	display: flex;
	gap: 12px;
	margin-bottom: 10px;
	align-items: flex-start;
}

.luc-li__card-avatar {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	text-transform: uppercase;
	letter-spacing: 0.02em;
	background: #5E6770; /* fallback */
}

/* Per-recommender brand colors (LinkedIn-ish placeholder palette) */
.luc-li__card--blue   .luc-li__card-avatar { background: #0A66C2; }
.luc-li__card--green  .luc-li__card-avatar { background: #057642; }
.luc-li__card--purple .luc-li__card-avatar { background: #7A3E96; }
.luc-li__card--brown  .luc-li__card-avatar { background: #8F5849; }
.luc-li__card--salmon .luc-li__card-avatar { background: #C75300; }
.luc-li__card--gold   .luc-li__card-avatar { background: #915907; }
.luc-li__card--gray   .luc-li__card-avatar { background: #5E6770; }

.luc-li__card-id {
	flex: 1;
	min-width: 0;
}

.luc-li__card-name {
	font-size: 15px !important;
	font-weight: 600 !important;
	margin: 0 0 2px !important;
	line-height: 1.3;
}

.luc-li__card-name a {
	color: var(--li-text) !important;
	text-decoration: none !important;
}

.luc-li__card-name a:hover {
	color: var(--li-blue) !important;
	text-decoration: underline !important;
}

.luc-li__deg {
	font-size: 12px;
	color: var(--li-text-3);
	font-weight: 400;
	margin-left: 4px;
}

.luc-li__card-title {
	font-size: 12px;
	color: var(--li-text-2);
	line-height: 1.4;
	margin: 0 0 2px !important;
}

.luc-li__card-meta {
	font-size: 12px;
	color: var(--li-text-3);
	margin: 0 !important;
}

.luc-li__card-text {
	font-size: 14px;
	line-height: 1.55;
	color: var(--li-text);
}

.luc-li__card-text p {
	margin: 0 0 8px !important;
}

.luc-li__card-text p:last-child {
	margin-bottom: 0 !important;
}

/* ===== Footer CTA ===== */
.luc-li__footer {
	background: var(--li-card);
	border: 1px solid var(--li-line);
	border-radius: 8px;
	padding: 20px 24px;
	text-align: center;
}

.luc-li__cta {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 10px 22px;
	background: var(--li-blue);
	color: #fff !important;
	border-radius: 999px;
	text-decoration: none !important;
	font-size: 14px;
	font-weight: 600;
	transition: background 200ms ease, transform 100ms ease;
	box-shadow: 0 2px 8px rgba(10, 102, 194, .25);
}

.luc-li__cta:hover {
	background: var(--li-blue-deep);
	transform: translateY(-1px);
}

.luc-li__cta .luc-li__brand-icon {
	width: 18px;
	height: 18px;
	fill: #fff;
}

.luc-li__cta-arrow {
	margin-left: 2px;
	font-weight: 400;
}

/* Strona /kontakt/: kolumna z tekstem + Calendly (nad Bloom newsletter) */
body.page-id-1472 .luc-kontakt-calendly-section.et_pb_section {
	padding-top: 40px !important;
	padding-bottom: 24px !important;
}

body.page-id-1472 .luc-kontakt-calendly-section > .et_pb_row {
	align-items: center;
	padding-bottom: 0 !important;
	margin-bottom: 0 !important;
}

body.page-id-1472 .luc-kontakt-calendly-section .et_pb_column .et_pb_module.et_pb_code:last-child {
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}

body.page-id-1472 .luc-kontakt-calendly-section .luc-kontakt-calendly {
	width: 100%;
	min-width: 0 !important;
	height: 640px !important;
}

/* Bloom ma globalnie padding 80px — na Kontakcie zbija „białą poświatę” nad navy boxem */
html body.page-id-1472 .et_bloom_below_post {
	padding-top: 24px !important;
	padding-bottom: 56px !important;
}

@media (max-width: 980px) {
	body.page-id-1472 .luc-kontakt-calendly-section > .et_pb_row > .et_pb_column:last-child {
		margin-top: 8px;
	}
}

@media (max-width: 767px) {
	body.page-id-1472 .luc-kontakt-calendly-section .luc-kontakt-calendly {
		height: 560px !important;
	}

	html body.page-id-1472 .et_bloom_below_post {
		padding-top: 16px !important;
		padding-bottom: 40px !important;
	}
}

/* Reset Divi padding wokół Code modułu — ten moduł hostuje WHOLE LinkedIn UI */
.et_pb_section[data-admin-label="Mówią o mnie"] .et_pb_module.et_pb_code,
.et_pb_section .et_pb_code:has(.luc-li) {
	padding: 0 !important;
	margin: 0 !important;
}

/* ===== Mobile (≤700px) ===== */
@media (max-width: 700px) {
	.luc-li__page-head {
		margin-bottom: 28px;
	}

	.luc-li__grid {
		grid-template-columns: 1fr;
		gap: 12px;
		padding: 0;
	}
	.luc-li__bio {
		padding: 0 16px 16px;
		gap: 12px;
		flex-direction: column;
		align-items: center;
		text-align: center;
		margin-top: -50px;
	}
	.luc-li__avatar {
		width: 80px !important;
		height: 80px !important;
	}
	.luc-li__id {
		padding-top: 0;
	}
	.luc-li__name {
		font-size: 20px !important;
		justify-content: center;
	}
	.luc-li__rec-head {
		padding: 16px 16px 8px;
	}
	.luc-li__footer {
		padding: 14px 16px 16px;
	}
}

/* =====================================================================
   Sekcja: Porozmawiajmy o Twojej karierze (CTA)
   Premium B2B contact module — own namespace, zero kolizji z Divi.
   ===================================================================== */
.luc-cta {
	--cta-bg: #1a1a2e;
	--cta-text: #ffffff;
	--cta-text-2: rgba(255, 255, 255, .78);
	--cta-text-3: rgba(255, 255, 255, .55);
	--cta-line: rgba(255, 255, 255, .08);
	--cta-line-strong: rgba(255, 255, 255, .14);
	--cta-gold: #dbba72;
	--cta-gold-deep: #c69f54;

	font-family: var(--luc-font-body);
	color: var(--cta-text);
	text-align: center;
	max-width: 880px;
	margin: 0 auto;
	padding: 0 24px;
}

.luc-cta__head {
	margin-bottom: 56px;
}

.luc-cta__eyebrow {
	font-family: var(--luc-font-body);
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.28em;
	text-transform: uppercase;
	color: var(--cta-gold);
	margin: 0 0 18px;
}

.luc-cta__title {
	font-family: var(--luc-font-display);
	font-size: clamp(2rem, 3.4vw, 2.75rem);
	line-height: 1.15;
	font-weight: 400;
	letter-spacing: -0.005em;
	color: var(--cta-text) !important;
	margin: 0 0 22px;
}

.luc-cta__divider {
	width: 56px;
	height: 2px;
	background: var(--cta-gold);
	border: 0;
	margin: 0 auto 24px;
	display: block;
}

.luc-cta__lead {
	font-family: var(--luc-font-body);
	font-size: 16.5px;
	line-height: 1.7;
	color: var(--cta-text-2);
	max-width: 640px;
	margin: 0 auto;
}

/* --- Channels (telefon + email) — flex 2-col, obok siebie --- */
.luc-cta__channels {
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: wrap;
	gap: 20px;
	max-width: 760px;
	width: 100%;
	margin: 0 auto 48px;
	box-sizing: border-box;
}

.luc-cta__channel {
	flex: 1 1 0;
	min-width: 0;
	display: flex !important;
	align-items: center;
	gap: 16px;
	padding: 22px 24px;
	background: rgba(255, 255, 255, .035);
	border: 1px solid var(--cta-line);
	border-radius: 14px;
	text-decoration: none !important;
	color: var(--cta-text) !important;
	text-align: left;
	box-sizing: border-box;
	transition: background var(--luc-dur-base) var(--luc-ease),
	            border-color var(--luc-dur-base) var(--luc-ease),
	            transform var(--luc-dur-fast) var(--luc-ease);
}

.luc-cta__channel:hover {
	background: rgba(219, 186, 114, .08);
	border-color: rgba(219, 186, 114, .45);
	transform: translateY(-2px);
}

.luc-cta__icon {
	width: 46px;
	height: 46px;
	border-radius: 50%;
	background: rgba(219, 186, 114, .14);
	color: var(--cta-gold);
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	transition: background var(--luc-dur-base) var(--luc-ease);
}

.luc-cta__channel:hover .luc-cta__icon {
	background: rgba(219, 186, 114, .22);
}

.luc-cta__icon svg {
	width: 20px;
	height: 20px;
	fill: currentColor;
	display: block;
}

.luc-cta__meta {
	display: flex;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
	flex: 1;
}

.luc-cta__label {
	font-family: var(--luc-font-body);
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: var(--cta-gold);
}

.luc-cta__value {
	font-family: var(--luc-font-body);
	font-size: 15.5px;
	font-weight: 500;
	color: var(--cta-text);
	line-height: 1.35;
	overflow-wrap: anywhere;
	word-break: break-word;
}

/* --- Footer (button + hint) --- */
.luc-cta__footer {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 14px;
}

.luc-cta__btn {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	padding: 17px 38px;
	background: var(--cta-gold);
	color: var(--luc-navy) !important;
	font-family: var(--luc-font-body);
	font-weight: 600;
	font-size: 15px;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	border-radius: 999px;
	text-decoration: none !important;
	box-shadow: 0 12px 30px rgba(219, 186, 114, .35);
	transition: background var(--luc-dur-base) var(--luc-ease),
	            transform var(--luc-dur-fast) var(--luc-ease),
	            box-shadow var(--luc-dur-base) var(--luc-ease);
}

.luc-cta__btn:hover {
	background: var(--cta-gold-deep);
	transform: translateY(-2px);
	box-shadow: 0 16px 40px rgba(219, 186, 114, .5);
}

.luc-cta__btn-arrow {
	display: inline-block;
	font-size: 18px;
	line-height: 1;
	transition: transform var(--luc-dur-base) var(--luc-ease);
}

.luc-cta__btn:hover .luc-cta__btn-arrow {
	transform: translateX(4px);
}

.luc-cta__hint {
	font-family: var(--luc-font-body);
	font-size: 13px;
	color: var(--cta-text-3);
	margin: 0;
	letter-spacing: 0.01em;
}

/* Wyzeruj padding Divi wokół Code modułu z .luc-cta */
.et_pb_section .et_pb_code:has(.luc-cta) {
	padding: 0 !important;
	margin: 0 !important;
}

/* --- Mobile --- */
@media (max-width: 720px) {
	.luc-cta {
		padding: 0 18px;
	}
	.luc-cta__head {
		margin-bottom: 40px;
	}
	.luc-cta__title {
		margin-bottom: 18px;
	}
	.luc-cta__lead {
		font-size: 15.5px;
	}
	.luc-cta__channels {
		grid-template-columns: 1fr;
		gap: 12px;
		margin-bottom: 36px;
	}
	.luc-cta__channel {
		padding: 18px 20px;
	}
	.luc-cta__value {
		font-size: 15px;
	}
	.luc-cta__btn {
		padding: 15px 30px;
		font-size: 14px;
		letter-spacing: 0.12em;
	}
	.luc-cta__hint {
		font-size: 12px;
		padding: 0 12px;
	}
}

/* =====================================================================
   Sekcja: Sprawdź Strefę Wiedzy (Blog grid)
   Premium B2B insights module + polish kart bloga.
   ===================================================================== */

/* Padding sekcji — extra oddech po navy CTA powyżej */
.luc-knowledge.et_pb_section {
	padding-top: 130px !important;
	padding-bottom: 100px !important;
}
@media (max-width: 980px) {
	.luc-knowledge.et_pb_section {
		padding-top: 90px !important;
		padding-bottom: 70px !important;
	}
}
@media (max-width: 720px) {
	.luc-knowledge.et_pb_section {
		padding-top: 70px !important;
		padding-bottom: 56px !important;
	}
}

/* --- Header sekcji (eyebrow + tytuł + divider + lead) --- */
.luc-knowledge .luc-knowledge__head {
	text-align: center;
}

.luc-knowledge .luc-knowledge__head .et_pb_text_inner {
	max-width: 720px;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.luc-knowledge__eyebrow {
	font-family: var(--luc-font-body);
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.28em;
	text-transform: uppercase;
	color: var(--luc-gold);
	margin: 0 0 18px;
}

.luc-knowledge .luc-knowledge__head h2 {
	font-family: var(--luc-font-display);
	font-weight: 400;
	letter-spacing: -0.005em;
	line-height: 1.15;
	color: var(--luc-navy-ink) !important;
	margin: 0 0 22px;
	position: relative;
}

.luc-knowledge .luc-knowledge__head h2::after {
	content: "";
	display: block;
	width: 56px;
	height: 2px;
	background: var(--luc-gold);
	margin: 22px auto 0;
}

.luc-knowledge__lead {
	font-family: var(--luc-font-body);
	font-size: 16px;
	line-height: 1.65;
	color: var(--luc-text-muted);
	margin: 24px 0 0;
	max-width: 600px;
}

/* --- Blog grid: subtle premium card upgrade --- */
.luc-knowledge .et_pb_blog_grid .et_pb_post {
	background: #fff;
	transition: transform var(--luc-dur-base) var(--luc-ease),
	            box-shadow var(--luc-dur-base) var(--luc-ease);
}

.luc-knowledge .et_pb_blog_grid .et_pb_post:hover {
	transform: translateY(-3px);
}

.luc-knowledge .et_pb_blog_grid .et_pb_post .entry-featured-image-url {
	display: block;
	overflow: hidden;
	border-radius: var(--luc-radius-md);
	box-shadow: var(--luc-shadow-1);
	transition: box-shadow var(--luc-dur-base) var(--luc-ease);
}

.luc-knowledge .et_pb_blog_grid .et_pb_post:hover .entry-featured-image-url {
	box-shadow: var(--luc-shadow-2);
}

.luc-knowledge .et_pb_blog_grid .et_pb_post .entry-title {
	margin-top: 18px !important;
	transition: color var(--luc-dur-base) var(--luc-ease);
}

.luc-knowledge .et_pb_blog_grid .et_pb_post .entry-title a {
	color: var(--luc-navy-ink) !important;
	transition: color var(--luc-dur-base) var(--luc-ease);
}

.luc-knowledge .et_pb_blog_grid .et_pb_post:hover .entry-title a,
.luc-knowledge .et_pb_blog_grid .et_pb_post .entry-title a:hover {
	color: var(--luc-gold) !important;
}

/* Czysty separator daty — kropka via ::before, override legacy escape */
.luc-knowledge .et_pb_blog_grid .et_pb_post .post-meta .published::before {
	content: "  \00B7  " !important;
	color: var(--luc-text-muted) !important;
	font-family: var(--luc-font-body) !important;
}

/* Bezpiecznik: ukryj wszelkie potencjalne tekstowe nodes w post-meta poza
   .author / .published / a[rel=tag] (eliminuje "utworzone przez" i pipe |) */
.luc-knowledge .et_pb_blog_grid .et_pb_post .post-meta {
	font-size: 0 !important;
	color: transparent !important;
	margin-top: 14px !important;
}
.luc-knowledge .et_pb_blog_grid .et_pb_post .post-meta .author,
.luc-knowledge .et_pb_blog_grid .et_pb_post .post-meta .author a,
.luc-knowledge .et_pb_blog_grid .et_pb_post .post-meta .published {
	font-size: 13px !important;
	color: var(--luc-text-muted) !important;
}

/* Tag badge na obrazku — biały tekst, navy pill (zachowanie z legacy) */
.luc-knowledge .et_pb_blog_grid .et_pb_post .post-meta a[rel="tag"] {
	color: #ffffff !important;
	font-size: 10px !important;
	background: var(--luc-navy) !important;
	letter-spacing: 1.5px !important;
	transition: background var(--luc-dur-base) var(--luc-ease);
}

.luc-knowledge .et_pb_blog_grid .et_pb_post .post-meta a[rel="tag"]:hover {
	background: var(--luc-gold) !important;
	color: var(--luc-navy) !important;
}

/* Mobile */
@media (max-width: 720px) {
	.luc-knowledge__eyebrow {
		font-size: 10.5px;
		margin-bottom: 14px;
	}
	.luc-knowledge .luc-knowledge__head h2::after {
		margin-top: 18px;
	}
	.luc-knowledge__lead {
		font-size: 15px;
	}
}

/* =====================================================================
   Sekcja: Newsletter (Bloom inline optin .et_bloom_below_post)
   Premium B2B — split panel z avatarem + form, gold accents.

   Notatka o specificity: Bloom domyślny CSS używa selektorów typu
   `.et_bloom .et_bloom_form_right .et_bloom_X` (3 klasy). Żeby przebić
   bez wojny `!important` poprzedzam selektory `html body` (tag boost),
   plus aggressive reset Bloom default na display/float/opacity/width.
   ===================================================================== */

/* Wyrwij newsletter z constraint width .entry-content (full-bleed do krawędzi
   viewportu) i daj białe tło na pełną szerokość nad stopką. */
html body .et_bloom_below_post {
	padding: 80px 24px !important;
	background: #ffffff !important;
	position: relative !important;
	width: 100vw !important;
	max-width: 100vw !important;
	margin-left: calc(50% - 50vw) !important;
	margin-right: calc(50% - 50vw) !important;
	left: 0 !important;
	right: 0 !important;
	box-sizing: border-box !important;
}

@media (max-width: 768px) {
	html body .et_bloom_below_post {
		padding: 48px 16px !important;
	}
}

html body .et_bloom_below_post .et_bloom_inline_form {
	max-width: none !important;
	width: 100% !important;
	margin: 0 !important;
}

/* --- Box: navy gradient full-bleed (od krawędzi do krawędzi) --- */
html body .et_bloom_below_post .et_bloom_form_container {
	background: linear-gradient(135deg, #1a1a2e 0%, #25253a 100%) !important;
	border-radius: 0 !important;
	overflow: hidden !important;
	box-shadow: none !important;
	position: relative;
	padding: 0 !important;
	border: 0 !important;
	width: 100% !important;
	max-width: none !important;
}

html body .et_bloom_below_post .et_bloom_form_container::before {
	display: none !important;
}

/* --- Layout: kill Bloom table-cell + 66/34 split, force flex 2-col.
   Wrapper centered max 1280 px — navy bg leci od krawędzi, content nie. --- */
html body .et_bloom_below_post .et_bloom_form_container_wrapper {
	display: flex !important;
	flex-direction: row !important;
	align-items: stretch !important;
	gap: 0 !important;
	width: 100% !important;
	max-width: 1280px !important;
	margin: 0 auto !important;
}

/* --- Left panel: header_outer (avatar + text) --- */
html body .et_bloom_below_post .et_bloom_header_outer {
	width: 55% !important;
	flex: 0 0 55% !important;
	padding: 56px 48px !important;
	display: flex !important;
	align-items: center !important;
	background: transparent !important;
	height: auto !important;
	float: none !important;
}

html body .et_bloom_below_post .et_bloom_form_header {
	display: flex !important;
	flex-direction: column !important;
	gap: 28px !important;
	align-items: flex-start !important;
	width: 100% !important;
	padding: 0 !important;
	background: transparent !important;
	overflow: visible !important;
}

/* Avatar — kill Bloom defaults: opacity:0, float:left, max-width:40% */
html body .et_bloom_below_post .et_bloom_form_header img.et_bloom_image,
html body .et_bloom_below_post .et_bloom_form_header.split img {
	opacity: 1 !important;
	width: 130px !important;
	height: 130px !important;
	max-width: 130px !important;
	min-width: 130px !important;
	object-fit: cover !important;
	border-radius: 50% !important;
	border: 3px solid rgba(219, 186, 114, .45) !important;
	box-shadow: 0 12px 30px rgba(0, 0, 0, .35) !important;
	margin: 0 !important;
	padding: 0 !important;
	float: none !important;
	display: block !important;
	animation: none !important;
	-webkit-animation: none !important;
}

/* Text block — kill table-cell from Bloom .split rule */
html body .et_bloom_below_post .et_bloom_form_text,
html body .et_bloom_below_post .split .et_bloom_form_text {
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	padding: 0 !important;
	background: transparent !important;
	float: none !important;
	clear: both !important;
}

html body .et_bloom_below_post .et_bloom_form_text::before {
	content: "Newsletter";
	display: block;
	font-family: var(--luc-font-body);
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.28em;
	text-transform: uppercase;
	color: var(--luc-gold, #dbba72);
	margin-bottom: 14px;
}

/* h2: Bloom forsuje font-size:24px !important + font-weight:600 — bijemy */
html body .et_bloom_below_post .et_bloom_form_header h2,
html body .et_bloom_below_post .et_bloom_form_text h2 {
	display: block !important;
	font-family: var(--luc-font-display, "Bodoni Moda"), Georgia, serif !important;
	font-size: 26px !important;
	font-weight: 400 !important;
	line-height: 1.2 !important;
	color: #ffffff !important;
	margin: 0 0 16px 0 !important;
	padding: 0 !important;
	letter-spacing: -0.005em !important;
	text-align: left !important;
	text-transform: none !important;
}

html body .et_bloom_below_post .et_bloom_form_text h2::after {
	content: "";
	display: block;
	width: 48px;
	height: 2px;
	background: var(--luc-gold, #dbba72);
	margin: 18px 0 0 0;
}

html body .et_bloom_below_post .et_bloom_form_text p {
	font-family: var(--luc-font-body, Poppins), sans-serif !important;
	font-size: 15px !important;
	line-height: 1.65 !important;
	color: rgba(255, 255, 255, .82) !important;
	margin: 22px 0 0 !important;
	text-align: left !important;
}

/* --- Right panel (form) --- */
html body .et_bloom_below_post .et_bloom_form_content {
	width: 45% !important;
	flex: 0 0 45% !important;
	padding: 56px 48px !important;
	background: rgba(0, 0, 0, .18) !important;
	display: flex !important;
	flex-direction: column !important;
	justify-content: center !important;
	border: 0 !important;
	float: none !important;
}

html body .et_bloom_below_post .et_bloom_form_content form {
	width: 100% !important;
}

html body .et_bloom_below_post .et_bloom_fields {
	display: flex !important;
	flex-direction: column !important;
	gap: 12px !important;
	width: 100% !important;
	height: auto !important;
}

html body .et_bloom_below_post .et_bloom_popup_input {
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	width: 100% !important;
	float: none !important;
	display: block !important;
}

html body .et_bloom_below_post .et_bloom_optin_4 .et_bloom_popup_input input,
html body .et_bloom_below_post .et_bloom_popup_input input {
	background: rgba(255, 255, 255, .07) !important;
	border: 1px solid rgba(255, 255, 255, .16) !important;
	color: #ffffff !important;
	padding: 15px 24px !important;
	font-family: var(--luc-font-body, Poppins), sans-serif !important;
	font-size: 13px !important;
	letter-spacing: 0.12em !important;
	text-transform: uppercase !important;
	border-radius: 999px !important;
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box !important;
	margin: 0 !important;
	transition: background .25s ease, border-color .25s ease, box-shadow .25s ease;
}

html body .et_bloom_below_post .et_bloom_popup_input input::placeholder {
	color: rgba(255, 255, 255, .5) !important;
	opacity: 1;
	text-transform: uppercase !important;
	letter-spacing: 0.12em !important;
}

html body .et_bloom_below_post .et_bloom_popup_input input:focus {
	background: rgba(255, 255, 255, .11) !important;
	border-color: rgba(219, 186, 114, .55) !important;
	outline: 0 !important;
	box-shadow: 0 0 0 3px rgba(219, 186, 114, .14) !important;
}

/* --- Button --- */
html body .et_bloom_below_post .et_bloom_optin_4 .et_bloom_submit_subscription,
html body .et_bloom_below_post .et_bloom_submit_subscription {
	background: var(--luc-gold, #dbba72) !important;
	color: var(--luc-navy, #1a1a2e) !important;
	padding: 17px 28px !important;
	border-radius: 999px !important;
	border: 0 !important;
	font-family: var(--luc-font-body, Poppins), sans-serif !important;
	font-weight: 600 !important;
	font-size: 14px !important;
	line-height: 1.2 !important;
	letter-spacing: 0.16em !important;
	text-transform: uppercase !important;
	box-shadow: 0 12px 30px rgba(219, 186, 114, .35) !important;
	cursor: pointer;
	width: 100% !important;
	max-width: 100% !important;
	margin: 6px 0 0 0 !important;
	float: none !important;
	display: block !important;
	white-space: nowrap !important;
	transition: background .25s ease, transform .15s ease, box-shadow .25s ease;
}

html body .et_bloom_below_post .et_bloom_submit_subscription:hover {
	background: #c69f54 !important;
	transform: translateY(-2px);
	box-shadow: 0 16px 40px rgba(219, 186, 114, .5) !important;
}

html body .et_bloom_below_post .et_bloom_button_text,
html body .et_bloom_below_post .et_bloom_button_text_color_dark {
	color: var(--luc-navy, #1a1a2e) !important;
}

/* --- Mobile (single-col stack) --- */
@media (max-width: 820px) {
	html body .et_bloom_below_post {
		padding: 60px 16px !important;
	}
	html body .et_bloom_below_post .et_bloom_form_container_wrapper {
		flex-direction: column !important;
	}
	html body .et_bloom_below_post .et_bloom_header_outer,
	html body .et_bloom_below_post .et_bloom_form_content {
		width: 100% !important;
		flex: 1 1 100% !important;
		padding: 40px 28px !important;
	}
	html body .et_bloom_below_post .et_bloom_form_header {
		align-items: center !important;
		text-align: center !important;
		gap: 22px !important;
	}
	html body .et_bloom_below_post .et_bloom_form_header img.et_bloom_image,
	html body .et_bloom_below_post .et_bloom_form_header.split img {
		width: 110px !important;
		height: 110px !important;
		max-width: 110px !important;
		min-width: 110px !important;
	}
	html body .et_bloom_below_post .et_bloom_form_text,
	html body .et_bloom_below_post .et_bloom_form_text h2,
	html body .et_bloom_below_post .et_bloom_form_text p {
		text-align: center !important;
	}
	html body .et_bloom_below_post .et_bloom_form_text::before {
		text-align: center;
	}
	html body .et_bloom_below_post .et_bloom_form_text h2::after {
		margin-left: auto !important;
		margin-right: auto !important;
	}
}


/* =====================================================================
   PAGE: /badania-gallupa/  (page-id-2488)
   Premium B2B overhaul — CSS-only, scope body.page-id-2488.
   Hero, Co zyskasz, Pakiety, USP, Plan wdrożenia, CTA.
   ===================================================================== */

/* ─── 1. Globals + section rhythm ─────────────────────────────────────── */

body.page-id-2488 {
	background: #fff;
}

/* Wszystkie listy ul/ol li wyrównane do lewej (override Divi/legacy
   centering w środku card'ów lub blurbów). */
body.page-id-2488 .et-l--post ul li,
body.page-id-2488 .et-l--post ol li {
	text-align: left !important;
}

/* Alternujące tła sekcji: paper / white / paper / white… */
body.page-id-2488 .et-l--post .et_pb_section_1.et_pb_section,
body.page-id-2488 .et-l--post .et_pb_section_3.et_pb_section,
body.page-id-2488 .et-l--post .et_pb_section_5.et_pb_section,
body.page-id-2488 .et-l--post .et_pb_section_7.et_pb_section {
	background-color: var(--luc-paper, #f4efef) !important;
}
body.page-id-2488 .et-l--post .et_pb_section_2.et_pb_section,
body.page-id-2488 .et-l--post .et_pb_section_4.et_pb_section,
body.page-id-2488 .et-l--post .et_pb_section_6.et_pb_section {
	background-color: #ffffff !important;
}

/* Spójne paddingi sekcji */
body.page-id-2488 .et-l--post .et_pb_section.et_section_regular {
	padding-top: 100px !important;
	padding-bottom: 90px !important;
}
@media (max-width: 980px) {
	body.page-id-2488 .et-l--post .et_pb_section.et_section_regular {
		padding-top: 70px !important;
		padding-bottom: 60px !important;
	}
}
@media (max-width: 720px) {
	body.page-id-2488 .et-l--post .et_pb_section.et_section_regular {
		padding-top: 56px !important;
		padding-bottom: 48px !important;
	}
}

/* Default H2 sekcyjny — Bodoni + gold divider after */
body.page-id-2488 .et-l--post .et_pb_text h2 {
	font-family: var(--luc-font-display, "Bodoni Moda"), Georgia, serif !important;
	font-weight: 400 !important;
	font-size: clamp(1.75rem, 2.6vw, 2.25rem) !important;
	line-height: 1.18 !important;
	letter-spacing: -0.005em !important;
	color: var(--luc-navy-ink, #1a1a2e) !important;
	margin: 0 0 22px !important;
	position: relative;
}

body.page-id-2488 .et-l--post .et_pb_text h3 {
	font-family: var(--luc-font-display, "Bodoni Moda"), Georgia, serif !important;
	font-weight: 400 !important;
	font-size: clamp(1.4rem, 2vw, 1.65rem) !important;
	line-height: 1.22 !important;
	color: var(--luc-navy-ink, #1a1a2e) !important;
	margin: 0 0 16px !important;
}

body.page-id-2488 .et-l--post .et_pb_text h4 {
	font-family: var(--luc-font-display, "Bodoni Moda"), Georgia, serif !important;
	font-weight: 500 !important;
	font-size: 1.15rem !important;
	line-height: 1.3 !important;
	color: var(--luc-navy-ink, #1a1a2e) !important;
	margin: 24px 0 14px !important;
}

body.page-id-2488 .et-l--post .et_pb_text p {
	font-family: var(--luc-font-body, Poppins), sans-serif !important;
	font-size: 16px !important;
	line-height: 1.7 !important;
	color: var(--luc-text, #2c2c3e) !important;
}

/* Helper: zaokrąglenia obrazków w pakietach */
body.page-id-2488 .et-l--post .et_pb_image .et_pb_image_wrap img {
	border-radius: var(--luc-radius-md, 14px);
	box-shadow: var(--luc-shadow-1, 0 6px 20px rgba(26,26,46,.08));
}

/* ─── 2. HERO (section_0) ─────────────────────────────────────────────── */

body.page-id-2488 .et-l--post .et_pb_section_0.et_pb_section {
	background: linear-gradient(135deg, #f4efef 0%, #ebe3e3 100%) !important;
	padding-top: 120px !important;
	padding-bottom: 110px !important;
	position: relative;
}

body.page-id-2488 .et-l--post .et_pb_section_0 .et_pb_row_0 {
	max-width: 1180px !important;
	width: 92% !important;
	display: flex !important;
	flex-wrap: wrap;
	align-items: center !important;
	gap: 0;
}

body.page-id-2488 .et-l--post .et_pb_section_0 .et_pb_column_0,
body.page-id-2488 .et-l--post .et_pb_section_0 .et_pb_column_1 {
	width: 50% !important;
	margin: 0 !important;
	padding: 0 !important;
}

body.page-id-2488 .et-l--post .et_pb_section_0 .et_pb_column_0 {
	padding-right: 50px !important;
}
@media (max-width: 980px) {
	body.page-id-2488 .et-l--post .et_pb_section_0 .et_pb_column_0,
	body.page-id-2488 .et-l--post .et_pb_section_0 .et_pb_column_1 {
		width: 100% !important;
		padding: 0 !important;
	}
	body.page-id-2488 .et-l--post .et_pb_section_0 .et_pb_column_0 {
		margin-bottom: 36px !important;
	}
}

/* Hero image — premium gold-tint border */
body.page-id-2488 .et-l--post .et_pb_section_0 .et_pb_image_0 .et_pb_image_wrap img {
	border-radius: 18px !important;
	box-shadow: 0 30px 60px rgba(26, 26, 46, .18),
	            0 0 0 1px rgba(219, 186, 114, .25) !important;
}

/* Hero text inner — eyebrow before H1 */
body.page-id-2488 .et-l--post .et_pb_section_0 .et_pb_text_0 .et_pb_text_inner::before {
	content: "Oferta · CliftonStrengths Gallup®";
	display: block;
	font-family: var(--luc-font-body, Poppins), sans-serif;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.28em;
	text-transform: uppercase;
	color: var(--luc-gold, #dbba72);
	margin-bottom: 18px;
}

body.page-id-2488 .et-l--post .et_pb_section_0 h1 {
	font-family: var(--luc-font-display, "Bodoni Moda"), Georgia, serif !important;
	font-size: clamp(2rem, 4vw, 3rem) !important;
	font-weight: 400 !important;
	line-height: 1.08 !important;
	letter-spacing: -0.015em !important;
	color: var(--luc-navy-ink, #1a1a2e) !important;
	text-align: left !important;
	margin: 0 0 22px !important;
}

body.page-id-2488 .et-l--post .et_pb_section_0 .et_pb_text_0 .et_pb_text_inner,
body.page-id-2488 .et-l--post .et_pb_section_0 .et_pb_text_0 p {
	text-align: left !important;
}

/* Gold divider after H1 */
body.page-id-2488 .et-l--post .et_pb_section_0 .et_pb_text_0 .et_pb_text_inner h1 + p::before {
	content: "";
	display: block;
	width: 56px;
	height: 2px;
	background: var(--luc-gold, #dbba72);
	margin: 0 0 22px;
}

body.page-id-2488 .et-l--post .et_pb_section_0 .et_pb_text_0 p {
	font-size: 18px !important;
	line-height: 1.6 !important;
	color: var(--luc-text, #2c2c3e) !important;
	margin: 0 !important;
}

/* Tabs — segment pills */
body.page-id-2488 .et-l--post .gallup-tabs {
	display: flex !important;
	flex-wrap: wrap;
	gap: 12px !important;
	margin-top: 36px !important;
}

body.page-id-2488 .et-l--post .gallup-tab {
	display: inline-flex !important;
	align-items: center;
	gap: 10px;
	padding: 14px 26px !important;
	background: transparent !important;
	color: var(--luc-navy-ink, #1a1a2e) !important;
	font-family: var(--luc-font-body, Poppins), sans-serif !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	letter-spacing: 0.14em !important;
	text-transform: uppercase !important;
	text-decoration: none !important;
	border: 1.5px solid var(--luc-gold, #dbba72) !important;
	border-radius: 999px !important;
	transition: background .25s ease, color .25s ease, transform .15s ease, box-shadow .25s ease;
}

body.page-id-2488 .et-l--post .gallup-tab:hover,
body.page-id-2488 .et-l--post .gallup-tab.gallup-tab-active {
	background: var(--luc-gold, #dbba72) !important;
	color: var(--luc-navy-ink, #1a1a2e) !important;
	transform: translateY(-2px);
	box-shadow: 0 12px 28px rgba(219, 186, 114, .35);
}

/* Kotwice pod sticky header — linki „Indywidualny rozwój” / „Dla firm” */
body.page-id-2488 .et-l--post #sec-indywidualny,
body.page-id-2488 .et-l--post #sec-firmy {
	scroll-margin-top: 120px !important;
}

body.page-id-2488 .et-l--post .gallup-tab[href^="#"] {
	cursor: pointer !important;
	position: relative;
	z-index: 2;
}

/* „Rozwój liderów i managerów” — nagłówek w osobnym wierszu 4/4 (full width) */
body.page-id-2488 .et-l--post .luc-gallup-liderzy-intro h2 {
	text-align: center !important;
	font-weight: 700 !important;
	font-family: var(--luc-font-display, "Bodoni Moda"), Georgia, serif !important;
	font-size: clamp(1.65rem, 2.8vw, 2.15rem) !important;
	line-height: 1.2 !important;
	color: var(--luc-navy-ink, #1a1a2e) !important;
	margin: 0 0 12px !important;
	max-width: none !important;
}

body.page-id-2488 .et-l--post .luc-gallup-liderzy-intro .et_pb_text_inner {
	text-align: center !important;
	max-width: none !important;
	margin: 0 auto 8px !important;
}

body.page-id-2488 .et-l--post .et_pb_section_5 .et_pb_text.luc-gallup-liderzy-intro {
	margin-bottom: 24px !important;
}

/* Rozdzielenie: sekcja „Dlaczego warto… (6) pod „Rozwój liderów (5)” */
body.page-id-2488 .et-l--post .et_pb_section_6.et_pb_section {
	position: relative !important;
	border-top: 1px solid rgba(219, 186, 114, .35) !important;
	padding-top: 108px !important;
}

body.page-id-2488 .et-l--post .et_pb_section_6.et_pb_section::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 3px;
	background: linear-gradient(90deg, transparent 0%, rgba(219, 186, 114, .88) 50%, transparent 100%);
	pointer-events: none;
}


/* ─── 3. INTRO sekcji (section_1, _4, _5 itp.) ────────────────────────── */

body.page-id-2488 .et-l--post .et_pb_section_1 .et_pb_text_2 .et_pb_text_inner,
body.page-id-2488 .et-l--post .et_pb_section_4 .et_pb_text_inner {
	text-align: center;
	max-width: 760px;
	margin: 0 auto !important;
}

/* Eyebrow + divider + center na intro h2 */
body.page-id-2488 .et-l--post .et_pb_section_1 .et_pb_text h2,
body.page-id-2488 .et-l--post .et_pb_section_4 .et_pb_text h2 {
	text-align: center !important;
}

body.page-id-2488 .et-l--post .et_pb_section_1 .et_pb_text h2::before,
body.page-id-2488 .et-l--post .et_pb_section_4 .et_pb_text h2::before {
	content: "";
	display: block;
	width: 56px;
	height: 2px;
	background: var(--luc-gold, #dbba72);
	margin: 0 auto 24px;
}

/* ─── 4. CO ZYSKASZ (4 blurby) — Premium card grid ──────────────────────
   DOM: row_2 > 2 columns × 2 blurbs each (column-major).
   Trick: display:contents na .et_pb_column wyciąga 4 blurby na poziom row,
   wtedy CSS Grid 4-col / 2x2 / 1-col działa naturalnie. */

/* Nagłówek „Co zyskasz” (et_pb_text_3) + siatka kart — ciasny, elegancki odstęp */
body.page-id-2488 .et-l--post .et_pb_section_1 .et_pb_text_3 {
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}

body.page-id-2488 .et-l--post .et_pb_section_1 .et_pb_text_3 .et_pb_text_inner h3 {
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}

body.page-id-2488 .et-l--post .et_pb_row_2 {
	max-width: 1180px !important;
	width: 92% !important;
	display: grid !important;
	grid-template-columns: repeat(4, 1fr) !important;
	gap: 22px !important;
	margin-top: 18px !important;
	counter-reset: zyskasz;
	align-items: stretch;
}

@media (max-width: 1100px) {
	body.page-id-2488 .et-l--post .et_pb_row_2 {
		grid-template-columns: repeat(2, 1fr) !important;
	}
}
@media (max-width: 720px) {
	body.page-id-2488 .et-l--post .et_pb_row_2 {
		grid-template-columns: 1fr !important;
		gap: 16px !important;
	}
}

/* Wyciągnij blurby na poziom rowa — column staje się przezroczyste */
body.page-id-2488 .et-l--post .et_pb_row_2 > .et_pb_column {
	display: contents !important;
}

/* Card sama w sobie */
body.page-id-2488 .et-l--post .et_pb_row_2 .et_pb_blurb {
	background: #ffffff !important;
	border: 1px solid var(--luc-line, rgba(26, 26, 46, .08));
	border-radius: var(--luc-radius-md, 14px);
	padding: 30px 24px 26px !important;
	margin: 0 !important;
	box-shadow: var(--luc-shadow-1, 0 6px 20px rgba(26, 26, 46, .06));
	display: flex !important;
	flex-direction: column !important;
	counter-increment: zyskasz;
	/* Reset Divi waypoint animation (kontent był ukryty: opacity:0, translateY) */
	opacity: 1 !important;
	transform: none !important;
	-webkit-animation: none !important;
	animation: none !important;
	will-change: auto !important;
	transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

body.page-id-2488 .et-l--post .et_pb_row_2 .et_pb_blurb:hover {
	transform: translateY(-3px) !important;
	box-shadow: 0 16px 40px rgba(26, 26, 46, .12);
	border-color: rgba(219, 186, 114, .4);
}

/* Reset animation na waypoint span wewnątrz */
body.page-id-2488 .et-l--post .et_pb_row_2 .et-waypoint {
	opacity: 1 !important;
	transform: none !important;
	-webkit-animation: none !important;
	animation: none !important;
}

/* Number pill (zamiast pustej ikony Divi) */
body.page-id-2488 .et-l--post .et_pb_row_2 .et_pb_blurb_content {
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	height: 100%;
}

body.page-id-2488 .et-l--post .et_pb_row_2 .et_pb_blurb .et_pb_main_blurb_image {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background: rgba(219, 186, 114, .14);
	display: flex !important;
	align-items: center;
	justify-content: center;
	margin: 0 0 18px !important;
	float: none !important;
	flex-shrink: 0;
}

body.page-id-2488 .et-l--post .et_pb_row_2 .et_pb_blurb .et_pb_main_blurb_image::before {
	content: counter(zyskasz, decimal-leading-zero);
	font-family: var(--luc-font-display, "Bodoni Moda"), Georgia, serif;
	font-size: 16px;
	font-weight: 500;
	color: var(--luc-gold, #dbba72);
	letter-spacing: -0.02em;
}

body.page-id-2488 .et-l--post .et_pb_row_2 .et_pb_blurb .et_pb_image_wrap,
body.page-id-2488 .et-l--post .et_pb_row_2 .et_pb_blurb .et-pb-icon {
	display: none !important;
}

body.page-id-2488 .et-l--post .et_pb_row_2 .et_pb_blurb_container {
	width: 100%;
	flex: 1;
}

body.page-id-2488 .et-l--post .et_pb_row_2 .et_pb_blurb .et_pb_module_header {
	font-family: var(--luc-font-display, "Bodoni Moda"), Georgia, serif !important;
	font-size: 1.15rem !important;
	font-weight: 500 !important;
	line-height: 1.25 !important;
	color: var(--luc-navy-ink, #1a1a2e) !important;
	margin: 0 !important;
	padding: 0 !important;
	position: relative;
}

body.page-id-2488 .et-l--post .et_pb_row_2 .et_pb_blurb .et_pb_module_header::after {
	content: "";
	display: block;
	width: 32px;
	height: 1px;
	background: var(--luc-gold, #dbba72);
	margin: 12px 0 0;
}

body.page-id-2488 .et-l--post .et_pb_row_2 .et_pb_blurb .et_pb_blurb_description {
	font-family: var(--luc-font-body, Poppins), sans-serif !important;
	font-size: 14px !important;
	line-height: 1.6 !important;
	color: var(--luc-text-muted, #525266) !important;
	margin-top: 14px !important;
}

/* ─── 5. PAKIETY (section_2, _3, _5, _6) — pricing-card styling ──────── */

body.page-id-2488 .et-l--post .et_pb_section_2 .et_pb_row,
body.page-id-2488 .et-l--post .et_pb_section_3 .et_pb_row,
body.page-id-2488 .et-l--post .et_pb_section_5 .et_pb_row,
body.page-id-2488 .et-l--post .et_pb_section_6 .et_pb_row {
	max-width: 1180px !important;
	width: 92% !important;
	align-items: center !important;
}

/* Pricing card container — lewa kolumna każdej oferty */
body.page-id-2488 .et-l--post .et_pb_section_2 .et_pb_column_5,
body.page-id-2488 .et-l--post .et_pb_section_3 .et_pb_column_7,
body.page-id-2488 .et-l--post .et_pb_section_5 .et_pb_column_11 {
	background: #ffffff;
	border: 1px solid var(--luc-line, rgba(26,26,46,.08));
	border-radius: var(--luc-radius-md, 14px);
	padding: 40px 36px !important;
	box-shadow: var(--luc-shadow-1, 0 6px 20px rgba(26,26,46,.06));
	position: relative;
	overflow: hidden;
}

body.page-id-2488 .et-l--post .et_pb_section_2 .et_pb_column_5::before,
body.page-id-2488 .et-l--post .et_pb_section_3 .et_pb_column_7::before,
body.page-id-2488 .et-l--post .et_pb_section_5 .et_pb_column_11::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 3px;
	background: linear-gradient(90deg, var(--luc-gold, #dbba72) 0%, transparent 100%);
}

/* Lista bullets z gold checkmark */
body.page-id-2488 .et-l--post .et_pb_section_2 .et_pb_text ul,
body.page-id-2488 .et-l--post .et_pb_section_3 .et_pb_text ul,
body.page-id-2488 .et-l--post .et_pb_section_4 .et_pb_text ul,
body.page-id-2488 .et-l--post .et_pb_section_5 .et_pb_text ul,
body.page-id-2488 .et-l--post .et_pb_section_6 .et_pb_text ul {
	list-style: none !important;
	padding: 0 !important;
	margin: 0 !important;
}

body.page-id-2488 .et-l--post .et_pb_section_2 .et_pb_text ul li,
body.page-id-2488 .et-l--post .et_pb_section_3 .et_pb_text ul li,
body.page-id-2488 .et-l--post .et_pb_section_4 .et_pb_text ul li,
body.page-id-2488 .et-l--post .et_pb_section_5 .et_pb_text ul li,
body.page-id-2488 .et-l--post .et_pb_section_6 .et_pb_text ul li {
	position: relative;
	padding: 8px 0 8px 32px !important;
	font-family: var(--luc-font-body, Poppins), sans-serif !important;
	font-size: 14.5px !important;
	line-height: 1.6 !important;
	color: var(--luc-text, #2c2c3e) !important;
	border-bottom: 1px dashed rgba(26, 26, 46, .07);
}
body.page-id-2488 .et-l--post .et_pb_section_2 .et_pb_text ul li:last-child,
body.page-id-2488 .et-l--post .et_pb_section_3 .et_pb_text ul li:last-child,
body.page-id-2488 .et-l--post .et_pb_section_4 .et_pb_text ul li:last-child,
body.page-id-2488 .et-l--post .et_pb_section_5 .et_pb_text ul li:last-child,
body.page-id-2488 .et-l--post .et_pb_section_6 .et_pb_text ul li:last-child {
	border-bottom: 0;
}

body.page-id-2488 .et-l--post .et_pb_section_2 .et_pb_text ul li::before,
body.page-id-2488 .et-l--post .et_pb_section_3 .et_pb_text ul li::before,
body.page-id-2488 .et-l--post .et_pb_section_4 .et_pb_text ul li::before,
body.page-id-2488 .et-l--post .et_pb_section_5 .et_pb_text ul li::before,
body.page-id-2488 .et-l--post .et_pb_section_6 .et_pb_text ul li::before {
	content: "\2713";  /* ✓ Unicode check mark — universal */
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
	color: var(--luc-gold, #dbba72);
	position: absolute;
	left: 0;
	top: 10px;
	width: 22px;
	height: 22px;
	background: rgba(219, 186, 114, .14);
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

/* Sub-text gold (Diagnoza Twojego profilu...) */
body.page-id-2488 .et-l--post .et_pb_section_2 .et_pb_text p[style*="dbba72"],
body.page-id-2488 .et-l--post .et_pb_section_3 .et_pb_text p[style*="dbba72"],
body.page-id-2488 .et-l--post .et_pb_section_5 .et_pb_text p[style*="dbba72"] {
	font-family: var(--luc-font-body, Poppins), sans-serif !important;
	font-size: 11px !important;
	font-weight: 600 !important;
	letter-spacing: 0.18em !important;
	text-transform: uppercase !important;
	color: var(--luc-gold, #dbba72) !important;
	margin: 0 0 12px !important;
}

/* Buttons — gold pill (jak na home) */
body.page-id-2488 .et-l--post .et_pb_button {
	background: var(--luc-gold, #dbba72) !important;
	color: var(--luc-navy-ink, #1a1a2e) !important;
	font-family: var(--luc-font-body, Poppins), sans-serif !important;
	font-weight: 600 !important;
	font-size: 14px !important;
	letter-spacing: 0.14em !important;
	text-transform: uppercase !important;
	padding: 16px 36px !important;
	border-radius: 999px !important;
	border: 0 !important;
	box-shadow: 0 12px 30px rgba(219, 186, 114, .35) !important;
	transition: background .25s ease, transform .15s ease, box-shadow .25s ease;
}
body.page-id-2488 .et-l--post .et_pb_button:hover {
	background: #c69f54 !important;
	transform: translateY(-2px);
	box-shadow: 0 16px 40px rgba(219, 186, 114, .5) !important;
	padding: 16px 36px !important;
}
body.page-id-2488 .et-l--post .et_pb_button::after {
	display: none !important;
}

/* ─── 6. DLACZEGO WARTO + PLAN WDROŻENIA (section_6) ──────────────────── */

/* Lewa col: Dlaczego warto — premium list */
body.page-id-2488 .et-l--post .et_pb_section_6 .et_pb_column_14 .et_pb_text {
	background: var(--luc-paper, #f4efef);
	border-radius: var(--luc-radius-md, 14px);
	padding: 36px 32px !important;
	border: 1px solid var(--luc-line, rgba(26,26,46,.08));
}

/* Prawa col: Plan wdrożenia — vertical timeline */
body.page-id-2488 .et-l--post .et_pb_section_6 .et_pb_column_15 .et_pb_text:first-child h2 {
	margin-bottom: 32px !important;
}
body.page-id-2488 .et-l--post .et_pb_section_6 .et_pb_column_15 .et_pb_text:first-child h2::before {
	content: "";
	display: block;
	width: 48px;
	height: 2px;
	background: var(--luc-gold, #dbba72);
	margin: 0 0 18px;
}

body.page-id-2488 .et-l--post .gstep {
	position: relative;
	display: flex;
	gap: 18px;
	padding: 0 0 28px 0;
	margin-bottom: 0;
}

body.page-id-2488 .et-l--post .gstep::before {
	content: "";
	position: absolute;
	left: 23px;
	top: 48px;
	bottom: -8px;
	width: 2px;
	background: linear-gradient(180deg, var(--luc-gold, #dbba72) 0%, rgba(219, 186, 114, .15) 100%);
}

body.page-id-2488 .et-l--post .et_pb_section_6 .et_pb_column_15 .et_pb_text:last-of-type .gstep::before,
body.page-id-2488 .et-l--post .gstep:last-of-type::before {
	display: none;
}

body.page-id-2488 .et-l--post .gstep-num {
	flex-shrink: 0;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background: var(--luc-gold, #dbba72);
	color: var(--luc-navy-ink, #1a1a2e);
	font-family: var(--luc-font-display, "Bodoni Moda"), Georgia, serif;
	font-size: 20px;
	font-weight: 500;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 6px 16px rgba(219, 186, 114, .35);
	z-index: 1;
}

body.page-id-2488 .et-l--post .gstep-body {
	flex: 1;
	padding-top: 8px;
	font-family: var(--luc-font-body, Poppins), sans-serif;
	font-size: 14.5px;
	line-height: 1.6;
	color: var(--luc-text, #2c2c3e);
}

body.page-id-2488 .et-l--post .gstep-body strong {
	display: block;
	font-family: var(--luc-font-display, "Bodoni Moda"), Georgia, serif;
	font-size: 1.05rem;
	font-weight: 500;
	color: var(--luc-navy-ink, #1a1a2e);
	margin-bottom: 4px;
}

/* ─── 7. CTA „Gotowy?" (section_8) — premium 2-col layout ──────────────── */

/* section_7 to PUSTA sekcja (et_pb_column_empty) z poprzedniej iteracji
   — generowała 220 px granatowej przestrzeni nad właściwym CTA. Hide. */
body.page-id-2488 .et-l--post .et_pb_section_7.et_pb_section {
	display: none !important;
}

body.page-id-2488 .et-l--post .et_pb_section_8.et_pb_section {
	background: linear-gradient(135deg, #1a1a2e 0%, #25253a 100%) !important;
	padding: 110px 0 !important;
	position: relative;
	overflow: hidden;
}

/* Subtelny gold accent pasek na górze — jeden, niepowtórzony */
body.page-id-2488 .et-l--post .et_pb_section_8.et_pb_section::before {
	content: "";
	position: absolute;
	top: 0; left: 0; right: 0;
	height: 2px;
	background: linear-gradient(90deg, transparent 0%, rgba(219, 186, 114, .9) 50%, transparent 100%);
	z-index: 1;
}

/* Dekoracyjna gold "świecąca" plamka w tle (subtle, premium) */
body.page-id-2488 .et-l--post .et_pb_section_8.et_pb_section::after {
	content: "";
	position: absolute;
	top: 50%; right: -120px;
	width: 460px; height: 460px;
	background: radial-gradient(circle, rgba(219, 186, 114, .12) 0%, transparent 70%);
	transform: translateY(-50%);
	pointer-events: none;
	z-index: 0;
}

/* --- Row: 2 kolumny side-by-side (bez et_pb_row_X — numer wiersza zmienia się po edycji Divi) --- */
body.page-id-2488 .et-l--post .et_pb_section_8 > .et_pb_row {
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
	gap: 64px !important;
	width: 90% !important;
	max-width: 1240px !important;
	margin: 0 auto !important;
	position: relative;
	z-index: 2;
}

body.page-id-2488 .et-l--post .et_pb_section_8 > .et_pb_row > .et_pb_column {
	flex: 1 1 0 !important;
	width: 50% !important;
	max-width: 50% !important;
	margin: 0 !important;
	padding: 0 !important;
}

/* --- LEWA kolumna: text_21 (eyebrow + H2 + lead) + text_22 (chips) --- */
body.page-id-2488 .et-l--post .et_pb_section_8 .et_pb_text_21 {
	margin-bottom: 28px !important;
}

body.page-id-2488 .et-l--post .et_pb_section_8 .et_pb_text_21 .et_pb_text_inner::before {
	content: "Konsultacja";
	display: block;
	font-family: var(--luc-font-body, Poppins), sans-serif;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.32em;
	text-transform: uppercase;
	color: var(--luc-gold, #dbba72);
	margin-bottom: 16px;
	text-align: left;
}

body.page-id-2488 .et-l--post .et_pb_section_8 h2 {
	color: #ffffff !important;
	text-align: left !important;
	font-family: var(--luc-font-display, "Bodoni Moda"), serif !important;
	font-size: 38px !important;
	line-height: 1.18 !important;
	margin: 0 0 18px !important;
	letter-spacing: -0.01em;
}

body.page-id-2488 .et-l--post .et_pb_section_8 .et_pb_text_21 h2::after {
	content: "";
	display: block;
	width: 56px;
	height: 2px;
	background: var(--luc-gold, #dbba72);
	margin: 20px 0 24px !important;
}

/* Lead CTA + kontakt: biel. Lewa kolumna = pierwsza w wierszu sekcji (nie et_pb_column_17 —
   na żywo 17 to pusta kolumna w poprzedniej sekcji; CTA jest w 18/19). */
body.page-id-2488 .et-l--post .et_pb_section_8 > .et_pb_row > .et_pb_column:first-child .et_pb_text .et_pb_text_inner,
body.page-id-2488 .et-l--post .et_pb_section_8 > .et_pb_row > .et_pb_column:first-child .et_pb_text p,
body.page-id-2488 .et_pb_section_8 > .et_pb_row > .et_pb_column:first-child .et_pb_text .et_pb_text_inner,
body.page-id-2488 .et_pb_section_8 > .et_pb_row > .et_pb_column:first-child .et_pb_text p {
	color: #ffffff !important;
}

/* Kompatybilność ze starym układem modułu */
body.page-id-2488 .et-l--post .et_pb_section_8 .et_pb_text_21.et_pb_bg_layout_light .et_pb_text_inner,
body.page-id-2488 .et-l--post .et_pb_section_8 .et_pb_text_21 .et_pb_text_inner p {
	color: #ffffff !important;
}

body.page-id-2488 .et-l--post .et_pb_section_8 .et_pb_text_21 p {
	text-align: left !important;
	font-size: 15.5px !important;
	line-height: 1.7 !important;
	margin: 0 !important;
}

/* --- text_22 (kontakt-chips): NIE pokazuj eyebrow "Konsultacja" --- */
body.page-id-2488 .et-l--post .et_pb_section_8 .et_pb_text_22 .et_pb_text_inner::before {
	display: none !important;
}

body.page-id-2488 .et-l--post .et_pb_section_8 .et_pb_text_22 .et_pb_text_inner {
	margin-top: 0 !important;
}

/* Chip layout (luc-contact-chips wrapper z post_content) */
body.page-id-2488 .et-l--post .et_pb_section_8 .luc-contact-chips {
	display: flex !important;
	flex-direction: column !important;
	gap: 12px !important;
	margin: 0 !important;
}

body.page-id-2488 .et-l--post .et_pb_section_8 .luc-contact-chip {
	display: inline-flex !important;
	align-items: center !important;
	gap: 14px !important;
	padding: 14px 22px !important;
	background: rgba(255, 255, 255, .04) !important;
	border: 1px solid rgba(219, 186, 114, .32) !important;
	border-radius: 999px !important;
	color: #ffffff !important;
	font-size: 14.5px !important;
	font-weight: 500 !important;
	text-decoration: none !important;
	transition: all .28s ease;
	width: fit-content !important;
	max-width: 100%;
	overflow-wrap: anywhere;
	word-break: break-word;
}

body.page-id-2488 .et-l--post .et_pb_section_8 .luc-contact-chip:hover {
	background: rgba(219, 186, 114, .14) !important;
	border-color: var(--luc-gold, #dbba72) !important;
	color: var(--luc-gold, #dbba72) !important;
	transform: translateX(4px);
}

body.page-id-2488 .et-l--post .et_pb_section_8 .luc-contact-chip svg {
	flex: 0 0 18px !important;
	width: 18px !important;
	height: 18px !important;
	stroke: var(--luc-gold, #dbba72);
	transition: stroke .28s ease;
}

body.page-id-2488 .et-l--post .et_pb_section_8 .luc-contact-chip:hover svg {
	stroke: var(--luc-gold, #dbba72);
}

/* --- PRAWA kolumna: Calendly w eleganckiej ramce --- */
body.page-id-2488 .et-l--post .et_pb_section_8 .et_pb_text_23 .et_pb_text_inner::before {
	display: none !important;
}

body.page-id-2488 .et-l--post .et_pb_section_8 .et_pb_text_23 .et_pb_text_inner {
	padding: 0 !important;
}

body.page-id-2488 .et-l--post .et_pb_section_8 .calendly-inline-widget {
	background: #ffffff !important;
	border-radius: 14px !important;
	overflow: hidden !important;
	box-shadow:
		0 26px 60px rgba(0, 0, 0, .45),
		0 0 0 1px rgba(219, 186, 114, .28) !important;
	min-height: 580px !important;
	max-width: 100% !important;
}

/* Hide Calendly "p tag" footer, jeśli puste */
body.page-id-2488 .et-l--post .et_pb_section_8 .et_pb_text_23 p:empty {
	display: none !important;
}

/* --- Mobile: stack na 1 kolumnę --- */
@media (max-width: 980px) {
	body.page-id-2488 .et-l--post .et_pb_section_8.et_pb_section {
		padding: 70px 0 !important;
	}
	body.page-id-2488 .et-l--post .et_pb_section_8 > .et_pb_row {
		flex-direction: column !important;
		gap: 40px !important;
		align-items: stretch !important;
	}
	body.page-id-2488 .et-l--post .et_pb_section_8 > .et_pb_row > .et_pb_column {
		width: 100% !important;
		max-width: 100% !important;
	}
	body.page-id-2488 .et-l--post .et_pb_section_8 h2 {
		font-size: 30px !important;
	}
	body.page-id-2488 .et-l--post .et_pb_section_8 .calendly-inline-widget {
		min-height: 540px !important;
	}
}

/* Newsletter (Bloom) na /badania-gallupa/: wcześniejsze `body.page-id-2488` nie przebijało
   globalnych `html body .et_bloom_*` — zostawał wrapper 1280px + pełny „breakout” 100vw.
   Tutaj pełna szerokość kolumny artykułu (biały obszar). */
html body.page-id-2488 .et_bloom_below_post {
	width: 100% !important;
	max-width: 100% !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	left: auto !important;
	right: auto !important;
	box-sizing: border-box !important;
}

html body.page-id-2488 .et_bloom_below_post .et_bloom_inline_form {
	max-width: none !important;
	width: 100% !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

html body.page-id-2488 .et_bloom_below_post .et_bloom_form_container {
	width: 100% !important;
	max-width: none !important;
}

html body.page-id-2488 .et_bloom_below_post .et_bloom_form_container_wrapper {
	max-width: none !important;
	width: 100% !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

/* Legacy BLOOM-NL: `.et_bloom_form_container { max-width: 900px }` + inline_form 1100px —
   ten sam element musi mieć ID #post-2488 w selektorze, żeby przebić wszystkie warstwy. */
html body.page-id-2488 article#post-2488 .et_bloom_below_post {
	width: 100% !important;
	max-width: 100% !important;
}

html body.page-id-2488 article#post-2488 .et_bloom_below_post .et_bloom_inline_form {
	max-width: none !important;
	width: 100% !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

html body.page-id-2488 article#post-2488 .et_bloom_below_post .et_bloom_inline_form .et_bloom_form_container {
	max-width: none !important;
	width: 100% !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

/* Newsletter w sekcji .luc-gallup-newsletter: kompaktowy padding, bez złotego panelu
   w lewej kolumnie, biały nagłówek (nadpisanie .et_pb_text h2 z bloku Gallupa). */
html body.page-id-2488 .et-l--post .luc-gallup-newsletter.et_pb_section {
	padding-top: 28px !important;
	padding-bottom: 28px !important;
}

html body.page-id-2488 .et-l--post .luc-gallup-newsletter .et_bloom_below_post {
	padding: 12px 0 !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	width: 100% !important;
	max-width: 100% !important;
	left: auto !important;
	right: auto !important;
}

html body.page-id-2488 .et-l--post .luc-gallup-newsletter .et_bloom_below_post .et_bloom_header_outer,
html body.page-id-2488 .et-l--post .luc-gallup-newsletter .et_bloom_below_post .et_bloom_form_header,
html body.page-id-2488 .et-l--post .luc-gallup-newsletter .et_bloom_below_post .et_bloom_form_header.split {
	background: transparent !important;
	background-color: transparent !important;
}

html body.page-id-2488 .et-l--post .luc-gallup-newsletter .et_bloom_below_post .et_bloom_header_outer {
	padding: 18px 20px !important;
}

html body.page-id-2488 .et-l--post .luc-gallup-newsletter .et_bloom_below_post .et_bloom_form_content {
	padding: 18px 20px !important;
}

html body.page-id-2488 .et-l--post .luc-gallup-newsletter .et_pb_text .et_bloom_form_text h2,
html body.page-id-2488 .et-l--post .luc-gallup-newsletter .et_pb_text .et_bloom_form_header h2,
html body.page-id-2488 .et-l--post .luc-gallup-newsletter .et_pb_text .et_bloom_form_text h2 span,
html body.page-id-2488 .et-l--post .luc-gallup-newsletter .et_pb_text .et_bloom_form_header h2 span,
html body.page-id-2488 .et-l--post .luc-gallup-newsletter .et_pb_text .et_bloom_form_text h2 strong,
html body.page-id-2488 .et-l--post .luc-gallup-newsletter .et_pb_text .et_bloom_form_header h2 strong {
	color: #ffffff !important;
}

@media (max-width: 820px) {
	html body.page-id-2488 .et-l--post .luc-gallup-newsletter .et_bloom_below_post .et_bloom_header_outer,
	html body.page-id-2488 .et-l--post .luc-gallup-newsletter .et_bloom_below_post .et_bloom_form_content {
		padding: 16px 18px !important;
	}
}

@media (max-width: 768px) {
	html body.page-id-2488 .et-l--post .luc-gallup-newsletter .et_bloom_below_post {
		padding: 10px 0 !important;
	}
}

/* ─── Mobile ──────────────────────────────────────────────────────────── */

@media (max-width: 720px) {
	body.page-id-2488 .et-l--post .et_pb_section_0 {
		padding-top: 80px !important;
		padding-bottom: 70px !important;
	}
	body.page-id-2488 .et-l--post .gallup-tabs {
		flex-direction: column;
	}
	body.page-id-2488 .et-l--post .gallup-tab {
		justify-content: center;
		width: 100%;
		text-align: center;
	}
	body.page-id-2488 .et-l--post .et_pb_section_2 .et_pb_column_5,
	body.page-id-2488 .et-l--post .et_pb_section_3 .et_pb_column_7,
	body.page-id-2488 .et-l--post .et_pb_section_5 .et_pb_column_11 {
		padding: 28px 22px !important;
	}
	body.page-id-2488 .et-l--post .et_pb_section_6 .et_pb_column_14 .et_pb_text {
		padding: 24px 20px !important;
	}
}

/* =====================================================================
   Global: stopka Theme Builder (footer.et-l--footer)
   Ciepłe złoto/krem (jak pierwotna stopka), typografia i równy układ kolumn.
   ===================================================================== */

html body footer.et-l--footer {
	font-family: var(--luc-font-body, Poppins), system-ui, sans-serif;
}

/* Główny blok — ciepły krem / złoty ton (tokens) */
html body footer.et-l--footer .et_pb_section_0_tb_footer.et_pb_section {
	position: relative !important;
	background: linear-gradient(
		180deg,
		var(--luc-cream-2, #faf6ea) 0%,
		var(--luc-cream, #f0e8d2) 55%,
		#ebe2cc 100%
	) !important;
	padding: 56px 0 48px !important;
	border-top: none !important;
}

html body footer.et-l--footer .et_pb_section_0_tb_footer.et_pb_section::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 2px;
	background: linear-gradient(90deg, transparent 0%, rgba(26, 26, 46, .22) 35%, rgba(219, 186, 114, .75) 50%, rgba(26, 26, 46, .22) 65%, transparent 100%);
	pointer-events: none;
}

html body footer.et-l--footer .et_pb_section_0_tb_footer .et_pb_row_0_tb_footer {
	width: 92% !important;
	max-width: 1220px !important;
	margin-left: auto !important;
	margin-right: auto !important;
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: wrap !important;
	align-items: flex-start !important;
	justify-content: space-between !important;
	gap: 40px 32px !important;
}

html body footer.et-l--footer .et_pb_section_0_tb_footer .et_pb_row_0_tb_footer > .et_pb_column_1_3 {
	flex: 1 1 260px !important;
	width: auto !important;
	max-width: 360px !important;
	min-width: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
}

/* Kolumna logo — lekki panel na złotym tle (odczyt PNG bez ciężkiego cienia) */
html body footer.et-l--footer .et_pb_column_0_tb_footer {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	align-self: center !important;
	padding: 20px 24px !important;
	background: rgba(255, 255, 255, .45) !important;
	border-radius: var(--luc-radius-md, 14px) !important;
	border: 1px solid rgba(219, 186, 114, .3) !important;
	box-shadow: 0 4px 18px rgba(26, 26, 46, .06) !important;
}

html body footer.et-l--footer .et_pb_image_0_tb_footer {
	margin-bottom: 0 !important;
	width: 100% !important;
	max-width: 100% !important;
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	text-align: center !important;
}

html body footer.et-l--footer .et_pb_image_0_tb_footer .et_pb_image_wrap {
	display: block !important;
	margin: 0 auto !important;
	float: none !important;
}

/* Link owijający logo — Divi czasem daje float */
html body footer.et-l--footer .et_pb_image_0_tb_footer > a {
	float: none !important;
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
}

html body footer.et-l--footer .et_pb_image_0_tb_footer img {
	max-height: 148px !important;
	width: auto !important;
	height: auto !important;
}

@media (max-width: 768px) {
	html body footer.et-l--footer .et_pb_image_0_tb_footer img {
		max-height: 120px !important;
	}
}

/* Tekst / nawigacja — reset wielkich h4 z buildera */
html body footer.et-l--footer .et_pb_section_0_tb_footer .et_pb_text_inner h4 {
	font-family: var(--luc-font-body, Poppins), system-ui, sans-serif !important;
	font-weight: 500 !important;
	line-height: 1.45 !important;
	text-align: left !important;
	text-transform: none !important;
	text-decoration: none !important;
	padding: 0 !important;
}

/* Nagłówki grup (MENU, Oferta, INNE) — navy + złoty akcent (czytelne na kremie) */
html body footer.et-l--footer .et_pb_section_0_tb_footer .et_pb_text_inner h4:not(:has(a)) {
	margin: 22px 0 12px !important;
	font-size: 11px !important;
	font-weight: 600 !important;
	letter-spacing: 0.24em !important;
	text-transform: uppercase !important;
	color: var(--luc-navy-ink, #0f0f1f) !important;
}

html body footer.et-l--footer .et_pb_section_0_tb_footer .et_pb_text_inner h4:not(:has(a)):first-child {
	margin-top: 0 !important;
}

html body footer.et-l--footer .et_pb_section_0_tb_footer .et_pb_text_inner h4:not(:has(a)) strong,
html body footer.et-l--footer .et_pb_section_0_tb_footer .et_pb_text_inner h4:not(:has(a)) span {
	color: inherit !important;
	font-weight: inherit !important;
}

/* Linki — przebij inline #000 z Divi */
html body footer.et-l--footer .et_pb_section_0_tb_footer .et_pb_text_inner h4:has(a) {
	margin: 0 0 7px !important;
	font-size: 14px !important;
	font-weight: 400 !important;
}

html body footer.et-l--footer .et_pb_section_0_tb_footer .et_pb_text_inner h4:has(a) a {
	color: var(--luc-navy-ink, #0f0f1f) !important;
	text-decoration: none !important;
	font-weight: 400 !important;
	border-bottom: 1px solid transparent;
	transition: color .22s var(--luc-ease, ease), border-color .22s var(--luc-ease, ease);
}

html body footer.et-l--footer .et_pb_section_0_tb_footer .et_pb_text_inner h4:has(a) span {
	color: inherit !important;
}

html body footer.et-l--footer .et_pb_section_0_tb_footer .et_pb_text_inner h4:has(a) a:hover {
	color: var(--luc-gold-deep, #c69f54) !important;
	border-bottom-color: rgba(219, 186, 114, .55);
}

/* Tel / e-mail — ikonki inline SVG + wyrównanie */
html body footer.et-l--footer .et_pb_section_0_tb_footer .luc-footer-contact-a {
	display: inline-flex !important;
	align-items: center !important;
	gap: 0.45em !important;
}

html body footer.et-l--footer .et_pb_section_0_tb_footer .luc-footer-contact-icon {
	flex-shrink: 0 !important;
	width: 1.08em !important;
	height: 1.08em !important;
	stroke: currentColor !important;
	opacity: 0.92 !important;
}

/* Długi e-mail w wąskiej kolumnie */
html body footer.et-l--footer .et_pb_section_0_tb_footer .et_pb_text_inner h4:has(a) a[href^="mailto:"] {
	overflow-wrap: anywhere !important;
	word-break: break-word !important;
}

/* Druga kolumna linków: większy odstęp przed grupą „INNE” */
html body footer.et-l--footer .et_pb_text_1_tb_footer .et_pb_text_inner h4:not(:has(a)) {
	margin-top: 28px !important;
}

/* Usuń zbędną pustą linię Divi po listach w stopce */
html body footer.et-l--footer .et_pb_section_0_tb_footer .et_pb_text_inner > br {
	display: none !important;
}

/* Dolny pasek © — bez „ucinania”: overflow + padding boki, bez agresywnego uppercase */
html body footer.et-l--footer .et_pb_section_1_tb_footer.et_pb_section,
html body footer.et-l--footer .et_pb_section_1_tb_footer.et_pb_with_border {
	background: #12121f !important;
	border-top: 1px solid rgba(219, 186, 114, .22) !important;
	border-bottom: none !important;
	padding: 18px 24px !important;
	overflow: visible !important;
}

html body footer.et-l--footer .et_pb_section_1_tb_footer .et_pb_row_1_tb_footer {
	width: 100% !important;
	max-width: 1220px !important;
	margin: 0 auto !important;
	padding: 0 16px !important;
	box-sizing: border-box !important;
	overflow: visible !important;
}

html body footer.et-l--footer .et_pb_section_1_tb_footer .et_pb_column_3_tb_footer {
	overflow: visible !important;
	width: 100% !important;
}

html body footer.et-l--footer .et_pb_section_1_tb_footer .et_pb_text_2_tb_footer {
	overflow: visible !important;
	width: 100% !important;
	max-width: none !important;
	margin-bottom: 0 !important;
}

html body footer.et-l--footer .et_pb_section_1_tb_footer .et_pb_text_inner {
	overflow: visible !important;
}

html body footer.et-l--footer .et_pb_section_1_tb_footer .et_pb_text_inner p {
	margin: 0 auto !important;
	font-size: 13px !important;
	font-weight: 500 !important;
	letter-spacing: 0.03em !important;
	text-transform: none !important;
	color: rgba(255, 255, 255, .55) !important;
	text-align: center !important;
	white-space: normal !important;
	word-wrap: break-word !important;
	overflow-wrap: break-word !important;
	max-width: 100% !important;
	padding: 0 56px !important;
	box-sizing: border-box !important;
}

@media (max-width: 768px) {
	html body footer.et-l--footer .et_pb_section_1_tb_footer .et_pb_text_inner p {
		padding: 0 12px !important;
		font-size: 12px !important;
	}
}

@media (max-width: 980px) {
	html body footer.et-l--footer .et_pb_section_0_tb_footer .et_pb_row_0_tb_footer {
		flex-direction: column !important;
		align-items: center !important;
		text-align: center !important;
		gap: 32px !important;
	}

	html body footer.et-l--footer .et_pb_column_0_tb_footer {
		width: 100% !important;
		max-width: 380px !important;
	}

	html body footer.et-l--footer .et_pb_section_0_tb_footer .et_pb_column_1_tb_footer,
	html body footer.et-l--footer .et_pb_section_0_tb_footer .et_pb_column_2_tb_footer {
		width: 100% !important;
		max-width: 420px !important;
	}

	html body footer.et-l--footer .et_pb_section_0_tb_footer .et_pb_row_0_tb_footer > .et_pb_column_1_3 {
		flex: 1 1 100% !important;
	}

	html body footer.et-l--footer .et_pb_section_0_tb_footer .et_pb_text_inner h4 {
		text-align: center !important;
	}

	html body footer.et-l--footer .et_pb_section_0_tb_footer .et_pb_text_inner h4:not(:has(a)) {
		text-align: center !important;
	}
}


/* =========================================================================
 * BUTTON STANDARDIZATION — 2026-05-03
 *
 * Jeden blok na końcu overrides.css — nic nie usuwamy, tylko nadpisujemy
 * konkretne właściwości powodujące niespójność wizualną.
 *
 * Naprawiane problemy:
 *   (A) Menu CTA   — border-radius: 3px  → pill; font: Bodoni → Poppins
 *   (B) Hero btns  — border-radius: 8px  → pill
 *   (C) DSM btn-1  — font: Bodoni 20px   → Poppins 14px; radius → pill
 *   (D) DSM btn-2  — bg: #b3b8cc (poza paletą) → outline gold; font → Poppins
 *   (E) Bloom sub  — border-radius: 10px → pill
 *   (F) focus-visible — brak spójnego stylu → gold outline 2px
 *
 * Hierarchia przycisków:
 *   Primary   — gold bg (#dbba72) + navy text, pill, shadow
 *   Secondary — transparent + gold outline 1.5px, pill, hover → gold fill
 *   Tertiary  — underline gold (blurb CTAs) — nie ruszamy
 * ========================================================================= */

/* ── A. Menu CTA — radius: 3px → pill  |  font: Bodoni → Poppins ───────── */

.et_pb_menu--with-logo .et_pb_menu__menu nav ul li.luc-menu-cta a,
.et-l--header .et_pb_menu--with-logo .et_pb_menu__menu nav ul li.luc-menu-cta a {
        border-radius: 999px !important;
        font-family: var(--luc-font-body, Poppins, sans-serif) !important;
        font-size: 13px !important;
        font-weight: 600 !important;
        letter-spacing: 0.10em !important;
        text-transform: uppercase !important;
}

/* ── B. Hero buttons — radius: 8px → pill ──────────────────────────────── */

.hero-desktop-section .hero-btn-a,
.hero-desktop-section .hero-btn-b {
        border-radius: 999px !important;
}

/* ── C. DSM Dual Button — primary (btn_one) ────────────────────────────── */

body #page-container .et_pb_section .dsm_button_0 .et_pb_button_one.et_pb_button,
body #page-container .et_pb_section .dsm_button_1 .et_pb_button_one.et_pb_button {
        font-family: var(--luc-font-body, Poppins, sans-serif) !important;
        font-size: 14px !important;
        font-weight: 600 !important;
        letter-spacing: 0.10em !important;
        text-transform: uppercase !important;
        border-radius: 999px !important;
}

/* ── D. DSM Dual Button — secondary (btn_two) → outline gold ───────────── */

body #page-container .et_pb_section .dsm_button_0 .et_pb_button_two.et_pb_button,
body #page-container .et_pb_section .dsm_button_1 .et_pb_button_two.et_pb_button {
        font-family: var(--luc-font-body, Poppins, sans-serif) !important;
        font-size: 14px !important;
        font-weight: 600 !important;
        letter-spacing: 0.10em !important;
        text-transform: uppercase !important;
        border-radius: 999px !important;
        background-color: transparent !important;
        color: var(--luc-navy, #1a1a2e) !important;
        border: 1.5px solid var(--luc-gold, #dbba72) !important;
        box-shadow: none !important;
}

body #page-container .et_pb_section .dsm_button_0 .et_pb_button_two.et_pb_button:hover,
body #page-container .et_pb_section .dsm_button_1 .et_pb_button_two.et_pb_button:hover {
        background-color: var(--luc-gold, #dbba72) !important;
        color: var(--luc-navy, #1a1a2e) !important;
        border-color: var(--luc-gold, #dbba72) !important;
}

/* ── E. Bloom newsletter submit — radius: 10px → pill ──────────────────── */

.et_bloom .et_bloom_inline_form .et_bloom_submit_subscription,
.et_bloom .et_bloom_inline_form button {
        border-radius: 999px !important;
}

/* ── F. Focus-visible — spójny gold outline dla dostępności ────────────── */

.hero-desktop-section .hero-btn-a:focus-visible,
.hero-desktop-section .hero-btn-b:focus-visible,
.et_pb_menu__menu ul li.luc-menu-cta a:focus-visible,
.luc-cta__btn:focus-visible,
.et_pb_button:focus-visible,
.et_bloom .et_bloom_inline_form button:focus-visible {
        outline: 2px solid var(--luc-gold, #dbba72) !important;
        outline-offset: 3px !important;
        box-shadow: 0 0 0 4px rgba(219, 186, 114, .18) !important;
}

/* ── END BUTTON STANDARDIZATION ─────────────────────────────────────────── */

/* =========================================================================
 * BUTTON FONT UNIFICATION — 2026-05-03
 * Divi generuje inline <style> z button_font="Bodoni Moda|..." per moduł.
 * Szeroka reguła !important nadpisuje je niezależnie od specyficzności Divi.
 * ========================================================================= */
.et_pb_button,
.et_pb_button.et_pb_button_one,
.et_pb_button.et_pb_button_two,
.et_pb_promo .et_pb_button,
.et_pb_cta .et_pb_button {
        font-family: var(--luc-font-body, "Poppins", system-ui, sans-serif) !important;
}
/* ── END BUTTON FONT UNIFICATION ─────────────────────────────────────────── */

/* =========================================================================
 * BUTTON UPPERCASE + FONT ENFORCEMENT — 2026-05-03
 * ========================================================================= */

/* ── 1. Wszystkie przyciski Divi — Poppins + uppercase ─────────────────── */
.et_pb_button,
.et_pb_button.et_pb_button_one,
.et_pb_button.et_pb_button_two,
.et_pb_promo .et_pb_button,
.et_pb_cta .et_pb_button {
        font-family: var(--luc-font-body, "Poppins", system-ui, sans-serif) !important;
        text-transform: uppercase !important;
        letter-spacing: 0.10em !important;
        font-size: 13px !important;
}

/* ── 2. Menu CTA — uppercase (already set, for safety) ─────────────────── */
.et_pb_menu--with-logo .et_pb_menu__menu nav ul li.luc-menu-cta a,
.et-l--header .et_pb_menu--with-logo .et_pb_menu__menu nav ul li.luc-menu-cta a {
        font-family: var(--luc-font-body, "Poppins", system-ui, sans-serif) !important;
        text-transform: uppercase !important;
}

/* ── 3. Hero inline buttons (.hero-btn-a / .hero-btn-b) ────────────────── */
/* Inline <style> jest w <body> i wygrywa cascade; używamy !important aby go pobić. */
.hero-desktop-section .hero-btn-a,
.hero-desktop-section .hero-btn-b {
        font-family: var(--luc-font-body, "Poppins", system-ui, sans-serif) !important;
        text-transform: uppercase !important;
        letter-spacing: 0.10em !important;
        font-size: 12px !important;
}

/* ── 4. Bloom submit ────────────────────────────────────────────────────── */
.et_bloom .et_bloom_inline_form .et_bloom_submit_subscription,
.et_bloom .et_bloom_inline_form button {
        font-family: var(--luc-font-body, "Poppins", system-ui, sans-serif) !important;
        text-transform: uppercase !important;
        letter-spacing: 0.10em !important;
}

/* ── 5. Section_5 "Poznaj mnie bliżej" — Poppins + uppercase ───────────── */
body.page-id-711 .et_pb_section_5 .et_pb_button_0.et_pb_button,
body.home .et_pb_section_5 .et_pb_button_0.et_pb_button {
        font-family: var(--luc-font-body, "Poppins", system-ui, sans-serif) !important;
        text-transform: uppercase !important;
        letter-spacing: 0.10em !important;
        font-size: 13px !important;
}

/* ── 6. luc-cta__btn (global CTA sections) ─────────────────────────────── */
.luc-cta__btn {
        font-family: var(--luc-font-body, "Poppins", system-ui, sans-serif) !important;
        text-transform: uppercase !important;
}

/* ── END BUTTON UPPERCASE + FONT ENFORCEMENT ─────────────────────────────── */


/* =========================================================================
 * HOME STATS SECTION (et_pb_section_6) — white redesign — 2026-05-03
 * ========================================================================= */

body.home .et_pb_section_6.et_pb_section,
body.page-id-711 .et_pb_section_6.et_pb_section {
        background: #ffffff !important;
        padding: 90px 0 !important;
        position: relative;
        border-top: 1px solid rgba(26,26,46,.08);
        border-bottom: 1px solid rgba(26,26,46,.08);
}

body.home .et_pb_section_6 .et_pb_row,
body.page-id-711 .et_pb_section_6 .et_pb_row {
        max-width: 1100px !important;
        width: 90% !important;
}

body.home .et_pb_section_6 h2,
body.page-id-711 .et_pb_section_6 h2 {
        font-family: var(--luc-font-display, "Bodoni Moda"), Georgia, serif !important;
        font-weight: 400 !important;
        font-size: clamp(1.75rem, 2.6vw, 2.5rem) !important;
        letter-spacing: -0.005em !important;
        line-height: 1.15 !important;
        text-transform: none !important;
        color: var(--luc-navy-ink, #1a1a2e) !important;
        text-align: center !important;
        margin: 0 0 52px !important;
}

body.home .et_pb_section_6 h2::after,
body.page-id-711 .et_pb_section_6 h2::after {
        content: "";
        display: block;
        width: 56px;
        height: 2px;
        background: var(--luc-gold, #dbba72);
        margin: 22px auto 0;
}

body.home .et_pb_section_6 .et_pb_number_counter,
body.page-id-711 .et_pb_section_6 .et_pb_number_counter {
        position: relative;
        padding: 0 32px !important;
        text-align: center;
}

body.home .et_pb_section_6 .et_pb_column:not(:last-child) .et_pb_number_counter::after,
body.page-id-711 .et_pb_section_6 .et_pb_column:not(:last-child) .et_pb_number_counter::after {
        content: "";
        position: absolute;
        top: 10%; right: 0;
        height: 80%;
        width: 1px;
        background: linear-gradient(180deg, transparent 0%, rgba(26,26,46,.18) 50%, transparent 100%);
}

/* Prevent counter animation from wrapping digits vertically */
body.home .et_pb_section_6 .et_pb_number_counter .percent p,
body.page-id-711 .et_pb_section_6 .et_pb_number_counter .percent p {
        white-space: nowrap !important;
        overflow: hidden !important;
        line-height: 1 !important;
        margin: 0 0 16px !important;
}

body.home .et_pb_section_6 .et_pb_number_counter .percent-value,
body.page-id-711 .et_pb_section_6 .et_pb_number_counter .percent-value {
        font-family: "Bodoni Moda", Georgia, serif !important;
        font-size: 64px !important;
        font-weight: 400 !important;
        color: var(--luc-navy, #1a1a2e) !important;
        letter-spacing: -0.03em !important;
        line-height: 1 !important;
}

body.home .et_pb_section_6 .et_pb_number_counter .percent-sign,
body.page-id-711 .et_pb_section_6 .et_pb_number_counter .percent-sign {
        display: none !important;
}

body.home .et_pb_section_6 .et_pb_number_counter .percent,
body.page-id-711 .et_pb_section_6 .et_pb_number_counter .percent {
        margin-bottom: 0 !important;
}

body.home .et_pb_section_6 .et_pb_number_counter .percent::after,
body.page-id-711 .et_pb_section_6 .et_pb_number_counter .percent::after {
        content: "";
        display: block;
        width: 36px;
        height: 2px;
        background: var(--luc-gold, #dbba72);
        margin: 14px auto 20px;
}

body.home .et_pb_section_6 .et_pb_number_counter .title,
body.page-id-711 .et_pb_section_6 .et_pb_number_counter .title {
        font-family: var(--luc-font-body, Poppins), sans-serif !important;
        font-size: 14px !important;
        font-weight: 400 !important;
        line-height: 1.6 !important;
        color: var(--luc-text-muted, #5b5b6e) !important;
        text-transform: none !important;
        letter-spacing: 0.01em !important;
        max-width: 200px;
        margin: 0 auto !important;
}

@media (max-width: 768px) {
        body.home .et_pb_section_6.et_pb_section,
        body.page-id-711 .et_pb_section_6.et_pb_section {
                padding: 60px 0 !important;
        }
        body.home .et_pb_section_6 .et_pb_column:not(:last-child) .et_pb_number_counter::after,
        body.page-id-711 .et_pb_section_6 .et_pb_column:not(:last-child) .et_pb_number_counter::after {
                display: none;
        }
        body.home .et_pb_section_6 .et_pb_number_counter,
        body.page-id-711 .et_pb_section_6 .et_pb_number_counter {
                padding: 24px 16px !important;
                border-bottom: 1px solid rgba(26,26,46,.08);
        }
        body.home .et_pb_section_6 .et_pb_column:last-child .et_pb_number_counter,
        body.page-id-711 .et_pb_section_6 .et_pb_column:last-child .et_pb_number_counter {
                border-bottom: none;
        }
        body.home .et_pb_section_6 .et_pb_number_counter .percent-value,
        body.page-id-711 .et_pb_section_6 .et_pb_number_counter .percent-value {
                font-size: 48px !important;
        }
}

/* -- END HOME STATS SECTION -------------------------------------------- */